@umami/react-zen 0.176.0 → 0.178.0

package/dist/index.css

@@ -4170,7 +4170,7 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:685b6ac8ab5c6b43c34d2fc83c3b107d */
-.Loading_loading__MzE0Y {
+.Loading_loading__M2YyY {
   position: relative;
   display: flex;
   justify-content: center;
@@ -4178,7 +4178,7 @@ body a.Button_button__NGQyO {
   flex: 1;
   pointer-events: none;
 }
-.Loading_page__OWMxN {
+.Loading_absolute__N2IxN {
   position: absolute;
   top: 0;
   left: 0;
@@ -4186,15 +4186,15 @@ body a.Button_button__NGQyO {
   bottom: 0;
   margin: auto;
 }
-.Loading_center__ZWRmO {
+.Loading_center__ZmUzM {
   margin: auto;
 }
-.Loading_inline__NmJkY {
+.Loading_inline__MTFhM {
   display: inline-flex;
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__NjQ5M {
+.Menu_menu__MDZlN {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -4203,19 +4203,19 @@ body a.Button_button__NGQyO {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__Mjg5Y {
+.Menu_separator__ZmMzZ {
   border-bottom: var(--border);
   margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__NThhN:not(:last-child) {
+.Menu_section__OGU4Y:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__ZjQ0Z {
+.Menu_header__YmNkN {
   font-size: var(--font-size-3);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__MWVhY {
+.Menu_item__YjkxY {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -4229,33 +4229,34 @@ body a.Button_button__NGQyO {
   outline: none;
   width: 100%;
 }
-.Menu_item__MWVhY[data-disabled] {
+.Menu_item__YjkxY[data-disabled] {
   color: var(--font-color-disabled);
 }
-.Menu_item__MWVhY[data-focus],
-.Menu_item__MWVhY[data-focus-visible] {
+.Menu_item__YjkxY[data-focus],
+.Menu_item__YjkxY[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__MWVhY:hover {
+.Menu_item__YjkxY:hover {
   background: var(--highlight-color);
 }
-.Menu_item__MWVhY[data-selected] {
+.Menu_item__YjkxY[data-selected] {
   font-weight: bold;
-  & .Menu_checkmark__ZWVlY {
+  & .Menu_checkmark__OTM5Y {
     display: flex;
     justify-content: flex-end;
   }
 }
-.Menu_checkmark__ZWVlY {
+.Menu_checkmark__OTM5Y {
   display: none;
 }
-.Menu_hideCheckmark__MDQxM .Menu_checkmark__ZWVlY {
+.Menu_hideCheckmark__NWJjY .Menu_checkmark__OTM5Y {
   display: none;
 }
-.Menu_label__NGU5Z {
+.Menu_label__YjgwY {
   display: flex;
   flex-direction: row;
+  align-items: center;
   gap: var(--gap);
 }
 
@@ -4968,14 +4969,14 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:c0d584d0daeaec1be71f8a50d43bf66c */
-.ThemeButton_button__Zjc5N {
-  width: 50px;
+.ThemeButton_button__MDUzN {
+  width: 42px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
 }
-.ThemeButton_button__Zjc5N > div {
+.ThemeButton_button__MDUzN > div {
   display: flex;
   justify-content: center;
   align-items: center;

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$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, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$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, 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, PopoverProps, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
@@ -471,10 +471,10 @@ declare function Label({ className, ...props }: LabelProps): react.JSX.Element;
 interface LoadingProps {
     size?: 'sm' | 'md' | 'lg';
     icon?: 'dots' | 'spinner';
-    position?: 'page' | 'center' | 'inline';
+    placement?: 'absolute' | 'center' | 'inline';
     className?: string;
 }
-declare function Loading(props: LoadingProps): react.JSX.Element;
+declare function Loading({ size, placement, icon, className, ...props }: LoadingProps): react.JSX.Element;
 
 interface MenuProps extends MenuProps$1<any> {
     className?: string;
@@ -490,6 +490,9 @@ interface MenuSectionProps extends MenuSectionProps$1<any> {
     title?: string;
 }
 declare function MenuSection({ title, className, children, ...props }: MenuSectionProps): react.JSX.Element;
+interface SubmenuTriggerProps extends SubmenuTriggerProps$1 {
+}
+declare function SubMenuTrigger({ children, ...props }: SubmenuTriggerProps): react.JSX.Element;
 
 interface ModalProps extends ModalOverlayProps {
     position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
@@ -720,4 +723,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, ...props }: 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, 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, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, 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, 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, type ThemeButtonProps, 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

@@ -1,4 +1,4 @@
-import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$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, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$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, 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, PopoverProps, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
@@ -471,10 +471,10 @@ declare function Label({ className, ...props }: LabelProps): react.JSX.Element;
 interface LoadingProps {
     size?: 'sm' | 'md' | 'lg';
     icon?: 'dots' | 'spinner';
-    position?: 'page' | 'center' | 'inline';
+    placement?: 'absolute' | 'center' | 'inline';
     className?: string;
 }
-declare function Loading(props: LoadingProps): react.JSX.Element;
+declare function Loading({ size, placement, icon, className, ...props }: LoadingProps): react.JSX.Element;
 
 interface MenuProps extends MenuProps$1<any> {
     className?: string;
@@ -490,6 +490,9 @@ interface MenuSectionProps extends MenuSectionProps$1<any> {
     title?: string;
 }
 declare function MenuSection({ title, className, children, ...props }: MenuSectionProps): react.JSX.Element;
+interface SubmenuTriggerProps extends SubmenuTriggerProps$1 {
+}
+declare function SubMenuTrigger({ children, ...props }: SubmenuTriggerProps): react.JSX.Element;
 
 interface ModalProps extends ModalOverlayProps {
     position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
@@ -720,4 +723,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, ...props }: 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, 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, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, 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, 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, type ThemeButtonProps, 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.js

@@ -300,6 +300,7 @@ __export(index_exports, {
   Slot: () => Slot,
   Spinner: () => Spinner,
   StatusLight: () => StatusLight,
+  SubMenuTrigger: () => SubMenuTrigger,
   SubmenuTrigger: () => $3674c52c6b3c5bce$export$ecabc99eeffab7ca,
   Switch: () => Switch2,
   Tab: () => Tab,
@@ -33562,14 +33563,19 @@ function InlineEditField({
 var import_classnames35 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Loading.module.css
-var Loading_default = { "loading": "Loading_loading__MzE0Y", "page": "Loading_page__OWMxN", "center": "Loading_center__ZWRmO", "inline": "Loading_inline__NmJkY" };
+var Loading_default = { "loading": "Loading_loading__M2YyY", "absolute": "Loading_absolute__N2IxN", "center": "Loading_center__ZmUzM", "inline": "Loading_inline__MTFhM" };
 
 // src/components/Loading.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
-function Loading(props) {
-  const { size, position = "inline", icon = "spinner", className, ...domProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { ...domProps, className: (0, import_classnames35.default)(Loading_default.loading, className, Loading_default[position]), children: [
-    icon === "dots" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Dots, {}),
+function Loading({
+  size,
+  placement = "inline",
+  icon = "spinner",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { ...props, className: (0, import_classnames35.default)(Loading_default.loading, className, Loading_default[placement]), children: [
+    icon === "dots" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Dots, { size }),
     icon === "spinner" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Spinner, { size })
   ] });
 }
@@ -33578,7 +33584,7 @@ function Loading(props) {
 var import_classnames36 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
-var Menu_default = { "menu": "Menu_menu__NjQ5M", "separator": "Menu_separator__Mjg5Y", "section": "Menu_section__NThhN", "header": "Menu_header__ZjQ0Z", "item": "Menu_item__MWVhY", "checkmark": "Menu_checkmark__ZWVlY", "hideCheckmark": "Menu_hideCheckmark__MDQxM", "label": "Menu_label__NGU5Z" };
+var Menu_default = { "menu": "Menu_menu__MDZlN", "separator": "Menu_separator__ZmMzZ", "section": "Menu_section__OGU4Y", "header": "Menu_header__YmNkN", "item": "Menu_item__YjkxY", "checkmark": "Menu_checkmark__OTM5Y", "hideCheckmark": "Menu_hideCheckmark__NWJjY", "label": "Menu_label__YjgwY" };
 
 // src/components/Menu.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
@@ -33600,6 +33606,9 @@ function MenuSection({ title, className, children, ...props }) {
     children
   ] });
 }
+function SubMenuTrigger({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)($3674c52c6b3c5bce$export$ecabc99eeffab7ca, { ...props, children });
+}
 
 // src/components/Modal.tsx
 var import_classnames37 = __toESM(require_classnames());
@@ -33983,7 +33992,7 @@ function Select2({
               autoFocus: true
             }
           ),
-          isLoading && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Loading, { icon: "dots", position: "center", size: "sm" }),
+          isLoading && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Loading, { icon: "dots", placement: "center", size: "sm" }),
           /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             List,
             {
@@ -34179,7 +34188,7 @@ function TabPanel2({ children, ...props }) {
 var import_classnames51 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ThemeButton.module.css
-var ThemeButton_default = { "button": "ThemeButton_button__Zjc5N" };
+var ThemeButton_default = { "button": "ThemeButton_button__MDUzN" };
 
 // src/components/ThemeButton.tsx
 var import_jsx_runtime67 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -33445,14 +33445,19 @@ function InlineEditField({
 var import_classnames35 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Loading.module.css
-var Loading_default = { "loading": "Loading_loading__MzE0Y", "page": "Loading_page__OWMxN", "center": "Loading_center__ZWRmO", "inline": "Loading_inline__NmJkY" };
+var Loading_default = { "loading": "Loading_loading__M2YyY", "absolute": "Loading_absolute__N2IxN", "center": "Loading_center__ZmUzM", "inline": "Loading_inline__MTFhM" };
 
 // src/components/Loading.tsx
 import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
-function Loading(props) {
-  const { size, position = "inline", icon = "spinner", className, ...domProps } = props;
-  return /* @__PURE__ */ jsxs27("div", { ...domProps, className: (0, import_classnames35.default)(Loading_default.loading, className, Loading_default[position]), children: [
-    icon === "dots" && /* @__PURE__ */ jsx50(Dots, {}),
+function Loading({
+  size,
+  placement = "inline",
+  icon = "spinner",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs27("div", { ...props, className: (0, import_classnames35.default)(Loading_default.loading, className, Loading_default[placement]), children: [
+    icon === "dots" && /* @__PURE__ */ jsx50(Dots, { size }),
     icon === "spinner" && /* @__PURE__ */ jsx50(Spinner, { size })
   ] });
 }
@@ -33461,7 +33466,7 @@ function Loading(props) {
 var import_classnames36 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
-var Menu_default = { "menu": "Menu_menu__NjQ5M", "separator": "Menu_separator__Mjg5Y", "section": "Menu_section__NThhN", "header": "Menu_header__ZjQ0Z", "item": "Menu_item__MWVhY", "checkmark": "Menu_checkmark__ZWVlY", "hideCheckmark": "Menu_hideCheckmark__MDQxM", "label": "Menu_label__NGU5Z" };
+var Menu_default = { "menu": "Menu_menu__MDZlN", "separator": "Menu_separator__ZmMzZ", "section": "Menu_section__OGU4Y", "header": "Menu_header__YmNkN", "item": "Menu_item__YjkxY", "checkmark": "Menu_checkmark__OTM5Y", "hideCheckmark": "Menu_hideCheckmark__NWJjY", "label": "Menu_label__YjgwY" };
 
 // src/components/Menu.tsx
 import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
@@ -33483,6 +33488,9 @@ function MenuSection({ title, className, children, ...props }) {
     children
   ] });
 }
+function SubMenuTrigger({ children, ...props }) {
+  return /* @__PURE__ */ jsx51($3674c52c6b3c5bce$export$ecabc99eeffab7ca, { ...props, children });
+}
 
 // src/components/Modal.tsx
 var import_classnames37 = __toESM(require_classnames());
@@ -33870,7 +33878,7 @@ function Select2({
               autoFocus: true
             }
           ),
-          isLoading && /* @__PURE__ */ jsx61(Loading, { icon: "dots", position: "center", size: "sm" }),
+          isLoading && /* @__PURE__ */ jsx61(Loading, { icon: "dots", placement: "center", size: "sm" }),
           /* @__PURE__ */ jsx61(
             List,
             {
@@ -34066,7 +34074,7 @@ function TabPanel2({ children, ...props }) {
 var import_classnames51 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ThemeButton.module.css
-var ThemeButton_default = { "button": "ThemeButton_button__Zjc5N" };
+var ThemeButton_default = { "button": "ThemeButton_button__MDUzN" };
 
 // src/components/ThemeButton.tsx
 import { jsx as jsx67, jsxs as jsxs41 } from "react/jsx-runtime";
@@ -34268,6 +34276,7 @@ export {
   Slot,
   Spinner,
   StatusLight,
+  SubMenuTrigger,
   $3674c52c6b3c5bce$export$ecabc99eeffab7ca as SubmenuTrigger,
   Switch2 as Switch,
   Tab,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.176.0",
+  "version": "0.178.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",

package/styles.css

@@ -4488,7 +4488,7 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:685b6ac8ab5c6b43c34d2fc83c3b107d */
-.Loading_loading__MzE0Y {
+.Loading_loading__M2YyY {
   position: relative;
   display: flex;
   justify-content: center;
@@ -4496,7 +4496,7 @@ body a.Button_button__NGQyO {
   flex: 1;
   pointer-events: none;
 }
-.Loading_page__OWMxN {
+.Loading_absolute__N2IxN {
   position: absolute;
   top: 0;
   left: 0;
@@ -4504,15 +4504,15 @@ body a.Button_button__NGQyO {
   bottom: 0;
   margin: auto;
 }
-.Loading_center__ZWRmO {
+.Loading_center__ZmUzM {
   margin: auto;
 }
-.Loading_inline__NmJkY {
+.Loading_inline__MTFhM {
   display: inline-flex;
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__NjQ5M {
+.Menu_menu__MDZlN {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -4521,19 +4521,19 @@ body a.Button_button__NGQyO {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__Mjg5Y {
+.Menu_separator__ZmMzZ {
   border-bottom: var(--border);
   margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__NThhN:not(:last-child) {
+.Menu_section__OGU4Y:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__ZjQ0Z {
+.Menu_header__YmNkN {
   font-size: var(--font-size-3);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__MWVhY {
+.Menu_item__YjkxY {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -4547,33 +4547,34 @@ body a.Button_button__NGQyO {
   outline: none;
   width: 100%;
 }
-.Menu_item__MWVhY[data-disabled] {
+.Menu_item__YjkxY[data-disabled] {
   color: var(--font-color-disabled);
 }
-.Menu_item__MWVhY[data-focus],
-.Menu_item__MWVhY[data-focus-visible] {
+.Menu_item__YjkxY[data-focus],
+.Menu_item__YjkxY[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__MWVhY:hover {
+.Menu_item__YjkxY:hover {
   background: var(--highlight-color);
 }
-.Menu_item__MWVhY[data-selected] {
+.Menu_item__YjkxY[data-selected] {
   font-weight: bold;
-  & .Menu_checkmark__ZWVlY {
+  & .Menu_checkmark__OTM5Y {
     display: flex;
     justify-content: flex-end;
   }
 }
-.Menu_checkmark__ZWVlY {
+.Menu_checkmark__OTM5Y {
   display: none;
 }
-.Menu_hideCheckmark__MDQxM .Menu_checkmark__ZWVlY {
+.Menu_hideCheckmark__NWJjY .Menu_checkmark__OTM5Y {
   display: none;
 }
-.Menu_label__NGU5Z {
+.Menu_label__YjgwY {
   display: flex;
   flex-direction: row;
+  align-items: center;
   gap: var(--gap);
 }
 
@@ -5286,14 +5287,14 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:c0d584d0daeaec1be71f8a50d43bf66c */
-.ThemeButton_button__Zjc5N {
-  width: 50px;
+.ThemeButton_button__MDUzN {
+  width: 42px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
 }
-.ThemeButton_button__Zjc5N > div {
+.ThemeButton_button__MDUzN > div {
   display: flex;
   justify-content: center;
   align-items: center;