@umami/react-zen 0.186.0 → 0.187.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -3912,67 +3912,69 @@ body a.Button_button__NGQyO {
3912
3912
  }
3913
3913
 
3914
3914
  /* virtual-css:css:eedba9fc7e3d8030bbd07387da49f358 */
3915
- .Table_table__YjllN {
3915
+ .Table_table__NWMxN {
3916
3916
  font-size: var(--font-size);
3917
3917
  color: var(--font-color);
3918
3918
  border-collapse: collapse;
3919
3919
  width: 100%;
3920
3920
  position: relative;
3921
+ --table-row-height: 40px;
3921
3922
  }
3922
- .Table_table__YjllN th,
3923
- .Table_table__YjllN td {
3923
+ .Table_table__NWMxN th,
3924
+ .Table_table__NWMxN td {
3924
3925
  min-width: 0;
3925
3926
  }
3926
- .Table_header__NmE0Y,
3927
- .Table_body__ZWYwN {
3927
+ .Table_header__YzdmY,
3928
+ .Table_body__Nzg5M {
3928
3929
  display: contents;
3929
3930
  }
3930
- .Table_header__NmE0Y {
3931
+ .Table_header__YzdmY {
3931
3932
  display: grid;
3932
3933
  border-bottom: 1px solid var(--border-color);
3933
3934
  }
3934
- .Table_header__NmE0Y tr {
3935
+ .Table_header__YzdmY tr {
3935
3936
  display: contents;
3936
3937
  }
3937
- .Table_row__Y2M0Y {
3938
+ .Table_row__ZWFmM {
3938
3939
  display: grid;
3939
3940
  border-bottom: 1px solid color-mix(in srgb, var(--border-color), 50% transparent);
3941
+ min-height: var(--table-row-height);
3940
3942
  }
3941
- .Table_header__NmE0Y .Table_column__ZGY2M:first-child,
3942
- .Table_row__Y2M0Y .Table_cell__MmZjM:first-child {
3943
+ .Table_header__YzdmY .Table_column__YTdhZ:first-child,
3944
+ .Table_row__ZWFmM .Table_cell__MjU3N:first-child {
3943
3945
  padding-left: 0;
3944
3946
  }
3945
- .Table_header__NmE0Y .Table_column__ZGY2M:last-child,
3946
- .Table_row__Y2M0Y .Table_cell__MmZjM:last-child {
3947
+ .Table_header__YzdmY .Table_column__YTdhZ:last-child,
3948
+ .Table_row__ZWFmM .Table_cell__MjU3N:last-child {
3947
3949
  padding-right: 0;
3948
3950
  }
3949
- .Table_column__ZGY2M {
3951
+ .Table_column__YTdhZ {
3950
3952
  display: flex;
3951
3953
  padding: var(--padding);
3952
3954
  text-align: left;
3953
3955
  font-weight: 700;
3954
3956
  flex: 1;
3955
3957
  }
3956
- .Table_cell__MmZjM {
3958
+ .Table_cell__MjU3N {
3957
3959
  display: flex;
3958
3960
  padding: var(--padding);
3959
3961
  flex: 1;
3960
3962
  }
3961
- .Table_row__Y2M0Y .Table_cell__MmZjM a {
3963
+ .Table_row__ZWFmM .Table_cell__MjU3N a {
3962
3964
  font-weight: 500;
3963
3965
  text-decoration: underline var(--base-color-6);
3964
3966
  text-underline-offset: 4px;
3965
3967
  }
3966
- .Table_row__Y2M0Y .Table_cell__MmZjM a:hover {
3968
+ .Table_row__ZWFmM .Table_cell__MjU3N a:hover {
3967
3969
  text-decoration: underline var(--base-color-10);
3968
3970
  }
3969
- .Table_start__NGFiN {
3971
+ .Table_start__ZGIyN {
3970
3972
  justify-content: flex-start;
3971
3973
  }
3972
- .Table_center__NzFjM {
3974
+ .Table_center__Yzg5M {
3973
3975
  justify-content: center;
3974
3976
  }
3975
- .Table_end__NmQyY {
3977
+ .Table_end__YjA1Y {
3976
3978
  justify-content: flex-end;
3977
3979
  }
3978
3980
 
@@ -4193,27 +4195,28 @@ body a.Button_button__NGQyO {
4193
4195
  }
4194
4196
 
4195
4197
  /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
4196
- .Menu_menu__OGI3N {
4198
+ .Menu_menu__YTM5N {
4197
4199
  min-width: 200px;
4198
4200
  border: var(--border);
4199
4201
  border-radius: var(--border-radius);
4200
4202
  padding: var(--spacing-2);
4201
4203
  box-shadow: var(--box-shadow-3);
4202
4204
  background: var(--background-color);
4205
+ overflow: hidden;
4203
4206
  }
4204
- .Menu_separator__NzUwY {
4207
+ .Menu_separator__YjFhN {
4205
4208
  border-bottom: var(--border);
4206
4209
  margin: var(--spacing-2) calc(-1 * var(--spacing-3));
4207
4210
  }
4208
- .Menu_section__ZTEwN:not(:last-child) {
4211
+ .Menu_section__NWFlM:not(:last-child) {
4209
4212
  margin-bottom: var(--spacing-4);
4210
4213
  }
4211
- .Menu_header__NWMzN {
4214
+ .Menu_header__YzJkN {
4212
4215
  font-size: var(--font-size-3);
4213
4216
  font-weight: var(--font-weight-bold);
4214
4217
  padding: var(--padding);
4215
4218
  }
4216
- .Menu_item__NDAyO {
4219
+ .Menu_item__NGRkO {
4217
4220
  display: flex;
4218
4221
  align-items: center;
4219
4222
  justify-content: space-between;
@@ -4227,37 +4230,37 @@ body a.Button_button__NGQyO {
4227
4230
  outline: none;
4228
4231
  width: 100%;
4229
4232
  }
4230
- .Menu_item__NDAyO[data-disabled] {
4233
+ .Menu_item__NGRkO[data-disabled] {
4231
4234
  color: var(--font-color-disabled);
4232
4235
  }
4233
- .Menu_item__NDAyO[data-focus],
4234
- .Menu_item__NDAyO[data-focus-visible] {
4236
+ .Menu_item__NGRkO[data-focus],
4237
+ .Menu_item__NGRkO[data-focus-visible] {
4235
4238
  outline: var(--outline);
4236
4239
  background: var(--highlight-color);
4237
4240
  }
4238
- .Menu_item__NDAyO:hover {
4241
+ .Menu_item__NGRkO:hover {
4239
4242
  background: var(--highlight-color);
4240
4243
  }
4241
- .Menu_item__NDAyO[data-selected] {
4244
+ .Menu_item__NGRkO[data-selected] {
4242
4245
  font-weight: bold;
4243
- & .Menu_checkmark__ZDU2Z {
4246
+ & .Menu_checkmark__MWQ1O {
4244
4247
  display: flex;
4245
4248
  justify-content: flex-end;
4246
4249
  }
4247
4250
  }
4248
- .Menu_checkmark__ZDU2Z {
4251
+ .Menu_checkmark__MWQ1O {
4249
4252
  display: none;
4250
4253
  }
4251
- .Menu_hideCheckmark__MTYxO .Menu_checkmark__ZDU2Z {
4254
+ .Menu_hideCheckmark__YzBhM .Menu_checkmark__MWQ1O {
4252
4255
  display: none;
4253
4256
  }
4254
- .Menu_label__MmZkZ {
4257
+ .Menu_label__NGMxM {
4255
4258
  display: flex;
4256
4259
  flex-direction: row;
4257
4260
  align-items: center;
4258
4261
  gap: var(--gap);
4259
4262
  }
4260
- .Menu_content__N2Y0M {
4263
+ .Menu_content__MTA2O {
4261
4264
  overflow: auto;
4262
4265
  }
4263
4266
 
package/dist/index.d.mts CHANGED
@@ -123,7 +123,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
123
123
  }
124
124
  declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderWidth, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
125
125
 
126
- interface FlexboxProps extends Omit<BoxProps, 'display'> {
126
+ interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
127
127
  display?: Responsive<FlexDisplay>;
128
128
  direction?: Responsive<FlexDirection>;
129
129
  wrap?: Responsive<FlexWrap>;
@@ -443,7 +443,7 @@ interface HoverButtonProps {
443
443
  }
444
444
  declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react.JSX.Element;
445
445
 
446
- interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
446
+ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'> {
447
447
  color?: FontColor;
448
448
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
449
449
  variant?: 'input';
@@ -452,7 +452,33 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
452
452
  strokeColor?: StrokeColor;
453
453
  fillColor?: FillColor;
454
454
  }
455
- declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react.JSX.Element;
455
+ declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps): react.JSX.Element;
456
+
457
+ interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
458
+ color?: FontColor;
459
+ size?: Responsive<FontSize>;
460
+ spacing?: Responsive<LetterSpacing>;
461
+ weight?: Responsive<FontWeight>;
462
+ align?: Responsive<TextAlign>;
463
+ wrap?: Responsive<TextWrap>;
464
+ transform?: Responsive<TextTransform>;
465
+ truncate?: Responsive<boolean>;
466
+ italic?: Responsive<boolean>;
467
+ underline?: Responsive<boolean>;
468
+ strikethrough?: Responsive<boolean>;
469
+ as?: 'span' | 'div' | 'label' | 'p';
470
+ asChild?: boolean;
471
+ }
472
+ declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
473
+
474
+ interface IconLabelProps extends RowProps {
475
+ icon: ReactNode;
476
+ label?: ReactNode;
477
+ iconProps?: IconProps;
478
+ labelProps?: TextProps;
479
+ showLabel?: boolean;
480
+ }
481
+ declare function IconLabel({ icon, label, iconProps, labelProps, showLabel, children, ...props }: IconLabelProps): react.JSX.Element;
456
482
 
457
483
  interface ImageProps extends HTMLAttributes<HTMLImageElement> {
458
484
  src: string;
@@ -679,23 +705,6 @@ declare function TabList({ children, ...props }: TabListProps<any>): react.JSX.E
679
705
  declare function Tab({ children, ...props }: TabProps): react.JSX.Element;
680
706
  declare function TabPanel({ children, ...props }: TabPanelProps): react.JSX.Element;
681
707
 
682
- interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
683
- color?: FontColor;
684
- size?: Responsive<FontSize>;
685
- spacing?: Responsive<LetterSpacing>;
686
- weight?: Responsive<FontWeight>;
687
- align?: Responsive<TextAlign>;
688
- wrap?: Responsive<TextWrap>;
689
- transform?: Responsive<TextTransform>;
690
- truncate?: Responsive<boolean>;
691
- italic?: Responsive<boolean>;
692
- underline?: Responsive<boolean>;
693
- strikethrough?: Responsive<boolean>;
694
- as?: 'span' | 'div' | 'label' | 'p';
695
- asChild?: boolean;
696
- }
697
- declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
698
-
699
708
  interface TextFieldProps extends TextFieldProps$1 {
700
709
  label?: string;
701
710
  placeholder?: string;
@@ -734,4 +743,4 @@ interface ZenProviderProps {
734
743
  }
735
744
  declare function ZenProvider({ children, theme, colorScheme, toast, }: ZenProviderProps): react.JSX.Element;
736
745
 
737
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, 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, InlineEditField, type InlineEditFieldProps, 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, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, 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, ThemeButton, Toast, type ToastOptions, 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, useDebounce, useNavigationContext, useTheme, useToast };
746
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, 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, InlineEditField, type InlineEditFieldProps, 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, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, 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, ThemeButton, Toast, type ToastOptions, 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, useDebounce, useNavigationContext, useTheme, useToast };
package/dist/index.d.ts CHANGED
@@ -123,7 +123,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
123
123
  }
124
124
  declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderWidth, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
125
125
 
126
- interface FlexboxProps extends Omit<BoxProps, 'display'> {
126
+ interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
127
127
  display?: Responsive<FlexDisplay>;
128
128
  direction?: Responsive<FlexDirection>;
129
129
  wrap?: Responsive<FlexWrap>;
@@ -443,7 +443,7 @@ interface HoverButtonProps {
443
443
  }
444
444
  declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react.JSX.Element;
445
445
 
446
- interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
446
+ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'> {
447
447
  color?: FontColor;
448
448
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
449
449
  variant?: 'input';
@@ -452,7 +452,33 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
452
452
  strokeColor?: StrokeColor;
453
453
  fillColor?: FillColor;
454
454
  }
455
- declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react.JSX.Element;
455
+ declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps): react.JSX.Element;
456
+
457
+ interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
458
+ color?: FontColor;
459
+ size?: Responsive<FontSize>;
460
+ spacing?: Responsive<LetterSpacing>;
461
+ weight?: Responsive<FontWeight>;
462
+ align?: Responsive<TextAlign>;
463
+ wrap?: Responsive<TextWrap>;
464
+ transform?: Responsive<TextTransform>;
465
+ truncate?: Responsive<boolean>;
466
+ italic?: Responsive<boolean>;
467
+ underline?: Responsive<boolean>;
468
+ strikethrough?: Responsive<boolean>;
469
+ as?: 'span' | 'div' | 'label' | 'p';
470
+ asChild?: boolean;
471
+ }
472
+ declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
473
+
474
+ interface IconLabelProps extends RowProps {
475
+ icon: ReactNode;
476
+ label?: ReactNode;
477
+ iconProps?: IconProps;
478
+ labelProps?: TextProps;
479
+ showLabel?: boolean;
480
+ }
481
+ declare function IconLabel({ icon, label, iconProps, labelProps, showLabel, children, ...props }: IconLabelProps): react.JSX.Element;
456
482
 
457
483
  interface ImageProps extends HTMLAttributes<HTMLImageElement> {
458
484
  src: string;
@@ -679,23 +705,6 @@ declare function TabList({ children, ...props }: TabListProps<any>): react.JSX.E
679
705
  declare function Tab({ children, ...props }: TabProps): react.JSX.Element;
680
706
  declare function TabPanel({ children, ...props }: TabPanelProps): react.JSX.Element;
681
707
 
682
- interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
683
- color?: FontColor;
684
- size?: Responsive<FontSize>;
685
- spacing?: Responsive<LetterSpacing>;
686
- weight?: Responsive<FontWeight>;
687
- align?: Responsive<TextAlign>;
688
- wrap?: Responsive<TextWrap>;
689
- transform?: Responsive<TextTransform>;
690
- truncate?: Responsive<boolean>;
691
- italic?: Responsive<boolean>;
692
- underline?: Responsive<boolean>;
693
- strikethrough?: Responsive<boolean>;
694
- as?: 'span' | 'div' | 'label' | 'p';
695
- asChild?: boolean;
696
- }
697
- declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
698
-
699
708
  interface TextFieldProps extends TextFieldProps$1 {
700
709
  label?: string;
701
710
  placeholder?: string;
@@ -734,4 +743,4 @@ interface ZenProviderProps {
734
743
  }
735
744
  declare function ZenProvider({ children, theme, colorScheme, toast, }: ZenProviderProps): react.JSX.Element;
736
745
 
737
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, 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, InlineEditField, type InlineEditFieldProps, 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, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, 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, ThemeButton, Toast, type ToastOptions, 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, useDebounce, useNavigationContext, useTheme, useToast };
746
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, 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, InlineEditField, type InlineEditFieldProps, 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, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, 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, ThemeButton, Toast, type ToastOptions, 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, useDebounce, useNavigationContext, useTheme, useToast };