twenty-ui 2.44.0 → 2.46.0

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, hotkeys, hotkeysJoinLabel, 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, hotkeys, hotkeysJoinLabel, 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, hotkeys, hotkeysJoinLabel, 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, hotkeys, hotkeysJoinLabel, 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/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, hotkeys, hotkeysJoinLabel, 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/DropdownSubmenuTrigger.d.ts

@@ -1,2 +1,2 @@
 import { DropdownSubmenuTriggerProps } from '../types/DropdownSubmenuTriggerProps';
-export declare const DropdownSubmenuTrigger: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hotkeysJoinLabel, 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, onFocus, id, ref, ...props }: DropdownSubmenuTriggerProps) => 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' | 'hotkeys' | 'hotkeysJoinLabel' | '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/DropdownOptionItemProps.d.ts

@@ -1,6 +1,6 @@
 import { DropdownActionItemProps } from './DropdownActionItemProps';
 export type DropdownOptionItemProps = Omit<DropdownActionItemProps, 'page' | 'closeOnClick' | 'onSelect'> & {
-    selected: boolean;
+    selected?: boolean;
     indicator?: 'check' | 'checkbox' | 'none';
     onSelect?: () => void;
     closeOnSelect?: boolean;

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/MenuItem.d.ts

@@ -1,2 +1,2 @@
 import { MenuItemProps } from './types/MenuItemProps';
-export declare const MenuItem: ({ accent, className, withIconContainer, withIconContainerBackground, iconButtons, isIconDisplayedOnHoverOnly, LeftIcon, iconThemeColor, LeftComponent, RightIcon, RightComponent, onClick, onMouseEnter, onMouseLeave, testId, text, contextualTextPosition, contextualText, hasSubMenu, disabled, focused, selected, hotKeys, hotKeysJoinLabel, isSubMenuOpened, }: MenuItemProps) => import("react").JSX.Element;
+export declare const MenuItem: ({ accent, className, withIconContainer, withIconContainerBackground, iconButtons, isIconDisplayedOnHoverOnly, LeftIcon, iconThemeColor, LeftComponent, RightIcon, RightComponent, onClick, onMouseEnter, onMouseLeave, testId, text, contextualTextPosition, contextualText, hasSubMenu, disabled, focused, selected, shortcut, shortcutJoinLabel, isSubMenuOpened, }: MenuItemProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItem/types/MenuItemProps.d.ts

@@ -1,7 +1,7 @@
+import { ShortcutDefinition } from '../../../../primitives/typography/Shortcut/types/ShortcutDefinition';
 import { MenuItemAccent } from './MenuItemAccent';
 import { IconComponent } from '../../../../icon';
 import { ThemeColor } from '../../../../theme';
-import { Nullable } from '../../../../utilities/types/Nullable';
 import { MouseEvent, ReactNode } from 'react';
 export type MenuItemProps = {
     accent?: MenuItemAccent;
@@ -27,7 +27,7 @@ export type MenuItemProps = {
     hasSubMenu?: boolean;
     focused?: boolean;
     selected?: boolean;
-    hotKeys?: Nullable<string[]>;
-    hotKeysJoinLabel?: string;
+    shortcut?: ShortcutDefinition;
+    shortcutJoinLabel?: string;
     isSubMenuOpened?: boolean;
 };

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' | 'hotkeys'> & 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-Ckcy6ZLF.cjs"),e=require("../navigation-CsxM7PWb.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-CZVEnq0N.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-BVhRDMCr.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-bRqO7Q-5.cjs");exports.SettingsRow=e.SettingsRow;

package/dist/components/settings.mjs

@@ -0,0 +1,4 @@
+import { t as o } from "../settings-Fpo_5Uen.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-Bs-35QDJ.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.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.NavigationBar=e.NavigationBar;exports.NotificationCounter=e.NotificationCounter;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 n=require("./data-display-Bw-5dsCu.cjs"),u=require("./TintedIconTile-Dp4uH0Up.cjs"),o=require("./feedback-BleeRoOP.cjs"),r=require("./Dropdown-Ckcy6ZLF.cjs"),t=require("./input-D9vXRp8R.cjs"),i=require("./layout-DJq0Dcmq.cjs"),e=require("./navigation-CsxM7PWb.cjs"),a=require("./settings-bRqO7Q-5.cjs");exports.AnimatedIconCrossfade=i.AnimatedIconCrossfade;exports.AvatarGroup=n.AvatarGroup;exports.Callout=o.Callout;exports.CommandBlock=n.CommandBlock;exports.CountrySelect=t.CountrySelect;exports.CurrencyPicker=t.CurrencyPicker;exports.DEFAULT_COLOR_LABELS=e.DEFAULT_COLOR_LABELS;exports.Dropdown=r.Dropdown;exports.IconButton=r.IconButton;exports.ImageInput=t.ImageInput;exports.InlineBanner=o.InlineBanner;exports.JsonTree=n.JsonTree;exports.LightButton=t.LightButton;exports.LightIconButton=r.LightIconButton;exports.ListItemButton=e.ListItemButton;exports.MainButton=t.MainButton;exports.MenuItem=e.MenuItem;exports.MenuItemAvatar=e.MenuItemAvatar;exports.MenuItemDraggable=e.MenuItemDraggable;exports.MenuItemSuggestion=e.MenuItemSuggestion;exports.MenuPicker=e.MenuPicker;exports.MetricRow=n.MetricRow;exports.NotificationCounter=n.NotificationCounter;exports.OverflowingList=i.OverflowingList;exports.PhoneCountryPicker=t.PhoneCountryPicker;exports.SearchInput=t.SearchInput;exports.Section=i.Section;exports.SettingsRow=a.SettingsRow;exports.TabButton=e.TabButton;exports.TintedIconTile=u.TintedIconTile;exports.Toast=o.Toast;exports.ToastProvider=o.ToastProvider;exports.Toaster=o.Toaster;exports.getIconTileColorShades=u.getIconTileColorShades;exports.useDropdownPage=e.useDropdownPage;exports.useToast=o.useToast;

package/dist/components.mjs

@@ -1,33 +1,46 @@
-import { A as s, C as o, D as t, E as n, O as e, S as r, T as i, _ as u, a as c, b as g, c as I, d as T, f as m, g as d, h as l, i as B, k as p, l as C, m as S, n as A, o as L, p as M, r as h, s as v, t as D, u as f, v as w, w as b, x as k, y as E } from "./components-kaERZ89J.js";
+import { a as t, i as o, n as s, r, t as n } from "./data-display-CehSwX8i.js";
+import { n as i, t as m } from "./TintedIconTile-BZgRO7cg.js";
+import { a as c, i as p, n as I, o as f, r as g, t as l } from "./feedback-BV1EK98d.js";
+import { n as B, r as C, t as d } from "./Dropdown-CZVEnq0N.js";
+import { a as M, i as S, n as P, o as h, r as w, s as A, t as k } from "./input-CKcuJwhb.js";
+import { n as D, r as y, t as O } from "./layout-Bt-DUE1X.js";
+import { a as b, c as E, i as _, l as x, n as F, o as G, r as J, s as N, t as U } from "./navigation-BVhRDMCr.js";
+import { t as q } from "./settings-Fpo_5Uen.js";
 export {
-  m as AnimatedIconCrossfade,
-  s as AvatarGroup,
-  b as Callout,
-  p as CommandBlock,
-  I as DEFAULT_COLOR_LABELS,
-  f as Dropdown,
-  w as IconButton,
-  o as InlineBanner,
-  e as JsonTree,
-  u as LightButton,
-  d as LightIconButton,
-  l as MainButton,
-  v as MenuItem,
-  L as MenuItemAvatar,
-  c as MenuItemDraggable,
-  B as MenuItemSuggestion,
-  h as MenuPicker,
-  A as NavigationBar,
-  t as NotificationCounter,
-  S as SearchInput,
-  T as Section,
-  M as SettingsRow,
-  D as TabButton,
-  i as TintedIconTile,
-  k as Toast,
-  g as ToastProvider,
-  E as Toaster,
-  n as getIconTileColorShades,
-  C as useDropdownPage,
-  r as useToast
+  y as AnimatedIconCrossfade,
+  t as AvatarGroup,
+  f as Callout,
+  o as CommandBlock,
+  A as CountrySelect,
+  h as CurrencyPicker,
+  N as DEFAULT_COLOR_LABELS,
+  d as Dropdown,
+  C as IconButton,
+  M as ImageInput,
+  c as InlineBanner,
+  r as JsonTree,
+  S as LightButton,
+  B as LightIconButton,
+  E as ListItemButton,
+  w as MainButton,
+  G as MenuItem,
+  b as MenuItemAvatar,
+  _ as MenuItemDraggable,
+  J as MenuItemSuggestion,
+  F as MenuPicker,
+  s as MetricRow,
+  n as NotificationCounter,
+  D as OverflowingList,
+  P as PhoneCountryPicker,
+  k as SearchInput,
+  O as Section,
+  q as SettingsRow,
+  U as TabButton,
+  m as TintedIconTile,
+  g as Toast,
+  I as ToastProvider,
+  l as Toaster,
+  i as getIconTileColorShades,
+  x as useDropdownPage,
+  p as useToast
 };

package/dist/data-display-BMM4rYOl.cjs

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

package/dist/data-display-Bw-5dsCu.cjs

@@ -0,0 +1,2 @@
+const g=require("./theme-Zf62UE02.cjs"),u=require("./isDefined-DS2Q42p5.cjs"),H=require("./VisuallyHidden-B-n4x1KY.cjs"),K=require("./ProgressRing-CHLADu5q.cjs");let k=require("@base-ui/react/use-render"),d=require("@sniptt/guards"),c=require("clsx"),v=require("react"),e=require("react/jsx-runtime"),V=require("@base-ui/react/collapsible"),x=require("@tabler/icons-react");var U="_container_5cu4g_1",X="_itemContainer_5cu4g_6",Q="_overflowCountContainer_5cu4g_22",W="_overflowCount_5cu4g_22",y={container:U,itemContainer:X,overflowCountContainer:Q,overflowCount:W},Y=4,Z=({avatars:r,className:n,maxVisible:t=Y,total:s,renderOverflow:l,overflowShape:a="square",overlap:o="right",overlapOffset:i="3px",render:p,ref:C,..._})=>{const h=v.Children.toArray(r),w=Number.isNaN(t)?0:Math.max(0,Math.floor(t)),f=h.slice(0,w),b=s??h.length,N=(Number.isFinite(b)?Math.max(h.length,Math.floor(b)):h.length)-f.length,A=u.isDefined(l),I=N>0&&(A?l(N):(0,e.jsxs)("span",{className:y.overflowCount,"data-shape":a,children:["+",N]})),L=(0,d.isNonEmptyArray)(v.Children.toArray(I)),$={"--avatar-group-overlap-offset":i},G=(0,k.useRender)({render:p,ref:C,props:{..._,className:(0,c.clsx)(y.container,n),children:(0,e.jsxs)(e.Fragment,{children:[v.Children.map(f,S=>(0,e.jsx)("span",{className:y.itemContainer,"data-overlap":o,style:$,children:S},(0,v.isValidElement)(S)?S.key:void 0)),L&&(0,e.jsx)("span",{className:(0,c.clsx)(y.itemContainer,!A&&y.overflowCountContainer),"data-overlap":o,style:$,children:I})]})}});return(0,d.isNonEmptyArray)(f)||L?G:null},ee="_container_1j72k_1",re="_commands_1j72k_13",ne="_actions_1j72k_25",te="_prompt_1j72k_32",J={container:ee,commands:re,actions:ne,prompt:te},se=({commands:r,actions:n,render:t,ref:s,className:l,...a})=>(0,k.useRender)({render:t,ref:s,props:{...a,className:(0,c.clsx)(J.container,l),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("pre",{className:J.commands,children:(0,e.jsx)("code",{children:r.map((o,i)=>(0,e.jsxs)("span",{children:[i>0&&`
+`,(0,e.jsx)("span",{className:J.prompt,"aria-hidden":"true",children:"> "}),o]},i))})}),u.isDefined(n)&&(0,e.jsx)("div",{className:J.actions,children:n})]})}}),oe="_list_1i4lv_1",ae="_nested_1i4lv_8",P={list:oe,nested:ae},le=({depth:r,className:n,children:t})=>(0,e.jsx)("ul",{className:(0,c.clsx)(P.list,r>0&&P.nested,n),children:t}),M=(0,v.createContext)(void 0),j=()=>{const r=(0,v.useContext)(M);if(!u.isDefined(r))throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");return r},ie="_button_1e3ij_1",ce="_red_1e3ij_17",de="_chevron_1e3ij_22",E={button:ie,red:ce,chevron:de},ue=({isOpen:r,onClick:n,variant:t})=>{const s=g.useTheme(),{arrowButtonCollapsedLabel:l,arrowButtonExpandedLabel:a}=j(),o=t==="blue"?g.themeCssVariables.color.blue:t==="red"?g.themeCssVariables.font.color.danger:g.themeCssVariables.font.color.secondary;return(0,e.jsxs)("button",{className:(0,c.clsx)(E.button,t==="red"&&E.red),onClick:n,children:[(0,e.jsx)(H.VisuallyHidden,{children:r?a:l}),(0,e.jsx)("div",{className:E.chevron,"data-open":r||void 0,children:(0,e.jsx)(x.IconChevronDown,{size:s.icon.size.md,color:o})})]})},_e=({label:r,value:n,depth:t,keyPath:s,highlighting:l})=>{const{emptyArrayLabel:a}=j();return(0,e.jsx)(D,{elements:[...n.entries()].map(([o,i])=>({id:o,label:String(o),value:i})),renderElementsCount:o=>`[${o}]`,label:r,Icon:x.IconBrackets,depth:t,emptyElementsText:a,keyPath:s,highlighting:l})},me=({label:r,value:n,depth:t,keyPath:s,highlighting:l})=>{const{emptyObjectLabel:a}=j();return(0,e.jsx)(D,{elements:Object.entries(n).map(([o,i])=>({id:o,label:o,value:i})),renderElementsCount:o=>`{${o}}`,label:r,Icon:x.IconCube,depth:t,emptyElementsText:a,keyPath:s,highlighting:l})},ve="_labelContainer_1pq94_1",xe="_blue_1pq94_23",he="_red_1pq94_29",O={labelContainer:ve,blue:xe,red:he},F=({label:r,Icon:n,highlighting:t})=>{const s=g.useTheme();return(0,e.jsxs)("span",{className:(0,c.clsx)(O.labelContainer,t==="blue"&&O.blue,t==="red"&&O.red),children:[(0,e.jsx)(n,{size:s.icon.size.md,color:t==="blue"?s.color.blue:t==="red"?s.font.color.danger:s.font.color.tertiary}),(0,e.jsx)("span",{children:r})]})},be="_text_1ot24_1",je="_blue_1ot24_10",pe="_red_1ot24_14",Ce="_button_1ot24_18",T={text:be,blue:je,red:pe,button:Ce},fe=({valueAsString:r,highlighting:n})=>{const{onNodeValueClick:t}=j(),s=u.isDefined(t),l=()=>{t?.(r)},a=(0,c.clsx)(T.text,n==="blue"&&T.blue,n==="red"&&T.red);return s?(0,e.jsx)("button",{className:(0,c.clsx)(a,T.button),type:"button",onClick:l,children:r}):(0,e.jsx)("span",{className:a,children:r})},Ne="_listItem_1i7if_1",ye={listItem:Ne},q=r=>(0,e.jsxs)("li",{className:ye.listItem,children:[r.label&&(0,e.jsx)(F,{label:r.label,Icon:r.Icon,highlighting:r.highlighting}),(0,e.jsx)(fe,{valueAsString:r.valueAsString,highlighting:r.highlighting})]}),ge=r=>(0,d.isArray)(r),z=({label:r,value:n,depth:t,keyPath:s})=>{const{getNodeHighlighting:l,emptyStringLabel:a}=j(),o=l?.(s);return u.isDefined(n)?(0,d.isString)(n)?(0,e.jsx)(q,{label:r,valueAsString:(0,d.isNonEmptyString)(n)?n:a,Icon:x.IconTypography,highlighting:o}):(0,d.isNumber)(n)?(0,e.jsx)(q,{label:r,valueAsString:String(n),Icon:x.IconNumber9,highlighting:o}):(0,d.isBoolean)(n)?(0,e.jsx)(q,{label:r,valueAsString:String(n),Icon:x.IconCheckbox,highlighting:o}):ge(n)?(0,e.jsx)(_e,{label:r,value:n,depth:t,keyPath:s,highlighting:o}):(0,e.jsx)(me,{label:r,value:n,depth:t,keyPath:s,highlighting:o}):(0,e.jsx)(q,{label:r,valueAsString:"null",Icon:x.IconCircleOff,highlighting:o})},qe="_container_d0cqx_1",we="_labelContainer_d0cqx_6",Ae="_elementsCount_d0cqx_12",Ie="_elementsCountRed_d0cqx_16",Je="_panel_d0cqx_20",Te="_list_d0cqx_30",Se="_nested_d0cqx_37",m={container:qe,labelContainer:we,elementsCount:Ae,elementsCountRed:Ie,panel:Je,list:Te,nested:Se},D=({label:r,Icon:n,elements:t,renderElementsCount:s,emptyElementsText:l,depth:a,keyPath:o,highlighting:i})=>{const{shouldExpandNodeInitially:p}=j(),C=!u.isDefined(r),[_,h]=(0,v.useState)(p({keyPath:o,depth:a})),w=(0,e.jsx)("ul",{className:(0,c.clsx)(m.list,a>0&&m.nested),children:t.length===0?(0,e.jsx)(q,{valueAsString:l,highlighting:void 0}):t.map(({id:b,label:N,value:A})=>{const I=(0,d.isNonEmptyString)(o)?`${o}.${b}`:String(b);return(0,e.jsx)(z,{label:N,value:A,depth:a+1,keyPath:I},b)})}),f=()=>{h(!_)};return C?(0,e.jsx)("li",{className:m.container,children:w}):(0,e.jsxs)(V.Collapsible.Root,{className:m.container,open:_,render:(0,e.jsx)("li",{}),children:[(0,e.jsxs)("div",{className:m.labelContainer,children:[(0,e.jsx)(ue,{isOpen:_,onClick:f,variant:i==="partial-blue"?"blue":i==="red"?i:void 0}),(0,e.jsx)(F,{label:r,Icon:n,highlighting:i==="red"?i:void 0}),s&&(0,e.jsx)("span",{className:(0,c.clsx)(m.elementsCount,i==="red"&&m.elementsCountRed),children:s(t.length)})]}),(0,e.jsx)(V.Collapsible.Panel,{className:m.panel,children:w})]})},Ee=({value:r,children:n})=>(0,e.jsx)(M.Provider,{value:r,children:n}),Oe=({depth:r})=>r<=1,Re=({value:r,entries:n,shouldExpandNodeInitially:t=Oe,...s})=>(0,e.jsx)(Ee,{value:{...s,shouldExpandNodeInitially:t},children:(0,e.jsx)(le,{depth:0,children:u.isDefined(n)?(0,e.jsx)(D,{elements:n,Icon:x.IconBrackets,depth:0,keyPath:"",emptyElementsText:s.emptyObjectLabel}):(0,e.jsx)(z,{value:r??null,depth:0,keyPath:""})})}),ke="_row_1hj4l_1",De="_label_1hj4l_11",Le="_icon_1hj4l_20",R={row:ke,label:De,icon:Le},$e=({children:r,startIcon:n,value:t,progress:s,progressColor:l,progressValueText:a,render:o,ref:i,className:p,...C})=>{const _=(0,v.useId)();return(0,k.useRender)({render:o,ref:i,props:{...C,className:(0,c.clsx)(R.row,p),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:R.label,children:[u.isDefined(n)&&(0,e.jsx)("span",{className:R.icon,"aria-hidden":"true",children:n}),(0,e.jsx)("span",{id:_,children:r})]}),u.isDefined(s)?(0,e.jsx)(K.ProgressRing,{value:s,size:"sm",barColor:l,"aria-labelledby":_,"aria-valuetext":a??((0,d.isString)(t)?t:void 0),children:t}):(0,e.jsx)("span",{children:t})]})}})},Ve="_notificationCounter_1lalu_1",Pe="_primary_1lalu_13",Be="_secondary_1lalu_18",B={notificationCounter:Ve,primary:Pe,secondary:Be},Me=({count:r,variant:n="primary",className:t})=>(0,e.jsx)("div",{className:(0,c.clsx)(B.notificationCounter,B[n],t),children:r});Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return Z}});Object.defineProperty(exports,"CommandBlock",{enumerable:!0,get:function(){return se}});Object.defineProperty(exports,"JsonTree",{enumerable:!0,get:function(){return Re}});Object.defineProperty(exports,"MetricRow",{enumerable:!0,get:function(){return $e}});Object.defineProperty(exports,"NotificationCounter",{enumerable:!0,get:function(){return Me}});