"use client";
import { jsx as o, jsxs as g } from "react/jsx-runtime";
import { CaretDownIcon as f } from "@phosphor-icons/react";
import { forwardRef as r } from "react";
import { c as s } from "./vendor-styling-ofvnbcuht98q88oo.js";
import { aT as C, aU as i, aV as n } from "./vendor-base-ui-elpbzr8xeffrz4h2.js";
function t({ className: e, ...l }) {
  return /* @__PURE__ */ o(C, { className: e, ...l });
}
t.displayName = "Collapsible.Root";
const p = r(
  ({ className: e, ...l }, a) => /* @__PURE__ */ o(
    n,
    {
      ref: a,
      "data-kumo-component": "Collapsible",
      "data-kumo-part": "trigger",
      className: s("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__ */ g(
  n,
  {
    ref: a,
    "data-kumo-component": "Collapsible",
    "data-kumo-part": "default-trigger",
    className: s(
      // 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(f, { className: "h-4 w-4 transition-transform [[data-panel-open]_&]:rotate-180" })
    ]
  }
));
c.displayName = "Collapsible.DefaultTrigger";
const u = r(({ children: e, className: l, ...a }, b) => /* @__PURE__ */ o(
  i,
  {
    ref: b,
    className: s("my-2 space-y-4 border-l-2 border-kumo-fill pl-4", l),
    ...a,
    children: e
  }
));
u.displayName = "Collapsible.DefaultPanel";
const D = Object.assign(t, {
  Root: t,
  Trigger: p,
  Panel: m,
  DefaultTrigger: c,
  DefaultPanel: u
});
export {
  D as C
};
//# sourceMappingURL=collapsible-f9hgtc1u6xvqrgt8.js.map
