twenty-ui 2.45.0 → 2.47.0

package/dist/components/input.mjs

@@ -0,0 +1,15 @@
+import { n, r as o } from "../Dropdown-CScN_olN.js";
+import { a, c as e, i as s, l as u, n as c, o as i, r as m, s as p, t as I } from "../input-BUgnp6eA.js";
+export {
+  u as CountrySelect,
+  e as CurrencyPicker,
+  o as IconButton,
+  p as ImageInput,
+  i as LightButton,
+  n as LightIconButton,
+  a as MainButton,
+  s as NumberStepper,
+  m as PhoneCountryPicker,
+  c as SearchInput,
+  I as SegmentedControl
+};

package/dist/components/layout/AnimatedIconCrossfade/AnimatedIconCrossfade.d.ts

@@ -1,9 +1,2 @@
-import { IconComponent } from '../../../icon/types/IconComponent';
-type AnimatedIconCrossfadeProps = {
-    isActive: boolean;
-    ActiveIcon: IconComponent;
-    InactiveIcon: IconComponent;
-    size?: number;
-};
-export declare const AnimatedIconCrossfade: ({ isActive, ActiveIcon, InactiveIcon, size, }: AnimatedIconCrossfadeProps) => import("react").JSX.Element;
-export {};
+import { AnimatedIconCrossfadeProps } from './types/AnimatedIconCrossfadeProps';
+export declare const AnimatedIconCrossfade: ({ isActive, activeIcon, inactiveIcon, className, render, ref, ...props }: AnimatedIconCrossfadeProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/layout/AnimatedIconCrossfade/types/AnimatedIconCrossfadeProps.d.ts

@@ -0,0 +1,7 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+export type AnimatedIconCrossfadeProps = Omit<useRender.ComponentProps<'span'>, 'children'> & {
+    isActive: boolean;
+    activeIcon: ReactNode;
+    inactiveIcon: ReactNode;
+};

package/dist/components/layout/Section/Section.d.ts

@@ -1,4 +1,4 @@
 export declare const Section: {
-    Root: ({ align, color, fullWidth, className, render, ref, ...props }: import('./types/SectionRootProps').SectionRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-    Header: ({ title, description, adornment, level, size, color, descriptionLineClamp, render, ref, className, ...props }: import('./types/SectionHeaderProps').SectionHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Root: ({ align, color, fullWidth, className, render, ref, ...props }: import('..').SectionRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Header: ({ title, description, actions, level, size, color, descriptionLineClamp, isDescriptionFocusable, render, ref, className, ...props }: import('..').SectionHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 };

package/dist/components/layout/Section/internal/SectionHeader.d.ts

@@ -1,2 +1,2 @@
 import { SectionHeaderProps } from '../types/SectionHeaderProps';
-export declare const SectionHeader: ({ title, description, adornment, level, size, color, descriptionLineClamp, render, ref, className, ...props }: SectionHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const SectionHeader: ({ title, description, actions, level, size, color, descriptionLineClamp, isDescriptionFocusable, render, ref, className, ...props }: SectionHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/layout/Section/types/SectionHeaderProps.d.ts

@@ -4,6 +4,7 @@ import { HeadingProps } from '../../../../primitives/typography/Heading/types/He
 export type SectionHeaderProps = Omit<useRender.ComponentProps<'div'>, 'title' | 'children' | 'color'> & Pick<HeadingProps, 'level' | 'size' | 'color'> & {
     title: ReactNode;
     description?: ReactNode;
-    adornment?: ReactNode;
-    descriptionLineClamp?: number;
+    actions?: ReactNode;
+    descriptionLineClamp?: number | false;
+    isDescriptionFocusable?: boolean;
 };

package/dist/components/layout/index.d.ts

@@ -0,0 +1,7 @@
+export { AnimatedIconCrossfade } from './AnimatedIconCrossfade/AnimatedIconCrossfade';
+export type { AnimatedIconCrossfadeProps } from './AnimatedIconCrossfade/types/AnimatedIconCrossfadeProps';
+export { OverflowingList } from './OverflowingList/OverflowingList';
+export type { OverflowingListProps } from './OverflowingList/types/OverflowingListProps';
+export { Section } from './Section/Section';
+export type { SectionHeaderProps } from './Section/types/SectionHeaderProps';
+export type { SectionRootProps } from './Section/types/SectionRootProps';

package/dist/components/layout.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../layout-wuIu4rJ3.cjs");exports.AnimatedIconCrossfade=e.AnimatedIconCrossfade;exports.OverflowingList=e.OverflowingList;exports.Section=e.Section;

package/dist/components/layout.mjs

@@ -0,0 +1,6 @@
+import { n as r, r as s, t } from "../layout-BKHabkTu.js";
+export {
+  s as AnimatedIconCrossfade,
+  r as OverflowingList,
+  t as Section
+};

package/dist/components/navigation/Dropdown/Dropdown.d.ts

@@ -2,19 +2,19 @@ import { ReactElement } from 'react';
 import { DropdownRootProps } from './types/DropdownRootProps';
 export declare const Dropdown: {
     Root: (props: DropdownRootProps) => ReactElement;
-    Trigger: ({ onKeyDown, onClick, ref, ...props }: import('./types/DropdownTriggerProps').DropdownTriggerProps) => import("react").JSX.Element;
-    Content: ({ side, align, sideOffset, alignOffset, anchor, container, keepMounted, width, className, style, children, initialFocus, onKeyDown, onClick, onMouseDown, onPointerDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }: import('./types/DropdownContentProps').DropdownContentProps) => import("react").JSX.Element;
-    ActionItem: ({ color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, children, render, disabled, nativeButton, closeOnClick, onClick, onFocus, page, id, ...props }: import('./types/DropdownActionItemProps').DropdownActionItemProps) => import("react").JSX.Element;
-    OptionItem: ({ selected, indicator, onSelect, closeOnSelect, color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, children, render, disabled, nativeButton, onClick, onFocus, id, ...props }: import('./types/DropdownOptionItemProps').DropdownOptionItemProps) => import("react").JSX.Element;
-    Search: ({ onValueChange, className, ...props }: import('./types/DropdownSearchProps').DropdownSearchProps) => import("react").JSX.Element;
-    Header: ({ render, ref, className, ...props }: import('./types/DropdownHeaderProps').DropdownHeaderProps) => ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-    Title: ({ className, render, ref, ...props }: import('./types/DropdownTitleProps').DropdownTitleProps) => import("react").JSX.Element;
-    Close: ({ render, children, "aria-label": ariaLabel, ...props }: import('./types/DropdownCloseProps').DropdownCloseProps) => import("react").JSX.Element;
-    Page: ({ id, type, children }: import('./types/DropdownPageProps').DropdownPageProps) => import("react").JSX.Element | null;
-    Back: ({ children, className, onClick, ...props }: Omit<import('./types/DropdownActionItemProps').DropdownActionItemProps, "page" | "closeOnClick">) => import("react").JSX.Element;
-    Submenu: ({ type, ...props }: import('./types/DropdownSubmenuProps').DropdownSubmenuProps) => import("react").JSX.Element;
-    SubmenuTrigger: ({ color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, children, render, disabled, nativeButton, openOnHover, onKeyDown, onFocus, id, ref, ...props }: import('./types/DropdownSubmenuTriggerProps').DropdownSubmenuTriggerProps) => import("react").JSX.Element;
-    Section: ({ label, scrollable, className, children, ...props }: import('./types/DropdownSectionProps').DropdownSectionProps) => import("react").JSX.Element;
+    Trigger: ({ onKeyDown, onClick, ref, ...props }: import('..').DropdownTriggerProps) => import("react").JSX.Element;
+    Content: ({ side, align, sideOffset, alignOffset, anchor, collisionPadding, container, keepMounted, width, className, style, children, initialFocus, onKeyDown, onInput, onClick, onMouseDown, onPointerDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }: import('..').DropdownContentProps) => import("react").JSX.Element;
+    ActionItem: ({ color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, actions, actionsVisibility, children, render, disabled, nativeButton, closeOnClick, onClick, onFocus, page, id, ...props }: import('..').DropdownActionItemProps) => import("react").JSX.Element;
+    OptionItem: ({ selected, indicator, onSelect, closeOnSelect, color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, actions, actionsVisibility, children, render, disabled, nativeButton, onClick, onFocus, id, ...props }: import('..').DropdownOptionItemProps) => import("react").JSX.Element;
+    Search: ({ onValueChange, className, ...props }: import('..').DropdownSearchProps) => import("react").JSX.Element;
+    Header: ({ render, ref, className, ...props }: import('..').DropdownHeaderProps) => ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Title: ({ className, render, ref, ...props }: import('..').DropdownTitleProps) => import("react").JSX.Element;
+    Close: ({ render, children, "aria-label": ariaLabel, ...props }: import('..').DropdownCloseProps) => import("react").JSX.Element;
+    Page: ({ id, type, children }: import('..').DropdownPageProps) => import("react").JSX.Element | null;
+    Back: ({ children, className, onClick, ...props }: Omit<import('..').DropdownActionItemProps, "page" | "closeOnClick" | "actions" | "actionsVisibility">) => import("react").JSX.Element;
+    Submenu: ({ type, ...props }: import('..').DropdownSubmenuProps) => import("react").JSX.Element;
+    SubmenuTrigger: ({ color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, children, render, disabled, nativeButton, openOnHover, onKeyDown, onFocus, id, ref, ...props }: import('..').DropdownSubmenuTriggerProps) => import("react").JSX.Element;
+    Section: ({ label, scrollable, columns, style, className, children, ...props }: import('..').DropdownSectionProps) => import("react").JSX.Element;
     Separator: ({ className, ...props }: import('react').ComponentPropsWithRef<"div">) => import("react").JSX.Element;
     Loading: ({ className, ...props }: import('react').ComponentPropsWithRef<"div">) => import("react").JSX.Element;
     Empty: ({ className, ...props }: import('react').ComponentPropsWithRef<"div">) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownActionItem.d.ts

@@ -1,2 +1,2 @@
 import { DropdownActionItemProps } from '../types/DropdownActionItemProps';
-export declare const DropdownActionItem: ({ color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, children, render, disabled, nativeButton, closeOnClick, onClick, onFocus, page, id, ...props }: DropdownActionItemProps) => import("react").JSX.Element;
+export declare const DropdownActionItem: ({ color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, actions, actionsVisibility, children, render, disabled, nativeButton, closeOnClick, onClick, onFocus, page, id, ...props }: DropdownActionItemProps) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownBack.d.ts

@@ -1,2 +1,2 @@
 import { DropdownActionItemProps } from '../types/DropdownActionItemProps';
-export declare const DropdownBack: ({ children, className, onClick, ...props }: Omit<DropdownActionItemProps, "page" | "closeOnClick">) => import("react").JSX.Element;
+export declare const DropdownBack: ({ children, className, onClick, ...props }: Omit<DropdownActionItemProps, "page" | "closeOnClick" | "actions" | "actionsVisibility">) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownContent.d.ts

@@ -1,2 +1,2 @@
 import { DropdownContentProps } from '../types/DropdownContentProps';
-export declare const DropdownContent: ({ side, align, sideOffset, alignOffset, anchor, container, keepMounted, width, className, style, children, initialFocus, onKeyDown, onClick, onMouseDown, onPointerDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }: DropdownContentProps) => import("react").JSX.Element;
+export declare const DropdownContent: ({ side, align, sideOffset, alignOffset, anchor, collisionPadding, container, keepMounted, width, className, style, children, initialFocus, onKeyDown, onInput, onClick, onMouseDown, onPointerDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }: DropdownContentProps) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownGroup.d.ts

@@ -0,0 +1,4 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+type DropdownGroupProps = MenuPrimitive.Group.Props;
+export declare const DropdownGroup: ({ className, ...props }: DropdownGroupProps) => import("react").JSX.Element;
+export {};

package/dist/components/navigation/Dropdown/internal/DropdownGroupLabel.d.ts

@@ -0,0 +1,4 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+type DropdownGroupLabelProps = MenuPrimitive.GroupLabel.Props;
+export declare const DropdownGroupLabel: ({ className, ...props }: DropdownGroupLabelProps) => import("react").JSX.Element;
+export {};

package/dist/components/navigation/Dropdown/internal/DropdownItemOwner.d.ts

@@ -0,0 +1,4 @@
+import { useRender } from '@base-ui/react/use-render';
+type DropdownItemOwnerProps = useRender.ComponentProps<'button'>;
+export declare const DropdownItemOwner: ({ render, ref, disabled, ...props }: DropdownItemOwnerProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export {};

package/dist/components/navigation/Dropdown/internal/DropdownItemWithActions.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { ListItemProps } from '../../../../primitives/navigation/ListItem/types/ListItemProps';
+type DropdownItemWithActionsProps = Pick<ListItemProps, 'actions' | 'actionsVisibility' | 'color' | 'selected' | 'focused' | 'indicator' | 'disabled' | 'hasSubmenu'> & {
+    children: ReactNode;
+};
+export declare const DropdownItemWithActions: ({ actions, actionsVisibility, color, selected, focused, indicator, disabled, hasSubmenu, children, }: DropdownItemWithActionsProps) => import("react").JSX.Element;
+export {};

package/dist/components/navigation/Dropdown/internal/DropdownOptionItem.d.ts

@@ -1,2 +1,2 @@
 import { DropdownOptionItemProps } from '../types/DropdownOptionItemProps';
-export declare const DropdownOptionItem: ({ selected, indicator, onSelect, closeOnSelect, color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, children, render, disabled, nativeButton, onClick, onFocus, id, ...props }: DropdownOptionItemProps) => import("react").JSX.Element;
+export declare const DropdownOptionItem: ({ selected, indicator, onSelect, closeOnSelect, color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, actions, actionsVisibility, children, render, disabled, nativeButton, onClick, onFocus, id, ...props }: DropdownOptionItemProps) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/DropdownSection.d.ts

@@ -1,2 +1,2 @@
 import { DropdownSectionProps } from '../types/DropdownSectionProps';
-export declare const DropdownSection: ({ label, scrollable, className, children, ...props }: DropdownSectionProps) => import("react").JSX.Element;
+export declare const DropdownSection: ({ label, scrollable, columns, style, className, children, ...props }: DropdownSectionProps) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/internal/getNativeDisabled.d.ts

@@ -0,0 +1,4 @@
+export declare const getNativeDisabled: ({ nativeButton, renderProps, }: {
+    nativeButton: boolean;
+    renderProps: object;
+}) => boolean | undefined;

package/dist/components/navigation/Dropdown/internal/getNextDropdownGridItem.d.ts

@@ -0,0 +1,7 @@
+export declare const getNextDropdownGridItem: ({ key, items, currentItem, search, isRightToLeft, }: {
+    key: string;
+    items: HTMLElement[];
+    currentItem: HTMLElement | undefined;
+    search: HTMLInputElement | null;
+    isRightToLeft: boolean;
+}) => HTMLElement | undefined;

package/dist/components/navigation/Dropdown/internal/getNextDropdownItem.d.ts

@@ -1,7 +1,8 @@
-export declare const getNextDropdownItem: ({ key, items, currentIndex, search, isSearch, }: {
+export declare const getNextDropdownItem: ({ key, items, currentIndex, search, isSearch, isRightToLeft, }: {
     key: string;
     items: HTMLElement[];
     currentIndex: number;
     search: HTMLInputElement | null;
     isSearch: boolean;
+    isRightToLeft?: boolean;
 }) => HTMLElement | undefined;

package/dist/components/navigation/Dropdown/internal/useDropdownItemFocus.d.ts

@@ -1,5 +1,6 @@
-export declare const useDropdownItemFocus: ({ id, isSubmenuTrigger, }: {
+export declare const useDropdownItemFocus: ({ id, disabled, isSubmenuTrigger, }: {
     id: string;
+    disabled: boolean;
     isSubmenuTrigger?: boolean;
 }) => {
     tabIndex: number;

package/dist/components/navigation/Dropdown/types/DropdownActionItemProps.d.ts

@@ -1,7 +1,7 @@
 import { Button as ButtonPrimitive } from '@base-ui/react/button';
 import { ReactElement } from 'react';
 import { ListItemProps } from '../../../../primitives/navigation/ListItem/types/ListItemProps';
-export type DropdownActionItemProps = Omit<ButtonPrimitive.Props, 'render' | 'className' | 'style'> & Pick<ListItemProps, 'color' | 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement' | 'shortcut' | 'shortcutJoinLabel' | 'hasSubmenu'> & {
+export type DropdownActionItemProps = Omit<ButtonPrimitive.Props, 'render' | 'className' | 'style'> & Pick<ListItemProps, 'color' | 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement' | 'shortcut' | 'shortcutJoinLabel' | 'hasSubmenu' | 'actions' | 'actionsVisibility'> & {
     render?: ReactElement;
     className?: string;
     style?: React.CSSProperties;

package/dist/components/navigation/Dropdown/types/DropdownContentProps.d.ts

@@ -1,5 +1,7 @@
 import { CSSProperties } from 'react';
 import { PopoverPopupProps } from '../../../../primitives/surfaces/Popover/types/PopoverPopupProps';
-export type DropdownContentProps = Omit<PopoverPopupProps, 'arrow'> & {
+import { PopoverPortalProps } from '../../../../primitives/surfaces/Popover/types/PopoverPortalProps';
+import { PopoverPositionerProps } from '../../../../primitives/surfaces/Popover/types/PopoverPositionerProps';
+export type DropdownContentProps = PopoverPopupProps & Pick<PopoverPortalProps, 'container' | 'keepMounted'> & Pick<PopoverPositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor' | 'collisionPadding'> & {
     width?: CSSProperties['width'];
 };

package/dist/components/navigation/Dropdown/types/DropdownDismissEvent.d.ts

@@ -1,4 +1,5 @@
 export type DropdownDismissEvent = {
     target: Element | null;
+    type: string;
     preventDefault: () => void;
 };

package/dist/components/navigation/Dropdown/types/DropdownSectionProps.d.ts

@@ -2,4 +2,5 @@ import { ComponentPropsWithRef, ReactNode } from 'react';
 export type DropdownSectionProps = ComponentPropsWithRef<'div'> & {
     label?: ReactNode;
     scrollable?: boolean;
+    columns?: number;
 };

package/dist/components/navigation/Dropdown/types/DropdownSubmenuTriggerProps.d.ts

@@ -1,5 +1,5 @@
 import { DropdownActionItemProps } from './DropdownActionItemProps';
-export type DropdownSubmenuTriggerProps = Omit<DropdownActionItemProps, 'page' | 'closeOnClick'> & {
+export type DropdownSubmenuTriggerProps = Omit<DropdownActionItemProps, 'page' | 'closeOnClick' | 'actions' | 'actionsVisibility'> & {
     openOnHover?: boolean;
     delay?: number;
     closeDelay?: number;

package/dist/components/navigation/Dropdown/types/DropdownTriggerProps.d.ts

@@ -1,2 +1,2 @@
 import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
-export type DropdownTriggerProps = PopoverPrimitive.Trigger.Props;
+export type DropdownTriggerProps = Omit<PopoverPrimitive.Trigger.Props, 'handle' | 'payload'>;

package/dist/components/navigation/ListItemButton/ListItemButton.d.ts

@@ -0,0 +1,2 @@
+import { ListItemButtonProps } from './types/ListItemButtonProps';
+export declare const ListItemButton: ({ color, selected, focused, indicator, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, disabled, type, children, ...buttonProps }: ListItemButtonProps) => import("react").JSX.Element;

package/dist/components/navigation/ListItemButton/types/ListItemButtonProps.d.ts

@@ -0,0 +1,4 @@
+import { Button as ButtonPrimitive } from '@base-ui/react/button';
+import { ComponentPropsWithRef } from 'react';
+import { ListItemProps } from '../../../../primitives/navigation/ListItem/types/ListItemProps';
+export type ListItemButtonProps = Omit<ComponentPropsWithRef<'button'>, 'color'> & Pick<ButtonPrimitive.Props, 'focusableWhenDisabled'> & Pick<ListItemProps, 'color' | 'selected' | 'focused' | 'indicator' | 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement' | 'shortcut' | 'shortcutJoinLabel' | 'hasSubmenu'>;

package/dist/components/navigation/MenuItem/parts/MenuItemIconWithGripSwap.d.ts

@@ -1,9 +1,8 @@
-import { IconComponent } from '../../../../icon';
-import { ThemeColor } from '../../../../theme';
+import { ReactNode } from 'react';
 export type MenuItemIconWithGripSwapProps = {
-    LeftIcon: IconComponent | null | undefined;
-    iconThemeColor?: ThemeColor | null;
+    leadingContent?: ReactNode;
     withIconContainer?: boolean;
+    withIconContainerBackground?: boolean;
     gripIconColor: string;
 };
-export declare const MenuItemIconWithGripSwap: ({ LeftIcon, iconThemeColor, withIconContainer, gripIconColor, }: MenuItemIconWithGripSwapProps) => import("react").JSX.Element | null;
+export declare const MenuItemIconWithGripSwap: ({ leadingContent, withIconContainer, withIconContainerBackground, gripIconColor, }: MenuItemIconWithGripSwapProps) => import("react").JSX.Element | null;

package/dist/components/navigation/MenuItemDraggable/MenuItemDraggable.d.ts

@@ -1,2 +1,2 @@
 import { MenuItemDraggableProps } from './types/MenuItemDraggableProps';
-export declare const MenuItemDraggable: ({ LeftIcon, withIconContainer, accent, iconButtons, onClick, text, contextualText, isDragDisabled, className, isIconDisplayedOnHoverOnly, gripMode, }: MenuItemDraggableProps) => import("react").JSX.Element;
+export declare const MenuItemDraggable: ({ LeftIcon, LeftComponent, withIconContainer, accent, iconButtons, onClick, text, contextualText, isDragDisabled, className, isIconDisplayedOnHoverOnly, gripMode, }: MenuItemDraggableProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItemDraggable/types/MenuItemDraggableProps.d.ts

@@ -4,6 +4,7 @@ import { IconComponent } from '../../../../icon';
 import { ReactNode } from 'react';
 export type MenuItemDraggableProps = {
     LeftIcon?: IconComponent | undefined;
+    LeftComponent?: ReactNode;
     withIconContainer?: boolean;
     accent?: MenuItemAccent;
     iconButtons?: ReactNode;

package/dist/components/navigation/TabButton/types/TabButtonProps.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
 import { TabsTabProps } from '../../../../primitives/navigation/Tabs/types/TabsTabProps';
-export type TabButtonProps = Omit<ButtonProps, 'variant' | 'color' | 'fullWidth' | 'loading' | 'elevated' | 'shortcut' | 'shortcutJoinLabel'> & Pick<TabsTabProps, 'badge'> & {
+export type TabButtonProps = Omit<ButtonProps, 'variant' | 'color' | 'fullWidth' | 'loading' | 'loadingPosition' | 'elevated' | 'shortcut' | 'shortcutJoinLabel'> & Pick<TabsTabProps, 'badge'> & {
     active?: boolean;
 };

package/dist/components/navigation/index.d.ts

@@ -0,0 +1,35 @@
+export { Dropdown } from './Dropdown/Dropdown';
+export { useDropdownPage } from './Dropdown/hooks/useDropdownPage';
+export type { DropdownActionItemProps } from './Dropdown/types/DropdownActionItemProps';
+export type { DropdownCloseProps } from './Dropdown/types/DropdownCloseProps';
+export type { DropdownContentProps } from './Dropdown/types/DropdownContentProps';
+export type { DropdownDismissEvent } from './Dropdown/types/DropdownDismissEvent';
+export type { DropdownHeaderProps } from './Dropdown/types/DropdownHeaderProps';
+export type { DropdownOptionItemProps } from './Dropdown/types/DropdownOptionItemProps';
+export type { DropdownPageProps } from './Dropdown/types/DropdownPageProps';
+export type { DropdownRootProps } from './Dropdown/types/DropdownRootProps';
+export type { DropdownSearchProps } from './Dropdown/types/DropdownSearchProps';
+export type { DropdownSectionProps } from './Dropdown/types/DropdownSectionProps';
+export type { DropdownSubmenuProps } from './Dropdown/types/DropdownSubmenuProps';
+export type { DropdownSubmenuTriggerProps } from './Dropdown/types/DropdownSubmenuTriggerProps';
+export type { DropdownTitleProps } from './Dropdown/types/DropdownTitleProps';
+export type { DropdownTriggerProps } from './Dropdown/types/DropdownTriggerProps';
+export type { DropdownType } from './Dropdown/types/DropdownType';
+export { ListItemButton } from './ListItemButton/ListItemButton';
+export type { ListItemButtonProps } from './ListItemButton/types/ListItemButtonProps';
+export { DEFAULT_COLOR_LABELS } from './MenuItem/constants/DefaultColorLabels';
+export { MenuItem } from './MenuItem/MenuItem';
+export type { ColorLabels } from './MenuItem/types/ColorLabels';
+export type { MenuItemAccent } from './MenuItem/types/MenuItemAccent';
+export type { MenuItemDraggableGripMode } from './MenuItem/types/MenuItemDraggableGripMode';
+export type { MenuItemProps } from './MenuItem/types/MenuItemProps';
+export { MenuItemAvatar } from './MenuItemAvatar/MenuItemAvatar';
+export type { MenuItemAvatarProps } from './MenuItemAvatar/types/MenuItemAvatarProps';
+export { MenuItemDraggable } from './MenuItemDraggable/MenuItemDraggable';
+export type { MenuItemDraggableProps } from './MenuItemDraggable/types/MenuItemDraggableProps';
+export { MenuItemSuggestion } from './MenuItemSuggestion/MenuItemSuggestion';
+export type { MenuItemSuggestionProps } from './MenuItemSuggestion/types/MenuItemSuggestionProps';
+export { MenuPicker } from './MenuPicker/MenuPicker';
+export type { MenuPickerProps } from './MenuPicker/types/MenuPickerProps';
+export { TabButton } from './TabButton/TabButton';
+export type { TabButtonProps } from './TabButton/types/TabButtonProps';

package/dist/components/navigation.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Dropdown-BBUGkQQV.cjs"),e=require("../navigation-B1hPNYv2.cjs");exports.DEFAULT_COLOR_LABELS=e.DEFAULT_COLOR_LABELS;exports.Dropdown=t.Dropdown;exports.ListItemButton=e.ListItemButton;exports.MenuItem=e.MenuItem;exports.MenuItemAvatar=e.MenuItemAvatar;exports.MenuItemDraggable=e.MenuItemDraggable;exports.MenuItemSuggestion=e.MenuItemSuggestion;exports.MenuPicker=e.MenuPicker;exports.TabButton=e.TabButton;exports.useDropdownPage=e.useDropdownPage;

package/dist/components/navigation.mjs

@@ -0,0 +1,14 @@
+import { t } from "../Dropdown-CScN_olN.js";
+import { a as s, c as o, i as n, l as r, n as m, o as u, r as i, s as g, t as p } from "../navigation-itBinyPi.js";
+export {
+  g as DEFAULT_COLOR_LABELS,
+  t as Dropdown,
+  o as ListItemButton,
+  u as MenuItem,
+  s as MenuItemAvatar,
+  n as MenuItemDraggable,
+  i as MenuItemSuggestion,
+  m as MenuPicker,
+  p as TabButton,
+  r as useDropdownPage
+};

package/dist/components/settings/SettingsRow/SettingsRow.d.ts

@@ -0,0 +1,2 @@
+import { SettingsRowProps } from './types/SettingsRowProps';
+export declare const SettingsRow: ({ children, startElement, description, focused, labelRender, labelRef, ...controlProps }: SettingsRowProps) => import("react").JSX.Element;

package/dist/components/settings/SettingsRow/__stories__/ControlledSettingsRowFormExample.d.ts

@@ -0,0 +1,2 @@
+import { SettingsRowProps } from '../types/SettingsRowProps';
+export declare const ControlledSettingsRowFormExample: ({ defaultChecked, onCheckedChange, ...props }: SettingsRowProps) => import("react").JSX.Element;

package/dist/components/settings/SettingsRow/internal/SettingsRowLabel.d.ts

@@ -0,0 +1,2 @@
+import { useRender } from '@base-ui/react/use-render';
+export declare const SettingsRowLabel: ({ render, ref, ...props }: useRender.ComponentProps<"label">) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/settings/SettingsRow/types/SettingsRowProps.d.ts

@@ -0,0 +1,11 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+import { SwitchProps } from '../../../../primitives/input/Switch/types/SwitchProps';
+export type SettingsRowProps = Omit<SwitchProps, 'children'> & {
+    children: ReactNode;
+    startElement?: ReactNode;
+    description?: ReactNode;
+    focused?: boolean;
+    labelRef?: useRender.ComponentProps<'label'>['ref'];
+    labelRender?: useRender.ComponentProps<'label'>['render'];
+};

package/dist/components/settings/index.d.ts

@@ -0,0 +1,2 @@
+export { SettingsRow } from './SettingsRow/SettingsRow';
+export type { SettingsRowProps } from './SettingsRow/types/SettingsRowProps';

package/dist/components/settings.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../settings-BiSAY2oN.cjs");exports.SettingsRow=e.SettingsRow;

package/dist/components/settings.mjs

@@ -0,0 +1,4 @@
+import { t as o } from "../settings-CC-2gcAx.js";
+export {
+  o as SettingsRow
+};

package/dist/components.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./components-BizDepCM.cjs");exports.AnimatedIconCrossfade=e.AnimatedIconCrossfade;exports.AvatarGroup=e.AvatarGroup;exports.Callout=e.Callout;exports.CommandBlock=e.CommandBlock;exports.DEFAULT_COLOR_LABELS=e.DEFAULT_COLOR_LABELS;exports.Dropdown=e.Dropdown;exports.IconButton=e.IconButton;exports.ImageInput=e.ImageInput;exports.InlineBanner=e.InlineBanner;exports.JsonTree=e.JsonTree;exports.LightButton=e.LightButton;exports.LightIconButton=e.LightIconButton;exports.MainButton=e.MainButton;exports.MenuItem=e.MenuItem;exports.MenuItemAvatar=e.MenuItemAvatar;exports.MenuItemDraggable=e.MenuItemDraggable;exports.MenuItemSuggestion=e.MenuItemSuggestion;exports.MenuPicker=e.MenuPicker;exports.MetricRow=e.MetricRow;exports.NotificationCounter=e.NotificationCounter;exports.OverflowingList=e.OverflowingList;exports.SearchInput=e.SearchInput;exports.Section=e.Section;exports.SettingsRow=e.SettingsRow;exports.TabButton=e.TabButton;exports.TintedIconTile=e.TintedIconTile;exports.Toast=e.Toast;exports.ToastProvider=e.ToastProvider;exports.Toaster=e.Toaster;exports.getIconTileColorShades=e.getIconTileColorShades;exports.useDropdownPage=e.useDropdownPage;exports.useToast=e.useToast;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./data-display-DjhAHvj1.cjs"),i=require("./TintedIconTile-CU2hCerq.cjs"),n=require("./feedback-B5x8tmnG.cjs"),r=require("./Dropdown-BBUGkQQV.cjs"),e=require("./input-BEKjAOjS.cjs"),u=require("./layout-wuIu4rJ3.cjs"),t=require("./navigation-B1hPNYv2.cjs"),a=require("./settings-BiSAY2oN.cjs");exports.AnimatedIconCrossfade=u.AnimatedIconCrossfade;exports.AvatarGroup=o.AvatarGroup;exports.Callout=n.Callout;exports.CommandBlock=o.CommandBlock;exports.CountrySelect=e.CountrySelect;exports.CurrencyPicker=e.CurrencyPicker;exports.DEFAULT_COLOR_LABELS=t.DEFAULT_COLOR_LABELS;exports.Dropdown=r.Dropdown;exports.IconButton=r.IconButton;exports.ImageInput=e.ImageInput;exports.InlineBanner=n.InlineBanner;exports.JsonTree=o.JsonTree;exports.LightButton=e.LightButton;exports.LightIconButton=r.LightIconButton;exports.ListItemButton=t.ListItemButton;exports.MainButton=e.MainButton;exports.MenuItem=t.MenuItem;exports.MenuItemAvatar=t.MenuItemAvatar;exports.MenuItemDraggable=t.MenuItemDraggable;exports.MenuItemSuggestion=t.MenuItemSuggestion;exports.MenuPicker=t.MenuPicker;exports.MetricRow=o.MetricRow;exports.NumberStepper=e.NumberStepper;exports.OverflowingList=u.OverflowingList;exports.PhoneCountryPicker=e.PhoneCountryPicker;exports.SearchInput=e.SearchInput;exports.Section=u.Section;exports.SegmentedControl=e.SegmentedControl;exports.SettingsRow=a.SettingsRow;exports.StackIcon=o.StackIcon;exports.TabButton=t.TabButton;exports.TintedIconTile=i.TintedIconTile;exports.Toast=n.Toast;exports.ToastProvider=n.ToastProvider;exports.Toaster=n.Toaster;exports.getIconTileColorShades=i.getIconTileColorShades;exports.useDropdownPage=t.useDropdownPage;exports.useToast=n.useToast;

package/dist/components.mjs

@@ -1,35 +1,48 @@
-import { A as s, C as t, D as o, E as e, M as n, O as r, S as i, T as u, _ as I, a as c, b as g, c as m, d as T, f as l, g as d, h as p, i as B, j as M, k as C, l as L, m as S, n as w, o as A, p as f, r as h, s as v, t as D, u as O, v as b, w as k, x as E, y as P } from "./components-CC-3jXEq.js";
+import { a as t, i as o, n as s, r, t as e } from "./data-display-DU3G8ZyI.js";
+import { n as i, t as m } from "./TintedIconTile-4BGa8g8n.js";
+import { a as c, i as p, n as I, o as l, r as g, t as f } from "./feedback-DhilJ_fX.js";
+import { n as T, r as d, t as B } from "./Dropdown-CScN_olN.js";
+import { a as L, c as M, i as P, l as h, n as k, o as w, r as A, s as v, t as D } from "./input-BUgnp6eA.js";
+import { n as y, r as O, t as R } from "./layout-BKHabkTu.js";
+import { a as _, c as x, i as F, l as G, n as J, o as N, r as U, s as j, t as q } from "./navigation-itBinyPi.js";
+import { t as H } from "./settings-CC-2gcAx.js";
 export {
-  l as AnimatedIconCrossfade,
-  n as AvatarGroup,
-  u as Callout,
-  M as CommandBlock,
-  v as DEFAULT_COLOR_LABELS,
-  L as Dropdown,
-  P as IconButton,
-  b as ImageInput,
-  k as InlineBanner,
-  s as JsonTree,
-  I as LightButton,
-  d as LightIconButton,
-  p as MainButton,
-  A as MenuItem,
-  c as MenuItemAvatar,
-  B as MenuItemDraggable,
-  h as MenuItemSuggestion,
-  w as MenuPicker,
-  C as MetricRow,
-  r as NotificationCounter,
-  T as OverflowingList,
-  S as SearchInput,
-  O as Section,
-  f as SettingsRow,
-  D as TabButton,
-  e as TintedIconTile,
-  i as Toast,
-  E as ToastProvider,
-  g as Toaster,
-  o as getIconTileColorShades,
-  m as useDropdownPage,
-  t as useToast
+  O as AnimatedIconCrossfade,
+  t as AvatarGroup,
+  l as Callout,
+  o as CommandBlock,
+  h as CountrySelect,
+  M as CurrencyPicker,
+  j as DEFAULT_COLOR_LABELS,
+  B as Dropdown,
+  d as IconButton,
+  v as ImageInput,
+  c as InlineBanner,
+  r as JsonTree,
+  w as LightButton,
+  T as LightIconButton,
+  x as ListItemButton,
+  L as MainButton,
+  N as MenuItem,
+  _ as MenuItemAvatar,
+  F as MenuItemDraggable,
+  U as MenuItemSuggestion,
+  J as MenuPicker,
+  s as MetricRow,
+  P as NumberStepper,
+  y as OverflowingList,
+  A as PhoneCountryPicker,
+  k as SearchInput,
+  R as Section,
+  D as SegmentedControl,
+  H as SettingsRow,
+  e as StackIcon,
+  q as TabButton,
+  m as TintedIconTile,
+  g as Toast,
+  I as ToastProvider,
+  f as Toaster,
+  i as getIconTileColorShades,
+  G as useDropdownPage,
+  p as useToast
 };