@kamod-ch/ui 1.0.1 → 1.2.0

package/dist/chunk-ISISDJ3Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/disclosure/use-height-disclosure-content.ts"],"names":["startHeight","animateProperty","transitionValue"],"mappings":"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","file":"chunk-ISISDJ3Z.js","sourcesContent":["import { useLayoutEffect, useRef, useState } from \"preact/hooks\";\n\ntype UseHeightDisclosureContentOptions = {\n  open: boolean;\n  forceMount?: boolean;\n  duration?: string;\n  timingFunction?: string;\n  largeContentThreshold?: number;\n};\n\nfunction measureExpandedHeight(inner: HTMLElement) {\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\nfunction cancelRaf(rafRef: { current: number | null }) {\n  if (rafRef.current !== null) {\n    cancelAnimationFrame(rafRef.current);\n    rafRef.current = null;\n  }\n}\n\n/** Height-based open/close animation for accordion and collapsible content panels. */\nexport function useHeightDisclosureContent({\n  open,\n  forceMount = false,\n  duration = \"320ms\",\n  timingFunction = \"cubic-bezier(0.22, 1, 0.36, 1)\",\n  largeContentThreshold = 560,\n}: UseHeightDisclosureContentOptions) {\n  const innerRef = useRef<HTMLDivElement>(null);\n  const outerRef = useRef<HTMLDivElement>(null);\n  const openRef = useRef(open);\n  openRef.current = open;\n  const hasInitializedRef = useRef(false);\n  const isSettledOpenRef = useRef(open);\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 usesMaxHeightRef = useRef(false);\n\n  useLayoutEffect(() => {\n    if (typeof window !== \"undefined\" && typeof window.matchMedia === \"function\") {\n      prefersReducedMotionRef.current = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\",\n      ).matches;\n    }\n\n    if (open && !mounted) {\n      setMounted(true);\n      return;\n    }\n\n    const outer = outerRef.current;\n    const inner = innerRef.current;\n    if (!outer || !inner) return;\n\n    cancelRaf(rafRef);\n    cancelRaf(rafSecondRef);\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      isSettledOpenRef.current = true;\n      setIsAnimatingOpen(false);\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      isSettledOpenRef.current = false;\n    };\n\n    if (!hasInitializedRef.current) {\n      hasInitializedRef.current = true;\n      if (open) {\n        syncOpenStyles();\n      } else {\n        syncClosedStyles();\n      }\n      return;\n    }\n\n    if (open) {\n      if (isSettledOpenRef.current) {\n        setIsAnimatingClose(false);\n        return;\n      }\n\n      setIsAnimatingClose(false);\n      isSettledOpenRef.current = false;\n\n      const endHeight = measureExpandedHeight(inner);\n      const measuredStart = outer.getBoundingClientRect().height;\n      const startHeight = measuredStart < 1 ? 0 : measuredStart;\n      usesMaxHeightRef.current = endHeight >= largeContentThreshold;\n      const animateProperty = usesMaxHeightRef.current ? \"max-height\" : \"height\";\n      const transitionValue = `${animateProperty} ${duration} ${timingFunction}`;\n\n      if (\n        prefersReducedMotionRef.current ||\n        endHeight < 1 ||\n        Math.abs(endHeight - startHeight) < 1\n      ) {\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\n      rafRef.current = requestAnimationFrame(() => {\n        rafRef.current = null;\n        rafSecondRef.current = requestAnimationFrame(() => {\n          rafSecondRef.current = null;\n          if (!openRef.current) return;\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      return () => {\n        cancelRaf(rafRef);\n        cancelRaf(rafSecondRef);\n      };\n    }\n\n    if (!mounted) {\n      if (forceMount) syncClosedStyles();\n      return;\n    }\n\n    isSettledOpenRef.current = false;\n    const startHeight = outer.getBoundingClientRect().height || measureExpandedHeight(inner);\n    usesMaxHeightRef.current = startHeight >= largeContentThreshold;\n    const animateProperty = usesMaxHeightRef.current ? \"max-height\" : \"height\";\n    const transitionValue = `${animateProperty} ${duration} ${timingFunction}`;\n\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\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n      rafSecondRef.current = requestAnimationFrame(() => {\n        rafSecondRef.current = null;\n        if (openRef.current) return;\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\n    return () => {\n      cancelRaf(rafRef);\n      cancelRaf(rafSecondRef);\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 (openRef.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      isSettledOpenRef.current = true;\n      return;\n    }\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;\n\n  return {\n    allowRender,\n    isAnimatingClose,\n    isAnimatingOpen,\n    outerRef,\n    innerRef,\n    handleTransitionEnd,\n  };\n}\n"]}

package/dist/{chunk-7AJT2E2Y.js → chunk-IW43BO47.js}

@@ -1,5 +1,5 @@
-import { createIdFactory, createDismissableLayer } from './chunk-PPYJQNE5.js';
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { createIdFactory, createDismissableLayer } from './chunk-3XMFQKWB.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { signal } from '@preact/signals';
 import { createContext, isValidElement, cloneElement } from 'preact';
 import { useMemo, useRef, useEffect, useContext } from 'preact/hooks';
@@ -27,6 +27,11 @@ var Dropdown = ({
   const triggerRef = useRef(null);
   const contentRef = useRef(null);
   const instanceId = useMemo(() => nextDropdownId(), []);
+  const triggerId = `${instanceId}-trigger`;
+  const contentId = `${instanceId}-content`;
+  const setOpen = (next) => {
+    open.value = next;
+  };
   useEffect(() => {
     const layer = createDismissableLayer({
       root: () => rootRef.current,
@@ -36,17 +41,31 @@ var Dropdown = ({
       }
     });
     return () => layer.dispose();
-  }, []);
+  }, [open]);
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    const onClick = (event) => {
+      const target = event.target;
+      if (!(target instanceof Element)) return;
+      const trigger = target.closest(`#${CSS.escape(triggerId)}`);
+      if (!trigger || !root.contains(trigger)) return;
+      if (target.closest('[data-slot="dropdown-item"]')) return;
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      open.value = !open.value;
+    };
+    root.addEventListener("click", onClick, true);
+    return () => root.removeEventListener("click", onClick, true);
+  }, [open, triggerId]);
   return /* @__PURE__ */ jsx(
     DropdownContext.Provider,
     {
       value: {
         open,
-        setOpen: (next) => {
-          open.value = next;
-        },
-        triggerId: `${instanceId}-trigger`,
-        contentId: `${instanceId}-content`,
+        setOpen,
+        triggerId,
+        contentId,
         rootRef,
         triggerRef,
         contentRef
@@ -55,7 +74,7 @@ var Dropdown = ({
         "div",
         {
           ref: rootRef,
-          class: dropdownRoot({ class: className }),
+          class: cn(dropdownRoot(), className),
           "data-slot": "dropdown",
           "data-state": open.value ? "open" : "closed",
           ...rest,
@@ -204,7 +223,7 @@ var DropdownContent = ({
       "data-side": side,
       "data-align": align,
       "data-state": dropdown.open.value ? "open" : "closed",
-      class: `${positionBySide[side]} ${alignClass} ${dropdownContent({ side, class: className })}`,
+      class: cn(dropdownContent({ side }), positionBySide[side], alignClass, className),
       style: inlineStyle ? { ...offsetStyle, ...inlineStyle } : offsetStyle,
       onKeyDown: (event) => {
         if (event.key === "Escape") {
@@ -249,9 +268,32 @@ var DropdownItem = ({
   class: className,
   children,
   onClick,
+  href,
   ...rest
 }) => {
   const dropdown = useDropdown();
+  const resolvedClass = cn(dropdownItem({ inset, variant }), className);
+  const handleActivate = (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented) return;
+    dropdown.setOpen(false);
+  };
+  if (href) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        role: "menuitem",
+        "data-slot": "dropdown-item",
+        "data-inset": inset ? "true" : void 0,
+        "data-variant": variant,
+        class: resolvedClass,
+        onClick: handleActivate,
+        ...rest,
+        children
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -260,12 +302,8 @@ var DropdownItem = ({
       "data-slot": "dropdown-item",
       "data-inset": inset ? "true" : void 0,
       "data-variant": variant,
-      class: dropdownItem({ inset, variant, class: className }),
-      onClick: (event) => {
-        onClick?.(event);
-        if (event.defaultPrevented) return;
-        dropdown.setOpen(false);
-      },
+      class: resolvedClass,
+      onClick: handleActivate,
       ...rest,
       children
     }
@@ -587,7 +625,7 @@ var DropdownTrigger = ({
       },
       id: dropdown.triggerId,
       type: "button",
-      class: dropdownTrigger({ class: className }),
+      class: cn(dropdownTrigger(), className),
       "data-slot": "dropdown-trigger",
       "data-state": dropdown.open.value ? "open" : "closed",
       "aria-controls": dropdown.contentId,
@@ -620,5 +658,5 @@ var dropdown_default = {
 };
 
 export { Dropdown, DropdownCheckboxItem, DropdownContent, DropdownGroup, DropdownItem, DropdownLabel, DropdownPortal, DropdownRadioGroup, DropdownRadioItem, DropdownSeparator, DropdownShortcut, DropdownSub, DropdownSubContent, DropdownSubTrigger, DropdownTrigger, dropdown_default };
-//# sourceMappingURL=chunk-7AJT2E2Y.js.map
-//# sourceMappingURL=chunk-7AJT2E2Y.js.map
+//# sourceMappingURL=chunk-IW43BO47.js.map
+//# sourceMappingURL=chunk-IW43BO47.js.map

package/dist/chunk-IW43BO47.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dropdown/Dropdown.tsx","../src/components/dropdown/DropdownCheckboxItem.tsx","../src/components/dropdown/DropdownContent.tsx","../src/components/dropdown/DropdownGroup.tsx","../src/components/dropdown/DropdownItem.tsx","../src/components/dropdown/DropdownLabel.tsx","../src/components/dropdown/DropdownPortal.tsx","../src/components/dropdown/dropdown-radio-context.tsx","../src/components/dropdown/DropdownRadioGroup.tsx","../src/components/dropdown/DropdownRadioItem.tsx","../src/components/dropdown/DropdownSeparator.tsx","../src/components/dropdown/DropdownShortcut.tsx","../src/components/dropdown/dropdown-sub-context.tsx","../src/components/dropdown/DropdownSub.tsx","../src/components/dropdown/DropdownSubContent.tsx","../src/components/dropdown/DropdownSubTrigger.tsx","../src/components/dropdown/DropdownTrigger.tsx","../src/components/dropdown/index.ts"],"names":["useMemo","signal","useEffect","jsx","tv","createContext","useContext","useRef","jsxs"],"mappings":"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","file":"chunk-IW43BO47.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext, useEffect, useMemo, useRef } from \"preact/hooks\";\nimport { tv } from \"tailwind-variants\";\nimport { createDismissableLayer, createIdFactory } from \"../../lib/interactive\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DropdownContextValue = {\n  open: ReturnType<typeof signal<boolean>>;\n  setOpen: (next: boolean) => void;\n  triggerId: string;\n  contentId: string;\n  rootRef: { current: HTMLDivElement | null };\n  triggerRef: { current: HTMLElement | null };\n  contentRef: { current: HTMLDivElement | null };\n};\n\nconst DropdownContext = createContext<DropdownContextValue | null>(null);\nconst nextDropdownId = createIdFactory(\"kamod-dropdown\");\n\nexport const useDropdown = () => {\n  const context = useContext(DropdownContext);\n  if (!context) throw new Error(\"Dropdown subcomponents must be used within Dropdown\");\n  return context;\n};\n\nconst dropdownRoot = tv({\n  base: \"relative inline-flex\",\n});\n\nexport type DropdownProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  defaultOpen?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const Dropdown = ({\n  defaultOpen = false,\n  class: className,\n  children,\n  ...rest\n}: DropdownProps) => {\n  const open = useMemo(() => signal(defaultOpen), []);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const instanceId = useMemo(() => nextDropdownId(), []);\n\n  const triggerId = `${instanceId}-trigger`;\n  const contentId = `${instanceId}-content`;\n  const setOpen = (next: boolean) => {\n    open.value = next;\n  };\n\n  useEffect(() => {\n    const layer = createDismissableLayer({\n      root: () => rootRef.current,\n      open: () => open.value,\n      onDismiss: () => {\n        open.value = false;\n      },\n    });\n    return () => layer.dispose();\n  }, [open]);\n\n  // Island hydrate can leave Preact onClick dead; native capture keeps the trigger reliable.\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    const onClick = (event: Event) => {\n      const target = event.target;\n      if (!(target instanceof Element)) return;\n      const trigger = target.closest(`#${CSS.escape(triggerId)}`);\n      if (!trigger || !root.contains(trigger)) return;\n      // Menu items handle their own activation.\n      if (target.closest('[data-slot=\"dropdown-item\"]')) return;\n\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      open.value = !open.value;\n    };\n\n    root.addEventListener(\"click\", onClick, true);\n    return () => root.removeEventListener(\"click\", onClick, true);\n  }, [open, triggerId]);\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        open,\n        setOpen,\n        triggerId,\n        contentId,\n        rootRef,\n        triggerRef,\n        contentRef,\n      }}\n    >\n      <div\n        ref={rootRef}\n        class={cn(dropdownRoot(), className)}\n        data-slot=\"dropdown\"\n        data-state={open.value ? \"open\" : \"closed\"}\n        {...rest}\n      >\n        {children}\n      </div>\n    </DropdownContext.Provider>\n  );\n};\n","import { signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { useEffect, useMemo } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DropdownCheckboxItemProps = Omit<\n  JSX.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\"\n> & {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  children?: ComponentChildren;\n};\n\nexport const DropdownCheckboxItem = ({\n  checked: checkedProp,\n  defaultChecked = false,\n  onCheckedChange,\n  class: className,\n  children,\n  onClick,\n  ...rest\n}: DropdownCheckboxItemProps) => {\n  const internal = useMemo(() => signal(defaultChecked), []);\n  const isControlled = checkedProp !== undefined;\n\n  useEffect(() => {\n    if (checkedProp !== undefined) {\n      internal.value = checkedProp;\n    }\n  }, [checkedProp, internal]);\n\n  const checked = isControlled ? Boolean(checkedProp) : internal.value;\n\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      data-slot=\"dropdown-checkbox-item\"\n      aria-checked={checked}\n      class={cn(\n        \"relative flex w-full cursor-default select-none items-center gap-1 rounded-sm py-0.5 ps-7 pe-1.5 text-sm outline-none transition-colors duration-100\",\n        \"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\",\n        \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        className,\n      )}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.defaultPrevented) return;\n        const next = !checked;\n        if (!isControlled) {\n          internal.value = next;\n        }\n        onCheckedChange?.(next);\n      }}\n      {...rest}\n    >\n      <span\n        class=\"pointer-events-none absolute start-1.5 flex size-3 items-center justify-center\"\n        aria-hidden\n      >\n        {checked ? (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\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=\"size-3.5\"\n          >\n            <path d=\"M20 6 9 17l-5-5\" />\n          </svg>\n        ) : null}\n      </span>\n      {children}\n    </button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { useDropdown } from \"./Dropdown\";\n\nconst positionBySide = {\n  top: \"bottom-full\",\n  bottom: \"top-full\",\n  left: \"right-full\",\n  right: \"left-full\",\n} as const;\n\nconst alignByAxis = {\n  vertical: {\n    start: \"left-0\",\n    center: \"left-1/2 -translate-x-1/2\",\n    end: \"right-0\",\n  },\n  horizontal: {\n    start: \"top-0\",\n    center: \"top-1/2 -translate-y-1/2\",\n    end: \"bottom-0\",\n  },\n} as const;\n\nexport const dropdownContent = tv({\n  base: [\n    // overflow-x visible so DropdownSubContent (absolute start-full) is not clipped; keep vertical scroll for long menus\n    \"bg-white text-popover-foreground z-50 flex min-w-[7rem] flex-col gap-0 overflow-x-visible overflow-y-auto rounded-lg p-px shadow-md outline-none ring-1 ring-foreground/10 dark:bg-popover\",\n    \"dark:ring-foreground/15\",\n    \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:duration-100\",\n    \"data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-100\",\n    \"absolute isolate max-h-96\",\n  ],\n  variants: {\n    side: {\n      bottom: \"slide-in-from-top-2\",\n      top: \"slide-in-from-bottom-2\",\n      right: \"slide-in-from-left-2\",\n      left: \"slide-in-from-right-2\",\n    },\n  },\n  defaultVariants: {\n    side: \"bottom\",\n  },\n});\n\nexport type DropdownContentProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof dropdownContent> & {\n    forceMount?: boolean;\n    side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n    align?: \"start\" | \"center\" | \"end\";\n    sideOffset?: number;\n    children?: ComponentChildren;\n  };\n\nexport const DropdownContent = ({\n  forceMount = false,\n  side = \"bottom\",\n  align = \"start\",\n  sideOffset = 4,\n  class: className,\n  style,\n  children,\n  onKeyDown,\n  ...rest\n}: DropdownContentProps) => {\n  const dropdown = useDropdown();\n  if (!dropdown.open.value && !forceMount) return null;\n\n  const isVertical = side === \"top\" || side === \"bottom\";\n  const alignClass = isVertical ? alignByAxis.vertical[align] : alignByAxis.horizontal[align];\n  const inlineStyle = typeof style === \"object\" && style !== null ? style : undefined;\n  const offsetStyle: JSX.CSSProperties =\n    side === \"bottom\"\n      ? { marginTop: `${sideOffset}px` }\n      : side === \"top\"\n        ? { marginBottom: `${sideOffset}px` }\n        : side === \"right\"\n          ? { marginLeft: `${sideOffset}px` }\n          : { marginRight: `${sideOffset}px` };\n\n  return (\n    <div\n      ref={(node) => {\n        dropdown.contentRef.current = node;\n      }}\n      id={dropdown.contentId}\n      role=\"menu\"\n      tabIndex={-1}\n      aria-labelledby={dropdown.triggerId}\n      data-slot=\"dropdown-content\"\n      data-side={side}\n      data-align={align}\n      data-state={dropdown.open.value ? \"open\" : \"closed\"}\n      class={cn(dropdownContent({ side }), positionBySide[side], alignClass, className)}\n      style={inlineStyle ? { ...offsetStyle, ...inlineStyle } : offsetStyle}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          dropdown.setOpen(false);\n          dropdown.triggerRef.current?.focus();\n          return;\n        }\n        onKeyDown?.(event);\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DropdownGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DropdownGroup = ({ class: className, children, ...rest }: DropdownGroupProps) => (\n  <div role=\"group\" data-slot=\"dropdown-group\" class={cn(\"p-1\", className)} {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { useDropdown } from \"./Dropdown\";\n\nconst dropdownItem = tv({\n  base: [\n    \"relative flex w-full cursor-default select-none items-center gap-1 rounded-sm px-1 py-0.5 text-sm outline-none transition-colors duration-100 ease-out\",\n    \"text-popover-foreground hover:bg-accent hover:text-accent-foreground\",\n    \"focus:bg-accent focus:text-accent-foreground\",\n    \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5\",\n  ],\n  variants: {\n    variant: {\n      default: \"\",\n      destructive:\n        \"text-destructive hover:bg-destructive/10 hover:text-destructive focus:bg-destructive/10 focus:text-destructive dark:focus:bg-destructive/20 [&_svg]:text-destructive\",\n    },\n    inset: {\n      true: \"ps-6\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    inset: false,\n  },\n});\n\ntype DropdownItemSharedProps = VariantProps<typeof dropdownItem> & {\n  children?: ComponentChildren;\n};\n\nexport type DropdownItemProps = DropdownItemSharedProps &\n  (\n    | (Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"href\"> & { href?: undefined })\n    | (JSX.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string })\n  );\n\nexport const DropdownItem = ({\n  inset = false,\n  variant = \"default\",\n  class: className,\n  children,\n  onClick,\n  href,\n  ...rest\n}: DropdownItemProps) => {\n  const dropdown = useDropdown();\n  const resolvedClass = cn(dropdownItem({ inset, variant }), className);\n\n  const handleActivate = (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n    (onClick as ((event: JSX.TargetedMouseEvent<HTMLElement>) => void) | undefined)?.(event);\n    if (event.defaultPrevented) return;\n    dropdown.setOpen(false);\n  };\n\n  if (href) {\n    return (\n      <a\n        href={href}\n        role=\"menuitem\"\n        data-slot=\"dropdown-item\"\n        data-inset={inset ? \"true\" : undefined}\n        data-variant={variant}\n        class={resolvedClass}\n        onClick={handleActivate}\n        {...(rest as JSX.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitem\"\n      data-slot=\"dropdown-item\"\n      data-inset={inset ? \"true\" : undefined}\n      data-variant={variant}\n      class={resolvedClass}\n      onClick={handleActivate as JSX.MouseEventHandler<HTMLButtonElement>}\n      {...(rest as JSX.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DropdownLabelProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  inset?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const DropdownLabel = ({\n  inset = false,\n  class: className,\n  children,\n  ...rest\n}: DropdownLabelProps) => (\n  <div\n    data-slot=\"dropdown-label\"\n    data-inset={inset ? \"true\" : undefined}\n    class={cn(\n      \"text-muted-foreground px-1 py-0.5 text-xs font-semibold\",\n      inset && \"ps-6\",\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\n\n/** No-op wrapper for API parity with shadcn; content stays in the tree (no portal). */\nexport type DropdownPortalProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DropdownPortal = ({ children, ...rest }: DropdownPortalProps) => (\n  <div data-slot=\"dropdown-portal\" {...rest}>\n    {children}\n  </div>\n);\n","import { signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useContext, useEffect, useMemo, useRef } from \"preact/hooks\";\n\nexport type DropdownRadioContextValue = {\n  value: ReturnType<typeof signal<string>>;\n  setValue: (next: string) => void;\n};\n\nconst DropdownRadioContext = createContext<DropdownRadioContextValue | null>(null);\n\nexport const DropdownRadioProvider = DropdownRadioContext.Provider;\n\nexport const useDropdownRadio = () => {\n  const ctx = useContext(DropdownRadioContext);\n  if (!ctx) throw new Error(\"DropdownRadioItem must be used within DropdownRadioGroup\");\n  return ctx;\n};\n\nexport const useDropdownRadioRoot = (\n  defaultValue: string,\n  valueProp: string | undefined,\n  onValueChange: ((v: string) => void) | undefined,\n): DropdownRadioContextValue => {\n  const internal = useMemo(() => signal(valueProp ?? defaultValue), []);\n  const controlledRef = useRef(false);\n  controlledRef.current = valueProp !== undefined;\n\n  useEffect(() => {\n    if (valueProp !== undefined) {\n      internal.value = valueProp;\n    }\n  }, [valueProp, internal]);\n\n  const onValueChangeRef = useRef(onValueChange);\n  onValueChangeRef.current = onValueChange;\n\n  return useMemo(\n    (): DropdownRadioContextValue => ({\n      value: internal,\n      setValue: (next: string) => {\n        if (!controlledRef.current) {\n          internal.value = next;\n        }\n        onValueChangeRef.current?.(next);\n      },\n    }),\n    [internal],\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { DropdownRadioProvider, useDropdownRadioRoot } from \"./dropdown-radio-context\";\n\nexport type DropdownRadioGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  children?: ComponentChildren;\n};\n\nexport const DropdownRadioGroup = ({\n  value,\n  defaultValue = \"\",\n  onValueChange,\n  children,\n  ...rest\n}: DropdownRadioGroupProps) => {\n  const ctx = useDropdownRadioRoot(defaultValue, value, onValueChange);\n\n  return (\n    <DropdownRadioProvider value={ctx}>\n      <div role=\"group\" data-slot=\"dropdown-radio-group\" {...rest}>\n        {children}\n      </div>\n    </DropdownRadioProvider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useDropdown } from \"./Dropdown\";\nimport { useDropdownRadio } from \"./dropdown-radio-context\";\n\nexport type DropdownRadioItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  value: string;\n  children?: ComponentChildren;\n};\n\nexport const DropdownRadioItem = ({\n  value,\n  class: className,\n  children,\n  onClick,\n  ...rest\n}: DropdownRadioItemProps) => {\n  const dropdown = useDropdown();\n  const radio = useDropdownRadio();\n  const selected = radio.value.value === value;\n\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemradio\"\n      data-slot=\"dropdown-radio-item\"\n      aria-checked={selected}\n      class={cn(\n        \"relative flex w-full cursor-default select-none items-center gap-1 rounded-sm py-0.5 ps-7 pe-1.5 text-sm outline-none transition-colors duration-100\",\n        \"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\",\n        \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        className,\n      )}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.defaultPrevented) return;\n        radio.setValue(value);\n        dropdown.setOpen(false);\n      }}\n      {...rest}\n    >\n      <span\n        class=\"pointer-events-none absolute start-1.5 flex size-3 items-center justify-center\"\n        aria-hidden\n      >\n        {selected ? <span class=\"size-1.5 rounded-full bg-current\" /> : null}\n      </span>\n      {children}\n    </button>\n  );\n};\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DropdownSeparatorProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const DropdownSeparator = ({ class: className, ...rest }: DropdownSeparatorProps) => (\n  <div\n    role=\"separator\"\n    data-slot=\"dropdown-separator\"\n    class={cn(\"bg-border -mx-px my-px h-px\", className)}\n    {...rest}\n  />\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DropdownShortcutProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DropdownShortcut = ({\n  class: className,\n  children,\n  ...rest\n}: DropdownShortcutProps) => (\n  <span\n    data-slot=\"dropdown-shortcut\"\n    class={cn(\"text-muted-foreground ms-auto text-xs tracking-widest opacity-70\", className)}\n    {...rest}\n  >\n    {children}\n  </span>\n);\n","import { signal } from \"@preact/signals\";\nimport type { ComponentChildren } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext, useMemo } from \"preact/hooks\";\n\nexport type DropdownSubContextValue = {\n  open: ReturnType<typeof signal<boolean>>;\n  setOpen: (next: boolean) => void;\n};\n\nconst DropdownSubContext = createContext<DropdownSubContextValue | null>(null);\n\nexport const DropdownSubProvider = ({\n  children,\n  value,\n}: {\n  children: ComponentChildren;\n  value: DropdownSubContextValue;\n}) => <DropdownSubContext.Provider value={value}>{children}</DropdownSubContext.Provider>;\n\nexport const useDropdownSub = () => {\n  const ctx = useContext(DropdownSubContext);\n  if (!ctx) throw new Error(\"Dropdown subcomponents must be used within DropdownSub\");\n  return ctx;\n};\n\nexport const useMemoDropdownSub = (): DropdownSubContextValue =>\n  useMemo(() => {\n    const open = signal(false);\n    return {\n      open,\n      setOpen: (next) => {\n        open.value = next;\n      },\n    };\n  }, []);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownSubProvider, useMemoDropdownSub } from \"./dropdown-sub-context\";\n\nexport type DropdownSubProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DropdownSub = ({ class: className, children, ...rest }: DropdownSubProps) => {\n  const ctx = useMemoDropdownSub();\n\n  return (\n    <DropdownSubProvider value={ctx}>\n      <div\n        data-slot=\"dropdown-sub\"\n        class={cn(\"relative\", className)}\n        onPointerLeave={() => {\n          ctx.setOpen(false);\n        }}\n        {...rest}\n      >\n        {children}\n      </div>\n    </DropdownSubProvider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useDropdownSub } from \"./dropdown-sub-context\";\n\nexport type DropdownSubContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n  /** `inline-end` (default): opens toward inline end (right in LTR). `inline-start`: toward inline start (left in LTR) — use near the viewport edge to avoid horizontal page scroll. */\n  side?: \"inline-end\" | \"inline-start\";\n};\n\nexport const DropdownSubContent = ({\n  class: className,\n  children,\n  onPointerEnter,\n  side = \"inline-end\",\n  ...rest\n}: DropdownSubContentProps) => {\n  const sub = useDropdownSub();\n\n  if (!sub.open.value) return null;\n\n  const sidePosition =\n    side === \"inline-start\"\n      ? \"end-full me-0.5 rtl:ms-0.5 rtl:me-0\"\n      : \"start-full ms-0.5 rtl:me-0.5 rtl:ms-0\";\n\n  return (\n    <div\n      role=\"menu\"\n      data-slot=\"dropdown-sub-content\"\n      data-side={side}\n      data-state=\"open\"\n      class={cn(\n        \"absolute top-0 z-50 min-w-[7rem] max-h-[min(24rem,calc(100dvh-2rem))] overflow-x-hidden overflow-y-auto rounded-lg bg-white p-px text-popover-foreground shadow-md outline-none ring-1 ring-foreground/10 dark:bg-popover dark:ring-foreground/15\",\n        sidePosition,\n        className,\n      )}\n      onPointerEnter={(e) => {\n        onPointerEnter?.(e);\n        sub.setOpen(true);\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useDropdownSub } from \"./dropdown-sub-context\";\n\nconst ChevronRight = ({ class: className }: { class?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\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={cn(\"size-3.5 shrink-0 rtl:rotate-180\", className)}\n    aria-hidden\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n\nexport type DropdownSubTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DropdownSubTrigger = ({\n  class: className,\n  children,\n  onClick,\n  onPointerEnter,\n  ...rest\n}: DropdownSubTriggerProps) => {\n  const sub = useDropdownSub();\n  const open = sub.open.value;\n\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitem\"\n      data-slot=\"dropdown-sub-trigger\"\n      data-state={open ? \"open\" : \"closed\"}\n      aria-expanded={open}\n      aria-haspopup=\"menu\"\n      class={cn(\n        \"flex w-full cursor-default select-none items-center gap-1 rounded-sm px-1 py-0.5 text-start text-sm outline-none transition-colors duration-100\",\n        \"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\",\n        \"data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n        \"[&_svg]:shrink-0\",\n        className,\n      )}\n      onPointerEnter={(e) => {\n        onPointerEnter?.(e);\n        if (e.defaultPrevented) return;\n        sub.setOpen(true);\n      }}\n      onClick={(e) => {\n        onClick?.(e);\n        if (e.defaultPrevented) return;\n        sub.setOpen(!open);\n      }}\n      {...rest}\n    >\n      {children}\n      <ChevronRight class=\"ms-auto\" />\n    </button>\n  );\n};\n","import { type ComponentChildren, cloneElement, isValidElement, type JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { useDropdown } from \"./Dropdown\";\n\nconst dropdownTrigger = tv({\n  base: [\n    \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap\",\n    \"focus-visible:ring-outline/50 transition-[color,box-shadow] outline-none focus-visible:ring-3\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground\",\n    \"h-9 px-4 py-2\",\n  ],\n});\n\nexport type DropdownTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  asChild?: boolean;\n  children?: ComponentChildren;\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 DropdownTrigger = ({\n  asChild = false,\n  class: className,\n  children,\n  onClick,\n  ref: outerRef,\n  ...rest\n}: DropdownTriggerProps) => {\n  const dropdown = useDropdown();\n\n  const handleClick = (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n    onClick?.(event as JSX.TargetedMouseEvent<HTMLButtonElement>);\n    if (event.defaultPrevented) return;\n    dropdown.setOpen(!dropdown.open.value);\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      id: dropdown.triggerId,\n      \"aria-controls\": dropdown.contentId,\n      \"aria-haspopup\": \"menu\",\n      \"aria-expanded\": dropdown.open.value,\n      \"data-slot\": \"dropdown-trigger\",\n      \"data-state\": dropdown.open.value ? \"open\" : \"closed\",\n      onClick: (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n        childProps.onClick?.(event);\n        handleClick(event);\n      },\n      ref: (node: HTMLElement | null) => {\n        dropdown.triggerRef.current = node;\n        callRef(childProps.ref, node);\n        callRef(outerRef, node);\n      },\n    } as never);\n  }\n\n  return (\n    <button\n      ref={(node) => {\n        dropdown.triggerRef.current = node;\n        callRef(outerRef, node);\n      }}\n      id={dropdown.triggerId}\n      type=\"button\"\n      class={cn(dropdownTrigger(), className)}\n      data-slot=\"dropdown-trigger\"\n      data-state={dropdown.open.value ? \"open\" : \"closed\"}\n      aria-controls={dropdown.contentId}\n      aria-haspopup=\"menu\"\n      aria-expanded={dropdown.open.value}\n      onClick={(event) => handleClick(event as unknown as JSX.TargetedMouseEvent<HTMLElement>)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import { Dropdown } from \"./Dropdown\";\nimport { DropdownCheckboxItem } from \"./DropdownCheckboxItem\";\nimport { DropdownContent } from \"./DropdownContent\";\nimport { DropdownGroup } from \"./DropdownGroup\";\nimport { DropdownItem } from \"./DropdownItem\";\nimport { DropdownLabel } from \"./DropdownLabel\";\nimport { DropdownPortal } from \"./DropdownPortal\";\nimport { DropdownRadioGroup } from \"./DropdownRadioGroup\";\nimport { DropdownRadioItem } from \"./DropdownRadioItem\";\nimport { DropdownSeparator } from \"./DropdownSeparator\";\nimport { DropdownShortcut } from \"./DropdownShortcut\";\nimport { DropdownSub } from \"./DropdownSub\";\nimport { DropdownSubContent } from \"./DropdownSubContent\";\nimport { DropdownSubTrigger } from \"./DropdownSubTrigger\";\nimport { DropdownTrigger } from \"./DropdownTrigger\";\n\nexport {\n  Dropdown,\n  DropdownCheckboxItem,\n  DropdownContent,\n  DropdownGroup,\n  DropdownItem,\n  DropdownLabel,\n  DropdownPortal,\n  DropdownRadioGroup,\n  DropdownRadioItem,\n  DropdownSeparator,\n  DropdownShortcut,\n  DropdownSub,\n  DropdownSubContent,\n  DropdownSubTrigger,\n  DropdownTrigger,\n};\n\nexport default {\n  Root: Dropdown,\n  Trigger: DropdownTrigger,\n  Content: DropdownContent,\n  Item: DropdownItem,\n  Label: DropdownLabel,\n  Separator: DropdownSeparator,\n  Group: DropdownGroup,\n  Shortcut: DropdownShortcut,\n  Sub: DropdownSub,\n  SubTrigger: DropdownSubTrigger,\n  SubContent: DropdownSubContent,\n  Portal: DropdownPortal,\n  CheckboxItem: DropdownCheckboxItem,\n  RadioGroup: DropdownRadioGroup,\n  RadioItem: DropdownRadioItem,\n};\n"]}

package/dist/{chunk-CLEC2RMU.js → chunk-JKEILBHG.js}

@@ -1,8 +1,8 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { jsx } from 'preact/jsx-runtime';
 
 var Table = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "table-wrapper", class: cn("relative w-full overflow-x-auto", className), ...rest, children: /* @__PURE__ */ jsx("table", { "data-slot": "table", class: "w-full caption-bottom text-sm", children }) });
 
 export { Table };
-//# sourceMappingURL=chunk-CLEC2RMU.js.map
-//# sourceMappingURL=chunk-CLEC2RMU.js.map
+//# sourceMappingURL=chunk-JKEILBHG.js.map
+//# sourceMappingURL=chunk-JKEILBHG.js.map

package/dist/{chunk-CLEC2RMU.js.map → chunk-JKEILBHG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/table/Table.tsx"],"names":[],"mappings":";;;AAOO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBAC1D,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,eAAA,EAAgB,KAAA,EAAO,EAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA,EAAI,GAAG,IAAA,EAC1F,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAM,WAAA,EAAU,OAAA,EAAQ,KAAA,EAAM,+BAAA,EAC5B,QAAA,EACH,CAAA,EACF","file":"chunk-CLEC2RMU.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Table = ({ class: className, children, ...rest }: TableProps) => (\n  <div data-slot=\"table-wrapper\" class={cn(\"relative w-full overflow-x-auto\", className)} {...rest}>\n    <table data-slot=\"table\" class=\"w-full caption-bottom text-sm\">\n      {children}\n    </table>\n  </div>\n);\n"]}
+{"version":3,"sources":["../src/components/table/Table.tsx"],"names":[],"mappings":";;;AAOO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBAC1D,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,eAAA,EAAgB,KAAA,EAAO,EAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA,EAAI,GAAG,IAAA,EAC1F,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAM,WAAA,EAAU,OAAA,EAAQ,KAAA,EAAM,+BAAA,EAC5B,QAAA,EACH,CAAA,EACF","file":"chunk-JKEILBHG.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Table = ({ class: className, children, ...rest }: TableProps) => (\n  <div data-slot=\"table-wrapper\" class={cn(\"relative w-full overflow-x-auto\", className)} {...rest}>\n    <table data-slot=\"table\" class=\"w-full caption-bottom text-sm\">\n      {children}\n    </table>\n  </div>\n);\n"]}

package/dist/{chunk-TFLSEEM4.js → chunk-KCN3GXRK.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { jsx } from 'preact/jsx-runtime';
 
 // src/components/progress/progress-indeterminate-styles.ts
@@ -84,5 +84,5 @@ var Progress = ({
 var progress_default = Progress;
 
 export { Progress, progress_default };
-//# sourceMappingURL=chunk-TFLSEEM4.js.map
-//# sourceMappingURL=chunk-TFLSEEM4.js.map
+//# sourceMappingURL=chunk-KCN3GXRK.js.map
+//# sourceMappingURL=chunk-KCN3GXRK.js.map

package/dist/{chunk-TFLSEEM4.js.map → chunk-KCN3GXRK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/progress/progress-indeterminate-styles.ts","../src/components/progress/Progress.tsx","../src/components/progress/index.ts"],"names":[],"mappings":"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","file":"chunk-TFLSEEM4.js","sourcesContent":["const STYLE_ID = \"kamod-ui-progress-indeterminate\";\n\nconst indeterminateKeyframesCss = `@keyframes kamod-progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(270%)}}[data-slot=\"progress\"][data-state=\"indeterminate\"] [data-slot=\"progress-indicator\"]{animation:kamod-progress-indeterminate 1.2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){[data-slot=\"progress\"][data-state=\"indeterminate\"] [data-slot=\"progress-indicator\"]{animation:none}}`;\n\nfunction injectProgressIndeterminateStyles(): void {\n  if (typeof document === \"undefined\") return;\n  if (document.getElementById(STYLE_ID)) return;\n  const style = document.createElement(\"style\");\n  style.id = STYLE_ID;\n  style.textContent = indeterminateKeyframesCss;\n  document.head.appendChild(style);\n}\n\ninjectProgressIndeterminateStyles();\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport \"./progress-indeterminate-styles\";\n\nexport type ProgressProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  /** Set to `null` for an indeterminate bar (Radix-style). Ignored when `indeterminate` is true. */\n  value?: number | null;\n  max?: number;\n  indicatorClass?: string;\n  /** When true, shows an animated indeterminate bar regardless of `value`. */\n  indeterminate?: boolean;\n};\n\nconst progressRootClass = [\n  \"relative h-2.5 w-full overflow-hidden rounded-full bg-muted\",\n  \"ring-1 ring-inset ring-border/55 dark:ring-border/45\",\n  \"shadow-[inset_0_1px_2px_color-mix(in_oklab,var(--foreground)_6%,transparent)]\",\n  \"dark:shadow-[inset_0_1px_2px_color-mix(in_oklab,black_28%,transparent)]\",\n].join(\" \");\n\nconst progressIndicatorShared = [\n  \"rounded-full bg-primary\",\n  \"shadow-[inset_0_-1px_0_color-mix(in_oklab,var(--primary-foreground)_22%,transparent)]\",\n].join(\" \");\n\nconst progressIndicatorDeterminateClass = [\n  \"h-full w-full flex-1\",\n  \"transition-transform duration-300 ease-out motion-reduce:transition-none\",\n  progressIndicatorShared,\n].join(\" \");\n\nconst progressIndicatorIndeterminateClass = [\n  \"absolute inset-y-0 left-0 w-[38%]\",\n  progressIndicatorShared,\n].join(\" \");\n\nexport const Progress = ({\n  value = 0,\n  max = 100,\n  class: className,\n  indicatorClass,\n  indeterminate: indeterminateProp,\n  ...rest\n}: ProgressProps) => {\n  const safeMax = max > 0 ? max : 100;\n  const isIndeterminate = indeterminateProp === true || value === null;\n  const numericValue = value === null || value === undefined ? 0 : value;\n  const current = Math.max(0, Math.min(safeMax, numericValue));\n  const percent = Math.max(0, Math.min(100, (current / safeMax) * 100));\n\n  return (\n    <div\n      role=\"progressbar\"\n      data-slot=\"progress\"\n      data-state={isIndeterminate ? \"indeterminate\" : \"determinate\"}\n      {...(!isIndeterminate\n        ? {\n            \"aria-valuemin\": 0,\n            \"aria-valuemax\": safeMax,\n            \"aria-valuenow\": current,\n            \"data-value\": current,\n            \"data-max\": safeMax,\n          }\n        : {\n            \"aria-valuetext\": \"Indeterminate\",\n          })}\n      class={cn(progressRootClass, className)}\n      {...rest}\n    >\n      {isIndeterminate ? (\n        <div\n          data-slot=\"progress-indicator\"\n          class={cn(progressIndicatorIndeterminateClass, indicatorClass)}\n        />\n      ) : (\n        <div\n          data-slot=\"progress-indicator\"\n          class={cn(progressIndicatorDeterminateClass, indicatorClass)}\n          style={{ transform: `translateX(-${100 - percent}%)` }}\n        />\n      )}\n    </div>\n  );\n};\n","import { Progress } from \"./Progress\";\n\nexport { Progress };\n\nexport default Progress;\n"]}
+{"version":3,"sources":["../src/components/progress/progress-indeterminate-styles.ts","../src/components/progress/Progress.tsx","../src/components/progress/index.ts"],"names":[],"mappings":"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","file":"chunk-KCN3GXRK.js","sourcesContent":["const STYLE_ID = \"kamod-ui-progress-indeterminate\";\n\nconst indeterminateKeyframesCss = `@keyframes kamod-progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(270%)}}[data-slot=\"progress\"][data-state=\"indeterminate\"] [data-slot=\"progress-indicator\"]{animation:kamod-progress-indeterminate 1.2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){[data-slot=\"progress\"][data-state=\"indeterminate\"] [data-slot=\"progress-indicator\"]{animation:none}}`;\n\nfunction injectProgressIndeterminateStyles(): void {\n  if (typeof document === \"undefined\") return;\n  if (document.getElementById(STYLE_ID)) return;\n  const style = document.createElement(\"style\");\n  style.id = STYLE_ID;\n  style.textContent = indeterminateKeyframesCss;\n  document.head.appendChild(style);\n}\n\ninjectProgressIndeterminateStyles();\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport \"./progress-indeterminate-styles\";\n\nexport type ProgressProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  /** Set to `null` for an indeterminate bar (Radix-style). Ignored when `indeterminate` is true. */\n  value?: number | null;\n  max?: number;\n  indicatorClass?: string;\n  /** When true, shows an animated indeterminate bar regardless of `value`. */\n  indeterminate?: boolean;\n};\n\nconst progressRootClass = [\n  \"relative h-2.5 w-full overflow-hidden rounded-full bg-muted\",\n  \"ring-1 ring-inset ring-border/55 dark:ring-border/45\",\n  \"shadow-[inset_0_1px_2px_color-mix(in_oklab,var(--foreground)_6%,transparent)]\",\n  \"dark:shadow-[inset_0_1px_2px_color-mix(in_oklab,black_28%,transparent)]\",\n].join(\" \");\n\nconst progressIndicatorShared = [\n  \"rounded-full bg-primary\",\n  \"shadow-[inset_0_-1px_0_color-mix(in_oklab,var(--primary-foreground)_22%,transparent)]\",\n].join(\" \");\n\nconst progressIndicatorDeterminateClass = [\n  \"h-full w-full flex-1\",\n  \"transition-transform duration-300 ease-out motion-reduce:transition-none\",\n  progressIndicatorShared,\n].join(\" \");\n\nconst progressIndicatorIndeterminateClass = [\n  \"absolute inset-y-0 left-0 w-[38%]\",\n  progressIndicatorShared,\n].join(\" \");\n\nexport const Progress = ({\n  value = 0,\n  max = 100,\n  class: className,\n  indicatorClass,\n  indeterminate: indeterminateProp,\n  ...rest\n}: ProgressProps) => {\n  const safeMax = max > 0 ? max : 100;\n  const isIndeterminate = indeterminateProp === true || value === null;\n  const numericValue = value === null || value === undefined ? 0 : value;\n  const current = Math.max(0, Math.min(safeMax, numericValue));\n  const percent = Math.max(0, Math.min(100, (current / safeMax) * 100));\n\n  return (\n    <div\n      role=\"progressbar\"\n      data-slot=\"progress\"\n      data-state={isIndeterminate ? \"indeterminate\" : \"determinate\"}\n      {...(!isIndeterminate\n        ? {\n            \"aria-valuemin\": 0,\n            \"aria-valuemax\": safeMax,\n            \"aria-valuenow\": current,\n            \"data-value\": current,\n            \"data-max\": safeMax,\n          }\n        : {\n            \"aria-valuetext\": \"Indeterminate\",\n          })}\n      class={cn(progressRootClass, className)}\n      {...rest}\n    >\n      {isIndeterminate ? (\n        <div\n          data-slot=\"progress-indicator\"\n          class={cn(progressIndicatorIndeterminateClass, indicatorClass)}\n        />\n      ) : (\n        <div\n          data-slot=\"progress-indicator\"\n          class={cn(progressIndicatorDeterminateClass, indicatorClass)}\n          style={{ transform: `translateX(-${100 - percent}%)` }}\n        />\n      )}\n    </div>\n  );\n};\n","import { Progress } from \"./Progress\";\n\nexport { Progress };\n\nexport default Progress;\n"]}

package/dist/{chunk-EMUPVA2F.js → chunk-KHV3WV6T.js}

@@ -1,6 +1,6 @@
-import { Dialog, useDialog, useModalPanelA11y, dialogViewportBleedClass, DialogClose } from './chunk-HHLQYMPT.js';
+import { Dialog, useDialog, useModalPanelA11y, dialogViewportBleedClass, DialogClose } from './chunk-DUTKHOH3.js';
 import { createPortal } from './chunk-B47B6KK6.js';
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
 
 var Sheet = ({ children, lockBodyScroll = true, ...rest }) => /* @__PURE__ */ jsx(Dialog, { "data-slot": "sheet", lockBodyScroll, ...rest, children });
@@ -91,5 +91,5 @@ var SheetFooter = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-
 var SheetHeader = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "sheet-header", ...rest, children });
 
 export { Sheet, SheetContent, SheetFooter, SheetHeader };
-//# sourceMappingURL=chunk-EMUPVA2F.js.map
-//# sourceMappingURL=chunk-EMUPVA2F.js.map
+//# sourceMappingURL=chunk-KHV3WV6T.js.map
+//# sourceMappingURL=chunk-KHV3WV6T.js.map

package/dist/{chunk-EMUPVA2F.js.map → chunk-KHV3WV6T.js.map}

@@ -1 +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-EMUPVA2F.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","import type { ComponentChildren, JSX } from \"preact\";\nimport { createPortal } from \"../../lib/createPortal\";\nimport { cn } from \"../../lib/utils\";\nimport { useDialog } from \"../dialog/Dialog\";\nimport { dialogViewportBleedClass } from \"../dialog/DialogContent\";\nimport { useModalPanelA11y } from \"../dialog/useModalPanelA11y\";\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: \"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: \"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  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  ...rest\n}: SheetContentProps) => {\n  const dialog = useDialog();\n  const isOpen = dialog.open.value;\n  const { panelRef, labelledBy, describedBy } = useModalPanelA11y(isOpen || forceMount);\n  if (!isOpen && !forceMount) return null;\n\n  const state = isOpen ? \"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 modalA11y = {\n    \"aria-labelledby\": ariaLabelledBy ?? labelledBy,\n    \"aria-describedby\": ariaDescribedBy ?? describedBy,\n  };\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        ref={panelRef}\n        {...rest}\n        {...modalA11y}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        tabIndex={-1}\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          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","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SheetFooterProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\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> & {\n  children?: ComponentChildren;\n};\n\nexport const SheetHeader = ({ children, ...rest }: SheetHeaderProps) => (\n  <div data-slot=\"sheet-header\" {...rest}>\n    {children}\n  </div>\n);\n"]}
+{"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-KHV3WV6T.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","import type { ComponentChildren, JSX } from \"preact\";\nimport { createPortal } from \"../../lib/createPortal\";\nimport { cn } from \"../../lib/utils\";\nimport { useDialog } from \"../dialog/Dialog\";\nimport { dialogViewportBleedClass } from \"../dialog/DialogContent\";\nimport { useModalPanelA11y } from \"../dialog/useModalPanelA11y\";\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: \"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: \"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  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  ...rest\n}: SheetContentProps) => {\n  const dialog = useDialog();\n  const isOpen = dialog.open.value;\n  const { panelRef, labelledBy, describedBy } = useModalPanelA11y(isOpen || forceMount);\n  if (!isOpen && !forceMount) return null;\n\n  const state = isOpen ? \"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 modalA11y = {\n    \"aria-labelledby\": ariaLabelledBy ?? labelledBy,\n    \"aria-describedby\": ariaDescribedBy ?? describedBy,\n  };\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        ref={panelRef}\n        {...rest}\n        {...modalA11y}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        tabIndex={-1}\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          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","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SheetFooterProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\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> & {\n  children?: ComponentChildren;\n};\n\nexport const SheetHeader = ({ children, ...rest }: SheetHeaderProps) => (\n  <div data-slot=\"sheet-header\" {...rest}>\n    {children}\n  </div>\n);\n"]}

package/dist/{chunk-G6TV6TF7.js → chunk-KJ5PYCJG.js}

@@ -1,7 +1,7 @@
+import { cn } from './chunk-XIANSPQO.js';
 import { tv } from 'tailwind-variants';
 import { jsxs, jsx } from 'preact/jsx-runtime';
 
-// src/components/native-select/NativeSelect.tsx
 var nativeSelectWrapper = tv({
   base: [
     /* min-w-0 + no w-fit: column flex + w-full on <select> must resolve to parent width (w-fit breaks that). */
@@ -50,15 +50,7 @@ var NativeSelect = ({
   children,
   ...rest
 }) => /* @__PURE__ */ jsxs("div", { class: nativeSelectWrapper(), "data-size": size, "data-slot": "native-select-wrapper", children: [
-  /* @__PURE__ */ jsx(
-    "select",
-    {
-      class: nativeSelect({ size, class: className }),
-      "data-slot": "native-select",
-      ...rest,
-      children
-    }
-  ),
+  /* @__PURE__ */ jsx("select", { class: cn(nativeSelect({ size }), className), "data-slot": "native-select", ...rest, children }),
   icon ?? /* @__PURE__ */ jsx(
     "svg",
     {
@@ -91,5 +83,5 @@ var native_select_default = {
 };
 
 export { NativeSelect, NativeSelectOptGroup, NativeSelectOption, NativeSelectVariants, native_select_default };
-//# sourceMappingURL=chunk-G6TV6TF7.js.map
-//# sourceMappingURL=chunk-G6TV6TF7.js.map
+//# sourceMappingURL=chunk-KJ5PYCJG.js.map
+//# sourceMappingURL=chunk-KJ5PYCJG.js.map

package/dist/chunk-KJ5PYCJG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/native-select/NativeSelect.tsx","../src/components/native-select/NativeSelectOptGroup.tsx","../src/components/native-select/NativeSelectOption.tsx","../src/components/native-select/index.ts"],"names":["jsx"],"mappings":";;;;AAIO,IAAM,sBAAsB,EAAA,CAAG;AAAA,EACpC,IAAA,EAAM;AAAA;AAAA,IAEJ;AAAA;AAEJ,CAAC,CAAA;AAEM,IAAM,eAAe,EAAA,CAAG;AAAA,EAC7B,IAAA,EAAM;AAAA,IACJ,wIAAA;AAAA,IACA,4BAAA;AAAA,IACA,8HAAA;AAAA,IACA,4BAAA;AAAA,IACA,oFAAA;AAAA,IACA,iFAAA;AAAA,IACA,0DAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,4CAAA;AAAA,MACJ,EAAA,EAAI,6CAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAEM,IAAM,mBAAmB,EAAA,CAAG;AAAA,EACjC,IAAA,EAAM,CAAC,6EAA6E,CAAA;AAAA,EACpF,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAQM,IAAM,eAAe,CAAC;AAAA,EAC3B,KAAA,EAAO,SAAA;AAAA,EACP,IAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,IAAA,CAAC,SAAI,KAAA,EAAO,mBAAA,IAAuB,WAAA,EAAW,IAAA,EAAM,aAAU,uBAAA,EAC5D,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,EAAA,CAAG,YAAA,CAAa,EAAE,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA,EAAG,WAAA,EAAU,eAAA,EAAiB,GAAG,MACjF,QAAA,EACH,CAAA;AAAA,EACC,IAAA,oBACC,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,MAAA,EAAO,cAAA;AAAA,MACP,WAAA,EAAY,GAAA;AAAA,MACZ,aAAA,EAAc,OAAA;AAAA,MACd,cAAA,EAAe,OAAA;AAAA,MACf,aAAA,EAAY,MAAA;AAAA,MACZ,KAAA,EAAO,gBAAA,CAAiB,EAAE,IAAA,EAAM,CAAA;AAAA,MAChC,WAAA,EAAU,oBAAA;AAAA,MAEV,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,cAAA,EAAe;AAAA;AAAA;AACzB,CAAA,EAEJ;AC1EK,IAAM,oBAAA,GAAuB,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBACvDA,GAAAA,CAAC,UAAA,EAAA,EAAU,GAAG,IAAA,EAAO,QAAA,EAAS;ACDzB,IAAM,kBAAA,GAAqB,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBACrDA,GAAAA,CAAC,QAAA,EAAA,EAAQ,GAAG,IAAA,EAAO,QAAA,EAAS;;;ACH9B,IAAM,oBAAA,GAAuB;AAAA,EAC3B,YAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF;AAIA,IAAO,qBAAA,GAAQ;AAAA,EACb,IAAA,EAAM,YAAA;AAAA,EACN,MAAA,EAAQ,kBAAA;AAAA,EACR,QAAA,EAAU;AACZ","file":"chunk-KJ5PYCJG.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const nativeSelectWrapper = tv({\n  base: [\n    /* min-w-0 + no w-fit: column flex + w-full on <select> must resolve to parent width (w-fit breaks that). */\n    \"group/native-select relative isolate min-w-0 max-w-full has-[select:disabled]:opacity-50\",\n  ],\n});\n\nexport const nativeSelect = tv({\n  base: [\n    \"border-input dark:bg-input/30 text-foreground ring-offset-background min-h-0 min-w-0 w-full rounded-md border bg-transparent shadow-xs\",\n    \"invalid:text-foreground/85\",\n    \"placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground appearance-none bg-none select-none\",\n    \"[&_option]:text-foreground\",\n    \"hover:border-foreground/20 transition-[color,box-shadow,border-color] outline-none\",\n    \"focus-visible:border-outline focus-visible:ring-outline/50 focus-visible:ring-3\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed\",\n    \"aria-invalid:border-error aria-invalid:focus-visible:ring-error/40 aria-invalid:focus-visible:ring-3\",\n  ],\n  variants: {\n    size: {\n      sm: \"min-h-8 py-1 pe-9 ps-2.5 text-sm leading-5\",\n      md: \"min-h-9 py-1.5 pe-10 ps-3 text-sm leading-5\",\n      lg: \"min-h-11 py-2 pe-11 ps-3.5 text-base leading-6\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const nativeSelectIcon = tv({\n  base: [\"text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2\"],\n  variants: {\n    size: {\n      sm: \"end-2.5 size-3.5\",\n      md: \"end-3 size-4\",\n      lg: \"end-3.5 size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type NativeSelectProps = Omit<JSX.SelectHTMLAttributes<HTMLSelectElement>, \"size\"> &\n  VariantProps<typeof nativeSelect> & {\n    icon?: ComponentChildren;\n    children?: ComponentChildren;\n  };\n\nexport const NativeSelect = ({\n  class: className,\n  size,\n  icon,\n  children,\n  ...rest\n}: NativeSelectProps) => (\n  <div class={nativeSelectWrapper()} data-size={size} data-slot=\"native-select-wrapper\">\n    <select class={cn(nativeSelect({ size }), className)} data-slot=\"native-select\" {...rest}>\n      {children}\n    </select>\n    {icon ?? (\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n        class={nativeSelectIcon({ size })}\n        data-slot=\"native-select-icon\"\n      >\n        <path d=\"m6 9 6 6 6-6\" />\n      </svg>\n    )}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type NativeSelectOptGroupProps = JSX.OptgroupHTMLAttributes<HTMLOptGroupElement> & {\n  children?: ComponentChildren;\n};\n\nexport const NativeSelectOptGroup = ({ children, ...rest }: NativeSelectOptGroupProps) => (\n  <optgroup {...rest}>{children}</optgroup>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type NativeSelectOptionProps = JSX.OptionHTMLAttributes<HTMLOptionElement> & {\n  children?: ComponentChildren;\n};\n\nexport const NativeSelectOption = ({ children, ...rest }: NativeSelectOptionProps) => (\n  <option {...rest}>{children}</option>\n);\n","import { NativeSelect, nativeSelect, nativeSelectIcon, nativeSelectWrapper } from \"./NativeSelect\";\nimport { NativeSelectOptGroup } from \"./NativeSelectOptGroup\";\nimport { NativeSelectOption } from \"./NativeSelectOption\";\n\nconst NativeSelectVariants = {\n  nativeSelect,\n  nativeSelectIcon,\n  nativeSelectWrapper,\n};\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption, NativeSelectVariants };\n\nexport default {\n  Root: NativeSelect,\n  Option: NativeSelectOption,\n  OptGroup: NativeSelectOptGroup,\n};\n"]}

package/dist/{chunk-5KS2VSX2.js → chunk-LAM4GIME.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { useState } from 'preact/hooks';
 import { tv } from 'tailwind-variants';
 import { jsxs, jsx } from 'preact/jsx-runtime';
@@ -61,7 +61,7 @@ var Switch = ({
         "data-slot": "switch",
         "data-state": nextChecked ? "checked" : "unchecked",
         "data-size": size ?? "default",
-        class: cn(switchRoot({ size, class: className })),
+        class: cn(switchRoot({ size }), className),
         onClick: (event) => {
           const updated = !nextChecked;
           if (!isControlled) {
@@ -90,5 +90,5 @@ var Switch = ({
 var switch_default = Switch;
 
 export { Switch, switch_default };
-//# sourceMappingURL=chunk-5KS2VSX2.js.map
-//# sourceMappingURL=chunk-5KS2VSX2.js.map
+//# sourceMappingURL=chunk-LAM4GIME.js.map
+//# sourceMappingURL=chunk-LAM4GIME.js.map

package/dist/chunk-LAM4GIME.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/switch/Switch.tsx","../src/components/switch/index.ts"],"names":[],"mappings":";;;;;AAKA,IAAM,aAAa,EAAA,CAAG;AAAA,EACpB,IAAA,EAAM;AAAA,IACJ,0GAAA;AAAA,IACA,6BAAA;AAAA,IACA,iDAAA;AAAA,IACA,iDAAA;AAAA,IACA,2IAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,UAAA;AAAA,MACT,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,IAAM,cAAc,EAAA,CAAG;AAAA,EACrB,IAAA,EAAM;AAAA,IACJ,sDAAA;AAAA,IACA,uCAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,2CAAA;AAAA,MACT,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAaM,IAAM,SAAS,CAAC;AAAA,EACrB,cAAA,GAAiB,KAAA;AAAA,EACjB,OAAA;AAAA,EACA,eAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,cAAc,CAAA;AAC/D,EAAA,MAAM,YAAA,GAAe,OAAO,OAAA,KAAY,SAAA;AACxC,EAAA,MAAM,WAAA,GAAc,eAAe,OAAA,GAAU,YAAA;AAE7C,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,WAAA,EAAU,aAAA,EAAc,OAAM,gCAAA,EAClC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,cAAA,EAAc,WAAA;AAAA,QACd,WAAA,EAAU,QAAA;AAAA,QACV,YAAA,EAAY,cAAc,SAAA,GAAY,WAAA;AAAA,QACtC,aAAW,IAAA,IAAQ,SAAA;AAAA,QACnB,OAAO,EAAA,CAAG,UAAA,CAAW,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACzC,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,UAAA,MAAM,UAAU,CAAC,WAAA;AACjB,UAAA,IAAI,CAAC,YAAA,EAAc;AACjB,YAAA,eAAA,CAAgB,OAAO,CAAA;AAAA,UACzB;AACA,UAAA,eAAA,GAAkB,OAAO,CAAA;AACzB,UAAA,OAAA,GAAU,KAAK,CAAA;AAAA,QACjB,CAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,cAAA;AAAA,YACV,aAAW,IAAA,IAAQ,SAAA;AAAA,YACnB,YAAA,EAAY,cAAc,SAAA,GAAY,WAAA;AAAA,YACtC,OAAO,EAAA,CAAG,WAAA,CAAY,EAAE,IAAA,EAAM,CAAC;AAAA;AAAA;AACjC;AAAA,KACF;AAAA,IACC,2BAAW,GAAA,CAAC,MAAA,EAAA,EAAK,WAAA,EAAU,cAAA,EAAgB,UAAS,CAAA,GAAU;AAAA,GAAA,EACjE,CAAA;AAEJ;;;AC7FA,IAAO,cAAA,GAAQ","file":"chunk-LAM4GIME.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { useState } from \"preact/hooks\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nconst switchRoot = tv({\n  base: [\n    \"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs\",\n    \"outline-none transition-all\",\n    \"focus-visible:ring-3 focus-visible:ring-ring/50\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"data-[state=checked]:bg-primary data-[state=checked]:saturate-125 data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80\",\n    \"aria-invalid:ring-destructive/20 aria-invalid:border-destructive\",\n  ],\n  variants: {\n    size: {\n      default: \"h-6 w-11\",\n      sm: \"h-5 w-9\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n});\n\nconst switchThumb = tv({\n  base: [\n    \"pointer-events-none block rounded-full bg-background\",\n    \"shadow-sm ring-0 transition-transform\",\n    \"data-[state=unchecked]:translate-x-0\",\n  ],\n  variants: {\n    size: {\n      default: \"size-5 data-[state=checked]:translate-x-5\",\n      sm: \"size-4 data-[state=checked]:translate-x-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n});\n\ntype SwitchVariants = VariantProps<typeof switchRoot>;\n\nexport type SwitchProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"class\"> &\n  SwitchVariants & {\n    class?: string;\n    defaultChecked?: boolean;\n    checked?: boolean;\n    onCheckedChange?: (next: boolean) => void;\n    children?: ComponentChildren;\n  };\n\nexport const Switch = ({\n  defaultChecked = false,\n  checked,\n  onCheckedChange,\n  size,\n  class: className,\n  children,\n  onClick,\n  ...rest\n}: SwitchProps) => {\n  const [localChecked, setLocalChecked] = useState(defaultChecked);\n  const isControlled = typeof checked === \"boolean\";\n  const nextChecked = isControlled ? checked : localChecked;\n\n  return (\n    <span data-slot=\"switch-root\" class=\"inline-flex items-center gap-2\">\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={nextChecked}\n        data-slot=\"switch\"\n        data-state={nextChecked ? \"checked\" : \"unchecked\"}\n        data-size={size ?? \"default\"}\n        class={cn(switchRoot({ size }), className)}\n        onClick={(event) => {\n          const updated = !nextChecked;\n          if (!isControlled) {\n            setLocalChecked(updated);\n          }\n          onCheckedChange?.(updated);\n          onClick?.(event);\n        }}\n        {...rest}\n      >\n        <span\n          data-slot=\"switch-thumb\"\n          data-size={size ?? \"default\"}\n          data-state={nextChecked ? \"checked\" : \"unchecked\"}\n          class={cn(switchThumb({ size }))}\n        />\n      </button>\n      {children ? <span data-slot=\"switch-label\">{children}</span> : null}\n    </span>\n  );\n};\n","import { Switch } from \"./Switch\";\n\nexport { Switch };\n\nexport default Switch;\n"]}

package/dist/{chunk-OCLVMKVC.js → chunk-MDXTENZ4.js}

@@ -1,4 +1,5 @@
-import { popoverTrigger, popoverContent, popover, PopoverContent, PopoverTrigger, Popover, usePopover } from './chunk-U2UNWXBC.js';
+import { popoverTrigger, popoverContent, popover, PopoverContent, PopoverTrigger, Popover, usePopover } from './chunk-VEQ7X2PO.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { tv } from 'tailwind-variants';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 
@@ -20,7 +21,7 @@ var PopoverClose = ({
     "button",
     {
       type: "button",
-      class: popoverClose({ class: className }),
+      class: cn(popoverClose(), className),
       "data-slot": "popover-close",
       "aria-label": "Close",
       onClick: (event) => {
@@ -55,35 +56,11 @@ var PopoverDescription = ({
   class: className,
   children,
   ...rest
-}) => /* @__PURE__ */ jsx(
-  "p",
-  {
-    class: popoverDescription({ class: className }),
-    "data-slot": "popover-description",
-    ...rest,
-    children
-  }
-);
+}) => /* @__PURE__ */ jsx("p", { class: cn(popoverDescription(), className), "data-slot": "popover-description", ...rest, children });
 var popoverHeader = tv({ base: "flex flex-col gap-1.5" });
-var PopoverHeader = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    class: popoverHeader({ class: className }),
-    "data-slot": "popover-header",
-    ...rest,
-    children
-  }
-);
+var PopoverHeader = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn(popoverHeader(), className), "data-slot": "popover-header", ...rest, children });
 var popoverTitle = tv({ base: "font-medium leading-none" });
-var PopoverTitle = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
-  "h3",
-  {
-    class: popoverTitle({ class: className }),
-    "data-slot": "popover-title",
-    ...rest,
-    children
-  }
-);
+var PopoverTitle = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("h3", { class: cn(popoverTitle(), className), "data-slot": "popover-title", ...rest, children });
 
 // src/components/popover/index.ts
 var PopoverVariants = {
@@ -106,5 +83,5 @@ var popover_default = {
 };
 
 export { PopoverClose, PopoverDescription, PopoverHeader, PopoverTitle, PopoverVariants, popover_default };
-//# sourceMappingURL=chunk-OCLVMKVC.js.map
-//# sourceMappingURL=chunk-OCLVMKVC.js.map
+//# sourceMappingURL=chunk-MDXTENZ4.js.map
+//# sourceMappingURL=chunk-MDXTENZ4.js.map

package/dist/chunk-MDXTENZ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/popover/PopoverClose.tsx","../src/components/popover/PopoverDescription.tsx","../src/components/popover/PopoverHeader.tsx","../src/components/popover/PopoverTitle.tsx","../src/components/popover/index.ts"],"names":["popover","tv","jsx"],"mappings":"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","file":"chunk-MDXTENZ4.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { usePopover } from \"./Popover\";\n\nexport const popoverClose = tv({\n  base: [\n    \"absolute right-3 top-3 inline-flex size-6 items-center justify-center rounded-sm opacity-70\",\n    \"hover:opacity-100 focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:outline-none\",\n    \"disabled:pointer-events-none\",\n  ],\n});\n\nexport type PopoverCloseProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PopoverClose = ({\n  class: className,\n  children,\n  onClick,\n  ...rest\n}: PopoverCloseProps) => {\n  const popover = usePopover();\n\n  return (\n    <button\n      type=\"button\"\n      class={cn(popoverClose(), className)}\n      data-slot=\"popover-close\"\n      aria-label=\"Close\"\n      onClick={(event) => {\n        popover.setOpen(false);\n        popover.triggerRef.current?.focus();\n        onClick?.(event);\n      }}\n      {...rest}\n    >\n      {children ?? (\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\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        >\n          <path d=\"M18 6 6 18\" />\n          <path d=\"m6 6 12 12\" />\n        </svg>\n      )}\n    </button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const popoverDescription = tv({ base: \"text-muted-foreground text-sm\" });\n\nexport type PopoverDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PopoverDescription = ({\n  class: className,\n  children,\n  ...rest\n}: PopoverDescriptionProps) => (\n  <p class={cn(popoverDescription(), className)} data-slot=\"popover-description\" {...rest}>\n    {children}\n  </p>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const popoverHeader = tv({ base: \"flex flex-col gap-1.5\" });\n\nexport type PopoverHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PopoverHeader = ({ class: className, children, ...rest }: PopoverHeaderProps) => (\n  <div class={cn(popoverHeader(), className)} data-slot=\"popover-header\" {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const popoverTitle = tv({ base: \"font-medium leading-none\" });\n\nexport type PopoverTitleProps = JSX.HTMLAttributes<HTMLHeadingElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PopoverTitle = ({ class: className, children, ...rest }: PopoverTitleProps) => (\n  <h3 class={cn(popoverTitle(), className)} data-slot=\"popover-title\" {...rest}>\n    {children}\n  </h3>\n);\n","import { Popover, popover } from \"./Popover\";\nimport { PopoverClose, popoverClose } from \"./PopoverClose\";\nimport { PopoverContent, popoverContent } from \"./PopoverContent\";\nimport { PopoverDescription, popoverDescription } from \"./PopoverDescription\";\nimport { PopoverHeader, popoverHeader } from \"./PopoverHeader\";\nimport { PopoverTitle, popoverTitle } from \"./PopoverTitle\";\nimport { PopoverTrigger, popoverTrigger } from \"./PopoverTrigger\";\n\nconst PopoverVariants = {\n  popover,\n  popoverClose,\n  popoverContent,\n  popoverDescription,\n  popoverHeader,\n  popoverTitle,\n  popoverTrigger,\n};\n\nexport {\n  Popover,\n  PopoverClose,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n  PopoverVariants,\n};\n\nexport default {\n  Root: Popover,\n  Close: PopoverClose,\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Header: PopoverHeader,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n};\n"]}

package/dist/{chunk-CP55TVOV.js → chunk-MJUKNUFV.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { signal } from '@preact/signals';
 import { createContext } from 'preact';
 import { useContext, useMemo, useCallback, useRef, useLayoutEffect } from 'preact/hooks';
@@ -267,5 +267,5 @@ var CommandSeparator = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
 );
 
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, useCommand };
-//# sourceMappingURL=chunk-CP55TVOV.js.map
-//# sourceMappingURL=chunk-CP55TVOV.js.map
+//# sourceMappingURL=chunk-MJUKNUFV.js.map
+//# sourceMappingURL=chunk-MJUKNUFV.js.map