twenty-ui 2.49.0 → 2.51.1

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

@@ -1,2 +1,2 @@
 import { ComponentPropsWithRef } from 'react';
-export declare const DropdownEmpty: ({ className, ...props }: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+export declare const DropdownEmpty: ({ color: nativeColor, className, ...props }: ComponentPropsWithRef<"div">) => import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { ComponentPropsWithRef } from 'react';
-export declare const DropdownLoading: ({ className, ...props }: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+export declare const DropdownLoading: ({ color: nativeColor, className, ...props }: ComponentPropsWithRef<"div">) => import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { DropdownType } from '../types/DropdownType';
+type DropdownPageEffectProps = {
+    id: string;
+    type?: DropdownType;
+    isActive: boolean;
+};
+export declare const DropdownPageEffect: ({ id, type, isActive, }: DropdownPageEffectProps) => null;
+export {};

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

@@ -1,2 +1,2 @@
 import { DropdownSearchProps } from '../types/DropdownSearchProps';
-export declare const DropdownSearch: ({ onValueChange, className, ...props }: DropdownSearchProps) => import("react").JSX.Element;
+export declare const DropdownSearch: ({ onValueChange, onBlur, className, hasFocusRing, value, ref, ...props }: DropdownSearchProps) => import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+import { DropdownSearchProps } from '../types/DropdownSearchProps';
+type DropdownSearchEffectProps = {
+    searchRef: RefObject<HTMLInputElement | null>;
+    value: DropdownSearchProps['value'];
+};
+export declare const DropdownSearchEffect: ({ searchRef, value, }: DropdownSearchEffectProps) => null;
+export {};

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

@@ -0,0 +1 @@
+export declare const isActiveDropdownElement: (element: HTMLElement) => boolean;

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

@@ -1,4 +1,4 @@
 import { InputProps } from '../../../../primitives/input/Input/types/InputProps';
-export type DropdownSearchProps = Omit<InputProps, 'onValueChange' | 'size'> & {
+export type DropdownSearchProps = Omit<InputProps, 'onValueChange' | 'size' | 'variant'> & {
     onValueChange?: (value: string) => void;
 };

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

@@ -1,2 +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;
+export declare const ListItemButton: ({ color, selected, selectionAppearance, active, 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

@@ -1,4 +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'>;
+export type ListItemButtonProps = Omit<ComponentPropsWithRef<'button'>, 'color'> & Pick<ButtonPrimitive.Props, 'focusableWhenDisabled'> & Pick<ListItemProps, 'color' | 'selected' | 'selectionAppearance' | 'active' | 'focused' | 'indicator' | 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement' | 'shortcut' | 'shortcutJoinLabel' | 'hasSubmenu'>;

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

@@ -1,3 +1,5 @@
+export { CountPager } from './CountPager/CountPager';
+export type { CountPagerProps } from './CountPager/types/CountPagerProps';
 export { Dropdown } from './Dropdown/Dropdown';
 export { useDropdownPage } from './Dropdown/hooks/useDropdownPage';
 export type { DropdownActionItemProps } from './Dropdown/types/DropdownActionItemProps';
@@ -23,18 +25,7 @@ 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

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Dropdown-Bl4OXCf9.cjs"),e=require("../navigation-CflGBYv-.cjs");exports.DEFAULT_COLOR_LABELS=e.DEFAULT_COLOR_LABELS;exports.Dropdown=t.Dropdown;exports.ListItemButton=e.ListItemButton;exports.MenuItem=e.MenuItem;exports.MenuItemAvatar=e.MenuItemAvatar;exports.MenuItemDraggable=e.MenuItemDraggable;exports.MenuItemSuggestion=e.MenuItemSuggestion;exports.MenuPicker=e.MenuPicker;exports.TabButton=e.TabButton;exports.useDropdownPage=e.useDropdownPage;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const 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;

package/dist/components/navigation.mjs

@@ -1,14 +1,10 @@
-import { t } from "../Dropdown-1OAJvS1f.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-B6nka3bW.js";
+import { t } from "../Dropdown-xXsGBv57.js";
+import { a as r, i as s, n, r as e, t as m } from "../navigation-DXMjQMPm.js";
 export {
-  g as DEFAULT_COLOR_LABELS,
+  r as CountPager,
+  n 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
+  e as ListItemButton,
+  m as TabButton,
+  s as useDropdownPage
 };

package/dist/components/settings.cjs

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

package/dist/components/settings.mjs

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

package/dist/components.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./data-display-XV3ht1rC.cjs"),i=require("./TintedIconTile-DO1XJXCQ.cjs"),n=require("./feedback-Cs-38OH4.cjs"),e=require("./input-ChlFcqIS.cjs"),r=require("./Dropdown-Bl4OXCf9.cjs"),u=require("./layout-CthYckvl.cjs"),t=require("./navigation-CflGBYv-.cjs"),a=require("./settings-CPXhrmbK.cjs");exports.AnimatedIconCrossfade=u.AnimatedIconCrossfade;exports.AvatarGroup=o.AvatarGroup;exports.Callout=n.Callout;exports.CommandBlock=o.CommandBlock;exports.CountrySelect=e.CountrySelect;exports.CurrencyPicker=e.CurrencyPicker;exports.DEFAULT_COLOR_LABELS=t.DEFAULT_COLOR_LABELS;exports.Dropdown=r.Dropdown;exports.IconButton=r.IconButton;exports.ImageInput=e.ImageInput;exports.InlineBanner=n.InlineBanner;exports.JsonTree=o.JsonTree;exports.LightButton=e.LightButton;exports.LightIconButton=r.LightIconButton;exports.ListItemButton=t.ListItemButton;exports.MainButton=e.MainButton;exports.MenuItem=t.MenuItem;exports.MenuItemAvatar=t.MenuItemAvatar;exports.MenuItemDraggable=t.MenuItemDraggable;exports.MenuItemSuggestion=t.MenuItemSuggestion;exports.MenuPicker=t.MenuPicker;exports.MetricRow=o.MetricRow;exports.NumberStepper=e.NumberStepper;exports.OverflowingList=u.OverflowingList;exports.PhoneCountryPicker=e.PhoneCountryPicker;exports.SearchInput=e.SearchInput;exports.Section=u.Section;exports.SegmentedControl=e.SegmentedControl;exports.SettingsRow=a.SettingsRow;exports.StackIcon=o.StackIcon;exports.TabButton=t.TabButton;exports.TintedIconTile=i.TintedIconTile;exports.Toast=n.Toast;exports.ToastProvider=n.ToastProvider;exports.Toaster=n.Toaster;exports.getIconTileColorShades=i.getIconTileColorShades;exports.useDropdownPage=t.useDropdownPage;exports.useToast=n.useToast;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const 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;

package/dist/components.mjs

@@ -1,48 +1,49 @@
-import { a as t, i as o, n as s, r as e, t as r } from "./data-display-BtXCGOGw.js";
-import { n as i, t as m } from "./TintedIconTile-B1XDtGrF.js";
-import { a as c, i as p, n as I, o as l, r as g, t as f } from "./feedback-DTyVVcTb.js";
-import { a as T, c as d, i as B, l as C, n as L, o as M, r as P, s as h, t as k } from "./input-BrjD91wv.js";
-import { a as A, i as v, t as D } from "./Dropdown-1OAJvS1f.js";
-import { n as y, r as O, t as R } from "./layout-DQcjBu08.js";
-import { a as _, c as x, i as F, l as G, n as J, o as N, r as U, s as j, t as q } from "./navigation-B6nka3bW.js";
-import { t as H } from "./settings-BgVuLpg9.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-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";
 export {
-  O as AnimatedIconCrossfade,
+  M as AnimatedIconCrossfade,
   t as AvatarGroup,
-  l as Callout,
-  o as CommandBlock,
-  C as CountrySelect,
-  d as CurrencyPicker,
-  j as DEFAULT_COLOR_LABELS,
-  D as Dropdown,
-  A as IconButton,
-  h as ImageInput,
-  c as InlineBanner,
-  e as JsonTree,
-  M as LightButton,
-  v as LightIconButton,
-  x as ListItemButton,
-  T as MainButton,
-  N as MenuItem,
-  _ as MenuItemAvatar,
-  F as MenuItemDraggable,
-  U as MenuItemSuggestion,
-  J as MenuPicker,
+  d as Callout,
+  i as CommandBlock,
+  J as CountPager,
+  R as CountrySelect,
+  g as CurrencyPicker,
+  U as DEFAULT_COLOR_LABELS,
+  T as DatePicker,
+  e as DetailsRow,
+  F as Dropdown,
+  b as EmojiPicker,
+  P as FormFieldRow,
+  y as IconButton,
+  S as ImageInput,
+  u as InlineBanner,
+  o as JsonTree,
+  j as LabeledSeparator,
+  D as LightButton,
+  E as LightIconButton,
+  q as ListItemButton,
+  k as MainButton,
   s as MetricRow,
-  B as NumberStepper,
-  y as OverflowingList,
-  P as PhoneCountryPicker,
-  L as SearchInput,
-  R as Section,
-  k as SegmentedControl,
-  H as SettingsRow,
-  r as StackIcon,
-  q as TabButton,
+  C as NumberStepper,
+  _ as OverflowingList,
+  L as PhoneCountryPicker,
+  h as ReactionButton,
+  w as SearchInput,
+  x as Section,
+  A as SegmentedControl,
+  K as SettingsRow,
+  n as StackIcon,
+  z as TabButton,
   m as TintedIconTile,
-  g as Toast,
-  I as ToastProvider,
+  I as Toast,
+  l as ToastProvider,
   f as Toaster,
-  i as getIconTileColorShades,
-  G as useDropdownPage,
+  r as getIconTileColorShades,
+  N as useDropdownPage,
   p as useToast
 };

package/dist/data-display-DUMj_z1t.js

@@ -0,0 +1,252 @@
+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 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 { 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 { 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 = {
+  root: X,
+  avatarPulsing: aa,
+  image: ta,
+  fallback: ra
+}, j = ({ className: a, ...t }) => /* @__PURE__ */ l(z.Fallback, {
+  ...t,
+  className: E(B.fallback, a)
+}), P = ({ 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({
+    string: t ?? "",
+    variant: 12,
+    theme: p
+  }) : o ?? p.font.color.tertiary, S = u ? s ?? A({
+    string: t ?? "",
+    variant: e === "outline" ? 5 : 4,
+    theme: p
+  }) : s ?? p.background.transparent.light, w = c ?? (u ? A({
+    string: t ?? "",
+    variant: 6,
+    theme: p
+  }) : void 0);
+  return /* @__PURE__ */ l(z.Root, {
+    ...g,
+    "data-size": r,
+    "data-shape": i,
+    "data-pulsing": d || void 0,
+    "data-ring": n || void 0,
+    className: E(B.root, _),
+    style: (b) => ({
+      "--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
+    })
+  });
+}, 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, {
+    ...s,
+    name: t,
+    backgroundColor: d ? "inherit" : o,
+    children: [!d && /* @__PURE__ */ l(P, {
+      src: a ?? void 0,
+      ...i,
+      alt: n
+    }), /* @__PURE__ */ l(j, {
+      role: _ ? "img" : void 0,
+      "aria-label": _ ? n : void 0,
+      "aria-hidden": u || void 0,
+      ...g,
+      children: m
+    })]
+  });
+}, La = Object.assign(ea, {
+  Root: O,
+  Image: P,
+  Fallback: j
+}), za = {
+  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"
+  }
+}, oa = "_badge_1bd5g_1", sa = { badge: oa }, Ba = ({ size: a = "sm", color: t = "tertiary", shape: r = "pill", className: i, render: e, ref: o, ...s }) => x({
+  defaultTagName: "span",
+  render: e,
+  ref: o,
+  props: {
+    ...s,
+    className: k(sa.badge, i),
+    "data-badge-size": a,
+    "data-badge-color": t,
+    "data-badge-shape": r
+  }
+}), la = "_chip_3fwe7_1", ia = "_label_3fwe7_29", na = "_endElementDivider_3fwe7_90", C = {
+  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) ? {
+    text: a,
+    tooltipContent: p
+  } : {
+    text: a ?? !1,
+    tooltipContent: p ?? ""
+  };
+  return x({
+    render: U,
+    ref: V,
+    state: {
+      size: t,
+      variant: r,
+      color: i,
+      shape: e,
+      weight: o,
+      clickable: c,
+      truncate: g
+    },
+    props: {
+      ...Y,
+      onClick: s,
+      className: k(C.chip, b),
+      style: {
+        ...v(m) ? { "--tw-chip-max-width": q(`${m}px`) } : {},
+        ...M
+      },
+      children: /* @__PURE__ */ h(N, { children: [
+        d,
+        Z && /* @__PURE__ */ l(D, {
+          ...G,
+          render: /* @__PURE__ */ l("span", {}),
+          className: C.label,
+          style: t === "md" ? da : void 0,
+          truncate: g,
+          tooltipDelay: u,
+          isTooltipMultiline: T,
+          tooltipPlace: S,
+          alwaysShowTooltip: w
+        }),
+        v(n) && n !== !1 && /* @__PURE__ */ h(N, { children: [_ && /* @__PURE__ */ l("span", { className: C.endElementDivider }), n] })
+      ] })
+    }
+  });
+}, ca = "_root_6bfj6_1", ma = "_circle_6bfj6_13", F = {
+  root: ca,
+  circle: ma
+}, Ra = ({ colorName: a, color: t, variant: r, className: i, style: e, render: o, ref: s, ...c }) => x({
+  defaultTagName: "div",
+  render: o,
+  ref: s,
+  props: {
+    ...c,
+    className: k(F.root, r === "circle" && F.circle, i),
+    style: {
+      "--color-sample-color": t ?? f.tag.background[a],
+      "--color-sample-border-color": f.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 }) => {
+  const n = J(t);
+  return x({
+    defaultTagName: "span",
+    render: s,
+    ref: c,
+    state: {
+      loading: r,
+      weight: i
+    },
+    props: {
+      "aria-busy": r || void 0,
+      ...d,
+      className: k(R.status, e),
+      style: {
+        "--tw-status-background": f.tag.background[n],
+        "--tw-status-text-color": f.tag.text[n],
+        ...o
+      },
+      children: /* @__PURE__ */ h(N, { children: [/* @__PURE__ */ l("span", {
+        className: R.content,
+        children: a
+      }), r && /* @__PURE__ */ l(K, {
+        color: t,
+        "aria-hidden": "true",
+        render: /* @__PURE__ */ l("span", {})
+      })] })
+    }
+  });
+}, va = "_tag_1ot0y_1", _a = "_content_1ot0y_49", fa = "_overflowingText_1ot0y_58", ua = "_iconContainer_1ot0y_62", y = {
+  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({
+  defaultTagName: "span",
+  render: n,
+  ref: _,
+  state: {
+    variant: i,
+    weight: r,
+    truncate: o
+  },
+  props: {
+    ...m,
+    className: k(y.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-border-style": s,
+      ...d
+    },
+    children: /* @__PURE__ */ h(N, { children: [v(e) && !L(e) && e !== "" && /* @__PURE__ */ l("span", {
+      className: y.iconContainer,
+      "aria-hidden": !0,
+      children: e
+    }), /* @__PURE__ */ l("span", {
+      className: y.content,
+      children: I(a) && o ? /* @__PURE__ */ l(D, {
+        text: a,
+        render: /* @__PURE__ */ l("span", {}),
+        className: y.overflowingText
+      }) : a
+    })] })
+  }
+});
+export {
+  Ba as a,
+  Fa as i,
+  qa as n,
+  za as o,
+  Ra as r,
+  La as s,
+  Da as t
+};

package/dist/data-display-D_kbXJJd.cjs

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

package/dist/data-display-DzHM5j7j.cjs

@@ -0,0 +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}});