@kamod-ch/ui 1.0.1 → 1.2.0

package/README.md

@@ -1,9 +1,9 @@
 <p align="center">
-  <img src="https://raw.githubusercontent.com/kamod-ch/kamod-ui/main/.github/assets/logo-kamod-ui-dark.svg#gh-light-mode-only" alt="kamod | UI" width="280" />
-  <img src="https://raw.githubusercontent.com/kamod-ch/kamod-ui/main/.github/assets/logo-kamod-ui-light.svg#gh-dark-mode-only" alt="kamod | UI" width="280" />
+  <img src="https://raw.githubusercontent.com/kamod-ch/kamod-ui/main/.github/assets/logo-kamod-ui-dark.svg#gh-light-mode-only" alt="Kamod UI" width="280" />
+  <img src="https://raw.githubusercontent.com/kamod-ch/kamod-ui/main/.github/assets/logo-kamod-ui-light.svg#gh-dark-mode-only" alt="Kamod UI" width="280" />
 </p>
 
-<h1 align="center">Kamod UI</h1>
+# Kamod UI
 
 Lightweight UI components for **Preact** and **Tailwind**: composable primitives you can customize, extend, and ship without a heavy runtime. Open source; source is meant to be read and adapted.
 
@@ -46,6 +46,18 @@ Many UI kits are heavier than necessary, overly opinionated, or tied to React. K
 
 ## Quick start
 
+### New project?
+
+```bash
+npm create kamod@latest
+```
+
+Choose a starter:
+
+- **Preact** → lightweight Preact applications
+- **Astro** → content-first sites with Preact Islands
+- **Otok** → full-stack Preact applications
+
 ### Vite + Preact + Tailwind v4 starter
 
 ```bash

package/dist/{Accordion-D1PiNspd.d.ts → Accordion-BiCBkB8o.d.ts}

@@ -19,6 +19,12 @@ type AccordionTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
 };
 declare const AccordionTrigger: ({ hideIndicator, indicator, children, class: className, onClick, ...rest }: AccordionTriggerProps) => JSX.Element;
 
+type AccordionItemContextValue = {
+    value: string;
+    isOpen: boolean;
+    disabled: boolean;
+};
+declare const useAccordionItem: () => AccordionItemContextValue;
 type AccordionItemProps = JSX.HTMLAttributes<HTMLDivElement> & {
     value: string;
     disabled?: boolean;
@@ -36,4 +42,4 @@ type AccordionProps = JSX.HTMLAttributes<HTMLDivElement> & {
 };
 declare const Accordion: ({ type, collapsible, defaultValue, children, ...rest }: AccordionProps) => JSX.Element;
 
-export { Accordion as A, AccordionContent as a, AccordionItem as b, AccordionTrigger as c, type AccordionProps as d, type AccordionItemProps as e, type AccordionTriggerProps as f, type AccordionContentProps as g };
+export { Accordion as A, AccordionContent as a, AccordionItem as b, AccordionTrigger as c, type AccordionProps as d, type AccordionItemProps as e, type AccordionTriggerProps as f, type AccordionContentProps as g, useAccordionItem as u };

package/dist/{AlertDialog-GadhKjPC.d.ts → AlertDialog-CZ2taZg4.d.ts}

@@ -1,9 +1,9 @@
 import * as preact from 'preact';
 import { ComponentChildren, JSX } from 'preact';
 import { VariantProps } from 'tailwind-variants';
-import { b as button } from './Button-vQnkiVTI.js';
-import { e as DialogCloseProps, d as DialogTriggerProps, c as DialogProps } from './Dialog-BOIteLfe.js';
-import { b as DialogContentProps } from './DialogContent-cQHSRQdT.js';
+import { b as button } from './Button-OI3VvO-J.js';
+import { d as DialogCloseProps, c as DialogTriggerProps, e as DialogProps } from './Dialog-DdD1sMwk.js';
+import { b as DialogContentProps } from './DialogContent-YWzwWdSv.js';
 
 type AlertDialogActionProps = DialogCloseProps & {
     variant?: VariantProps<typeof button>["variant"];

package/dist/Button-OI3VvO-J.d.ts

@@ -0,0 +1,84 @@
+import * as preact from 'preact';
+import { ComponentChildren, JSX } from 'preact';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const button: tailwind_variants.TVReturnType<{
+    variant: {
+        default: "bg-primary text-background hover:bg-foreground/90 focus-visible:ring-outline/50";
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 focus-visible:ring-secondary/50";
+        inverse: "bg-foreground text-background hover:opacity-[0.85] focus-visible:ring-outline/50";
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border";
+        ghost: "hover:bg-muted hover:text-foreground focus-visible:ring-outline/50";
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-outline/50";
+        link: "h-auto p-0 text-primary underline-offset-4 hover:underline active:translate-y-0 focus-visible:ring-0";
+    };
+    size: {
+        xxs: "h-5 gap-1 px-1.5 text-[10px]";
+        xs: "h-6 gap-1 px-2 text-xs";
+        sm: "h-7 gap-1.5 px-3";
+        default: "h-8 gap-1.5 px-2.5";
+        lg: "h-9 gap-2 px-5 text-base has-[>svg]:px-4 [&_svg:not([class*='size-'])]:size-4.5";
+        icon: "size-8";
+        "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3.5";
+        "icon-sm": "size-7 [&_svg:not([class*='size-'])]:size-4";
+        "icon-lg": "size-9 [&_svg:not([class*='size-'])]:size-5";
+    };
+}, undefined, string[], {
+    variant: {
+        default: "bg-primary text-background hover:bg-foreground/90 focus-visible:ring-outline/50";
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 focus-visible:ring-secondary/50";
+        inverse: "bg-foreground text-background hover:opacity-[0.85] focus-visible:ring-outline/50";
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border";
+        ghost: "hover:bg-muted hover:text-foreground focus-visible:ring-outline/50";
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-outline/50";
+        link: "h-auto p-0 text-primary underline-offset-4 hover:underline active:translate-y-0 focus-visible:ring-0";
+    };
+    size: {
+        xxs: "h-5 gap-1 px-1.5 text-[10px]";
+        xs: "h-6 gap-1 px-2 text-xs";
+        sm: "h-7 gap-1.5 px-3";
+        default: "h-8 gap-1.5 px-2.5";
+        lg: "h-9 gap-2 px-5 text-base has-[>svg]:px-4 [&_svg:not([class*='size-'])]:size-4.5";
+        icon: "size-8";
+        "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3.5";
+        "icon-sm": "size-7 [&_svg:not([class*='size-'])]:size-4";
+        "icon-lg": "size-9 [&_svg:not([class*='size-'])]:size-5";
+    };
+}, undefined, tailwind_variants.TVReturnTypeLike<{
+    variant: {
+        default: "bg-primary text-background hover:bg-foreground/90 focus-visible:ring-outline/50";
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 focus-visible:ring-secondary/50";
+        inverse: "bg-foreground text-background hover:opacity-[0.85] focus-visible:ring-outline/50";
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border";
+        ghost: "hover:bg-muted hover:text-foreground focus-visible:ring-outline/50";
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-outline/50";
+        link: "h-auto p-0 text-primary underline-offset-4 hover:underline active:translate-y-0 focus-visible:ring-0";
+    };
+    size: {
+        xxs: "h-5 gap-1 px-1.5 text-[10px]";
+        xs: "h-6 gap-1 px-2 text-xs";
+        sm: "h-7 gap-1.5 px-3";
+        default: "h-8 gap-1.5 px-2.5";
+        lg: "h-9 gap-2 px-5 text-base has-[>svg]:px-4 [&_svg:not([class*='size-'])]:size-4.5";
+        icon: "size-8";
+        "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3.5";
+        "icon-sm": "size-7 [&_svg:not([class*='size-'])]:size-4";
+        "icon-lg": "size-9 [&_svg:not([class*='size-'])]:size-5";
+    };
+}, undefined>>;
+type CommonProps = VariantProps<typeof button> & {
+    class?: string;
+    asChild?: boolean;
+    children?: ComponentChildren;
+};
+type ButtonAsButton = CommonProps & JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    href?: undefined;
+};
+type ButtonAsAnchor = CommonProps & JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+};
+type ButtonProps = ButtonAsButton | ButtonAsAnchor;
+declare const Button: ({ variant, size, asChild, class: className, children, ...rest }: ButtonProps) => JSX.Element | preact.VNode<{}> | null;
+
+export { Button as B, button as b };

package/dist/{Collapsible-CW1hQwqV.d.ts → Collapsible-BdQqvk35.d.ts}

@@ -20,6 +20,11 @@ type CollapsibleTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
 };
 declare const CollapsibleTrigger: ({ asChild, children, onClick, ref: outerRef, "data-slot": dataSlot, ...rest }: CollapsibleTriggerProps) => JSX.Element | preact.VNode<{}> | null;
 
+type CollapsibleContextValue = {
+    open: boolean;
+    setOpen: (next: boolean) => void;
+};
+declare const useCollapsible: () => CollapsibleContextValue;
 type CollapsibleProps = JSX.HTMLAttributes<HTMLDivElement> & {
     /** Uncontrolled initial state */
     defaultOpen?: boolean;
@@ -31,4 +36,4 @@ type CollapsibleProps = JSX.HTMLAttributes<HTMLDivElement> & {
 };
 declare const Collapsible: ({ defaultOpen, open: openProp, onOpenChange, children, ...rest }: CollapsibleProps) => JSX.Element;
 
-export { Collapsible as C, CollapsibleContent as a, CollapsibleTrigger as b, type CollapsibleProps as c, type CollapsibleTriggerProps as d, type CollapsibleContentProps as e };
+export { Collapsible as C, CollapsibleContent as a, CollapsibleTrigger as b, type CollapsibleProps as c, type CollapsibleTriggerProps as d, type CollapsibleContentProps as e, useCollapsible as u };

package/dist/{ComboboxValue-BGfXgtZt.d.ts → ComboboxValue-Cq6zoDkt.d.ts}

@@ -1,7 +1,7 @@
 import * as preact from 'preact';
 import { JSX, ComponentChildren } from 'preact';
 import { C as CommandProps, e as CommandInputProps, l as CommandItemProps, m as CommandListProps } from './CommandSeparator-wZRCsqsT.js';
-import { P as PopoverContentProps, a as PopoverTriggerProps } from './PopoverTrigger-CH_Kx2mn.js';
+import { P as PopoverContentProps, a as PopoverTriggerProps } from './PopoverTrigger-CIPAh0h0.js';
 import { Signal } from '@preact/signals';
 
 type ComboboxChipProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & {

package/dist/{Dialog-BOIteLfe.d.ts → Dialog-DdD1sMwk.d.ts}

@@ -1,5 +1,6 @@
 import * as preact from 'preact';
 import { JSX, ComponentChildren } from 'preact';
+import { signal, Signal } from '@preact/signals';
 
 type DialogCloseProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
@@ -15,6 +16,16 @@ type DialogTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
 };
 declare const DialogTrigger: ({ asChild, children, onClick, onPointerDown, ref: outerRef, "data-slot": dataSlot, ...rest }: DialogTriggerProps) => JSX.Element | preact.VNode<{}> | null;
 
+type DialogContextValue = {
+    open: ReturnType<typeof signal<boolean>>;
+    setOpen: (next: boolean) => void;
+    triggerRef: {
+        current: HTMLElement | null;
+    };
+    titleId: Signal<string | undefined>;
+    descriptionId: Signal<string | undefined>;
+};
+declare const useDialog: () => DialogContextValue;
 type DialogProps = JSX.HTMLAttributes<HTMLDivElement> & {
     defaultOpen?: boolean;
     open?: boolean;
@@ -25,4 +36,4 @@ type DialogProps = JSX.HTMLAttributes<HTMLDivElement> & {
 };
 declare const Dialog: ({ defaultOpen, open: openProp, onOpenChange, lockBodyScroll, children, ...rest }: DialogProps) => JSX.Element;
 
-export { Dialog as D, DialogClose as a, DialogTrigger as b, type DialogProps as c, type DialogTriggerProps as d, type DialogCloseProps as e };
+export { Dialog as D, DialogClose as a, DialogTrigger as b, type DialogTriggerProps as c, type DialogCloseProps as d, type DialogProps as e, useDialog as u };

package/dist/{DialogContent-cQHSRQdT.d.ts → DialogContent-YWzwWdSv.d.ts}

@@ -1,6 +1,11 @@
 import * as preact from 'preact';
 import { JSX, ComponentChildren } from 'preact';
 
+/**
+ * `fixed inset-0` can miss edge pixels vs full-viewport overlays; explicit `100vw` / `100vh`
+ * keeps the backdrop flush with the visual viewport.
+ */
+declare const dialogViewportBleedClass = "fixed left-0 top-0 h-screen min-h-[100dvh] w-screen min-w-[100vw]";
 type DialogContentPresentation = "modal" | "slot";
 type DialogContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
     forceMount?: boolean;
@@ -21,4 +26,4 @@ type DialogContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
  */
 declare const DialogContent: ({ forceMount, presentation, showCloseButton, class: className, children, onKeyDown, "data-slot": dataSlot, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...rest }: DialogContentProps) => JSX.Element | preact.VNode<{}> | null;
 
-export { DialogContent as D, type DialogContentPresentation as a, type DialogContentProps as b };
+export { DialogContent as D, type DialogContentPresentation as a, type DialogContentProps as b, dialogViewportBleedClass as d };

package/dist/{Drawer-CdjXZxxK.d.ts → Drawer-8xfn9KLf.d.ts}

@@ -1,8 +1,8 @@
 import * as preact from 'preact';
 import { ComponentChildren } from 'preact';
-import { e as DialogCloseProps, d as DialogTriggerProps } from './Dialog-BOIteLfe.js';
+import { d as DialogCloseProps, c as DialogTriggerProps } from './Dialog-DdD1sMwk.js';
 import { c as DialogDescriptionProps, b as DialogTitleProps } from './DialogTitle-CerJD0oA.js';
-import { g as SheetFooterProps, f as SheetHeaderProps, e as SheetContentProps, d as SheetProps } from './Sheet-DZ-p-aHY.js';
+import { g as SheetFooterProps, f as SheetHeaderProps, e as SheetContentProps, d as SheetProps } from './Sheet-DVt5iTiK.js';
 
 type DrawerCloseProps = DialogCloseProps;
 declare const DrawerClose: (props: DrawerCloseProps) => preact.JSX.Element;

package/dist/{Dropdown-CVbWVKok.d.ts → Dropdown-CzDJJgXQ.d.ts}

@@ -69,56 +69,61 @@ declare const DropdownLabel: ({ inset, class: className, children, ...rest }: Dr
 
 declare const dropdownItem: tailwind_variants.TVReturnType<{
     variant: {
-        default: string;
-        destructive: string;
+        default: "";
+        destructive: "text-destructive hover:bg-destructive/10 hover:text-destructive focus:bg-destructive/10 focus:text-destructive dark:focus:bg-destructive/20 [&_svg]:text-destructive";
     };
     inset: {
-        true: string;
+        true: "ps-6";
     };
 }, undefined, string[], {
     variant: {
-        default: string;
-        destructive: string;
+        default: "";
+        destructive: "text-destructive hover:bg-destructive/10 hover:text-destructive focus:bg-destructive/10 focus:text-destructive dark:focus:bg-destructive/20 [&_svg]:text-destructive";
     };
     inset: {
-        true: string;
+        true: "ps-6";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     variant: {
-        default: string;
-        destructive: string;
+        default: "";
+        destructive: "text-destructive hover:bg-destructive/10 hover:text-destructive focus:bg-destructive/10 focus:text-destructive dark:focus:bg-destructive/20 [&_svg]:text-destructive";
     };
     inset: {
-        true: string;
+        true: "ps-6";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
-type DropdownItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof dropdownItem> & {
+}, undefined>>;
+type DropdownItemSharedProps = VariantProps<typeof dropdownItem> & {
     children?: ComponentChildren;
 };
-declare const DropdownItem: ({ inset, variant, class: className, children, onClick, ...rest }: DropdownItemProps) => JSX.Element;
+type DropdownItemProps = DropdownItemSharedProps & ((Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "href"> & {
+    href?: undefined;
+}) | (JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+}));
+declare const DropdownItem: ({ inset, variant, class: className, children, onClick, href, ...rest }: DropdownItemProps) => JSX.Element;
 
 declare const dropdownContent: tailwind_variants.TVReturnType<{
     side: {
-        bottom: string;
-        top: string;
-        right: string;
-        left: string;
+        bottom: "slide-in-from-top-2";
+        top: "slide-in-from-bottom-2";
+        right: "slide-in-from-left-2";
+        left: "slide-in-from-right-2";
     };
 }, undefined, string[], {
     side: {
-        bottom: string;
-        top: string;
-        right: string;
-        left: string;
+        bottom: "slide-in-from-top-2";
+        top: "slide-in-from-bottom-2";
+        right: "slide-in-from-left-2";
+        left: "slide-in-from-right-2";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     side: {
-        bottom: string;
-        top: string;
-        right: string;
-        left: string;
+        bottom: "slide-in-from-top-2";
+        top: "slide-in-from-bottom-2";
+        right: "slide-in-from-left-2";
+        left: "slide-in-from-right-2";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 type DropdownContentProps = JSX.HTMLAttributes<HTMLDivElement> & VariantProps<typeof dropdownContent> & {
     forceMount?: boolean;
     side?: "top" | "bottom" | "left" | "right";

package/dist/{FieldTitle-aSgThW-B.d.ts → FieldTitle-hsI0Y6Zm.d.ts}

@@ -5,23 +5,23 @@ import { VariantProps } from 'tailwind-variants';
 /** Root layout for composable Field (shadcn fieldVariants). */
 declare const fieldRoot: tailwind_variants.TVReturnType<{
     orientation: {
-        vertical: string;
+        vertical: "flex-col *:w-full [.sr-only]:w-auto";
         horizontal: string[];
         responsive: string[];
     };
 }, undefined, string[], {
     orientation: {
-        vertical: string;
+        vertical: "flex-col *:w-full [.sr-only]:w-auto";
         horizontal: string[];
         responsive: string[];
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     orientation: {
-        vertical: string;
+        vertical: "flex-col *:w-full [.sr-only]:w-auto";
         horizontal: string[];
         responsive: string[];
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 type FieldRootVariants = VariantProps<typeof fieldRoot>;
 
 type FieldProps = JSX.HTMLAttributes<HTMLDivElement> & FieldRootVariants & {
@@ -67,20 +67,20 @@ declare const FieldLabel: ({ class: className, ...rest }: FieldLabelProps) => JS
 
 declare const fieldLegend: tailwind_variants.TVReturnType<{
     variant: {
-        legend: string;
-        label: string;
+        legend: "text-base font-semibold";
+        label: "text-sm font-medium";
     };
 }, undefined, "", {
     variant: {
-        legend: string;
-        label: string;
+        legend: "text-base font-semibold";
+        label: "text-sm font-medium";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     variant: {
-        legend: string;
-        label: string;
+        legend: "text-base font-semibold";
+        label: "text-sm font-medium";
     };
-}, undefined, "", unknown, unknown, undefined>>;
+}, undefined>>;
 type FieldLegendProps = JSX.HTMLAttributes<HTMLLegendElement> & VariantProps<typeof fieldLegend>;
 declare const FieldLegend: ({ class: className, variant, ...rest }: FieldLegendProps) => JSX.Element;
 

package/dist/{HoverCard-aVEEtkyO.d.ts → HoverCard-CBBr-tT9.d.ts}

@@ -5,26 +5,26 @@ import { JSX, ComponentChildren } from 'preact';
 
 declare const hoverCardContent: tailwind_variants.TVReturnType<{
     side: {
-        bottom: string;
-        top: string;
-        right: string;
-        left: string;
+        bottom: "slide-in-from-top-2";
+        top: "slide-in-from-bottom-2";
+        right: "slide-in-from-left-2";
+        left: "slide-in-from-right-2";
     };
 }, undefined, string[], {
     side: {
-        bottom: string;
-        top: string;
-        right: string;
-        left: string;
+        bottom: "slide-in-from-top-2";
+        top: "slide-in-from-bottom-2";
+        right: "slide-in-from-left-2";
+        left: "slide-in-from-right-2";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     side: {
-        bottom: string;
-        top: string;
-        right: string;
-        left: string;
+        bottom: "slide-in-from-top-2";
+        top: "slide-in-from-bottom-2";
+        right: "slide-in-from-left-2";
+        left: "slide-in-from-right-2";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 type HoverCardContentProps = JSX.HTMLAttributes<HTMLDivElement> & VariantProps<typeof hoverCardContent> & {
     side?: "top" | "bottom" | "left" | "right";
     align?: "start" | "center" | "end";

package/dist/{Input-Cem05el9.d.ts → Input-C_X0Xpn2.d.ts}

@@ -4,23 +4,23 @@ import { JSX } from 'preact';
 
 declare const input: tailwind_variants.TVReturnType<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: "h-7 px-2.5 text-sm";
+        md: "h-8 px-3 text-sm";
+        lg: "h-9 px-3.5 text-base";
     };
 }, undefined, string[], {
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: "h-7 px-2.5 text-sm";
+        md: "h-8 px-3 text-sm";
+        lg: "h-9 px-3.5 text-base";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: "h-7 px-2.5 text-sm";
+        md: "h-8 px-3 text-sm";
+        lg: "h-9 px-3.5 text-base";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 type InputProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<typeof input>;
 declare const Input: ({ size, class: className, ...rest }: InputProps) => JSX.Element;
 

package/dist/{PopoverTrigger-CH_Kx2mn.d.ts → PopoverTrigger-CIPAh0h0.d.ts}

@@ -5,26 +5,26 @@ import { JSX, ComponentChildren } from 'preact';
 
 declare const popoverContent: tailwind_variants.TVReturnType<{
     side: {
-        bottom: string;
-        top: string;
-        right: string;
-        left: string;
+        bottom: "slide-in-from-top-2";
+        top: "slide-in-from-bottom-2";
+        right: "slide-in-from-left-2";
+        left: "slide-in-from-right-2";
     };
 }, undefined, string[], {
     side: {
-        bottom: string;
-        top: string;
-        right: string;
-        left: string;
+        bottom: "slide-in-from-top-2";
+        top: "slide-in-from-bottom-2";
+        right: "slide-in-from-left-2";
+        left: "slide-in-from-right-2";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     side: {
-        bottom: string;
-        top: string;
-        right: string;
-        left: string;
+        bottom: "slide-in-from-top-2";
+        top: "slide-in-from-bottom-2";
+        right: "slide-in-from-left-2";
+        left: "slide-in-from-right-2";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 type PopoverContentProps = JSX.HTMLAttributes<HTMLDivElement> & VariantProps<typeof popoverContent> & {
     forceMount?: boolean;
     side?: "top" | "bottom" | "left" | "right";

package/dist/{RadioGroup-BaElzLwa.d.ts → RadioGroup-BDF3NaXQ.d.ts}

@@ -4,20 +4,20 @@ import { JSX, ComponentChildren } from 'preact';
 
 declare const itemRoot: tailwind_variants.TVReturnType<{
     size: {
-        default: string;
-        sm: string;
+        default: "";
+        sm: "gap-2 text-xs";
     };
 }, undefined, string[], {
     size: {
-        default: string;
-        sm: string;
+        default: "";
+        sm: "gap-2 text-xs";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     size: {
-        default: string;
-        sm: string;
+        default: "";
+        sm: "gap-2 text-xs";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 type ItemVariants = VariantProps<typeof itemRoot>;
 type RadioGroupItemProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "type" | "name" | "class" | "size"> & ItemVariants & {
     value: string;

package/dist/{Sheet-DZ-p-aHY.d.ts → Sheet-DVt5iTiK.d.ts}

@@ -1,6 +1,6 @@
 import * as preact from 'preact';
 import { JSX, ComponentChildren } from 'preact';
-import { c as DialogProps } from './Dialog-BOIteLfe.js';
+import { e as DialogProps } from './Dialog-DdD1sMwk.js';
 
 type SheetFooterProps = JSX.HTMLAttributes<HTMLDivElement> & {
     children?: ComponentChildren;