@kamod-ui/core 0.1.0

package/dist/chunk-7HZUM5ZQ.js

@@ -0,0 +1,85 @@
+import { Dialog, useDialog, dialogViewportBleedClass, DialogClose } from './chunk-KBXDU3G4.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
+import { createPortal } from 'preact/compat';
+
+var Sheet = ({ children, lockBodyScroll = true, ...rest }) => /* @__PURE__ */ jsx(Dialog, { "data-slot": "sheet", lockBodyScroll, ...rest, children });
+var sidePanelClass = {
+  right: "inset-y-0 right-0 h-full w-full max-w-md border-l data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right",
+  left: "inset-y-0 left-0 h-full w-full max-w-md border-r data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left",
+  top: "inset-x-0 top-0 max-h-[85dvh] h-auto w-full min-w-0 border-b rounded-b-xl data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top",
+  bottom: "inset-x-0 bottom-0 max-h-[85dvh] h-auto w-full min-w-0 border-t rounded-t-xl data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom"
+};
+var SheetContent = ({
+  side = "right",
+  showCloseButton = true,
+  children,
+  class: className,
+  forceMount = false,
+  "data-slot": dataSlot = "sheet-content",
+  ...rest
+}) => {
+  const dialog = useDialog();
+  if (!dialog.open.value && !forceMount) return null;
+  const state = dialog.open.value ? "open" : "closed";
+  const isHorizontalEdge = side === "top" || side === "bottom";
+  const edgePadding = side === "top" ? "px-6 pb-6 pt-[calc(1.5rem+env(safe-area-inset-top,0px))]" : side === "bottom" ? "px-6 pt-6 pb-[calc(1.5rem+env(safe-area-inset-bottom,0px))]" : "p-6";
+  const tree = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": "true",
+        "data-slot": "sheet-overlay",
+        "data-state": state,
+        class: cn(
+          "fade-in fade-out",
+          dialogViewportBleedClass,
+          "z-40 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...rest,
+        role: "dialog",
+        "aria-modal": "true",
+        "data-side": side,
+        "data-state": state,
+        "data-slot": dataSlot,
+        class: cn(
+          "fixed z-50 flex min-h-0 min-w-0 flex-col gap-4 overflow-y-auto border bg-background shadow-lg outline-none",
+          edgePadding,
+          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards duration-300",
+          sidePanelClass[side],
+          className,
+          // Top/bottom sheets must span the viewport width; a consumer `max-w-*` (e.g. from copy-pasted right-sheet examples) would otherwise narrow them.
+          isHorizontalEdge && "w-full !max-w-none"
+        ),
+        children: [
+          showCloseButton ? /* @__PURE__ */ jsx(
+            DialogClose,
+            {
+              "data-slot": "sheet-close",
+              "aria-label": "Close sheet",
+              class: cn(
+                "absolute right-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                side === "top" ? "top-[calc(1rem+env(safe-area-inset-top,0px))]" : "top-4"
+              ),
+              children: "Close"
+            }
+          ) : null,
+          children
+        ]
+      }
+    )
+  ] });
+  if (typeof document === "undefined") return tree;
+  return createPortal(tree, document.body);
+};
+var SheetFooter = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "sheet-footer", ...rest, children });
+var SheetHeader = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "sheet-header", ...rest, children });
+
+export { Sheet, SheetContent, SheetFooter, SheetHeader };
+//# sourceMappingURL=chunk-7HZUM5ZQ.js.map
+//# sourceMappingURL=chunk-7HZUM5ZQ.js.map

package/dist/chunk-7HZUM5ZQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sheet/Sheet.tsx","../src/components/sheet/SheetContent.tsx","../src/components/sheet/SheetFooter.tsx","../src/components/sheet/SheetHeader.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-7HZUM5ZQ.js","sourcesContent":["import type { ComponentChildren } from \"preact\";\nimport { Dialog, type DialogProps } from \"../dialog/Dialog\";\n\nexport type SheetProps = DialogProps & { children?: ComponentChildren };\n\nexport const Sheet = ({ children, lockBodyScroll = true, ...rest }: SheetProps) => (\n  <Dialog data-slot=\"sheet\" lockBodyScroll={lockBodyScroll} {...rest}>\n    {children}\n  </Dialog>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { createPortal } from \"preact/compat\";\nimport { cn } from \"../../lib/utils\";\nimport { useDialog } from \"../dialog/Dialog\";\nimport { dialogViewportBleedClass } from \"../dialog/DialogContent\";\nimport { SheetClose } from \"./SheetClose\";\n\nexport type SheetContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  side?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  forceMount?: boolean;\n  showCloseButton?: boolean;\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\nconst sidePanelClass: Record<NonNullable<SheetContentProps[\"side\"]>, string> = {\n  right:\n    \"inset-y-0 right-0 h-full w-full max-w-md border-l data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right\",\n  left:\n    \"inset-y-0 left-0 h-full w-full max-w-md border-r data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left\",\n  top:\n    \"inset-x-0 top-0 max-h-[85dvh] h-auto w-full min-w-0 border-b rounded-b-xl data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top\",\n  bottom:\n    \"inset-x-0 bottom-0 max-h-[85dvh] h-auto w-full min-w-0 border-t rounded-t-xl data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom\"\n};\n\nexport const SheetContent = ({\n  side = \"right\",\n  showCloseButton = true,\n  children,\n  class: className,\n  forceMount = false,\n  \"data-slot\": dataSlot = \"sheet-content\",\n  ...rest\n}: SheetContentProps) => {\n  const dialog = useDialog();\n  if (!dialog.open.value && !forceMount) return null;\n\n  const state = dialog.open.value ? \"open\" : \"closed\";\n  const isHorizontalEdge = side === \"top\" || side === \"bottom\";\n  const edgePadding =\n    side === \"top\"\n      ? \"px-6 pb-6 pt-[calc(1.5rem+env(safe-area-inset-top,0px))]\"\n      : side === \"bottom\"\n        ? \"px-6 pt-6 pb-[calc(1.5rem+env(safe-area-inset-bottom,0px))]\"\n        : \"p-6\";\n\n  const tree = (\n    <>\n      <div\n        aria-hidden=\"true\"\n        data-slot=\"sheet-overlay\"\n        data-state={state}\n        class={cn(\n          \"fade-in fade-out\",\n          dialogViewportBleedClass,\n          \"z-40 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards\"\n        )}\n      />\n      <div\n        {...rest}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        data-side={side}\n        data-state={state}\n        data-slot={dataSlot}\n        class={cn(\n          \"fixed z-50 flex min-h-0 min-w-0 flex-col gap-4 overflow-y-auto border bg-background shadow-lg outline-none\",\n          edgePadding,\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards duration-300\",\n          sidePanelClass[side],\n          className,\n          // Top/bottom sheets must span the viewport width; a consumer `max-w-*` (e.g. from copy-pasted right-sheet examples) would otherwise narrow them.\n          isHorizontalEdge && \"w-full !max-w-none\"\n        )}\n      >\n        {showCloseButton ? (\n          <SheetClose\n            data-slot=\"sheet-close\"\n            aria-label=\"Close sheet\"\n            class={cn(\n              \"absolute right-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none\",\n              side === \"top\" ? \"top-[calc(1rem+env(safe-area-inset-top,0px))]\" : \"top-4\"\n            )}\n          >\n            Close\n          </SheetClose>\n        ) : null}\n        {children}\n      </div>\n    </>\n  );\n\n  if (typeof document === \"undefined\") return tree;\n  return createPortal(tree, document.body);\n};\n\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SheetFooterProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const SheetFooter = ({ children, ...rest }: SheetFooterProps) => (\n  <div data-slot=\"sheet-footer\" {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SheetHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const SheetHeader = ({ children, ...rest }: SheetHeaderProps) => (\n  <div data-slot=\"sheet-header\" {...rest}>\n    {children}\n  </div>\n);\n"]}

package/dist/chunk-7MECYLKS.js

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

package/dist/chunk-7MECYLKS.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-7MECYLKS.js","sourcesContent":["import { signal, type Signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useContext, useMemo } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\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 { createContext } from \"preact\";\nimport { useContext } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\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 = ({ value, disabled = false, children, ...rest }: 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\n","import { useLayoutEffect, useRef, useState } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { useAccordionItem } from \"./AccordionItem\";\nimport { cn } from \"../../lib/utils\";\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(\"(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 (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(\"min-h-0 overflow-hidden\", (isAnimatingOpen || isAnimatingClose) && \"will-change-[height]\")}\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 { useAccordion } from \"./Accordion\";\nimport { useAccordionItem } from \"./AccordionItem\";\nimport { cn } from \"../../lib/utils\";\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-7TDS7TC6.js

@@ -0,0 +1,49 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { useSignal } from '@preact/signals';
+import { createContext } from 'preact';
+import { useContext, useId, useEffect } from 'preact/hooks';
+import { jsx } from 'preact/jsx-runtime';
+
+var RadioGroupContext = createContext(null);
+var useRadioGroup = () => {
+  const context = useContext(RadioGroupContext);
+  if (!context) throw new Error("RadioGroupItem must be used inside RadioGroup");
+  return context;
+};
+var RadioGroup = ({
+  name: nameProp,
+  defaultValue,
+  value: valueProp,
+  onValueChange,
+  class: className,
+  children,
+  ...rest
+}) => {
+  const autoId = useId();
+  const name = nameProp ?? `radio-group-${autoId}`;
+  const internal = useSignal(
+    valueProp !== void 0 ? valueProp : defaultValue ?? null
+  );
+  useEffect(() => {
+    if (valueProp !== void 0) {
+      internal.value = valueProp;
+    }
+  }, [valueProp]);
+  const setValue = (next) => {
+    if (valueProp === void 0) {
+      internal.value = next;
+    }
+    onValueChange?.(next);
+  };
+  return /* @__PURE__ */ jsx(
+    RadioGroupContext.Provider,
+    {
+      value: { value: internal, controlledValue: valueProp, setValue, name },
+      children: /* @__PURE__ */ jsx("div", { role: "radiogroup", "data-slot": "radio-group", class: cn("grid gap-3", className), ...rest, children })
+    }
+  );
+};
+
+export { RadioGroup, useRadioGroup };
+//# sourceMappingURL=chunk-7TDS7TC6.js.map
+//# sourceMappingURL=chunk-7TDS7TC6.js.map

package/dist/chunk-7TDS7TC6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/radio-group/RadioGroup.tsx"],"names":[],"mappings":";;;;;;AAeA,IAAM,iBAAA,GAAoB,cAA6C,IAAI,CAAA;AAEpE,IAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,OAAA,GAAU,WAAW,iBAAiB,CAAA;AAC5C,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,+CAA+C,CAAA;AAC7E,EAAA,OAAO,OAAA;AACT;AAYO,IAAM,aAAa,CAAC;AAAA,EACzB,IAAA,EAAM,QAAA;AAAA,EACN,YAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,aAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAuB;AACrB,EAAA,MAAM,SAAS,KAAA,EAAM;AACrB,EAAA,MAAM,IAAA,GAAO,QAAA,IAAY,CAAA,YAAA,EAAe,MAAM,CAAA,CAAA;AAC9C,EAAA,MAAM,QAAA,GAAW,SAAA;AAAA,IACf,SAAA,KAAc,MAAA,GAAY,SAAA,GAAa,YAAA,IAAgB;AAAA,GACzD;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,cAAc,MAAA,EAAW;AAC3B,MAAA,QAAA,CAAS,KAAA,GAAQ,SAAA;AAAA,IACnB;AAAA,EACF,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,MAAM,QAAA,GAAW,CAAC,IAAA,KAAiB;AACjC,IAAA,IAAI,cAAc,MAAA,EAAW;AAC3B,MAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AAAA,IACnB;AACA,IAAA,aAAA,GAAgB,IAAI,CAAA;AAAA,EACtB,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,iBAAA,CAAkB,QAAA;AAAA,IAAlB;AAAA,MACC,OAAO,EAAE,KAAA,EAAO,UAAU,eAAA,EAAiB,SAAA,EAAW,UAAU,IAAA,EAAK;AAAA,MAErE,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,YAAA,EAAa,WAAA,EAAU,aAAA,EAAc,KAAA,EAAO,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EAAI,GAAG,MACpF,QAAA,EACH;AAAA;AAAA,GACF;AAEJ","file":"chunk-7TDS7TC6.js","sourcesContent":["import { type Signal, useSignal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useEffect, useId } from \"preact/hooks\";\nimport { useContext } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\ntype RadioGroupContextValue = {\n  value: Signal<string | null>;\n  /** When set, selection follows this prop (controlled); otherwise `value` signal is used. */\n  controlledValue: string | undefined;\n  setValue: (next: string) => void;\n  name: string;\n};\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport const useRadioGroup = () => {\n  const context = useContext(RadioGroupContext);\n  if (!context) throw new Error(\"RadioGroupItem must be used inside RadioGroup\");\n  return context;\n};\n\nexport type RadioGroupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\"> & {\n  /** When omitted, a stable unique name is generated (forms can still submit if you add name to inputs manually). */\n  name?: string;\n  defaultValue?: string;\n  value?: string;\n  onValueChange?: (next: string) => void;\n  class?: string;\n  children?: ComponentChildren;\n};\n\nexport const RadioGroup = ({\n  name: nameProp,\n  defaultValue,\n  value: valueProp,\n  onValueChange,\n  class: className,\n  children,\n  ...rest\n}: RadioGroupProps) => {\n  const autoId = useId();\n  const name = nameProp ?? `radio-group-${autoId}`;\n  const internal = useSignal<string | null>(\n    valueProp !== undefined ? valueProp : (defaultValue ?? null)\n  );\n\n  useEffect(() => {\n    if (valueProp !== undefined) {\n      internal.value = valueProp;\n    }\n  }, [valueProp]);\n\n  const setValue = (next: string) => {\n    if (valueProp === undefined) {\n      internal.value = next;\n    }\n    onValueChange?.(next);\n  };\n\n  return (\n    <RadioGroupContext.Provider\n      value={{ value: internal, controlledValue: valueProp, setValue, name }}\n    >\n      <div role=\"radiogroup\" data-slot=\"radio-group\" class={cn(\"grid gap-3\", className)} {...rest}>\n        {children}\n      </div>\n    </RadioGroupContext.Provider>\n  );\n};\n"]}

package/dist/chunk-7ZXJRNJO.js

@@ -0,0 +1,26 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+var kbd = tv({
+  base: [
+    "pointer-events-none inline-flex select-none items-center justify-center gap-1 whitespace-nowrap",
+    "rounded-md border border-border bg-muted font-mono font-medium text-muted-foreground shadow-xs",
+    "data-[icon=inline-end]:translate-x-0.5"
+  ],
+  variants: {
+    size: {
+      sm: "h-5 min-h-5 min-w-5 px-1.5 text-[11px] leading-none",
+      md: "h-6 min-h-6 min-w-6 px-2 text-xs leading-none"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Kbd = ({ class: className, size, children, ...rest }) => /* @__PURE__ */ jsx("kbd", { "data-slot": "kbd", class: kbd({ size, class: className }), ...rest, children });
+var KbdGroup = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("span", { "data-slot": "kbd-group", class: cn("inline-flex items-center gap-1", className), ...rest, children });
+
+export { Kbd, KbdGroup };
+//# sourceMappingURL=chunk-7ZXJRNJO.js.map
+//# sourceMappingURL=chunk-7ZXJRNJO.js.map

package/dist/chunk-7ZXJRNJO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/kbd/Kbd.tsx","../src/components/kbd/KbdGroup.tsx"],"names":["jsx"],"mappings":";;;;AAGO,IAAM,MAAM,EAAA,CAAG;AAAA,EACpB,IAAA,EAAM;AAAA,IACJ,iGAAA;AAAA,IACA,gGAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,qDAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAOM,IAAM,GAAA,GAAM,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,MAAM,QAAA,EAAU,GAAG,IAAA,EAAK,qBAC9D,GAAA,CAAC,KAAA,EAAA,EAAI,aAAU,KAAA,EAAM,KAAA,EAAO,GAAA,CAAI,EAAE,IAAA,EAAM,KAAA,EAAO,WAAiC,CAAA,EAAI,GAAG,IAAA,EACpF,QAAA,EACH;ACrBK,IAAM,QAAA,GAAW,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBAC7DA,IAAC,MAAA,EAAA,EAAK,WAAA,EAAU,aAAY,KAAA,EAAO,EAAA,CAAG,kCAAkC,SAAS,CAAA,EAAI,GAAG,IAAA,EACrF,QAAA,EACH","file":"chunk-7ZXJRNJO.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nexport const kbd = tv({\n  base: [\n    \"pointer-events-none inline-flex select-none items-center justify-center gap-1 whitespace-nowrap\",\n    \"rounded-md border border-border bg-muted font-mono font-medium text-muted-foreground shadow-xs\",\n    \"data-[icon=inline-end]:translate-x-0.5\"\n  ],\n  variants: {\n    size: {\n      sm: \"h-5 min-h-5 min-w-5 px-1.5 text-[11px] leading-none\",\n      md: \"h-6 min-h-6 min-w-6 px-2 text-xs leading-none\"\n    }\n  },\n  defaultVariants: {\n    size: \"md\"\n  }\n});\n\nexport type KbdProps = Omit<JSX.HTMLAttributes<HTMLElement>, \"size\"> &\n  VariantProps<typeof kbd> & {\n    children?: ComponentChildren;\n  };\n\nexport const Kbd = ({ class: className, size, children, ...rest }: KbdProps) => (\n  <kbd data-slot=\"kbd\" class={kbd({ size, class: className as string | undefined })} {...rest}>\n    {children}\n  </kbd>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type KbdGroupProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  children?: ComponentChildren;\n};\n\nexport const KbdGroup = ({ class: className, children, ...rest }: KbdGroupProps) => (\n  <span data-slot=\"kbd-group\" class={cn(\"inline-flex items-center gap-1\", className)} {...rest}>\n    {children}\n  </span>\n);\n"]}