"use client";
import { jsx as o, jsxs as f } from "react/jsx-runtime";
import { CaretDownIcon as g } from "@phosphor-icons/react";
import { forwardRef as r } from "react";
import { c as t } from "./cn-ct4n7r74mh8y0f48.js";
import { aO as u, aP as i, aQ as n } from "./vendor-base-ui-ie71jahf0czyf58j.js";
function s({ className: e, ...l }) {
  return /* @__PURE__ */ o(u, { className: e, ...l });
}
s.displayName = "Collapsible.Root";
const p = r(
  ({ className: e, ...l }, a) => /* @__PURE__ */ o(
    n,
    {
      ref: a,
      className: t("cursor-pointer", e),
      ...l
    }
  )
);
p.displayName = "Collapsible.Trigger";
const m = r(
  ({ className: e, ...l }, a) => /* @__PURE__ */ o(
    i,
    {
      ref: a,
      className: e,
      ...l
    }
  )
);
m.displayName = "Collapsible.Panel";
const c = r(({ children: e, className: l }, a) => /* @__PURE__ */ f(
  n,
  {
    ref: a,
    className: t(
      // Defensive resets to prevent global button styles from polluting the trigger
      "bg-transparent border-none shadow-none p-0 m-0",
      // Base styles for the trigger
      "flex cursor-pointer items-center gap-1 text-sm text-kumo-link select-none",
      l
    ),
    children: [
      e,
      " ",
      /* @__PURE__ */ o(g, { className: "h-4 w-4 transition-transform [[data-panel-open]_&]:rotate-180" })
    ]
  }
));
c.displayName = "Collapsible.DefaultTrigger";
const b = r(({ children: e, className: l }, a) => /* @__PURE__ */ o(
  i,
  {
    ref: a,
    className: t("my-2 space-y-4 border-l-2 border-kumo-fill pl-4", l),
    children: e
  }
));
b.displayName = "Collapsible.DefaultPanel";
const D = Object.assign(s, {
  Root: s,
  Trigger: p,
  Panel: m,
  DefaultTrigger: c,
  DefaultPanel: b
});
export {
  D as C
};
//# sourceMappingURL=collapsible-k8urhi16pg90jvxa.js.map
