@umami/react-zen 0.239.0 → 0.240.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, DialogRenderProps, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
-export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusable, MenuTrigger, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
+import { DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, DialogRenderProps, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, ListBoxSectionProps, SeparatorProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableBodyProps, CellProps, ColumnProps as ColumnProps$1, TableHeaderProps, RowProps as RowProps$1, TabProps, TabListProps, TabPanelProps, TabsProps, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, ToggleButtonProps } from 'react-aria-components';
+export { DialogTrigger, FileTrigger, Focusable, MenuTrigger, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TooltipTrigger } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, ReactElement, HTMLAttributes, CSSProperties, Dispatch, SetStateAction, RefObject } from 'react';
@@ -59,8 +59,9 @@ type ColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' |
 type TailwindColor = `${ColorName}-${ColorShade}`;
 type SemanticColor = 'primary' | 'secondary' | 'muted' | 'strong' | 'inverted' | 'disabled' | 'transparent';
 type SurfaceColor = 'surface-base' | 'surface-raised' | 'surface-sunken' | 'surface-overlay' | 'surface-inverted' | 'surface-disabled';
+type InteractiveColor = 'interactive' | 'interactive-hover' | 'interactive-pressed';
 type FontColor = SemanticColor | ColorName | TailwindColor | true;
-type BackgroundColor = SemanticColor | SurfaceColor | ColorName | TailwindColor | true;
+type BackgroundColor = SemanticColor | SurfaceColor | InteractiveColor | ColorName | TailwindColor | true;
 type BorderColor = SemanticColor | ColorName | TailwindColor | true;
 type StrokeColor = FontColor;
 type FillColor = FontColor;
@@ -223,6 +224,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     flexBasis?: string;
     flexGrow?: FlexGrow;
     flexShrink?: FlexShrink;
+    fill?: boolean;
     gridArea?: string;
     gridRow?: string;
     gridColumn?: string;
@@ -296,8 +298,55 @@ declare const button: tailwind_variants.TVReturnType<{
     };
 }, undefined, string[], unknown, unknown, undefined>>;
 type ButtonVariants = VariantProps<typeof button>;
+declare const tag: tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    removeButton: string[];
+}, undefined, {
+    variant: {
+        default: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    removeButton: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    removeButton: string[];
+}, undefined, unknown, unknown, undefined>>;
+type TagVariants = VariantProps<typeof tag>;
 
-interface ButtonProps extends Omit<ButtonProps$1, 'className'>, ButtonVariants {
+interface ButtonProps extends Omit<ButtonProps$1, 'className' | 'render'>, ButtonVariants {
     render?: RenderProp<ButtonRenderProps>;
     children?: ReactNode;
     className?: string;
@@ -307,7 +356,7 @@ interface ButtonRenderProps {
     children: ReactNode;
     [key: string]: unknown;
 }
-declare function Button({ variant, size, render, preventFocusOnPress, className, children, ...props }: ButtonProps): ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare function Button({ variant, size, render, preventFocusOnPress, className, children, ...props }: ButtonProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 
 interface CalendarProps extends Omit<CalendarProps$1<any>, 'value' | 'minValue' | 'maxValue' | 'defaultValue' | 'onChange'> {
     value: Date;
@@ -351,10 +400,6 @@ declare function Column({ reverse, children, ...props }: ColumnProps): react_jsx
 
 interface ListProps extends ListBoxProps<any> {
     children?: ReactNode;
-    items?: any[];
-    idProperty?: string;
-    labelProperty?: string;
-    separatorProperty?: string;
     highlightColor?: string;
     showCheckmark?: boolean;
     isFullscreen?: boolean;
@@ -362,7 +407,7 @@ interface ListProps extends ListBoxProps<any> {
     value?: string[];
     onChange?: (value: string[]) => void;
 }
-declare function List({ id, items, idProperty, labelProperty, separatorProperty, highlightColor, showCheckmark, isFullscreen, label, value, onChange, className, selectedKeys, defaultSelectedKeys, onSelectionChange, style, children, ...props }: ListProps): react_jsx_runtime.JSX.Element;
+declare function List({ id, highlightColor, showCheckmark, isFullscreen, label, value, onChange, className, selectedKeys, defaultSelectedKeys, onSelectionChange, style, children, ...props }: ListProps): react_jsx_runtime.JSX.Element;
 interface ListItemProps extends ListBoxItemProps<any> {
     children?: ReactNode;
     id?: string | number;
@@ -378,12 +423,11 @@ declare function ListSection({ title, className, children, ...props }: ListSecti
 
 interface ComboBoxProps extends ComboBoxProps$1<any> {
     children?: ReactNode;
-    items?: any[];
     renderEmptyState?: (props: ListBoxRenderProps) => ReactNode;
     listProps?: ListProps;
     popoverProps?: PopoverProps$1;
 }
-declare function ComboBox({ items, className, renderEmptyState, listProps, popoverProps, children, ...props }: ComboBoxProps): react_jsx_runtime.JSX.Element;
+declare function ComboBox({ className, renderEmptyState, listProps, popoverProps, children, ...props }: ComboBoxProps): react_jsx_runtime.JSX.Element;
 
 interface ConfirmationDialogProps extends AlertDialogProps {
     value: string;
@@ -445,7 +489,7 @@ interface DataColumnProps extends Omit<HTMLAttributes<any>, 'children'> {
     hidden?: boolean;
     children?: ReactNode | ((row: any, index: number) => void);
 }
-declare function DataColumn(props: DataColumnProps): null;
+declare function DataColumn(_props: DataColumnProps): null;
 
 interface DotsProps extends HTMLAttributes<HTMLDivElement> {
     size?: 'sm' | 'md' | 'lg';
@@ -793,7 +837,6 @@ declare function SearchField({ label, placeholder, value, defaultValue, delay, o
 
 interface SelectProps extends SelectProps$1<HTMLSelectElement> {
     children?: ReactNode;
-    items?: any[];
     value?: string | number;
     defaultValue?: string | number;
     label?: string;
@@ -813,7 +856,7 @@ interface SelectProps extends SelectProps$1<HTMLSelectElement> {
         defaultChildren: ReactNode;
     }) => ReactNode);
 }
-declare function Select({ items, value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, maxHeight, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
+declare function Select({ value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, maxHeight, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
 
 interface SliderProps extends SliderProps$1 {
     label?: ReactNode;
@@ -863,6 +906,16 @@ declare function TabList({ children, className, ...props }: TabListProps<any>):
 declare function Tab({ children, className, ...props }: TabProps): react_jsx_runtime.JSX.Element;
 declare function TabPanel({ children, className, ...props }: TabPanelProps): react_jsx_runtime.JSX.Element;
 
+interface TagGroupProps extends Omit<TagGroupProps$1, 'children'> {
+    label?: string;
+    children?: ReactNode;
+}
+declare function TagGroup({ label, children, className, ...props }: TagGroupProps): react_jsx_runtime.JSX.Element;
+interface TagProps extends TagProps$1, TagVariants {
+    children?: ReactNode;
+}
+declare function Tag({ variant, children, className, ...props }: TagProps): react_jsx_runtime.JSX.Element;
+
 interface TextFieldProps extends TextFieldProps$1 {
     label?: string;
     placeholder?: string;
@@ -891,7 +944,7 @@ interface ToggleProps extends ToggleButtonProps {
 }
 declare function Toggle({ label, children, className, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
 
-interface ToggleGroupProps extends TagGroupProps {
+interface ToggleGroupProps extends TagGroupProps$1 {
     label?: string;
     value?: string[];
     defaultValue?: string[];
@@ -899,7 +952,7 @@ interface ToggleGroupProps extends TagGroupProps {
     onChange?: (value: string[]) => void;
 }
 declare function ToggleGroup({ label, value, defaultValue, variant, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
-interface ToggleGroupItemProps extends TagProps {
+interface ToggleGroupItemProps extends TagProps$1 {
 }
 declare function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
 
@@ -937,4 +990,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, theme, colorScheme, palette, 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, 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, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, 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, 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 };
+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, 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, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, 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, 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, Tag, TagGroup, type TagGroupProps, type TagProps, 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

@@ -1,5 +1,5 @@
-import { DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, DialogRenderProps, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
-export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusable, MenuTrigger, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
+import { DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, DialogRenderProps, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, ListBoxSectionProps, SeparatorProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableBodyProps, CellProps, ColumnProps as ColumnProps$1, TableHeaderProps, RowProps as RowProps$1, TabProps, TabListProps, TabPanelProps, TabsProps, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, ToggleButtonProps } from 'react-aria-components';
+export { DialogTrigger, FileTrigger, Focusable, MenuTrigger, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TooltipTrigger } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, ReactElement, HTMLAttributes, CSSProperties, Dispatch, SetStateAction, RefObject } from 'react';
@@ -59,8 +59,9 @@ type ColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' |
 type TailwindColor = `${ColorName}-${ColorShade}`;
 type SemanticColor = 'primary' | 'secondary' | 'muted' | 'strong' | 'inverted' | 'disabled' | 'transparent';
 type SurfaceColor = 'surface-base' | 'surface-raised' | 'surface-sunken' | 'surface-overlay' | 'surface-inverted' | 'surface-disabled';
+type InteractiveColor = 'interactive' | 'interactive-hover' | 'interactive-pressed';
 type FontColor = SemanticColor | ColorName | TailwindColor | true;
-type BackgroundColor = SemanticColor | SurfaceColor | ColorName | TailwindColor | true;
+type BackgroundColor = SemanticColor | SurfaceColor | InteractiveColor | ColorName | TailwindColor | true;
 type BorderColor = SemanticColor | ColorName | TailwindColor | true;
 type StrokeColor = FontColor;
 type FillColor = FontColor;
@@ -223,6 +224,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     flexBasis?: string;
     flexGrow?: FlexGrow;
     flexShrink?: FlexShrink;
+    fill?: boolean;
     gridArea?: string;
     gridRow?: string;
     gridColumn?: string;
@@ -296,8 +298,55 @@ declare const button: tailwind_variants.TVReturnType<{
     };
 }, undefined, string[], unknown, unknown, undefined>>;
 type ButtonVariants = VariantProps<typeof button>;
+declare const tag: tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    removeButton: string[];
+}, undefined, {
+    variant: {
+        default: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    removeButton: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    removeButton: string[];
+}, undefined, unknown, unknown, undefined>>;
+type TagVariants = VariantProps<typeof tag>;
 
-interface ButtonProps extends Omit<ButtonProps$1, 'className'>, ButtonVariants {
+interface ButtonProps extends Omit<ButtonProps$1, 'className' | 'render'>, ButtonVariants {
     render?: RenderProp<ButtonRenderProps>;
     children?: ReactNode;
     className?: string;
@@ -307,7 +356,7 @@ interface ButtonRenderProps {
     children: ReactNode;
     [key: string]: unknown;
 }
-declare function Button({ variant, size, render, preventFocusOnPress, className, children, ...props }: ButtonProps): ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare function Button({ variant, size, render, preventFocusOnPress, className, children, ...props }: ButtonProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 
 interface CalendarProps extends Omit<CalendarProps$1<any>, 'value' | 'minValue' | 'maxValue' | 'defaultValue' | 'onChange'> {
     value: Date;
@@ -351,10 +400,6 @@ declare function Column({ reverse, children, ...props }: ColumnProps): react_jsx
 
 interface ListProps extends ListBoxProps<any> {
     children?: ReactNode;
-    items?: any[];
-    idProperty?: string;
-    labelProperty?: string;
-    separatorProperty?: string;
     highlightColor?: string;
     showCheckmark?: boolean;
     isFullscreen?: boolean;
@@ -362,7 +407,7 @@ interface ListProps extends ListBoxProps<any> {
     value?: string[];
     onChange?: (value: string[]) => void;
 }
-declare function List({ id, items, idProperty, labelProperty, separatorProperty, highlightColor, showCheckmark, isFullscreen, label, value, onChange, className, selectedKeys, defaultSelectedKeys, onSelectionChange, style, children, ...props }: ListProps): react_jsx_runtime.JSX.Element;
+declare function List({ id, highlightColor, showCheckmark, isFullscreen, label, value, onChange, className, selectedKeys, defaultSelectedKeys, onSelectionChange, style, children, ...props }: ListProps): react_jsx_runtime.JSX.Element;
 interface ListItemProps extends ListBoxItemProps<any> {
     children?: ReactNode;
     id?: string | number;
@@ -378,12 +423,11 @@ declare function ListSection({ title, className, children, ...props }: ListSecti
 
 interface ComboBoxProps extends ComboBoxProps$1<any> {
     children?: ReactNode;
-    items?: any[];
     renderEmptyState?: (props: ListBoxRenderProps) => ReactNode;
     listProps?: ListProps;
     popoverProps?: PopoverProps$1;
 }
-declare function ComboBox({ items, className, renderEmptyState, listProps, popoverProps, children, ...props }: ComboBoxProps): react_jsx_runtime.JSX.Element;
+declare function ComboBox({ className, renderEmptyState, listProps, popoverProps, children, ...props }: ComboBoxProps): react_jsx_runtime.JSX.Element;
 
 interface ConfirmationDialogProps extends AlertDialogProps {
     value: string;
@@ -445,7 +489,7 @@ interface DataColumnProps extends Omit<HTMLAttributes<any>, 'children'> {
     hidden?: boolean;
     children?: ReactNode | ((row: any, index: number) => void);
 }
-declare function DataColumn(props: DataColumnProps): null;
+declare function DataColumn(_props: DataColumnProps): null;
 
 interface DotsProps extends HTMLAttributes<HTMLDivElement> {
     size?: 'sm' | 'md' | 'lg';
@@ -793,7 +837,6 @@ declare function SearchField({ label, placeholder, value, defaultValue, delay, o
 
 interface SelectProps extends SelectProps$1<HTMLSelectElement> {
     children?: ReactNode;
-    items?: any[];
     value?: string | number;
     defaultValue?: string | number;
     label?: string;
@@ -813,7 +856,7 @@ interface SelectProps extends SelectProps$1<HTMLSelectElement> {
         defaultChildren: ReactNode;
     }) => ReactNode);
 }
-declare function Select({ items, value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, maxHeight, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
+declare function Select({ value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, maxHeight, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
 
 interface SliderProps extends SliderProps$1 {
     label?: ReactNode;
@@ -863,6 +906,16 @@ declare function TabList({ children, className, ...props }: TabListProps<any>):
 declare function Tab({ children, className, ...props }: TabProps): react_jsx_runtime.JSX.Element;
 declare function TabPanel({ children, className, ...props }: TabPanelProps): react_jsx_runtime.JSX.Element;
 
+interface TagGroupProps extends Omit<TagGroupProps$1, 'children'> {
+    label?: string;
+    children?: ReactNode;
+}
+declare function TagGroup({ label, children, className, ...props }: TagGroupProps): react_jsx_runtime.JSX.Element;
+interface TagProps extends TagProps$1, TagVariants {
+    children?: ReactNode;
+}
+declare function Tag({ variant, children, className, ...props }: TagProps): react_jsx_runtime.JSX.Element;
+
 interface TextFieldProps extends TextFieldProps$1 {
     label?: string;
     placeholder?: string;
@@ -891,7 +944,7 @@ interface ToggleProps extends ToggleButtonProps {
 }
 declare function Toggle({ label, children, className, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
 
-interface ToggleGroupProps extends TagGroupProps {
+interface ToggleGroupProps extends TagGroupProps$1 {
     label?: string;
     value?: string[];
     defaultValue?: string[];
@@ -899,7 +952,7 @@ interface ToggleGroupProps extends TagGroupProps {
     onChange?: (value: string[]) => void;
 }
 declare function ToggleGroup({ label, value, defaultValue, variant, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
-interface ToggleGroupItemProps extends TagProps {
+interface ToggleGroupItemProps extends TagProps$1 {
 }
 declare function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
 
@@ -937,4 +990,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, theme, colorScheme, palette, 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, 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, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, 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, 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 };
+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, 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, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, 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, 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, Tag, TagGroup, type TagGroupProps, type TagProps, 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 };