twenty-ui 2.45.0 → 2.46.0

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/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-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-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 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,35 +1,46 @@
-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 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 {
-  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,
+  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,
-  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
+  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}});

package/dist/data-display-CRDo6TBH.js

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