@kamod-ch/ui 1.1.0 → 1.2.0

package/dist/{Tabs-CR-thcs6.d.ts → Tabs-CrXH3YED.d.ts}

@@ -17,25 +17,34 @@ declare const TabsTrigger: ({ value, class: className, children, onClick, onKeyD
 
 declare const tabsList: tailwind_variants.TVReturnType<{
     variant: {
-        default: string;
-        line: string;
+        default: "";
+        line: "gap-1 rounded-none bg-transparent p-0 ring-0 group-data-[orientation=horizontal]/tabs:rounded-none";
     };
 }, undefined, string[], {
     variant: {
-        default: string;
-        line: string;
+        default: "";
+        line: "gap-1 rounded-none bg-transparent p-0 ring-0 group-data-[orientation=horizontal]/tabs:rounded-none";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     variant: {
-        default: string;
-        line: string;
+        default: "";
+        line: "gap-1 rounded-none bg-transparent p-0 ring-0 group-data-[orientation=horizontal]/tabs:rounded-none";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 type TabsListProps = JSX.HTMLAttributes<HTMLDivElement> & VariantProps<typeof tabsList> & {
     children?: ComponentChildren;
 };
 declare const TabsList: ({ variant, class: className, children, ...rest }: TabsListProps) => JSX.Element;
 
+type TabsContextValue = {
+    value: string;
+    setValue: (next: string) => void;
+    orientation: "horizontal" | "vertical";
+    baseId: string;
+    triggerId: (tabValue: string) => string;
+    contentId: (tabValue: string) => string;
+};
+declare const useTabs: () => TabsContextValue;
 type TabsProps = JSX.HTMLAttributes<HTMLDivElement> & {
     defaultValue: string;
     syncKey?: string;
@@ -44,4 +53,4 @@ type TabsProps = JSX.HTMLAttributes<HTMLDivElement> & {
 };
 declare const Tabs: ({ defaultValue, syncKey, orientation, class: className, children, ...rest }: TabsProps) => JSX.Element;
 
-export { Tabs as T, TabsContent as a, TabsList as b, TabsTrigger as c, type TabsProps as d, type TabsListProps as e, type TabsTriggerProps as f, type TabsContentProps as g };
+export { Tabs as T, TabsContent as a, TabsList as b, TabsTrigger as c, type TabsProps as d, type TabsListProps as e, type TabsTriggerProps as f, type TabsContentProps as g, useTabs as u };

package/dist/{Textarea-DbKkduOG.d.ts → Textarea-CST17pYW.d.ts}

@@ -4,23 +4,23 @@ import { JSX } from 'preact';
 
 declare const textarea: tailwind_variants.TVReturnType<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: "min-h-16 px-2.5 py-1.5 text-sm";
+        md: "min-h-16 px-3 py-2 text-base";
+        lg: "min-h-24 px-4 py-3 text-lg";
     };
 }, undefined, string[], {
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: "min-h-16 px-2.5 py-1.5 text-sm";
+        md: "min-h-16 px-3 py-2 text-base";
+        lg: "min-h-24 px-4 py-3 text-lg";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: "min-h-16 px-2.5 py-1.5 text-sm";
+        md: "min-h-16 px-3 py-2 text-base";
+        lg: "min-h-24 px-4 py-3 text-lg";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 type TextareaProps = Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & VariantProps<typeof textarea>;
 declare const Textarea: ({ size, class: className, ...rest }: TextareaProps) => JSX.Element;
 

package/dist/Toggle-BgvkYUI8.d.ts

@@ -0,0 +1,49 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { JSX, ComponentChildren } from 'preact';
+
+declare const toggle: tailwind_variants.TVReturnType<{
+    variant: {
+        default: "bg-transparent hover:bg-muted hover:text-muted-foreground";
+        outline: "border border-input/80 bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/25 dark:border-input/80 dark:hover:bg-input/45";
+    };
+    size: {
+        sm: "h-7 min-w-7 px-1.5 text-[11px] leading-none";
+        default: "h-8 min-w-8 px-2";
+        lg: "h-9 min-w-9 px-2.5 text-sm";
+        icon: "size-8 p-0";
+    };
+}, undefined, string[], {
+    variant: {
+        default: "bg-transparent hover:bg-muted hover:text-muted-foreground";
+        outline: "border border-input/80 bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/25 dark:border-input/80 dark:hover:bg-input/45";
+    };
+    size: {
+        sm: "h-7 min-w-7 px-1.5 text-[11px] leading-none";
+        default: "h-8 min-w-8 px-2";
+        lg: "h-9 min-w-9 px-2.5 text-sm";
+        icon: "size-8 p-0";
+    };
+}, undefined, tailwind_variants.TVReturnTypeLike<{
+    variant: {
+        default: "bg-transparent hover:bg-muted hover:text-muted-foreground";
+        outline: "border border-input/80 bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/25 dark:border-input/80 dark:hover:bg-input/45";
+    };
+    size: {
+        sm: "h-7 min-w-7 px-1.5 text-[11px] leading-none";
+        default: "h-8 min-w-8 px-2";
+        lg: "h-9 min-w-9 px-2.5 text-sm";
+        icon: "size-8 p-0";
+    };
+}, undefined>>;
+type ToggleVariants = VariantProps<typeof toggle>;
+type ToggleProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "class"> & ToggleVariants & {
+    class?: string;
+    defaultPressed?: boolean;
+    pressed?: boolean;
+    onPressedChange?: (next: boolean) => void;
+    children?: ComponentChildren;
+};
+declare const Toggle: ({ defaultPressed, pressed, onPressedChange, variant, size, class: className, children, onClick, ...rest }: ToggleProps) => JSX.Element;
+
+export { Toggle as T };

package/dist/{ToggleGroup-UeYHzQe7.d.ts → ToggleGroup-CqYICGsS.d.ts}

@@ -4,38 +4,38 @@ import { JSX, ComponentChildren } from 'preact';
 
 declare const toggleGroupItem$1: tailwind_variants.TVReturnType<{
     variant: {
-        default: string;
-        outline: string;
-        pill: string;
+        default: "bg-transparent hover:bg-muted hover:text-muted-foreground";
+        outline: "border border-input/80 bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/25 dark:border-input/80 dark:hover:bg-input/45";
+        pill: "rounded-full border border-transparent bg-muted/60 hover:bg-muted";
     };
     size: {
-        sm: string;
-        default: string;
-        lg: string;
+        sm: "h-7 min-w-7 gap-0.5 px-1.5 text-[11px] leading-none";
+        default: "h-8 min-w-8 gap-1 px-2";
+        lg: "h-9 min-w-9 gap-1.5 px-2.5 text-sm";
     };
 }, undefined, string[], {
     variant: {
-        default: string;
-        outline: string;
-        pill: string;
+        default: "bg-transparent hover:bg-muted hover:text-muted-foreground";
+        outline: "border border-input/80 bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/25 dark:border-input/80 dark:hover:bg-input/45";
+        pill: "rounded-full border border-transparent bg-muted/60 hover:bg-muted";
     };
     size: {
-        sm: string;
-        default: string;
-        lg: string;
+        sm: "h-7 min-w-7 gap-0.5 px-1.5 text-[11px] leading-none";
+        default: "h-8 min-w-8 gap-1 px-2";
+        lg: "h-9 min-w-9 gap-1.5 px-2.5 text-sm";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     variant: {
-        default: string;
-        outline: string;
-        pill: string;
+        default: "bg-transparent hover:bg-muted hover:text-muted-foreground";
+        outline: "border border-input/80 bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/25 dark:border-input/80 dark:hover:bg-input/45";
+        pill: "rounded-full border border-transparent bg-muted/60 hover:bg-muted";
     };
     size: {
-        sm: string;
-        default: string;
-        lg: string;
+        sm: "h-7 min-w-7 gap-0.5 px-1.5 text-[11px] leading-none";
+        default: "h-8 min-w-8 gap-1 px-2";
+        lg: "h-9 min-w-9 gap-1.5 px-2.5 text-sm";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 type ToggleGroupItemVariants$1 = VariantProps<typeof toggleGroupItem$1>;
 type ToggleGroupItemProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "class"> & ToggleGroupItemVariants$1 & {
     class?: string;
@@ -47,38 +47,38 @@ declare const ToggleGroupItem: ({ class: className, value, variant, size, disabl
 type ToggleGroupType = "single" | "multiple";
 declare const toggleGroup: tailwind_variants.TVReturnType<{
     orientation: {
-        horizontal: string;
-        vertical: string;
+        horizontal: "flex-row items-center";
+        vertical: "flex-col items-start";
     };
     spacing: {
-        none: string;
-        sm: string;
-        default: string;
-        lg: string;
+        none: "gap-0";
+        sm: "gap-0.5";
+        default: "gap-1";
+        lg: "gap-1.5";
     };
 }, undefined, "inline-flex items-center justify-center", {
     orientation: {
-        horizontal: string;
-        vertical: string;
+        horizontal: "flex-row items-center";
+        vertical: "flex-col items-start";
     };
     spacing: {
-        none: string;
-        sm: string;
-        default: string;
-        lg: string;
+        none: "gap-0";
+        sm: "gap-0.5";
+        default: "gap-1";
+        lg: "gap-1.5";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     orientation: {
-        horizontal: string;
-        vertical: string;
+        horizontal: "flex-row items-center";
+        vertical: "flex-col items-start";
     };
     spacing: {
-        none: string;
-        sm: string;
-        default: string;
-        lg: string;
+        none: "gap-0";
+        sm: "gap-0.5";
+        default: "gap-1";
+        lg: "gap-1.5";
     };
-}, undefined, "inline-flex items-center justify-center", unknown, unknown, undefined>>;
+}, undefined>>;
 declare const toggleGroupItem: tailwind_variants.TVReturnType<{
     variant: {
         default: undefined;
@@ -101,7 +101,7 @@ declare const toggleGroupItem: tailwind_variants.TVReturnType<{
         default: undefined;
         lg: undefined;
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     variant: {
         default: undefined;
         outline: undefined;
@@ -112,7 +112,7 @@ declare const toggleGroupItem: tailwind_variants.TVReturnType<{
         default: undefined;
         lg: undefined;
     };
-}, undefined, undefined, unknown, unknown, undefined>>;
+}, undefined>>;
 type ToggleGroupItemVariants = VariantProps<typeof toggleGroupItem>;
 type ToggleGroupBaseProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "class"> & VariantProps<typeof toggleGroup> & ToggleGroupItemVariants & {
     class?: string;

package/dist/Typography-Df9IVmw2.d.ts

@@ -0,0 +1,64 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { JSX, ComponentChildren } from 'preact';
+
+declare const typography: tailwind_variants.TVReturnType<{
+    variant: {
+        h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl";
+        h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0";
+        h3: "scroll-m-20 text-2xl font-semibold tracking-tight";
+        h4: "scroll-m-20 text-xl font-semibold tracking-tight";
+        p: "leading-7 [&:not(:first-child)]:mt-6";
+        blockquote: "mt-6 border-l-2 pl-6 italic";
+        code: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold";
+        inlineCode: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold";
+        list: "my-6 ml-6 list-disc [&>li]:mt-2";
+        table: "my-6 w-full overflow-y-auto";
+        lead: "text-xl text-muted-foreground";
+        large: "text-lg font-semibold";
+        muted: "text-sm text-muted-foreground";
+        small: "text-sm font-medium leading-none";
+    };
+}, undefined, "text-foreground", {
+    variant: {
+        h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl";
+        h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0";
+        h3: "scroll-m-20 text-2xl font-semibold tracking-tight";
+        h4: "scroll-m-20 text-xl font-semibold tracking-tight";
+        p: "leading-7 [&:not(:first-child)]:mt-6";
+        blockquote: "mt-6 border-l-2 pl-6 italic";
+        code: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold";
+        inlineCode: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold";
+        list: "my-6 ml-6 list-disc [&>li]:mt-2";
+        table: "my-6 w-full overflow-y-auto";
+        lead: "text-xl text-muted-foreground";
+        large: "text-lg font-semibold";
+        muted: "text-sm text-muted-foreground";
+        small: "text-sm font-medium leading-none";
+    };
+}, undefined, tailwind_variants.TVReturnTypeLike<{
+    variant: {
+        h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl";
+        h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0";
+        h3: "scroll-m-20 text-2xl font-semibold tracking-tight";
+        h4: "scroll-m-20 text-xl font-semibold tracking-tight";
+        p: "leading-7 [&:not(:first-child)]:mt-6";
+        blockquote: "mt-6 border-l-2 pl-6 italic";
+        code: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold";
+        inlineCode: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold";
+        list: "my-6 ml-6 list-disc [&>li]:mt-2";
+        table: "my-6 w-full overflow-y-auto";
+        lead: "text-xl text-muted-foreground";
+        large: "text-lg font-semibold";
+        muted: "text-sm text-muted-foreground";
+        small: "text-sm font-medium leading-none";
+    };
+}, undefined>>;
+type TypographyVariants = VariantProps<typeof typography>;
+type TypographyProps = JSX.HTMLAttributes<HTMLElementTagNameMap[keyof HTMLElementTagNameMap]> & TypographyVariants & {
+    as?: keyof HTMLElementTagNameMap;
+    children?: ComponentChildren;
+};
+declare const Typography: ({ as, variant, class: className, children, ...rest }: TypographyProps) => JSX.Element;
+
+export { Typography as T, type TypographyVariants as a, typography as t };

package/dist/{chunk-ZM67EKZC.js → chunk-22G3DW5M.js}

@@ -1,5 +1,5 @@
-import { button } from './chunk-5FBD2NTR.js';
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { button } from './chunk-DDRX6NNW.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
 
 var Pagination = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
@@ -131,5 +131,5 @@ var PaginationPrevious = ({
 );
 
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
-//# sourceMappingURL=chunk-ZM67EKZC.js.map
-//# sourceMappingURL=chunk-ZM67EKZC.js.map
+//# sourceMappingURL=chunk-22G3DW5M.js.map
+//# sourceMappingURL=chunk-22G3DW5M.js.map

package/dist/{chunk-ZM67EKZC.js.map → chunk-22G3DW5M.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/pagination/Pagination.tsx","../src/components/pagination/PaginationContent.tsx","../src/components/pagination/pagination-icons.tsx","../src/components/pagination/PaginationEllipsis.tsx","../src/components/pagination/PaginationItem.tsx","../src/components/pagination/PaginationLink.tsx","../src/components/pagination/PaginationNext.tsx","../src/components/pagination/PaginationPrevious.tsx"],"names":["jsx","jsxs","Fragment"],"mappings":"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","file":"chunk-ZM67EKZC.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type PaginationProps = JSX.HTMLAttributes<HTMLElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Pagination = ({ class: className, children, ...rest }: PaginationProps) => (\n  <nav\n    aria-label=\"pagination\"\n    data-slot=\"pagination\"\n    class={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...rest}\n  >\n    {children}\n  </nav>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type PaginationContentProps = JSX.HTMLAttributes<HTMLUListElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PaginationContent = ({\n  class: className,\n  children,\n  ...rest\n}: PaginationContentProps) => (\n  <ul\n    data-slot=\"pagination-content\"\n    class={cn(\"flex flex-row items-center gap-1 list-none\", className)}\n    {...rest}\n  >\n    {children}\n  </ul>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nconst svgBase: JSX.SVGAttributes<SVGSVGElement> = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-width\": 2,\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"aria-hidden\": true,\n};\n\nexport const PaginationChevronLeft = ({\n  class: className,\n  ...props\n}: JSX.SVGAttributes<SVGSVGElement>) => (\n  <svg {...svgBase} viewBox=\"0 0 24 24\" class={cn(\"size-4\", className)} {...props}>\n    <path d=\"m15 18-6-6 6-6\" />\n  </svg>\n);\n\nexport const PaginationChevronRight = ({\n  class: className,\n  ...props\n}: JSX.SVGAttributes<SVGSVGElement>) => (\n  <svg {...svgBase} viewBox=\"0 0 24 24\" class={cn(\"size-4\", className)} {...props}>\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n\nexport const PaginationMoreHorizontal = ({\n  class: className,\n  ...props\n}: JSX.SVGAttributes<SVGSVGElement>) => (\n  <svg {...svgBase} viewBox=\"0 0 24 24\" class={cn(\"size-4\", className)} {...props}>\n    <circle cx=\"12\" cy=\"12\" r=\"1\" />\n    <circle cx=\"19\" cy=\"12\" r=\"1\" />\n    <circle cx=\"5\" cy=\"12\" r=\"1\" />\n  </svg>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { PaginationMoreHorizontal } from \"./pagination-icons\";\n\nexport type PaginationEllipsisProps = JSX.HTMLAttributes<HTMLSpanElement>;\n\nexport const PaginationEllipsis = ({ class: className, ...rest }: PaginationEllipsisProps) => (\n  <span\n    data-slot=\"pagination-ellipsis\"\n    aria-hidden\n    class={cn(\"text-muted-foreground flex size-9 items-center justify-center\", className)}\n    {...rest}\n  >\n    <PaginationMoreHorizontal />\n    <span class=\"sr-only\">More pages</span>\n  </span>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type PaginationItemProps = JSX.HTMLAttributes<HTMLLIElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PaginationItem = ({ children, ...rest }: PaginationItemProps) => (\n  <li data-slot=\"pagination-item\" {...rest}>\n    {children}\n  </li>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { button } from \"../button/Button\";\n\nexport type PaginationLinkProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, \"size\"> & {\n  isActive?: boolean;\n  size?: VariantProps<typeof button>[\"size\"];\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\nexport const PaginationLink = ({\n  isActive = false,\n  size = \"default\",\n  class: className,\n  \"data-slot\": dataSlot = \"pagination-link\",\n  children,\n  ...rest\n}: PaginationLinkProps) => {\n  const r = rest as Record<string, unknown>;\n  const restStyleClass = (r.class ?? r.className) as string | undefined;\n  const { class: _c, className: _cn, ...anchorRest } = r;\n\n  return (\n    <a\n      {...(anchorRest as JSX.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      data-slot={dataSlot}\n      aria-current={isActive ? \"page\" : undefined}\n      class={cn(\n        button({ variant: isActive ? \"outline\" : \"ghost\", size }),\n        \"h-9 min-w-9 justify-center px-2.5 [&_svg]:size-4 [&_svg]:shrink-0\",\n        className,\n        restStyleClass,\n      )}\n    >\n      {children}\n    </a>\n  );\n};\n","import type { ComponentChildren } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { PaginationLink, type PaginationLinkProps } from \"./PaginationLink\";\nimport { PaginationChevronRight } from \"./pagination-icons\";\n\nexport type PaginationNextProps = Omit<PaginationLinkProps, \"children\"> & {\n  children?: ComponentChildren;\n  text?: string;\n};\n\nexport const PaginationNext = ({\n  children,\n  text = \"Next\",\n  class: className,\n  ...rest\n}: PaginationNextProps) => (\n  <PaginationLink\n    data-slot=\"pagination-next\"\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    class={cn(\"gap-1 pr-2.5 sm:pl-2.5\", className)}\n    {...rest}\n  >\n    {children !== undefined && children !== null ? (\n      children\n    ) : (\n      <>\n        <span class=\"hidden sm:inline\">{text}</span>\n        <PaginationChevronRight />\n      </>\n    )}\n  </PaginationLink>\n);\n","import type { ComponentChildren } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { PaginationLink, type PaginationLinkProps } from \"./PaginationLink\";\nimport { PaginationChevronLeft } from \"./pagination-icons\";\n\nexport type PaginationPreviousProps = Omit<PaginationLinkProps, \"children\"> & {\n  children?: ComponentChildren;\n  text?: string;\n};\n\nexport const PaginationPrevious = ({\n  children,\n  text = \"Previous\",\n  class: className,\n  ...rest\n}: PaginationPreviousProps) => (\n  <PaginationLink\n    data-slot=\"pagination-previous\"\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    class={cn(\"gap-1 pl-2.5 sm:pr-2.5\", className)}\n    {...rest}\n  >\n    {children !== undefined && children !== null ? (\n      children\n    ) : (\n      <>\n        <PaginationChevronLeft />\n        <span class=\"hidden sm:inline\">{text}</span>\n      </>\n    )}\n  </PaginationLink>\n);\n"]}
+{"version":3,"sources":["../src/components/pagination/Pagination.tsx","../src/components/pagination/PaginationContent.tsx","../src/components/pagination/pagination-icons.tsx","../src/components/pagination/PaginationEllipsis.tsx","../src/components/pagination/PaginationItem.tsx","../src/components/pagination/PaginationLink.tsx","../src/components/pagination/PaginationNext.tsx","../src/components/pagination/PaginationPrevious.tsx"],"names":["jsx","jsxs","Fragment"],"mappings":"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","file":"chunk-22G3DW5M.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type PaginationProps = JSX.HTMLAttributes<HTMLElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Pagination = ({ class: className, children, ...rest }: PaginationProps) => (\n  <nav\n    aria-label=\"pagination\"\n    data-slot=\"pagination\"\n    class={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...rest}\n  >\n    {children}\n  </nav>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type PaginationContentProps = JSX.HTMLAttributes<HTMLUListElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PaginationContent = ({\n  class: className,\n  children,\n  ...rest\n}: PaginationContentProps) => (\n  <ul\n    data-slot=\"pagination-content\"\n    class={cn(\"flex flex-row items-center gap-1 list-none\", className)}\n    {...rest}\n  >\n    {children}\n  </ul>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nconst svgBase: JSX.SVGAttributes<SVGSVGElement> = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-width\": 2,\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"aria-hidden\": true,\n};\n\nexport const PaginationChevronLeft = ({\n  class: className,\n  ...props\n}: JSX.SVGAttributes<SVGSVGElement>) => (\n  <svg {...svgBase} viewBox=\"0 0 24 24\" class={cn(\"size-4\", className)} {...props}>\n    <path d=\"m15 18-6-6 6-6\" />\n  </svg>\n);\n\nexport const PaginationChevronRight = ({\n  class: className,\n  ...props\n}: JSX.SVGAttributes<SVGSVGElement>) => (\n  <svg {...svgBase} viewBox=\"0 0 24 24\" class={cn(\"size-4\", className)} {...props}>\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n\nexport const PaginationMoreHorizontal = ({\n  class: className,\n  ...props\n}: JSX.SVGAttributes<SVGSVGElement>) => (\n  <svg {...svgBase} viewBox=\"0 0 24 24\" class={cn(\"size-4\", className)} {...props}>\n    <circle cx=\"12\" cy=\"12\" r=\"1\" />\n    <circle cx=\"19\" cy=\"12\" r=\"1\" />\n    <circle cx=\"5\" cy=\"12\" r=\"1\" />\n  </svg>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { PaginationMoreHorizontal } from \"./pagination-icons\";\n\nexport type PaginationEllipsisProps = JSX.HTMLAttributes<HTMLSpanElement>;\n\nexport const PaginationEllipsis = ({ class: className, ...rest }: PaginationEllipsisProps) => (\n  <span\n    data-slot=\"pagination-ellipsis\"\n    aria-hidden\n    class={cn(\"text-muted-foreground flex size-9 items-center justify-center\", className)}\n    {...rest}\n  >\n    <PaginationMoreHorizontal />\n    <span class=\"sr-only\">More pages</span>\n  </span>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type PaginationItemProps = JSX.HTMLAttributes<HTMLLIElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PaginationItem = ({ children, ...rest }: PaginationItemProps) => (\n  <li data-slot=\"pagination-item\" {...rest}>\n    {children}\n  </li>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { button } from \"../button/Button\";\n\nexport type PaginationLinkProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, \"size\"> & {\n  isActive?: boolean;\n  size?: VariantProps<typeof button>[\"size\"];\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\nexport const PaginationLink = ({\n  isActive = false,\n  size = \"default\",\n  class: className,\n  \"data-slot\": dataSlot = \"pagination-link\",\n  children,\n  ...rest\n}: PaginationLinkProps) => {\n  const r = rest as Record<string, unknown>;\n  const restStyleClass = (r.class ?? r.className) as string | undefined;\n  const { class: _c, className: _cn, ...anchorRest } = r;\n\n  return (\n    <a\n      {...(anchorRest as JSX.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      data-slot={dataSlot}\n      aria-current={isActive ? \"page\" : undefined}\n      class={cn(\n        button({ variant: isActive ? \"outline\" : \"ghost\", size }),\n        \"h-9 min-w-9 justify-center px-2.5 [&_svg]:size-4 [&_svg]:shrink-0\",\n        className,\n        restStyleClass,\n      )}\n    >\n      {children}\n    </a>\n  );\n};\n","import type { ComponentChildren } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { PaginationLink, type PaginationLinkProps } from \"./PaginationLink\";\nimport { PaginationChevronRight } from \"./pagination-icons\";\n\nexport type PaginationNextProps = Omit<PaginationLinkProps, \"children\"> & {\n  children?: ComponentChildren;\n  text?: string;\n};\n\nexport const PaginationNext = ({\n  children,\n  text = \"Next\",\n  class: className,\n  ...rest\n}: PaginationNextProps) => (\n  <PaginationLink\n    data-slot=\"pagination-next\"\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    class={cn(\"gap-1 pr-2.5 sm:pl-2.5\", className)}\n    {...rest}\n  >\n    {children !== undefined && children !== null ? (\n      children\n    ) : (\n      <>\n        <span class=\"hidden sm:inline\">{text}</span>\n        <PaginationChevronRight />\n      </>\n    )}\n  </PaginationLink>\n);\n","import type { ComponentChildren } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { PaginationLink, type PaginationLinkProps } from \"./PaginationLink\";\nimport { PaginationChevronLeft } from \"./pagination-icons\";\n\nexport type PaginationPreviousProps = Omit<PaginationLinkProps, \"children\"> & {\n  children?: ComponentChildren;\n  text?: string;\n};\n\nexport const PaginationPrevious = ({\n  children,\n  text = \"Previous\",\n  class: className,\n  ...rest\n}: PaginationPreviousProps) => (\n  <PaginationLink\n    data-slot=\"pagination-previous\"\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    class={cn(\"gap-1 pl-2.5 sm:pr-2.5\", className)}\n    {...rest}\n  >\n    {children !== undefined && children !== null ? (\n      children\n    ) : (\n      <>\n        <PaginationChevronLeft />\n        <span class=\"hidden sm:inline\">{text}</span>\n      </>\n    )}\n  </PaginationLink>\n);\n"]}

package/dist/{chunk-BDK7CDEI.js → chunk-2F3PWEDR.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { createContext } from 'preact';
 import { useContext } from 'preact/hooks';
 import { jsx } from 'preact/jsx-runtime';
@@ -18,5 +18,5 @@ var Direction = ({ dir = "ltr", ...rest }) => /* @__PURE__ */ jsx(DirectionProvi
 var direction_default = Direction;
 
 export { Direction, DirectionProvider, direction_default, useDirection };
-//# sourceMappingURL=chunk-BDK7CDEI.js.map
-//# sourceMappingURL=chunk-BDK7CDEI.js.map
+//# sourceMappingURL=chunk-2F3PWEDR.js.map
+//# sourceMappingURL=chunk-2F3PWEDR.js.map

package/dist/{chunk-BDK7CDEI.js.map → chunk-2F3PWEDR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/direction/Direction.tsx","../src/components/direction/index.ts"],"names":[],"mappings":";;;;;AAOA,IAAM,gBAAA,GAAmB,cAA8B,KAAK,CAAA;AAGrD,IAAM,YAAA,GAAe,MAAM,UAAA,CAAW,gBAAgB;AAatD,IAAM,oBAAoB,CAAC;AAAA,EAChC,SAAA,GAAY,KAAA;AAAA,EACZ,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,aAAa,QAAA,GAAW,oBAAA;AAAA,EACxB,GAAG;AACL,CAAA,yBACG,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,SAAA,EAChC,8BAAC,KAAA,EAAA,EAAI,GAAA,EAAK,WAAW,WAAA,EAAW,QAAA,EAAU,OAAO,EAAA,CAAG,SAAS,GAAI,GAAG,IAAA,EACjE,UACH,CAAA,EACF;AASK,IAAM,SAAA,GAAY,CAAC,EAAE,GAAA,GAAM,OAAO,GAAG,IAAA,EAAK,qBAC/C,GAAA,CAAC,qBAAkB,SAAA,EAAW,GAAA,EAAK,WAAA,EAAU,WAAA,EAAa,GAAG,IAAA,EAAM;;;ACvCrE,IAAO,iBAAA,GAAQ","file":"chunk-BDK7CDEI.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DirectionValue = \"ltr\" | \"rtl\";\n\nconst DirectionContext = createContext<DirectionValue>(\"ltr\");\n\n/** Returns the active text direction from the nearest `DirectionProvider` / `Direction` wrapper (default `ltr`). */\nexport const useDirection = () => useContext(DirectionContext);\n\nexport type DirectionProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"dir\"> & {\n  /** Text direction for the subtree — matches shadcn `DirectionProvider` (`direction` prop). */\n  direction?: DirectionValue;\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\n/**\n * Sets both React context and the HTML `dir` attribute on a wrapping element so logical CSS (`ms-*`, `me-*`, etc.) resolves correctly.\n * For full-document RTL, also set `dir` on `<html>` (see docs).\n */\nexport const DirectionProvider = ({\n  direction = \"ltr\",\n  class: className,\n  children,\n  \"data-slot\": dataSlot = \"direction-provider\",\n  ...rest\n}: DirectionProviderProps) => (\n  <DirectionContext.Provider value={direction}>\n    <div dir={direction} data-slot={dataSlot} class={cn(className)} {...rest}>\n      {children}\n    </div>\n  </DirectionContext.Provider>\n);\n\nexport type DirectionProps = Omit<DirectionProviderProps, \"direction\"> & {\n  /** Kamod legacy prop — same as `direction` on `DirectionProvider`. */\n  dir?: DirectionValue;\n};\n\n/** Same as `DirectionProvider` but uses prop `dir` instead of `direction` (backwards compatible). */\nexport const Direction = ({ dir = \"ltr\", ...rest }: DirectionProps) => (\n  <DirectionProvider direction={dir} data-slot=\"direction\" {...rest} />\n);\n","import { Direction, DirectionProvider, useDirection } from \"./Direction\";\n\nexport type { DirectionProps, DirectionProviderProps, DirectionValue } from \"./Direction\";\nexport { Direction, DirectionProvider, useDirection };\n\nexport default Direction;\n"]}
+{"version":3,"sources":["../src/components/direction/Direction.tsx","../src/components/direction/index.ts"],"names":[],"mappings":";;;;;AAOA,IAAM,gBAAA,GAAmB,cAA8B,KAAK,CAAA;AAGrD,IAAM,YAAA,GAAe,MAAM,UAAA,CAAW,gBAAgB;AAatD,IAAM,oBAAoB,CAAC;AAAA,EAChC,SAAA,GAAY,KAAA;AAAA,EACZ,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,aAAa,QAAA,GAAW,oBAAA;AAAA,EACxB,GAAG;AACL,CAAA,yBACG,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,SAAA,EAChC,8BAAC,KAAA,EAAA,EAAI,GAAA,EAAK,WAAW,WAAA,EAAW,QAAA,EAAU,OAAO,EAAA,CAAG,SAAS,GAAI,GAAG,IAAA,EACjE,UACH,CAAA,EACF;AASK,IAAM,SAAA,GAAY,CAAC,EAAE,GAAA,GAAM,OAAO,GAAG,IAAA,EAAK,qBAC/C,GAAA,CAAC,qBAAkB,SAAA,EAAW,GAAA,EAAK,WAAA,EAAU,WAAA,EAAa,GAAG,IAAA,EAAM;;;ACvCrE,IAAO,iBAAA,GAAQ","file":"chunk-2F3PWEDR.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DirectionValue = \"ltr\" | \"rtl\";\n\nconst DirectionContext = createContext<DirectionValue>(\"ltr\");\n\n/** Returns the active text direction from the nearest `DirectionProvider` / `Direction` wrapper (default `ltr`). */\nexport const useDirection = () => useContext(DirectionContext);\n\nexport type DirectionProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"dir\"> & {\n  /** Text direction for the subtree — matches shadcn `DirectionProvider` (`direction` prop). */\n  direction?: DirectionValue;\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\n/**\n * Sets both React context and the HTML `dir` attribute on a wrapping element so logical CSS (`ms-*`, `me-*`, etc.) resolves correctly.\n * For full-document RTL, also set `dir` on `<html>` (see docs).\n */\nexport const DirectionProvider = ({\n  direction = \"ltr\",\n  class: className,\n  children,\n  \"data-slot\": dataSlot = \"direction-provider\",\n  ...rest\n}: DirectionProviderProps) => (\n  <DirectionContext.Provider value={direction}>\n    <div dir={direction} data-slot={dataSlot} class={cn(className)} {...rest}>\n      {children}\n    </div>\n  </DirectionContext.Provider>\n);\n\nexport type DirectionProps = Omit<DirectionProviderProps, \"direction\"> & {\n  /** Kamod legacy prop — same as `direction` on `DirectionProvider`. */\n  dir?: DirectionValue;\n};\n\n/** Same as `DirectionProvider` but uses prop `dir` instead of `direction` (backwards compatible). */\nexport const Direction = ({ dir = \"ltr\", ...rest }: DirectionProps) => (\n  <DirectionProvider direction={dir} data-slot=\"direction\" {...rest} />\n);\n","import { Direction, DirectionProvider, useDirection } from \"./Direction\";\n\nexport type { DirectionProps, DirectionProviderProps, DirectionValue } from \"./Direction\";\nexport { Direction, DirectionProvider, useDirection };\n\nexport default Direction;\n"]}

package/dist/{chunk-ZHAGKFSO.js → chunk-2SPOI3MX.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-MS2ZNYCJ.js';
+import { cn } from './chunk-XIANSPQO.js';
 import { jsx } from 'preact/jsx-runtime';
 
 var Prose = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
@@ -12,5 +12,5 @@ var Prose = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
 );
 
 export { Prose };
-//# sourceMappingURL=chunk-ZHAGKFSO.js.map
-//# sourceMappingURL=chunk-ZHAGKFSO.js.map
+//# sourceMappingURL=chunk-2SPOI3MX.js.map
+//# sourceMappingURL=chunk-2SPOI3MX.js.map

package/dist/{chunk-ZHAGKFSO.js.map → chunk-2SPOI3MX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/prose/Prose.tsx"],"names":[],"mappings":";;;AAOO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBAC1D,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,OAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,kDAAA,EAAoD,SAAS,CAAA;AAAA,IACtE,GAAG,IAAA;AAAA,IAEH;AAAA;AACH","file":"chunk-ZHAGKFSO.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ProseProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Prose = ({ class: className, children, ...rest }: ProseProps) => (\n  <div\n    data-slot=\"prose\"\n    class={cn(\"prose prose-neutral dark:prose-invert max-w-none\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n"]}
+{"version":3,"sources":["../src/components/prose/Prose.tsx"],"names":[],"mappings":";;;AAOO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBAC1D,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,OAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,kDAAA,EAAoD,SAAS,CAAA;AAAA,IACtE,GAAG,IAAA;AAAA,IAEH;AAAA;AACH","file":"chunk-2SPOI3MX.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ProseProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Prose = ({ class: className, children, ...rest }: ProseProps) => (\n  <div\n    data-slot=\"prose\"\n    class={cn(\"prose prose-neutral dark:prose-invert max-w-none\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n"]}

package/dist/chunk-2UTJHQTS.js

@@ -0,0 +1,162 @@
+import { useHeightDisclosureContent } from './chunk-ISISDJ3Z.js';
+import { cn } from './chunk-XIANSPQO.js';
+import { signal } from '@preact/signals';
+import { createContext, isValidElement, cloneElement } from 'preact';
+import { useContext, useMemo } from 'preact/hooks';
+import { jsx } from 'preact/jsx-runtime';
+
+var CollapsibleContext = createContext(null);
+var useCollapsible = () => {
+  const context = useContext(CollapsibleContext);
+  if (!context) throw new Error("Collapsible subcomponents must be used within Collapsible");
+  return context;
+};
+var Collapsible = ({
+  defaultOpen = false,
+  open: openProp,
+  onOpenChange,
+  children,
+  ...rest
+}) => {
+  const uncontrolled = useMemo(() => signal(defaultOpen), []);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? Boolean(openProp) : uncontrolled.value;
+  const setOpen = (next) => {
+    if (!isControlled) {
+      uncontrolled.value = next;
+    }
+    onOpenChange?.(next);
+  };
+  const context = { open, setOpen };
+  return /* @__PURE__ */ jsx(CollapsibleContext.Provider, { value: context, children: /* @__PURE__ */ jsx("div", { "data-slot": "collapsible", "data-state": open ? "open" : "closed", ...rest, children }) });
+};
+var CollapsibleContent = ({
+  forceMount = false,
+  duration = "320ms",
+  timingFunction = "cubic-bezier(0.22, 1, 0.36, 1)",
+  largeContentThreshold = 560,
+  children,
+  class: className,
+  style,
+  ...rest
+}) => {
+  const { open } = useCollapsible();
+  const {
+    allowRender,
+    isAnimatingClose,
+    isAnimatingOpen,
+    outerRef,
+    innerRef,
+    handleTransitionEnd
+  } = useHeightDisclosureContent({
+    open,
+    forceMount,
+    duration,
+    timingFunction,
+    largeContentThreshold
+  });
+  if (!allowRender) return null;
+  const mergedStyle = {
+    ...typeof style === "object" && style !== null && !Array.isArray(style) ? style : {},
+    ["--kamodui-collapsible-duration"]: duration,
+    ["--kamodui-collapsible-timing-function"]: timingFunction
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: outerRef,
+      "data-slot": "collapsible-content",
+      "data-state": open ? "open" : "closed",
+      onTransitionEnd: handleTransitionEnd,
+      style: mergedStyle,
+      class: cn(
+        "min-h-0 overflow-hidden",
+        (isAnimatingOpen || isAnimatingClose) && "will-change-[height]"
+      ),
+      "aria-hidden": !open && !isAnimatingClose,
+      inert: !open || void 0,
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: innerRef,
+          "data-slot": "collapsible-content-inner",
+          class: cn("min-h-0 min-w-0", className),
+          children
+        }
+      )
+    }
+  );
+};
+var callRef = (ref, node) => {
+  if (typeof ref === "function") {
+    ref(node);
+  } else if (ref && typeof ref === "object" && "current" in ref) {
+    ref.current = node;
+  }
+};
+var CollapsibleTrigger = ({
+  asChild = false,
+  children,
+  onClick,
+  ref: outerRef,
+  "data-slot": dataSlot = "collapsible-trigger",
+  ...rest
+}) => {
+  const { open, setOpen } = useCollapsible();
+  const toggle = () => setOpen(!open);
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented) return;
+    toggle();
+  };
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps,
+      ...rest,
+      "aria-expanded": open,
+      "data-state": open ? "open" : "closed",
+      "data-slot": dataSlot,
+      onClick: (event) => {
+        childProps.onClick?.(event);
+        handleClick(event);
+      },
+      ref: (node) => {
+        callRef(childProps.ref, node);
+        callRef(outerRef, node);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": dataSlot,
+      "aria-expanded": open,
+      "data-state": open ? "open" : "closed",
+      onClick: (event) => {
+        handleClick(event);
+      },
+      ref: (node) => {
+        callRef(outerRef, node);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+
+// src/components/collapsible/index.ts
+var collapsible_default = {
+  Root: Collapsible,
+  Trigger: CollapsibleTrigger,
+  Content: CollapsibleContent
+};
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, collapsible_default, useCollapsible };
+//# sourceMappingURL=chunk-2UTJHQTS.js.map
+//# sourceMappingURL=chunk-2UTJHQTS.js.map