@kamod-ch/ui 1.0.1 → 1.2.0

package/dist/SidebarProvider-CoVCItNd.d.ts

@@ -0,0 +1,160 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { JSX, ComponentChildren } from 'preact';
+import { a as InputProps } from './Input-C_X0Xpn2.js';
+import { a as SeparatorProps } from './Separator-DCQYrnpB.js';
+
+type SidebarMenuProps = JSX.HTMLAttributes<HTMLUListElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarMenu: ({ class: className, children, ...rest }: SidebarMenuProps) => JSX.Element;
+type SidebarMenuItemProps = JSX.HTMLAttributes<HTMLLIElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarMenuItem: ({ class: className, children, ...rest }: SidebarMenuItemProps) => JSX.Element;
+declare const sidebarMenuButton: tailwind_variants.TVReturnType<{
+    variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground";
+        outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]";
+    };
+    size: {
+        default: "h-8 text-sm";
+        sm: "h-7 text-xs";
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!";
+    };
+}, undefined, string[], {
+    variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground";
+        outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]";
+    };
+    size: {
+        default: "h-8 text-sm";
+        sm: "h-7 text-xs";
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!";
+    };
+}, undefined, tailwind_variants.TVReturnTypeLike<{
+    variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground";
+        outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]";
+    };
+    size: {
+        default: "h-8 text-sm";
+        sm: "h-7 text-xs";
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!";
+    };
+}, undefined>>;
+type SidebarMenuButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof sidebarMenuButton> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | JSX.HTMLAttributes<HTMLDivElement>;
+    children?: ComponentChildren;
+};
+declare const SidebarMenuButton: ({ asChild, isActive, variant, size, tooltip, class: className, children, ...rest }: SidebarMenuButtonProps) => JSX.Element;
+type SidebarMenuActionProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+    children?: ComponentChildren;
+};
+declare const SidebarMenuAction: ({ class: className, asChild, showOnHover, children, ...rest }: SidebarMenuActionProps) => JSX.Element;
+type SidebarMenuBadgeProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarMenuBadge: ({ class: className, children, ...rest }: SidebarMenuBadgeProps) => JSX.Element;
+type SidebarMenuSkeletonProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    showIcon?: boolean;
+};
+declare const SidebarMenuSkeleton: ({ class: className, showIcon, ...rest }: SidebarMenuSkeletonProps) => JSX.Element;
+type SidebarMenuSubProps = JSX.HTMLAttributes<HTMLUListElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarMenuSub: ({ class: className, children, ...rest }: SidebarMenuSubProps) => JSX.Element;
+type SidebarMenuSubItemProps = JSX.HTMLAttributes<HTMLLIElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarMenuSubItem: ({ class: className, children, ...rest }: SidebarMenuSubItemProps) => JSX.Element;
+type SidebarMenuSubButtonProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+    children?: ComponentChildren;
+};
+declare const SidebarMenuSubButton: ({ asChild, size, isActive, class: className, children, ...rest }: SidebarMenuSubButtonProps) => JSX.Element;
+
+type SidebarInputProps = InputProps;
+declare const SidebarInput: ({ class: className, ...rest }: SidebarInputProps) => JSX.Element;
+type SidebarSeparatorProps = SeparatorProps;
+declare const SidebarSeparator: ({ class: className, ...rest }: SidebarSeparatorProps) => JSX.Element;
+type SidebarGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarGroup: ({ class: className, children, ...rest }: SidebarGroupProps) => JSX.Element;
+type SidebarGroupLabelProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+    children?: ComponentChildren;
+};
+declare const SidebarGroupLabel: ({ class: className, asChild, children, ...rest }: SidebarGroupLabelProps) => JSX.Element;
+type SidebarGroupActionProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    children?: ComponentChildren;
+};
+declare const SidebarGroupAction: ({ class: className, asChild, children, ...rest }: SidebarGroupActionProps) => JSX.Element;
+type SidebarGroupContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarGroupContent: ({ class: className, children, ...rest }: SidebarGroupContentProps) => JSX.Element;
+
+type SidebarRailProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const SidebarRail: ({ class: className, ...rest }: SidebarRailProps) => JSX.Element;
+
+type SidebarInsetProps = JSX.HTMLAttributes<HTMLElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarInset: ({ class: className, children, ...rest }: SidebarInsetProps) => JSX.Element;
+
+type SidebarFooterProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarFooter: ({ class: className, children, ...rest }: SidebarFooterProps) => JSX.Element;
+
+type SidebarContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarContent: ({ class: className, children, ...rest }: SidebarContentProps) => JSX.Element;
+
+type SidebarHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const SidebarHeader: ({ class: className, children, ...rest }: SidebarHeaderProps) => JSX.Element;
+
+type SidebarTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
+    class?: string;
+};
+declare const SidebarTrigger: ({ class: className, onClick, ...rest }: SidebarTriggerProps) => JSX.Element;
+
+type SidebarProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+    children?: ComponentChildren;
+};
+declare const Sidebar: ({ side, variant, collapsible, class: className, children, ...rest }: SidebarProps) => JSX.Element;
+
+type SidebarContextValue = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean | ((prev: boolean) => boolean)) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean | ((prev: boolean) => boolean)) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare const useSidebar: () => SidebarContextValue;
+type SidebarProviderProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ComponentChildren;
+};
+declare const SidebarProvider: ({ defaultOpen, open: openProp, onOpenChange: setOpenProp, class: className, style, children, ...rest }: SidebarProviderProps) => JSX.Element;
+
+export { type SidebarHeaderProps as A, type SidebarContentProps as B, type SidebarFooterProps as C, type SidebarInsetProps as D, type SidebarRailProps as E, type SidebarGroupProps as F, type SidebarMenuProps as G, Sidebar as S, SidebarContent as a, SidebarFooter as b, SidebarGroup as c, SidebarGroupAction as d, SidebarGroupContent as e, SidebarGroupLabel as f, SidebarHeader as g, SidebarInput as h, SidebarInset as i, SidebarMenu as j, SidebarMenuAction as k, SidebarMenuBadge as l, SidebarMenuButton as m, SidebarMenuItem as n, SidebarMenuSkeleton as o, SidebarMenuSub as p, SidebarMenuSubButton as q, SidebarMenuSubItem as r, type SidebarProps as s, SidebarProvider as t, type SidebarProviderProps as u, SidebarRail as v, SidebarSeparator as w, SidebarTrigger as x, useSidebar as y, type SidebarTriggerProps as z };

package/dist/{Switch-CTTkNdqF.d.ts → Switch-BcNJFeRY.d.ts}

@@ -4,20 +4,20 @@ import { JSX, ComponentChildren } from 'preact';
 
 declare const switchRoot: tailwind_variants.TVReturnType<{
     size: {
-        default: string;
-        sm: string;
+        default: "h-6 w-11";
+        sm: "h-5 w-9";
     };
 }, undefined, string[], {
     size: {
-        default: string;
-        sm: string;
+        default: "h-6 w-11";
+        sm: "h-5 w-9";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnTypeLike<{
     size: {
-        default: string;
-        sm: string;
+        default: "h-6 w-11";
+        sm: "h-5 w-9";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 type SwitchVariants = VariantProps<typeof switchRoot>;
 type SwitchProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "class"> & SwitchVariants & {
     class?: string;

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":";;;;AAOO,IAAM,UAAA,GAAa,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBAC/D,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,YAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAU,YAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA;AAAA,IACxD,GAAG,IAAA;AAAA,IAEH;AAAA;AACH;ACRK,IAAM,oBAAoB,CAAC;AAAA,EAChC,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACEA,GAAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,oBAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,4CAAA,EAA8C,SAAS,CAAA;AAAA,IAChE,GAAG,IAAA;AAAA,IAEH;AAAA;AACH;ACfF,IAAM,OAAA,GAA4C;AAAA,EAChD,KAAA,EAAO,4BAAA;AAAA,EACP,IAAA,EAAM,MAAA;AAAA,EACN,MAAA,EAAQ,cAAA;AAAA,EACR,cAAA,EAAgB,CAAA;AAAA,EAChB,gBAAA,EAAkB,OAAA;AAAA,EAClB,iBAAA,EAAmB,OAAA;AAAA,EACnB,aAAA,EAAe;AACjB,CAAA;AAEO,IAAM,wBAAwB,CAAC;AAAA,EACpC,KAAA,EAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,qBACEA,GAAAA,CAAC,KAAA,EAAA,EAAK,GAAG,OAAA,EAAS,OAAA,EAAQ,aAAY,KAAA,EAAO,EAAA,CAAG,UAAU,SAAS,CAAA,EAAI,GAAG,KAAA,EACxE,QAAA,kBAAAA,IAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kBAAiB,CAAA,EAC3B,CAAA;AAGK,IAAM,yBAAyB,CAAC;AAAA,EACrC,KAAA,EAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,qBACEA,GAAAA,CAAC,KAAA,EAAA,EAAK,GAAG,OAAA,EAAS,OAAA,EAAQ,aAAY,KAAA,EAAO,EAAA,CAAG,UAAU,SAAS,CAAA,EAAI,GAAG,KAAA,EACxE,QAAA,kBAAAA,IAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iBAAgB,CAAA,EAC1B,CAAA;AAGK,IAAM,2BAA2B,CAAC;AAAA,EACvC,KAAA,EAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,qBACE,IAAA,CAAC,KAAA,EAAA,EAAK,GAAG,OAAA,EAAS,OAAA,EAAQ,WAAA,EAAY,KAAA,EAAO,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA,EAAI,GAAG,KAAA,EACxE,QAAA,EAAA;AAAA,kBAAAA,IAAC,QAAA,EAAA,EAAO,EAAA,EAAG,MAAK,EAAA,EAAG,IAAA,EAAK,GAAE,GAAA,EAAI,CAAA;AAAA,kBAC9BA,IAAC,QAAA,EAAA,EAAO,EAAA,EAAG,MAAK,EAAA,EAAG,IAAA,EAAK,GAAE,GAAA,EAAI,CAAA;AAAA,kBAC9BA,IAAC,QAAA,EAAA,EAAO,EAAA,EAAG,KAAI,EAAA,EAAG,IAAA,EAAK,GAAE,GAAA,EAAI;AAAA,CAAA,EAC/B,CAAA;ACjCK,IAAM,kBAAA,GAAqB,CAAC,EAAE,KAAA,EAAO,WAAW,GAAG,IAAA,uBACxDC,IAAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,qBAAA;AAAA,IACV,aAAA,EAAW,IAAA;AAAA,IACX,KAAA,EAAO,EAAA,CAAG,+DAAA,EAAiE,SAAS,CAAA;AAAA,IACnF,GAAG,IAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAD,IAAC,wBAAA,EAAA,EAAyB,CAAA;AAAA,sBAC1BA,GAAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,WAAU,QAAA,EAAA,YAAA,EAAU;AAAA;AAAA;AAClC;ACTK,IAAM,cAAA,GAAiB,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBACjDA,GAAAA,CAAC,IAAA,EAAA,EAAG,WAAA,EAAU,iBAAA,EAAmB,GAAG,MACjC,QAAA,EACH;ACGK,IAAM,iBAAiB,CAAC;AAAA,EAC7B,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,aAAa,QAAA,GAAW,iBAAA;AAAA,EACxB,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA2B;AACzB,EAAA,MAAM,CAAA,GAAI,IAAA;AACV,EAAA,MAAM,cAAA,GAAkB,CAAA,CAAE,KAAA,IAAS,CAAA,CAAE,SAAA;AACrC,EAAA,MAAM,EAAE,KAAA,EAAO,EAAA,EAAI,WAAW,GAAA,EAAK,GAAG,YAAW,GAAI,CAAA;AAErD,EAAA,uBACEA,GAAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAI,UAAA;AAAA,MACL,WAAA,EAAW,QAAA;AAAA,MACX,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,MAClC,KAAA,EAAO,EAAA;AAAA,QACL,OAAO,EAAE,OAAA,EAAS,WAAW,SAAA,GAAY,OAAA,EAAS,MAAM,CAAA;AAAA,QACxD,mEAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AC7BO,IAAM,iBAAiB,CAAC;AAAA,EAC7B,QAAA;AAAA,EACA,IAAA,GAAO,MAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,qBACEA,GAAAA;AAAA,EAAC,cAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,iBAAA;AAAA,IACV,YAAA,EAAW,iBAAA;AAAA,IACX,IAAA,EAAK,SAAA;AAAA,IACL,KAAA,EAAO,EAAA,CAAG,wBAAA,EAA0B,SAAS,CAAA;AAAA,IAC5C,GAAG,IAAA;AAAA,IAEH,uBAAa,MAAA,IAAa,QAAA,KAAa,OACtC,QAAA,mBAEAC,KAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAD,GAAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,kBAAA,EAAoB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,sBACrCA,IAAC,sBAAA,EAAA,EAAuB;AAAA,KAAA,EAC1B;AAAA;AAEJ;ACrBK,IAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,IAAA,GAAO,UAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,qBACEA,GAAAA;AAAA,EAAC,cAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,qBAAA;AAAA,IACV,YAAA,EAAW,qBAAA;AAAA,IACX,IAAA,EAAK,SAAA;AAAA,IACL,KAAA,EAAO,EAAA,CAAG,wBAAA,EAA0B,SAAS,CAAA;AAAA,IAC5C,GAAG,IAAA;AAAA,IAEH,QAAA,EAAA,QAAA,KAAa,UAAa,QAAA,KAAa,IAAA,GACtC,2BAEAC,IAAAA,CAAAC,UAAA,EACE,QAAA,EAAA;AAAA,sBAAAF,IAAC,qBAAA,EAAA,EAAsB,CAAA;AAAA,sBACvBA,GAAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,oBAAoB,QAAA,EAAA,IAAA,EAAK;AAAA,KAAA,EACvC;AAAA;AAEJ","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"]}