@hyddenlabs/hydn-ui 0.3.0-alpha.152 → 0.3.0-alpha.154

package/dist/index.d.ts

@@ -25,7 +25,439 @@ declare namespace ColorModeToggle {
     var displayName: string;
 }
 
-type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | number;
+declare const visualSizes: {
+    readonly xs: {
+        readonly classes: "w-3.5 h-3.5 sm:w-3 sm:h-3";
+        readonly pixels: {
+            readonly mobile: 14;
+            readonly desktop: 12;
+        };
+    };
+    readonly sm: {
+        readonly classes: "w-5 h-5 sm:w-4 sm:h-4";
+        readonly pixels: {
+            readonly mobile: 20;
+            readonly desktop: 16;
+        };
+    };
+    readonly md: {
+        readonly classes: "w-6 h-6 sm:w-5 sm:h-5";
+        readonly pixels: {
+            readonly mobile: 24;
+            readonly desktop: 20;
+        };
+    };
+    readonly lg: {
+        readonly classes: "w-7 h-7 sm:w-6 sm:h-6";
+        readonly pixels: {
+            readonly mobile: 28;
+            readonly desktop: 24;
+        };
+    };
+    readonly xl: {
+        readonly classes: "w-8 h-8 sm:w-7 sm:h-7";
+        readonly pixels: {
+            readonly mobile: 32;
+            readonly desktop: 28;
+        };
+    };
+    readonly '2xl': {
+        readonly classes: "w-9 h-9 sm:w-8 sm:h-8";
+        readonly pixels: {
+            readonly mobile: 36;
+            readonly desktop: 32;
+        };
+    };
+    readonly '3xl': {
+        readonly classes: "w-12 h-12 sm:w-10 sm:h-10";
+        readonly pixels: {
+            readonly mobile: 48;
+            readonly desktop: 40;
+        };
+    };
+};
+type Size = keyof typeof visualSizes;
+declare const spinnerSizes: {
+    readonly xs: {
+        readonly border: "border";
+        readonly classes: "w-3.5 h-3.5 sm:w-3 sm:h-3";
+        readonly pixels: {
+            readonly mobile: 14;
+            readonly desktop: 12;
+        };
+    };
+    readonly sm: {
+        readonly border: "border-2";
+        readonly classes: "w-5 h-5 sm:w-4 sm:h-4";
+        readonly pixels: {
+            readonly mobile: 20;
+            readonly desktop: 16;
+        };
+    };
+    readonly md: {
+        readonly border: "border-2";
+        readonly classes: "w-6 h-6 sm:w-5 sm:h-5";
+        readonly pixels: {
+            readonly mobile: 24;
+            readonly desktop: 20;
+        };
+    };
+    readonly lg: {
+        readonly border: "border-2";
+        readonly classes: "w-7 h-7 sm:w-6 sm:h-6";
+        readonly pixels: {
+            readonly mobile: 28;
+            readonly desktop: 24;
+        };
+    };
+    readonly xl: {
+        readonly border: "border-[3px]";
+        readonly classes: "w-8 h-8 sm:w-7 sm:h-7";
+        readonly pixels: {
+            readonly mobile: 32;
+            readonly desktop: 28;
+        };
+    };
+    readonly '2xl': {
+        readonly border: "border-[3px]";
+        readonly classes: "w-9 h-9 sm:w-8 sm:h-8";
+        readonly pixels: {
+            readonly mobile: 36;
+            readonly desktop: 32;
+        };
+    };
+    readonly '3xl': {
+        readonly border: "border-4";
+        readonly classes: "w-12 h-12 sm:w-10 sm:h-10";
+        readonly pixels: {
+            readonly mobile: 48;
+            readonly desktop: 40;
+        };
+    };
+};
+declare const avatarSizes: {
+    readonly xs: {
+        readonly classes: "w-8 h-8 sm:w-6 sm:h-6";
+        readonly text: "text-sm sm:text-xs";
+    };
+    readonly sm: {
+        readonly classes: "w-10 h-10 sm:w-8 sm:h-8";
+        readonly text: "text-base sm:text-sm";
+    };
+    readonly md: {
+        readonly classes: "w-12 h-12 sm:w-10 sm:h-10";
+        readonly text: "text-lg sm:text-base";
+    };
+    readonly lg: {
+        readonly classes: "w-14 h-14 sm:w-12 sm:h-12";
+        readonly text: "text-xl sm:text-lg";
+    };
+    readonly xl: {
+        readonly classes: "w-20 h-20 sm:w-16 sm:h-16";
+        readonly text: "text-2xl sm:text-xl";
+    };
+    readonly '2xl': {
+        readonly classes: "w-24 h-24 sm:w-20 sm:h-20";
+        readonly text: "text-3xl sm:text-2xl";
+    };
+    readonly '3xl': {
+        readonly classes: "w-28 h-28 sm:w-24 sm:h-24";
+        readonly text: "text-4xl sm:text-3xl";
+    };
+};
+declare const logoSizes: {
+    readonly xs: {
+        readonly classes: "h-5 w-5 sm:h-4 sm:w-4";
+    };
+    readonly sm: {
+        readonly classes: "h-7 w-7 sm:h-6 sm:w-6";
+    };
+    readonly md: {
+        readonly classes: "h-9 w-9 sm:h-8 sm:w-8";
+    };
+    readonly lg: {
+        readonly classes: "h-12 w-12 sm:h-10 sm:w-10";
+    };
+    readonly xl: {
+        readonly classes: "h-14 w-14 sm:h-12 sm:w-12";
+    };
+    readonly '2xl': {
+        readonly classes: "h-20 w-20 sm:h-16 sm:w-16";
+    };
+    readonly '3xl': {
+        readonly classes: "h-24 w-24 sm:h-20 sm:w-20";
+    };
+};
+declare const interactiveSizes: {
+    readonly xs: {
+        readonly height: "h-8 sm:h-6 min-h-8 sm:min-h-6";
+        readonly padding: "px-3 sm:px-2";
+        readonly text: "text-sm sm:text-xs";
+        readonly icon: {
+            readonly classes: "w-3.5 h-3.5 sm:w-3 sm:h-3";
+            readonly pixels: {
+                readonly mobile: 14;
+                readonly desktop: 12;
+            };
+        };
+    };
+    readonly sm: {
+        readonly height: "h-10 sm:h-8 min-h-10 sm:min-h-8";
+        readonly padding: "px-4 sm:px-3";
+        readonly text: "text-base sm:text-sm";
+        readonly icon: {
+            readonly classes: "w-5 h-5 sm:w-4 sm:h-4";
+            readonly pixels: {
+                readonly mobile: 20;
+                readonly desktop: 16;
+            };
+        };
+    };
+    readonly md: {
+        readonly height: "h-12 sm:h-10 min-h-12 sm:min-h-10";
+        readonly padding: "px-5 sm:px-4";
+        readonly text: "text-base sm:text-sm";
+        readonly icon: {
+            readonly classes: "w-6 h-6 sm:w-5 sm:h-5";
+            readonly pixels: {
+                readonly mobile: 24;
+                readonly desktop: 20;
+            };
+        };
+    };
+    readonly lg: {
+        readonly height: "h-14 sm:h-12 min-h-14 sm:min-h-12";
+        readonly padding: "px-7 sm:px-6";
+        readonly text: "text-lg sm:text-base";
+        readonly icon: {
+            readonly classes: "w-7 h-7 sm:w-6 sm:h-6";
+            readonly pixels: {
+                readonly mobile: 28;
+                readonly desktop: 24;
+            };
+        };
+    };
+    readonly xl: {
+        readonly height: "h-16 sm:h-14 min-h-16 sm:min-h-14";
+        readonly padding: "px-9 sm:px-8";
+        readonly text: "text-xl sm:text-lg";
+        readonly icon: {
+            readonly classes: "w-8 h-8 sm:w-7 sm:h-7";
+            readonly pixels: {
+                readonly mobile: 32;
+                readonly desktop: 28;
+            };
+        };
+    };
+};
+type InteractiveSize = keyof typeof interactiveSizes;
+declare const badgeSizes: {
+    readonly sm: {
+        readonly classes: "px-2.5 sm:px-2 py-1 sm:py-0.5 text-sm sm:text-xs";
+        readonly icon: {
+            readonly classes: "w-3.5 h-3.5 sm:w-3 sm:h-3";
+            readonly pixels: {
+                readonly mobile: 14;
+                readonly desktop: 12;
+            };
+        };
+    };
+    readonly md: {
+        readonly classes: "px-3 sm:px-2.5 py-1 sm:py-0.5 text-sm sm:text-xs font-semibold";
+        readonly icon: {
+            readonly classes: "w-5 h-5 sm:w-4 sm:h-4";
+            readonly pixels: {
+                readonly mobile: 20;
+                readonly desktop: 16;
+            };
+        };
+    };
+    readonly lg: {
+        readonly classes: "px-4 sm:px-3 py-1.5 sm:py-1 text-base sm:text-sm font-semibold";
+        readonly icon: {
+            readonly classes: "w-6 h-6 sm:w-5 sm:h-5";
+            readonly pixels: {
+                readonly mobile: 24;
+                readonly desktop: 20;
+            };
+        };
+    };
+};
+declare const chipSizes: {
+    readonly sm: {
+        readonly classes: "px-2.5 sm:px-2 py-1.5 sm:py-1 text-sm sm:text-xs gap-1.5 sm:gap-1";
+        readonly icon: {
+            readonly classes: "w-3.5 h-3.5 sm:w-3 sm:h-3";
+            readonly pixels: {
+                readonly mobile: 14;
+                readonly desktop: 12;
+            };
+        };
+    };
+    readonly md: {
+        readonly classes: "px-3.5 sm:px-3 py-2 sm:py-1.5 text-base sm:text-sm gap-2 sm:gap-1.5";
+        readonly icon: {
+            readonly classes: "w-5 h-5 sm:w-4 sm:h-4";
+            readonly pixels: {
+                readonly mobile: 20;
+                readonly desktop: 16;
+            };
+        };
+    };
+    readonly lg: {
+        readonly classes: "px-5 sm:px-4 py-2.5 sm:py-2 text-lg sm:text-base gap-2.5 sm:gap-2";
+        readonly icon: {
+            readonly classes: "w-6 h-6 sm:w-5 sm:h-5";
+            readonly pixels: {
+                readonly mobile: 24;
+                readonly desktop: 20;
+            };
+        };
+    };
+};
+declare const codeSizes: {
+    readonly sm: "text-xs px-1 py-0.5";
+    readonly md: "text-sm px-1.5 py-0.5";
+    readonly lg: "text-base px-2 py-1";
+};
+type CodeSize = keyof typeof codeSizes;
+declare const statusLabelSizes: {
+    readonly sm: {
+        readonly container: "px-2 py-0.5 text-xs gap-1.5";
+        readonly dot: "w-1.5 h-1.5";
+    };
+    readonly md: {
+        readonly container: "px-2.5 py-0.5 text-sm gap-2";
+        readonly dot: "w-2 h-2";
+    };
+    readonly lg: {
+        readonly container: "px-3 py-1 text-base gap-2";
+        readonly dot: "w-2.5 h-2.5";
+    };
+};
+type StatusLabelSize = keyof typeof statusLabelSizes;
+declare const textSizes: {
+    readonly xs: "text-sm sm:text-xs";
+    readonly sm: "text-base sm:text-sm";
+    readonly base: "text-base";
+    readonly lg: "text-lg";
+    readonly xl: "text-xl sm:text-lg";
+    readonly '2xl': "text-2xl sm:text-xl";
+    readonly '3xl': "text-3xl sm:text-2xl";
+    readonly '4xl': "text-4xl sm:text-3xl";
+    readonly '5xl': "text-5xl sm:text-4xl";
+};
+type TextSize = keyof typeof textSizes;
+declare const headingSizes: {
+    readonly sm: "text-base font-semibold";
+    readonly md: "text-lg font-bold";
+    readonly lg: "text-xl font-bold";
+    readonly xl: "text-2xl font-bold";
+    readonly '2xl': "text-3xl font-bold sm:text-2xl";
+    readonly '3xl': "text-4xl font-bold sm:text-3xl";
+    readonly '4xl': "text-5xl font-bold sm:text-4xl";
+};
+type HeadingSize = keyof typeof headingSizes;
+declare const cardSizes: {
+    readonly xs: "w-full sm:max-w-36";
+    readonly sm: "w-full sm:max-w-64";
+    readonly md: "w-full sm:max-w-96";
+    readonly lg: "w-full sm:max-w-[28rem]";
+    readonly xl: "w-full sm:max-w-[32rem]";
+    readonly '2xl': "w-full sm:max-w-[36rem]";
+    readonly full: "w-full";
+};
+type CardSize = keyof typeof cardSizes;
+declare const gapSizes: {
+    readonly none: "gap-0";
+    readonly xs: "gap-2 sm:gap-1";
+    readonly sm: "gap-3 sm:gap-2";
+    readonly md: "gap-5 sm:gap-4";
+    readonly lg: "gap-7 sm:gap-6";
+    readonly xl: "gap-10 sm:gap-8";
+    readonly '2xl': "gap-14 sm:gap-12";
+    readonly '3xl': "gap-20 sm:gap-16";
+};
+type GapSize = keyof typeof gapSizes;
+declare const containerSizes: {
+    readonly sm: "max-w-screen-sm";
+    readonly md: "max-w-screen-md";
+    readonly lg: "max-w-screen-lg";
+    readonly xl: "max-w-screen-xl";
+    readonly '2xl': "max-w-screen-2xl";
+    readonly '3xl': "max-w-[1920px]";
+    readonly full: "max-w-full";
+    readonly screen: "max-w-[100vw]";
+};
+type ContainerSize = keyof typeof containerSizes;
+declare const containerMinWidths: {
+    readonly xs: "min-w-[20rem]";
+    readonly sm: "min-w-[24rem]";
+    readonly md: "min-w-[28rem]";
+    readonly lg: "min-w-[32rem]";
+    readonly xl: "min-w-[36rem]";
+    readonly '2xl': "min-w-[42rem]";
+    readonly '3xl': "min-w-[48rem]";
+    readonly full: "min-w-full";
+    readonly screen: "min-w-screen";
+};
+declare const containerMinHeights: {
+    readonly xs: "min-h-[10rem]";
+    readonly sm: "min-h-[15rem]";
+    readonly md: "min-h-[20rem]";
+    readonly lg: "min-h-[25rem]";
+    readonly xl: "min-h-[30rem]";
+    readonly '2xl': "min-h-[35rem]";
+    readonly '3xl': "min-h-[40rem]";
+    readonly full: "min-h-full";
+    readonly screen: "min-h-screen";
+};
+declare const sectionPadding: {
+    readonly none: "py-0";
+    readonly xs: "py-6 sm:py-4";
+    readonly sm: "py-10 sm:py-8";
+    readonly md: "py-16 sm:py-12";
+    readonly lg: "py-20 sm:py-16";
+    readonly xl: "py-28 sm:py-24";
+    readonly '2xl': "py-36 sm:py-32";
+};
+type SectionPaddingSize = keyof typeof sectionPadding;
+declare const cardPadding: {
+    readonly none: "p-0";
+    readonly xs: "p-3 sm:p-2";
+    readonly sm: "p-5 sm:p-4";
+    readonly md: "p-7 sm:p-6";
+    readonly lg: "p-9 sm:p-8";
+    readonly xl: "p-12 sm:p-10";
+    readonly '2xl': "p-14 sm:p-12";
+};
+type CardPaddingSize = keyof typeof cardPadding;
+declare const overlaySizes: {
+    readonly xs: "w-full sm:w-64";
+    readonly sm: "w-full sm:w-80";
+    readonly md: "w-full sm:w-96";
+    readonly lg: "w-full sm:w-[28rem]";
+    readonly xl: "w-full sm:w-[32rem]";
+    readonly '2xl': "w-full sm:w-[40rem]";
+    readonly '3xl': "w-full sm:w-[48rem]";
+    readonly full: "w-full max-w-2xl";
+};
+type OverlaySize = keyof typeof overlaySizes;
+declare const borderRadius: {
+    readonly none: "rounded-none";
+    readonly sm: "rounded-sm";
+    readonly md: "rounded-md";
+    readonly lg: "rounded-lg";
+    readonly xl: "rounded-xl";
+    readonly '2xl': "rounded-2xl";
+    readonly '3xl': "rounded-3xl";
+    readonly full: "rounded-full";
+};
+type BorderRadiusSize = keyof typeof borderRadius;
+declare function getIconPixels(size: Size | number, variant?: 'mobile' | 'desktop'): number;
+declare function getVisualClasses(size: Size): string;
+
+type IconSize = Size | number;
 interface IconProps {
     name: string;
     size?: IconSize;
@@ -80,7 +512,7 @@ declare function redirectToLogin(authUrl: string, returnUrl?: string): void;
 declare function openLoginPopup(authUrl: string, onSuccess?: () => void): Window | null;
 
 type LogoProps = {
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: Size;
     className?: string;
 };
 declare function Logo({ size, className }: Readonly<LogoProps>): react_jsx_runtime.JSX.Element;
@@ -88,13 +520,14 @@ declare function Logo({ size, className }: Readonly<LogoProps>): react_jsx_runti
 type ContainerProps = {
     children: React__default.ReactNode;
     className?: string;
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
-    padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: ContainerSize;
+    padding?: 'none' | SectionPaddingSize;
     align?: 'start' | 'center' | 'end';
-    minWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full' | string;
-    minHeight?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'screen' | string;
+    alignItems?: 'start' | 'center' | 'end';
+    minWidth?: keyof typeof containerMinWidths | string;
+    minHeight?: keyof typeof containerMinHeights | string;
 };
-declare function Container({ children, className, size, padding, align, minWidth, minHeight }: Readonly<ContainerProps>): react_jsx_runtime.JSX.Element;
+declare function Container({ children, className, size, padding, align, alignItems, minWidth, minHeight }: Readonly<ContainerProps>): react_jsx_runtime.JSX.Element;
 declare namespace Container {
     var displayName: string;
 }
@@ -142,7 +575,7 @@ declare namespace PageHeader {
 interface SectionProps {
     children: React.ReactNode;
     variant?: 'default' | 'muted' | 'primary' | 'dark';
-    padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    padding?: SectionPaddingSize;
     className?: string;
     id?: string;
 }
@@ -167,7 +600,7 @@ type StackProps = {
     children: React__default.ReactNode;
     className?: string;
     direction?: 'horizontal' | 'vertical';
-    spacing?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    spacing?: GapSize;
     align?: 'start' | 'center' | 'end' | 'stretch';
     justify?: 'start' | 'center' | 'end' | 'between' | 'around';
 };
@@ -208,7 +641,7 @@ type DrawerProps = {
     position?: 'left' | 'right' | 'top' | 'bottom';
     className?: string;
     title?: string;
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    size?: OverlaySize;
     closeOnEscape?: boolean;
     closeOnOutside?: boolean;
     unmountOnExit?: boolean;
@@ -224,7 +657,7 @@ type CardProps = {
     children: React__default.ReactNode;
     className?: string;
     variant?: 'default' | 'bordered' | 'ghost' | 'filled';
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: CardSize;
     width?: 'auto' | 'full' | 'fit';
     hoverable?: boolean;
     imagePosition?: 'top' | 'bottom' | 'side' | 'overlay';
@@ -249,7 +682,7 @@ declare namespace CardHeader {
 
 interface CardBodyProps {
     children: React.ReactNode;
-    padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    padding?: CardPaddingSize;
     className?: string;
 }
 declare function CardBody({ children, padding, className }: CardBodyProps): react_jsx_runtime.JSX.Element;
@@ -294,7 +727,7 @@ type CardTitleProps = {
     children: ReactNode;
     className?: string;
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-    size?: 'sm' | 'md' | 'lg' | 'xl';
+    size?: HeadingSize;
 };
 declare function CardTitle({ children, className, as: Component, size }: Readonly<CardTitleProps>): react_jsx_runtime.JSX.Element;
 declare namespace CardTitle {
@@ -443,7 +876,7 @@ type ButtonProps = {
     iconPosition?: 'left' | 'right';
     variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
     style?: 'solid' | 'outline' | 'ghost' | 'link' | 'soft';
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: InteractiveSize;
     rounded?: 'default' | 'pill' | 'square' | 'circle';
     loading?: boolean;
     fullWidth?: boolean;
@@ -639,7 +1072,7 @@ type AvatarProps = {
     src?: string;
     alt?: string;
     fallback?: ReactNode;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
+    size?: Size;
     className?: string;
 };
 declare function Avatar({ src, alt, fallback, size, className }: Readonly<AvatarProps>): react_jsx_runtime.JSX.Element;
@@ -661,7 +1094,7 @@ declare namespace Badge {
 type StatusLabelProps = {
     children: ReactNode;
     status?: 'active' | 'inactive' | 'pending' | 'success' | 'error' | 'warning' | 'info';
-    size?: 'sm' | 'md' | 'lg';
+    size?: StatusLabelSize;
     variant?: 'filled' | 'outlined';
     className?: string;
 };
@@ -1052,7 +1485,7 @@ declare namespace SmoothTransition {
 declare function useStaggeredTransition(count: number, baseDelay?: number): number[];
 
 type SpinnerProps = {
-    size?: 'sm' | 'md' | 'lg';
+    size?: Size;
     variant?: 'primary' | 'accent' | 'secondary' | 'neutral';
     className?: string;
     speed?: string;
@@ -1142,7 +1575,7 @@ type DatePickerProps = {
     dateFormat?: string;
     clearable?: boolean;
     className?: string;
-    size?: 'sm' | 'md' | 'lg';
+    size?: InteractiveSize;
 };
 declare function DatePicker({ value, onChange, minDate, maxDate, placeholder, disabled, dateFormat, clearable, className, size }: Readonly<DatePickerProps>): react_jsx_runtime.JSX.Element;
 declare namespace DatePicker {
@@ -1167,7 +1600,7 @@ declare namespace Checkbox {
 
 type CodeProps$1 = {
     children: React.ReactNode;
-    size?: 'sm' | 'md' | 'lg';
+    size?: CodeSize;
     variant?: 'default' | 'primary' | 'success' | 'warning' | 'error';
     className?: string;
 };
@@ -1243,7 +1676,7 @@ type InputProps = {
     id?: string;
     name?: string;
     required?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: InteractiveSize;
     validationState?: ValidationState$3;
 };
 declare function Input({ value, onChange, onFocus, placeholder, disabled, type, className, ariaLabel, ref, id, name, required, size, validationState }: Readonly<InputProps>): react_jsx_runtime.JSX.Element;
@@ -1273,7 +1706,7 @@ type MultiSelectProps = {
     placeholder?: string;
     disabled?: boolean;
     maxSelections?: number;
-    size?: 'sm' | 'md' | 'lg';
+    size?: InteractiveSize;
     className?: string;
 };
 declare function MultiSelect({ options, value, onChange, placeholder, disabled, maxSelections, size, className }: Readonly<MultiSelectProps>): react_jsx_runtime.JSX.Element;
@@ -1425,7 +1858,7 @@ type TextProps = {
     children: ReactNode;
     as?: 'p' | 'span' | 'label' | 'strong' | 'em' | 'small' | 'mark' | 'del' | 'ins' | 'sub' | 'sup' | 'abbr' | 'cite' | 'q';
     variant?: 'body' | 'muted' | 'small' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'inherit';
-    size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
+    size?: TextSize;
     weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
     align?: 'left' | 'center' | 'right' | 'justify';
     leading?: 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
@@ -1462,4 +1895,4 @@ declare namespace Code {
 
 declare function useScrollReset(deps: unknown[], container?: HTMLElement | null | RefObject<HTMLElement | null>): void;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, type AuthActions, type AuthContextType, AuthProvider, type AuthProviderConfig, type AuthProviderProps, type AuthState, type AuthUser, Avatar, type AvatarProps, Badge, type BadgeProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, ButtonWithIcon, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardBody, type CardBodyProps, CardFigure, type CardFigureProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Code, CodeBlock, type CodeBlockProps, Code$1 as CodeInput, type CodeProps, ColorModeToggle, type ColorModeToggleProps, type ColumnDef, Container, type ContainerProps, DataTable, type DataTableAction, type DataTableActionItem, type DataTableProps, DatePicker, type DatePickerProps, DeleteDialog, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownProps, EmptyState, type EmptyStateProps, type Feature, FeatureSection, type FeatureSectionProps, Fieldset, Footer, type FooterProps, type FooterSection, Form, FormField, type FormFieldProps, Grid, type GridProps, Heading, type HeadingProps, Hero, type HeroAction, type HeroProps, Icon, IconButton, Input, InputGroup, type InputGroupProps, type InputProps, LeftNavItem, type LeftNavItemProps, LeftNavLayout, type LeftNavLayoutProps, LeftNavSection, type LeftNavSectionProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Logo, type LogoProps, Modal, type ModalProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Nav, NavDropdown, NavDropdownItem, type NavProps, Navbar, NavbarBrand, type NavbarBrandProps, NavbarLink, type NavbarLinkProps, type NavbarProps, NavbarToggle, type NavbarToggleProps, useOverlay as OverlayProvider, Page, PageHeader, type PageProps, PageTransition, Pagination, type PaginationProps, Popover, type PopoverProps, PriceDisplay, type PricingFeature, PricingTable, type PricingTableProps, PricingTier, type PricingTierProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Section, SectionHeader, Select, SelectItem, type SelectProps, Sidebar, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, SmoothTransition, type SmoothTransitionProps, type SortConfig, type SortDirection, Spinner, type SpinnerProps, Stack, type StackProps, StatusLabel, type StepProps, Stepper, type StepperProps, Switch, type SwitchProps, type Tab, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeadCell, type TableHeadCellProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Toast, type ToastProps, Tooltip, type TooltipProps, type TransitionDuration, type TransitionType, type UseTableOptions, type UseTableReturn, authFetch, checkAuthStatus, getCurrentUser, loginExternal, logoutExternal, openLoginPopup, redirectToLogin, useAuth, useScrollReset, useStaggeredTransition, useTable, useTheme };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, type AuthActions, type AuthContextType, AuthProvider, type AuthProviderConfig, type AuthProviderProps, type AuthState, type AuthUser, Avatar, type AvatarProps, Badge, type BadgeProps, type BorderRadiusSize, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, ButtonWithIcon, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardBody, type CardBodyProps, CardFigure, type CardFigureProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPaddingSize, type CardProps, type CardSize, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Code, CodeBlock, type CodeBlockProps, Code$1 as CodeInput, type CodeProps, type CodeSize, ColorModeToggle, type ColorModeToggleProps, type ColumnDef, Container, type ContainerProps, type ContainerSize, DataTable, type DataTableAction, type DataTableActionItem, type DataTableProps, DatePicker, type DatePickerProps, DeleteDialog, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownProps, EmptyState, type EmptyStateProps, type Feature, FeatureSection, type FeatureSectionProps, Fieldset, Footer, type FooterProps, type FooterSection, Form, FormField, type FormFieldProps, type GapSize, Grid, type GridProps, Heading, type HeadingProps, type HeadingSize, Hero, type HeroAction, type HeroProps, Icon, IconButton, Input, InputGroup, type InputGroupProps, type InputProps, type InteractiveSize, LeftNavItem, type LeftNavItemProps, LeftNavLayout, type LeftNavLayoutProps, LeftNavSection, type LeftNavSectionProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Logo, type LogoProps, Modal, type ModalProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Nav, NavDropdown, NavDropdownItem, type NavProps, Navbar, NavbarBrand, type NavbarBrandProps, NavbarLink, type NavbarLinkProps, type NavbarProps, NavbarToggle, type NavbarToggleProps, useOverlay as OverlayProvider, type OverlaySize, Page, PageHeader, type PageProps, PageTransition, Pagination, type PaginationProps, Popover, type PopoverProps, PriceDisplay, type PricingFeature, PricingTable, type PricingTableProps, PricingTier, type PricingTierProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Section, SectionHeader, type SectionPaddingSize, Select, SelectItem, type SelectProps, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, SmoothTransition, type SmoothTransitionProps, type SortConfig, type SortDirection, Spinner, type SpinnerProps, Stack, type StackProps, StatusLabel, type StatusLabelSize, type StepProps, Stepper, type StepperProps, Switch, type SwitchProps, type Tab, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeadCell, type TableHeadCellProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, type TextProps, type TextSize, Textarea, type TextareaProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Toast, type ToastProps, Tooltip, type TooltipProps, type TransitionDuration, type TransitionType, type UseTableOptions, type UseTableReturn, authFetch, avatarSizes, badgeSizes, borderRadius, cardPadding, cardSizes, checkAuthStatus, chipSizes, codeSizes, containerMinHeights, containerMinWidths, containerSizes, gapSizes, getCurrentUser, getIconPixels, getVisualClasses, headingSizes, interactiveSizes, loginExternal, logoSizes, logoutExternal, openLoginPopup, overlaySizes, redirectToLogin, sectionPadding, spinnerSizes, statusLabelSizes, textSizes, useAuth, useScrollReset, useStaggeredTransition, useTable, useTheme, visualSizes };