twenty-ui 2.51.3 → 2.53.0

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

@@ -0,0 +1 @@
+export declare const useDropdownPlacementOrThrow: () => Pick<import('@base-ui/react').PopoverPopupState, "side" | "align">;

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, finalFocus, onKeyDown, onFocus, 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, render, children, initialFocus, finalFocus, 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/DropdownContentRenderer.d.ts

@@ -0,0 +1,10 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import { useRender } from '@base-ui/react/use-render';
+import { PopoverPopupProps } from '../../../../primitives/surfaces/Popover/types/PopoverPopupProps';
+type DropdownContentRendererProps = {
+    props: useRender.ElementProps<'div'>;
+    state: PopoverPrimitive.Popup.State;
+    render?: PopoverPopupProps['render'];
+};
+export declare const DropdownContentRenderer: ({ props, state, render, }: DropdownContentRendererProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare const DropdownPlacementContext: import('react').Context<Pick<import('@base-ui/react').PopoverPopupState, "side" | "align"> | undefined>;

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

@@ -0,0 +1,4 @@
+export declare const compareDropdownElementOrder: ({ firstElement, secondElement, }: {
+    firstElement: HTMLElement;
+    secondElement: HTMLElement;
+}) => number;

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

@@ -0,0 +1,7 @@
+export declare const getDropdownTabNavigation: ({ content, target, shiftKey, }: {
+    content: HTMLElement;
+    target?: HTMLElement;
+    shiftKey: boolean;
+}) => {
+    target: HTMLElement | undefined;
+} | undefined;

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

@@ -0,0 +1 @@
+export declare const getDropdownTriggerTabTarget: (trigger: HTMLElement) => HTMLElement | undefined;

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

@@ -2,6 +2,7 @@ export { CountPager } from './CountPager/CountPager';
 export type { CountPagerProps } from './CountPager/types/CountPagerProps';
 export { Dropdown } from './Dropdown/Dropdown';
 export { useDropdownPage } from './Dropdown/hooks/useDropdownPage';
+export { useDropdownPlacementOrThrow } from './Dropdown/hooks/useDropdownPlacementOrThrow';
 export type { DropdownActionItemProps } from './Dropdown/types/DropdownActionItemProps';
 export type { DropdownCloseProps } from './Dropdown/types/DropdownCloseProps';
 export type { DropdownContentProps } from './Dropdown/types/DropdownContentProps';

package/dist/components/navigation.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Dropdown-D_hFndP5.cjs"),e=require("../navigation-DP5Edsq_.cjs");exports.CountPager=e.CountPager;exports.DEFAULT_COLOR_LABELS=e.DEFAULT_COLOR_LABELS;exports.Dropdown=o.Dropdown;exports.ListItemButton=e.ListItemButton;exports.TabButton=e.TabButton;exports.useDropdownPage=e.useDropdownPage;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Dropdown-DaSktKdb.cjs"),e=require("../navigation-CP1g7ng9.cjs");exports.CountPager=e.CountPager;exports.DEFAULT_COLOR_LABELS=e.DEFAULT_COLOR_LABELS;exports.Dropdown=o.Dropdown;exports.ListItemButton=e.ListItemButton;exports.TabButton=e.TabButton;exports.useDropdownPage=e.useDropdownPage;exports.useDropdownPlacementOrThrow=e.useDropdownPlacementOrThrow;

package/dist/components/navigation.mjs

@@ -1,10 +1,11 @@
-import { t } from "../Dropdown-xXsGBv57.js";
-import { a as r, i as s, n, r as e, t as m } from "../navigation-DXMjQMPm.js";
+import { t } from "../Dropdown-COpO_G9D.js";
+import { a as r, i as s, n as e, o as n, r as m, t as p } from "../navigation-DQe6WaUF.js";
 export {
-  r as CountPager,
-  n as DEFAULT_COLOR_LABELS,
+  n as CountPager,
+  e as DEFAULT_COLOR_LABELS,
   t as Dropdown,
-  e as ListItemButton,
-  m as TabButton,
-  s as useDropdownPage
+  m as ListItemButton,
+  p as TabButton,
+  r as useDropdownPage,
+  s as useDropdownPlacementOrThrow
 };

package/dist/components/settings.cjs

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

package/dist/components/settings.mjs

@@ -1,4 +1,4 @@
-import { t as o } from "../settings-BTFAqYrD.js";
+import { t as o } from "../settings-D3AWPKyH.js";
 export {
   o as SettingsRow
 };

package/dist/components.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./data-display-D_kbXJJd.cjs"),o=require("./feedback-BzR4ggrP.cjs"),e=require("./input-BQABEELu.cjs"),i=require("./Dropdown-D_hFndP5.cjs"),n=require("./layout-B1Iwc9ku.cjs"),r=require("./navigation-DP5Edsq_.cjs"),a=require("./settings-D_iT1ngl.cjs");exports.AnimatedIconCrossfade=n.AnimatedIconCrossfade;exports.AvatarGroup=t.AvatarGroup;exports.Callout=o.Callout;exports.CommandBlock=t.CommandBlock;exports.CountPager=r.CountPager;exports.CountrySelect=e.CountrySelect;exports.CurrencyPicker=e.CurrencyPicker;exports.DEFAULT_COLOR_LABELS=r.DEFAULT_COLOR_LABELS;exports.DatePicker=e.DatePicker;exports.DetailsRow=t.DetailsRow;exports.Dropdown=i.Dropdown;exports.EmojiPicker=e.EmojiPicker;exports.FormFieldRow=e.FormFieldRow;exports.IconButton=i.IconButton;exports.ImageInput=e.ImageInput;exports.InlineBanner=o.InlineBanner;exports.JsonTree=t.JsonTree;exports.LabeledSeparator=n.LabeledSeparator;exports.LightButton=e.LightButton;exports.LightIconButton=i.LightIconButton;exports.ListItemButton=r.ListItemButton;exports.MainButton=e.MainButton;exports.MetricRow=t.MetricRow;exports.NumberStepper=e.NumberStepper;exports.OverflowingList=n.OverflowingList;exports.PhoneCountryPicker=e.PhoneCountryPicker;exports.ReactionButton=e.ReactionButton;exports.SearchInput=e.SearchInput;exports.Section=n.Section;exports.SegmentedControl=e.SegmentedControl;exports.SettingsRow=a.SettingsRow;exports.StackIcon=t.StackIcon;exports.TabButton=r.TabButton;exports.TintedIconTile=t.TintedIconTile;exports.Toast=o.Toast;exports.ToastProvider=o.ToastProvider;exports.Toaster=o.Toaster;exports.getIconTileColorShades=t.getIconTileColorShades;exports.useDropdownPage=r.useDropdownPage;exports.useToast=o.useToast;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./data-display-VghHkQY5.cjs"),t=require("./feedback-BvCwRZad.cjs"),e=require("./input-B8_4jnPT.cjs"),i=require("./Dropdown-DaSktKdb.cjs"),n=require("./layout-DHW99Ejj.cjs"),r=require("./navigation-CP1g7ng9.cjs"),a=require("./settings-RYocb2Xg.cjs");exports.AnimatedIconCrossfade=n.AnimatedIconCrossfade;exports.AvatarGroup=o.AvatarGroup;exports.Callout=t.Callout;exports.CommandBlock=o.CommandBlock;exports.CountPager=r.CountPager;exports.CountrySelect=e.CountrySelect;exports.CurrencyPicker=e.CurrencyPicker;exports.DEFAULT_COLOR_LABELS=r.DEFAULT_COLOR_LABELS;exports.DatePicker=e.DatePicker;exports.DetailsRow=o.DetailsRow;exports.Dropdown=i.Dropdown;exports.EmojiPicker=e.EmojiPicker;exports.FormFieldRow=e.FormFieldRow;exports.IconButton=i.IconButton;exports.ImageInput=e.ImageInput;exports.InlineBanner=t.InlineBanner;exports.JsonTree=o.JsonTree;exports.LabeledSeparator=n.LabeledSeparator;exports.LightButton=e.LightButton;exports.LightIconButton=i.LightIconButton;exports.ListItemButton=r.ListItemButton;exports.MainButton=e.MainButton;exports.MetricRow=o.MetricRow;exports.NumberStepper=e.NumberStepper;exports.OverflowingList=n.OverflowingList;exports.PhoneCountryPicker=e.PhoneCountryPicker;exports.ReactionButton=e.ReactionButton;exports.SearchInput=e.SearchInput;exports.Section=n.Section;exports.SegmentedControl=e.SegmentedControl;exports.SettingsRow=a.SettingsRow;exports.StackIcon=o.StackIcon;exports.TabButton=r.TabButton;exports.TintedIconTile=o.TintedIconTile;exports.Toast=t.Toast;exports.ToastProvider=t.ToastProvider;exports.Toaster=t.Toaster;exports.getIconTileColorShades=o.getIconTileColorShades;exports.useDropdownPage=r.useDropdownPage;exports.useDropdownPlacementOrThrow=r.useDropdownPlacementOrThrow;exports.useToast=t.useToast;

package/dist/components.mjs

@@ -1,49 +1,50 @@
-import { a as o, c as t, i as s, n as r, o as e, r as n, s as i, t as m } from "./data-display-b-9s0RTe.js";
-import { a as u, i as p, n as l, o as d, r as I, t as f } from "./feedback-EaZszoXf.js";
-import { a as C, c as S, d as T, f as g, i as L, l as P, n as w, o as k, p as R, r as h, s as D, t as A, u as b } from "./input-CuySKbhm.js";
-import { a as y, i as E, t as F } from "./Dropdown-xXsGBv57.js";
-import { i as M, n as _, r as j, t as x } from "./layout-B2KvJ900.js";
-import { a as J, i as N, n as U, r as q, t as z } from "./navigation-DXMjQMPm.js";
-import { t as K } from "./settings-BTFAqYrD.js";
+import { a as o, c as t, i as s, n as r, o as e, r as n, s as i, t as m } from "./data-display-DVEhI2Rt.js";
+import { a as u, i as p, n as l, o as d, r as I, t as T } from "./feedback-B3Qc_Igx.js";
+import { a as B, c as C, d as S, f as g, i as w, l as L, n as P, o as h, p as k, r as D, s as R, t as A, u as O } from "./input-BwQqV8Wf.js";
+import { a as v, o as y, t as E } from "./Dropdown-COpO_G9D.js";
+import { i as M, n as _, r as j, t as x } from "./layout-4p7UQD7l.js";
+import { a as J, i as N, n as U, o as q, r as z, t as H } from "./navigation-DQe6WaUF.js";
+import { t as Q } from "./settings-D3AWPKyH.js";
 export {
   M as AnimatedIconCrossfade,
   t as AvatarGroup,
   d as Callout,
   i as CommandBlock,
-  J as CountPager,
-  R as CountrySelect,
+  q as CountPager,
+  k as CountrySelect,
   g as CurrencyPicker,
   U as DEFAULT_COLOR_LABELS,
-  T as DatePicker,
+  S as DatePicker,
   e as DetailsRow,
-  F as Dropdown,
-  b as EmojiPicker,
-  P as FormFieldRow,
+  E as Dropdown,
+  O as EmojiPicker,
+  L as FormFieldRow,
   y as IconButton,
-  S as ImageInput,
+  C as ImageInput,
   u as InlineBanner,
   o as JsonTree,
   j as LabeledSeparator,
-  D as LightButton,
-  E as LightIconButton,
-  q as ListItemButton,
-  k as MainButton,
+  R as LightButton,
+  v as LightIconButton,
+  z as ListItemButton,
+  h as MainButton,
   s as MetricRow,
-  C as NumberStepper,
+  B as NumberStepper,
   _ as OverflowingList,
-  L as PhoneCountryPicker,
-  h as ReactionButton,
-  w as SearchInput,
+  w as PhoneCountryPicker,
+  D as ReactionButton,
+  P as SearchInput,
   x as Section,
   A as SegmentedControl,
-  K as SettingsRow,
+  Q as SettingsRow,
   n as StackIcon,
-  z as TabButton,
+  H as TabButton,
   m as TintedIconTile,
   I as Toast,
   l as ToastProvider,
-  f as Toaster,
+  T as Toaster,
   r as getIconTileColorShades,
-  N as useDropdownPage,
+  J as useDropdownPage,
+  N as useDropdownPlacementOrThrow,
   p as useToast
 };

package/dist/{data-display-DUMj_z1t.js → data-display-BhQyFKeZ.js}

@@ -1,36 +1,36 @@
 import { t as v } from "./isDefined-fMi6eQ4r.js";
-import { t as q } from "./doNotTranslate-BSVT8Xyd.js";
-import { a as f, r as H } from "./theme-B2EaXhye.js";
+import { t as D } from "./doNotTranslate-BSVT8Xyd.js";
+import { a as b, r as H } from "./theme-CuGIQBsJ.js";
 import { t as E } from "./mergeClassNames-ClFMR1v0.js";
-import { o as A, s as J } from "./utilities-BKCMZyqZ.js";
-import { t as K } from "./Loader-DtHWQH8w.js";
-import { t as D } from "./OverflowingTextWithTooltip-D4eZc-7P.js";
+import { o as A, s as J } from "./utilities-D0KcLLtO.js";
+import { t as K } from "./Loader-U1LuZtJf.js";
+import { t as I } from "./OverflowingTextWithTooltip-CAQ-5aUp.js";
 import { useRender as x } from "@base-ui/react/use-render";
-import { isBoolean as L, isFunction as Q, isNonEmptyString as W, isString as I } from "@sniptt/guards";
-import { clsx as k } from "clsx";
+import { isBoolean as L, isFunction as Q, isNonEmptyString as W, isString as j } from "@sniptt/guards";
+import { clsx as w } from "clsx";
 import { Fragment as N, jsx as l, jsxs as h } from "react/jsx-runtime";
 import { Avatar as z } from "@base-ui/react/avatar";
-var X = "_root_173kq_1", aa = "_avatarPulsing_173kq_1", ta = "_image_173kq_95", ra = "_fallback_173kq_107", B = {
+var X = "_root_1bbob_1", aa = "_avatarPulsing_1bbob_1", ta = "_image_1bbob_95", ra = "_fallback_1bbob_107", B = {
   root: X,
   avatarPulsing: aa,
   image: ta,
   fallback: ra
-}, j = ({ className: a, ...t }) => /* @__PURE__ */ l(z.Fallback, {
+}, P = ({ className: a, ...t }) => /* @__PURE__ */ l(z.Fallback, {
   ...t,
   className: E(B.fallback, a)
-}), P = ({ className: a, ...t }) => /* @__PURE__ */ l(z.Image, {
+}), $ = ({ className: a, ...t }) => /* @__PURE__ */ l(z.Image, {
   ...t,
   className: E(B.image, a)
-}), $ = (a) => a?.trim().charAt(0).toUpperCase(), O = ({ name: a, colorSeed: t = a, size: r = "md", shape: i = "square", variant: e = "soft", color: o, backgroundColor: s, borderColor: c, pulsing: d = !1, ring: n = !1, className: _, style: m, ...g }) => {
-  const p = H(), u = $(a), T = u ? o ?? A({
+}), O = (a) => a?.trim().charAt(0).toUpperCase(), q = ({ name: a, colorSeed: t = a, size: r = "md", shape: i = "square", variant: e = "soft", color: o, backgroundColor: s, borderColor: c, pulsing: d = !1, ring: n = !1, className: _, style: m, ...g }) => {
+  const p = H(), f = O(a), T = f ? o ?? A({
     string: t ?? "",
     variant: 12,
     theme: p
-  }) : o ?? p.font.color.tertiary, S = u ? s ?? A({
+  }) : o ?? p.font.color.tertiary, S = f ? s ?? A({
     string: t ?? "",
     variant: e === "outline" ? 5 : 4,
     theme: p
-  }) : s ?? p.background.transparent.light, w = c ?? (u ? A({
+  }) : s ?? p.background.transparent.light, y = c ?? (f ? A({
     string: t ?? "",
     variant: 6,
     theme: p
@@ -42,35 +42,35 @@ var X = "_root_173kq_1", aa = "_avatarPulsing_173kq_1", ta = "_image_173kq_95",
     "data-pulsing": d || void 0,
     "data-ring": n || void 0,
     className: E(B.root, _),
-    style: (b) => ({
+    style: (u) => ({
       "--tw-avatar-color": T,
-      "--tw-avatar-background": b.imageLoadingStatus === "loaded" ? "none" : S,
-      "--tw-avatar-border": e === "outline" && b.imageLoadingStatus !== "loaded" && w ? q(`1px solid ${w}`) : "none",
-      ...Q(m) ? m(b) : m
+      "--tw-avatar-background": u.imageLoadingStatus === "loaded" ? "none" : S,
+      "--tw-avatar-border": e === "outline" && u.imageLoadingStatus !== "loaded" && y ? D(`1px solid ${y}`) : "none",
+      ...Q(m) ? m(u) : m
     })
   });
 }, ea = ({ src: a, name: t, icon: r, imageProps: i, fallbackProps: e, backgroundColor: o, ...s }) => {
-  const c = $(t), d = v(r) && !L(r) && r !== "", n = i?.alt ?? "", _ = !d && W(n), { children: m = d ? r : c || "-", ...g } = e ?? {}, p = v(g.role) || v(g["aria-label"]) || v(g["aria-labelledby"]), u = !_ && !p && !v(g.render);
-  return /* @__PURE__ */ h(O, {
+  const c = O(t), d = v(r) && !L(r) && r !== "", n = i?.alt ?? "", _ = !d && W(n), { children: m = d ? r : c || "-", ...g } = e ?? {}, p = v(g.role) || v(g["aria-label"]) || v(g["aria-labelledby"]), f = !_ && !p && !v(g.render);
+  return /* @__PURE__ */ h(q, {
     ...s,
     name: t,
     backgroundColor: d ? "inherit" : o,
-    children: [!d && /* @__PURE__ */ l(P, {
+    children: [!d && /* @__PURE__ */ l($, {
       src: a ?? void 0,
       ...i,
       alt: n
-    }), /* @__PURE__ */ l(j, {
+    }), /* @__PURE__ */ l(P, {
       role: _ ? "img" : void 0,
       "aria-label": _ ? n : void 0,
-      "aria-hidden": u || void 0,
+      "aria-hidden": f || void 0,
       ...g,
       children: m
     })]
   });
 }, La = Object.assign(ea, {
-  Root: O,
-  Image: P,
-  Fallback: j
+  Root: q,
+  Image: $,
+  Fallback: P
 }), za = {
   xxl: {
     fontSize: "16px",
@@ -102,7 +102,7 @@ var X = "_root_173kq_1", aa = "_avatarPulsing_173kq_1", ta = "_image_173kq_95",
   ref: o,
   props: {
     ...s,
-    className: k(sa.badge, i),
+    className: w(sa.badge, i),
     "data-badge-size": a,
     "data-badge-color": t,
     "data-badge-shape": r
@@ -111,8 +111,8 @@ var X = "_root_173kq_1", aa = "_avatarPulsing_173kq_1", ta = "_image_173kq_95",
   chip: la,
   label: ia,
   endElementDivider: na
-}, da = { height: "var(--t-spacing-4)" }, Fa = ({ children: a, size: t = "sm", variant: r = "ghost", color: i = "primary", shape: e = "square", weight: o = "regular", onClick: s, clickable: c = v(s), startElement: d, endElement: n, endElementDivider: _ = !1, maxWidth: m, truncate: g = !0, tooltipContent: p, tooltipDelay: u, isTooltipMultiline: T, tooltipPlace: S, alwaysShowTooltip: w = !1, className: b, style: M, render: U, ref: V, ...Y }) => {
-  const Z = v(a) && !L(a) && a !== "", G = I(a) ? {
+}, da = { height: "var(--t-spacing-4)" }, Fa = ({ children: a, size: t = "sm", variant: r = "ghost", color: i = "primary", shape: e = "square", weight: o = "regular", onClick: s, clickable: c = v(s), startElement: d, endElement: n, endElementDivider: _ = !1, maxWidth: m, truncate: g = !0, tooltipContent: p, tooltipDelay: f, isTooltipMultiline: T, tooltipPlace: S, alwaysShowTooltip: y = !1, className: u, style: M, render: U, ref: V, ...Y }) => {
+  const Z = v(a) && !L(a) && a !== "", G = j(a) ? {
     text: a,
     tooltipContent: p
   } : {
@@ -134,23 +134,23 @@ var X = "_root_173kq_1", aa = "_avatarPulsing_173kq_1", ta = "_image_173kq_95",
     props: {
       ...Y,
       onClick: s,
-      className: k(C.chip, b),
+      className: w(C.chip, u),
       style: {
-        ...v(m) ? { "--tw-chip-max-width": q(`${m}px`) } : {},
+        ...v(m) ? { "--tw-chip-max-width": D(`${m}px`) } : {},
         ...M
       },
       children: /* @__PURE__ */ h(N, { children: [
         d,
-        Z && /* @__PURE__ */ l(D, {
+        Z && /* @__PURE__ */ l(I, {
           ...G,
           render: /* @__PURE__ */ l("span", {}),
           className: C.label,
           style: t === "md" ? da : void 0,
           truncate: g,
-          tooltipDelay: u,
+          tooltipDelay: f,
           isTooltipMultiline: T,
           tooltipPlace: S,
-          alwaysShowTooltip: w
+          alwaysShowTooltip: y
         }),
         v(n) && n !== !1 && /* @__PURE__ */ h(N, { children: [_ && /* @__PURE__ */ l("span", { className: C.endElementDivider }), n] })
       ] })
@@ -165,17 +165,17 @@ var X = "_root_173kq_1", aa = "_avatarPulsing_173kq_1", ta = "_image_173kq_95",
   ref: s,
   props: {
     ...c,
-    className: k(F.root, r === "circle" && F.circle, i),
+    className: w(F.root, r === "circle" && F.circle, i),
     style: {
-      "--color-sample-color": t ?? f.tag.background[a],
-      "--color-sample-border-color": f.tag.text[a],
+      "--color-sample-color": t ?? b.tag.background[a],
+      "--color-sample-border-color": b.tag.text[a],
       ...e
     }
   }
 }), ga = "_status_y5v42_1", pa = "_content_y5v42_49", R = {
   status: ga,
   content: pa
-}, qa = ({ children: a, color: t, loading: r = !1, weight: i = "regular", className: e, style: o, render: s, ref: c, ...d }) => {
+}, Da = ({ children: a, color: t, loading: r = !1, weight: i = "regular", className: e, style: o, render: s, ref: c, ...d }) => {
   const n = J(t);
   return x({
     defaultTagName: "span",
@@ -188,10 +188,10 @@ var X = "_root_173kq_1", aa = "_avatarPulsing_173kq_1", ta = "_image_173kq_95",
     props: {
       "aria-busy": r || void 0,
       ...d,
-      className: k(R.status, e),
+      className: w(R.status, e),
       style: {
-        "--tw-status-background": f.tag.background[n],
-        "--tw-status-text-color": f.tag.text[n],
+        "--tw-status-background": b.tag.background[n],
+        "--tw-status-text-color": b.tag.text[n],
         ...o
       },
       children: /* @__PURE__ */ h(N, { children: [/* @__PURE__ */ l("span", {
@@ -204,12 +204,12 @@ var X = "_root_173kq_1", aa = "_avatarPulsing_173kq_1", ta = "_image_173kq_95",
       })] })
     }
   });
-}, va = "_tag_1ot0y_1", _a = "_content_1ot0y_49", fa = "_overflowingText_1ot0y_58", ua = "_iconContainer_1ot0y_62", y = {
+}, va = "_tag_1ot0y_1", _a = "_content_1ot0y_49", ba = "_overflowingText_1ot0y_58", fa = "_iconContainer_1ot0y_62", k = {
   tag: va,
   content: _a,
-  overflowingText: fa,
-  iconContainer: ua
-}, Da = ({ children: a, color: t, weight: r = "regular", variant: i = "soft", startIcon: e, truncate: o = !0, borderStyle: s = "solid", className: c, style: d, render: n, ref: _, ...m }) => x({
+  overflowingText: ba,
+  iconContainer: fa
+}, Ia = ({ children: a, color: t, weight: r = "regular", variant: i = "soft", startIcon: e, truncate: o = !0, borderStyle: s = "solid", className: c, style: d, render: n, ref: _, ...m }) => x({
   defaultTagName: "span",
   render: n,
   ref: _,
@@ -220,23 +220,23 @@ var X = "_root_173kq_1", aa = "_avatarPulsing_173kq_1", ta = "_image_173kq_95",
   },
   props: {
     ...m,
-    className: k(y.tag, c),
+    className: w(k.tag, c),
     style: {
-      "--tw-tag-background": t === "transparent" ? "transparent" : f.tag.background[t] ?? f.tag.background.gray,
-      "--tw-tag-text": t === "transparent" ? f.font.color.secondary : f.tag.text[t] ?? f.font.color.secondary,
+      "--tw-tag-background": t === "transparent" ? "transparent" : b.tag.background[t] ?? b.tag.background.gray,
+      "--tw-tag-text": t === "transparent" ? b.font.color.secondary : b.tag.text[t] ?? b.font.color.secondary,
       "--tw-tag-border-style": s,
       ...d
     },
     children: /* @__PURE__ */ h(N, { children: [v(e) && !L(e) && e !== "" && /* @__PURE__ */ l("span", {
-      className: y.iconContainer,
+      className: k.iconContainer,
       "aria-hidden": !0,
       children: e
     }), /* @__PURE__ */ l("span", {
-      className: y.content,
-      children: I(a) && o ? /* @__PURE__ */ l(D, {
+      className: k.content,
+      children: j(a) && o ? /* @__PURE__ */ l(I, {
         text: a,
         render: /* @__PURE__ */ l("span", {}),
-        className: y.overflowingText
+        className: k.overflowingText
       }) : a
     })] })
   }
@@ -244,9 +244,9 @@ var X = "_root_173kq_1", aa = "_avatarPulsing_173kq_1", ta = "_image_173kq_95",
 export {
   Ba as a,
   Fa as i,
-  qa as n,
+  Da as n,
   za as o,
   Ra as r,
   La as s,
-  Da as t
+  Ia as t
 };

package/dist/{data-display-DzHM5j7j.cjs → data-display-CZEwUZlM.cjs}

@@ -1 +1 @@
-const m=require("./theme-1XkFz8Qu.cjs"),v=require("./isDefined-DS2Q42p5.cjs"),R=require("./doNotTranslate-CHE7WmRS.cjs"),k=require("./mergeClassNames-D4lshrT6.cjs"),y=require("./utilities-xZh8D2gd.cjs"),U=require("./Loader-Bb72CUQ9.cjs"),O=require("./OverflowingTextWithTooltip-ClpPsdpP.cjs");let h=require("@base-ui/react/use-render"),b=require("@sniptt/guards"),T=require("clsx"),t=require("react/jsx-runtime"),S=require("@base-ui/react/avatar");var W="_root_173kq_1",Z="_avatarPulsing_173kq_1",G="_image_173kq_95",H="_fallback_173kq_107",A={root:W,avatarPulsing:Z,image:G,fallback:H},B=({className:e,...a})=>(0,t.jsx)(S.Avatar.Fallback,{...a,className:k.mergeClassNames(A.fallback,e)}),E=({className:e,...a})=>(0,t.jsx)(S.Avatar.Image,{...a,className:k.mergeClassNames(A.image,e)}),V=e=>e?.trim().charAt(0).toUpperCase(),F=({name:e,colorSeed:a=e,size:r="md",shape:o="square",variant:s="soft",color:i,backgroundColor:n,borderColor:u,pulsing:d=!1,ring:l=!1,className:p,style:c,...g})=>{const _=m.useTheme(),f=V(e),q=f?i??y.stringToThemeColorP3String({string:a??"",variant:12,theme:_}):i??_.font.color.tertiary,w=f?n??y.stringToThemeColorP3String({string:a??"",variant:s==="outline"?5:4,theme:_}):n??_.background.transparent.light,j=u??(f?y.stringToThemeColorP3String({string:a??"",variant:6,theme:_}):void 0);return(0,t.jsx)(S.Avatar.Root,{...g,"data-size":r,"data-shape":o,"data-pulsing":d||void 0,"data-ring":l||void 0,className:k.mergeClassNames(A.root,p),style:x=>({"--tw-avatar-color":q,"--tw-avatar-background":x.imageLoadingStatus==="loaded"?"none":w,"--tw-avatar-border":s==="outline"&&x.imageLoadingStatus!=="loaded"&&j?R.doNotTranslate(`1px solid ${j}`):"none",...(0,b.isFunction)(c)?c(x):c})})},J=({src:e,name:a,icon:r,imageProps:o,fallbackProps:s,backgroundColor:i,...n})=>{const u=V(a),d=v.isDefined(r)&&!(0,b.isBoolean)(r)&&r!=="",l=o?.alt??"",p=!d&&(0,b.isNonEmptyString)(l),{children:c=d?r:u||"-",...g}=s??{},_=v.isDefined(g.role)||v.isDefined(g["aria-label"])||v.isDefined(g["aria-labelledby"]),f=!p&&!_&&!v.isDefined(g.render);return(0,t.jsxs)(F,{...n,name:a,backgroundColor:d?"inherit":i,children:[!d&&(0,t.jsx)(E,{src:e??void 0,...o,alt:l}),(0,t.jsx)(B,{role:p?"img":void 0,"aria-label":p?l:void 0,"aria-hidden":f||void 0,...g,children:c})]})},K=Object.assign(J,{Root:F,Image:E,Fallback:B}),Q={xxl:{fontSize:"16px",width:"40px"},xl:{fontSize:"16px",width:"32px"},lg:{fontSize:"13px",width:"24px"},md:{fontSize:"12px",width:"16px"},sm:{fontSize:"10px",width:"14px"},xs:{fontSize:"8px",width:"12px"}},X="_badge_1bd5g_1",ee={badge:X},ae=({size:e="sm",color:a="tertiary",shape:r="pill",className:o,render:s,ref:i,...n})=>(0,h.useRender)({defaultTagName:"span",render:s,ref:i,props:{...n,className:(0,T.clsx)(ee.badge,o),"data-badge-size":e,"data-badge-color":a,"data-badge-shape":r}}),te="_chip_3fwe7_1",re="_label_3fwe7_29",se="_endElementDivider_3fwe7_90",N={chip:te,label:re,endElementDivider:se},ie={height:"var(--t-spacing-4)"},ne=({children:e,size:a="sm",variant:r="ghost",color:o="primary",shape:s="square",weight:i="regular",onClick:n,clickable:u=v.isDefined(n),startElement:d,endElement:l,endElementDivider:p=!1,maxWidth:c,truncate:g=!0,tooltipContent:_,tooltipDelay:f,isTooltipMultiline:q,tooltipPlace:w,alwaysShowTooltip:j=!1,className:x,style:L,render:I,ref:z,...$})=>{const Y=v.isDefined(e)&&!(0,b.isBoolean)(e)&&e!=="",M=(0,b.isString)(e)?{text:e,tooltipContent:_}:{text:e??!1,tooltipContent:_??""};return(0,h.useRender)({render:I,ref:z,state:{size:a,variant:r,color:o,shape:s,weight:i,clickable:u,truncate:g},props:{...$,onClick:n,className:(0,T.clsx)(N.chip,x),style:{...v.isDefined(c)?{"--tw-chip-max-width":R.doNotTranslate(`${c}px`)}:{},...L},children:(0,t.jsxs)(t.Fragment,{children:[d,Y&&(0,t.jsx)(O.OverflowingTextWithTooltip,{...M,render:(0,t.jsx)("span",{}),className:N.label,style:a==="md"?ie:void 0,truncate:g,tooltipDelay:f,isTooltipMultiline:q,tooltipPlace:w,alwaysShowTooltip:j}),v.isDefined(l)&&l!==!1&&(0,t.jsxs)(t.Fragment,{children:[p&&(0,t.jsx)("span",{className:N.endElementDivider}),l]})]})}})},oe="_root_6bfj6_1",le="_circle_6bfj6_13",D={root:oe,circle:le},de=({colorName:e,color:a,variant:r,className:o,style:s,render:i,ref:n,...u})=>(0,h.useRender)({defaultTagName:"div",render:i,ref:n,props:{...u,className:(0,T.clsx)(D.root,r==="circle"&&D.circle,o),style:{"--color-sample-color":a??m.themeCssVariables.tag.background[e],"--color-sample-border-color":m.themeCssVariables.tag.text[e],...s}}}),ue="_status_y5v42_1",ce="_content_y5v42_49",P={status:ue,content:ce},ge=({children:e,color:a,loading:r=!1,weight:o="regular",className:s,style:i,render:n,ref:u,...d})=>{const l=y.parseThemeColor(a);return(0,h.useRender)({defaultTagName:"span",render:n,ref:u,state:{loading:r,weight:o},props:{"aria-busy":r||void 0,...d,className:(0,T.clsx)(P.status,s),style:{"--tw-status-background":m.themeCssVariables.tag.background[l],"--tw-status-text-color":m.themeCssVariables.tag.text[l],...i},children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:P.content,children:e}),r&&(0,t.jsx)(U.Loader,{color:a,"aria-hidden":"true",render:(0,t.jsx)("span",{})})]})}})},_e="_tag_1ot0y_1",me="_content_1ot0y_49",ve="_overflowingText_1ot0y_58",pe="_iconContainer_1ot0y_62",C={tag:_e,content:me,overflowingText:ve,iconContainer:pe},fe=({children:e,color:a,weight:r="regular",variant:o="soft",startIcon:s,truncate:i=!0,borderStyle:n="solid",className:u,style:d,render:l,ref:p,...c})=>(0,h.useRender)({defaultTagName:"span",render:l,ref:p,state:{variant:o,weight:r,truncate:i},props:{...c,className:(0,T.clsx)(C.tag,u),style:{"--tw-tag-background":a==="transparent"?"transparent":m.themeCssVariables.tag.background[a]??m.themeCssVariables.tag.background.gray,"--tw-tag-text":a==="transparent"?m.themeCssVariables.font.color.secondary:m.themeCssVariables.tag.text[a]??m.themeCssVariables.font.color.secondary,"--tw-tag-border-style":n,...d},children:(0,t.jsxs)(t.Fragment,{children:[v.isDefined(s)&&!(0,b.isBoolean)(s)&&s!==""&&(0,t.jsx)("span",{className:C.iconContainer,"aria-hidden":!0,children:s}),(0,t.jsx)("span",{className:C.content,children:(0,b.isString)(e)&&i?(0,t.jsx)(O.OverflowingTextWithTooltip,{text:e,render:(0,t.jsx)("span",{}),className:C.overflowingText}):e})]})}});Object.defineProperty(exports,"AVATAR_PROPERTIES_BY_SIZE",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return ne}});Object.defineProperty(exports,"ColorSample",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"Status",{enumerable:!0,get:function(){return ge}});Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return fe}});
+const m=require("./theme-BJRNJNPO.cjs"),b=require("./isDefined-DS2Q42p5.cjs"),R=require("./doNotTranslate-CHE7WmRS.cjs"),q=require("./mergeClassNames-D4lshrT6.cjs"),y=require("./utilities-Bfnz_GAC.cjs"),U=require("./Loader-Dau0YQpY.cjs"),O=require("./OverflowingTextWithTooltip-CuWHF8_e.cjs");let h=require("@base-ui/react/use-render"),f=require("@sniptt/guards"),T=require("clsx"),t=require("react/jsx-runtime"),A=require("@base-ui/react/avatar");var W="_root_1bbob_1",Z="_avatarPulsing_1bbob_1",G="_image_1bbob_95",H="_fallback_1bbob_107",k={root:W,avatarPulsing:Z,image:G,fallback:H},B=({className:e,...a})=>(0,t.jsx)(A.Avatar.Fallback,{...a,className:q.mergeClassNames(k.fallback,e)}),E=({className:e,...a})=>(0,t.jsx)(A.Avatar.Image,{...a,className:q.mergeClassNames(k.image,e)}),V=e=>e?.trim().charAt(0).toUpperCase(),F=({name:e,colorSeed:a=e,size:r="md",shape:o="square",variant:s="soft",color:i,backgroundColor:n,borderColor:u,pulsing:d=!1,ring:l=!1,className:v,style:c,...g})=>{const _=m.useTheme(),p=V(e),w=p?i??y.stringToThemeColorP3String({string:a??"",variant:12,theme:_}):i??_.font.color.tertiary,N=p?n??y.stringToThemeColorP3String({string:a??"",variant:s==="outline"?5:4,theme:_}):n??_.background.transparent.light,j=u??(p?y.stringToThemeColorP3String({string:a??"",variant:6,theme:_}):void 0);return(0,t.jsx)(A.Avatar.Root,{...g,"data-size":r,"data-shape":o,"data-pulsing":d||void 0,"data-ring":l||void 0,className:q.mergeClassNames(k.root,v),style:x=>({"--tw-avatar-color":w,"--tw-avatar-background":x.imageLoadingStatus==="loaded"?"none":N,"--tw-avatar-border":s==="outline"&&x.imageLoadingStatus!=="loaded"&&j?R.doNotTranslate(`1px solid ${j}`):"none",...(0,f.isFunction)(c)?c(x):c})})},J=({src:e,name:a,icon:r,imageProps:o,fallbackProps:s,backgroundColor:i,...n})=>{const u=V(a),d=b.isDefined(r)&&!(0,f.isBoolean)(r)&&r!=="",l=o?.alt??"",v=!d&&(0,f.isNonEmptyString)(l),{children:c=d?r:u||"-",...g}=s??{},_=b.isDefined(g.role)||b.isDefined(g["aria-label"])||b.isDefined(g["aria-labelledby"]),p=!v&&!_&&!b.isDefined(g.render);return(0,t.jsxs)(F,{...n,name:a,backgroundColor:d?"inherit":i,children:[!d&&(0,t.jsx)(E,{src:e??void 0,...o,alt:l}),(0,t.jsx)(B,{role:v?"img":void 0,"aria-label":v?l:void 0,"aria-hidden":p||void 0,...g,children:c})]})},K=Object.assign(J,{Root:F,Image:E,Fallback:B}),Q={xxl:{fontSize:"16px",width:"40px"},xl:{fontSize:"16px",width:"32px"},lg:{fontSize:"13px",width:"24px"},md:{fontSize:"12px",width:"16px"},sm:{fontSize:"10px",width:"14px"},xs:{fontSize:"8px",width:"12px"}},X="_badge_1bd5g_1",ee={badge:X},ae=({size:e="sm",color:a="tertiary",shape:r="pill",className:o,render:s,ref:i,...n})=>(0,h.useRender)({defaultTagName:"span",render:s,ref:i,props:{...n,className:(0,T.clsx)(ee.badge,o),"data-badge-size":e,"data-badge-color":a,"data-badge-shape":r}}),te="_chip_3fwe7_1",re="_label_3fwe7_29",se="_endElementDivider_3fwe7_90",S={chip:te,label:re,endElementDivider:se},ie={height:"var(--t-spacing-4)"},ne=({children:e,size:a="sm",variant:r="ghost",color:o="primary",shape:s="square",weight:i="regular",onClick:n,clickable:u=b.isDefined(n),startElement:d,endElement:l,endElementDivider:v=!1,maxWidth:c,truncate:g=!0,tooltipContent:_,tooltipDelay:p,isTooltipMultiline:w,tooltipPlace:N,alwaysShowTooltip:j=!1,className:x,style:L,render:I,ref:z,...$})=>{const Y=b.isDefined(e)&&!(0,f.isBoolean)(e)&&e!=="",M=(0,f.isString)(e)?{text:e,tooltipContent:_}:{text:e??!1,tooltipContent:_??""};return(0,h.useRender)({render:I,ref:z,state:{size:a,variant:r,color:o,shape:s,weight:i,clickable:u,truncate:g},props:{...$,onClick:n,className:(0,T.clsx)(S.chip,x),style:{...b.isDefined(c)?{"--tw-chip-max-width":R.doNotTranslate(`${c}px`)}:{},...L},children:(0,t.jsxs)(t.Fragment,{children:[d,Y&&(0,t.jsx)(O.OverflowingTextWithTooltip,{...M,render:(0,t.jsx)("span",{}),className:S.label,style:a==="md"?ie:void 0,truncate:g,tooltipDelay:p,isTooltipMultiline:w,tooltipPlace:N,alwaysShowTooltip:j}),b.isDefined(l)&&l!==!1&&(0,t.jsxs)(t.Fragment,{children:[v&&(0,t.jsx)("span",{className:S.endElementDivider}),l]})]})}})},oe="_root_6bfj6_1",le="_circle_6bfj6_13",D={root:oe,circle:le},de=({colorName:e,color:a,variant:r,className:o,style:s,render:i,ref:n,...u})=>(0,h.useRender)({defaultTagName:"div",render:i,ref:n,props:{...u,className:(0,T.clsx)(D.root,r==="circle"&&D.circle,o),style:{"--color-sample-color":a??m.themeCssVariables.tag.background[e],"--color-sample-border-color":m.themeCssVariables.tag.text[e],...s}}}),ue="_status_y5v42_1",ce="_content_y5v42_49",P={status:ue,content:ce},ge=({children:e,color:a,loading:r=!1,weight:o="regular",className:s,style:i,render:n,ref:u,...d})=>{const l=y.parseThemeColor(a);return(0,h.useRender)({defaultTagName:"span",render:n,ref:u,state:{loading:r,weight:o},props:{"aria-busy":r||void 0,...d,className:(0,T.clsx)(P.status,s),style:{"--tw-status-background":m.themeCssVariables.tag.background[l],"--tw-status-text-color":m.themeCssVariables.tag.text[l],...i},children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:P.content,children:e}),r&&(0,t.jsx)(U.Loader,{color:a,"aria-hidden":"true",render:(0,t.jsx)("span",{})})]})}})},_e="_tag_1ot0y_1",me="_content_1ot0y_49",be="_overflowingText_1ot0y_58",ve="_iconContainer_1ot0y_62",C={tag:_e,content:me,overflowingText:be,iconContainer:ve},pe=({children:e,color:a,weight:r="regular",variant:o="soft",startIcon:s,truncate:i=!0,borderStyle:n="solid",className:u,style:d,render:l,ref:v,...c})=>(0,h.useRender)({defaultTagName:"span",render:l,ref:v,state:{variant:o,weight:r,truncate:i},props:{...c,className:(0,T.clsx)(C.tag,u),style:{"--tw-tag-background":a==="transparent"?"transparent":m.themeCssVariables.tag.background[a]??m.themeCssVariables.tag.background.gray,"--tw-tag-text":a==="transparent"?m.themeCssVariables.font.color.secondary:m.themeCssVariables.tag.text[a]??m.themeCssVariables.font.color.secondary,"--tw-tag-border-style":n,...d},children:(0,t.jsxs)(t.Fragment,{children:[b.isDefined(s)&&!(0,f.isBoolean)(s)&&s!==""&&(0,t.jsx)("span",{className:C.iconContainer,"aria-hidden":!0,children:s}),(0,t.jsx)("span",{className:C.content,children:(0,f.isString)(e)&&i?(0,t.jsx)(O.OverflowingTextWithTooltip,{text:e,render:(0,t.jsx)("span",{}),className:C.overflowingText}):e})]})}});Object.defineProperty(exports,"AVATAR_PROPERTIES_BY_SIZE",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return ne}});Object.defineProperty(exports,"ColorSample",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"Status",{enumerable:!0,get:function(){return ge}});Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return pe}});