twenty-ui 2.46.0 → 2.47.0

package/dist/ProgressBar-B_GDjg9S.js

@@ -1,83 +0,0 @@
-import { t as v } from "./isRenderableSlot-DT_depzM.js";
-import { t as B } from "./Button-DQUIhQAm.js";
-import { t as k } from "./mergeClassNames-ClFMR1v0.js";
-import { useRender as N } from "@base-ui/react/use-render";
-import { isNonEmptyString as h } from "@sniptt/guards";
-import { clsx as f } from "clsx";
-import { Fragment as y, jsx as a, jsxs as z } from "react/jsx-runtime";
-import { Progress as m } from "@base-ui/react/progress";
-var A = {
-  neutral: "gray",
-  info: "blue",
-  success: "green",
-  warning: "orange",
-  error: "red"
-}, S = "_action_c4pdy_1", x = { action: S }, E = ({ className: r, ...n }) => /* @__PURE__ */ a(B, {
-  ...n,
-  size: "sm",
-  variant: "outline",
-  className: k(x.action, r)
-}), T = "_banner_181zy_1", j = "_icon_181zy_52", w = "_action_181zy_53", g = {
-  banner: T,
-  icon: j,
-  action: w
-}, C = ({ status: r = "info", variant: n = "solid", color: c = A[r], icon: e, action: o, className: s, children: i, render: l, ref: d, ..._ }) => N({
-  render: l,
-  ref: d,
-  state: {
-    status: r,
-    variant: n,
-    color: c
-  },
-  props: {
-    ..._,
-    className: f(g.banner, s),
-    children: /* @__PURE__ */ z(y, { children: [
-      v(e) && /* @__PURE__ */ a("span", {
-        className: g.icon,
-        children: e
-      }),
-      i,
-      v(o) && /* @__PURE__ */ a("div", {
-        className: g.action,
-        children: o
-      })
-    ] })
-  }
-}), M = Object.assign(C, { Action: E }), G = "_bar_1kcc7_1", O = "_progressBarGrowIn_1kcc7_1", P = "_track_1kcc7_20", R = "_indicator_1kcc7_26", F = "_glint_1kcc7_45", I = "_progressBarGlint_1kcc7_1", t = {
-  bar: G,
-  progressBarGrowIn: O,
-  track: P,
-  indicator: R,
-  glint: F,
-  progressBarGlint: I
-}, Q = ({ value: r, size: n = "md", className: c, barColor: e, backgroundColor: o = "none", withBorderRadius: s = !1, withGrowIn: i = !1, withGlint: l = !1, withSpringFill: d = !1, withMinimumFillWidth: _ = !0, ariaLabel: u, onGrowInComplete: b }) => /* @__PURE__ */ a(m.Root, {
-  className: f(t.bar, c),
-  "data-size": n,
-  "data-with-border-radius": s || void 0,
-  "data-grow-in": i || void 0,
-  "aria-label": u,
-  value: r,
-  onAnimationEnd: (p) => {
-    i && p.target === p.currentTarget && b?.();
-  },
-  style: {
-    "--progress-bar-background-color": o,
-    ...h(e) ? { "--progress-bar-color": e } : {}
-  },
-  children: /* @__PURE__ */ a(m.Track, {
-    className: t.track,
-    children: /* @__PURE__ */ a(m.Indicator, {
-      className: t.indicator,
-      "data-with-border-radius": s || void 0,
-      "data-spring-fill": d || void 0,
-      "data-nonzero": _ && r > 0 || void 0,
-      children: l && /* @__PURE__ */ a("span", { className: t.glint }, r)
-    })
-  })
-});
-export {
-  M as n,
-  A as r,
-  Q as t
-};

package/dist/ProgressRing-CHLADu5q.cjs

@@ -1 +0,0 @@
-const b=require("./isDefined-DS2Q42p5.cjs"),v=require("./isRenderableSlot-Guryb6Nf.cjs");let f=require("@sniptt/guards"),p=require("clsx"),r=require("react/jsx-runtime"),q=require("@base-ui/react/progress"),N=require("@base-ui/utils/clamp");var k="_root_xbchc_1",R="_ring_xbchc_11",j="_track_xbchc_16",y="_indicator_xbchc_21",s={root:k,ring:R,track:j,indicator:y},P={sm:14,md:16},a=2,D=({value:_,size:d="md",barColor:c,children:o,className:g,style:m,"aria-valuetext":n,...x})=>{const l=(0,N.clamp)(_,0,100),u=Number.isNaN(l)?0:l,e=P[d],t=(e-a)/2,i=2*Math.PI*t;return(0,r.jsxs)(q.Progress.Root,{...x,value:u,min:0,max:100,getAriaValueText:h=>(0,f.isNonEmptyString)(n)?n:h,className:(0,p.clsx)(s.root,g),style:{...b.isDefined(c)?{"--progress-ring-color":c}:{},...m},children:[v.isRenderableSlot(o)&&(0,r.jsx)("span",{children:o}),(0,r.jsxs)("svg",{className:s.ring,width:e,height:e,viewBox:`0 0 ${e} ${e}`,"aria-hidden":"true",focusable:"false",children:[(0,r.jsx)("circle",{className:s.track,cx:e/2,cy:e/2,r:t,strokeWidth:a}),(0,r.jsx)("circle",{className:s.indicator,cx:e/2,cy:e/2,r:t,strokeWidth:a,strokeDasharray:i,strokeDashoffset:i-u/100*i,strokeLinecap:"round"})]})]})};Object.defineProperty(exports,"ProgressRing",{enumerable:!0,get:function(){return D}});

package/dist/ProgressRing-Cwqo4hWZ.js

@@ -1,57 +0,0 @@
-import { t as x } from "./isDefined-fMi6eQ4r.js";
-import { t as v } from "./isRenderableSlot-DT_depzM.js";
-import { isNonEmptyString as N } from "@sniptt/guards";
-import { clsx as k } from "clsx";
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { Progress as b } from "@base-ui/react/progress";
-import { clamp as R } from "@base-ui/utils/clamp";
-var y = "_root_xbchc_1", D = "_ring_xbchc_11", I = "_track_xbchc_16", P = "_indicator_xbchc_21", a = {
-  root: y,
-  ring: D,
-  track: I,
-  indicator: P
-}, S = {
-  sm: 14,
-  md: 16
-}, s = 2, A = ({ value: _, size: f = "md", barColor: c, children: i, className: g, style: h, "aria-valuetext": m, ...p }) => {
-  const n = R(_, 0, 100), d = Number.isNaN(n) ? 0 : n, r = S[f], e = (r - s) / 2, o = 2 * Math.PI * e;
-  return /* @__PURE__ */ l(b.Root, {
-    ...p,
-    value: d,
-    min: 0,
-    max: 100,
-    getAriaValueText: (u) => N(m) ? m : u,
-    className: k(a.root, g),
-    style: {
-      ...x(c) ? { "--progress-ring-color": c } : {},
-      ...h
-    },
-    children: [v(i) && /* @__PURE__ */ t("span", { children: i }), /* @__PURE__ */ l("svg", {
-      className: a.ring,
-      width: r,
-      height: r,
-      viewBox: `0 0 ${r} ${r}`,
-      "aria-hidden": "true",
-      focusable: "false",
-      children: [/* @__PURE__ */ t("circle", {
-        className: a.track,
-        cx: r / 2,
-        cy: r / 2,
-        r: e,
-        strokeWidth: s
-      }), /* @__PURE__ */ t("circle", {
-        className: a.indicator,
-        cx: r / 2,
-        cy: r / 2,
-        r: e,
-        strokeWidth: s,
-        strokeDasharray: o,
-        strokeDashoffset: o - d / 100 * o,
-        strokeLinecap: "round"
-      })]
-    })]
-  });
-};
-export {
-  A as t
-};

package/dist/components/data-display/NotificationCounter/NotificationCounter.d.ts

@@ -1,7 +0,0 @@
-type NotificationCounterProps = {
-    count: number;
-    variant?: 'primary' | 'secondary';
-    className?: string;
-};
-export declare const NotificationCounter: ({ count, variant, className, }: NotificationCounterProps) => import("react").JSX.Element;
-export {};

package/dist/components/feedback/Toast/types/ToastVariant.d.ts

@@ -1 +0,0 @@
-export type ToastVariant = 'default' | 'error' | 'success' | 'info' | 'warning';

package/dist/data-display-BMM4rYOl.cjs

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

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

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

package/dist/data-display-CRDo6TBH.js

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