twenty-ui 2.47.0 → 2.48.0

package/dist/components/layout/OverflowingList/internal/OverflowingListLayoutEffect.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+import { OverflowingListLayout } from './types/OverflowingListLayout';
+type OverflowingListLayoutEffectProps = {
+    containerRef: RefObject<HTMLDivElement | null>;
+    itemsRef: RefObject<HTMLDivElement | null>;
+    triggerRef: RefObject<HTMLElement | null>;
+    itemCount: number;
+    inlineItemCount: number;
+    reserveCountSpace: boolean;
+    isMeasurementEnabled: boolean;
+    isOpen: boolean;
+    onLayoutChange: (layout: OverflowingListLayout) => void;
+    onOverflowUnavailable: () => void;
+};
+export declare const OverflowingListLayoutEffect: import('react').MemoExoticComponent<({ containerRef, itemsRef, triggerRef, itemCount, inlineItemCount, reserveCountSpace, isMeasurementEnabled, isOpen, onLayoutChange, onOverflowUnavailable, }: OverflowingListLayoutEffectProps) => null>;
+export {};

package/dist/components/layout/OverflowingList/internal/OverflowingListPopupTarget.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { OverflowingListProps } from '../types/OverflowingListProps';
+type PopupRender = Exclude<NonNullable<NonNullable<OverflowingListProps['popupProps']>['render']>, ReactElement>;
+type OverflowingListPopupTargetProps = {
+    props: Parameters<PopupRender>[0];
+    state: Parameters<PopupRender>[1];
+    render: NonNullable<OverflowingListProps['popupProps']>['render'];
+};
+export declare const OverflowingListPopupTarget: ({ props, state, render, }: OverflowingListPopupTargetProps) => import("react").JSX.Element;
+export {};

package/dist/components/layout/OverflowingList/internal/focusOverflowingListFallback.d.ts

@@ -0,0 +1,8 @@
+export declare const focusOverflowingListFallback: ({ items, popup, trigger, root, removedIndex, excludedItem, }: {
+    items: HTMLElement | null;
+    popup: HTMLElement | null;
+    trigger: HTMLElement | null;
+    root: HTMLElement | null;
+    removedIndex: number;
+    excludedItem?: HTMLElement;
+}) => void;

package/dist/components/layout/OverflowingList/internal/measureOverflowingListLayout.d.ts

@@ -0,0 +1,10 @@
+import { OverflowingListLayout } from './types/OverflowingListLayout';
+export declare const measureOverflowingListLayout: ({ container, items, trigger, itemElements, itemCount, reserveCountSpace, supportsSynchronousLayout, }: {
+    container: HTMLElement;
+    items: HTMLElement;
+    trigger: HTMLElement | null;
+    itemElements: Element[];
+    itemCount: number;
+    reserveCountSpace: boolean;
+    supportsSynchronousLayout: boolean;
+}) => OverflowingListLayout;

package/dist/components/layout/OverflowingList/internal/types/OverflowingListLayout.d.ts

@@ -0,0 +1,4 @@
+export type OverflowingListLayout = {
+    visibleItemCount: number;
+    hasOverflow: boolean;
+};

package/dist/components/layout/OverflowingList/internal/useFocusedElementUnmountRef.d.ts

@@ -1 +1 @@
-export declare const useFocusedElementUnmountRef: (onFocusedElementUnmount: () => void) => (element: HTMLElement | null) => (() => void) | undefined;
+export declare const useFocusedElementUnmountRef: (onFocusedElementUnmount: (element: HTMLElement) => void) => (element: HTMLElement | null) => (() => void) | undefined;

package/dist/components/layout/OverflowingList/internal/useOverflowingListFocus.d.ts

@@ -0,0 +1,30 @@
+import { FocusEvent, RefObject } from 'react';
+import { OverflowingListProps } from '../types/OverflowingListProps';
+type UseOverflowingListFocusOptions = {
+    containerRef: RefObject<HTMLDivElement | null>;
+    itemsRef: RefObject<HTMLDivElement | null>;
+    triggerRef: RefObject<HTMLElement | null>;
+    popup: HTMLDivElement | null;
+    itemCount: number;
+    canExpand: boolean;
+    isPopupOpen: boolean;
+    isOpen: boolean;
+    isHovered: boolean;
+    showOverflowCount: OverflowingListProps['showOverflowCount'];
+    onFocusCapture: OverflowingListProps['onFocusCapture'];
+    onBlurCapture: OverflowingListProps['onBlurCapture'];
+};
+export declare const useOverflowingListFocus: ({ containerRef, itemsRef, triggerRef, popup, itemCount, canExpand, isPopupOpen, isOpen, isHovered, showOverflowCount, onFocusCapture, onBlurCapture, }: UseOverflowingListFocusOptions) => {
+    hasFocus: boolean;
+    isCountVisible: boolean;
+    restoreItemFocus: ({ index, element, isInPopup, }: {
+        index: number;
+        element: HTMLElement;
+        isInPopup: boolean;
+    }) => void;
+    schedulePopupFocusRestoration: () => false;
+    resetFocusWhenFocusedTriggerUnmounts: (element: HTMLElement | null) => (() => void) | undefined;
+    handleFocusCapture: (event: FocusEvent<HTMLDivElement>) => void;
+    handleBlurCapture: (event: FocusEvent<HTMLDivElement>) => void;
+};
+export {};

package/dist/components/layout/OverflowingList/internal/useOverflowingListLayout.d.ts

@@ -1,12 +1,12 @@
-export declare const useOverflowingListLayout: ({ itemCount, inlineItemCount, reserveCountSpace, isMeasurementEnabled, }: {
+import { OverflowingListLayout } from './types/OverflowingListLayout';
+export declare const useOverflowingListLayout: ({ itemCount, inlineItemCount, }: {
     itemCount: number;
     inlineItemCount: number;
-    reserveCountSpace: boolean;
-    isMeasurementEnabled: boolean;
 }) => {
-    containerRef: import('react').RefObject<HTMLDivElement | null>;
-    itemsRef: import('react').RefObject<HTMLDivElement | null>;
-    triggerRef: import('react').RefObject<HTMLButtonElement | null>;
     visibleItemCount: number;
     hasOverflow: boolean;
+    containerRef: import('react').RefObject<HTMLDivElement | null>;
+    itemsRef: import('react').RefObject<HTMLDivElement | null>;
+    triggerRef: import('react').RefObject<HTMLElement | null>;
+    updateLayout: (nextLayout: OverflowingListLayout) => void;
 };

package/dist/components/layout/OverflowingList/types/OverflowingListProps.d.ts

@@ -1,7 +1,12 @@
-import { ComponentPropsWithRef, ReactElement } from 'react';
-export type OverflowingListProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & {
+import { ComponentPropsWithRef, ReactElement, Ref } from 'react';
+import { Popover } from '../../../../primitives/surfaces/Popover/Popover';
+export type OverflowingListProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & Pick<ComponentPropsWithRef<typeof Popover.Root>, 'open' | 'defaultOpen' | 'onOpenChange' | 'actionsRef'> & {
     children: ReactElement[];
     showOverflowCount?: boolean;
     maxInlineCount?: number;
     overflowLabel?: string;
+    triggerProps?: Omit<ComponentPropsWithRef<typeof Popover.Trigger>, 'handle' | 'payload' | 'ref'> & {
+        ref?: Ref<HTMLElement>;
+    };
+    popupProps?: Omit<ComponentPropsWithRef<typeof Popover.Popup>, 'children'>;
 };

package/dist/components/layout.cjs

@@ -1 +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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../layout-VaIq7Sjr.cjs");exports.AnimatedIconCrossfade=e.AnimatedIconCrossfade;exports.OverflowingList=e.OverflowingList;exports.Section=e.Section;

package/dist/components/layout.mjs

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

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

@@ -3,9 +3,9 @@ import { DropdownRootProps } from './types/DropdownRootProps';
 export declare const Dropdown: {
     Root: (props: DropdownRootProps) => ReactElement;
     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;
+    Content: ({ side, align, sideOffset, alignOffset, anchor, collisionPadding, container, keepMounted, width, className, style, children, initialFocus, onKeyDown, onFocus, 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, 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, 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;
@@ -13,7 +13,7 @@ export declare const Dropdown: {
     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;
+    SubmenuTrigger: ({ color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, children, render, disabled, nativeButton, openOnHover, onKeyDown, 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;

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, actions, actionsVisibility, 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, page, id, ...props }: DropdownActionItemProps) => 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, 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;
+export declare const DropdownContent: ({ side, align, sideOffset, alignOffset, anchor, collisionPadding, container, keepMounted, width, className, style, children, initialFocus, onKeyDown, onFocus, onInput, onClick, onMouseDown, onPointerDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }: DropdownContentProps) => import("react").JSX.Element;

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

@@ -1,6 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
 import { DropdownType } from '../types/DropdownType';
 import { DropdownFocusTarget } from './DropdownFocusTarget';
 import { DropdownPageFocusRequest } from './DropdownPageFocusRequest';
+import { DropdownRowFocus } from './DropdownRowFocus';
 export type DropdownContextValue = {
     type: DropdownType;
     rootType: DropdownType;
@@ -8,10 +10,9 @@ export type DropdownContextValue = {
     multiple: boolean;
     isSubmenu: boolean;
     parentType?: DropdownType;
-    activeItemId?: string;
-    parentActiveItemId?: string;
-    setActiveItemId: (id: string) => void;
-    setParentActiveItemId?: (id: string) => void;
+    rowFocus: DropdownRowFocus;
+    parentRowFocus?: DropdownRowFocus;
+    setRowIds: Dispatch<SetStateAction<string[] | undefined>>;
     pageId?: string;
     pageFocusRequest?: DropdownPageFocusRequest;
     setPageFocusRequest: (request: DropdownPageFocusRequest | undefined) => void;
@@ -21,7 +22,7 @@ export type DropdownContextValue = {
     focusOnOpen: boolean;
     setFocusOnOpen: (focusOnOpen: boolean) => void;
     setOpen: (open: boolean) => void;
-    closeTree: () => void;
+    closeTree: (tabOutEvent?: Event) => void;
     goToPage: (page: {
         id: string;
         trigger?: DropdownFocusTarget;

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, actions, actionsVisibility, 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, id, ...props }: DropdownOptionItemProps) => import("react").JSX.Element;

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

@@ -0,0 +1,5 @@
+export type DropdownRowFocus = {
+    rowIds?: string[];
+    tabStopRowId?: string;
+    focusRow: (id: string) => void;
+};

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

@@ -0,0 +1,5 @@
+type DropdownRowsEffectProps = {
+    content: HTMLDivElement | null;
+};
+export declare const DropdownRowsEffect: ({ content }: DropdownRowsEffectProps) => null;
+export {};

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

@@ -1,2 +1,2 @@
 import { DropdownSubmenuTriggerProps } from '../types/DropdownSubmenuTriggerProps';
-export declare const DropdownSubmenuTrigger: ({ color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, children, render, disabled, nativeButton, openOnHover, onKeyDown, onFocus, id, ref, ...props }: DropdownSubmenuTriggerProps) => import("react").JSX.Element;
+export declare const DropdownSubmenuTrigger: ({ color, startIcon, endIcon, description, descriptionPlacement, shortcut, shortcutJoinLabel, hasSubmenu, children, render, disabled, nativeButton, openOnHover, onKeyDown, id, ref, ...props }: DropdownSubmenuTriggerProps) => import("react").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+export declare const getDropdownItemExplicitId: ({ id, render, }: {
+    id?: string;
+    render?: ReactElement;
+}) => string | undefined;

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

@@ -0,0 +1 @@
+export declare const getDropdownRows: (content: HTMLElement) => HTMLElement[];

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

@@ -0,0 +1 @@
+export declare const getDropdownSearch: (content: HTMLElement) => HTMLInputElement | null;

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

@@ -0,0 +1,4 @@
+export declare const getDropdownTabStopRowId: ({ rowIds, focusedRowId, }: {
+    rowIds?: string[];
+    focusedRowId?: string;
+}) => string | undefined;

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

@@ -1,5 +1,6 @@
 import { DropdownDismissEvent } from '../types/DropdownDismissEvent';
-export declare const isDropdownDismissPrevented: ({ onDismiss, event, }: {
+export declare const isDropdownDismissPrevented: ({ onDismiss, event, target, }: {
     onDismiss: ((dismissEvent: DropdownDismissEvent) => void) | undefined;
     event: Event;
+    target?: Element | null;
 }) => boolean;

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

@@ -0,0 +1,4 @@
+export declare const isDropdownRow: ({ content, item, }: {
+    content: HTMLElement;
+    item: HTMLElement;
+}) => boolean;

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

@@ -0,0 +1,4 @@
+export declare const isEnabledDropdownItem: ({ content, item, }: {
+    content: HTMLElement;
+    item: HTMLElement;
+}) => boolean;

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

@@ -4,5 +4,4 @@ export declare const useDropdownItemFocus: ({ id, disabled, isSubmenuTrigger, }:
     isSubmenuTrigger?: boolean;
 }) => {
     tabIndex: number;
-    activate: () => void | undefined;
 };

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

@@ -1,7 +1,2 @@
 import { KeyboardEvent } from 'react';
-import { DropdownType } from '../types/DropdownType';
-export declare const useDropdownKeyboardNavigation: ({ type, isSubmenu, setOpen, }: {
-    type: DropdownType;
-    isSubmenu: boolean;
-    setOpen: (open: boolean) => void;
-}) => (event: KeyboardEvent<HTMLDivElement>) => void;
+export declare const useDropdownKeyboardNavigation: () => (event: KeyboardEvent<HTMLDivElement>) => void;

package/dist/components/navigation.cjs

@@ -1 +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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Dropdown-BKjAaZS0.cjs"),e=require("../navigation-DrOV5E67.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

@@ -1,5 +1,5 @@
-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";
+import { t } from "../Dropdown-C2hXrjvD.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-B1SRvzKK.js";
 export {
   g as DEFAULT_COLOR_LABELS,
   t as Dropdown,

package/dist/components/settings.cjs

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

package/dist/components/settings.mjs

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

package/dist/components.cjs

@@ -1 +1 @@
-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;
+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-ybO4n69s.cjs"),r=require("./Dropdown-BKjAaZS0.cjs"),e=require("./input-3D2lXywH.cjs"),u=require("./layout-VaIq7Sjr.cjs"),t=require("./navigation-DrOV5E67.cjs"),a=require("./settings-BAYsnlZJ.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,11 +1,11 @@
-import { a as t, i as o, n as s, r, t as e } from "./data-display-DU3G8ZyI.js";
+import { a as t, i as o, n as s, r, t as e } from "./data-display-KyZbLLy-.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";
+import { a as c, i as p, n as I, o as l, r as g, t as f } from "./feedback-CM6fatE8.js";
+import { n as T, r as d, t as B } from "./Dropdown-C2hXrjvD.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-TM3nUdu6.js";
+import { n as y, r as O, t as R } from "./layout-BszCDxAO.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-B1SRvzKK.js";
+import { t as H } from "./settings-BjEZiHXE.js";
 export {
   O as AnimatedIconCrossfade,
   t as AvatarGroup,

package/dist/data-display-0QO_WDSs.js

@@ -0,0 +1,183 @@
+import { t as m } from "./isDefined-fMi6eQ4r.js";
+import { a as i } from "./theme-B2EaXhye.js";
+import { s as O } from "./utilities-CEi9I09B.js";
+import { t as V } from "./Loader-DtHWQH8w.js";
+import { t as S } from "./OverflowingTextWithTooltip-BmUROIah.js";
+import { useRender as _ } from "@base-ui/react/use-render";
+import { isBoolean as C, isString as j } from "@sniptt/guards";
+import { clsx as g } from "clsx";
+import { Fragment as v, jsx as l, jsxs as x } from "react/jsx-runtime";
+var da = {
+  xl: {
+    fontSize: "16px",
+    width: "40px"
+  },
+  lg: {
+    fontSize: "13px",
+    width: "24px"
+  },
+  md: {
+    fontSize: "12px",
+    width: "16px"
+  },
+  sm: {
+    fontSize: "10px",
+    width: "14px"
+  },
+  xs: {
+    fontSize: "8px",
+    width: "12px"
+  }
+}, Y = "_badge_1q6rc_1", $ = { badge: Y }, ca = ({ size: a = "sm", color: t = "tertiary", shape: r = "pill", className: n, render: e, ref: s, ...o }) => _({
+  defaultTagName: "span",
+  render: e,
+  ref: s,
+  props: {
+    ...o,
+    className: g($.badge, n),
+    "data-badge-size": a,
+    "data-badge-color": t,
+    "data-badge-shape": r
+  }
+}), F = "_chip_j2xcu_1", U = "_label_j2xcu_26", Z = "_endElementDivider_j2xcu_75", b = {
+  chip: F,
+  label: U,
+  endElementDivider: Z
+}, G = { height: "var(--t-spacing-4)" }, ma = ({ children: a, size: t = "sm", variant: r = "ghost", color: n = "primary", shape: e = "square", weight: s = "regular", onClick: o, clickable: d = m(o), startElement: c, endElement: p, endElementDivider: h = !1, maxWidth: u, truncate: w = !0, tooltipContent: T, tooltipDelay: E, isTooltipMultiline: q, tooltipPlace: k, alwaysShowTooltip: z = !1, className: B, style: D, render: A, ref: L, ...R }) => {
+  const P = m(a) && !C(a) && a !== "", M = j(a) ? {
+    text: a,
+    tooltipContent: T
+  } : {
+    text: a ?? !1,
+    tooltipContent: T ?? ""
+  };
+  return _({
+    render: A,
+    ref: L,
+    state: {
+      size: t,
+      variant: r,
+      color: n,
+      shape: e,
+      weight: s,
+      clickable: d,
+      truncate: w
+    },
+    props: {
+      ...R,
+      onClick: o,
+      className: g(b.chip, B),
+      style: {
+        ...m(u) ? { "--tw-chip-max-width": `calc(${u}px - 2 * var(--tw-chip-padding))` } : {},
+        ...D
+      },
+      children: /* @__PURE__ */ x(v, { children: [
+        c,
+        P && /* @__PURE__ */ l(S, {
+          ...M,
+          render: /* @__PURE__ */ l("span", {}),
+          className: b.label,
+          style: t === "md" ? G : void 0,
+          truncate: w,
+          tooltipDelay: E,
+          isTooltipMultiline: q,
+          tooltipPlace: k,
+          alwaysShowTooltip: z
+        }),
+        m(p) && p !== !1 && /* @__PURE__ */ x(v, { children: [h && /* @__PURE__ */ l("span", { className: b.endElementDivider }), p] })
+      ] })
+    }
+  });
+}, H = "_root_6bfj6_1", I = "_circle_6bfj6_13", y = {
+  root: H,
+  circle: I
+}, _a = ({ colorName: a, color: t, variant: r, className: n, style: e, render: s, ref: o, ...d }) => _({
+  defaultTagName: "div",
+  render: s,
+  ref: o,
+  props: {
+    ...d,
+    className: g(y.root, r === "circle" && y.circle, n),
+    style: {
+      "--color-sample-color": t ?? i.tag.background[a],
+      "--color-sample-border-color": i.tag.text[a],
+      ...e
+    }
+  }
+}), J = "_status_y5v42_1", K = "_content_y5v42_49", N = {
+  status: J,
+  content: K
+}, ga = ({ children: a, color: t, loading: r = !1, weight: n = "regular", className: e, style: s, render: o, ref: d, ...c }) => {
+  const p = O(t);
+  return _({
+    defaultTagName: "span",
+    render: o,
+    ref: d,
+    state: {
+      loading: r,
+      weight: n
+    },
+    props: {
+      "aria-busy": r || void 0,
+      ...c,
+      className: g(N.status, e),
+      style: {
+        "--tw-status-background": i.tag.background[p],
+        "--tw-status-text-color": i.tag.text[p],
+        ...s
+      },
+      children: /* @__PURE__ */ x(v, { children: [/* @__PURE__ */ l("span", {
+        className: N.content,
+        children: a
+      }), r && /* @__PURE__ */ l(V, {
+        color: t,
+        "aria-hidden": "true",
+        render: /* @__PURE__ */ l("span", {})
+      })] })
+    }
+  });
+}, Q = "_tag_1rqsl_1", W = "_content_1rqsl_46", X = "_overflowingText_1rqsl_55", aa = "_iconContainer_1rqsl_59", f = {
+  tag: Q,
+  content: W,
+  overflowingText: X,
+  iconContainer: aa
+}, ua = ({ children: a, color: t, weight: r = "regular", variant: n = "soft", startIcon: e, truncate: s = !0, borderStyle: o = "solid", className: d, style: c, render: p, ref: h, ...u }) => _({
+  defaultTagName: "span",
+  render: p,
+  ref: h,
+  state: {
+    variant: n,
+    weight: r,
+    truncate: s
+  },
+  props: {
+    ...u,
+    className: g(f.tag, d),
+    style: {
+      "--tw-tag-background": t === "transparent" ? "transparent" : i.tag.background[t] ?? i.tag.background.gray,
+      "--tw-tag-text": t === "transparent" ? i.font.color.secondary : i.tag.text[t] ?? i.font.color.secondary,
+      "--tw-tag-border-style": o,
+      ...c
+    },
+    children: /* @__PURE__ */ x(v, { children: [m(e) && !C(e) && e !== "" && /* @__PURE__ */ l("span", {
+      className: f.iconContainer,
+      "aria-hidden": !0,
+      children: e
+    }), /* @__PURE__ */ l("span", {
+      className: f.content,
+      children: j(a) && s ? /* @__PURE__ */ l(S, {
+        text: a,
+        render: /* @__PURE__ */ l("span", {}),
+        className: f.overflowingText
+      }) : a
+    })] })
+  }
+});
+export {
+  ca as a,
+  ma as i,
+  ga as n,
+  da as o,
+  _a as r,
+  ua as t
+};

package/dist/data-display-CPmTJAWJ.cjs

@@ -0,0 +1 @@
+const o=require("./theme-1XkFz8Qu.cjs"),_=require("./isDefined-DS2Q42p5.cjs"),A=require("./utilities-BeLfNQ0Q.cjs"),k=require("./Loader-Bb72CUQ9.cjs"),y=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs");let p=require("@base-ui/react/use-render"),f=require("@sniptt/guards"),g=require("clsx"),e=require("react/jsx-runtime");var z={xl:{fontSize:"16px",width:"40px"},lg:{fontSize:"13px",width:"24px"},md:{fontSize:"12px",width:"16px"},sm:{fontSize:"10px",width:"14px"},xs:{fontSize:"8px",width:"12px"}},L="_badge_1q6rc_1",F={badge:L},Y=({size:t="sm",color:r="tertiary",shape:s="pill",className:l,render:a,ref:n,...i})=>(0,p.useRender)({defaultTagName:"span",render:a,ref:n,props:{...i,className:(0,g.clsx)(F.badge,l),"data-badge-size":t,"data-badge-color":r,"data-badge-shape":s}}),I="_chip_j2xcu_1",M="_label_j2xcu_26",W="_endElementDivider_j2xcu_75",v={chip:I,label:M,endElementDivider:W},Z={height:"var(--t-spacing-4)"},$=({children:t,size:r="sm",variant:s="ghost",color:l="primary",shape:a="square",weight:n="regular",onClick:i,clickable:d=_.isDefined(i),startElement:c,endElement:u,endElementDivider:b=!1,maxWidth:m,truncate:h=!0,tooltipContent:j,tooltipDelay:C,isTooltipMultiline:w,tooltipPlace:S,alwaysShowTooltip:N=!1,className:O,style:P,render:R,ref:V,...D})=>{const E=_.isDefined(t)&&!(0,f.isBoolean)(t)&&t!=="",B=(0,f.isString)(t)?{text:t,tooltipContent:j}:{text:t??!1,tooltipContent:j??""};return(0,p.useRender)({render:R,ref:V,state:{size:r,variant:s,color:l,shape:a,weight:n,clickable:d,truncate:h},props:{...D,onClick:i,className:(0,g.clsx)(v.chip,O),style:{..._.isDefined(m)?{"--tw-chip-max-width":`calc(${m}px - 2 * var(--tw-chip-padding))`}:{},...P},children:(0,e.jsxs)(e.Fragment,{children:[c,E&&(0,e.jsx)(y.OverflowingTextWithTooltip,{...B,render:(0,e.jsx)("span",{}),className:v.label,style:r==="md"?Z:void 0,truncate:h,tooltipDelay:C,isTooltipMultiline:w,tooltipPlace:S,alwaysShowTooltip:N}),_.isDefined(u)&&u!==!1&&(0,e.jsxs)(e.Fragment,{children:[b&&(0,e.jsx)("span",{className:v.endElementDivider}),u]})]})}})},U="_root_6bfj6_1",G="_circle_6bfj6_13",T={root:U,circle:G},H=({colorName:t,color:r,variant:s,className:l,style:a,render:n,ref:i,...d})=>(0,p.useRender)({defaultTagName:"div",render:n,ref:i,props:{...d,className:(0,g.clsx)(T.root,s==="circle"&&T.circle,l),style:{"--color-sample-color":r??o.themeCssVariables.tag.background[t],"--color-sample-border-color":o.themeCssVariables.tag.text[t],...a}}}),J="_status_y5v42_1",K="_content_y5v42_49",q={status:J,content:K},Q=({children:t,color:r,loading:s=!1,weight:l="regular",className:a,style:n,render:i,ref:d,...c})=>{const u=A.parseThemeColor(r);return(0,p.useRender)({defaultTagName:"span",render:i,ref:d,state:{loading:s,weight:l},props:{"aria-busy":s||void 0,...c,className:(0,g.clsx)(q.status,a),style:{"--tw-status-background":o.themeCssVariables.tag.background[u],"--tw-status-text-color":o.themeCssVariables.tag.text[u],...n},children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:q.content,children:t}),s&&(0,e.jsx)(k.Loader,{color:r,"aria-hidden":"true",render:(0,e.jsx)("span",{})})]})}})},X="_tag_1rqsl_1",ee="_content_1rqsl_46",te="_overflowingText_1rqsl_55",re="_iconContainer_1rqsl_59",x={tag:X,content:ee,overflowingText:te,iconContainer:re},ae=({children:t,color:r,weight:s="regular",variant:l="soft",startIcon:a,truncate:n=!0,borderStyle:i="solid",className:d,style:c,render:u,ref:b,...m})=>(0,p.useRender)({defaultTagName:"span",render:u,ref:b,state:{variant:l,weight:s,truncate:n},props:{...m,className:(0,g.clsx)(x.tag,d),style:{"--tw-tag-background":r==="transparent"?"transparent":o.themeCssVariables.tag.background[r]??o.themeCssVariables.tag.background.gray,"--tw-tag-text":r==="transparent"?o.themeCssVariables.font.color.secondary:o.themeCssVariables.tag.text[r]??o.themeCssVariables.font.color.secondary,"--tw-tag-border-style":i,...c},children:(0,e.jsxs)(e.Fragment,{children:[_.isDefined(a)&&!(0,f.isBoolean)(a)&&a!==""&&(0,e.jsx)("span",{className:x.iconContainer,"aria-hidden":!0,children:a}),(0,e.jsx)("span",{className:x.content,children:(0,f.isString)(t)&&n?(0,e.jsx)(y.OverflowingTextWithTooltip,{text:t,render:(0,e.jsx)("span",{}),className:x.overflowingText}):t})]})}});Object.defineProperty(exports,"AVATAR_PROPERTIES_BY_SIZE",{enumerable:!0,get:function(){return z}});Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return Y}});Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return $}});Object.defineProperty(exports,"ColorSample",{enumerable:!0,get:function(){return H}});Object.defineProperty(exports,"Status",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return ae}});

package/dist/{data-display-DU3G8ZyI.js → data-display-KyZbLLy-.js}

@@ -1,5 +1,5 @@
 import { t as u } from "./isDefined-fMi6eQ4r.js";
-import { Jc as Q, No as W, Pn as Y, Tn as Z, Vt as D, rr as ee, wn as re } from "./icon-BdXwnJA6.js";
+import { Jc as Q, No as W, Pn as Y, Tn as Z, Vt as D, rr as ee, wn as re } from "./icon-CUE-QGQK.js";
 import { a as j, r as G } from "./theme-B2EaXhye.js";
 import { t as ne } from "./VisuallyHidden-CFZP7ybO.js";
 import { t as te } from "./ProgressRing-8mYV9cxE.js";