twenty-ui 2.41.0 → 2.42.0

package/dist/Avatar-BGFK0_a_.cjs

@@ -0,0 +1 @@
+const h=require("./isDefined-DS2Q42p5.cjs"),I=require("./theme-constants-ZNgkgDE-.cjs"),d=require("./utilities-D7Z6Uof8.cjs"),S=require("./mergeClassNames-BbJtXN2t.cjs");let a=require("react/jsx-runtime"),F=require("@base-ui/react/button"),v=require("@base-ui/react/avatar");var L="_root_vjzsy_1",O="_avatarPulsing_vjzsy_1",R="_image_vjzsy_84",U="_fallback_vjzsy_90",$="_icon_vjzsy_94",n={root:L,avatarPulsing:O,image:R,fallback:U,icon:$},E=({src:j,name:o,colorSeed:l=o,size:q="md",shape:p="square",variant:_="soft",icon:t,color:k,backgroundColor:y,borderColor:x,pulsing:A=!1,disabled:g=!1,nativeButton:T=!0,onClick:m,className:z,style:c,render:i,"aria-label":C,...N})=>{const e=I.useTheme(),s=o?.trim().charAt(0).toUpperCase(),P=s?k??d.stringToThemeColorP3String({string:l??"",variant:12,theme:e}):e.font.color.tertiary,w=s?y??d.stringToThemeColorP3String({string:l??"",variant:_==="outline"?5:4,theme:e}):e.background.transparent.light,f=x??(s?d.stringToThemeColorP3String({string:l??"",variant:6,theme:e}):void 0),u=h.isDefined(m),b=h.isDefined(t)&&typeof t!="boolean"&&t!=="";return(0,a.jsx)(v.Avatar.Root,{...N,onClick:m,"aria-label":C??(u?o?.trim()||"Avatar":void 0),"data-size":q,"data-shape":p,"data-pulsing":A||void 0,"data-disabled":g||void 0,"data-clickable":u||void 0,className:S.mergeClassNames(n.root,z),style:r=>({"--tw-avatar-color":P,"--tw-avatar-background":b?"inherit":r.imageLoadingStatus==="loaded"?"none":w,"--tw-avatar-border":_==="outline"&&r.imageLoadingStatus!=="loaded"&&f?`1px solid ${f}`:"none",...typeof c=="function"?c(r):c}),render:u?(r,B)=>(0,a.jsx)(F.Button,{...r,disabled:g,nativeButton:T,render:typeof i=="function"?D=>i(D,B):i}):i,children:b?(0,a.jsx)("span",{className:n.icon,"aria-hidden":!0,children:t}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(v.Avatar.Image,{src:j??void 0,alt:"",className:n.image}),(0,a.jsx)(v.Avatar.Fallback,{className:n.fallback,"aria-hidden":!0,children:s||"-"})]})})};Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return E}});

package/dist/Avatar-C_TzSJBe.js

@@ -0,0 +1,67 @@
+import { t as b } from "./isDefined-fMi6eQ4r.js";
+import { r as L } from "./theme-constants-CrrgAYWN.js";
+import { c as m } from "./utilities-FXsKnNbt.js";
+import { t as $ } from "./mergeClassNames-BHKm1BNi.js";
+import { Fragment as q, jsx as r, jsxs as D } from "react/jsx-runtime";
+import { Button as R } from "@base-ui/react/button";
+import { Avatar as v } from "@base-ui/react/avatar";
+var S = "_root_vjzsy_1", U = "_avatarPulsing_vjzsy_1", E = "_image_vjzsy_84", G = "_fallback_vjzsy_90", H = "_icon_vjzsy_94", s = {
+  root: S,
+  avatarPulsing: U,
+  image: E,
+  fallback: G,
+  icon: H
+}, X = ({ src: h, name: n, colorSeed: l = n, size: k = "md", shape: y = "square", variant: f = "soft", icon: o, color: j, backgroundColor: z, borderColor: A, pulsing: N = !1, disabled: g = !1, nativeButton: x = !0, onClick: u, className: w, style: c, render: i, "aria-label": B, ...C }) => {
+  const a = L(), e = n?.trim().charAt(0).toUpperCase(), I = e ? j ?? m({
+    string: l ?? "",
+    variant: 12,
+    theme: a
+  }) : a.font.color.tertiary, P = e ? z ?? m({
+    string: l ?? "",
+    variant: f === "outline" ? 5 : 4,
+    theme: a
+  }) : a.background.transparent.light, p = A ?? (e ? m({
+    string: l ?? "",
+    variant: 6,
+    theme: a
+  }) : void 0), d = b(u), _ = b(o) && typeof o != "boolean" && o !== "";
+  return /* @__PURE__ */ r(v.Root, {
+    ...C,
+    onClick: u,
+    "aria-label": B ?? (d ? n?.trim() || "Avatar" : void 0),
+    "data-size": k,
+    "data-shape": y,
+    "data-pulsing": N || void 0,
+    "data-disabled": g || void 0,
+    "data-clickable": d || void 0,
+    className: $(s.root, w),
+    style: (t) => ({
+      "--tw-avatar-color": I,
+      "--tw-avatar-background": _ ? "inherit" : t.imageLoadingStatus === "loaded" ? "none" : P,
+      "--tw-avatar-border": f === "outline" && t.imageLoadingStatus !== "loaded" && p ? `1px solid ${p}` : "none",
+      ...typeof c == "function" ? c(t) : c
+    }),
+    render: d ? (t, T) => /* @__PURE__ */ r(R, {
+      ...t,
+      disabled: g,
+      nativeButton: x,
+      render: typeof i == "function" ? (F) => i(F, T) : i
+    }) : i,
+    children: _ ? /* @__PURE__ */ r("span", {
+      className: s.icon,
+      "aria-hidden": !0,
+      children: o
+    }) : /* @__PURE__ */ D(q, { children: [/* @__PURE__ */ r(v.Image, {
+      src: h ?? void 0,
+      alt: "",
+      className: s.image
+    }), /* @__PURE__ */ r(v.Fallback, {
+      className: s.fallback,
+      "aria-hidden": !0,
+      children: e || "-"
+    })] })
+  });
+};
+export {
+  X as t
+};

package/dist/Heading-CQqDjovJ.cjs

@@ -0,0 +1 @@
+let u=require("clsx"),l=require("@base-ui/react/use-render");var _="_heading_1yz66_1",s={heading:_},g=({level:e=2,size:a="md",color:r="primary",render:d,ref:i,className:n,...t})=>(0,l.useRender)({defaultTagName:`h${e}`,render:d,ref:i,props:{...t,"data-size":a,"data-color":r,className:(0,u.clsx)(s.heading,n)}});Object.defineProperty(exports,"Heading",{enumerable:!0,get:function(){return g}});

package/dist/Heading-DvxTKEaL.js

@@ -0,0 +1,16 @@
+import { clsx as t } from "clsx";
+import { useRender as s } from "@base-ui/react/use-render";
+var g = "_heading_1yz66_1", l = { heading: g }, _ = ({ level: a = 2, size: e = "md", color: r = "primary", render: d, ref: i, className: m, ...o }) => s({
+  defaultTagName: `h${a}`,
+  render: d,
+  ref: i,
+  props: {
+    ...o,
+    "data-size": e,
+    "data-color": r,
+    className: t(l.heading, m)
+  }
+});
+export {
+  _ as t
+};

package/dist/HorizontalSeparator-JwV0dB5W.js

@@ -0,0 +1,44 @@
+import { clsx as d } from "clsx";
+import { Fragment as n, jsx as a, jsxs as _ } from "react/jsx-runtime";
+var v = "_label_a3otn_1", m = "_small_a3otn_10", s = {
+  label: v,
+  default: "_default_a3otn_6",
+  small: m
+}, c = ({ variant: r = "default", children: l, className: t }) => /* @__PURE__ */ a("div", {
+  className: d(s.label, s[r], t),
+  children: l
+}), p = "_separator_qi3ml_1", u = "_separatorContainer_qi3ml_17", f = "_line_qi3ml_29", b = "_text_qi3ml_38", e = {
+  separator: p,
+  separatorContainer: u,
+  line: f,
+  text: b
+}, h = ({ visible: r = !0, text: l = "", noMargin: t = !1, color: o }) => {
+  const i = o ? { "--horizontal-separator-color": o } : void 0;
+  return /* @__PURE__ */ a(n, { children: l ? /* @__PURE__ */ _("div", {
+    className: e.separatorContainer,
+    "data-no-margin": t || void 0,
+    style: i,
+    children: [
+      /* @__PURE__ */ a("div", {
+        className: e.line,
+        "data-visible": r || void 0
+      }),
+      /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("span", {
+        className: e.text,
+        children: l
+      }) }),
+      /* @__PURE__ */ a("div", {
+        className: e.line,
+        "data-visible": r || void 0
+      })
+    ]
+  }) : /* @__PURE__ */ a("div", {
+    className: e.separator,
+    "data-visible": r || void 0,
+    "data-no-margin": t || void 0,
+    style: i
+  }) });
+};
+export {
+  h as t
+};

package/dist/HorizontalSeparator-vJLHHlc4.cjs

@@ -0,0 +1 @@
+let n=require("clsx"),a=require("react/jsx-runtime");var d="_label_a3otn_1",_="_small_a3otn_10",o={label:d,default:"_default_a3otn_6",small:_},v=({variant:e="default",children:l,className:t})=>(0,a.jsx)("div",{className:(0,n.clsx)(o.label,o[e],t),children:l}),m="_separator_qi3ml_1",c="_separatorContainer_qi3ml_17",u="_line_qi3ml_29",x="_text_qi3ml_38",r={separator:m,separatorContainer:c,line:u,text:x},p=({visible:e=!0,text:l="",noMargin:t=!1,color:s})=>{const i=s?{"--horizontal-separator-color":s}:void 0;return(0,a.jsx)(a.Fragment,{children:l?(0,a.jsxs)("div",{className:r.separatorContainer,"data-no-margin":t||void 0,style:i,children:[(0,a.jsx)("div",{className:r.line,"data-visible":e||void 0}),(0,a.jsx)(v,{children:(0,a.jsx)("span",{className:r.text,children:l})}),(0,a.jsx)("div",{className:r.line,"data-visible":e||void 0})]}):(0,a.jsx)("div",{className:r.separator,"data-visible":e||void 0,"data-no-margin":t||void 0,style:i})})};Object.defineProperty(exports,"HorizontalSeparator",{enumerable:!0,get:function(){return p}});

package/dist/ListItem-C08r49UJ.js

@@ -0,0 +1,109 @@
+import { En as L, Sn as k } from "./icon-CDy3-hqV.js";
+import { t as S } from "./isDefined-fMi6eQ4r.js";
+import { t as j } from "./OverflowingTextWithTooltip-BXWJtb0f.js";
+import { n as i, r as t, t as e } from "./ListItem.module-DBhzbt9-.js";
+import { clsx as o } from "clsx";
+import { Fragment as E, jsx as a, jsxs as u } from "react/jsx-runtime";
+import { isNonEmptyArray as F, isString as H } from "@sniptt/guards";
+import M from "react";
+import { useRender as q } from "@base-ui/react/use-render";
+var w = "_commandTextContainer_2o210_1", A = "_commandText_2o210_1", O = "_commandKey_2o210_15", p = {
+  commandTextContainer: w,
+  commandText: A,
+  commandKey: O
+}, W = ({ hotKeys: n, joinLabel: r = "then" }) => /* @__PURE__ */ a("div", {
+  className: p.commandText,
+  children: n && /* @__PURE__ */ a("div", {
+    className: p.commandTextContainer,
+    children: n.map((m, s) => /* @__PURE__ */ u(M.Fragment, { children: [/* @__PURE__ */ a("div", {
+      className: p.commandKey,
+      children: m
+    }), s < n.length - 1 && r] }, s))
+  })
+}), z = ({ checked: n, disabled: r }) => /* @__PURE__ */ a("span", {
+  "aria-hidden": !0,
+  className: o(i.root, i.solid, i.sm, i.square, i.accent),
+  "data-checked": n || void 0,
+  "data-disabled": r || void 0,
+  children: /* @__PURE__ */ a("span", {
+    className: i.box,
+    children: n && /* @__PURE__ */ a("span", {
+      className: i.indicator,
+      children: /* @__PURE__ */ a(k, { "aria-hidden": !0 })
+    })
+  })
+}), Z = ({ color: n = "neutral", selected: r = !1, focused: m = !1, disabled: s = !1, indicator: c = "none", startIcon: f, endIcon: N, description: l, descriptionPlacement: v = "inline", actions: x, actionsVisibility: C = "hover", hotkeys: _, hasSubmenu: T = !1, className: b, children: d, render: y, ref: D, onClick: I, ...K }) => {
+  const g = t(l), R = (h) => {
+    if (s) {
+      h.preventDefault();
+      return;
+    }
+    S(I) && (h.stopPropagation(), I(h));
+  };
+  return q({
+    render: y,
+    ref: D,
+    state: {
+      color: n,
+      indicator: c,
+      selected: r,
+      highlighted: m,
+      disabled: s
+    },
+    props: {
+      ...K,
+      "data-actions-visibility": C,
+      className: o(e.root, b),
+      "aria-disabled": s || void 0,
+      onClick: R,
+      children: /* @__PURE__ */ u(E, { children: [
+        c === "checkbox" && /* @__PURE__ */ a(z, {
+          checked: r,
+          disabled: s
+        }),
+        t(f) && /* @__PURE__ */ a("span", {
+          className: e.startIcon,
+          children: f
+        }),
+        /* @__PURE__ */ u("span", {
+          className: e.label,
+          children: [/* @__PURE__ */ a("span", {
+            className: e.text,
+            children: H(d) ? /* @__PURE__ */ a(j, { text: d }) : d
+          }), g && v === "inline" && /* @__PURE__ */ a("span", {
+            className: o(e.description, e.inlineDescription),
+            children: l
+          })]
+        }),
+        g && v === "end" && /* @__PURE__ */ a("span", {
+          className: o(e.description, e.endDescription),
+          children: l
+        }),
+        t(x) && /* @__PURE__ */ a("span", {
+          className: e.actions,
+          children: x
+        }),
+        F(_) && /* @__PURE__ */ a("span", {
+          className: e.hotkeys,
+          children: /* @__PURE__ */ a(W, { hotKeys: _ })
+        }),
+        t(N) && /* @__PURE__ */ a("span", {
+          className: e.endIcon,
+          children: N
+        }),
+        c === "check" && r && /* @__PURE__ */ a(k, {
+          className: e.checkIndicator,
+          "aria-hidden": !0
+        }),
+        T && /* @__PURE__ */ a(L, {
+          className: e.submenuIcon,
+          "aria-hidden": !0
+        })
+      ] })
+    }
+  });
+};
+export {
+  W as n,
+  Z as t
+};

package/dist/ListItem-D75aS69B.cjs

@@ -0,0 +1 @@
+const D=require("./chunk-u_mIcLyS.cjs"),R=require("./isDefined-DS2Q42p5.cjs"),S=require("./OverflowingTextWithTooltip-DpizuDxR.cjs"),e=require("./ListItem.module-CFDku7rI.cjs");let r=require("clsx"),t=require("react/jsx-runtime"),N=require("@sniptt/guards"),m=require("react");m=D.__toESM(m,1);let K=require("@base-ui/react/use-render"),_=require("@tabler/icons-react");var M="_commandTextContainer_2o210_1",O="_commandText_2o210_1",H="_commandKey_2o210_15",u={commandTextContainer:M,commandText:O,commandKey:H},v=({hotKeys:a,joinLabel:s="then"})=>(0,t.jsx)("div",{className:u.commandText,children:a&&(0,t.jsx)("div",{className:u.commandTextContainer,children:a.map((i,l)=>(0,t.jsxs)(m.default.Fragment,{children:[(0,t.jsx)("div",{className:u.commandKey,children:i}),l<a.length-1&&s]},l))})}),w=({checked:a,disabled:s})=>(0,t.jsx)("span",{"aria-hidden":!0,className:(0,r.clsx)(e.Checkbox_module_default.root,e.Checkbox_module_default.solid,e.Checkbox_module_default.sm,e.Checkbox_module_default.square,e.Checkbox_module_default.accent),"data-checked":a||void 0,"data-disabled":s||void 0,children:(0,t.jsx)("span",{className:e.Checkbox_module_default.box,children:a&&(0,t.jsx)("span",{className:e.Checkbox_module_default.indicator,children:(0,t.jsx)(_.IconCheck,{"aria-hidden":!0})})})}),E=({color:a="neutral",selected:s=!1,focused:i=!1,disabled:l=!1,indicator:n="none",startIcon:x,endIcon:h,description:d,descriptionPlacement:f="inline",actions:I,actionsVisibility:L="hover",hotkeys:j,hasSubmenu:k=!1,className:q,children:o,render:C,ref:g,onClick:p,...y})=>{const b=e.isRenderableSlot(d),T=c=>{if(l){c.preventDefault();return}R.isDefined(p)&&(c.stopPropagation(),p(c))};return(0,K.useRender)({render:C,ref:g,state:{color:a,indicator:n,selected:s,highlighted:i,disabled:l},props:{...y,"data-actions-visibility":L,className:(0,r.clsx)(e.ListItem_module_default.root,q),"aria-disabled":l||void 0,onClick:T,children:(0,t.jsxs)(t.Fragment,{children:[n==="checkbox"&&(0,t.jsx)(w,{checked:s,disabled:l}),e.isRenderableSlot(x)&&(0,t.jsx)("span",{className:e.ListItem_module_default.startIcon,children:x}),(0,t.jsxs)("span",{className:e.ListItem_module_default.label,children:[(0,t.jsx)("span",{className:e.ListItem_module_default.text,children:(0,N.isString)(o)?(0,t.jsx)(S.OverflowingTextWithTooltip,{text:o}):o}),b&&f==="inline"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.inlineDescription),children:d})]}),b&&f==="end"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.endDescription),children:d}),e.isRenderableSlot(I)&&(0,t.jsx)("span",{className:e.ListItem_module_default.actions,children:I}),(0,N.isNonEmptyArray)(j)&&(0,t.jsx)("span",{className:e.ListItem_module_default.hotkeys,children:(0,t.jsx)(v,{hotKeys:j})}),e.isRenderableSlot(h)&&(0,t.jsx)("span",{className:e.ListItem_module_default.endIcon,children:h}),n==="check"&&s&&(0,t.jsx)(_.IconCheck,{className:e.ListItem_module_default.checkIndicator,"aria-hidden":!0}),k&&(0,t.jsx)(_.IconChevronRight,{className:e.ListItem_module_default.submenuIcon,"aria-hidden":!0})]})}})};Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return E}});Object.defineProperty(exports,"MenuItemHotKeys",{enumerable:!0,get:function(){return v}});

package/dist/ListItem.module-CFDku7rI.cjs

@@ -0,0 +1 @@
+const _=require("./isDefined-DS2Q42p5.cjs");let r=require("@sniptt/guards");var t=e=>_.isDefined(e)&&!(0,r.isBoolean)(e)&&e!=="",n="_root_1fskg_1",a="_solid_1fskg_22",o="_outline_1fskg_26",s="_soft_1fskg_30",i="_sm_1fskg_35",u="_md_1fskg_40",c="_square_1fskg_46",f="_round_1fskg_51",v="_accent_1fskg_57",d="_success_1fskg_63",l="_warning_1fskg_69",k="_hoverable_1fskg_75",g="_box_1fskg_113",b="_indicator_1fskg_134",m="_check_1fskg_150",h="_minus_1fskg_151",p={root:n,solid:a,outline:o,soft:s,sm:i,md:u,square:c,round:f,accent:v,success:d,warning:l,hoverable:k,box:g,indicator:b,check:m,minus:h},I="_root_1f2ut_2",x="_submenuIcon_1f2ut_50",D="_startIcon_1f2ut_54",q="_endIcon_1f2ut_55",y="_label_1f2ut_71",j="_text_1f2ut_81",O="_description_1f2ut_89",P="_inlineDescription_1f2ut_97",w="_endDescription_1f2ut_102",C="_hotkeys_1f2ut_107",L="_actions_1f2ut_113",R="_checkIndicator_1f2ut_130",S={root:I,submenuIcon:x,startIcon:D,endIcon:q,label:y,text:j,description:O,inlineDescription:P,endDescription:w,hotkeys:C,actions:L,checkIndicator:R};Object.defineProperty(exports,"Checkbox_module_default",{enumerable:!0,get:function(){return p}});Object.defineProperty(exports,"ListItem_module_default",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"isRenderableSlot",{enumerable:!0,get:function(){return t}});

package/dist/ListItem.module-DBhzbt9-.js

@@ -0,0 +1,38 @@
+import { t as r } from "./isDefined-fMi6eQ4r.js";
+import { isBoolean as a } from "@sniptt/guards";
+var j = (_) => r(_) && !a(_) && _ !== "", t = "_root_1fskg_1", s = "_solid_1fskg_22", o = "_outline_1fskg_26", e = "_soft_1fskg_30", n = "_sm_1fskg_35", i = "_md_1fskg_40", c = "_square_1fskg_46", f = "_round_1fskg_51", v = "_accent_1fskg_57", u = "_success_1fskg_63", k = "_warning_1fskg_69", d = "_hoverable_1fskg_75", g = "_box_1fskg_113", l = "_indicator_1fskg_134", m = "_check_1fskg_150", b = "_minus_1fskg_151", z = {
+  root: t,
+  solid: s,
+  outline: o,
+  soft: e,
+  sm: n,
+  md: i,
+  square: c,
+  round: f,
+  accent: v,
+  success: u,
+  warning: k,
+  hoverable: d,
+  box: g,
+  indicator: l,
+  check: m,
+  minus: b
+}, h = "_root_1f2ut_2", p = "_submenuIcon_1f2ut_50", I = "_startIcon_1f2ut_54", x = "_endIcon_1f2ut_55", D = "_label_1f2ut_71", q = "_text_1f2ut_81", w = "_description_1f2ut_89", y = "_inlineDescription_1f2ut_97", B = "_endDescription_1f2ut_102", C = "_hotkeys_1f2ut_107", L = "_actions_1f2ut_113", R = "_checkIndicator_1f2ut_130", A = {
+  root: h,
+  submenuIcon: p,
+  startIcon: I,
+  endIcon: x,
+  label: D,
+  text: q,
+  description: w,
+  inlineDescription: y,
+  endDescription: B,
+  hotkeys: C,
+  actions: L,
+  checkIndicator: R
+};
+export {
+  z as n,
+  j as r,
+  A as t
+};

package/dist/Loader-CHKTYJo7.cjs

@@ -0,0 +1 @@
+const a=require("./theme-constants-ZNgkgDE-.cjs");let r=require("react/jsx-runtime");var o="_container_1i6sz_1",i="_dot_1i6sz_15",n="_loaderDot_1i6sz_1",t={container:o,dot:i,loaderDot:n},s=({color:e})=>(0,r.jsx)("div",{className:t.container,style:e?{"--loader-color":a.themeCssVariables.tag.text[e]}:void 0,children:(0,r.jsx)("div",{className:t.dot})});Object.defineProperty(exports,"Loader",{enumerable:!0,get:function(){return s}});

package/dist/Loader-DbOLVUcK.js

@@ -0,0 +1,14 @@
+import { s as o } from "./theme-constants-CrrgAYWN.js";
+import { jsx as r } from "react/jsx-runtime";
+var t = "_container_1i6sz_1", s = "_dot_1i6sz_15", d = "_loaderDot_1i6sz_1", e = {
+  container: t,
+  dot: s,
+  loaderDot: d
+}, l = ({ color: a }) => /* @__PURE__ */ r("div", {
+  className: e.container,
+  style: a ? { "--loader-color": o.tag.text[a] } : void 0,
+  children: /* @__PURE__ */ r("div", { className: e.dot })
+});
+export {
+  l as t
+};

package/dist/OverflowingTextWithTooltip-BXWJtb0f.js

@@ -0,0 +1,179 @@
+import { t as c } from "./isDefined-fMi6eQ4r.js";
+import { t as j } from "./theme-constants-CrrgAYWN.js";
+import { n as y, t as F } from "./linkifyText-BINRNP9w.js";
+import { t as U } from "./mergeClassNames-BHKm1BNi.js";
+import { clsx as R } from "clsx";
+import { Fragment as M, jsx as r, jsxs as O } from "react/jsx-runtime";
+import { isNonEmptyString as P, isNumber as X, isString as $ } from "@sniptt/guards";
+import { memo as z, useRef as B, useState as H } from "react";
+import { Tooltip as p } from "@base-ui/react/tooltip";
+import { useRender as q } from "@base-ui/react/use-render";
+var G = "_positioner_12t3h_1", J = "_popup_12t3h_5", K = "_content_12t3h_29", Q = "_title_12t3h_35", V = "_icon_12t3h_47", Y = "_description_12t3h_57", Z = "_arrow_12t3h_63", v = {
+  positioner: G,
+  popup: J,
+  content: K,
+  title: Q,
+  icon: V,
+  description: Y,
+  arrow: Z
+}, A = ({ children: t, description: o, startIcon: e, className: l, render: a, ref: s, ...d }) => q({
+  defaultTagName: "div",
+  render: a,
+  ref: s,
+  props: {
+    ...d,
+    className: R(v.content, l),
+    children: /* @__PURE__ */ O(M, { children: [c(t) && t !== "" && /* @__PURE__ */ O("div", {
+      className: v.title,
+      children: [c(e) && /* @__PURE__ */ r("span", {
+        className: v.icon,
+        "aria-hidden": !0,
+        children: e
+      }), /* @__PURE__ */ r("span", { children: t })]
+    }), c(o) && /* @__PURE__ */ r("div", {
+      className: v.description,
+      children: o
+    })] })
+  }
+}), ee = 10, te = "300px", L = ({ side: t = "top", align: o = "center", sideOffset: e = ee, alignOffset: l, anchor: a, positionMethod: s, collisionBoundary: d, collisionPadding: m, collisionAvoidance: _, sticky: u, disableAnchorTracking: f, arrow: T = !1, maxWidth: x = te, container: w, keepMounted: g, className: h, children: i, ...D }) => {
+  const E = j(), C = $(i) || X(i);
+  return /* @__PURE__ */ r(p.Portal, {
+    container: w ?? E ?? void 0,
+    keepMounted: g,
+    children: /* @__PURE__ */ r(p.Positioner, {
+      side: t,
+      align: o,
+      sideOffset: e,
+      alignOffset: l,
+      anchor: a,
+      positionMethod: s,
+      collisionBoundary: d,
+      collisionPadding: m,
+      collisionAvoidance: _,
+      sticky: u,
+      disableAnchorTracking: f,
+      className: v.positioner,
+      style: { maxWidth: x },
+      children: /* @__PURE__ */ O(p.Popup, {
+        role: "tooltip",
+        ...D,
+        className: U(v.popup, h),
+        children: [C ? /* @__PURE__ */ r(A, { children: i }) : i, T && /* @__PURE__ */ r(p.Arrow, { className: v.arrow })]
+      })
+    })
+  });
+}, oe = ({ content: t, children: o, open: e, defaultOpen: l, onOpenChange: a, onOpenChangeComplete: s, disabled: d = !1, disableHoverablePopup: m, trackCursorAxis: _, actionsRef: u, triggerId: f, defaultTriggerId: T, delay: x, closeDelay: w, closeOnClick: g, ...h }) => {
+  const i = d || !c(t) || t === "" || t === !1;
+  return /* @__PURE__ */ O(p.Root, {
+    open: c(e) ? e && !i : void 0,
+    defaultOpen: l && !i,
+    onOpenChange: a,
+    onOpenChangeComplete: s,
+    disabled: i,
+    disableHoverablePopup: m,
+    trackCursorAxis: _,
+    actionsRef: u,
+    triggerId: f,
+    defaultTriggerId: T,
+    children: [/* @__PURE__ */ r(p.Trigger, {
+      render: o,
+      delay: x,
+      closeDelay: w,
+      closeOnClick: g
+    }), /* @__PURE__ */ r(L, {
+      ...h,
+      children: t
+    })]
+  });
+}, b = Object.assign(oe, {
+  Root: p.Root,
+  Trigger: p.Trigger,
+  Popup: L,
+  Content: A,
+  Provider: p.Provider,
+  createHandle: p.createHandle
+}), re = "_truncate_1x6ii_1", ie = "_lineClamp_1x6ii_7", I = {
+  truncate: re,
+  lineClamp: ie
+}, ne = ({ render: t, truncate: o, lineClamp: e, className: l, style: a, ref: s, ...d }) => {
+  const m = c(e) && Number.isInteger(e) && e > 0;
+  return q({
+    render: t,
+    ref: s,
+    props: {
+      ...d,
+      className: R(o && I.truncate, m && I.lineClamp, l),
+      style: m ? {
+        ...a,
+        "--text-line-clamp": e
+      } : a
+    }
+  });
+}, le = "_link_mrld0_1", ae = { link: le }, se = ({ text: t }) => P(t) ? /* @__PURE__ */ r(M, { children: F(t).map((o, e) => o.type === "link" ? /* @__PURE__ */ r("a", {
+  className: ae.link,
+  href: y(o.content),
+  target: "_blank",
+  rel: "noopener noreferrer",
+  onClick: (l) => l.stopPropagation(),
+  children: o.content
+}, e) : o.content) }) : null, ce = "_overflowingMultilineText_1qcnw_1", pe = "_overflowingText_1qcnw_20", de = "_large_1qcnw_37", me = "_multilineTooltip_1qcnw_41", k = {
+  overflowingMultilineText: ce,
+  overflowingText: pe,
+  large: de,
+  multilineTooltip: me
+}, Ne = z(function({ size: o = "small", text: e, isTooltipMultiline: l, displayedMaxRows: a, tooltipContent: s, tooltipDelay: d = 500, tooltipPlace: m = "bottom", alwaysShowTooltip: _ = !1, isFocusable: u = !1 }) {
+  const f = B(null), [T, x] = H(!1), [w, g] = H(!1), h = () => {
+    const n = f.current, N = c(n) && (n.scrollHeight > n.clientHeight || n.scrollWidth > n.clientWidth);
+    return x(N), N;
+  }, i = (n) => {
+    if (!n) {
+      g(!1);
+      return;
+    }
+    g(h() || _);
+  }, D = () => {
+    f.current?.focus(), i(!0);
+  }, E = (n) => {
+    n.stopPropagation(), n.preventDefault();
+  }, C = P(s) ? s : P(e) ? e : null, S = c(a);
+  return /* @__PURE__ */ O(b.Root, {
+    open: w && c(C),
+    onOpenChange: (...n) => {
+      const [N, W] = n;
+      if (!N && W.reason === "trigger-hover" && u && document.activeElement === f.current) {
+        W.cancel();
+        return;
+      }
+      i(N);
+    },
+    disabled: !c(C) || !T && !_,
+    children: [/* @__PURE__ */ r(b.Trigger, {
+      delay: d,
+      closeOnClick: !1,
+      render: /* @__PURE__ */ r(ne, {
+        ...S ? { lineClamp: a || 1 } : { truncate: !0 },
+        "data-testid": "tooltip",
+        "data-content-overflowing": T ? "" : void 0,
+        className: R(S ? k.overflowingMultilineText : k.overflowingText, o === "large" && k.large),
+        ref: f,
+        tabIndex: u ? 0 : void 0,
+        onPointerEnter: h,
+        onFocus: u ? () => i(!0) : void 0,
+        onClick: u ? D : void 0,
+        children: P(e) ? /* @__PURE__ */ r(se, { text: e }) : e
+      })
+    }), /* @__PURE__ */ r(b.Popup, {
+      className: l ? k.multilineTooltip : void 0,
+      sideOffset: 5,
+      side: m,
+      positionMethod: "absolute",
+      onClick: E,
+      children: C
+    })]
+  });
+});
+export {
+  ne as n,
+  b as r,
+  Ne as t
+};

package/dist/OverflowingTextWithTooltip-DpizuDxR.cjs

@@ -0,0 +1 @@
+const c=require("./isDefined-DS2Q42p5.cjs"),A=require("./theme-constants-ZNgkgDE-.cjs"),S=require("./linkifyText-BHQ4_CzQ.cjs"),F=require("./mergeClassNames-BbJtXN2t.cjs");let P=require("clsx"),e=require("react/jsx-runtime"),h=require("@sniptt/guards"),q=require("react"),u=require("@base-ui/react/tooltip"),W=require("@base-ui/react/use-render");var L="_positioner_12t3h_1",U="_popup_12t3h_5",X="_content_12t3h_29",z="_title_12t3h_35",B="_icon_12t3h_47",G="_description_12t3h_57",J="_arrow_12t3h_63",v={positioner:L,popup:U,content:X,title:z,icon:B,description:G,arrow:J},H=({children:i,description:r,startIcon:t,className:l,render:s,ref:a,...p})=>(0,W.useRender)({defaultTagName:"div",render:s,ref:a,props:{...p,className:(0,P.clsx)(v.content,l),children:(0,e.jsxs)(e.Fragment,{children:[c.isDefined(i)&&i!==""&&(0,e.jsxs)("div",{className:v.title,children:[c.isDefined(t)&&(0,e.jsx)("span",{className:v.icon,"aria-hidden":!0,children:t}),(0,e.jsx)("span",{children:i})]}),c.isDefined(r)&&(0,e.jsx)("div",{className:v.description,children:r})]})}}),K=10,Q="300px",I=({side:i="top",align:r="center",sideOffset:t=K,alignOffset:l,anchor:s,positionMethod:a,collisionBoundary:p,collisionPadding:d,collisionAvoidance:T,sticky:_,disableAnchorTracking:f,arrow:g=!1,maxWidth:j=Q,container:w,keepMounted:m,className:x,children:n,...b})=>{const k=A.useThemeContainer(),N=(0,h.isString)(n)||(0,h.isNumber)(n);return(0,e.jsx)(u.Tooltip.Portal,{container:w??k??void 0,keepMounted:m,children:(0,e.jsx)(u.Tooltip.Positioner,{side:i,align:r,sideOffset:t,alignOffset:l,anchor:s,positionMethod:a,collisionBoundary:p,collisionPadding:d,collisionAvoidance:T,sticky:_,disableAnchorTracking:f,className:v.positioner,style:{maxWidth:j},children:(0,e.jsxs)(u.Tooltip.Popup,{role:"tooltip",...b,className:F.mergeClassNames(v.popup,x),children:[N?(0,e.jsx)(H,{children:n}):n,g&&(0,e.jsx)(u.Tooltip.Arrow,{className:v.arrow})]})})})},V=({content:i,children:r,open:t,defaultOpen:l,onOpenChange:s,onOpenChangeComplete:a,disabled:p=!1,disableHoverablePopup:d,trackCursorAxis:T,actionsRef:_,triggerId:f,defaultTriggerId:g,delay:j,closeDelay:w,closeOnClick:m,...x})=>{const n=p||!c.isDefined(i)||i===""||i===!1;return(0,e.jsxs)(u.Tooltip.Root,{open:c.isDefined(t)?t&&!n:void 0,defaultOpen:l&&!n,onOpenChange:s,onOpenChangeComplete:a,disabled:n,disableHoverablePopup:d,trackCursorAxis:T,actionsRef:_,triggerId:f,defaultTriggerId:g,children:[(0,e.jsx)(u.Tooltip.Trigger,{render:r,delay:j,closeDelay:w,closeOnClick:m}),(0,e.jsx)(I,{...x,children:i})]})},C=Object.assign(V,{Root:u.Tooltip.Root,Trigger:u.Tooltip.Trigger,Popup:I,Content:H,Provider:u.Tooltip.Provider,createHandle:u.Tooltip.createHandle}),Y="_truncate_1x6ii_1",Z="_lineClamp_1x6ii_7",R={truncate:Y,lineClamp:Z},M=({render:i,truncate:r,lineClamp:t,className:l,style:s,ref:a,...p})=>{const d=c.isDefined(t)&&Number.isInteger(t)&&t>0;return(0,W.useRender)({render:i,ref:a,props:{...p,className:(0,P.clsx)(r&&R.truncate,d&&R.lineClamp,l),style:d?{...s,"--text-line-clamp":t}:s}})},$="_link_mrld0_1",ee={link:$},te=({text:i})=>(0,h.isNonEmptyString)(i)?(0,e.jsx)(e.Fragment,{children:S.linkifyText(i).map((r,t)=>r.type==="link"?(0,e.jsx)("a",{className:ee.link,href:S.getSafeUrl(r.content),target:"_blank",rel:"noopener noreferrer",onClick:l=>l.stopPropagation(),children:r.content},t):r.content)}):null,ie="_overflowingMultilineText_1qcnw_1",re="_overflowingText_1qcnw_20",ne="_large_1qcnw_37",oe="_multilineTooltip_1qcnw_41",D={overflowingMultilineText:ie,overflowingText:re,large:ne,multilineTooltip:oe},le=(0,q.memo)(function({size:r="small",text:t,isTooltipMultiline:l,displayedMaxRows:s,tooltipContent:a,tooltipDelay:p=500,tooltipPlace:d="bottom",alwaysShowTooltip:T=!1,isFocusable:_=!1}){const f=(0,q.useRef)(null),[g,j]=(0,q.useState)(!1),[w,m]=(0,q.useState)(!1),x=()=>{const o=f.current,O=c.isDefined(o)&&(o.scrollHeight>o.clientHeight||o.scrollWidth>o.clientWidth);return j(O),O},n=o=>{if(!o){m(!1);return}m(x()||T)},b=()=>{f.current?.focus(),n(!0)},k=o=>{o.stopPropagation(),o.preventDefault()},N=(0,h.isNonEmptyString)(a)?a:(0,h.isNonEmptyString)(t)?t:null,E=c.isDefined(s);return(0,e.jsxs)(C.Root,{open:w&&c.isDefined(N),onOpenChange:(...o)=>{const[O,y]=o;if(!O&&y.reason==="trigger-hover"&&_&&document.activeElement===f.current){y.cancel();return}n(O)},disabled:!c.isDefined(N)||!g&&!T,children:[(0,e.jsx)(C.Trigger,{delay:p,closeOnClick:!1,render:(0,e.jsx)(M,{...E?{lineClamp:s||1}:{truncate:!0},"data-testid":"tooltip","data-content-overflowing":g?"":void 0,className:(0,P.clsx)(E?D.overflowingMultilineText:D.overflowingText,r==="large"&&D.large),ref:f,tabIndex:_?0:void 0,onPointerEnter:x,onFocus:_?()=>n(!0):void 0,onClick:_?b:void 0,children:(0,h.isNonEmptyString)(t)?(0,e.jsx)(te,{text:t}):t})}),(0,e.jsx)(C.Popup,{className:l?D.multilineTooltip:void 0,sideOffset:5,side:d,positionMethod:"absolute",onClick:k,children:N})]})});Object.defineProperty(exports,"OverflowingTextWithTooltip",{enumerable:!0,get:function(){return le}});Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return C}});

package/dist/Pill-BJ3K8Mdc.cjs

@@ -0,0 +1 @@
+let t=require("clsx"),l=require("react/jsx-runtime");var a="_pill_2y5ao_1",s={pill:a},u=({className:r,label:i,Icon:e})=>(0,l.jsxs)("span",{className:(0,t.clsx)(s.pill,r),children:[e&&(0,l.jsx)(e,{size:12}),i]});Object.defineProperty(exports,"Pill",{enumerable:!0,get:function(){return u}});

package/dist/Pill-DaFEFIOT.js

@@ -0,0 +1,9 @@
+import { clsx as i } from "clsx";
+import { jsx as s, jsxs as e } from "react/jsx-runtime";
+var p = "_pill_2y5ao_1", m = { pill: p }, _ = ({ className: r, label: a, Icon: l }) => /* @__PURE__ */ e("span", {
+  className: i(m.pill, r),
+  children: [l && /* @__PURE__ */ s(l, { size: 12 }), a]
+});
+export {
+  _ as t
+};

package/dist/ProgressBar-DwJQXHwg.cjs

@@ -0,0 +1 @@
+let _=require("clsx"),s=require("react/jsx-runtime"),t=require("@base-ui/react/progress");var v="_banner_i03ag_1",b="_primaryBlue_i03ag_17",m="_primaryDanger_i03ag_23",y="_secondaryBlue_i03ag_29",B="_secondaryDanger_i03ag_35",a={banner:v,primaryBlue:b,primaryDanger:m,secondaryBlue:y,secondaryDanger:B},w={primary:{blue:a.primaryBlue,danger:a.primaryDanger},secondary:{blue:a.secondaryBlue,danger:a.secondaryDanger}},k=({color:e="blue",variant:d="primary",className:n,children:i})=>(0,s.jsx)("div",{className:(0,_.clsx)(a.banner,w[d][e],n),children:i}),x="_bar_1wpka_1",f="_track_1wpka_14",N="_indicator_1wpka_20",P="_countdown_1wpka_34",j="_progressBarCountdown_1wpka_1",o={bar:x,track:f,indicator:N,countdown:P,progressBarCountdown:j},A=({value:e,className:d,barColor:n,backgroundColor:i="none",withBorderRadius:c=!1,ariaLabel:l,countdownDurationInMs:u,isCountdownPaused:g=!1,onCountdownComplete:p})=>{const r=u!==void 0;return(0,s.jsx)(t.Progress.Root,{className:(0,_.clsx)(o.bar,d),"data-with-border-radius":c||void 0,"aria-label":l,value:e,style:{"--progress-bar-background-color":i,...n?{"--progress-bar-color":n}:{},...r?{"--progress-bar-countdown-duration":`${u}ms`}:{}},children:(0,s.jsx)(t.Progress.Track,{className:o.track,children:(0,s.jsx)(t.Progress.Indicator,{className:(0,_.clsx)(o.indicator,r&&o.countdown),"data-with-border-radius":c||void 0,"data-nonzero":e>0&&!r||void 0,"data-paused":r&&g||void 0,onAnimationEnd:r?p:void 0})})})};Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return A}});

package/dist/ProgressBar-RWLNIkzm.js

@@ -0,0 +1,55 @@
+import { clsx as t } from "clsx";
+import { jsx as d } from "react/jsx-runtime";
+import { Progress as _ } from "@base-ui/react/progress";
+var m = "_banner_i03ag_1", v = "_primaryBlue_i03ag_17", y = "_primaryDanger_i03ag_23", b = "_secondaryBlue_i03ag_29", w = "_secondaryDanger_i03ag_35", a = {
+  banner: m,
+  primaryBlue: v,
+  primaryDanger: y,
+  secondaryBlue: b,
+  secondaryDanger: w
+}, B = {
+  primary: {
+    blue: a.primaryBlue,
+    danger: a.primaryDanger
+  },
+  secondary: {
+    blue: a.secondaryBlue,
+    danger: a.secondaryDanger
+  }
+}, E = ({ color: o = "blue", variant: s = "primary", className: e, children: i }) => /* @__PURE__ */ d("div", {
+  className: t(a.banner, B[s][o], e),
+  children: i
+}), k = "_bar_1wpka_1", N = "_track_1wpka_14", f = "_indicator_1wpka_20", A = "_countdown_1wpka_34", D = "_progressBarCountdown_1wpka_1", n = {
+  bar: k,
+  track: N,
+  indicator: f,
+  countdown: A,
+  progressBarCountdown: D
+}, P = ({ value: o, className: s, barColor: e, backgroundColor: i = "none", withBorderRadius: c = !1, ariaLabel: p, countdownDurationInMs: l, isCountdownPaused: u = !1, onCountdownComplete: g }) => {
+  const r = l !== void 0;
+  return /* @__PURE__ */ d(_.Root, {
+    className: t(n.bar, s),
+    "data-with-border-radius": c || void 0,
+    "aria-label": p,
+    value: o,
+    style: {
+      "--progress-bar-background-color": i,
+      ...e ? { "--progress-bar-color": e } : {},
+      ...r ? { "--progress-bar-countdown-duration": `${l}ms` } : {}
+    },
+    children: /* @__PURE__ */ d(_.Track, {
+      className: n.track,
+      children: /* @__PURE__ */ d(_.Indicator, {
+        className: t(n.indicator, r && n.countdown),
+        "data-with-border-radius": c || void 0,
+        "data-nonzero": o > 0 && !r || void 0,
+        "data-paused": r && u || void 0,
+        onAnimationEnd: r ? g : void 0
+      })
+    })
+  });
+};
+export {
+  E as n,
+  P as t
+};

package/dist/ResizeHandle-BWfY2ONo.js

@@ -0,0 +1,37 @@
+import { t as S } from "./isDefined-fMi6eQ4r.js";
+import { jsx as l } from "react/jsx-runtime";
+import { useState as o } from "react";
+var c = 50, R = 500, I = ({ initialSize: r, axis: t = "y" }) => {
+  const [a, s] = o(r), [i, n] = o(null);
+  return {
+    size: a,
+    handleResizeStart: (e) => {
+      e.target.setPointerCapture(e.pointerId), n({
+        startPosition: t === "y" ? e.clientY : e.clientX,
+        startSize: a
+      });
+    },
+    handleResizeMove: (e) => {
+      if (!S(i)) return;
+      const z = (t === "y" ? e.clientY : e.clientX) - i.startPosition;
+      s(Math.min(R, Math.max(c, i.startSize + z)));
+    },
+    handleResizeEnd: () => {
+      n(null);
+    }
+  };
+}, _ = "_area_10ggy_1", m = "_bar_10ggy_10", d = {
+  area: _,
+  bar: m
+}, M = ({ onPointerDown: r, onPointerMove: t, onPointerUp: a, style: s }) => /* @__PURE__ */ l("div", {
+  className: d.area,
+  onPointerDown: r,
+  onPointerMove: t,
+  onPointerUp: a,
+  style: s,
+  children: /* @__PURE__ */ l("div", { className: d.bar })
+});
+export {
+  I as n,
+  M as t
+};

package/dist/ResizeHandle-IVbYS3b8.cjs

@@ -0,0 +1 @@
+const o=require("./isDefined-DS2Q42p5.cjs");let l=require("react/jsx-runtime"),d=require("react");var z=50,S=500,_=({initialSize:a,axis:t="y"})=>{const[r,i]=(0,d.useState)(a),[n,s]=(0,d.useState)(null);return{size:r,handleResizeStart:e=>{e.target.setPointerCapture(e.pointerId),s({startPosition:t==="y"?e.clientY:e.clientX,startSize:r})},handleResizeMove:e=>{if(!o.isDefined(n))return;const c=(t==="y"?e.clientY:e.clientX)-n.startPosition;i(Math.min(S,Math.max(z,n.startSize+c)))},handleResizeEnd:()=>{s(null)}}},R="_area_10ggy_1",h="_bar_10ggy_10",u={area:R,bar:h},f=({onPointerDown:a,onPointerMove:t,onPointerUp:r,style:i})=>(0,l.jsx)("div",{className:u.area,onPointerDown:a,onPointerMove:t,onPointerUp:r,style:i,children:(0,l.jsx)("div",{className:u.bar})});Object.defineProperty(exports,"ResizeHandle",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"useResizeHandle",{enumerable:!0,get:function(){return _}});