@kamod-ch/ui 1.1.0 → 1.2.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/command/Command.tsx","../src/components/command/CommandEmpty.tsx","../src/components/command/CommandGroup.tsx","../src/components/command/CommandInput.tsx","../src/components/command/CommandItem.tsx","../src/components/command/CommandList.tsx","../src/components/command/CommandSeparator.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-CP55TVOV.js","sourcesContent":["import { type Signal, signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useCallback, useContext, useMemo } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CommandContextValue = {\n  query: Signal<string>;\n  hasVisibleItems: Signal<boolean>;\n  autoHighlight: boolean;\n  highlightedIndex: Signal<number>;\n  listRef: { current: HTMLDivElement | null };\n  moveHighlight: (delta: number) => void;\n  activateHighlighted: () => void;\n};\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\n\nexport const useCommand = () => {\n  const context = useContext(CommandContext);\n  if (!context) throw new Error(\"Command subcomponents must be used within Command\");\n  return context;\n};\n\nexport type CommandProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n  /** First visible item gets `data-highlighted`; enables ArrowUp/Down + Enter in `CommandInput`. */\n  autoHighlight?: boolean;\n  /** External filter signal (e.g. combobox inline input shares query with the list). */\n  query?: Signal<string>;\n  /** External visibility signal; updated by `CommandList` when provided. */\n  hasVisibleItems?: Signal<boolean>;\n};\n\nexport const Command = ({\n  class: className,\n  children,\n  autoHighlight = false,\n  query: queryProp,\n  hasVisibleItems: hasVisibleProp,\n  ...rest\n}: CommandProps) => {\n  const internalQuery = useMemo(() => signal(\"\"), []);\n  const query = queryProp ?? internalQuery;\n  const internalHas = useMemo(() => signal(true), []);\n  const hasVisibleItems = hasVisibleProp ?? internalHas;\n  const highlightedIndex = useMemo(() => signal(-1), []);\n  const listRef = useMemo(() => ({ current: null as HTMLDivElement | null }), []);\n\n  const moveHighlight = useCallback(\n    (delta: number) => {\n      const root = listRef.current;\n      if (!root || !autoHighlight) return;\n      const nodes = [\n        ...root.querySelectorAll<HTMLElement>('[data-slot=\"command-item\"][data-match=\"true\"]'),\n      ];\n      if (nodes.length === 0) return;\n      let idx = highlightedIndex.value;\n      if (idx < 0) idx = delta > 0 ? 0 : nodes.length - 1;\n      else idx = (idx + delta + nodes.length) % nodes.length;\n      highlightedIndex.value = idx;\n    },\n    [autoHighlight, highlightedIndex, listRef],\n  );\n\n  const activateHighlighted = useCallback(() => {\n    if (!autoHighlight) return;\n    const root = listRef.current;\n    if (!root) return;\n    const nodes = [\n      ...root.querySelectorAll<HTMLElement>('[data-slot=\"command-item\"][data-match=\"true\"]'),\n    ];\n    if (nodes.length === 0) return;\n    let idx = highlightedIndex.value;\n    if (idx < 0 || idx >= nodes.length) idx = 0;\n    nodes[idx]?.click();\n  }, [autoHighlight, highlightedIndex, listRef]);\n\n  const contextValue = useMemo<CommandContextValue>(\n    () => ({\n      query,\n      hasVisibleItems,\n      autoHighlight,\n      highlightedIndex,\n      listRef,\n      moveHighlight,\n      activateHighlighted,\n    }),\n    [\n      query,\n      hasVisibleItems,\n      autoHighlight,\n      highlightedIndex,\n      listRef,\n      moveHighlight,\n      activateHighlighted,\n    ],\n  );\n\n  return (\n    <CommandContext.Provider value={contextValue}>\n      <div\n        data-slot=\"command\"\n        class={cn(\"w-full rounded-md border bg-popover text-popover-foreground\", className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandEmptyProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const CommandEmpty = ({ children, class: className, ...rest }: CommandEmptyProps) => {\n  const { query, hasVisibleItems } = useCommand();\n  void hasVisibleItems.value;\n\n  if (!(query.value ?? \"\").trim()) return null;\n  if (hasVisibleItems.value) return null;\n\n  return (\n    <div\n      data-slot=\"command-empty\"\n      class={cn(\"p-2 text-sm text-muted-foreground\", className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CommandGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  heading?: string;\n  children?: ComponentChildren;\n};\n\nexport const CommandGroup = ({\n  heading,\n  class: className,\n  children,\n  ...rest\n}: CommandGroupProps) => (\n  <div\n    data-slot=\"command-group\"\n    role=\"presentation\"\n    class={cn(\"text-foreground overflow-hidden p-1\", className)}\n    {...rest}\n  >\n    {heading ? (\n      <div\n        class=\"text-muted-foreground px-2 py-1.5 text-xs font-medium\"\n        data-slot=\"command-group-heading\"\n      >\n        {heading}\n      </div>\n    ) : null}\n    <div class=\"space-y-0.5\" role=\"group\">\n      {children}\n    </div>\n  </div>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandInputProps = JSX.InputHTMLAttributes<HTMLInputElement>;\n\nexport const CommandInput = ({\n  class: className,\n  onInput,\n  onKeyDown,\n  ...rest\n}: CommandInputProps) => {\n  const { query, autoHighlight, moveHighlight, activateHighlighted } = useCommand();\n  void query.value;\n  return (\n    <input\n      data-slot=\"command-input\"\n      class={cn(\"h-10 w-full border-b bg-transparent px-3 text-sm outline-none\", className)}\n      value={query.value}\n      onInput={(event) => {\n        query.value = event.currentTarget.value;\n        onInput?.(event);\n      }}\n      onKeyDown={(event) => {\n        if (autoHighlight) {\n          if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            moveHighlight(1);\n            return;\n          }\n          if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            moveHighlight(-1);\n            return;\n          }\n          if (event.key === \"Enter\") {\n            event.preventDefault();\n            activateHighlighted();\n            return;\n          }\n        }\n        onKeyDown?.(event);\n      }}\n      {...rest}\n    />\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  /** Used for case-insensitive filtering against the query. */\n  value: string;\n  children?: ComponentChildren;\n  onSelect?: (value: string) => void;\n};\n\nexport const CommandItem = ({\n  class: className,\n  value,\n  children,\n  disabled,\n  onClick,\n  onSelect,\n  ...rest\n}: CommandItemProps) => {\n  const { query } = useCommand();\n  const q = (query.value ?? \"\").trim().toLowerCase();\n  const textMatch = !q || value.toLowerCase().includes(q);\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"command-item\"\n      data-match={textMatch ? \"true\" : \"false\"}\n      disabled={disabled}\n      class={cn(\n        \"flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-start text-sm outline-none\",\n        \"hover:bg-accent hover:text-accent-foreground\",\n        \"focus:bg-accent focus:text-accent-foreground\",\n        \"data-[highlighted=true]:bg-accent data-[highlighted=true]: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-4\",\n        !textMatch && \"hidden\",\n        className,\n      )}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.defaultPrevented) return;\n        onSelect?.(value);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useLayoutEffect, useRef } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandListProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n  /** Notified when the list root mounts (e.g. combobox inline input forwards keyboard to the list). */\n  onMount?: (el: HTMLDivElement | null) => void;\n};\n\nexport const CommandList = ({ class: className, children, onMount, ...rest }: CommandListProps) => {\n  const { query, hasVisibleItems, autoHighlight, highlightedIndex, listRef } = useCommand();\n  const prevQueryRef = useRef<string | null>(null);\n\n  void query.value;\n  void highlightedIndex.value;\n\n  useLayoutEffect(() => {\n    const root = listRef.current;\n    if (!root) return;\n\n    const nodes = [\n      ...root.querySelectorAll<HTMLElement>('[data-slot=\"command-item\"][data-match=\"true\"]'),\n    ];\n    hasVisibleItems.value = nodes.length > 0;\n\n    if (!autoHighlight) {\n      root\n        .querySelectorAll('[data-slot=\"command-item\"]')\n        .forEach((el) => el.removeAttribute(\"data-highlighted\"));\n      prevQueryRef.current = query.value;\n      return;\n    }\n\n    const queryBumped = prevQueryRef.current !== query.value;\n    prevQueryRef.current = query.value;\n\n    let idx = highlightedIndex.value;\n    if (queryBumped) {\n      idx = nodes.length > 0 ? 0 : -1;\n      highlightedIndex.value = idx;\n    } else {\n      if (nodes.length === 0) {\n        highlightedIndex.value = -1;\n        idx = -1;\n      } else if (idx >= nodes.length) {\n        idx = nodes.length - 1;\n        highlightedIndex.value = idx;\n      } else if (idx < 0) {\n        idx = 0;\n        highlightedIndex.value = idx;\n      }\n    }\n\n    root\n      .querySelectorAll('[data-slot=\"command-item\"]')\n      .forEach((el) => el.removeAttribute(\"data-highlighted\"));\n    if (idx >= 0 && nodes[idx]) {\n      nodes[idx].setAttribute(\"data-highlighted\", \"true\");\n      nodes[idx].scrollIntoView({ block: \"nearest\" });\n    }\n  }, [query.value, highlightedIndex.value, autoHighlight]);\n\n  return (\n    <div\n      ref={(node) => {\n        listRef.current = node;\n        onMount?.(node);\n      }}\n      data-slot=\"command-list\"\n      class={cn(\"max-h-72 overflow-y-auto overflow-x-hidden p-1\", className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CommandSeparatorProps = JSX.HTMLAttributes<HTMLHRElement>;\n\nexport const CommandSeparator = ({ class: className, ...rest }: CommandSeparatorProps) => (\n  <hr\n    data-slot=\"command-separator\"\n    class={cn(\"bg-border -mx-1 my-1 h-px border-0\", className)}\n    {...rest}\n  />\n);\n"]}
+{"version":3,"sources":["../src/components/command/Command.tsx","../src/components/command/CommandEmpty.tsx","../src/components/command/CommandGroup.tsx","../src/components/command/CommandInput.tsx","../src/components/command/CommandItem.tsx","../src/components/command/CommandList.tsx","../src/components/command/CommandSeparator.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-MJUKNUFV.js","sourcesContent":["import { type Signal, signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useCallback, useContext, useMemo } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CommandContextValue = {\n  query: Signal<string>;\n  hasVisibleItems: Signal<boolean>;\n  autoHighlight: boolean;\n  highlightedIndex: Signal<number>;\n  listRef: { current: HTMLDivElement | null };\n  moveHighlight: (delta: number) => void;\n  activateHighlighted: () => void;\n};\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\n\nexport const useCommand = () => {\n  const context = useContext(CommandContext);\n  if (!context) throw new Error(\"Command subcomponents must be used within Command\");\n  return context;\n};\n\nexport type CommandProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n  /** First visible item gets `data-highlighted`; enables ArrowUp/Down + Enter in `CommandInput`. */\n  autoHighlight?: boolean;\n  /** External filter signal (e.g. combobox inline input shares query with the list). */\n  query?: Signal<string>;\n  /** External visibility signal; updated by `CommandList` when provided. */\n  hasVisibleItems?: Signal<boolean>;\n};\n\nexport const Command = ({\n  class: className,\n  children,\n  autoHighlight = false,\n  query: queryProp,\n  hasVisibleItems: hasVisibleProp,\n  ...rest\n}: CommandProps) => {\n  const internalQuery = useMemo(() => signal(\"\"), []);\n  const query = queryProp ?? internalQuery;\n  const internalHas = useMemo(() => signal(true), []);\n  const hasVisibleItems = hasVisibleProp ?? internalHas;\n  const highlightedIndex = useMemo(() => signal(-1), []);\n  const listRef = useMemo(() => ({ current: null as HTMLDivElement | null }), []);\n\n  const moveHighlight = useCallback(\n    (delta: number) => {\n      const root = listRef.current;\n      if (!root || !autoHighlight) return;\n      const nodes = [\n        ...root.querySelectorAll<HTMLElement>('[data-slot=\"command-item\"][data-match=\"true\"]'),\n      ];\n      if (nodes.length === 0) return;\n      let idx = highlightedIndex.value;\n      if (idx < 0) idx = delta > 0 ? 0 : nodes.length - 1;\n      else idx = (idx + delta + nodes.length) % nodes.length;\n      highlightedIndex.value = idx;\n    },\n    [autoHighlight, highlightedIndex, listRef],\n  );\n\n  const activateHighlighted = useCallback(() => {\n    if (!autoHighlight) return;\n    const root = listRef.current;\n    if (!root) return;\n    const nodes = [\n      ...root.querySelectorAll<HTMLElement>('[data-slot=\"command-item\"][data-match=\"true\"]'),\n    ];\n    if (nodes.length === 0) return;\n    let idx = highlightedIndex.value;\n    if (idx < 0 || idx >= nodes.length) idx = 0;\n    nodes[idx]?.click();\n  }, [autoHighlight, highlightedIndex, listRef]);\n\n  const contextValue = useMemo<CommandContextValue>(\n    () => ({\n      query,\n      hasVisibleItems,\n      autoHighlight,\n      highlightedIndex,\n      listRef,\n      moveHighlight,\n      activateHighlighted,\n    }),\n    [\n      query,\n      hasVisibleItems,\n      autoHighlight,\n      highlightedIndex,\n      listRef,\n      moveHighlight,\n      activateHighlighted,\n    ],\n  );\n\n  return (\n    <CommandContext.Provider value={contextValue}>\n      <div\n        data-slot=\"command\"\n        class={cn(\"w-full rounded-md border bg-popover text-popover-foreground\", className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandEmptyProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const CommandEmpty = ({ children, class: className, ...rest }: CommandEmptyProps) => {\n  const { query, hasVisibleItems } = useCommand();\n  void hasVisibleItems.value;\n\n  if (!(query.value ?? \"\").trim()) return null;\n  if (hasVisibleItems.value) return null;\n\n  return (\n    <div\n      data-slot=\"command-empty\"\n      class={cn(\"p-2 text-sm text-muted-foreground\", className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CommandGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  heading?: string;\n  children?: ComponentChildren;\n};\n\nexport const CommandGroup = ({\n  heading,\n  class: className,\n  children,\n  ...rest\n}: CommandGroupProps) => (\n  <div\n    data-slot=\"command-group\"\n    role=\"presentation\"\n    class={cn(\"text-foreground overflow-hidden p-1\", className)}\n    {...rest}\n  >\n    {heading ? (\n      <div\n        class=\"text-muted-foreground px-2 py-1.5 text-xs font-medium\"\n        data-slot=\"command-group-heading\"\n      >\n        {heading}\n      </div>\n    ) : null}\n    <div class=\"space-y-0.5\" role=\"group\">\n      {children}\n    </div>\n  </div>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandInputProps = JSX.InputHTMLAttributes<HTMLInputElement>;\n\nexport const CommandInput = ({\n  class: className,\n  onInput,\n  onKeyDown,\n  ...rest\n}: CommandInputProps) => {\n  const { query, autoHighlight, moveHighlight, activateHighlighted } = useCommand();\n  void query.value;\n  return (\n    <input\n      data-slot=\"command-input\"\n      class={cn(\"h-10 w-full border-b bg-transparent px-3 text-sm outline-none\", className)}\n      value={query.value}\n      onInput={(event) => {\n        query.value = event.currentTarget.value;\n        onInput?.(event);\n      }}\n      onKeyDown={(event) => {\n        if (autoHighlight) {\n          if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            moveHighlight(1);\n            return;\n          }\n          if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            moveHighlight(-1);\n            return;\n          }\n          if (event.key === \"Enter\") {\n            event.preventDefault();\n            activateHighlighted();\n            return;\n          }\n        }\n        onKeyDown?.(event);\n      }}\n      {...rest}\n    />\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  /** Used for case-insensitive filtering against the query. */\n  value: string;\n  children?: ComponentChildren;\n  onSelect?: (value: string) => void;\n};\n\nexport const CommandItem = ({\n  class: className,\n  value,\n  children,\n  disabled,\n  onClick,\n  onSelect,\n  ...rest\n}: CommandItemProps) => {\n  const { query } = useCommand();\n  const q = (query.value ?? \"\").trim().toLowerCase();\n  const textMatch = !q || value.toLowerCase().includes(q);\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"command-item\"\n      data-match={textMatch ? \"true\" : \"false\"}\n      disabled={disabled}\n      class={cn(\n        \"flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-start text-sm outline-none\",\n        \"hover:bg-accent hover:text-accent-foreground\",\n        \"focus:bg-accent focus:text-accent-foreground\",\n        \"data-[highlighted=true]:bg-accent data-[highlighted=true]: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-4\",\n        !textMatch && \"hidden\",\n        className,\n      )}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.defaultPrevented) return;\n        onSelect?.(value);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useLayoutEffect, useRef } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandListProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n  /** Notified when the list root mounts (e.g. combobox inline input forwards keyboard to the list). */\n  onMount?: (el: HTMLDivElement | null) => void;\n};\n\nexport const CommandList = ({ class: className, children, onMount, ...rest }: CommandListProps) => {\n  const { query, hasVisibleItems, autoHighlight, highlightedIndex, listRef } = useCommand();\n  const prevQueryRef = useRef<string | null>(null);\n\n  void query.value;\n  void highlightedIndex.value;\n\n  useLayoutEffect(() => {\n    const root = listRef.current;\n    if (!root) return;\n\n    const nodes = [\n      ...root.querySelectorAll<HTMLElement>('[data-slot=\"command-item\"][data-match=\"true\"]'),\n    ];\n    hasVisibleItems.value = nodes.length > 0;\n\n    if (!autoHighlight) {\n      root\n        .querySelectorAll('[data-slot=\"command-item\"]')\n        .forEach((el) => el.removeAttribute(\"data-highlighted\"));\n      prevQueryRef.current = query.value;\n      return;\n    }\n\n    const queryBumped = prevQueryRef.current !== query.value;\n    prevQueryRef.current = query.value;\n\n    let idx = highlightedIndex.value;\n    if (queryBumped) {\n      idx = nodes.length > 0 ? 0 : -1;\n      highlightedIndex.value = idx;\n    } else {\n      if (nodes.length === 0) {\n        highlightedIndex.value = -1;\n        idx = -1;\n      } else if (idx >= nodes.length) {\n        idx = nodes.length - 1;\n        highlightedIndex.value = idx;\n      } else if (idx < 0) {\n        idx = 0;\n        highlightedIndex.value = idx;\n      }\n    }\n\n    root\n      .querySelectorAll('[data-slot=\"command-item\"]')\n      .forEach((el) => el.removeAttribute(\"data-highlighted\"));\n    if (idx >= 0 && nodes[idx]) {\n      nodes[idx].setAttribute(\"data-highlighted\", \"true\");\n      nodes[idx].scrollIntoView({ block: \"nearest\" });\n    }\n  }, [query.value, highlightedIndex.value, autoHighlight]);\n\n  return (\n    <div\n      ref={(node) => {\n        listRef.current = node;\n        onMount?.(node);\n      }}\n      data-slot=\"command-list\"\n      class={cn(\"max-h-72 overflow-y-auto overflow-x-hidden p-1\", className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CommandSeparatorProps = JSX.HTMLAttributes<HTMLHRElement>;\n\nexport const CommandSeparator = ({ class: className, ...rest }: CommandSeparatorProps) => (\n  <hr\n    data-slot=\"command-separator\"\n    class={cn(\"bg-border -mx-1 my-1 h-px border-0\", className)}\n    {...rest}\n  />\n);\n"]}

package/dist/{chunk-GGTDJEE2.js → chunk-MTNLY7AY.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { jsxs, jsx } from 'preact/jsx-runtime';
 
 var Chart = ({ class: className, title, description, children, ...rest }) => /* @__PURE__ */ jsxs("div", { "data-slot": "chart", class: cn("rounded-md border p-4", className), ...rest, children: [
@@ -11,5 +11,5 @@ var Chart = ({ class: className, title, description, children, ...rest }) => /*
 var chart_default = Chart;
 
 export { Chart, chart_default };
-//# sourceMappingURL=chunk-GGTDJEE2.js.map
-//# sourceMappingURL=chunk-GGTDJEE2.js.map
+//# sourceMappingURL=chunk-MTNLY7AY.js.map
+//# sourceMappingURL=chunk-MTNLY7AY.js.map

package/dist/{chunk-GGTDJEE2.js.map → chunk-MTNLY7AY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/chart/Chart.tsx","../src/components/chart/index.ts"],"names":[],"mappings":";;;AASO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,WAAW,KAAA,EAAO,WAAA,EAAa,UAAU,GAAG,IAAA,uBACzE,IAAA,CAAC,KAAA,EAAA,EAAI,aAAU,OAAA,EAAQ,KAAA,EAAO,GAAG,uBAAA,EAAyB,SAAS,CAAA,EAAI,GAAG,IAAA,EACvE,QAAA,EAAA;AAAA,EAAA,KAAA,mBAAQ,GAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAM,qBAAA,EAAuB,iBAAM,CAAA,GAAQ,IAAA;AAAA,EACvD,8BAAc,GAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAM,oCAAA,EAAsC,uBAAY,CAAA,GAAO,IAAA;AAAA,kBACjF,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,MAAA,EAAQ,QAAA,EAAS;AAAA,CAAA,EAC9B;;;ACVF,IAAO,aAAA,GAAQ","file":"chunk-GGTDJEE2.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ChartProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  title?: string;\n  description?: string;\n  children?: ComponentChildren;\n};\n\nexport const Chart = ({ class: className, title, description, children, ...rest }: ChartProps) => (\n  <div data-slot=\"chart\" class={cn(\"rounded-md border p-4\", className)} {...rest}>\n    {title ? <h3 class=\"text-sm font-medium\">{title}</h3> : null}\n    {description ? <p class=\"mt-1 text-xs text-muted-foreground\">{description}</p> : null}\n    <div class=\"mt-3\">{children}</div>\n  </div>\n);\n","import { Chart } from \"./Chart\";\n\nexport { Chart };\n\nexport default Chart;\n"]}
+{"version":3,"sources":["../src/components/chart/Chart.tsx","../src/components/chart/index.ts"],"names":[],"mappings":";;;AASO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,WAAW,KAAA,EAAO,WAAA,EAAa,UAAU,GAAG,IAAA,uBACzE,IAAA,CAAC,KAAA,EAAA,EAAI,aAAU,OAAA,EAAQ,KAAA,EAAO,GAAG,uBAAA,EAAyB,SAAS,CAAA,EAAI,GAAG,IAAA,EACvE,QAAA,EAAA;AAAA,EAAA,KAAA,mBAAQ,GAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAM,qBAAA,EAAuB,iBAAM,CAAA,GAAQ,IAAA;AAAA,EACvD,8BAAc,GAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAM,oCAAA,EAAsC,uBAAY,CAAA,GAAO,IAAA;AAAA,kBACjF,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,MAAA,EAAQ,QAAA,EAAS;AAAA,CAAA,EAC9B;;;ACVF,IAAO,aAAA,GAAQ","file":"chunk-MTNLY7AY.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ChartProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  title?: string;\n  description?: string;\n  children?: ComponentChildren;\n};\n\nexport const Chart = ({ class: className, title, description, children, ...rest }: ChartProps) => (\n  <div data-slot=\"chart\" class={cn(\"rounded-md border p-4\", className)} {...rest}>\n    {title ? <h3 class=\"text-sm font-medium\">{title}</h3> : null}\n    {description ? <p class=\"mt-1 text-xs text-muted-foreground\">{description}</p> : null}\n    <div class=\"mt-3\">{children}</div>\n  </div>\n);\n","import { Chart } from \"./Chart\";\n\nexport { Chart };\n\nexport default Chart;\n"]}

package/dist/{chunk-67J4KBOW.js → chunk-NBIBBLP6.js}

@@ -1,7 +1,7 @@
+import { cn } from './chunk-XIANSPQO.js';
 import { tv } from 'tailwind-variants';
 import { jsx } from 'preact/jsx-runtime';
 
-// src/components/card/Card.tsx
 var card = tv({
   base: [
     "bg-card text-card-foreground group/card ring-border flex min-w-0 flex-col rounded-xl ring-1",
@@ -21,7 +21,7 @@ var card = tv({
 var Card = ({ class: className, size, children, ...rest }) => /* @__PURE__ */ jsx(
   "div",
   {
-    class: card({ size, class: className }),
+    class: cn(card({ size }), className),
     "data-slot": "card",
     "data-size": size ?? "default",
     ...rest,
@@ -31,47 +31,19 @@ var Card = ({ class: className, size, children, ...rest }) => /* @__PURE__ */ js
 var cardAction = tv({
   base: "col-start-2 row-span-2 row-start-1 shrink-0 self-start justify-self-end"
 });
-var CardAction = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    class: cardAction({ class: className }),
-    "data-slot": "card-action",
-    ...rest
-  }
-);
+var CardAction = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn(cardAction(), className), "data-slot": "card-action", ...rest });
 var cardContent = tv({
   base: "px-6 group-data-[size=sm]/card:px-4"
 });
-var CardContent = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    class: cardContent({ class: className }),
-    "data-slot": "card-content",
-    ...rest
-  }
-);
+var CardContent = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn(cardContent(), className), "data-slot": "card-content", ...rest });
 var cardDescription = tv({
   base: "min-w-0 break-words text-muted-foreground text-sm group-data-[size=sm]/card:text-xs"
 });
-var CardDescription = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    class: cardDescription({ class: className }),
-    "data-slot": "card-description",
-    ...rest
-  }
-);
+var CardDescription = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn(cardDescription(), className), "data-slot": "card-description", ...rest });
 var cardFooter = tv({
   base: "bg-muted/50 flex items-center rounded-b-xl border-t p-6 group-data-[size=sm]/card:p-4"
 });
-var CardFooter = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    class: cardFooter({ class: className }),
-    "data-slot": "card-footer",
-    ...rest
-  }
-);
+var CardFooter = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn(cardFooter(), className), "data-slot": "card-footer", ...rest });
 var cardHeader = tv({
   base: [
     "@container/card-header grid w-full min-w-0 auto-rows-min items-start gap-1.5 px-6 group-data-[size=sm]/card:px-4",
@@ -79,25 +51,11 @@ var cardHeader = tv({
     "has-data-[slot=card-action]:grid-cols-[minmax(0,1fr)_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]"
   ]
 });
-var CardHeader = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    class: cardHeader({ class: className }),
-    "data-slot": "card-header",
-    ...rest
-  }
-);
+var CardHeader = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn(cardHeader(), className), "data-slot": "card-header", ...rest });
 var cardTitle = tv({
   base: "font-heading min-w-0 break-words text-xl leading-snug font-semibold group-data-[size=sm]/card:text-base"
 });
-var CardTitle = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    class: cardTitle({ class: className }),
-    "data-slot": "card-title",
-    ...rest
-  }
-);
+var CardTitle = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { class: cn(cardTitle(), className), "data-slot": "card-title", ...rest });
 
 // src/components/card/index.ts
 var CardVariants = {
@@ -120,5 +78,5 @@ var card_default = {
 };
 
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardVariants, card_default };
-//# sourceMappingURL=chunk-67J4KBOW.js.map
-//# sourceMappingURL=chunk-67J4KBOW.js.map
+//# sourceMappingURL=chunk-NBIBBLP6.js.map
+//# sourceMappingURL=chunk-NBIBBLP6.js.map

package/dist/chunk-NBIBBLP6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/card/Card.tsx","../src/components/card/CardAction.tsx","../src/components/card/CardContent.tsx","../src/components/card/CardDescription.tsx","../src/components/card/CardFooter.tsx","../src/components/card/CardHeader.tsx","../src/components/card/CardTitle.tsx","../src/components/card/index.ts"],"names":["tv","jsx"],"mappings":"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","file":"chunk-NBIBBLP6.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const card = tv({\n  base: [\n    \"bg-card text-card-foreground group/card ring-border flex min-w-0 flex-col rounded-xl ring-1\",\n    \"has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0\",\n    \"*:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\",\n  ],\n  variants: {\n    size: {\n      default: \"gap-6 py-6\",\n      sm: \"gap-4 py-4 text-sm\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n});\n\nexport type CardProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof card> & {\n    children?: ComponentChildren;\n  };\n\nexport const Card = ({ class: className, size, children, ...rest }: CardProps) => (\n  <div\n    class={cn(card({ size }), className)}\n    data-slot=\"card\"\n    data-size={size ?? \"default\"}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const cardAction = tv({\n  base: \"col-start-2 row-span-2 row-start-1 shrink-0 self-start justify-self-end\",\n});\n\nexport type CardActionProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardAction = ({ class: className, ...rest }: CardActionProps) => (\n  <div class={cn(cardAction(), className)} data-slot=\"card-action\" {...rest} />\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const cardContent = tv({\n  base: \"px-6 group-data-[size=sm]/card:px-4\",\n});\n\nexport type CardContentProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = ({ class: className, ...rest }: CardContentProps) => (\n  <div class={cn(cardContent(), className)} data-slot=\"card-content\" {...rest} />\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const cardDescription = tv({\n  base: \"min-w-0 break-words text-muted-foreground text-sm group-data-[size=sm]/card:text-xs\",\n});\n\nexport type CardDescriptionProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardDescription = ({ class: className, ...rest }: CardDescriptionProps) => (\n  <div class={cn(cardDescription(), className)} data-slot=\"card-description\" {...rest} />\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const cardFooter = tv({\n  base: \"bg-muted/50 flex items-center rounded-b-xl border-t p-6 group-data-[size=sm]/card:p-4\",\n});\n\nexport type CardFooterProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = ({ class: className, ...rest }: CardFooterProps) => (\n  <div class={cn(cardFooter(), className)} data-slot=\"card-footer\" {...rest} />\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const cardHeader = tv({\n  base: [\n    \"@container/card-header grid w-full min-w-0 auto-rows-min items-start gap-1.5 px-6 group-data-[size=sm]/card:px-4\",\n    // minmax(0,1fr) + min-w-0 on title/description keeps CardAction in the second column inside the card (flex preview children)\n    \"has-data-[slot=card-action]:grid-cols-[minmax(0,1fr)_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]\",\n  ],\n});\n\nexport type CardHeaderProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = ({ class: className, ...rest }: CardHeaderProps) => (\n  <div class={cn(cardHeader(), className)} data-slot=\"card-header\" {...rest} />\n);\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const cardTitle = tv({\n  base: \"font-heading min-w-0 break-words text-xl leading-snug font-semibold group-data-[size=sm]/card:text-base\",\n});\n\nexport type CardTitleProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardTitle = ({ class: className, ...rest }: CardTitleProps) => (\n  <div class={cn(cardTitle(), className)} data-slot=\"card-title\" {...rest} />\n);\n","import { Card, card } from \"./Card\";\nimport { CardAction, cardAction } from \"./CardAction\";\nimport { CardContent, cardContent } from \"./CardContent\";\nimport { CardDescription, cardDescription } from \"./CardDescription\";\nimport { CardFooter, cardFooter } from \"./CardFooter\";\nimport { CardHeader, cardHeader } from \"./CardHeader\";\nimport { CardTitle, cardTitle } from \"./CardTitle\";\n\nconst CardVariants = {\n  card,\n  cardAction,\n  cardContent,\n  cardDescription,\n  cardFooter,\n  cardHeader,\n  cardTitle,\n};\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n  CardVariants,\n};\n\nexport default {\n  Root: Card,\n  Header: CardHeader,\n  Footer: CardFooter,\n  Title: CardTitle,\n  Description: CardDescription,\n  Content: CardContent,\n  Action: CardAction,\n};\n"]}

package/dist/chunk-NBP4J2QF.js

@@ -0,0 +1,200 @@
+import { useHeightDisclosureContent } from './chunk-ISISDJ3Z.js';
+import { cn } from './chunk-XIANSPQO.js';
+import { signal } from '@preact/signals';
+import { createContext } from 'preact';
+import { useMemo, 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 {
+    allowRender,
+    isAnimatingClose,
+    isAnimatingOpen,
+    outerRef,
+    innerRef,
+    handleTransitionEnd
+  } = useHeightDisclosureContent({
+    open: isOpen,
+    forceMount,
+    duration,
+    timingFunction,
+    largeContentThreshold
+  });
+  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, useAccordionItem };
+//# sourceMappingURL=chunk-NBP4J2QF.js.map
+//# sourceMappingURL=chunk-NBP4J2QF.js.map

package/dist/chunk-NBP4J2QF.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"],"mappings":";;;;;;;AAaA,IAAM,gBAAA,GAAmB,cAA4C,IAAI,CAAA;AAElE,IAAM,eAAe,MAAM;AAChC,EAAA,MAAM,OAAA,GAAU,WAAW,gBAAgB,CAAA;AAC3C,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,uDAAuD,CAAA;AACrF,EAAA,OAAO,OAAA;AACT,CAAA;AAUO,IAAM,YAAY,CAAC;AAAA,EACxB,IAAA,GAAO,QAAA;AAAA,EACP,WAAA,GAAc,IAAA;AAAA,EACd,YAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAsB;AACpB,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM;AAC/B,IAAA,MAAM,aAAa,IAAI,GAAA;AAAA,MACrB,YAAA,GAAgB,MAAM,OAAA,CAAQ,YAAY,IAAI,YAAA,GAAe,CAAC,YAAY,CAAA,GAAK;AAAC,KAClF;AACA,IAAA,OAAO,OAAO,UAAU,CAAA;AAAA,EAC1B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,OAAA,GAAiC;AAAA,IACrC,IAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA,EAAa,CAAC,KAAA,KAAU;AACtB,MAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,UAAA,CAAW,KAAK,CAAA;AACrC,MAAA,MAAM,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA;AAE7B,MAAA,IAAI,SAAS,QAAA,EAAU;AACrB,QAAA,IAAI,MAAA,IAAU,CAAC,WAAA,EAAa;AAC1B,UAAA;AAAA,QACF;AACA,QAAA,IAAA,CAAK,KAAA,EAAM;AACX,QAAA,IAAI,CAAC,MAAA,EAAQ,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA;AAAA,MAC7B,WAAW,MAAA,EAAQ;AACjB,QAAA,IAAA,CAAK,OAAO,KAAK,CAAA;AAAA,MACnB,CAAA,MAAO;AACL,QAAA,IAAA,CAAK,IAAI,KAAK,CAAA;AAAA,MAChB;AAEA,MAAA,UAAA,CAAW,KAAA,GAAQ,IAAA;AAAA,IACrB;AAAA,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,OAAA,EAChC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,WAAA,EAAa,GAAG,IAAA,EAC5B,UACH,CAAA,EACF,CAAA;AAEJ;AC9DA,IAAM,oBAAA,GAAuBA,cAAgD,IAAI,CAAA;AAE1E,IAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,OAAA,GAAUC,WAAW,oBAAoB,CAAA;AAC/C,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,gEAAgE,CAAA;AAC9F,EAAA,OAAO,OAAA;AACT;AAQO,IAAM,gBAAgB,CAAC;AAAA,EAC5B,KAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA0B;AACxB,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,YAAA,EAAa;AACpC,EAAA,MAAM,MAAA,GAAS,UAAA,CAAW,KAAA,CAAM,GAAA,CAAI,KAAK,CAAA;AAEzC,EAAA,uBACEC,GAAAA,CAAC,oBAAA,CAAqB,QAAA,EAArB,EAA8B,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAA,EAAS,EAC9D,QAAA,kBAAAA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,YAAA,EAAY,SAAS,MAAA,GAAS,QAAA;AAAA,MAC9B,eAAA,EAAe,WAAW,EAAA,GAAK,MAAA;AAAA,MAC9B,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AC9BO,IAAM,mBAAmB,CAAC;AAAA,EAC/B,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,OAAA;AAAA,EACX,cAAA,GAAiB,gCAAA;AAAA,EACjB,qBAAA,GAAwB,GAAA;AAAA,EACxB,QAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA6B;AAC3B,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,gBAAA,EAAiB;AACpC,EAAA,MAAM;AAAA,IACJ,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,0BAAA,CAA2B;AAAA,IAC7B,IAAA,EAAM,MAAA;AAAA,IACN,UAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AAEzB,EAAA,MAAM,WAAA,GAAiC;AAAA,IACrC,GAAI,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAClE,KAAA,GACD,EAAC;AAAA,IACL,CAAC,8BAAwC,GAAG,QAAA;AAAA,IAC5C,CAAC,qCAA+C,GAAG;AAAA,GACrD;AAEA,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,YAAA,EAAY,SAAS,MAAA,GAAS,QAAA;AAAA,MAC9B,eAAA,EAAiB,mBAAA;AAAA,MACjB,KAAA,EAAO,WAAA;AAAA,MACP,KAAA,EAAO,EAAA;AAAA,QACL,yBAAA;AAAA,QAAA,CACC,mBAAmB,gBAAA,KAAqB;AAAA,OAC3C;AAAA,MACA,aAAA,EAAa,CAAC,MAAA,IAAU,CAAC,gBAAA;AAAA,MACzB,KAAA,EAAO,CAAC,MAAA,IAAU,MAAA;AAAA,MACjB,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAAA,GAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,QAAA;AAAA,UACL,WAAA,EAAU,yBAAA;AAAA,UACV,KAAA,EAAO,EAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA;AAAA,UAErC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;ACjEA,IAAM,mBAAmB,sBACvBA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAQ,WAAA,EAAY,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,MAAK,IAAA,EAAK,MAAA,EAAO,eAAY,MAAA,EAAO,SAAA,EAAU,SACvF,QAAA,kBAAAA,GAAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,CAAA,EAAE,cAAA;AAAA,IACF,MAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAY,KAAA;AAAA,IACZ,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe;AAAA;AACjB,CAAA,EACF,CAAA;AAGK,IAAM,mBAAmB,CAAC;AAAA,EAC/B,aAAA,GAAgB,KAAA;AAAA,EAChB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA6B;AAC3B,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,YAAA,EAAa;AACrC,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAA,KAAa,gBAAA,EAAiB;AAErD,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,eAAA,EAAe,MAAA;AAAA,MACf,QAAA;AAAA,MACA,YAAA,EAAY,SAAS,MAAA,GAAS,QAAA;AAAA,MAC9B,KAAA,EAAO,EAAA;AAAA,QACL,wPAAA;AAAA,QACA,CAAC,MAAA,IAAU,mBAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,QAAA,IAAI,QAAA,EAAU;AACd,QAAA,WAAA,CAAY,KAAK,CAAA;AACjB,QAAA,OAAA,GAAU,KAAK,CAAA;AAAA,MACjB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAA,IAAC,MAAA,EAAA,EAAK,WAAA,EAAU,yBAAA,EAA0B,KAAA,EAAM,6BAC7C,QAAA,EACH,CAAA;AAAA,QACC,CAAC,gCACAA,GAAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,6BAAA;AAAA,YACV,YAAA,EAAY,SAAS,MAAA,GAAS,QAAA;AAAA,YAC9B,KAAA,EAAO,EAAA;AAAA,cACL,kEAAA;AAAA,cACA,MAAA,IAAU;AAAA,aACZ;AAAA,YAEC,QAAA,EAAA,SAAA,oBAAaA,GAAAA,CAAC,gBAAA,EAAA,EAAiB;AAAA;AAAA,SAClC,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;;;AC/DA,IAAO,iBAAA,GAAQ;AAAA,EACb,IAAA,EAAM,SAAA;AAAA,EACN,IAAA,EAAM,aAAA;AAAA,EACN,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS;AACX","file":"chunk-NBP4J2QF.js","sourcesContent":["import { type Signal, signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext, useMemo } from \"preact/hooks\";\n\ntype AccordionType = \"single\" | \"multiple\";\n\ntype AccordionContextValue = {\n  type: AccordionType;\n  openValues: Signal<Set<string>>;\n  toggleValue: (value: string) => void;\n};\n\nconst AccordionContext = createContext<AccordionContextValue | null>(null);\n\nexport const useAccordion = () => {\n  const context = useContext(AccordionContext);\n  if (!context) throw new Error(\"Accordion subcomponents must be used within Accordion\");\n  return context;\n};\n\nexport type AccordionProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  type?: AccordionType;\n  /** When `type=\"single\"`, `false` keeps one panel always open (clicking the open trigger does not close it). Default `true` matches common shadcn examples. */\n  collapsible?: boolean;\n  defaultValue?: string | string[];\n  children?: ComponentChildren;\n};\n\nexport const Accordion = ({\n  type = \"single\",\n  collapsible = true,\n  defaultValue,\n  children,\n  ...rest\n}: AccordionProps) => {\n  const openValues = useMemo(() => {\n    const initialSet = new Set<string>(\n      defaultValue ? (Array.isArray(defaultValue) ? defaultValue : [defaultValue]) : [],\n    );\n    return signal(initialSet);\n  }, []);\n\n  const context: AccordionContextValue = {\n    type,\n    openValues,\n    toggleValue: (value) => {\n      const next = new Set(openValues.value);\n      const isOpen = next.has(value);\n\n      if (type === \"single\") {\n        if (isOpen && !collapsible) {\n          return;\n        }\n        next.clear();\n        if (!isOpen) next.add(value);\n      } else if (isOpen) {\n        next.delete(value);\n      } else {\n        next.add(value);\n      }\n\n      openValues.value = next;\n    },\n  };\n\n  return (\n    <AccordionContext.Provider value={context}>\n      <div data-slot=\"accordion\" {...rest}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext } from \"preact/hooks\";\nimport { useAccordion } from \"./Accordion\";\n\ntype AccordionItemContextValue = {\n  value: string;\n  isOpen: boolean;\n  disabled: boolean;\n};\n\nconst AccordionItemContext = createContext<AccordionItemContextValue | null>(null);\n\nexport const useAccordionItem = () => {\n  const context = useContext(AccordionItemContext);\n  if (!context) throw new Error(\"Accordion item subcomponents must be used within AccordionItem\");\n  return context;\n};\n\nexport type AccordionItemProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  value: string;\n  disabled?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const AccordionItem = ({\n  value,\n  disabled = false,\n  children,\n  ...rest\n}: AccordionItemProps) => {\n  const { openValues } = useAccordion();\n  const isOpen = openValues.value.has(value);\n\n  return (\n    <AccordionItemContext.Provider value={{ value, isOpen, disabled }}>\n      <div\n        data-slot=\"accordion-item\"\n        data-state={isOpen ? \"open\" : \"closed\"}\n        data-disabled={disabled ? \"\" : undefined}\n        {...rest}\n      >\n        {children}\n      </div>\n    </AccordionItemContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useHeightDisclosureContent } from \"../../lib/disclosure/use-height-disclosure-content\";\nimport { cn } from \"../../lib/utils\";\nimport { useAccordionItem } from \"./AccordionItem\";\n\nexport type AccordionContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  forceMount?: boolean;\n  /** Grid transition duration, e.g. `400ms` */\n  duration?: string;\n  /** CSS timing function, e.g. `cubic-bezier(0.4, 0, 0.2, 1)` */\n  timingFunction?: string;\n  /** Use max-height animation for very tall content to reduce micro-jank. */\n  largeContentThreshold?: number;\n  children?: ComponentChildren;\n};\n\nexport const AccordionContent = ({\n  forceMount = false,\n  duration = \"320ms\",\n  timingFunction = \"cubic-bezier(0.22, 1, 0.36, 1)\",\n  largeContentThreshold = 560,\n  children,\n  class: className,\n  style,\n  ...rest\n}: AccordionContentProps) => {\n  const { isOpen } = useAccordionItem();\n  const {\n    allowRender,\n    isAnimatingClose,\n    isAnimatingOpen,\n    outerRef,\n    innerRef,\n    handleTransitionEnd,\n  } = useHeightDisclosureContent({\n    open: isOpen,\n    forceMount,\n    duration,\n    timingFunction,\n    largeContentThreshold,\n  });\n\n  if (!allowRender) return null;\n\n  const mergedStyle: JSX.CSSProperties = {\n    ...(typeof style === \"object\" && style !== null && !Array.isArray(style)\n      ? (style as JSX.CSSProperties)\n      : {}),\n    [\"--kamodui-accordion-duration\" as string]: duration,\n    [\"--kamodui-accordion-timing-function\" as string]: timingFunction,\n  };\n\n  return (\n    <div\n      ref={outerRef}\n      data-slot=\"accordion-content\"\n      data-state={isOpen ? \"open\" : \"closed\"}\n      onTransitionEnd={handleTransitionEnd}\n      style={mergedStyle}\n      class={cn(\n        \"min-h-0 overflow-hidden\",\n        (isAnimatingOpen || isAnimatingClose) && \"will-change-[height]\",\n      )}\n      aria-hidden={!isOpen && !isAnimatingClose}\n      inert={!isOpen || undefined}\n      {...rest}\n    >\n      <div\n        ref={innerRef}\n        data-slot=\"accordion-content-inner\"\n        class={cn(\"min-h-0 min-w-0\", className)}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useAccordion } from \"./Accordion\";\nimport { useAccordionItem } from \"./AccordionItem\";\n\nexport type AccordionTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  hideIndicator?: boolean;\n  indicator?: ComponentChildren;\n  children?: ComponentChildren;\n};\n\nconst DefaultIndicator = () => (\n  <svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\n    <path\n      d=\"M4 6l4 4 4-4\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const AccordionTrigger = ({\n  hideIndicator = false,\n  indicator,\n  children,\n  class: className,\n  onClick,\n  ...rest\n}: AccordionTriggerProps) => {\n  const { toggleValue } = useAccordion();\n  const { value, isOpen, disabled } = useAccordionItem();\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"accordion-trigger\"\n      aria-expanded={isOpen}\n      disabled={disabled}\n      data-state={isOpen ? \"open\" : \"closed\"}\n      class={cn(\n        \"flex w-full items-center justify-between gap-2 rounded-md py-4 text-left text-sm font-medium outline-none transition-colors focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50\",\n        !isOpen && \"hover:bg-muted/40\",\n        className,\n      )}\n      onClick={(event) => {\n        if (disabled) return;\n        toggleValue(value);\n        onClick?.(event);\n      }}\n      {...rest}\n    >\n      <span data-slot=\"accordion-trigger-label\" class=\"min-w-0 flex-1 text-start\">\n        {children}\n      </span>\n      {!hideIndicator ? (\n        <span\n          data-slot=\"accordion-trigger-indicator\"\n          data-state={isOpen ? \"open\" : \"closed\"}\n          class={cn(\n            \"shrink-0 text-muted-foreground transition-transform duration-200\",\n            isOpen && \"rotate-180\",\n          )}\n        >\n          {indicator ?? <DefaultIndicator />}\n        </span>\n      ) : null}\n    </button>\n  );\n};\n","import { Accordion } from \"./Accordion\";\nimport { AccordionContent } from \"./AccordionContent\";\nimport { AccordionItem, useAccordionItem } from \"./AccordionItem\";\nimport { AccordionTrigger } from \"./AccordionTrigger\";\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger, useAccordionItem };\n\nexport default {\n  Root: Accordion,\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n};\n"]}

package/dist/{chunk-NGKQBNZ5.js → chunk-NJYJCMKY.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { jsx } from 'preact/jsx-runtime';
 
 var AspectRatio = ({
@@ -25,5 +25,5 @@ var AspectRatio = ({
 };
 
 export { AspectRatio };
-//# sourceMappingURL=chunk-NGKQBNZ5.js.map
-//# sourceMappingURL=chunk-NGKQBNZ5.js.map
+//# sourceMappingURL=chunk-NJYJCMKY.js.map
+//# sourceMappingURL=chunk-NJYJCMKY.js.map

package/dist/{chunk-NGKQBNZ5.js.map → chunk-NJYJCMKY.js.map}

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

package/dist/{chunk-COPT6I2D.js → chunk-NSEY5IC6.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { isValidElement, cloneElement } from 'preact';
 import { tv } from 'tailwind-variants';
 import { jsx } from 'preact/jsx-runtime';
@@ -63,28 +63,27 @@ var Badge = ({
   const resolvedSize = size ?? "md";
   const isHref = "href" in rest && typeof rest.href === "string";
   const isLink = Boolean(isHref);
-  const resolvedClass = badge({
+  const variantClasses = badge({
     variant: resolvedVariant,
     size: resolvedSize,
-    isLink,
-    class: className
+    isLink
   });
+  const resolvedClass = cn(variantClasses, className);
   if (asChild) {
     if (!isValidElement(children)) {
       return null;
     }
     const childIsAnchor = children.type === "a";
     const childProps = children.props ?? {};
-    const asChildClass = badge({
+    const asChildVariantClasses = badge({
       variant: resolvedVariant,
       size: resolvedSize,
-      isLink: childIsAnchor,
-      class: className
+      isLink: childIsAnchor
     });
     return cloneElement(children, {
       ...rest,
       ...childProps,
-      class: cn(asChildClass, childProps.class, childProps.className),
+      class: cn(asChildVariantClasses, childProps.class, childProps.className, className),
       "data-slot": "badge",
       "data-variant": resolvedVariant
     });
@@ -118,5 +117,5 @@ var BadgeVariants = { badge };
 var badge_default = Badge;
 
 export { Badge, BadgeVariants, badge_default };
-//# sourceMappingURL=chunk-COPT6I2D.js.map
-//# sourceMappingURL=chunk-COPT6I2D.js.map
+//# sourceMappingURL=chunk-NSEY5IC6.js.map
+//# sourceMappingURL=chunk-NSEY5IC6.js.map

package/dist/chunk-NSEY5IC6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/badge/Badge.tsx","../src/components/badge/index.ts"],"names":[],"mappings":"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","file":"chunk-NSEY5IC6.js","sourcesContent":["import { type ComponentChildren, cloneElement, isValidElement, type JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const badge = tv({\n  base: [\n    \"group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1.5 overflow-hidden rounded-full font-medium whitespace-nowrap\",\n    \"[&+&]:ms-1.5\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    \"transition-all outline-none focus-visible:ring-3\",\n    \"aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/20\",\n    \"dark:aria-invalid:border-destructive/50 dark:aria-invalid:focus-visible:ring-destructive/40\",\n    \"has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5\",\n  ],\n  variants: {\n    variant: {\n      default: \"bg-foreground text-background focus-visible:ring-outline/50\",\n      primary: \"bg-primary text-primary-foreground focus-visible:ring-primary/50\",\n      secondary: \"bg-secondary text-secondary-foreground focus-visible:ring-secondary/50\",\n      destructive: \"bg-destructive text-destructive-foreground focus-visible:ring-outline/50\",\n      outline:\n        \"border-border bg-background focus-visible:border-outline focus-visible:ring-outline/50 dark:bg-input/30 border\",\n      ghost: \"bg-transparent text-foreground hover:bg-muted focus-visible:ring-outline/50\",\n      link: \"h-auto rounded-none border-0 bg-transparent p-0 text-primary underline-offset-4 hover:underline focus-visible:ring-0\",\n      info: \"bg-info text-info-foreground focus-visible:ring-info/50\",\n      success: \"bg-success text-success-foreground focus-visible:ring-success/50\",\n      warning: \"bg-warning text-warning-foreground focus-visible:ring-warning/50\",\n      error: \"border border-error/60 bg-error/90 text-error-foreground focus-visible:ring-error/50\",\n    },\n    size: {\n      xxs: \"px-2 py-0 text-[10px] leading-4 [&_svg:not([class*='size-'])]:size-2.5\",\n      xs: \"px-2.5 py-0 text-xs leading-4 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"px-2.5 py-0.5 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      md: \"px-3 py-0.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"px-4 py-1 text-base [&_svg:not([class*='size-'])]:size-4.5\",\n    },\n    isLink: { true: \"cursor-pointer\", false: \"\" },\n  },\n  compoundVariants: [\n    { isLink: true, variant: \"default\", className: \"hover:bg-foreground/90\" },\n    { isLink: true, variant: \"primary\", className: \"hover:bg-primary/90\" },\n    { isLink: true, variant: \"secondary\", className: \"hover:bg-secondary/90\" },\n    { isLink: true, variant: \"destructive\", className: \"hover:bg-destructive/90\" },\n    { isLink: true, variant: \"outline\", className: \"hover:bg-muted\" },\n    { isLink: true, variant: \"ghost\", className: \"hover:bg-muted\" },\n    { isLink: true, variant: \"link\", className: \"hover:underline\" },\n    { isLink: true, variant: \"info\", className: \"hover:bg-info/90\" },\n    { isLink: true, variant: \"success\", className: \"hover:bg-success/90\" },\n    { isLink: true, variant: \"warning\", className: \"hover:bg-warning/90\" },\n    { isLink: true, variant: \"error\", className: \"hover:bg-error\" },\n  ],\n  defaultVariants: { variant: \"default\", size: \"md\", isLink: false },\n});\n\ntype BadgeCommon = VariantProps<typeof badge> & {\n  class?: string;\n  children?: ComponentChildren;\n  asChild?: boolean;\n};\n\ntype BadgeAsSpan = BadgeCommon &\n  JSX.HTMLAttributes<HTMLSpanElement> & {\n    href?: undefined;\n  };\n\ntype BadgeAsAnchor = BadgeCommon &\n  JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    href: string;\n  };\n\nexport type BadgeProps = BadgeAsSpan | BadgeAsAnchor;\n\nexport const Badge = ({\n  variant,\n  size,\n  class: className,\n  children,\n  asChild = false,\n  ...rest\n}: BadgeProps) => {\n  const resolvedVariant = variant ?? \"default\";\n  const resolvedSize = size ?? \"md\";\n  const isHref = \"href\" in rest && typeof rest.href === \"string\";\n  const isLink = Boolean(isHref);\n\n  const variantClasses = badge({\n    variant: resolvedVariant,\n    size: resolvedSize,\n    isLink,\n  });\n  const resolvedClass = cn(variantClasses, className);\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childIsAnchor = children.type === \"a\";\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      class?: string;\n      className?: string;\n    };\n\n    const asChildVariantClasses = badge({\n      variant: resolvedVariant,\n      size: resolvedSize,\n      isLink: childIsAnchor,\n    });\n\n    return cloneElement(children, {\n      ...(rest as JSX.HTMLAttributes<HTMLElement>),\n      ...childProps,\n      class: cn(asChildVariantClasses, childProps.class, childProps.className, className),\n      \"data-slot\": \"badge\",\n      \"data-variant\": resolvedVariant,\n    });\n  }\n\n  if (isHref) {\n    return (\n      <a\n        class={resolvedClass}\n        data-slot=\"badge\"\n        data-variant={resolvedVariant}\n        {...(rest as JSX.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  return (\n    <span\n      class={resolvedClass}\n      data-slot=\"badge\"\n      data-variant={resolvedVariant}\n      {...(rest as JSX.HTMLAttributes<HTMLSpanElement>)}\n    >\n      {children}\n    </span>\n  );\n};\n","import { Badge, badge } from \"./Badge\";\n\nconst BadgeVariants = { badge };\n\nexport { Badge, BadgeVariants };\n\nexport default Badge;\n"]}

package/dist/{chunk-UARVH66B.js → chunk-O4PHGLXF.js}

@@ -1,6 +1,6 @@
-import { Sheet, SheetContent, SheetFooter, SheetHeader } from './chunk-EMUPVA2F.js';
-import { DialogClose, DialogDescription, DialogTitle, DialogTrigger } from './chunk-HHLQYMPT.js';
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { Sheet, SheetContent, SheetFooter, SheetHeader } from './chunk-KHV3WV6T.js';
+import { DialogClose, DialogDescription, DialogTitle, DialogTrigger } from './chunk-DUTKHOH3.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { createContext } from 'preact';
 import { useContext } from 'preact/hooks';
 import { jsx, jsxs } from 'preact/jsx-runtime';
@@ -72,5 +72,5 @@ var drawer_default = {
 };
 
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, drawer_default };
-//# sourceMappingURL=chunk-UARVH66B.js.map
-//# sourceMappingURL=chunk-UARVH66B.js.map
+//# sourceMappingURL=chunk-O4PHGLXF.js.map
+//# sourceMappingURL=chunk-O4PHGLXF.js.map