@umami/react-zen 0.234.0 → 0.235.0

package/dist/index.d.mts

@@ -7,6 +7,7 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import { UseFormProps, SubmitHandler, UseFormReturn, ControllerProps, ControllerRenderProps, FieldValues, ControllerFieldState, UseFormStateReturn, RegisterOptions } from 'react-hook-form';
 import * as zustand from 'zustand';
+import { ClassValue } from 'clsx';
 
 interface AccordionProps extends DisclosureGroupProps {
     type?: 'single' | 'multiple';
@@ -51,8 +52,8 @@ interface AlertDialogProps extends DialogProps {
 declare function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
 
 declare const Breakpoints: readonly ["base", "sm", "md", "lg", "xl", "2xl"];
-type Breakpoint = (typeof Breakpoints)[number];
-type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
+type Breakpoint$1 = (typeof Breakpoints)[number];
+type Responsive$1<T> = T | Partial<Record<Breakpoint$1, T>>;
 type ColorName = 'gray' | 'slate' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
 type ColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
 type TailwindColor = `${ColorName}-${ColorShade}`;
@@ -144,22 +145,22 @@ declare function resolveRender<P extends Record<string, unknown>>(render: Render
 
 interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     color?: FontColor;
-    size?: Responsive<FontSize>;
-    weight?: Responsive<FontWeight>;
-    align?: Responsive<TextAlign>;
-    spacing?: Responsive<LetterSpacing>;
-    lineHeight?: Responsive<LineHeight>;
-    wrap?: Responsive<TextWrap>;
-    whitespace?: Responsive<Whitespace>;
-    wordBreak?: Responsive<WordBreak>;
-    transform?: Responsive<TextTransform>;
-    indent?: Responsive<TextIndent>;
-    verticalAlign?: Responsive<VerticalAlign>;
-    truncate?: Responsive<boolean>;
-    italic?: Responsive<boolean>;
-    underline?: Responsive<boolean>;
-    strikethrough?: Responsive<boolean>;
-    decorationStyle?: Responsive<TextDecorationStyle>;
+    size?: Responsive$1<FontSize>;
+    weight?: Responsive$1<FontWeight>;
+    align?: Responsive$1<TextAlign>;
+    spacing?: Responsive$1<LetterSpacing>;
+    lineHeight?: Responsive$1<LineHeight>;
+    wrap?: Responsive$1<TextWrap>;
+    whitespace?: Responsive$1<Whitespace>;
+    wordBreak?: Responsive$1<WordBreak>;
+    transform?: Responsive$1<TextTransform>;
+    indent?: Responsive$1<TextIndent>;
+    verticalAlign?: Responsive$1<VerticalAlign>;
+    truncate?: Responsive$1<boolean>;
+    italic?: Responsive$1<boolean>;
+    underline?: Responsive$1<boolean>;
+    strikethrough?: Responsive$1<boolean>;
+    decorationStyle?: Responsive$1<TextDecorationStyle>;
     decorationColor?: FontColor;
     as?: 'span' | 'div' | 'label' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'code' | 'blockquote';
     render?: RenderProp<TextRenderProps>;
@@ -177,50 +178,50 @@ interface BlockquoteProps extends Omit<TextProps, 'as'> {
 declare function Blockquote({ className, children, ...props }: BlockquoteProps): react_jsx_runtime.JSX.Element;
 
 interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
-    display?: Responsive<Display>;
+    display?: Responsive$1<Display>;
     color?: FontColor;
     backgroundColor?: BackgroundColor;
-    fontSize?: Responsive<FontSize>;
-    fontWeight?: Responsive<FontWeight>;
-    border?: Responsive<Border>;
-    borderWidth?: Responsive<BorderWidth>;
+    fontSize?: Responsive$1<FontSize>;
+    fontWeight?: Responsive$1<FontWeight>;
+    border?: Responsive$1<Border>;
+    borderWidth?: Responsive$1<BorderWidth>;
     borderColor?: BorderColor;
-    borderRadius?: Responsive<BorderRadius>;
-    shadow?: Responsive<BoxShadow>;
-    padding?: Responsive<Padding>;
-    paddingX?: Responsive<Padding>;
-    paddingY?: Responsive<Padding>;
-    paddingTop?: Responsive<Padding>;
-    paddingRight?: Responsive<Padding>;
-    paddingBottom?: Responsive<Padding>;
-    paddingLeft?: Responsive<Padding>;
-    margin?: Responsive<Spacing>;
-    marginX?: Responsive<Spacing>;
-    marginY?: Responsive<Spacing>;
-    marginTop?: Responsive<Spacing>;
-    marginRight?: Responsive<Spacing>;
-    marginBottom?: Responsive<Spacing>;
-    marginLeft?: Responsive<Spacing>;
-    width?: Responsive<Width | string>;
-    minWidth?: Responsive<MinWidth | string>;
-    maxWidth?: Responsive<MaxWidth | string>;
-    height?: Responsive<Height | string>;
-    minHeight?: Responsive<MinHeight | string>;
-    maxHeight?: Responsive<MaxHeight | string>;
-    position?: Responsive<Position>;
-    textAlign?: Responsive<TextAlign>;
+    borderRadius?: Responsive$1<BorderRadius>;
+    shadow?: Responsive$1<BoxShadow>;
+    padding?: Responsive$1<Padding>;
+    paddingX?: Responsive$1<Padding>;
+    paddingY?: Responsive$1<Padding>;
+    paddingTop?: Responsive$1<Padding>;
+    paddingRight?: Responsive$1<Padding>;
+    paddingBottom?: Responsive$1<Padding>;
+    paddingLeft?: Responsive$1<Padding>;
+    margin?: Responsive$1<Spacing>;
+    marginX?: Responsive$1<Spacing>;
+    marginY?: Responsive$1<Spacing>;
+    marginTop?: Responsive$1<Spacing>;
+    marginRight?: Responsive$1<Spacing>;
+    marginBottom?: Responsive$1<Spacing>;
+    marginLeft?: Responsive$1<Spacing>;
+    width?: Responsive$1<Width | string>;
+    minWidth?: Responsive$1<MinWidth | string>;
+    maxWidth?: Responsive$1<MaxWidth | string>;
+    height?: Responsive$1<Height | string>;
+    minHeight?: Responsive$1<MinHeight | string>;
+    maxHeight?: Responsive$1<MaxHeight | string>;
+    position?: Responsive$1<Position>;
+    textAlign?: Responsive$1<TextAlign>;
     top?: string;
     right?: string;
     bottom?: string;
     left?: string;
-    overflow?: Responsive<Overflow>;
-    overflowX?: Responsive<Overflow>;
-    overflowY?: Responsive<Overflow>;
-    cursor?: Responsive<Cursor>;
-    opacity?: Responsive<Opacity>;
-    pointerEvents?: Responsive<PointerEvents>;
-    alignSelf?: Responsive<AlignSelf>;
-    justifySelf?: Responsive<JustifySelf>;
+    overflow?: Responsive$1<Overflow>;
+    overflowX?: Responsive$1<Overflow>;
+    overflowY?: Responsive$1<Overflow>;
+    cursor?: Responsive$1<Cursor>;
+    opacity?: Responsive$1<Opacity>;
+    pointerEvents?: Responsive$1<PointerEvents>;
+    alignSelf?: Responsive$1<AlignSelf>;
+    justifySelf?: Responsive$1<JustifySelf>;
     flexBasis?: string;
     flexGrow?: FlexGrow;
     flexShrink?: FlexShrink;
@@ -331,16 +332,16 @@ interface CodeProps extends Omit<TextProps, 'as'> {
 declare function Code({ className, children, ...props }: CodeProps): react_jsx_runtime.JSX.Element;
 
 interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
-    display?: Responsive<FlexDisplay>;
-    direction?: Responsive<FlexDirection>;
-    wrap?: Responsive<FlexWrap>;
-    justifyContent?: Responsive<JustifyContent>;
-    justifyItems?: Responsive<JustifyItems>;
+    display?: Responsive$1<FlexDisplay>;
+    direction?: Responsive$1<FlexDirection>;
+    wrap?: Responsive$1<FlexWrap>;
+    justifyContent?: Responsive$1<JustifyContent>;
+    justifyItems?: Responsive$1<JustifyItems>;
     alignContent?: AlignContent;
     alignItems?: AlignItems;
-    gap?: Responsive<Gap>;
-    gapX?: Responsive<Gap>;
-    gapY?: Responsive<Gap>;
+    gap?: Responsive$1<Gap>;
+    gapX?: Responsive$1<Gap>;
+    gapY?: Responsive$1<Gap>;
 }
 declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, children, ...props }: FlexboxProps): react_jsx_runtime.JSX.Element;
 
@@ -408,17 +409,17 @@ interface CopyButtonProps {
 declare function CopyButton({ value, timeout, className, children, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
 
 interface GridProps extends Omit<BoxProps, 'display'> {
-    display?: Responsive<GridDisplay>;
-    justifyContent?: Responsive<JustifyContent>;
-    justifyItems?: Responsive<JustifyItems>;
+    display?: Responsive$1<GridDisplay>;
+    justifyContent?: Responsive$1<JustifyContent>;
+    justifyItems?: Responsive$1<JustifyItems>;
     alignContent?: AlignContent;
     alignItems?: AlignItems;
-    gap?: Responsive<Gap>;
-    gapX?: Responsive<Gap>;
-    gapY?: Responsive<Gap>;
-    autoFlow?: Responsive<GridAutoFlow>;
-    rows?: Responsive<GridRows | string>;
-    columns?: Responsive<GridColumns | string>;
+    gap?: Responsive$1<Gap>;
+    gapX?: Responsive$1<Gap>;
+    gapY?: Responsive$1<Gap>;
+    autoFlow?: Responsive$1<GridAutoFlow>;
+    rows?: Responsive$1<GridRows | string>;
+    columns?: Responsive$1<GridColumns | string>;
     areas?: GridTemplateAreas;
 }
 declare function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
@@ -537,7 +538,7 @@ declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ..
 type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 interface HeadingProps extends Omit<TextProps, 'as' | 'size'> {
     children?: ReactNode;
-    size?: Responsive<HeadingSize>;
+    size?: Responsive$1<HeadingSize>;
     as?: HeadingElement;
 }
 declare function Heading({ size, spacing, as, className, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
@@ -620,8 +621,8 @@ interface ImageProps extends HTMLAttributes<HTMLImageElement> {
     alt?: string;
     objectFit?: ObjectFit;
     isCentered?: boolean;
-    borderRadius?: Responsive<BorderRadius>;
-    shadow?: Responsive<BoxShadow>;
+    borderRadius?: Responsive$1<BorderRadius>;
+    shadow?: Responsive$1<BoxShadow>;
 }
 declare function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
 
@@ -638,6 +639,70 @@ interface LoadingProps extends BoxProps {
 }
 declare function Loading({ size, placement, icon, className, ...props }: LoadingProps): react_jsx_runtime.JSX.Element;
 
+declare function cn(...inputs: ClassValue[]): string;
+type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
+declare function mapDisplay(value: Responsive<string> | undefined): string;
+declare function mapPosition(value: Responsive<string> | undefined): string;
+declare function mapOverflow(value: Responsive<string> | undefined, axis?: 'x' | 'y'): string;
+declare function mapCursor(value: Responsive<string> | undefined): string;
+declare function mapOpacity(value: Responsive<string> | undefined): string;
+declare function mapPointerEvents(value: Responsive<string> | undefined): string;
+declare function mapPadding(value: Responsive<string> | undefined, side?: string): string;
+declare function mapMargin(value: Responsive<string> | undefined, side?: string): string;
+declare function mapGap(value: Responsive<string> | undefined, axis?: 'x' | 'y'): string;
+declare function mapFontSize(value: Responsive<string> | undefined): string;
+declare function mapHeadingSize(value: Responsive<string> | undefined): string;
+declare function mapFontWeight(value: Responsive<string> | undefined): string;
+declare function mapTextColor(value: string | undefined): string;
+declare function mapBackgroundColor(value: string | undefined): string;
+declare function mapBorderRadius(value: Responsive<string> | undefined): string;
+declare function mapBorderWidth(value: Responsive<string> | undefined): string;
+declare function mapShadow(value: Responsive<string> | undefined): string;
+declare function mapFlexDirection(value: Responsive<string> | undefined): string;
+declare function mapFlexWrap(value: Responsive<string> | undefined): string;
+declare function mapJustifyContent(value: Responsive<string> | undefined): string;
+declare function mapJustifyItems(value: Responsive<string> | undefined): string;
+declare function mapAlignContent(value: Responsive<string> | undefined): string;
+declare function mapAlignItems(value: Responsive<string> | undefined): string;
+declare function mapAlignSelf(value: Responsive<string> | undefined): string;
+declare function mapTextAlign(value: Responsive<string> | undefined): string;
+declare function mapTextWrap(value: Responsive<string> | undefined): string;
+declare function mapTextTransform(value: Responsive<string> | undefined): string;
+declare function mapLetterSpacing(value: Responsive<string> | undefined): string;
+declare function mapLineHeight(value: Responsive<string> | undefined): string;
+declare function mapWhitespace(value: Responsive<string> | undefined): string;
+declare function mapWordBreak(value: Responsive<string> | undefined): string;
+declare function mapVerticalAlign(value: Responsive<string> | undefined): string;
+declare function mapTextDecorationStyle(value: Responsive<string> | undefined): string;
+declare function mapTextIndent(value: Responsive<string> | undefined): string;
+declare function mapGridAutoFlow(value: Responsive<string> | undefined): string;
+declare function mapGridColumns(value: Responsive<string> | undefined): string;
+declare function mapGridRows(value: Responsive<string> | undefined): string;
+declare function mapBorder(value: Responsive<string | boolean> | undefined): string;
+declare function mapBorderColor(value: string | undefined): string;
+declare function getCssColorValue(value: string | undefined): string | undefined;
+declare function mapWidth(value: Responsive<string> | undefined): string;
+declare function mapHeight(value: Responsive<string> | undefined): string;
+declare function mapMinWidth(value: Responsive<string> | undefined): string;
+declare function mapMaxWidth(value: Responsive<string> | undefined): string;
+declare function mapMinHeight(value: Responsive<string> | undefined): string;
+declare function mapMaxHeight(value: Responsive<string> | undefined): string;
+declare function isWidthPreset(value: string): boolean;
+declare function isHeightPreset(value: string): boolean;
+declare function isMinWidthPreset(value: string): boolean;
+declare function isMaxWidthPreset(value: string): boolean;
+declare function isMinHeightPreset(value: string): boolean;
+declare function isMaxHeightPreset(value: string): boolean;
+type StatePrefix = 'hover' | 'focus' | 'active';
+interface StateStylesInput {
+    color?: string | boolean;
+    backgroundColor?: string | boolean;
+    borderColor?: string | boolean;
+    opacity?: string;
+}
+declare function mapStateStyles(prefix: StatePrefix, styles: StateStylesInput | undefined): string;
+
 interface MenuProps extends MenuProps$1<any> {
     className?: string;
     children?: ReactNode;
@@ -912,4 +977,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, theme, colorScheme, toast, }: ZenProviderProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, IconLabel, type IconLabelProps, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, IconLabel, type IconLabelProps, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import { UseFormProps, SubmitHandler, UseFormReturn, ControllerProps, ControllerRenderProps, FieldValues, ControllerFieldState, UseFormStateReturn, RegisterOptions } from 'react-hook-form';
 import * as zustand from 'zustand';
+import { ClassValue } from 'clsx';
 
 interface AccordionProps extends DisclosureGroupProps {
     type?: 'single' | 'multiple';
@@ -51,8 +52,8 @@ interface AlertDialogProps extends DialogProps {
 declare function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
 
 declare const Breakpoints: readonly ["base", "sm", "md", "lg", "xl", "2xl"];
-type Breakpoint = (typeof Breakpoints)[number];
-type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
+type Breakpoint$1 = (typeof Breakpoints)[number];
+type Responsive$1<T> = T | Partial<Record<Breakpoint$1, T>>;
 type ColorName = 'gray' | 'slate' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
 type ColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
 type TailwindColor = `${ColorName}-${ColorShade}`;
@@ -144,22 +145,22 @@ declare function resolveRender<P extends Record<string, unknown>>(render: Render
 
 interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     color?: FontColor;
-    size?: Responsive<FontSize>;
-    weight?: Responsive<FontWeight>;
-    align?: Responsive<TextAlign>;
-    spacing?: Responsive<LetterSpacing>;
-    lineHeight?: Responsive<LineHeight>;
-    wrap?: Responsive<TextWrap>;
-    whitespace?: Responsive<Whitespace>;
-    wordBreak?: Responsive<WordBreak>;
-    transform?: Responsive<TextTransform>;
-    indent?: Responsive<TextIndent>;
-    verticalAlign?: Responsive<VerticalAlign>;
-    truncate?: Responsive<boolean>;
-    italic?: Responsive<boolean>;
-    underline?: Responsive<boolean>;
-    strikethrough?: Responsive<boolean>;
-    decorationStyle?: Responsive<TextDecorationStyle>;
+    size?: Responsive$1<FontSize>;
+    weight?: Responsive$1<FontWeight>;
+    align?: Responsive$1<TextAlign>;
+    spacing?: Responsive$1<LetterSpacing>;
+    lineHeight?: Responsive$1<LineHeight>;
+    wrap?: Responsive$1<TextWrap>;
+    whitespace?: Responsive$1<Whitespace>;
+    wordBreak?: Responsive$1<WordBreak>;
+    transform?: Responsive$1<TextTransform>;
+    indent?: Responsive$1<TextIndent>;
+    verticalAlign?: Responsive$1<VerticalAlign>;
+    truncate?: Responsive$1<boolean>;
+    italic?: Responsive$1<boolean>;
+    underline?: Responsive$1<boolean>;
+    strikethrough?: Responsive$1<boolean>;
+    decorationStyle?: Responsive$1<TextDecorationStyle>;
     decorationColor?: FontColor;
     as?: 'span' | 'div' | 'label' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'code' | 'blockquote';
     render?: RenderProp<TextRenderProps>;
@@ -177,50 +178,50 @@ interface BlockquoteProps extends Omit<TextProps, 'as'> {
 declare function Blockquote({ className, children, ...props }: BlockquoteProps): react_jsx_runtime.JSX.Element;
 
 interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
-    display?: Responsive<Display>;
+    display?: Responsive$1<Display>;
     color?: FontColor;
     backgroundColor?: BackgroundColor;
-    fontSize?: Responsive<FontSize>;
-    fontWeight?: Responsive<FontWeight>;
-    border?: Responsive<Border>;
-    borderWidth?: Responsive<BorderWidth>;
+    fontSize?: Responsive$1<FontSize>;
+    fontWeight?: Responsive$1<FontWeight>;
+    border?: Responsive$1<Border>;
+    borderWidth?: Responsive$1<BorderWidth>;
     borderColor?: BorderColor;
-    borderRadius?: Responsive<BorderRadius>;
-    shadow?: Responsive<BoxShadow>;
-    padding?: Responsive<Padding>;
-    paddingX?: Responsive<Padding>;
-    paddingY?: Responsive<Padding>;
-    paddingTop?: Responsive<Padding>;
-    paddingRight?: Responsive<Padding>;
-    paddingBottom?: Responsive<Padding>;
-    paddingLeft?: Responsive<Padding>;
-    margin?: Responsive<Spacing>;
-    marginX?: Responsive<Spacing>;
-    marginY?: Responsive<Spacing>;
-    marginTop?: Responsive<Spacing>;
-    marginRight?: Responsive<Spacing>;
-    marginBottom?: Responsive<Spacing>;
-    marginLeft?: Responsive<Spacing>;
-    width?: Responsive<Width | string>;
-    minWidth?: Responsive<MinWidth | string>;
-    maxWidth?: Responsive<MaxWidth | string>;
-    height?: Responsive<Height | string>;
-    minHeight?: Responsive<MinHeight | string>;
-    maxHeight?: Responsive<MaxHeight | string>;
-    position?: Responsive<Position>;
-    textAlign?: Responsive<TextAlign>;
+    borderRadius?: Responsive$1<BorderRadius>;
+    shadow?: Responsive$1<BoxShadow>;
+    padding?: Responsive$1<Padding>;
+    paddingX?: Responsive$1<Padding>;
+    paddingY?: Responsive$1<Padding>;
+    paddingTop?: Responsive$1<Padding>;
+    paddingRight?: Responsive$1<Padding>;
+    paddingBottom?: Responsive$1<Padding>;
+    paddingLeft?: Responsive$1<Padding>;
+    margin?: Responsive$1<Spacing>;
+    marginX?: Responsive$1<Spacing>;
+    marginY?: Responsive$1<Spacing>;
+    marginTop?: Responsive$1<Spacing>;
+    marginRight?: Responsive$1<Spacing>;
+    marginBottom?: Responsive$1<Spacing>;
+    marginLeft?: Responsive$1<Spacing>;
+    width?: Responsive$1<Width | string>;
+    minWidth?: Responsive$1<MinWidth | string>;
+    maxWidth?: Responsive$1<MaxWidth | string>;
+    height?: Responsive$1<Height | string>;
+    minHeight?: Responsive$1<MinHeight | string>;
+    maxHeight?: Responsive$1<MaxHeight | string>;
+    position?: Responsive$1<Position>;
+    textAlign?: Responsive$1<TextAlign>;
     top?: string;
     right?: string;
     bottom?: string;
     left?: string;
-    overflow?: Responsive<Overflow>;
-    overflowX?: Responsive<Overflow>;
-    overflowY?: Responsive<Overflow>;
-    cursor?: Responsive<Cursor>;
-    opacity?: Responsive<Opacity>;
-    pointerEvents?: Responsive<PointerEvents>;
-    alignSelf?: Responsive<AlignSelf>;
-    justifySelf?: Responsive<JustifySelf>;
+    overflow?: Responsive$1<Overflow>;
+    overflowX?: Responsive$1<Overflow>;
+    overflowY?: Responsive$1<Overflow>;
+    cursor?: Responsive$1<Cursor>;
+    opacity?: Responsive$1<Opacity>;
+    pointerEvents?: Responsive$1<PointerEvents>;
+    alignSelf?: Responsive$1<AlignSelf>;
+    justifySelf?: Responsive$1<JustifySelf>;
     flexBasis?: string;
     flexGrow?: FlexGrow;
     flexShrink?: FlexShrink;
@@ -331,16 +332,16 @@ interface CodeProps extends Omit<TextProps, 'as'> {
 declare function Code({ className, children, ...props }: CodeProps): react_jsx_runtime.JSX.Element;
 
 interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
-    display?: Responsive<FlexDisplay>;
-    direction?: Responsive<FlexDirection>;
-    wrap?: Responsive<FlexWrap>;
-    justifyContent?: Responsive<JustifyContent>;
-    justifyItems?: Responsive<JustifyItems>;
+    display?: Responsive$1<FlexDisplay>;
+    direction?: Responsive$1<FlexDirection>;
+    wrap?: Responsive$1<FlexWrap>;
+    justifyContent?: Responsive$1<JustifyContent>;
+    justifyItems?: Responsive$1<JustifyItems>;
     alignContent?: AlignContent;
     alignItems?: AlignItems;
-    gap?: Responsive<Gap>;
-    gapX?: Responsive<Gap>;
-    gapY?: Responsive<Gap>;
+    gap?: Responsive$1<Gap>;
+    gapX?: Responsive$1<Gap>;
+    gapY?: Responsive$1<Gap>;
 }
 declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, children, ...props }: FlexboxProps): react_jsx_runtime.JSX.Element;
 
@@ -408,17 +409,17 @@ interface CopyButtonProps {
 declare function CopyButton({ value, timeout, className, children, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
 
 interface GridProps extends Omit<BoxProps, 'display'> {
-    display?: Responsive<GridDisplay>;
-    justifyContent?: Responsive<JustifyContent>;
-    justifyItems?: Responsive<JustifyItems>;
+    display?: Responsive$1<GridDisplay>;
+    justifyContent?: Responsive$1<JustifyContent>;
+    justifyItems?: Responsive$1<JustifyItems>;
     alignContent?: AlignContent;
     alignItems?: AlignItems;
-    gap?: Responsive<Gap>;
-    gapX?: Responsive<Gap>;
-    gapY?: Responsive<Gap>;
-    autoFlow?: Responsive<GridAutoFlow>;
-    rows?: Responsive<GridRows | string>;
-    columns?: Responsive<GridColumns | string>;
+    gap?: Responsive$1<Gap>;
+    gapX?: Responsive$1<Gap>;
+    gapY?: Responsive$1<Gap>;
+    autoFlow?: Responsive$1<GridAutoFlow>;
+    rows?: Responsive$1<GridRows | string>;
+    columns?: Responsive$1<GridColumns | string>;
     areas?: GridTemplateAreas;
 }
 declare function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
@@ -537,7 +538,7 @@ declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ..
 type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 interface HeadingProps extends Omit<TextProps, 'as' | 'size'> {
     children?: ReactNode;
-    size?: Responsive<HeadingSize>;
+    size?: Responsive$1<HeadingSize>;
     as?: HeadingElement;
 }
 declare function Heading({ size, spacing, as, className, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
@@ -620,8 +621,8 @@ interface ImageProps extends HTMLAttributes<HTMLImageElement> {
     alt?: string;
     objectFit?: ObjectFit;
     isCentered?: boolean;
-    borderRadius?: Responsive<BorderRadius>;
-    shadow?: Responsive<BoxShadow>;
+    borderRadius?: Responsive$1<BorderRadius>;
+    shadow?: Responsive$1<BoxShadow>;
 }
 declare function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
 
@@ -638,6 +639,70 @@ interface LoadingProps extends BoxProps {
 }
 declare function Loading({ size, placement, icon, className, ...props }: LoadingProps): react_jsx_runtime.JSX.Element;
 
+declare function cn(...inputs: ClassValue[]): string;
+type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
+declare function mapDisplay(value: Responsive<string> | undefined): string;
+declare function mapPosition(value: Responsive<string> | undefined): string;
+declare function mapOverflow(value: Responsive<string> | undefined, axis?: 'x' | 'y'): string;
+declare function mapCursor(value: Responsive<string> | undefined): string;
+declare function mapOpacity(value: Responsive<string> | undefined): string;
+declare function mapPointerEvents(value: Responsive<string> | undefined): string;
+declare function mapPadding(value: Responsive<string> | undefined, side?: string): string;
+declare function mapMargin(value: Responsive<string> | undefined, side?: string): string;
+declare function mapGap(value: Responsive<string> | undefined, axis?: 'x' | 'y'): string;
+declare function mapFontSize(value: Responsive<string> | undefined): string;
+declare function mapHeadingSize(value: Responsive<string> | undefined): string;
+declare function mapFontWeight(value: Responsive<string> | undefined): string;
+declare function mapTextColor(value: string | undefined): string;
+declare function mapBackgroundColor(value: string | undefined): string;
+declare function mapBorderRadius(value: Responsive<string> | undefined): string;
+declare function mapBorderWidth(value: Responsive<string> | undefined): string;
+declare function mapShadow(value: Responsive<string> | undefined): string;
+declare function mapFlexDirection(value: Responsive<string> | undefined): string;
+declare function mapFlexWrap(value: Responsive<string> | undefined): string;
+declare function mapJustifyContent(value: Responsive<string> | undefined): string;
+declare function mapJustifyItems(value: Responsive<string> | undefined): string;
+declare function mapAlignContent(value: Responsive<string> | undefined): string;
+declare function mapAlignItems(value: Responsive<string> | undefined): string;
+declare function mapAlignSelf(value: Responsive<string> | undefined): string;
+declare function mapTextAlign(value: Responsive<string> | undefined): string;
+declare function mapTextWrap(value: Responsive<string> | undefined): string;
+declare function mapTextTransform(value: Responsive<string> | undefined): string;
+declare function mapLetterSpacing(value: Responsive<string> | undefined): string;
+declare function mapLineHeight(value: Responsive<string> | undefined): string;
+declare function mapWhitespace(value: Responsive<string> | undefined): string;
+declare function mapWordBreak(value: Responsive<string> | undefined): string;
+declare function mapVerticalAlign(value: Responsive<string> | undefined): string;
+declare function mapTextDecorationStyle(value: Responsive<string> | undefined): string;
+declare function mapTextIndent(value: Responsive<string> | undefined): string;
+declare function mapGridAutoFlow(value: Responsive<string> | undefined): string;
+declare function mapGridColumns(value: Responsive<string> | undefined): string;
+declare function mapGridRows(value: Responsive<string> | undefined): string;
+declare function mapBorder(value: Responsive<string | boolean> | undefined): string;
+declare function mapBorderColor(value: string | undefined): string;
+declare function getCssColorValue(value: string | undefined): string | undefined;
+declare function mapWidth(value: Responsive<string> | undefined): string;
+declare function mapHeight(value: Responsive<string> | undefined): string;
+declare function mapMinWidth(value: Responsive<string> | undefined): string;
+declare function mapMaxWidth(value: Responsive<string> | undefined): string;
+declare function mapMinHeight(value: Responsive<string> | undefined): string;
+declare function mapMaxHeight(value: Responsive<string> | undefined): string;
+declare function isWidthPreset(value: string): boolean;
+declare function isHeightPreset(value: string): boolean;
+declare function isMinWidthPreset(value: string): boolean;
+declare function isMaxWidthPreset(value: string): boolean;
+declare function isMinHeightPreset(value: string): boolean;
+declare function isMaxHeightPreset(value: string): boolean;
+type StatePrefix = 'hover' | 'focus' | 'active';
+interface StateStylesInput {
+    color?: string | boolean;
+    backgroundColor?: string | boolean;
+    borderColor?: string | boolean;
+    opacity?: string;
+}
+declare function mapStateStyles(prefix: StatePrefix, styles: StateStylesInput | undefined): string;
+
 interface MenuProps extends MenuProps$1<any> {
     className?: string;
     children?: ReactNode;
@@ -912,4 +977,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, theme, colorScheme, toast, }: ZenProviderProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, IconLabel, type IconLabelProps, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, IconLabel, type IconLabelProps, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };