@kamod-ch/ui 0.2.1

package/dist/chunk-MJG6UKD4.js

@@ -0,0 +1,83 @@
+import { Button } from './chunk-5FBD2NTR.js';
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { useState, useEffect } from 'preact/hooks';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+var SunIcon = ({ class: className }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    class: cn("size-4 shrink-0", className),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" }),
+      /* @__PURE__ */ jsx("path", { d: "M12 2v2" }),
+      /* @__PURE__ */ jsx("path", { d: "M12 20v2" }),
+      /* @__PURE__ */ jsx("path", { d: "m4.93 4.93 1.41 1.41" }),
+      /* @__PURE__ */ jsx("path", { d: "m17.66 17.66 1.41 1.41" }),
+      /* @__PURE__ */ jsx("path", { d: "M2 12h2" }),
+      /* @__PURE__ */ jsx("path", { d: "M20 12h2" }),
+      /* @__PURE__ */ jsx("path", { d: "m6.34 17.66-1.41 1.41" }),
+      /* @__PURE__ */ jsx("path", { d: "m19.07 4.93-1.41 1.41" })
+    ]
+  }
+);
+var MoonIcon = ({ class: className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    class: cn("size-4 shrink-0", className),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+  }
+);
+var resolveInitialDarkMode = () => {
+  if (typeof window === "undefined") return false;
+  const stored = window.localStorage.getItem("theme");
+  if (stored === "dark") return true;
+  if (stored === "light") return false;
+  return window.matchMedia("(prefers-color-scheme: dark)").matches;
+};
+var ThemeToggle = ({ children, onClick, ...rest }) => {
+  const [darkMode, setDarkMode] = useState(resolveInitialDarkMode);
+  useEffect(() => {
+    document.documentElement.classList.toggle("dark", darkMode);
+    if (typeof window !== "undefined") {
+      window.localStorage.setItem("theme", darkMode ? "dark" : "light");
+    }
+  }, [darkMode]);
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "icon",
+      "data-slot": "theme-toggle",
+      "data-state": darkMode ? "dark" : "light",
+      "aria-label": children == null ? darkMode ? "Light mode" : "Dark mode" : void 0,
+      onClick: (event) => {
+        setDarkMode((current) => !current);
+        onClick?.(event);
+      },
+      ...rest,
+      children: children ?? (darkMode ? /* @__PURE__ */ jsx(SunIcon, {}) : /* @__PURE__ */ jsx(MoonIcon, {}))
+    }
+  );
+};
+
+// src/components/theme-toggle/index.ts
+var theme_toggle_default = ThemeToggle;
+
+export { ThemeToggle, theme_toggle_default };
+//# sourceMappingURL=chunk-MJG6UKD4.js.map
+//# sourceMappingURL=chunk-MJG6UKD4.js.map

package/dist/chunk-MJG6UKD4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/theme-toggle/ThemeToggle.tsx","../src/components/theme-toggle/index.ts"],"names":[],"mappings":"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","file":"chunk-MJG6UKD4.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { useEffect, useState } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button\";\n\nexport type ThemeToggleProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"class\"> & {\n  class?: string;\n  children?: ComponentChildren;\n};\n\nconst SunIcon = ({ class: className }: { class?: string }) => (\n  <svg\n    class={cn(\"size-4 shrink-0\", className)}\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    aria-hidden=\"true\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"4\" />\n    <path d=\"M12 2v2\" />\n    <path d=\"M12 20v2\" />\n    <path d=\"m4.93 4.93 1.41 1.41\" />\n    <path d=\"m17.66 17.66 1.41 1.41\" />\n    <path d=\"M2 12h2\" />\n    <path d=\"M20 12h2\" />\n    <path d=\"m6.34 17.66-1.41 1.41\" />\n    <path d=\"m19.07 4.93-1.41 1.41\" />\n  </svg>\n);\n\nconst MoonIcon = ({ class: className }: { class?: string }) => (\n  <svg\n    class={cn(\"size-4 shrink-0\", className)}\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    aria-hidden=\"true\"\n  >\n    <path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\" />\n  </svg>\n);\n\nconst resolveInitialDarkMode = () => {\n  if (typeof window === \"undefined\") return false;\n  const stored = window.localStorage.getItem(\"theme\");\n  if (stored === \"dark\") return true;\n  if (stored === \"light\") return false;\n  return window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n};\n\nexport const ThemeToggle = ({ children, onClick, ...rest }: ThemeToggleProps) => {\n  const [darkMode, setDarkMode] = useState<boolean>(resolveInitialDarkMode);\n\n  useEffect(() => {\n    document.documentElement.classList.toggle(\"dark\", darkMode);\n    if (typeof window !== \"undefined\") {\n      window.localStorage.setItem(\"theme\", darkMode ? \"dark\" : \"light\");\n    }\n  }, [darkMode]);\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"icon\"\n      data-slot=\"theme-toggle\"\n      data-state={darkMode ? \"dark\" : \"light\"}\n      aria-label={children == null ? (darkMode ? \"Light mode\" : \"Dark mode\") : undefined}\n      onClick={(event) => {\n        setDarkMode((current) => !current);\n        onClick?.(event);\n      }}\n      {...rest}\n    >\n      {children ?? (darkMode ? <SunIcon /> : <MoonIcon />)}\n    </Button>\n  );\n};\n","import { ThemeToggle } from \"./ThemeToggle\";\n\nexport { ThemeToggle };\n\nexport default ThemeToggle;\n"]}

package/dist/chunk-MKG3UAP6.js

@@ -0,0 +1,347 @@
+import { cn } from './chunk-MS2ZNYCJ.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-MKG3UAP6.js.map
+//# sourceMappingURL=chunk-MKG3UAP6.js.map

package/dist/chunk-MKG3UAP6.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":"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","file":"chunk-MKG3UAP6.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext, useMemo } from \"preact/hooks\";\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 type { ComponentChildren, JSX } from \"preact\";\nimport { useLayoutEffect, useRef, useState } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport { useCollapsible } from \"./Collapsible\";\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(\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 (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(\n        \"min-h-0 overflow-hidden\",\n        (isAnimatingOpen || isAnimatingClose) && \"will-change-[height]\",\n      )}\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 { type ComponentChildren, cloneElement, isValidElement, 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-MS2ZNYCJ.js

@@ -0,0 +1,9 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/lib/utils.ts
+var cn = (...inputs) => twMerge(clsx(inputs));
+
+export { cn };
+//# sourceMappingURL=chunk-MS2ZNYCJ.js.map
+//# sourceMappingURL=chunk-MS2ZNYCJ.js.map

package/dist/chunk-MS2ZNYCJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"names":[],"mappings":";;;;AAGO,IAAM,KAAK,CAAA,GAAI,MAAA,KAAyB,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC","file":"chunk-MS2ZNYCJ.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));\n"]}

package/dist/chunk-NGKQBNZ5.js

@@ -0,0 +1,29 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var AspectRatio = ({
+  ratio,
+  class: className,
+  style,
+  children,
+  ...rest
+}) => {
+  const styleObject = typeof style === "object" && style !== null && !Array.isArray(style) ? style : void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "aspect-ratio",
+      class: cn("relative w-full min-h-0 overflow-hidden", className),
+      style: {
+        ...styleObject,
+        aspectRatio: ratio
+      },
+      ...rest,
+      children
+    }
+  );
+};
+
+export { AspectRatio };
+//# sourceMappingURL=chunk-NGKQBNZ5.js.map
+//# sourceMappingURL=chunk-NGKQBNZ5.js.map

package/dist/chunk-NGKQBNZ5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/aspect-ratio/AspectRatio.tsx"],"names":[],"mappings":";;;AAUO,IAAM,cAAc,CAAC;AAAA,EAC1B,KAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAwB;AACtB,EAAA,MAAM,WAAA,GACJ,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,MAAA;AAEjF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,KAAA,EAAO,EAAA,CAAG,yCAAA,EAA2C,SAAS,CAAA;AAAA,MAC9D,KAAA,EAAO;AAAA,QACL,GAAG,WAAA;AAAA,QACH,WAAA,EAAa;AAAA,OACf;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-NGKQBNZ5.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type AspectRatioProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  /** Width ÷ height (e.g. `16 / 9`, `1`, `9 / 16`). Applied as CSS `aspect-ratio`. */\n  ratio: number;\n  children?: ComponentChildren;\n};\n\n/** Fixed-ratio box for media (CSS `aspect-ratio`; no Radix dependency). Children should use `h-full w-full object-cover` to fill. */\nexport const AspectRatio = ({\n  ratio,\n  class: className,\n  style,\n  children,\n  ...rest\n}: AspectRatioProps) => {\n  const styleObject =\n    typeof style === \"object\" && style !== null && !Array.isArray(style) ? style : undefined;\n\n  return (\n    <div\n      data-slot=\"aspect-ratio\"\n      class={cn(\"relative w-full min-h-0 overflow-hidden\", className)}\n      style={{\n        ...styleObject,\n        aspectRatio: ratio,\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n"]}

package/dist/chunk-NKKMM6CK.js

@@ -0,0 +1,56 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+var sizeClass = {
+  xs: "size-3",
+  sm: "size-4",
+  md: "size-6",
+  lg: "size-8",
+  xl: "size-10"
+};
+var toneClass = {
+  default: "text-current",
+  muted: "text-muted-foreground",
+  primary: "text-primary"
+};
+var Spinner = ({
+  size = "sm",
+  tone = "default",
+  strokeWidth = 2.5,
+  class: className,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    role: "status",
+    "aria-label": "Loading",
+    "data-slot": "spinner",
+    class: cn(
+      "inline-grid shrink-0 place-items-center align-middle",
+      sizeClass[size],
+      toneClass[tone],
+      className
+    ),
+    ...rest,
+    children: /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": strokeWidth,
+        "stroke-linecap": "round",
+        class: "size-full motion-safe:animate-spin motion-reduce:animate-none [animation-duration:0.7s]",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", class: "opacity-20" }),
+          /* @__PURE__ */ jsx("path", { d: "M12 3a9 9 0 1 1-9 9", class: "opacity-90", "stroke-dasharray": "42 16" })
+        ]
+      }
+    )
+  }
+);
+
+export { Spinner };
+//# sourceMappingURL=chunk-NKKMM6CK.js.map
+//# sourceMappingURL=chunk-NKKMM6CK.js.map

package/dist/chunk-NKKMM6CK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;AASA,IAAM,SAAA,GAA+D;AAAA,EACnE,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,SAAA,GAA+D;AAAA,EACnE,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,uBAAA;AAAA,EACP,OAAA,EAAS;AACX,CAAA;AAEO,IAAM,UAAU,CAAC;AAAA,EACtB,IAAA,GAAO,IAAA;AAAA,EACP,IAAA,GAAO,SAAA;AAAA,EACP,WAAA,GAAc,GAAA;AAAA,EACd,KAAA,EAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,IAAA,EAAK,QAAA;AAAA,IACL,YAAA,EAAW,SAAA;AAAA,IACX,WAAA,EAAU,SAAA;AAAA,IACV,KAAA,EAAO,EAAA;AAAA,MACL,sDAAA;AAAA,MACA,UAAU,IAAI,CAAA;AAAA,MACd,UAAU,IAAI,CAAA;AAAA,MACd;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,IAEJ,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,WAAA;AAAA,QACR,IAAA,EAAK,MAAA;AAAA,QACL,MAAA,EAAO,cAAA;AAAA,QACP,cAAA,EAAc,WAAA;AAAA,QACd,gBAAA,EAAe,OAAA;AAAA,QACf,KAAA,EAAM,yFAAA;AAAA,QACN,aAAA,EAAY,MAAA;AAAA,QAEZ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAO,IAAG,IAAA,EAAK,EAAA,EAAG,MAAK,CAAA,EAAE,GAAA,EAAI,OAAM,YAAA,EAAa,CAAA;AAAA,8BAChD,MAAA,EAAA,EAAK,CAAA,EAAE,uBAAsB,KAAA,EAAM,YAAA,EAAa,oBAAiB,OAAA,EAAQ;AAAA;AAAA;AAAA;AAC5E;AACF","file":"chunk-NKKMM6CK.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type SpinnerProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  tone?: \"default\" | \"muted\" | \"primary\";\n  strokeWidth?: number;\n};\n\nconst sizeClass: Record<NonNullable<SpinnerProps[\"size\"]>, string> = {\n  xs: \"size-3\",\n  sm: \"size-4\",\n  md: \"size-6\",\n  lg: \"size-8\",\n  xl: \"size-10\",\n};\n\nconst toneClass: Record<NonNullable<SpinnerProps[\"tone\"]>, string> = {\n  default: \"text-current\",\n  muted: \"text-muted-foreground\",\n  primary: \"text-primary\",\n};\n\nexport const Spinner = ({\n  size = \"sm\",\n  tone = \"default\",\n  strokeWidth = 2.5,\n  class: className,\n  ...rest\n}: SpinnerProps) => (\n  <span\n    role=\"status\"\n    aria-label=\"Loading\"\n    data-slot=\"spinner\"\n    class={cn(\n      \"inline-grid shrink-0 place-items-center align-middle\",\n      sizeClass[size],\n      toneClass[tone],\n      className,\n    )}\n    {...rest}\n  >\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width={strokeWidth}\n      stroke-linecap=\"round\"\n      class=\"size-full motion-safe:animate-spin motion-reduce:animate-none [animation-duration:0.7s]\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"9\" class=\"opacity-20\" />\n      <path d=\"M12 3a9 9 0 1 1-9 9\" class=\"opacity-90\" stroke-dasharray=\"42 16\" />\n    </svg>\n  </span>\n);\n"]}