@umami/react-zen 0.185.0 → 0.187.0

package/dist/index.css

@@ -3912,67 +3912,69 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:eedba9fc7e3d8030bbd07387da49f358 */
-.Table_table__YjllN {
+.Table_table__NWMxN {
   font-size: var(--font-size);
   color: var(--font-color);
   border-collapse: collapse;
   width: 100%;
   position: relative;
+  --table-row-height: 40px;
 }
-.Table_table__YjllN th,
-.Table_table__YjllN td {
+.Table_table__NWMxN th,
+.Table_table__NWMxN td {
   min-width: 0;
 }
-.Table_header__NmE0Y,
-.Table_body__ZWYwN {
+.Table_header__YzdmY,
+.Table_body__Nzg5M {
   display: contents;
 }
-.Table_header__NmE0Y {
+.Table_header__YzdmY {
   display: grid;
   border-bottom: 1px solid var(--border-color);
 }
-.Table_header__NmE0Y tr {
+.Table_header__YzdmY tr {
   display: contents;
 }
-.Table_row__Y2M0Y {
+.Table_row__ZWFmM {
   display: grid;
   border-bottom: 1px solid color-mix(in srgb, var(--border-color), 50% transparent);
+  min-height: var(--table-row-height);
 }
-.Table_header__NmE0Y .Table_column__ZGY2M:first-child,
-.Table_row__Y2M0Y .Table_cell__MmZjM:first-child {
+.Table_header__YzdmY .Table_column__YTdhZ:first-child,
+.Table_row__ZWFmM .Table_cell__MjU3N:first-child {
   padding-left: 0;
 }
-.Table_header__NmE0Y .Table_column__ZGY2M:last-child,
-.Table_row__Y2M0Y .Table_cell__MmZjM:last-child {
+.Table_header__YzdmY .Table_column__YTdhZ:last-child,
+.Table_row__ZWFmM .Table_cell__MjU3N:last-child {
   padding-right: 0;
 }
-.Table_column__ZGY2M {
+.Table_column__YTdhZ {
   display: flex;
   padding: var(--padding);
   text-align: left;
   font-weight: 700;
   flex: 1;
 }
-.Table_cell__MmZjM {
+.Table_cell__MjU3N {
   display: flex;
   padding: var(--padding);
   flex: 1;
 }
-.Table_row__Y2M0Y .Table_cell__MmZjM a {
+.Table_row__ZWFmM .Table_cell__MjU3N a {
   font-weight: 500;
   text-decoration: underline var(--base-color-6);
   text-underline-offset: 4px;
 }
-.Table_row__Y2M0Y .Table_cell__MmZjM a:hover {
+.Table_row__ZWFmM .Table_cell__MjU3N a:hover {
   text-decoration: underline var(--base-color-10);
 }
-.Table_start__NGFiN {
+.Table_start__ZGIyN {
   justify-content: flex-start;
 }
-.Table_center__NzFjM {
+.Table_center__Yzg5M {
   justify-content: center;
 }
-.Table_end__NmQyY {
+.Table_end__YjA1Y {
   justify-content: flex-end;
 }
 
@@ -4193,7 +4195,7 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__MDZlN {
+.Menu_menu__YTM5N {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -4202,19 +4204,19 @@ body a.Button_button__NGQyO {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__ZmMzZ {
+.Menu_separator__YjFhN {
   border-bottom: var(--border);
   margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__OGU4Y:not(:last-child) {
+.Menu_section__NWFlM:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__YmNkN {
+.Menu_header__YzJkN {
   font-size: var(--font-size-3);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__YjkxY {
+.Menu_item__NGRkO {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -4228,36 +4230,39 @@ body a.Button_button__NGQyO {
   outline: none;
   width: 100%;
 }
-.Menu_item__YjkxY[data-disabled] {
+.Menu_item__NGRkO[data-disabled] {
   color: var(--font-color-disabled);
 }
-.Menu_item__YjkxY[data-focus],
-.Menu_item__YjkxY[data-focus-visible] {
+.Menu_item__NGRkO[data-focus],
+.Menu_item__NGRkO[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__YjkxY:hover {
+.Menu_item__NGRkO:hover {
   background: var(--highlight-color);
 }
-.Menu_item__YjkxY[data-selected] {
+.Menu_item__NGRkO[data-selected] {
   font-weight: bold;
-  & .Menu_checkmark__OTM5Y {
+  & .Menu_checkmark__MWQ1O {
     display: flex;
     justify-content: flex-end;
   }
 }
-.Menu_checkmark__OTM5Y {
+.Menu_checkmark__MWQ1O {
   display: none;
 }
-.Menu_hideCheckmark__NWJjY .Menu_checkmark__OTM5Y {
+.Menu_hideCheckmark__YzBhM .Menu_checkmark__MWQ1O {
   display: none;
 }
-.Menu_label__YjgwY {
+.Menu_label__NGMxM {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: var(--gap);
 }
+.Menu_content__MTA2O {
+  overflow: auto;
+}
 
 /* virtual-css:css:593a0302ed618f22d0e6c3631ec684d2 */
 .Modal_overlay__MzBhO {
@@ -4665,39 +4670,35 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:844962527a8f0e375161b58db0fc39ed */
-.Sidebar_sidebar__MDdkM {
+.Sidebar_sidebar__NDg2N {
   height: 100%;
   font-size: var(--font-size);
-  border-right: 1px solid var(--border-color);
   width: var(--sidebar-expanded-width);
-  overflow: hidden;
   transition: width 0.1s ease-out;
   --sidebar-expanded-width: 260px;
   --sidebar-collapsed-width: 68px;
 }
-.Sidebar_header__YzgwY {
+.Sidebar_header__ZGU4M {
   display: flex;
   align-items: center;
   gap: var(--gap);
   padding: var(--padding);
 }
-.Sidebar_header__YzgwY .Sidebar_label__ZWRjN {
+.Sidebar_header__ZGU4M .Sidebar_label__NzZkM {
   font-weight: var(--font-weight-bold);
 }
-.Sidebar_section__N2E1Y {
+.Sidebar_section__NDY5Y {
   padding: var(--spacing-3);
-  overflow: hidden;
 }
-.Sidebar_title__ZjM4Z {
+.Sidebar_title__NmU4O {
   font-weight: var(--font-weight-bold);
 }
-.Sidebar_content__ZTA1O {
+.Sidebar_content__YjhhO {
   display: grid;
   min-height: 40px;
   gap: var(--gap);
-  overflow: hidden;
 }
-.Sidebar_item__ZWVjN {
+.Sidebar_item__YmFjY {
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -4709,41 +4710,37 @@ body a.Button_button__NGQyO {
   border: 1px solid transparent;
   cursor: pointer;
   white-space: nowrap;
-  overflow: hidden;
 }
-.Sidebar_item__ZWVjN.Sidebar_selected__NjU5Z {
+.Sidebar_item__YmFjY.Sidebar_selected__NWU3Y {
   font-weight: var(--font-weight-bold);
 }
-.Sidebar_item__ZWVjN:hover {
+.Sidebar_item__YmFjY:hover {
   color: var(--font-color);
 }
-.Sidebar_label__ZWRjN {
+.Sidebar_label__NzZkM {
   opacity: 1;
   width: 100%;
   transition: all 0.3s;
 }
-.Sidebar_collapsed__ZGQyN {
+.Sidebar_collapsed__MDY4N {
   width: var(--sidebar-collapsed-width);
   transition: width 0.2s ease-in-out;
 }
-.Sidebar_collapsed__ZGQyN .Sidebar_item__ZWVjN {
+.Sidebar_collapsed__MDY4N .Sidebar_item__YmFjY {
   gap: 0;
 }
-.Sidebar_collapsed__ZGQyN .Sidebar_label__ZWRjN {
+.Sidebar_collapsed__MDY4N .Sidebar_label__NzZkM {
   display: none;
 }
-.Sidebar_muted__MTI3O .Sidebar_item__ZWVjN {
+.Sidebar_muted__N2U2M .Sidebar_item__YmFjY {
   color: var(--font-color-muted);
 }
-.Sidebar_muted__MTI3O .Sidebar_item__ZWVjN:hover {
+.Sidebar_muted__N2U2M .Sidebar_item__YmFjY:hover {
   color: var(--font-color);
 }
-.Sidebar_muted__MTI3O .Sidebar_item__ZWVjN.Sidebar_selected__NjU5Z {
+.Sidebar_muted__N2U2M .Sidebar_item__YmFjY.Sidebar_selected__NWU3Y {
   color: var(--font-color);
 }
-.Sidebar_sidebar__MDdkM.Sidebar_noborder__ZTFmM {
-  border: 0;
-}
 
 /* virtual-css:css:02d4c53a13519acb012573b18f89110d */
 .Slider_slider__MjBhO {

package/dist/index.d.mts

@@ -123,7 +123,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
 }
 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;
 
-interface FlexboxProps extends Omit<BoxProps, 'display'> {
+interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
     display?: Responsive<FlexDisplay>;
     direction?: Responsive<FlexDirection>;
     wrap?: Responsive<FlexWrap>;
@@ -443,7 +443,7 @@ interface HoverButtonProps {
 }
 declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react.JSX.Element;
 
-interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
+interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'> {
     color?: FontColor;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     variant?: 'input';
@@ -452,7 +452,33 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     strokeColor?: StrokeColor;
     fillColor?: FillColor;
 }
-declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react.JSX.Element;
+declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps): react.JSX.Element;
+
+interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
+    color?: FontColor;
+    size?: Responsive<FontSize>;
+    spacing?: Responsive<LetterSpacing>;
+    weight?: Responsive<FontWeight>;
+    align?: Responsive<TextAlign>;
+    wrap?: Responsive<TextWrap>;
+    transform?: Responsive<TextTransform>;
+    truncate?: Responsive<boolean>;
+    italic?: Responsive<boolean>;
+    underline?: Responsive<boolean>;
+    strikethrough?: Responsive<boolean>;
+    as?: 'span' | 'div' | 'label' | 'p';
+    asChild?: boolean;
+}
+declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
+
+interface IconLabelProps extends RowProps {
+    icon: ReactNode;
+    label?: ReactNode;
+    iconProps?: IconProps;
+    labelProps?: TextProps;
+    showLabel?: boolean;
+}
+declare function IconLabel({ icon, label, iconProps, labelProps, showLabel, children, ...props }: IconLabelProps): react.JSX.Element;
 
 interface ImageProps extends HTMLAttributes<HTMLImageElement> {
     src: string;
@@ -502,8 +528,9 @@ declare function MenuItem({ icon, label, showChecked, showSubMenuIcon, children,
 declare function MenuSeparator({ className, ...props }: SeparatorProps): react.JSX.Element;
 interface MenuSectionProps extends MenuSectionProps$1<any> {
     title?: string;
+    maxHeight?: number;
 }
-declare function MenuSection({ title, className, children, ...props }: MenuSectionProps): react.JSX.Element;
+declare function MenuSection({ title, maxHeight, className, style, children, ...props }: MenuSectionProps): react.JSX.Element;
 interface SubmenuTriggerProps extends SubmenuTriggerProps$1 {
 }
 declare function SubMenuTrigger({ children, ...props }: SubmenuTriggerProps): react.JSX.Element;
@@ -609,10 +636,9 @@ interface SidebarProps extends ColumnProps {
     itemBackgroundColor?: string;
     isCollapsed?: boolean;
     muteItems?: boolean;
-    showBorder?: boolean;
     children?: ReactNode;
 }
-declare function Sidebar({ itemBackgroundColor, isCollapsed, muteItems, showBorder, className, children, ...props }: SidebarProps): react.JSX.Element;
+declare function Sidebar({ itemBackgroundColor, isCollapsed, muteItems, className, children, ...props }: SidebarProps): react.JSX.Element;
 declare function SidebarSection({ title, className, children, ...props }: {
     title?: string;
     children: ReactNode;
@@ -679,23 +705,6 @@ declare function TabList({ children, ...props }: TabListProps<any>): react.JSX.E
 declare function Tab({ children, ...props }: TabProps): react.JSX.Element;
 declare function TabPanel({ children, ...props }: TabPanelProps): react.JSX.Element;
 
-interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
-    color?: FontColor;
-    size?: Responsive<FontSize>;
-    spacing?: Responsive<LetterSpacing>;
-    weight?: Responsive<FontWeight>;
-    align?: Responsive<TextAlign>;
-    wrap?: Responsive<TextWrap>;
-    transform?: Responsive<TextTransform>;
-    truncate?: Responsive<boolean>;
-    italic?: Responsive<boolean>;
-    underline?: Responsive<boolean>;
-    strikethrough?: Responsive<boolean>;
-    as?: 'span' | 'div' | 'label' | 'p';
-    asChild?: boolean;
-}
-declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
-
 interface TextFieldProps extends TextFieldProps$1 {
     label?: string;
     placeholder?: string;
@@ -734,4 +743,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, theme, colorScheme, toast, }: ZenProviderProps): react.JSX.Element;
 
-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 };
+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

@@ -123,7 +123,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
 }
 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;
 
-interface FlexboxProps extends Omit<BoxProps, 'display'> {
+interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
     display?: Responsive<FlexDisplay>;
     direction?: Responsive<FlexDirection>;
     wrap?: Responsive<FlexWrap>;
@@ -443,7 +443,7 @@ interface HoverButtonProps {
 }
 declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react.JSX.Element;
 
-interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
+interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'> {
     color?: FontColor;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     variant?: 'input';
@@ -452,7 +452,33 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     strokeColor?: StrokeColor;
     fillColor?: FillColor;
 }
-declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react.JSX.Element;
+declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps): react.JSX.Element;
+
+interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
+    color?: FontColor;
+    size?: Responsive<FontSize>;
+    spacing?: Responsive<LetterSpacing>;
+    weight?: Responsive<FontWeight>;
+    align?: Responsive<TextAlign>;
+    wrap?: Responsive<TextWrap>;
+    transform?: Responsive<TextTransform>;
+    truncate?: Responsive<boolean>;
+    italic?: Responsive<boolean>;
+    underline?: Responsive<boolean>;
+    strikethrough?: Responsive<boolean>;
+    as?: 'span' | 'div' | 'label' | 'p';
+    asChild?: boolean;
+}
+declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
+
+interface IconLabelProps extends RowProps {
+    icon: ReactNode;
+    label?: ReactNode;
+    iconProps?: IconProps;
+    labelProps?: TextProps;
+    showLabel?: boolean;
+}
+declare function IconLabel({ icon, label, iconProps, labelProps, showLabel, children, ...props }: IconLabelProps): react.JSX.Element;
 
 interface ImageProps extends HTMLAttributes<HTMLImageElement> {
     src: string;
@@ -502,8 +528,9 @@ declare function MenuItem({ icon, label, showChecked, showSubMenuIcon, children,
 declare function MenuSeparator({ className, ...props }: SeparatorProps): react.JSX.Element;
 interface MenuSectionProps extends MenuSectionProps$1<any> {
     title?: string;
+    maxHeight?: number;
 }
-declare function MenuSection({ title, className, children, ...props }: MenuSectionProps): react.JSX.Element;
+declare function MenuSection({ title, maxHeight, className, style, children, ...props }: MenuSectionProps): react.JSX.Element;
 interface SubmenuTriggerProps extends SubmenuTriggerProps$1 {
 }
 declare function SubMenuTrigger({ children, ...props }: SubmenuTriggerProps): react.JSX.Element;
@@ -609,10 +636,9 @@ interface SidebarProps extends ColumnProps {
     itemBackgroundColor?: string;
     isCollapsed?: boolean;
     muteItems?: boolean;
-    showBorder?: boolean;
     children?: ReactNode;
 }
-declare function Sidebar({ itemBackgroundColor, isCollapsed, muteItems, showBorder, className, children, ...props }: SidebarProps): react.JSX.Element;
+declare function Sidebar({ itemBackgroundColor, isCollapsed, muteItems, className, children, ...props }: SidebarProps): react.JSX.Element;
 declare function SidebarSection({ title, className, children, ...props }: {
     title?: string;
     children: ReactNode;
@@ -679,23 +705,6 @@ declare function TabList({ children, ...props }: TabListProps<any>): react.JSX.E
 declare function Tab({ children, ...props }: TabProps): react.JSX.Element;
 declare function TabPanel({ children, ...props }: TabPanelProps): react.JSX.Element;
 
-interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
-    color?: FontColor;
-    size?: Responsive<FontSize>;
-    spacing?: Responsive<LetterSpacing>;
-    weight?: Responsive<FontWeight>;
-    align?: Responsive<TextAlign>;
-    wrap?: Responsive<TextWrap>;
-    transform?: Responsive<TextTransform>;
-    truncate?: Responsive<boolean>;
-    italic?: Responsive<boolean>;
-    underline?: Responsive<boolean>;
-    strikethrough?: Responsive<boolean>;
-    as?: 'span' | 'div' | 'label' | 'p';
-    asChild?: boolean;
-}
-declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
-
 interface TextFieldProps extends TextFieldProps$1 {
     label?: string;
     placeholder?: string;
@@ -734,4 +743,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, theme, colorScheme, toast, }: ZenProviderProps): react.JSX.Element;
 
-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 };
+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 };