@kamod-ch/ui 0.2.1

package/dist/chunk-UEGIKBX6.js

@@ -0,0 +1,385 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { signal } from '@preact/signals';
+import { createContext } from 'preact';
+import { useMemo, useRef, useState, useLayoutEffect, useContext } from 'preact/hooks';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+var AccordionContext = createContext(null);
+var useAccordion = () => {
+  const context = useContext(AccordionContext);
+  if (!context) throw new Error("Accordion subcomponents must be used within Accordion");
+  return context;
+};
+var Accordion = ({
+  type = "single",
+  collapsible = true,
+  defaultValue,
+  children,
+  ...rest
+}) => {
+  const openValues = useMemo(() => {
+    const initialSet = new Set(
+      defaultValue ? Array.isArray(defaultValue) ? defaultValue : [defaultValue] : []
+    );
+    return signal(initialSet);
+  }, []);
+  const context = {
+    type,
+    openValues,
+    toggleValue: (value) => {
+      const next = new Set(openValues.value);
+      const isOpen = next.has(value);
+      if (type === "single") {
+        if (isOpen && !collapsible) {
+          return;
+        }
+        next.clear();
+        if (!isOpen) next.add(value);
+      } else if (isOpen) {
+        next.delete(value);
+      } else {
+        next.add(value);
+      }
+      openValues.value = next;
+    }
+  };
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: context, children: /* @__PURE__ */ jsx("div", { "data-slot": "accordion", ...rest, children }) });
+};
+var AccordionItemContext = createContext(null);
+var useAccordionItem = () => {
+  const context = useContext(AccordionItemContext);
+  if (!context) throw new Error("Accordion item subcomponents must be used within AccordionItem");
+  return context;
+};
+var AccordionItem = ({
+  value,
+  disabled = false,
+  children,
+  ...rest
+}) => {
+  const { openValues } = useAccordion();
+  const isOpen = openValues.value.has(value);
+  return /* @__PURE__ */ jsx(AccordionItemContext.Provider, { value: { value, isOpen, disabled }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "accordion-item",
+      "data-state": isOpen ? "open" : "closed",
+      "data-disabled": disabled ? "" : void 0,
+      ...rest,
+      children
+    }
+  ) });
+};
+var AccordionContent = ({
+  forceMount = false,
+  duration = "320ms",
+  timingFunction = "cubic-bezier(0.22, 1, 0.36, 1)",
+  largeContentThreshold = 560,
+  children,
+  class: className,
+  style,
+  ...rest
+}) => {
+  const { isOpen } = useAccordionItem();
+  const innerRef = useRef(null);
+  const outerRef = useRef(null);
+  const isOpenRef = useRef(isOpen);
+  isOpenRef.current = isOpen;
+  const hasInitializedRef = useRef(false);
+  const [mounted, setMounted] = useState(() => isOpen || 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 (isOpen) {
+        setMounted(true);
+        syncOpenStyles();
+      } else {
+        syncClosedStyles();
+      }
+      return;
+    }
+    if (isOpen) {
+      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, isOpen, 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 || isOpen;
+  if (!allowRender) return null;
+  const mergedStyle = {
+    ...typeof style === "object" && style !== null && !Array.isArray(style) ? style : {},
+    ["--kamodui-accordion-duration"]: duration,
+    ["--kamodui-accordion-timing-function"]: timingFunction
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: outerRef,
+      "data-slot": "accordion-content",
+      "data-state": isOpen ? "open" : "closed",
+      onTransitionEnd: handleTransitionEnd,
+      style: mergedStyle,
+      class: cn(
+        "min-h-0 overflow-hidden",
+        (isAnimatingOpen || isAnimatingClose) && "will-change-[height]"
+      ),
+      "aria-hidden": !isOpen && !isAnimatingClose,
+      inert: !isOpen || void 0,
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: innerRef,
+          "data-slot": "accordion-content-inner",
+          class: cn("min-h-0 min-w-0", className),
+          children
+        }
+      )
+    }
+  );
+};
+var DefaultIndicator = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M4 6l4 4 4-4",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+var AccordionTrigger = ({
+  hideIndicator = false,
+  indicator,
+  children,
+  class: className,
+  onClick,
+  ...rest
+}) => {
+  const { toggleValue } = useAccordion();
+  const { value, isOpen, disabled } = useAccordionItem();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "data-slot": "accordion-trigger",
+      "aria-expanded": isOpen,
+      disabled,
+      "data-state": isOpen ? "open" : "closed",
+      class: cn(
+        "flex w-full items-center justify-between gap-2 rounded-md py-4 text-left text-sm font-medium outline-none transition-colors focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50",
+        !isOpen && "hover:bg-muted/40",
+        className
+      ),
+      onClick: (event) => {
+        if (disabled) return;
+        toggleValue(value);
+        onClick?.(event);
+      },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("span", { "data-slot": "accordion-trigger-label", class: "min-w-0 flex-1 text-start", children }),
+        !hideIndicator ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "accordion-trigger-indicator",
+            "data-state": isOpen ? "open" : "closed",
+            class: cn(
+              "shrink-0 text-muted-foreground transition-transform duration-200",
+              isOpen && "rotate-180"
+            ),
+            children: indicator ?? /* @__PURE__ */ jsx(DefaultIndicator, {})
+          }
+        ) : null
+      ]
+    }
+  );
+};
+
+// src/components/accordion/index.ts
+var accordion_default = {
+  Root: Accordion,
+  Item: AccordionItem,
+  Trigger: AccordionTrigger,
+  Content: AccordionContent
+};
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordion_default };
+//# sourceMappingURL=chunk-UEGIKBX6.js.map
+//# sourceMappingURL=chunk-UEGIKBX6.js.map

package/dist/chunk-UEGIKBX6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/accordion/Accordion.tsx","../src/components/accordion/AccordionItem.tsx","../src/components/accordion/AccordionContent.tsx","../src/components/accordion/AccordionTrigger.tsx","../src/components/accordion/index.ts"],"names":["createContext","useContext","jsx","startHeight","animateProperty","transitionValue"],"mappings":"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","file":"chunk-UEGIKBX6.js","sourcesContent":["import { type Signal, signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext, useMemo } from \"preact/hooks\";\n\ntype AccordionType = \"single\" | \"multiple\";\n\ntype AccordionContextValue = {\n  type: AccordionType;\n  openValues: Signal<Set<string>>;\n  toggleValue: (value: string) => void;\n};\n\nconst AccordionContext = createContext<AccordionContextValue | null>(null);\n\nexport const useAccordion = () => {\n  const context = useContext(AccordionContext);\n  if (!context) throw new Error(\"Accordion subcomponents must be used within Accordion\");\n  return context;\n};\n\nexport type AccordionProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  type?: AccordionType;\n  /** When `type=\"single\"`, `false` keeps one panel always open (clicking the open trigger does not close it). Default `true` matches common shadcn examples. */\n  collapsible?: boolean;\n  defaultValue?: string | string[];\n  children?: ComponentChildren;\n};\n\nexport const Accordion = ({\n  type = \"single\",\n  collapsible = true,\n  defaultValue,\n  children,\n  ...rest\n}: AccordionProps) => {\n  const openValues = useMemo(() => {\n    const initialSet = new Set<string>(\n      defaultValue ? (Array.isArray(defaultValue) ? defaultValue : [defaultValue]) : [],\n    );\n    return signal(initialSet);\n  }, []);\n\n  const context: AccordionContextValue = {\n    type,\n    openValues,\n    toggleValue: (value) => {\n      const next = new Set(openValues.value);\n      const isOpen = next.has(value);\n\n      if (type === \"single\") {\n        if (isOpen && !collapsible) {\n          return;\n        }\n        next.clear();\n        if (!isOpen) next.add(value);\n      } else if (isOpen) {\n        next.delete(value);\n      } else {\n        next.add(value);\n      }\n\n      openValues.value = next;\n    },\n  };\n\n  return (\n    <AccordionContext.Provider value={context}>\n      <div data-slot=\"accordion\" {...rest}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext } from \"preact/hooks\";\nimport { useAccordion } from \"./Accordion\";\n\ntype AccordionItemContextValue = {\n  value: string;\n  isOpen: boolean;\n  disabled: boolean;\n};\n\nconst AccordionItemContext = createContext<AccordionItemContextValue | null>(null);\n\nexport const useAccordionItem = () => {\n  const context = useContext(AccordionItemContext);\n  if (!context) throw new Error(\"Accordion item subcomponents must be used within AccordionItem\");\n  return context;\n};\n\nexport type AccordionItemProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  value: string;\n  disabled?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const AccordionItem = ({\n  value,\n  disabled = false,\n  children,\n  ...rest\n}: AccordionItemProps) => {\n  const { openValues } = useAccordion();\n  const isOpen = openValues.value.has(value);\n\n  return (\n    <AccordionItemContext.Provider value={{ value, isOpen, disabled }}>\n      <div\n        data-slot=\"accordion-item\"\n        data-state={isOpen ? \"open\" : \"closed\"}\n        data-disabled={disabled ? \"\" : undefined}\n        {...rest}\n      >\n        {children}\n      </div>\n    </AccordionItemContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useLayoutEffect, useRef, useState } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport { useAccordionItem } from \"./AccordionItem\";\n\nexport type AccordionContentProps = 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 AccordionContent = ({\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}: AccordionContentProps) => {\n  const { isOpen } = useAccordionItem();\n  const innerRef = useRef<HTMLDivElement>(null);\n  const outerRef = useRef<HTMLDivElement>(null);\n  const isOpenRef = useRef(isOpen);\n  isOpenRef.current = isOpen;\n  const hasInitializedRef = useRef(false);\n\n  const [mounted, setMounted] = useState(() => isOpen || 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(\n        \"(prefers-reduced-motion: reduce)\",\n      ).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 (isOpen) {\n        setMounted(true);\n        syncOpenStyles();\n      } else {\n        syncClosedStyles();\n      }\n      return;\n    }\n\n    if (isOpen) {\n      if (!mounted) {\n        // First render closed content into the DOM, then animate on the next layout pass.\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, isOpen, 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 || isOpen;\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-accordion-duration\" as string]: duration,\n    [\"--kamodui-accordion-timing-function\" as string]: timingFunction,\n  };\n\n  return (\n    <div\n      ref={outerRef}\n      data-slot=\"accordion-content\"\n      data-state={isOpen ? \"open\" : \"closed\"}\n      onTransitionEnd={handleTransitionEnd}\n      style={mergedStyle}\n      class={cn(\n        \"min-h-0 overflow-hidden\",\n        (isAnimatingOpen || isAnimatingClose) && \"will-change-[height]\",\n      )}\n      aria-hidden={!isOpen && !isAnimatingClose}\n      inert={!isOpen || undefined}\n      {...rest}\n    >\n      <div\n        ref={innerRef}\n        data-slot=\"accordion-content-inner\"\n        class={cn(\"min-h-0 min-w-0\", className)}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useAccordion } from \"./Accordion\";\nimport { useAccordionItem } from \"./AccordionItem\";\n\nexport type AccordionTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  hideIndicator?: boolean;\n  indicator?: ComponentChildren;\n  children?: ComponentChildren;\n};\n\nconst DefaultIndicator = () => (\n  <svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\n    <path\n      d=\"M4 6l4 4 4-4\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const AccordionTrigger = ({\n  hideIndicator = false,\n  indicator,\n  children,\n  class: className,\n  onClick,\n  ...rest\n}: AccordionTriggerProps) => {\n  const { toggleValue } = useAccordion();\n  const { value, isOpen, disabled } = useAccordionItem();\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"accordion-trigger\"\n      aria-expanded={isOpen}\n      disabled={disabled}\n      data-state={isOpen ? \"open\" : \"closed\"}\n      class={cn(\n        \"flex w-full items-center justify-between gap-2 rounded-md py-4 text-left text-sm font-medium outline-none transition-colors focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50\",\n        !isOpen && \"hover:bg-muted/40\",\n        className,\n      )}\n      onClick={(event) => {\n        if (disabled) return;\n        toggleValue(value);\n        onClick?.(event);\n      }}\n      {...rest}\n    >\n      <span data-slot=\"accordion-trigger-label\" class=\"min-w-0 flex-1 text-start\">\n        {children}\n      </span>\n      {!hideIndicator ? (\n        <span\n          data-slot=\"accordion-trigger-indicator\"\n          data-state={isOpen ? \"open\" : \"closed\"}\n          class={cn(\n            \"shrink-0 text-muted-foreground transition-transform duration-200\",\n            isOpen && \"rotate-180\",\n          )}\n        >\n          {indicator ?? <DefaultIndicator />}\n        </span>\n      ) : null}\n    </button>\n  );\n};\n","import { Accordion } from \"./Accordion\";\nimport { AccordionContent } from \"./AccordionContent\";\nimport { AccordionItem } from \"./AccordionItem\";\nimport { AccordionTrigger } from \"./AccordionTrigger\";\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\n\nexport default {\n  Root: Accordion,\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n};\n"]}

package/dist/chunk-UEXTD7ZB.js

@@ -0,0 +1,108 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { isValidElement, cloneElement } from 'preact';
+
+var Breadcrumb = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", class: cn(className), ...rest, children });
+var BreadcrumbEllipsis = ({ class: className, ...rest }) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    "data-slot": "breadcrumb-ellipsis",
+    class: cn("flex size-9 items-center justify-center", className),
+    ...rest,
+    children: [
+      /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", class: "size-4", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "2" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { class: "sr-only", children: "More" })
+    ]
+  }
+);
+var BreadcrumbItem = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    "data-slot": "breadcrumb-item",
+    class: cn("inline-flex items-center gap-1.5", className),
+    ...rest,
+    children
+  }
+);
+var linkClass = "hover:text-foreground transition-colors";
+var BreadcrumbLink = ({
+  asChild = false,
+  class: className,
+  children,
+  ...rest
+}) => {
+  const mergedClass = cn(linkClass, className);
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...rest,
+      ...childProps,
+      class: cn(mergedClass, childProps.class, childProps.className),
+      "data-slot": "breadcrumb-link"
+    });
+  }
+  return /* @__PURE__ */ jsx("a", { "data-slot": "breadcrumb-link", class: mergedClass, ...rest, children });
+};
+var BreadcrumbList = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "ol",
+  {
+    "data-slot": "breadcrumb-list",
+    class: cn(
+      "text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var BreadcrumbPage = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    "data-slot": "breadcrumb-page",
+    class: cn("text-foreground font-medium", className),
+    ...rest,
+    children
+  }
+);
+var BreadcrumbSeparator = ({
+  class: className,
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    class: cn("[&>svg]:size-3.5", className),
+    ...rest,
+    children: children ?? /* @__PURE__ */ jsx(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        class: "shrink-0 rtl:rotate-180",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+      }
+    )
+  }
+);
+
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=chunk-UEXTD7ZB.js.map
+//# sourceMappingURL=chunk-UEXTD7ZB.js.map

package/dist/chunk-UEXTD7ZB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/breadcrumb/Breadcrumb.tsx","../src/components/breadcrumb/BreadcrumbEllipsis.tsx","../src/components/breadcrumb/BreadcrumbItem.tsx","../src/components/breadcrumb/BreadcrumbLink.tsx","../src/components/breadcrumb/BreadcrumbList.tsx","../src/components/breadcrumb/BreadcrumbPage.tsx","../src/components/breadcrumb/BreadcrumbSeparator.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-UEXTD7ZB.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbProps = JSX.HTMLAttributes<HTMLElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Breadcrumb = ({ class: className, children, ...rest }: BreadcrumbProps) => (\n  <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" class={cn(className)} {...rest}>\n    {children}\n  </nav>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbEllipsisProps = JSX.HTMLAttributes<HTMLSpanElement>;\n\nexport const BreadcrumbEllipsis = ({ class: className, ...rest }: BreadcrumbEllipsisProps) => (\n  <span\n    data-slot=\"breadcrumb-ellipsis\"\n    class={cn(\"flex size-9 items-center justify-center\", className)}\n    {...rest}\n  >\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-4\" aria-hidden=\"true\">\n      <circle cx=\"5\" cy=\"12\" r=\"2\" />\n      <circle cx=\"12\" cy=\"12\" r=\"2\" />\n      <circle cx=\"19\" cy=\"12\" r=\"2\" />\n    </svg>\n    <span class=\"sr-only\">More</span>\n  </span>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbItemProps = JSX.HTMLAttributes<HTMLLIElement> & {\n  children?: ComponentChildren;\n};\n\nexport const BreadcrumbItem = ({ class: className, children, ...rest }: BreadcrumbItemProps) => (\n  <li\n    data-slot=\"breadcrumb-item\"\n    class={cn(\"inline-flex items-center gap-1.5\", className)}\n    {...rest}\n  >\n    {children}\n  </li>\n);\n","import { type ComponentChildren, cloneElement, isValidElement, type JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbLinkProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: ComponentChildren;\n  asChild?: boolean;\n};\n\nconst linkClass = \"hover:text-foreground transition-colors\";\n\nexport const BreadcrumbLink = ({\n  asChild = false,\n  class: className,\n  children,\n  ...rest\n}: BreadcrumbLinkProps) => {\n  const mergedClass = cn(linkClass, className);\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      class?: string;\n      className?: string;\n    };\n\n    return cloneElement(children, {\n      ...(rest as JSX.HTMLAttributes<HTMLElement>),\n      ...childProps,\n      class: cn(mergedClass, childProps.class, childProps.className),\n      \"data-slot\": \"breadcrumb-link\",\n    });\n  }\n\n  return (\n    <a data-slot=\"breadcrumb-link\" class={mergedClass} {...rest}>\n      {children}\n    </a>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbListProps = JSX.HTMLAttributes<HTMLOListElement> & {\n  children?: ComponentChildren;\n};\n\nexport const BreadcrumbList = ({ class: className, children, ...rest }: BreadcrumbListProps) => (\n  <ol\n    data-slot=\"breadcrumb-list\"\n    class={cn(\n      \"text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm\",\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </ol>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbPageProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  children?: ComponentChildren;\n};\n\nexport const BreadcrumbPage = ({ class: className, children, ...rest }: BreadcrumbPageProps) => (\n  <span\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    data-slot=\"breadcrumb-page\"\n    class={cn(\"text-foreground font-medium\", className)}\n    {...rest}\n  >\n    {children}\n  </span>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbSeparatorProps = JSX.HTMLAttributes<HTMLLIElement> & {\n  children?: ComponentChildren;\n};\n\nexport const BreadcrumbSeparator = ({\n  class: className,\n  children,\n  ...rest\n}: BreadcrumbSeparatorProps) => (\n  <li\n    data-slot=\"breadcrumb-separator\"\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    class={cn(\"[&>svg]:size-3.5\", className)}\n    {...rest}\n  >\n    {children ?? (\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"shrink-0 rtl:rotate-180\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m9 18 6-6-6-6\" />\n      </svg>\n    )}\n  </li>\n);\n"]}

package/dist/chunk-UNWEH4Z6.js

@@ -0,0 +1,83 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+var alert = tv({
+  base: [
+    "group/alert relative grid w-full gap-y-0.5 rounded-lg border px-4 py-3 text-left text-sm",
+    "[&:has(>[data-slot=alert-action])]:relative [&:has(>[data-slot=alert-action])]:pr-18",
+    "[&:has(>svg)]:grid-cols-[auto_1fr] [&:has(>svg)]:gap-x-3",
+    "[&:has(>svg)_[data-slot=alert-title]]:col-start-2",
+    "[&:has(>svg)_[data-slot=alert-description]]:col-start-2 [&:has(>svg)_[data-slot=alert-description]]:row-start-2",
+    "[&:has(>svg)]:items-start",
+    "[&>svg]:shrink-0 [&>svg]:translate-y-0.5 [&>svg]:text-current [&>svg:not([class*='size-'])]:size-4"
+  ],
+  variants: {
+    variant: {
+      default: "border-border bg-card text-card-foreground",
+      /** shadcn parity — title + icon use `text-destructive`; description muted via descendant selector. */
+      destructive: "border-border bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current",
+      primary: "border-primary/30 bg-primary/10 text-foreground",
+      secondary: "border-secondary/40 bg-secondary/40 text-secondary-foreground",
+      info: "border-info/35 bg-info/10 text-foreground",
+      success: "border-success/50 bg-success/18 text-foreground shadow-[inset_0_1px_0_rgb(255_255_255_/_0.28)]",
+      warning: "border-warning/40 bg-warning/12 text-foreground",
+      error: "border-error/40 bg-error/10 text-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Alert = ({ children, variant, class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    role: "alert",
+    "data-slot": "alert",
+    "data-variant": variant ?? "default",
+    class: alert({ variant, class: className }),
+    ...rest,
+    children
+  }
+);
+var AlertAction = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "alert-action",
+    class: cn("absolute end-3 top-3 flex items-center gap-2", className),
+    ...rest,
+    children
+  }
+);
+var AlertDescription = ({
+  children,
+  class: className,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "alert-description",
+    class: cn(
+      "text-sm leading-relaxed text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var AlertTitle = ({ children, class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "h5",
+  {
+    "data-slot": "alert-title",
+    class: cn(
+      "flex items-center gap-2 text-sm font-medium leading-snug [&_svg]:size-4 [&_svg]:shrink-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+
+export { Alert, AlertAction, AlertDescription, AlertTitle, alert };
+//# sourceMappingURL=chunk-UNWEH4Z6.js.map
+//# sourceMappingURL=chunk-UNWEH4Z6.js.map