twenty-ui 2.46.0 → 2.47.0

package/dist/components/navigation.cjs

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

package/dist/components/navigation.mjs

@@ -1,5 +1,5 @@
-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";
+import { t } from "../Dropdown-CScN_olN.js";
+import { a as s, c as o, i as n, l as r, n as m, o as u, r as i, s as g, t as p } from "../navigation-itBinyPi.js";
 export {
   g as DEFAULT_COLOR_LABELS,
   t as Dropdown,

package/dist/components/settings.cjs

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

package/dist/components/settings.mjs

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

package/dist/components.cjs

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

package/dist/components.mjs

@@ -1,46 +1,48 @@
-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";
+import { a as t, i as o, n as s, r, t as e } from "./data-display-DU3G8ZyI.js";
+import { n as i, t as m } from "./TintedIconTile-4BGa8g8n.js";
+import { a as c, i as p, n as I, o as l, r as g, t as f } from "./feedback-DhilJ_fX.js";
+import { n as T, r as d, t as B } from "./Dropdown-CScN_olN.js";
+import { a as L, c as M, i as P, l as h, n as k, o as w, r as A, s as v, t as D } from "./input-BUgnp6eA.js";
+import { n as y, r as O, t as R } from "./layout-BKHabkTu.js";
+import { a as _, c as x, i as F, l as G, n as J, o as N, r as U, s as j, t as q } from "./navigation-itBinyPi.js";
+import { t as H } from "./settings-CC-2gcAx.js";
 export {
-  y as AnimatedIconCrossfade,
+  O as AnimatedIconCrossfade,
   t as AvatarGroup,
-  f as Callout,
+  l 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,
+  h as CountrySelect,
+  M as CurrencyPicker,
+  j as DEFAULT_COLOR_LABELS,
+  B as Dropdown,
+  d as IconButton,
+  v 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,
+  w as LightButton,
+  T as LightIconButton,
+  x as ListItemButton,
+  L as MainButton,
+  N as MenuItem,
+  _ as MenuItemAvatar,
+  F as MenuItemDraggable,
+  U as MenuItemSuggestion,
+  J as MenuPicker,
   s as MetricRow,
-  n as NotificationCounter,
-  D as OverflowingList,
-  P as PhoneCountryPicker,
+  P as NumberStepper,
+  y as OverflowingList,
+  A as PhoneCountryPicker,
   k as SearchInput,
-  O as Section,
-  q as SettingsRow,
-  U as TabButton,
+  R as Section,
+  D as SegmentedControl,
+  H as SettingsRow,
+  e as StackIcon,
+  q as TabButton,
   m as TintedIconTile,
   g as Toast,
   I as ToastProvider,
-  l as Toaster,
+  f as Toaster,
   i as getIconTileColorShades,
-  x as useDropdownPage,
+  G as useDropdownPage,
   p as useToast
 };

package/dist/data-display-BMV-nC-9.js

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

package/dist/data-display-BkujQe5v.cjs

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

@@ -0,0 +1,344 @@
+import { t as u } from "./isDefined-fMi6eQ4r.js";
+import { Jc as Q, No as W, Pn as Y, Tn as Z, Vt as D, rr as ee, wn as re } from "./icon-BdXwnJA6.js";
+import { a as j, r as G } from "./theme-B2EaXhye.js";
+import { t as ne } from "./VisuallyHidden-CFZP7ybO.js";
+import { t as te } from "./ProgressRing-8mYV9cxE.js";
+import { useRender as T } from "@base-ui/react/use-render";
+import { isArray as oe, isBoolean as ae, isNonEmptyArray as M, isNonEmptyString as V, isNumber as se, isString as le } from "@sniptt/guards";
+import { clsx as c } from "clsx";
+import { Children as $, createContext as ie, isValidElement as ce, useContext as de, useId as me, useState as ue } from "react";
+import { Fragment as k, jsx as r, jsxs as d } from "react/jsx-runtime";
+import { Collapsible as P } from "@base-ui/react/collapsible";
+var _e = "_container_5cu4g_1", ve = "_itemContainer_5cu4g_6", he = "_overflowCountContainer_5cu4g_22", pe = "_overflowCount_5cu4g_22", x = {
+  container: _e,
+  itemContainer: ve,
+  overflowCountContainer: he,
+  overflowCount: pe
+}, be = 4, _r = ({ avatars: e, className: n, maxVisible: t = be, total: o, renderOverflow: l, overflowShape: s = "square", overlap: a = "right", overlapOffset: i = "3px", render: b, ref: C, ..._ }) => {
+  const m = $.toArray(e), g = Number.isNaN(t) ? 0 : Math.max(0, Math.floor(t)), N = m.slice(0, g), h = o ?? m.length, f = (Number.isFinite(h) ? Math.max(m.length, Math.floor(h)) : m.length) - N.length, w = u(l), y = f > 0 && (w ? l(f) : /* @__PURE__ */ d("span", {
+    className: x.overflowCount,
+    "data-shape": s,
+    children: ["+", f]
+  })), O = M($.toArray(y)), B = { "--avatar-group-overlap-offset": i }, X = T({
+    render: b,
+    ref: C,
+    props: {
+      ..._,
+      className: c(x.container, n),
+      children: /* @__PURE__ */ d(k, { children: [$.map(N, (S) => /* @__PURE__ */ r("span", {
+        className: x.itemContainer,
+        "data-overlap": a,
+        style: B,
+        children: S
+      }, ce(S) ? S.key : void 0)), O && /* @__PURE__ */ r("span", {
+        className: c(x.itemContainer, !w && x.overflowCountContainer),
+        "data-overlap": a,
+        style: B,
+        children: y
+      })] })
+    }
+  });
+  return M(N) || O ? X : null;
+}, Ce = "_container_1j72k_1", Ne = "_commands_1j72k_13", fe = "_actions_1j72k_25", xe = "_prompt_1j72k_32", A = {
+  container: Ce,
+  commands: Ne,
+  actions: fe,
+  prompt: xe
+}, vr = ({ commands: e, actions: n, render: t, ref: o, className: l, ...s }) => T({
+  render: t,
+  ref: o,
+  props: {
+    ...s,
+    className: c(A.container, l),
+    children: /* @__PURE__ */ d(k, { children: [/* @__PURE__ */ r("pre", {
+      className: A.commands,
+      children: /* @__PURE__ */ r("code", { children: e.map((a, i) => /* @__PURE__ */ d("span", { children: [
+        i > 0 && `
+`,
+        /* @__PURE__ */ r("span", {
+          className: A.prompt,
+          "aria-hidden": "true",
+          children: "> "
+        }),
+        a
+      ] }, i)) })
+    }), u(n) && /* @__PURE__ */ r("div", {
+      className: A.actions,
+      children: n
+    })] })
+  }
+}), Ie = "_list_1i4lv_1", ge = "_nested_1i4lv_8", z = {
+  list: Ie,
+  nested: ge
+}, we = ({ depth: e, className: n, children: t }) => /* @__PURE__ */ r("ul", {
+  className: c(z.list, e > 0 && z.nested, n),
+  children: t
+}), H = ie(void 0), p = () => {
+  const e = de(H);
+  if (!u(e)) throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");
+  return e;
+}, ye = "_button_1e3ij_1", Ae = "_red_1e3ij_17", Je = "_chevron_1e3ij_22", L = {
+  button: ye,
+  red: Ae,
+  chevron: Je
+}, Te = ({ isOpen: e, onClick: n, variant: t }) => {
+  const o = G(), { arrowButtonCollapsedLabel: l, arrowButtonExpandedLabel: s } = p(), a = t === "blue" ? j.color.blue : t === "red" ? j.font.color.danger : j.font.color.secondary;
+  return /* @__PURE__ */ d("button", {
+    className: c(L.button, t === "red" && L.red),
+    onClick: n,
+    children: [/* @__PURE__ */ r(ne, { children: e ? s : l }), /* @__PURE__ */ r("div", {
+      className: L.chevron,
+      "data-open": e || void 0,
+      children: /* @__PURE__ */ r(Z, {
+        size: o.icon.size.md,
+        color: a
+      })
+    })]
+  });
+}, ke = ({ label: e, value: n, depth: t, keyPath: o, highlighting: l }) => {
+  const { emptyArrayLabel: s } = p();
+  return /* @__PURE__ */ r(R, {
+    elements: [...n.entries()].map(([a, i]) => ({
+      id: a,
+      label: String(a),
+      value: i
+    })),
+    renderElementsCount: (a) => `[${a}]`,
+    label: e,
+    Icon: D,
+    depth: t,
+    emptyElementsText: s,
+    keyPath: o,
+    highlighting: l
+  });
+}, Se = ({ label: e, value: n, depth: t, keyPath: o, highlighting: l }) => {
+  const { emptyObjectLabel: s } = p();
+  return /* @__PURE__ */ r(R, {
+    elements: Object.entries(n).map(([a, i]) => ({
+      id: a,
+      label: a,
+      value: i
+    })),
+    renderElementsCount: (a) => `{${a}}`,
+    label: e,
+    Icon: ee,
+    depth: t,
+    emptyElementsText: s,
+    keyPath: o,
+    highlighting: l
+  });
+}, je = "_labelContainer_1pq94_1", $e = "_blue_1pq94_23", Le = "_red_1pq94_29", E = {
+  labelContainer: je,
+  blue: $e,
+  red: Le
+}, K = ({ label: e, Icon: n, highlighting: t }) => {
+  const o = G();
+  return /* @__PURE__ */ d("span", {
+    className: c(E.labelContainer, t === "blue" && E.blue, t === "red" && E.red),
+    children: [/* @__PURE__ */ r(n, {
+      size: o.icon.size.md,
+      color: t === "blue" ? o.color.blue : t === "red" ? o.font.color.danger : o.font.color.tertiary
+    }), /* @__PURE__ */ r("span", { children: e })]
+  });
+}, Ee = "_text_1ot24_1", qe = "_blue_1ot24_10", Ve = "_red_1ot24_14", Re = "_button_1ot24_18", J = {
+  text: Ee,
+  blue: qe,
+  red: Ve,
+  button: Re
+}, Oe = ({ valueAsString: e, highlighting: n }) => {
+  const { onNodeValueClick: t } = p(), o = u(t), l = () => {
+    t?.(e);
+  }, s = c(J.text, n === "blue" && J.blue, n === "red" && J.red);
+  return o ? /* @__PURE__ */ r("button", {
+    className: c(s, J.button),
+    type: "button",
+    onClick: l,
+    children: e
+  }) : /* @__PURE__ */ r("span", {
+    className: s,
+    children: e
+  });
+}, Be = "_listItem_1i7if_1", Me = { listItem: Be }, I = (e) => /* @__PURE__ */ d("li", {
+  className: Me.listItem,
+  children: [e.label && /* @__PURE__ */ r(K, {
+    label: e.label,
+    Icon: e.Icon,
+    highlighting: e.highlighting
+  }), /* @__PURE__ */ r(Oe, {
+    valueAsString: e.valueAsString,
+    highlighting: e.highlighting
+  })]
+}), Pe = (e) => oe(e), U = ({ label: e, value: n, depth: t, keyPath: o }) => {
+  const { getNodeHighlighting: l, emptyStringLabel: s } = p(), a = l?.(o);
+  return u(n) ? le(n) ? /* @__PURE__ */ r(I, {
+    label: e,
+    valueAsString: V(n) ? n : s,
+    Icon: Q,
+    highlighting: a
+  }) : se(n) ? /* @__PURE__ */ r(I, {
+    label: e,
+    valueAsString: String(n),
+    Icon: W,
+    highlighting: a
+  }) : ae(n) ? /* @__PURE__ */ r(I, {
+    label: e,
+    valueAsString: String(n),
+    Icon: re,
+    highlighting: a
+  }) : Pe(n) ? /* @__PURE__ */ r(ke, {
+    label: e,
+    value: n,
+    depth: t,
+    keyPath: o,
+    highlighting: a
+  }) : /* @__PURE__ */ r(Se, {
+    label: e,
+    value: n,
+    depth: t,
+    keyPath: o,
+    highlighting: a
+  }) : /* @__PURE__ */ r(I, {
+    label: e,
+    valueAsString: "null",
+    Icon: Y,
+    highlighting: a
+  });
+}, ze = "_container_d0cqx_1", Fe = "_labelContainer_d0cqx_6", De = "_elementsCount_d0cqx_12", Ge = "_elementsCountRed_d0cqx_16", He = "_panel_d0cqx_20", Ke = "_list_d0cqx_30", Ue = "_nested_d0cqx_37", v = {
+  container: ze,
+  labelContainer: Fe,
+  elementsCount: De,
+  elementsCountRed: Ge,
+  panel: He,
+  list: Ke,
+  nested: Ue
+}, R = ({ label: e, Icon: n, elements: t, renderElementsCount: o, emptyElementsText: l, depth: s, keyPath: a, highlighting: i }) => {
+  const { shouldExpandNodeInitially: b } = p(), C = !u(e), [_, m] = ue(b({
+    keyPath: a,
+    depth: s
+  })), g = /* @__PURE__ */ r("ul", {
+    className: c(v.list, s > 0 && v.nested),
+    children: t.length === 0 ? /* @__PURE__ */ r(I, {
+      valueAsString: l,
+      highlighting: void 0
+    }) : t.map(({ id: h, label: f, value: w }) => {
+      const y = V(a) ? `${a}.${h}` : String(h);
+      return /* @__PURE__ */ r(U, {
+        label: f,
+        value: w,
+        depth: s + 1,
+        keyPath: y
+      }, h);
+    })
+  }), N = () => {
+    m(!_);
+  };
+  return C ? /* @__PURE__ */ r("li", {
+    className: v.container,
+    children: g
+  }) : /* @__PURE__ */ d(P.Root, {
+    className: v.container,
+    open: _,
+    render: /* @__PURE__ */ r("li", {}),
+    children: [/* @__PURE__ */ d("div", {
+      className: v.labelContainer,
+      children: [
+        /* @__PURE__ */ r(Te, {
+          isOpen: _,
+          onClick: N,
+          variant: i === "partial-blue" ? "blue" : i === "red" ? i : void 0
+        }),
+        /* @__PURE__ */ r(K, {
+          label: e,
+          Icon: n,
+          highlighting: i === "red" ? i : void 0
+        }),
+        o && /* @__PURE__ */ r("span", {
+          className: c(v.elementsCount, i === "red" && v.elementsCountRed),
+          children: o(t.length)
+        })
+      ]
+    }), /* @__PURE__ */ r(P.Panel, {
+      className: v.panel,
+      children: g
+    })]
+  });
+}, Xe = ({ value: e, children: n }) => /* @__PURE__ */ r(H.Provider, {
+  value: e,
+  children: n
+}), Qe = ({ depth: e }) => e <= 1, hr = ({ value: e, entries: n, shouldExpandNodeInitially: t = Qe, ...o }) => /* @__PURE__ */ r(Xe, {
+  value: {
+    ...o,
+    shouldExpandNodeInitially: t
+  },
+  children: /* @__PURE__ */ r(we, {
+    depth: 0,
+    children: u(n) ? /* @__PURE__ */ r(R, {
+      elements: n,
+      Icon: D,
+      depth: 0,
+      keyPath: "",
+      emptyElementsText: o.emptyObjectLabel
+    }) : /* @__PURE__ */ r(U, {
+      value: e ?? null,
+      depth: 0,
+      keyPath: ""
+    })
+  })
+}), We = "_row_1hj4l_1", Ye = "_label_1hj4l_11", Ze = "_icon_1hj4l_20", q = {
+  row: We,
+  label: Ye,
+  icon: Ze
+}, pr = ({ children: e, startIcon: n, value: t, progress: o, progressColor: l, progressValueText: s, render: a, ref: i, className: b, ...C }) => {
+  const _ = me(), m = s ?? t;
+  return T({
+    render: a,
+    ref: i,
+    props: {
+      ...C,
+      className: c(q.row, b),
+      children: /* @__PURE__ */ d(k, { children: [/* @__PURE__ */ d("div", {
+        className: q.label,
+        children: [u(n) && /* @__PURE__ */ r("span", {
+          className: q.icon,
+          "aria-hidden": "true",
+          children: n
+        }), /* @__PURE__ */ r("span", {
+          id: _,
+          children: e
+        })]
+      }), u(o) ? /* @__PURE__ */ r(te, {
+        value: o,
+        size: "sm",
+        barColor: l,
+        "aria-labelledby": _,
+        ...V(m) ? { "aria-valuetext": m } : {},
+        children: t
+      }) : /* @__PURE__ */ r("span", { children: t })] })
+    }
+  });
+}, er = "_root_7l8sk_1", rr = "_stackedIcon_7l8sk_14", F = {
+  root: er,
+  stackedIcon: rr
+}, br = ({ icon: e, stackedIcon: n, className: t, render: o, ref: l, ...s }) => T({
+  render: o,
+  ref: l,
+  props: {
+    ...s,
+    className: c(F.root, t),
+    children: /* @__PURE__ */ d(k, { children: [/* @__PURE__ */ r("span", {
+      "aria-hidden": "true",
+      children: e
+    }), /* @__PURE__ */ r("span", {
+      "aria-hidden": "true",
+      className: F.stackedIcon,
+      children: n
+    })] })
+  }
+});
+export {
+  _r as a,
+  vr as i,
+  pr as n,
+  hr as r,
+  br as t
+};