@kamod-ui/core 0.1.0

package/dist/chunk-DKXUKLZT.js

@@ -0,0 +1,342 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { signal } from '@preact/signals';
+import { createContext, isValidElement, cloneElement } from 'preact';
+import { useMemo, useRef, useState, useLayoutEffect, useContext } from 'preact/hooks';
+import { jsx } from 'preact/jsx-runtime';
+
+var CollapsibleContext = createContext(null);
+var useCollapsible = () => {
+  const context = useContext(CollapsibleContext);
+  if (!context) throw new Error("Collapsible subcomponents must be used within Collapsible");
+  return context;
+};
+var Collapsible = ({
+  defaultOpen = false,
+  open: openProp,
+  onOpenChange,
+  children,
+  ...rest
+}) => {
+  const uncontrolled = useMemo(() => signal(defaultOpen), []);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? Boolean(openProp) : uncontrolled.value;
+  const setOpen = (next) => {
+    if (!isControlled) {
+      uncontrolled.value = next;
+    }
+    onOpenChange?.(next);
+  };
+  const context = { open, setOpen };
+  return /* @__PURE__ */ jsx(CollapsibleContext.Provider, { value: context, children: /* @__PURE__ */ jsx("div", { "data-slot": "collapsible", "data-state": open ? "open" : "closed", ...rest, children }) });
+};
+var CollapsibleContent = ({
+  forceMount = false,
+  duration = "320ms",
+  timingFunction = "cubic-bezier(0.22, 1, 0.36, 1)",
+  largeContentThreshold = 560,
+  children,
+  class: className,
+  style,
+  ...rest
+}) => {
+  const { open } = useCollapsible();
+  const innerRef = useRef(null);
+  const outerRef = useRef(null);
+  const isOpenRef = useRef(open);
+  isOpenRef.current = open;
+  const hasInitializedRef = useRef(false);
+  const [mounted, setMounted] = useState(() => open || forceMount);
+  const [isAnimatingClose, setIsAnimatingClose] = useState(false);
+  const [isAnimatingOpen, setIsAnimatingOpen] = useState(false);
+  const prefersReducedMotionRef = useRef(false);
+  const rafRef = useRef(null);
+  const rafSecondRef = useRef(null);
+  const resizeObserverRef = useRef(null);
+  const usesMaxHeightRef = useRef(false);
+  useLayoutEffect(() => {
+    if (typeof window !== "undefined") {
+      prefersReducedMotionRef.current = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }
+    const outer = outerRef.current;
+    const inner = innerRef.current;
+    if (!outer || !inner) return;
+    if (rafRef.current !== null) {
+      cancelAnimationFrame(rafRef.current);
+      rafRef.current = null;
+    }
+    if (rafSecondRef.current !== null) {
+      cancelAnimationFrame(rafSecondRef.current);
+      rafSecondRef.current = null;
+    }
+    if (resizeObserverRef.current) {
+      resizeObserverRef.current.disconnect();
+      resizeObserverRef.current = null;
+    }
+    const syncOpenStyles = () => {
+      outer.style.transition = "none";
+      outer.style.height = "auto";
+      outer.style.maxHeight = "none";
+      outer.style.overflow = "";
+      outer.style.willChange = "";
+    };
+    const syncClosedStyles = () => {
+      outer.style.transition = "none";
+      outer.style.height = "0px";
+      outer.style.maxHeight = "0px";
+      outer.style.overflow = "hidden";
+      outer.style.willChange = "";
+    };
+    const measureExpandedHeight = () => {
+      const contentHeight = inner.getBoundingClientRect().height;
+      const computed = window.getComputedStyle(inner);
+      const marginTop = Number.parseFloat(computed.marginTop || "0") || 0;
+      const marginBottom = Number.parseFloat(computed.marginBottom || "0") || 0;
+      return Math.ceil(contentHeight + marginTop + marginBottom);
+    };
+    if (!hasInitializedRef.current) {
+      hasInitializedRef.current = true;
+      if (open) {
+        setMounted(true);
+        syncOpenStyles();
+      } else {
+        syncClosedStyles();
+      }
+      return;
+    }
+    if (open) {
+      if (!mounted) {
+        setMounted(true);
+        return;
+      }
+      setIsAnimatingClose(false);
+      const endHeight = measureExpandedHeight();
+      const startHeight2 = outer.getBoundingClientRect().height;
+      usesMaxHeightRef.current = endHeight >= largeContentThreshold;
+      const animateProperty2 = usesMaxHeightRef.current ? "max-height" : "height";
+      const transitionValue2 = `${animateProperty2} ${duration} ${timingFunction}`;
+      if (prefersReducedMotionRef.current || Math.abs(endHeight - startHeight2) < 1) {
+        setIsAnimatingOpen(false);
+        syncOpenStyles();
+        return;
+      }
+      setIsAnimatingOpen(true);
+      outer.style.transition = "none";
+      outer.style.overflow = "hidden";
+      outer.style.willChange = animateProperty2;
+      outer.style.height = usesMaxHeightRef.current ? "auto" : `${startHeight2}px`;
+      outer.style.maxHeight = `${startHeight2}px`;
+      rafRef.current = requestAnimationFrame(() => {
+        rafRef.current = null;
+        rafSecondRef.current = requestAnimationFrame(() => {
+          rafSecondRef.current = null;
+          outer.style.transition = transitionValue2;
+          if (usesMaxHeightRef.current) {
+            outer.style.maxHeight = `${endHeight}px`;
+          } else {
+            outer.style.height = `${endHeight}px`;
+            outer.style.maxHeight = `${endHeight}px`;
+          }
+        });
+      });
+      if (typeof ResizeObserver !== "undefined") {
+        resizeObserverRef.current = new ResizeObserver(() => {
+          if (!isOpenRef.current) return;
+          const nextHeight = measureExpandedHeight();
+          if (nextHeight <= 0) return;
+          if (usesMaxHeightRef.current) {
+            outer.style.maxHeight = `${nextHeight}px`;
+          } else {
+            outer.style.height = `${nextHeight}px`;
+            outer.style.maxHeight = `${nextHeight}px`;
+          }
+        });
+        resizeObserverRef.current.observe(inner);
+      }
+      return;
+    }
+    if (!mounted) {
+      if (forceMount) syncClosedStyles();
+      return;
+    }
+    const startHeight = outer.getBoundingClientRect().height || measureExpandedHeight();
+    usesMaxHeightRef.current = startHeight >= largeContentThreshold;
+    const animateProperty = usesMaxHeightRef.current ? "max-height" : "height";
+    const transitionValue = `${animateProperty} ${duration} ${timingFunction}`;
+    if (prefersReducedMotionRef.current || startHeight < 1) {
+      setIsAnimatingOpen(false);
+      setIsAnimatingClose(false);
+      if (!forceMount) {
+        setMounted(false);
+      } else {
+        syncClosedStyles();
+      }
+      return;
+    }
+    setIsAnimatingOpen(false);
+    setIsAnimatingClose(true);
+    outer.style.transition = "none";
+    outer.style.overflow = "hidden";
+    outer.style.willChange = animateProperty;
+    outer.style.height = usesMaxHeightRef.current ? "auto" : `${startHeight}px`;
+    outer.style.maxHeight = `${startHeight}px`;
+    rafRef.current = requestAnimationFrame(() => {
+      rafRef.current = null;
+      rafSecondRef.current = requestAnimationFrame(() => {
+        rafSecondRef.current = null;
+        outer.style.transition = transitionValue;
+        if (usesMaxHeightRef.current) {
+          outer.style.maxHeight = "0px";
+        } else {
+          outer.style.height = "0px";
+          outer.style.maxHeight = "0px";
+        }
+      });
+    });
+    return () => {
+      if (rafRef.current !== null) {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+      if (rafSecondRef.current !== null) {
+        cancelAnimationFrame(rafSecondRef.current);
+        rafSecondRef.current = null;
+      }
+      if (resizeObserverRef.current) {
+        resizeObserverRef.current.disconnect();
+        resizeObserverRef.current = null;
+      }
+    };
+  }, [forceMount, open, mounted, timingFunction, duration, largeContentThreshold]);
+  const handleTransitionEnd = (e) => {
+    if (e.target !== outerRef.current) return;
+    if (e.propertyName !== "height" && e.propertyName !== "max-height") return;
+    const outer = outerRef.current;
+    if (!outer) return;
+    if (isOpenRef.current) {
+      setIsAnimatingOpen(false);
+      outer.style.transition = "none";
+      outer.style.height = "auto";
+      outer.style.maxHeight = "none";
+      outer.style.overflow = "";
+      outer.style.willChange = "";
+      if (resizeObserverRef.current) {
+        resizeObserverRef.current.disconnect();
+        resizeObserverRef.current = null;
+      }
+      return;
+    }
+    setIsAnimatingClose(false);
+    if (!forceMount) {
+      outer.style.willChange = "";
+      setMounted(false);
+    } else {
+      outer.style.transition = "none";
+      outer.style.height = "0px";
+      outer.style.maxHeight = "0px";
+      outer.style.overflow = "hidden";
+      outer.style.willChange = "";
+    }
+  };
+  const allowRender = mounted || forceMount || open;
+  if (!allowRender) return null;
+  const mergedStyle = {
+    ...typeof style === "object" && style !== null && !Array.isArray(style) ? style : {},
+    ["--kamodui-collapsible-duration"]: duration,
+    ["--kamodui-collapsible-timing-function"]: timingFunction
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: outerRef,
+      "data-slot": "collapsible-content",
+      "data-state": open ? "open" : "closed",
+      onTransitionEnd: handleTransitionEnd,
+      style: mergedStyle,
+      class: cn("min-h-0 overflow-hidden", (isAnimatingOpen || isAnimatingClose) && "will-change-[height]"),
+      "aria-hidden": !open && !isAnimatingClose,
+      inert: !open || void 0,
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: innerRef,
+          "data-slot": "collapsible-content-inner",
+          class: cn("min-h-0 min-w-0", className),
+          children
+        }
+      )
+    }
+  );
+};
+var callRef = (ref, node) => {
+  if (typeof ref === "function") {
+    ref(node);
+  } else if (ref && typeof ref === "object" && "current" in ref) {
+    ref.current = node;
+  }
+};
+var CollapsibleTrigger = ({
+  asChild = false,
+  children,
+  onClick,
+  ref: outerRef,
+  "data-slot": dataSlot = "collapsible-trigger",
+  ...rest
+}) => {
+  const { open, setOpen } = useCollapsible();
+  const toggle = () => setOpen(!open);
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented) return;
+    toggle();
+  };
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps,
+      ...rest,
+      "aria-expanded": open,
+      "data-state": open ? "open" : "closed",
+      "data-slot": dataSlot,
+      onClick: (event) => {
+        childProps.onClick?.(event);
+        handleClick(event);
+      },
+      ref: (node) => {
+        callRef(childProps.ref, node);
+        callRef(outerRef, node);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": dataSlot,
+      "aria-expanded": open,
+      "data-state": open ? "open" : "closed",
+      onClick: (event) => {
+        handleClick(event);
+      },
+      ref: (node) => {
+        callRef(outerRef, node);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+
+// src/components/collapsible/index.ts
+var collapsible_default = {
+  Root: Collapsible,
+  Trigger: CollapsibleTrigger,
+  Content: CollapsibleContent
+};
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, collapsible_default };
+//# sourceMappingURL=chunk-DKXUKLZT.js.map
+//# sourceMappingURL=chunk-DKXUKLZT.js.map

package/dist/chunk-DKXUKLZT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleContent.tsx","../src/components/collapsible/CollapsibleTrigger.tsx","../src/components/collapsible/index.ts"],"names":["startHeight","animateProperty","transitionValue","jsx"],"mappings":";;;;;;AAUA,IAAM,kBAAA,GAAqB,cAA8C,IAAI,CAAA;AAEtE,IAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,OAAA,GAAU,WAAW,kBAAkB,CAAA;AAC7C,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,2DAA2D,CAAA;AACzF,EAAA,OAAO,OAAA;AACT,CAAA;AAYO,IAAM,cAAc,CAAC;AAAA,EAC1B,WAAA,GAAc,KAAA;AAAA,EACd,IAAA,EAAM,QAAA;AAAA,EACN,YAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAwB;AACtB,EAAA,MAAM,eAAe,OAAA,CAAQ,MAAM,OAAO,WAAW,CAAA,EAAG,EAAE,CAAA;AAC1D,EAAA,MAAM,eAAe,QAAA,KAAa,MAAA;AAClC,EAAA,MAAM,IAAA,GAAO,YAAA,GAAe,OAAA,CAAQ,QAAQ,IAAI,YAAA,CAAa,KAAA;AAE7D,EAAA,MAAM,OAAA,GAAU,CAAC,IAAA,KAAkB;AACjC,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,YAAA,CAAa,KAAA,GAAQ,IAAA;AAAA,IACvB;AACA,IAAA,YAAA,GAAe,IAAI,CAAA;AAAA,EACrB,CAAA;AAEA,EAAA,MAAM,OAAA,GAAmC,EAAE,IAAA,EAAM,OAAA,EAAQ;AAEzD,EAAA,2BACG,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,KAAA,EAAO,SAClC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,aAAA,EAAc,cAAY,IAAA,GAAO,MAAA,GAAS,UAAW,GAAG,IAAA,EACpE,UACH,CAAA,EACF,CAAA;AAEJ;ACvCO,IAAM,qBAAqB,CAAC;AAAA,EACjC,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,OAAA;AAAA,EACX,cAAA,GAAiB,gCAAA;AAAA,EACjB,qBAAA,GAAwB,GAAA;AAAA,EACxB,QAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA+B;AAC7B,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,cAAA,EAAe;AAChC,EAAA,MAAM,QAAA,GAAW,OAAuB,IAAI,CAAA;AAC5C,EAAA,MAAM,QAAA,GAAW,OAAuB,IAAI,CAAA;AAC5C,EAAA,MAAM,SAAA,GAAY,OAAO,IAAI,CAAA;AAC7B,EAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AACpB,EAAA,MAAM,iBAAA,GAAoB,OAAO,KAAK,CAAA;AAEtC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,IAAI,QAAA,CAAS,MAAM,QAAQ,UAAU,CAAA;AAC/D,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9D,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAA,MAAM,uBAAA,GAA0B,OAAO,KAAK,CAAA;AAC5C,EAAA,MAAM,MAAA,GAAS,OAAsB,IAAI,CAAA;AACzC,EAAA,MAAM,YAAA,GAAe,OAAsB,IAAI,CAAA;AAC/C,EAAA,MAAM,iBAAA,GAAoB,OAA8B,IAAI,CAAA;AAC5D,EAAA,MAAM,gBAAA,GAAmB,OAAO,KAAK,CAAA;AAErC,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,MAAA,uBAAA,CAAwB,OAAA,GAAU,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AAAA,IAC1F;AAEA,IAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,IAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,KAAA,EAAO;AAEtB,IAAA,IAAI,MAAA,CAAO,YAAY,IAAA,EAAM;AAC3B,MAAA,oBAAA,CAAqB,OAAO,OAAO,CAAA;AACnC,MAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AAAA,IACnB;AACA,IAAA,IAAI,YAAA,CAAa,YAAY,IAAA,EAAM;AACjC,MAAA,oBAAA,CAAqB,aAAa,OAAO,CAAA;AACzC,MAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AAAA,IACzB;AACA,IAAA,IAAI,kBAAkB,OAAA,EAAS;AAC7B,MAAA,iBAAA,CAAkB,QAAQ,UAAA,EAAW;AACrC,MAAA,iBAAA,CAAkB,OAAA,GAAU,IAAA;AAAA,IAC9B;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAA,KAAA,CAAM,MAAM,UAAA,GAAa,MAAA;AACzB,MAAA,KAAA,CAAM,MAAM,MAAA,GAAS,MAAA;AACrB,MAAA,KAAA,CAAM,MAAM,SAAA,GAAY,MAAA;AACxB,MAAA,KAAA,CAAM,MAAM,QAAA,GAAW,EAAA;AACvB,MAAA,KAAA,CAAM,MAAM,UAAA,GAAa,EAAA;AAAA,IAC3B,CAAA;AAEA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,KAAA,CAAM,MAAM,UAAA,GAAa,MAAA;AACzB,MAAA,KAAA,CAAM,MAAM,MAAA,GAAS,KAAA;AACrB,MAAA,KAAA,CAAM,MAAM,SAAA,GAAY,KAAA;AACxB,MAAA,KAAA,CAAM,MAAM,QAAA,GAAW,QAAA;AACvB,MAAA,KAAA,CAAM,MAAM,UAAA,GAAa,EAAA;AAAA,IAC3B,CAAA;AAEA,IAAA,MAAM,wBAAwB,MAAM;AAClC,MAAA,MAAM,aAAA,GAAgB,KAAA,CAAM,qBAAA,EAAsB,CAAE,MAAA;AACpD,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,gBAAA,CAAiB,KAAK,CAAA;AAC9C,MAAA,MAAM,YAAY,MAAA,CAAO,UAAA,CAAW,QAAA,CAAS,SAAA,IAAa,GAAG,CAAA,IAAK,CAAA;AAClE,MAAA,MAAM,eAAe,MAAA,CAAO,UAAA,CAAW,QAAA,CAAS,YAAA,IAAgB,GAAG,CAAA,IAAK,CAAA;AACxE,MAAA,OAAO,IAAA,CAAK,IAAA,CAAK,aAAA,GAAgB,SAAA,GAAY,YAAY,CAAA;AAAA,IAC3D,CAAA;AAEA,IAAA,IAAI,CAAC,kBAAkB,OAAA,EAAS;AAC9B,MAAA,iBAAA,CAAkB,OAAA,GAAU,IAAA;AAC5B,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAA,cAAA,EAAe;AAAA,MACjB,CAAA,MAAO;AACL,QAAA,gBAAA,EAAiB;AAAA,MACnB;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,IAAI,CAAC,OAAA,EAAS;AACZ,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAA;AAAA,MACF;AAEA,MAAA,mBAAA,CAAoB,KAAK,CAAA;AACzB,MAAA,MAAM,YAAY,qBAAA,EAAsB;AACxC,MAAA,MAAMA,YAAAA,GAAc,KAAA,CAAM,qBAAA,EAAsB,CAAE,MAAA;AAClD,MAAA,gBAAA,CAAiB,UAAU,SAAA,IAAa,qBAAA;AACxC,MAAA,MAAMC,gBAAAA,GAAkB,gBAAA,CAAiB,OAAA,GAAU,YAAA,GAAe,QAAA;AAClE,MAAA,MAAMC,mBAAkB,CAAA,EAAGD,gBAAe,CAAA,CAAA,EAAI,QAAQ,IAAI,cAAc,CAAA,CAAA;AAExE,MAAA,IAAI,wBAAwB,OAAA,IAAW,IAAA,CAAK,IAAI,SAAA,GAAYD,YAAW,IAAI,CAAA,EAAG;AAC5E,QAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,QAAA,cAAA,EAAe;AACf,QAAA;AAAA,MACF;AAEA,MAAA,kBAAA,CAAmB,IAAI,CAAA;AACvB,MAAA,KAAA,CAAM,MAAM,UAAA,GAAa,MAAA;AACzB,MAAA,KAAA,CAAM,MAAM,QAAA,GAAW,QAAA;AACvB,MAAA,KAAA,CAAM,MAAM,UAAA,GAAaC,gBAAAA;AACzB,MAAA,KAAA,CAAM,MAAM,MAAA,GAAS,gBAAA,CAAiB,OAAA,GAAU,MAAA,GAAS,GAAGD,YAAW,CAAA,EAAA,CAAA;AACvE,MAAA,KAAA,CAAM,KAAA,CAAM,SAAA,GAAY,CAAA,EAAGA,YAAW,CAAA,EAAA,CAAA;AACtC,MAAA,MAAA,CAAO,OAAA,GAAU,sBAAsB,MAAM;AAC3C,QAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AACjB,QAAA,YAAA,CAAa,OAAA,GAAU,sBAAsB,MAAM;AACjD,UAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AACvB,UAAA,KAAA,CAAM,MAAM,UAAA,GAAaE,gBAAAA;AACzB,UAAA,IAAI,iBAAiB,OAAA,EAAS;AAC5B,YAAA,KAAA,CAAM,KAAA,CAAM,SAAA,GAAY,CAAA,EAAG,SAAS,CAAA,EAAA,CAAA;AAAA,UACtC,CAAA,MAAO;AACL,YAAA,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG,SAAS,CAAA,EAAA,CAAA;AACjC,YAAA,KAAA,CAAM,KAAA,CAAM,SAAA,GAAY,CAAA,EAAG,SAAS,CAAA,EAAA,CAAA;AAAA,UACtC;AAAA,QACF,CAAC,CAAA;AAAA,MACH,CAAC,CAAA;AAED,MAAA,IAAI,OAAO,mBAAmB,WAAA,EAAa;AACzC,QAAA,iBAAA,CAAkB,OAAA,GAAU,IAAI,cAAA,CAAe,MAAM;AACnD,UAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AACxB,UAAA,MAAM,aAAa,qBAAA,EAAsB;AACzC,UAAA,IAAI,cAAc,CAAA,EAAG;AACrB,UAAA,IAAI,iBAAiB,OAAA,EAAS;AAC5B,YAAA,KAAA,CAAM,KAAA,CAAM,SAAA,GAAY,CAAA,EAAG,UAAU,CAAA,EAAA,CAAA;AAAA,UACvC,CAAA,MAAO;AACL,YAAA,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG,UAAU,CAAA,EAAA,CAAA;AAClC,YAAA,KAAA,CAAM,KAAA,CAAM,SAAA,GAAY,CAAA,EAAG,UAAU,CAAA,EAAA,CAAA;AAAA,UACvC;AAAA,QACF,CAAC,CAAA;AACD,QAAA,iBAAA,CAAkB,OAAA,CAAQ,QAAQ,KAAK,CAAA;AAAA,MACzC;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,IAAI,YAAY,gBAAA,EAAiB;AACjC,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,qBAAA,EAAsB,CAAE,UAAU,qBAAA,EAAsB;AAClF,IAAA,gBAAA,CAAiB,UAAU,WAAA,IAAe,qBAAA;AAC1C,IAAA,MAAM,eAAA,GAAkB,gBAAA,CAAiB,OAAA,GAAU,YAAA,GAAe,QAAA;AAClE,IAAA,MAAM,kBAAkB,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,QAAQ,IAAI,cAAc,CAAA,CAAA;AACxE,IAAA,IAAI,uBAAA,CAAwB,OAAA,IAAW,WAAA,GAAc,CAAA,EAAG;AACtD,MAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,MAAA,mBAAA,CAAoB,KAAK,CAAA;AACzB,MAAA,IAAI,CAAC,UAAA,EAAY;AACf,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB,CAAA,MAAO;AACL,QAAA,gBAAA,EAAiB;AAAA,MACnB;AACA,MAAA;AAAA,IACF;AAEA,IAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,IAAA,mBAAA,CAAoB,IAAI,CAAA;AACxB,IAAA,KAAA,CAAM,MAAM,UAAA,GAAa,MAAA;AACzB,IAAA,KAAA,CAAM,MAAM,QAAA,GAAW,QAAA;AACvB,IAAA,KAAA,CAAM,MAAM,UAAA,GAAa,eAAA;AACzB,IAAA,KAAA,CAAM,MAAM,MAAA,GAAS,gBAAA,CAAiB,OAAA,GAAU,MAAA,GAAS,GAAG,WAAW,CAAA,EAAA,CAAA;AACvE,IAAA,KAAA,CAAM,KAAA,CAAM,SAAA,GAAY,CAAA,EAAG,WAAW,CAAA,EAAA,CAAA;AACtC,IAAA,MAAA,CAAO,OAAA,GAAU,sBAAsB,MAAM;AAC3C,MAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AACjB,MAAA,YAAA,CAAa,OAAA,GAAU,sBAAsB,MAAM;AACjD,QAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AACvB,QAAA,KAAA,CAAM,MAAM,UAAA,GAAa,eAAA;AACzB,QAAA,IAAI,iBAAiB,OAAA,EAAS;AAC5B,UAAA,KAAA,CAAM,MAAM,SAAA,GAAY,KAAA;AAAA,QAC1B,CAAA,MAAO;AACL,UAAA,KAAA,CAAM,MAAM,MAAA,GAAS,KAAA;AACrB,UAAA,KAAA,CAAM,MAAM,SAAA,GAAY,KAAA;AAAA,QAC1B;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,MAAA,CAAO,YAAY,IAAA,EAAM;AAC3B,QAAA,oBAAA,CAAqB,OAAO,OAAO,CAAA;AACnC,QAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AAAA,MACnB;AACA,MAAA,IAAI,YAAA,CAAa,YAAY,IAAA,EAAM;AACjC,QAAA,oBAAA,CAAqB,aAAa,OAAO,CAAA;AACzC,QAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AAAA,MACzB;AACA,MAAA,IAAI,kBAAkB,OAAA,EAAS;AAC7B,QAAA,iBAAA,CAAkB,QAAQ,UAAA,EAAW;AACrC,QAAA,iBAAA,CAAkB,OAAA,GAAU,IAAA;AAAA,MAC9B;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,UAAA,EAAY,IAAA,EAAM,SAAS,cAAA,EAAgB,QAAA,EAAU,qBAAqB,CAAC,CAAA;AAE/E,EAAA,MAAM,mBAAA,GAAsB,CAAC,CAAA,KAAuB;AAClD,IAAA,IAAI,CAAA,CAAE,MAAA,KAAW,QAAA,CAAS,OAAA,EAAS;AACnC,IAAA,IAAI,CAAA,CAAE,YAAA,KAAiB,QAAA,IAAY,CAAA,CAAE,iBAAiB,YAAA,EAAc;AACpE,IAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,IAAA,IAAI,CAAC,KAAA,EAAO;AAEZ,IAAA,IAAI,UAAU,OAAA,EAAS;AACrB,MAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,MAAA,KAAA,CAAM,MAAM,UAAA,GAAa,MAAA;AACzB,MAAA,KAAA,CAAM,MAAM,MAAA,GAAS,MAAA;AACrB,MAAA,KAAA,CAAM,MAAM,SAAA,GAAY,MAAA;AACxB,MAAA,KAAA,CAAM,MAAM,QAAA,GAAW,EAAA;AACvB,MAAA,KAAA,CAAM,MAAM,UAAA,GAAa,EAAA;AACzB,MAAA,IAAI,kBAAkB,OAAA,EAAS;AAC7B,QAAA,iBAAA,CAAkB,QAAQ,UAAA,EAAW;AACrC,QAAA,iBAAA,CAAkB,OAAA,GAAU,IAAA;AAAA,MAC9B;AACA,MAAA;AAAA,IACF;AACA,IAAA,mBAAA,CAAoB,KAAK,CAAA;AACzB,IAAA,IAAI,CAAC,UAAA,EAAY;AACf,MAAA,KAAA,CAAM,MAAM,UAAA,GAAa,EAAA;AACzB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAA,MAAO;AACL,MAAA,KAAA,CAAM,MAAM,UAAA,GAAa,MAAA;AACzB,MAAA,KAAA,CAAM,MAAM,MAAA,GAAS,KAAA;AACrB,MAAA,KAAA,CAAM,MAAM,SAAA,GAAY,KAAA;AACxB,MAAA,KAAA,CAAM,MAAM,QAAA,GAAW,QAAA;AACvB,MAAA,KAAA,CAAM,MAAM,UAAA,GAAa,EAAA;AAAA,IAC3B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,WAAW,UAAA,IAAc,IAAA;AAC7C,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AAEzB,EAAA,MAAM,WAAA,GAAiC;AAAA,IACrC,GAAI,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAClE,KAAA,GACD,EAAC;AAAA,IACL,CAAC,gCAA0C,GAAG,QAAA;AAAA,IAC9C,CAAC,uCAAiD,GAAG;AAAA,GACvD;AAEA,EAAA,uBACEC,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,qBAAA;AAAA,MACV,YAAA,EAAY,OAAO,MAAA,GAAS,QAAA;AAAA,MAC5B,eAAA,EAAiB,mBAAA;AAAA,MACjB,KAAA,EAAO,WAAA;AAAA,MACP,KAAA,EAAO,EAAA,CAAG,yBAAA,EAAA,CAA4B,eAAA,IAAmB,qBAAqB,sBAAsB,CAAA;AAAA,MACpG,aAAA,EAAa,CAAC,IAAA,IAAQ,CAAC,gBAAA;AAAA,MACvB,KAAA,EAAO,CAAC,IAAA,IAAQ,MAAA;AAAA,MACf,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAAA,GAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,QAAA;AAAA,UACL,WAAA,EAAU,2BAAA;AAAA,UACV,KAAA,EAAO,EAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA;AAAA,UAErC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AC1QA,IAAM,OAAA,GAAU,CAAwB,GAAA,EAAc,IAAA,KAAmB;AACvE,EAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,IAAA,GAAA,CAAI,IAAI,CAAA;AAAA,EACV,WAAW,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAA,IAAY,aAAa,GAAA,EAAK;AAC7D,IAAC,IAA8B,OAAA,GAAU,IAAA;AAAA,EAC3C;AACF,CAAA;AAEO,IAAM,qBAAqB,CAAC;AAAA,EACjC,OAAA,GAAU,KAAA;AAAA,EACV,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA,EAAK,QAAA;AAAA,EACL,aAAa,QAAA,GAAW,qBAAA;AAAA,EACxB,GAAG;AACL,CAAA,KAA+B;AAC7B,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAQ,GAAI,cAAA,EAAe;AAEzC,EAAA,MAAM,MAAA,GAAS,MAAM,OAAA,CAAQ,CAAC,IAAI,CAAA;AAElC,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAA+C;AAClE,IAAA,OAAA,GAAU,KAAkD,CAAA;AAC5D,IAAA,IAAI,MAAM,gBAAA,EAAkB;AAC5B,IAAA,MAAA,EAAO;AAAA,EACT,CAAA;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,IAAI,CAAC,cAAA,CAAe,QAAQ,CAAA,EAAG;AAC7B,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,UAAA,GAAc,QAAA,CAAS,KAAA,IAAS,EAAC;AAKvC,IAAA,OAAO,aAAa,QAAA,EAAU;AAAA,MAC5B,GAAI,UAAA;AAAA,MACJ,GAAI,IAAA;AAAA,MACJ,eAAA,EAAiB,IAAA;AAAA,MACjB,YAAA,EAAc,OAAO,MAAA,GAAS,QAAA;AAAA,MAC9B,WAAA,EAAa,QAAA;AAAA,MACb,OAAA,EAAS,CAAC,KAAA,KAA+C;AACvD,QAAA,UAAA,CAAW,UAAU,KAAK,CAAA;AAC1B,QAAA,WAAA,CAAY,KAAK,CAAA;AAAA,MACnB,CAAA;AAAA,MACA,GAAA,EAAK,CAAC,IAAA,KAA6B;AACjC,QAAA,OAAA,CAAQ,UAAA,CAAW,KAAK,IAAI,CAAA;AAC5B,QAAA,OAAA,CAAQ,UAAU,IAAI,CAAA;AAAA,MACxB;AAAA,KACQ,CAAA;AAAA,EACZ;AAEA,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAW,QAAA;AAAA,MACX,eAAA,EAAe,IAAA;AAAA,MACf,YAAA,EAAY,OAAO,MAAA,GAAS,QAAA;AAAA,MAC5B,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,QAAA,WAAA,CAAY,KAAK,CAAA;AAAA,MACnB,CAAA;AAAA,MACA,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,QAAA,OAAA,CAAQ,UAAU,IAAI,CAAA;AAAA,MACxB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;ACzEA,IAAO,mBAAA,GAAQ;AAAA,EACb,IAAA,EAAM,WAAA;AAAA,EACN,OAAA,EAAS,kBAAA;AAAA,EACT,OAAA,EAAS;AACX","file":"chunk-DKXUKLZT.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useContext, useMemo } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\n\nexport type CollapsibleContextValue = {\n  open: boolean;\n  setOpen: (next: boolean) => void;\n};\n\nconst CollapsibleContext = createContext<CollapsibleContextValue | null>(null);\n\nexport const useCollapsible = () => {\n  const context = useContext(CollapsibleContext);\n  if (!context) throw new Error(\"Collapsible subcomponents must be used within Collapsible\");\n  return context;\n};\n\nexport type CollapsibleProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  /** Uncontrolled initial state */\n  defaultOpen?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Called when open state changes (toggle or programmatic) */\n  onOpenChange?: (open: boolean) => void;\n  children?: ComponentChildren;\n};\n\nexport const Collapsible = ({\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange,\n  children,\n  ...rest\n}: CollapsibleProps) => {\n  const uncontrolled = useMemo(() => signal(defaultOpen), []);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? Boolean(openProp) : uncontrolled.value;\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) {\n      uncontrolled.value = next;\n    }\n    onOpenChange?.(next);\n  };\n\n  const context: CollapsibleContextValue = { open, setOpen };\n\n  return (\n    <CollapsibleContext.Provider value={context}>\n      <div data-slot=\"collapsible\" data-state={open ? \"open\" : \"closed\"} {...rest}>\n        {children}\n      </div>\n    </CollapsibleContext.Provider>\n  );\n};\n","import { useLayoutEffect, useRef, useState } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { useCollapsible } from \"./Collapsible\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CollapsibleContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  forceMount?: boolean;\n  /** Grid transition duration, e.g. `400ms` */\n  duration?: string;\n  /** CSS timing function, e.g. `cubic-bezier(0.4, 0, 0.2, 1)` */\n  timingFunction?: string;\n  /** Use max-height animation for very tall content to reduce micro-jank. */\n  largeContentThreshold?: number;\n  children?: ComponentChildren;\n};\n\nexport const CollapsibleContent = ({\n  forceMount = false,\n  duration = \"320ms\",\n  timingFunction = \"cubic-bezier(0.22, 1, 0.36, 1)\",\n  largeContentThreshold = 560,\n  children,\n  class: className,\n  style,\n  ...rest\n}: CollapsibleContentProps) => {\n  const { open } = useCollapsible();\n  const innerRef = useRef<HTMLDivElement>(null);\n  const outerRef = useRef<HTMLDivElement>(null);\n  const isOpenRef = useRef(open);\n  isOpenRef.current = open;\n  const hasInitializedRef = useRef(false);\n\n  const [mounted, setMounted] = useState(() => open || forceMount);\n  const [isAnimatingClose, setIsAnimatingClose] = useState(false);\n  const [isAnimatingOpen, setIsAnimatingOpen] = useState(false);\n  const prefersReducedMotionRef = useRef(false);\n  const rafRef = useRef<number | null>(null);\n  const rafSecondRef = useRef<number | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const usesMaxHeightRef = useRef(false);\n\n  useLayoutEffect(() => {\n    if (typeof window !== \"undefined\") {\n      prefersReducedMotionRef.current = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    }\n\n    const outer = outerRef.current;\n    const inner = innerRef.current;\n    if (!outer || !inner) return;\n\n    if (rafRef.current !== null) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = null;\n    }\n    if (rafSecondRef.current !== null) {\n      cancelAnimationFrame(rafSecondRef.current);\n      rafSecondRef.current = null;\n    }\n    if (resizeObserverRef.current) {\n      resizeObserverRef.current.disconnect();\n      resizeObserverRef.current = null;\n    }\n\n    const syncOpenStyles = () => {\n      outer.style.transition = \"none\";\n      outer.style.height = \"auto\";\n      outer.style.maxHeight = \"none\";\n      outer.style.overflow = \"\";\n      outer.style.willChange = \"\";\n    };\n\n    const syncClosedStyles = () => {\n      outer.style.transition = \"none\";\n      outer.style.height = \"0px\";\n      outer.style.maxHeight = \"0px\";\n      outer.style.overflow = \"hidden\";\n      outer.style.willChange = \"\";\n    };\n\n    const measureExpandedHeight = () => {\n      const contentHeight = inner.getBoundingClientRect().height;\n      const computed = window.getComputedStyle(inner);\n      const marginTop = Number.parseFloat(computed.marginTop || \"0\") || 0;\n      const marginBottom = Number.parseFloat(computed.marginBottom || \"0\") || 0;\n      return Math.ceil(contentHeight + marginTop + marginBottom);\n    };\n\n    if (!hasInitializedRef.current) {\n      hasInitializedRef.current = true;\n      if (open) {\n        setMounted(true);\n        syncOpenStyles();\n      } else {\n        syncClosedStyles();\n      }\n      return;\n    }\n\n    if (open) {\n      if (!mounted) {\n        setMounted(true);\n        return;\n      }\n\n      setIsAnimatingClose(false);\n      const endHeight = measureExpandedHeight();\n      const startHeight = outer.getBoundingClientRect().height;\n      usesMaxHeightRef.current = endHeight >= largeContentThreshold;\n      const animateProperty = usesMaxHeightRef.current ? \"max-height\" : \"height\";\n      const transitionValue = `${animateProperty} ${duration} ${timingFunction}`;\n\n      if (prefersReducedMotionRef.current || Math.abs(endHeight - startHeight) < 1) {\n        setIsAnimatingOpen(false);\n        syncOpenStyles();\n        return;\n      }\n\n      setIsAnimatingOpen(true);\n      outer.style.transition = \"none\";\n      outer.style.overflow = \"hidden\";\n      outer.style.willChange = animateProperty;\n      outer.style.height = usesMaxHeightRef.current ? \"auto\" : `${startHeight}px`;\n      outer.style.maxHeight = `${startHeight}px`;\n      rafRef.current = requestAnimationFrame(() => {\n        rafRef.current = null;\n        rafSecondRef.current = requestAnimationFrame(() => {\n          rafSecondRef.current = null;\n          outer.style.transition = transitionValue;\n          if (usesMaxHeightRef.current) {\n            outer.style.maxHeight = `${endHeight}px`;\n          } else {\n            outer.style.height = `${endHeight}px`;\n            outer.style.maxHeight = `${endHeight}px`;\n          }\n        });\n      });\n\n      if (typeof ResizeObserver !== \"undefined\") {\n        resizeObserverRef.current = new ResizeObserver(() => {\n          if (!isOpenRef.current) return;\n          const nextHeight = measureExpandedHeight();\n          if (nextHeight <= 0) return;\n          if (usesMaxHeightRef.current) {\n            outer.style.maxHeight = `${nextHeight}px`;\n          } else {\n            outer.style.height = `${nextHeight}px`;\n            outer.style.maxHeight = `${nextHeight}px`;\n          }\n        });\n        resizeObserverRef.current.observe(inner);\n      }\n      return;\n    }\n\n    if (!mounted) {\n      if (forceMount) syncClosedStyles();\n      return;\n    }\n\n    const startHeight = outer.getBoundingClientRect().height || measureExpandedHeight();\n    usesMaxHeightRef.current = startHeight >= largeContentThreshold;\n    const animateProperty = usesMaxHeightRef.current ? \"max-height\" : \"height\";\n    const transitionValue = `${animateProperty} ${duration} ${timingFunction}`;\n    if (prefersReducedMotionRef.current || startHeight < 1) {\n      setIsAnimatingOpen(false);\n      setIsAnimatingClose(false);\n      if (!forceMount) {\n        setMounted(false);\n      } else {\n        syncClosedStyles();\n      }\n      return;\n    }\n\n    setIsAnimatingOpen(false);\n    setIsAnimatingClose(true);\n    outer.style.transition = \"none\";\n    outer.style.overflow = \"hidden\";\n    outer.style.willChange = animateProperty;\n    outer.style.height = usesMaxHeightRef.current ? \"auto\" : `${startHeight}px`;\n    outer.style.maxHeight = `${startHeight}px`;\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n      rafSecondRef.current = requestAnimationFrame(() => {\n        rafSecondRef.current = null;\n        outer.style.transition = transitionValue;\n        if (usesMaxHeightRef.current) {\n          outer.style.maxHeight = \"0px\";\n        } else {\n          outer.style.height = \"0px\";\n          outer.style.maxHeight = \"0px\";\n        }\n      });\n    });\n    return () => {\n      if (rafRef.current !== null) {\n        cancelAnimationFrame(rafRef.current);\n        rafRef.current = null;\n      }\n      if (rafSecondRef.current !== null) {\n        cancelAnimationFrame(rafSecondRef.current);\n        rafSecondRef.current = null;\n      }\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    };\n  }, [forceMount, open, mounted, timingFunction, duration, largeContentThreshold]);\n\n  const handleTransitionEnd = (e: TransitionEvent) => {\n    if (e.target !== outerRef.current) return;\n    if (e.propertyName !== \"height\" && e.propertyName !== \"max-height\") return;\n    const outer = outerRef.current;\n    if (!outer) return;\n\n    if (isOpenRef.current) {\n      setIsAnimatingOpen(false);\n      outer.style.transition = \"none\";\n      outer.style.height = \"auto\";\n      outer.style.maxHeight = \"none\";\n      outer.style.overflow = \"\";\n      outer.style.willChange = \"\";\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n      return;\n    }\n    setIsAnimatingClose(false);\n    if (!forceMount) {\n      outer.style.willChange = \"\";\n      setMounted(false);\n    } else {\n      outer.style.transition = \"none\";\n      outer.style.height = \"0px\";\n      outer.style.maxHeight = \"0px\";\n      outer.style.overflow = \"hidden\";\n      outer.style.willChange = \"\";\n    }\n  };\n\n  const allowRender = mounted || forceMount || open;\n  if (!allowRender) return null;\n\n  const mergedStyle: JSX.CSSProperties = {\n    ...(typeof style === \"object\" && style !== null && !Array.isArray(style)\n      ? (style as JSX.CSSProperties)\n      : {}),\n    [\"--kamodui-collapsible-duration\" as string]: duration,\n    [\"--kamodui-collapsible-timing-function\" as string]: timingFunction\n  };\n\n  return (\n    <div\n      ref={outerRef}\n      data-slot=\"collapsible-content\"\n      data-state={open ? \"open\" : \"closed\"}\n      onTransitionEnd={handleTransitionEnd}\n      style={mergedStyle}\n      class={cn(\"min-h-0 overflow-hidden\", (isAnimatingOpen || isAnimatingClose) && \"will-change-[height]\")}\n      aria-hidden={!open && !isAnimatingClose}\n      inert={!open || undefined}\n      {...rest}\n    >\n      <div\n        ref={innerRef}\n        data-slot=\"collapsible-content-inner\"\n        class={cn(\"min-h-0 min-w-0\", className)}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n","import { cloneElement, isValidElement, type ComponentChildren, type JSX } from \"preact\";\nimport { useCollapsible } from \"./Collapsible\";\n\nexport type CollapsibleTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  asChild?: boolean;\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\nconst callRef = <T extends HTMLElement>(ref: unknown, node: T | null) => {\n  if (typeof ref === \"function\") {\n    ref(node);\n  } else if (ref && typeof ref === \"object\" && \"current\" in ref) {\n    (ref as { current: T | null }).current = node;\n  }\n};\n\nexport const CollapsibleTrigger = ({\n  asChild = false,\n  children,\n  onClick,\n  ref: outerRef,\n  \"data-slot\": dataSlot = \"collapsible-trigger\",\n  ...rest\n}: CollapsibleTriggerProps) => {\n  const { open, setOpen } = useCollapsible();\n\n  const toggle = () => setOpen(!open);\n\n  const handleClick = (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n    onClick?.(event as JSX.TargetedMouseEvent<HTMLButtonElement>);\n    if (event.defaultPrevented) return;\n    toggle();\n  };\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      ref?: unknown;\n      onClick?: (event: JSX.TargetedMouseEvent<HTMLElement>) => void;\n    };\n\n    return cloneElement(children, {\n      ...(childProps as Record<string, unknown>),\n      ...(rest as Record<string, unknown>),\n      \"aria-expanded\": open,\n      \"data-state\": open ? \"open\" : \"closed\",\n      \"data-slot\": dataSlot,\n      onClick: (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n        childProps.onClick?.(event);\n        handleClick(event);\n      },\n      ref: (node: HTMLElement | null) => {\n        callRef(childProps.ref, node);\n        callRef(outerRef, node);\n      }\n    } as never);\n  }\n\n  return (\n    <button\n      type=\"button\"\n      data-slot={dataSlot}\n      aria-expanded={open}\n      data-state={open ? \"open\" : \"closed\"}\n      onClick={(event) => {\n        handleClick(event);\n      }}\n      ref={(node) => {\n        callRef(outerRef, node);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import { Collapsible } from \"./Collapsible\";\nimport { CollapsibleContent } from \"./CollapsibleContent\";\nimport { CollapsibleTrigger } from \"./CollapsibleTrigger\";\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n\nexport default {\n  Root: Collapsible,\n  Trigger: CollapsibleTrigger,\n  Content: CollapsibleContent\n};\n"]}

package/dist/chunk-EL2HT25C.js

@@ -0,0 +1,9 @@
+import { separator, Separator } from './chunk-3WAPI4KR.js';
+
+// src/components/separator/index.ts
+var SeparatorVariants = { separator };
+var separator_default = Separator;
+
+export { SeparatorVariants, separator_default };
+//# sourceMappingURL=chunk-EL2HT25C.js.map
+//# sourceMappingURL=chunk-EL2HT25C.js.map

package/dist/chunk-EL2HT25C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/separator/index.ts"],"names":[],"mappings":";;;AAEA,IAAM,iBAAA,GAAoB,EAAE,SAAA;AAI5B,IAAO,iBAAA,GAAQ","file":"chunk-EL2HT25C.js","sourcesContent":["import { Separator, separator } from \"./Separator\";\n\nconst SeparatorVariants = { separator };\n\nexport { Separator, SeparatorVariants };\n\nexport default Separator;\n"]}

package/dist/chunk-FDNPBI2Z.js

@@ -0,0 +1,26 @@
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+// src/components/skeleton/Skeleton.tsx
+var skeleton = tv({
+  base: "rounded-md",
+  variants: {
+    variant: {
+      pulse: "animate-pulse bg-muted/80",
+      shimmer: "animate-pulse bg-[linear-gradient(110deg,hsl(var(--muted)/0.68),hsl(var(--muted)/0.9),hsl(var(--muted)/0.68))] bg-[length:220%_100%]",
+      glass: "animate-pulse border border-border/40 bg-[linear-gradient(140deg,hsl(var(--muted)/0.34),hsl(var(--background)/0.78),hsl(var(--muted)/0.28))] backdrop-blur-[1px]"
+    }
+  },
+  defaultVariants: {
+    variant: "pulse"
+  }
+});
+var Skeleton = ({ class: className, variant, ...rest }) => /* @__PURE__ */ jsx("div", { class: skeleton({ class: className, variant }), "data-slot": "skeleton", ...rest });
+
+// src/components/skeleton/index.ts
+var SkeletonVariants = { skeleton };
+var skeleton_default = Skeleton;
+
+export { Skeleton, SkeletonVariants, skeleton_default };
+//# sourceMappingURL=chunk-FDNPBI2Z.js.map
+//# sourceMappingURL=chunk-FDNPBI2Z.js.map

package/dist/chunk-FDNPBI2Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/skeleton/Skeleton.tsx","../src/components/skeleton/index.ts"],"names":[],"mappings":";;;;AAGO,IAAM,WAAW,EAAA,CAAG;AAAA,EACzB,IAAA,EAAM,YAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,2BAAA;AAAA,MACP,OAAA,EACE,sIAAA;AAAA,MACF,KAAA,EACE;AAAA;AACJ,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AASM,IAAM,QAAA,GAAW,CAAC,EAAE,KAAA,EAAO,WAAW,OAAA,EAAS,GAAG,IAAA,EAAK,qBAC5D,GAAA,CAAC,KAAA,EAAA,EAAI,OAAO,QAAA,CAAS,EAAE,OAAO,SAAA,EAAiC,OAAA,EAAS,CAAA,EAAG,WAAA,EAAU,UAAA,EAAY,GAAG,IAAA,EAAM;;;ACzB5G,IAAM,gBAAA,GAAmB,EAAE,QAAA;AAI3B,IAAO,gBAAA,GAAQ","file":"chunk-FDNPBI2Z.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const skeleton = tv({\n  base: \"rounded-md\",\n  variants: {\n    variant: {\n      pulse: \"animate-pulse bg-muted/80\",\n      shimmer:\n        \"animate-pulse bg-[linear-gradient(110deg,hsl(var(--muted)/0.68),hsl(var(--muted)/0.9),hsl(var(--muted)/0.68))] bg-[length:220%_100%]\",\n      glass:\n        \"animate-pulse border border-border/40 bg-[linear-gradient(140deg,hsl(var(--muted)/0.34),hsl(var(--background)/0.78),hsl(var(--muted)/0.28))] backdrop-blur-[1px]\"\n    }\n  },\n  defaultVariants: {\n    variant: \"pulse\"\n  }\n});\n\ntype SkeletonVariants = Parameters<typeof skeleton>[0];\ntype SkeletonVariant = NonNullable<SkeletonVariants>[\"variant\"];\n\nexport type SkeletonProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  variant?: SkeletonVariant;\n};\n\nexport const Skeleton = ({ class: className, variant, ...rest }: SkeletonProps) => (\n  <div class={skeleton({ class: className as string | undefined, variant })} data-slot=\"skeleton\" {...rest} />\n);\n\n","import { Skeleton, skeleton } from \"./Skeleton\";\n\nconst SkeletonVariants = { skeleton };\n\nexport { Skeleton, SkeletonVariants };\n\nexport default Skeleton;\n"]}

package/dist/chunk-FWCN47RC.js

@@ -0,0 +1,65 @@
+import { signal } from '@preact/signals';
+import { createContext } from 'preact';
+import { useContext, useMemo } from 'preact/hooks';
+import { jsx } from 'preact/jsx-runtime';
+
+// src/components/sidebar/SidebarProvider.tsx
+var SidebarContext = createContext(null);
+var useSidebar = () => {
+  const context = useContext(SidebarContext);
+  if (!context) throw new Error("Sidebar components must be used within SidebarProvider");
+  return context;
+};
+var SidebarProvider = ({ defaultOpen = true, children }) => {
+  const open = useMemo(() => signal(defaultOpen), []);
+  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: { open, setOpen: (next) => open.value = next }, children });
+};
+var Sidebar = ({ children, ...rest }) => {
+  const sidebar = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "aside",
+    {
+      "data-slot": "sidebar",
+      "data-state": sidebar.open.value ? "open" : "closed",
+      hidden: !sidebar.open.value,
+      ...rest,
+      children
+    }
+  );
+};
+var SidebarContent = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "sidebar-content", ...rest, children });
+var SidebarFooter = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "sidebar-footer", ...rest, children });
+var SidebarHeader = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "sidebar-header", ...rest, children });
+var SidebarInset = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "sidebar-inset", ...rest, children });
+var SidebarTrigger = ({ children = "Toggle Sidebar", onClick, ...rest }) => {
+  const sidebar = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "sidebar-trigger",
+      "aria-expanded": sidebar.open.value,
+      onClick: (event) => {
+        sidebar.setOpen(!sidebar.open.value);
+        onClick?.(event);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+
+// src/components/sidebar/index.ts
+var sidebar_default = {
+  Provider: SidebarProvider,
+  Root: Sidebar,
+  Trigger: SidebarTrigger,
+  Header: SidebarHeader,
+  Content: SidebarContent,
+  Footer: SidebarFooter,
+  Inset: SidebarInset
+};
+
+export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInset, SidebarProvider, SidebarTrigger, sidebar_default, useSidebar };
+//# sourceMappingURL=chunk-FWCN47RC.js.map
+//# sourceMappingURL=chunk-FWCN47RC.js.map

package/dist/chunk-FWCN47RC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar/SidebarProvider.tsx","../src/components/sidebar/Sidebar.tsx","../src/components/sidebar/SidebarContent.tsx","../src/components/sidebar/SidebarFooter.tsx","../src/components/sidebar/SidebarHeader.tsx","../src/components/sidebar/SidebarInset.tsx","../src/components/sidebar/SidebarTrigger.tsx","../src/components/sidebar/index.ts"],"names":["jsx"],"mappings":";;;;;;AAUA,IAAM,cAAA,GAAiB,cAA0C,IAAI,CAAA;AAE9D,IAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,OAAA,GAAU,WAAW,cAAc,CAAA;AACzC,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,wDAAwD,CAAA;AACtF,EAAA,OAAO,OAAA;AACT;AAOO,IAAM,kBAAkB,CAAC,EAAE,WAAA,GAAc,IAAA,EAAM,UAAS,KAA4B;AACzF,EAAA,MAAM,OAAO,OAAA,CAAQ,MAAM,OAAO,WAAW,CAAA,EAAG,EAAE,CAAA;AAClD,EAAA,uBACE,GAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EAAwB,OAAO,EAAE,IAAA,EAAM,OAAA,EAAS,CAAC,IAAA,KAAU,IAAA,CAAK,KAAA,GAAQ,IAAA,IACtE,QAAA,EACH,CAAA;AAEJ;ACzBO,IAAM,UAAU,CAAC,EAAE,QAAA,EAAU,GAAG,MAAK,KAAoB;AAC9D,EAAA,MAAM,UAAU,UAAA,EAAW;AAC3B,EAAA,uBACEA,GAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACV,YAAA,EAAY,OAAA,CAAQ,IAAA,CAAK,KAAA,GAAQ,MAAA,GAAS,QAAA;AAAA,MAC1C,MAAA,EAAQ,CAAC,OAAA,CAAQ,IAAA,CAAK,KAAA;AAAA,MACrB,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;ACbO,IAAM,cAAA,GAAiB,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBACjDA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,iBAAA,EAAmB,GAAG,MAClC,QAAA,EACH;ACHK,IAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBAChDA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,gBAAA,EAAkB,GAAG,MACjC,QAAA,EACH;ACHK,IAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBAChDA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,gBAAA,EAAkB,GAAG,MACjC,QAAA,EACH;ACHK,IAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBAC/CA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,eAAA,EAAiB,GAAG,MAChC,QAAA,EACH;ACAK,IAAM,cAAA,GAAiB,CAAC,EAAE,QAAA,GAAW,kBAAkB,OAAA,EAAS,GAAG,MAAK,KAA2B;AACxG,EAAA,MAAM,UAAU,UAAA,EAAW;AAC3B,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,iBAAA;AAAA,MACV,eAAA,EAAe,QAAQ,IAAA,CAAK,KAAA;AAAA,MAC5B,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,QAAA,OAAA,CAAQ,OAAA,CAAQ,CAAC,OAAA,CAAQ,IAAA,CAAK,KAAK,CAAA;AACnC,QAAA,OAAA,GAAU,KAAK,CAAA;AAAA,MACjB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;ACJA,IAAO,eAAA,GAAQ;AAAA,EACb,QAAA,EAAU,eAAA;AAAA,EACV,IAAA,EAAM,OAAA;AAAA,EACN,OAAA,EAAS,cAAA;AAAA,EACT,MAAA,EAAQ,aAAA;AAAA,EACR,OAAA,EAAS,cAAA;AAAA,EACT,MAAA,EAAQ,aAAA;AAAA,EACR,KAAA,EAAO;AACT","file":"chunk-FWCN47RC.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useContext, useMemo } from \"preact/hooks\";\nimport type { ComponentChildren } from \"preact\";\n\ntype SidebarContextValue = {\n  open: ReturnType<typeof signal<boolean>>;\n  setOpen: (next: boolean) => void;\n};\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport const useSidebar = () => {\n  const context = useContext(SidebarContext);\n  if (!context) throw new Error(\"Sidebar components must be used within SidebarProvider\");\n  return context;\n};\n\nexport type SidebarProviderProps = {\n  defaultOpen?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const SidebarProvider = ({ defaultOpen = true, children }: SidebarProviderProps) => {\n  const open = useMemo(() => signal(defaultOpen), []);\n  return (\n    <SidebarContext.Provider value={{ open, setOpen: (next) => (open.value = next) }}>\n      {children}\n    </SidebarContext.Provider>\n  );\n};\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useSidebar } from \"./SidebarProvider\";\n\nexport type SidebarProps = JSX.HTMLAttributes<HTMLElement> & { children?: ComponentChildren };\n\nexport const Sidebar = ({ children, ...rest }: SidebarProps) => {\n  const sidebar = useSidebar();\n  return (\n    <aside\n      data-slot=\"sidebar\"\n      data-state={sidebar.open.value ? \"open\" : \"closed\"}\n      hidden={!sidebar.open.value}\n      {...rest}\n    >\n      {children}\n    </aside>\n  );\n};\n\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SidebarContentProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const SidebarContent = ({ children, ...rest }: SidebarContentProps) => (\n  <div data-slot=\"sidebar-content\" {...rest}>\n    {children}\n  </div>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SidebarFooterProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const SidebarFooter = ({ children, ...rest }: SidebarFooterProps) => (\n  <div data-slot=\"sidebar-footer\" {...rest}>\n    {children}\n  </div>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SidebarHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const SidebarHeader = ({ children, ...rest }: SidebarHeaderProps) => (\n  <div data-slot=\"sidebar-header\" {...rest}>\n    {children}\n  </div>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SidebarInsetProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const SidebarInset = ({ children, ...rest }: SidebarInsetProps) => (\n  <div data-slot=\"sidebar-inset\" {...rest}>\n    {children}\n  </div>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useSidebar } from \"./SidebarProvider\";\n\nexport type SidebarTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n};\n\nexport const SidebarTrigger = ({ children = \"Toggle Sidebar\", onClick, ...rest }: SidebarTriggerProps) => {\n  const sidebar = useSidebar();\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"sidebar-trigger\"\n      aria-expanded={sidebar.open.value}\n      onClick={(event) => {\n        sidebar.setOpen(!sidebar.open.value);\n        onClick?.(event);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\n","import { Sidebar } from \"./Sidebar\";\nimport { SidebarContent } from \"./SidebarContent\";\nimport { SidebarFooter } from \"./SidebarFooter\";\nimport { SidebarHeader } from \"./SidebarHeader\";\nimport { SidebarInset } from \"./SidebarInset\";\nimport { SidebarProvider, useSidebar } from \"./SidebarProvider\";\nimport { SidebarTrigger } from \"./SidebarTrigger\";\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarInset,\n  SidebarProvider,\n  SidebarTrigger,\n  useSidebar\n};\n\nexport default {\n  Provider: SidebarProvider,\n  Root: Sidebar,\n  Trigger: SidebarTrigger,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Inset: SidebarInset\n};\n"]}

package/dist/chunk-G6PBJZYF.js

@@ -0,0 +1,114 @@
+import { DialogFooter, DialogHeader } from './chunk-YWUMX4JR.js';
+import { Dialog, DialogClose, DialogContent, dialogViewportBleedClass, DialogDescription, DialogTitle, DialogTrigger } from './chunk-KBXDU3G4.js';
+import { button } from './chunk-UGQ756Z6.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var AlertDialog = ({ children, ...rest }) => /* @__PURE__ */ jsx(Dialog, { "data-slot": "alert-dialog", lockBodyScroll: true, ...rest, children });
+var AlertDialogAction = ({
+  variant = "default",
+  class: className,
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  DialogClose,
+  {
+    class: button({ variant, class: cn("w-full sm:w-auto", className) }),
+    "data-slot": "alert-dialog-action",
+    ...rest,
+    children
+  }
+);
+var AlertDialogCancel = ({
+  variant = "outline",
+  class: className,
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  DialogClose,
+  {
+    class: button({ variant, class: cn("w-full sm:w-auto", className) }),
+    "data-slot": "alert-dialog-cancel",
+    ...rest,
+    children
+  }
+);
+var AlertDialogContent = ({
+  size = "default",
+  class: className,
+  children,
+  ...rest
+}) => (
+  // presentation="slot": we own the full-screen flex overlay + inner panel; default "modal" would add a second backdrop.
+  /* @__PURE__ */ jsx(
+    DialogContent,
+    {
+      presentation: "slot",
+      class: cn(
+        dialogViewportBleedClass,
+        "z-50 flex items-center justify-center bg-black/50 p-3 sm:p-6 pointer-events-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-in fade-out"
+      ),
+      "data-slot": "alert-dialog-content",
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          class: cn(
+            "data-open:animate-in relative z-[1] grid min-h-0 min-w-0 w-full max-w-[calc(100svw-1.5rem)] max-h-[calc(100dvh-1.5rem)] overflow-y-auto overflow-x-hidden rounded-xl border bg-background shadow-lg pointer-events-auto",
+            size === "sm" ? "gap-3 p-4 sm:max-w-sm sm:max-h-[calc(100dvh-3rem)] sm:p-4" : "gap-4 p-4 sm:max-w-[32rem] sm:max-h-[calc(100dvh-3rem)] sm:p-6",
+            className
+          ),
+          "data-slot": "alert-dialog-panel",
+          "data-size": size,
+          "data-open": "true",
+          children
+        }
+      )
+    }
+  )
+);
+var AlertDialogDescription = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(DialogDescription, { class: cn("text-muted-foreground text-sm leading-relaxed break-words", className), "data-slot": "alert-dialog-description", ...rest, children });
+var AlertDialogFooter = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(DialogFooter, { class: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), "data-slot": "alert-dialog-footer", ...rest, children });
+var AlertDialogHeader = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(DialogHeader, { class: cn("grid gap-2 text-center sm:text-left", className), "data-slot": "alert-dialog-header", ...rest, children });
+var AlertDialogMedia = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "alert-dialog-media",
+    class: cn(
+      "mx-auto flex size-12 shrink-0 items-center justify-center rounded-full bg-muted text-foreground",
+      "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var AlertDialogTitle = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(DialogTitle, { class: cn("text-lg font-semibold break-words", className), "data-slot": "alert-dialog-title", ...rest, children });
+var AlertDialogTrigger = ({ asChild, class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  DialogTrigger,
+  {
+    asChild,
+    class: asChild ? className : button({ variant: "outline", class: className }),
+    "data-slot": "alert-dialog-trigger",
+    ...rest,
+    children
+  }
+);
+
+// src/components/alert-dialog/index.ts
+var alert_dialog_default = {
+  Root: AlertDialog,
+  Trigger: AlertDialogTrigger,
+  Content: AlertDialogContent,
+  Header: AlertDialogHeader,
+  Footer: AlertDialogFooter,
+  Title: AlertDialogTitle,
+  Description: AlertDialogDescription,
+  Media: AlertDialogMedia,
+  Cancel: AlertDialogCancel,
+  Action: AlertDialogAction
+};
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, alert_dialog_default };
+//# sourceMappingURL=chunk-G6PBJZYF.js.map
+//# sourceMappingURL=chunk-G6PBJZYF.js.map