twenty-ui 2.43.0 → 2.45.0

package/dist/Avatar-C0FtFpJC.js

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

package/dist/Avatar-CkI8b3nh.cjs

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

package/dist/ListItem-B2HOeN2h.cjs

@@ -0,0 +1 @@
+const p=require("./isDefined-DS2Q42p5.cjs"),i=require("./isRenderableSlot-Guryb6Nf.cjs"),D=require("./Shortcut-CuBFak3I.cjs"),R=require("./OverflowingTextWithTooltip-tsJWb_Ie.cjs"),e=require("./ListItem.module-RqrfwrFg.cjs");let r=require("clsx"),t=require("react/jsx-runtime"),T=require("@sniptt/guards"),y=require("@base-ui/react/use-render"),c=require("@tabler/icons-react");var O=({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)(c.IconCheck,{"aria-hidden":!0})})})}),w=({color:a="neutral",selected:s=!1,focused:j=!1,disabled:l=!1,indicator:n="none",startIcon:_,endIcon:m,description:d,descriptionPlacement:h="inline",actions:x,actionsVisibility:L="hover",shortcut:f,shortcutJoinLabel:q,hasSubmenu:k=!1,className:N,children:u,render:C,ref:g,onClick:I,...v})=>{const b=i.isRenderableSlot(d),S=o=>{if(l){o.preventDefault();return}p.isDefined(I)&&(o.stopPropagation(),I(o))};return(0,y.useRender)({render:C,ref:g,state:{color:a,indicator:n,selected:s,highlighted:j,disabled:l},props:{...v,"data-actions-visibility":L,className:(0,r.clsx)(e.ListItem_module_default.root,N),"aria-disabled":l||void 0,onClick:S,children:(0,t.jsxs)(t.Fragment,{children:[n==="checkbox"&&(0,t.jsx)(O,{checked:s,disabled:l}),i.isRenderableSlot(_)&&(0,t.jsx)("span",{className:e.ListItem_module_default.startIcon,children:_}),(0,t.jsxs)("span",{className:e.ListItem_module_default.label,children:[(0,t.jsx)("span",{className:e.ListItem_module_default.text,children:(0,T.isString)(u)?(0,t.jsx)(R.OverflowingTextWithTooltip,{text:u}):u}),b&&h==="inline"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.inlineDescription),children:d})]}),b&&h==="end"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.endDescription),children:d}),i.isRenderableSlot(x)&&(0,t.jsx)("span",{className:e.ListItem_module_default.actions,children:x}),p.isDefined(f)&&(0,t.jsx)(D.Shortcut,{className:e.ListItem_module_default.hotkeys,shortcut:f,sequenceJoinLabel:q}),i.isRenderableSlot(m)&&(0,t.jsx)("span",{className:e.ListItem_module_default.endIcon,children:m}),n==="check"&&s&&(0,t.jsx)(c.IconCheck,{className:e.ListItem_module_default.checkIndicator,"aria-hidden":!0}),k&&(0,t.jsx)(c.IconChevronRight,{className:e.ListItem_module_default.submenuIcon,"aria-hidden":!0})]})}})};Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return w}});

package/dist/ListItem-D8BQRK1W.js

@@ -0,0 +1,97 @@
+import { En as y, Sn as I } from "./icon-B7aZ6RxF.js";
+import { t as b } from "./isDefined-fMi6eQ4r.js";
+import { t } from "./isRenderableSlot-DT_depzM.js";
+import { t as T } from "./Shortcut-CRCVbA2m.js";
+import { t as w } from "./OverflowingTextWithTooltip-CNpmkBvJ.js";
+import { n as s, t as e } from "./ListItem.module-Dxd8jOJP.js";
+import { clsx as o } from "clsx";
+import { Fragment as E, jsx as a, jsxs as v } from "react/jsx-runtime";
+import { isString as F } from "@sniptt/guards";
+import { useRender as J } from "@base-ui/react/use-render";
+var O = ({ checked: r, disabled: i }) => /* @__PURE__ */ a("span", {
+  "aria-hidden": !0,
+  className: o(s.root, s.solid, s.sm, s.square, s.accent),
+  "data-checked": r || void 0,
+  "data-disabled": i || void 0,
+  children: /* @__PURE__ */ a("span", {
+    className: s.box,
+    children: r && /* @__PURE__ */ a("span", {
+      className: s.indicator,
+      children: /* @__PURE__ */ a(I, { "aria-hidden": !0 })
+    })
+  })
+}), U = ({ color: r = "neutral", selected: i = !1, focused: g = !1, disabled: n = !1, indicator: c = "none", startIcon: h, endIcon: p, description: l, descriptionPlacement: f = "inline", actions: u, actionsVisibility: C = "hover", shortcut: N, shortcutJoinLabel: D, hasSubmenu: L = !1, className: S, children: m, render: _, ref: R, onClick: x, ...j }) => {
+  const k = t(l), q = (d) => {
+    if (n) {
+      d.preventDefault();
+      return;
+    }
+    b(x) && (d.stopPropagation(), x(d));
+  };
+  return J({
+    render: _,
+    ref: R,
+    state: {
+      color: r,
+      indicator: c,
+      selected: i,
+      highlighted: g,
+      disabled: n
+    },
+    props: {
+      ...j,
+      "data-actions-visibility": C,
+      className: o(e.root, S),
+      "aria-disabled": n || void 0,
+      onClick: q,
+      children: /* @__PURE__ */ v(E, { children: [
+        c === "checkbox" && /* @__PURE__ */ a(O, {
+          checked: i,
+          disabled: n
+        }),
+        t(h) && /* @__PURE__ */ a("span", {
+          className: e.startIcon,
+          children: h
+        }),
+        /* @__PURE__ */ v("span", {
+          className: e.label,
+          children: [/* @__PURE__ */ a("span", {
+            className: e.text,
+            children: F(m) ? /* @__PURE__ */ a(w, { text: m }) : m
+          }), k && f === "inline" && /* @__PURE__ */ a("span", {
+            className: o(e.description, e.inlineDescription),
+            children: l
+          })]
+        }),
+        k && f === "end" && /* @__PURE__ */ a("span", {
+          className: o(e.description, e.endDescription),
+          children: l
+        }),
+        t(u) && /* @__PURE__ */ a("span", {
+          className: e.actions,
+          children: u
+        }),
+        b(N) && /* @__PURE__ */ a(T, {
+          className: e.hotkeys,
+          shortcut: N,
+          sequenceJoinLabel: D
+        }),
+        t(p) && /* @__PURE__ */ a("span", {
+          className: e.endIcon,
+          children: p
+        }),
+        c === "check" && i && /* @__PURE__ */ a(I, {
+          className: e.checkIndicator,
+          "aria-hidden": !0
+        }),
+        L && /* @__PURE__ */ a(y, {
+          className: e.submenuIcon,
+          "aria-hidden": !0
+        })
+      ] })
+    }
+  });
+};
+export {
+  U as t
+};

package/dist/ListItem.module-Dxd8jOJP.js

@@ -0,0 +1,35 @@
+var _ = "_root_1fskg_1", r = "_solid_1fskg_22", a = "_outline_1fskg_26", s = "_soft_1fskg_30", o = "_sm_1fskg_35", e = "_md_1fskg_40", n = "_square_1fskg_46", t = "_round_1fskg_51", c = "_accent_1fskg_57", i = "_success_1fskg_63", d = "_warning_1fskg_69", v = "_hoverable_1fskg_75", u = "_box_1fskg_113", k = "_indicator_1fskg_134", f = "_check_1fskg_150", p = "_minus_1fskg_151", L = {
+  root: _,
+  solid: r,
+  outline: a,
+  soft: s,
+  sm: o,
+  md: e,
+  square: n,
+  round: t,
+  accent: c,
+  success: i,
+  warning: d,
+  hoverable: v,
+  box: u,
+  indicator: k,
+  check: f,
+  minus: p
+}, g = "_root_1dup2_2", l = "_submenuIcon_1dup2_51", m = "_startIcon_1dup2_55", b = "_endIcon_1dup2_56", h = "_label_1dup2_72", I = "_text_1dup2_82", x = "_description_1dup2_90", D = "_inlineDescription_1dup2_98", q = "_endDescription_1dup2_103", w = "_hotkeys_1dup2_108", y = "_actions_1dup2_114", C = "_checkIndicator_1dup2_131", $ = {
+  root: g,
+  submenuIcon: l,
+  startIcon: m,
+  endIcon: b,
+  label: h,
+  text: I,
+  description: x,
+  inlineDescription: D,
+  endDescription: q,
+  hotkeys: w,
+  actions: y,
+  checkIndicator: C
+};
+export {
+  L as n,
+  $ as t
+};

package/dist/ListItem.module-RqrfwrFg.cjs

@@ -0,0 +1 @@
+var _="_root_1fskg_1",e="_solid_1fskg_22",r="_outline_1fskg_26",a="_soft_1fskg_30",t="_sm_1fskg_35",o="_md_1fskg_40",n="_square_1fskg_46",s="_round_1fskg_51",u="_accent_1fskg_57",c="_success_1fskg_63",d="_warning_1fskg_69",i="_hoverable_1fskg_75",v="_box_1fskg_113",f="_indicator_1fskg_134",k="_check_1fskg_150",l="_minus_1fskg_151",g={root:_,solid:e,outline:r,soft:a,sm:t,md:o,square:n,round:s,accent:u,success:c,warning:d,hoverable:i,box:v,indicator:f,check:k,minus:l},p="_root_1dup2_2",m="_submenuIcon_1dup2_51",b="_startIcon_1dup2_55",h="_endIcon_1dup2_56",I="_label_1dup2_72",x="_text_1dup2_82",y="_description_1dup2_90",D="_inlineDescription_1dup2_98",j="_endDescription_1dup2_103",q="_hotkeys_1dup2_108",w="_actions_1dup2_114",C="_checkIndicator_1dup2_131",L={root:p,submenuIcon:m,startIcon:b,endIcon:h,label:I,text:x,description:y,inlineDescription:D,endDescription:j,hotkeys:q,actions:w,checkIndicator:C};Object.defineProperty(exports,"Checkbox_module_default",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"ListItem_module_default",{enumerable:!0,get:function(){return L}});

package/dist/{Loader-X1LymYkw.js → Loader-BLkXvZli.js}

@@ -1,4 +1,4 @@
-import { a as o } from "./theme-DBro6iwF.js";
+import { a as o } from "./theme-CjHovJAZ.js";
 import { jsx as r } from "react/jsx-runtime";
 var t = "_container_1i6sz_1", d = "_dot_1i6sz_15", s = "_loaderDot_1i6sz_1", e = {
   container: t,

package/dist/{Loader-Z6_7AA-x.cjs → Loader-CMXdrX1d.cjs}

@@ -1 +1 @@
-const a=require("./theme-DNG4OSBd.cjs");let r=require("react/jsx-runtime");var o="_container_1i6sz_1",i="_dot_1i6sz_15",d="_loaderDot_1i6sz_1",t={container:o,dot:i,loaderDot:d},n=({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 n}});
+const a=require("./theme-DumxXtpW.cjs");let r=require("react/jsx-runtime");var o="_container_1i6sz_1",i="_dot_1i6sz_15",d="_loaderDot_1i6sz_1",t={container:o,dot:i,loaderDot:d},n=({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 n}});

package/dist/MenuSeparator-Ct3cQtJ2.cjs

@@ -0,0 +1 @@
+const f=require("./theme-DumxXtpW.cjs"),a=require("./useProvidedTextDirection-B7ovnsdr.cjs");let o=require("react/jsx-runtime"),t=require("@base-ui/react/popover"),u=require("@base-ui/react/menu");var N="_positioner_zlrze_1",x="_popup_zlrze_5",M="_title_zlrze_29",z="_description_zlrze_36",C="_arrow_zlrze_42",p={positioner:N,popup:x,title:M,description:z,arrow:C},T=({className:e,...r})=>(0,o.jsx)(t.Popover.Description,{...r,className:a.mergeClassNames(p.description,e)}),q=({side:e="bottom",align:r="center",sideOffset:i=8,alignOffset:n,arrow:l=!1,anchor:_,collisionPadding:c,container:v,keepMounted:m,className:d,children:P,...g})=>{const b=f.useThemeContainer(),j=a.useProvidedTextDirection();return(0,o.jsx)(t.Popover.Portal,{container:v??b??void 0,keepMounted:m,children:(0,o.jsx)(t.Popover.Positioner,{dir:j,side:e,align:r,sideOffset:i,alignOffset:n,anchor:_,collisionPadding:c,className:p.positioner,children:(0,o.jsxs)(t.Popover.Popup,{...g,className:a.mergeClassNames(p.popup,d),children:[l&&(0,o.jsx)(t.Popover.Arrow,{className:p.arrow}),P]})})})},h=({className:e,...r})=>(0,o.jsx)(t.Popover.Title,{...r,className:a.mergeClassNames(p.title,e)}),G={Root:t.Popover.Root,Trigger:t.Popover.Trigger,Popup:q,Title:h,Description:T,Close:t.Popover.Close},L="_positioner_3411d_1",y="_popup_3411d_5",D="_group_3411d_36",O="_groupLabel_3411d_42",w="_separator_3411d_54",s={positioner:L,popup:y,group:D,groupLabel:O,separator:w},S=({className:e,...r})=>(0,o.jsx)(u.Menu.Group,{...r,className:a.mergeClassNames(s.group,e)}),R=({className:e,...r})=>(0,o.jsx)(u.Menu.GroupLabel,{...r,className:a.mergeClassNames(s.groupLabel,e)}),$=({className:e,...r})=>(0,o.jsx)(u.Menu.Separator,{...r,className:a.mergeClassNames(s.separator,e)});Object.defineProperty(exports,"MenuGroup",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"MenuGroupLabel",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"MenuSeparator",{enumerable:!0,get:function(){return $}});Object.defineProperty(exports,"Menu_module_default",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"Popover",{enumerable:!0,get:function(){return G}});

package/dist/MenuSeparator-CyUYx1nk.js

@@ -0,0 +1,68 @@
+import { t as f } from "./theme-CjHovJAZ.js";
+import { n as p, t as T } from "./useProvidedTextDirection-P1dtjUtE.js";
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
+import { Popover as e } from "@base-ui/react/popover";
+import { Menu as i } from "@base-ui/react/menu";
+var h = "_positioner_zlrze_1", C = "_popup_zlrze_5", L = "_title_zlrze_29", M = "_description_zlrze_36", w = "_arrow_zlrze_42", t = {
+  positioner: h,
+  popup: C,
+  title: L,
+  description: M,
+  arrow: w
+}, x = ({ className: r, ...o }) => /* @__PURE__ */ a(e.Description, {
+  ...o,
+  className: p(t.description, r)
+}), D = ({ side: r = "bottom", align: o = "center", sideOffset: l = 8, alignOffset: n, arrow: _ = !1, anchor: u, collisionPadding: v, container: m, keepMounted: c, className: d, children: P, ...g }) => {
+  const z = f(), N = T();
+  return /* @__PURE__ */ a(e.Portal, {
+    container: m ?? z ?? void 0,
+    keepMounted: c,
+    children: /* @__PURE__ */ a(e.Positioner, {
+      dir: N,
+      side: r,
+      align: o,
+      sideOffset: l,
+      alignOffset: n,
+      anchor: u,
+      collisionPadding: v,
+      className: t.positioner,
+      children: /* @__PURE__ */ b(e.Popup, {
+        ...g,
+        className: p(t.popup, d),
+        children: [_ && /* @__PURE__ */ a(e.Arrow, { className: t.arrow }), P]
+      })
+    })
+  });
+}, G = ({ className: r, ...o }) => /* @__PURE__ */ a(e.Title, {
+  ...o,
+  className: p(t.title, r)
+}), F = {
+  Root: e.Root,
+  Trigger: e.Trigger,
+  Popup: D,
+  Title: G,
+  Description: x,
+  Close: e.Close
+}, $ = "_positioner_3411d_1", j = "_popup_3411d_5", R = "_group_3411d_36", S = "_groupLabel_3411d_42", A = "_separator_3411d_54", s = {
+  positioner: $,
+  popup: j,
+  group: R,
+  groupLabel: S,
+  separator: A
+}, H = ({ className: r, ...o }) => /* @__PURE__ */ a(i.Group, {
+  ...o,
+  className: p(s.group, r)
+}), I = ({ className: r, ...o }) => /* @__PURE__ */ a(i.GroupLabel, {
+  ...o,
+  className: p(s.groupLabel, r)
+}), J = ({ className: r, ...o }) => /* @__PURE__ */ a(i.Separator, {
+  ...o,
+  className: p(s.separator, r)
+});
+export {
+  F as a,
+  s as i,
+  I as n,
+  H as r,
+  J as t
+};

package/dist/OverflowingTextWithTooltip-CNpmkBvJ.js

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

package/dist/OverflowingTextWithTooltip-tsJWb_Ie.cjs

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

package/dist/ProgressBar-21MXyySH.js

@@ -0,0 +1,108 @@
+import { t as B } from "./isDefined-fMi6eQ4r.js";
+import { t as x } from "./isRenderableSlot-DT_depzM.js";
+import { clsx as y } from "clsx";
+import { jsx as a, jsxs as k } from "react/jsx-runtime";
+import { isNonEmptyString as N } from "@sniptt/guards";
+import { Progress as v } from "@base-ui/react/progress";
+import { clamp as D } from "@base-ui/utils/clamp";
+var R = "_root_xbchc_1", A = "_ring_xbchc_11", I = "_track_xbchc_16", S = "_indicator_xbchc_21", g = {
+  root: R,
+  ring: A,
+  track: I,
+  indicator: S
+}, E = {
+  sm: 14,
+  md: 16
+}, b = 2, Q = ({ value: e, size: c = "md", barColor: o, children: s, className: p, style: _, "aria-valuetext": n, ...f }) => {
+  const l = D(e, 0, 100), m = Number.isNaN(l) ? 0 : l, r = E[c], t = (r - b) / 2, i = 2 * Math.PI * t;
+  return /* @__PURE__ */ k(v.Root, {
+    ...f,
+    value: m,
+    min: 0,
+    max: 100,
+    getAriaValueText: (h) => N(n) ? n : h,
+    className: y(g.root, p),
+    style: {
+      ...B(o) ? { "--progress-ring-color": o } : {},
+      ..._
+    },
+    children: [x(s) && /* @__PURE__ */ a("span", { children: s }), /* @__PURE__ */ k("svg", {
+      className: g.ring,
+      width: r,
+      height: r,
+      viewBox: `0 0 ${r} ${r}`,
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [/* @__PURE__ */ a("circle", {
+        className: g.track,
+        cx: r / 2,
+        cy: r / 2,
+        r: t,
+        strokeWidth: b
+      }), /* @__PURE__ */ a("circle", {
+        className: g.indicator,
+        cx: r / 2,
+        cy: r / 2,
+        r: t,
+        strokeWidth: b,
+        strokeDasharray: i,
+        strokeDashoffset: i - m / 100 * i,
+        strokeLinecap: "round"
+      })]
+    })]
+  });
+}, P = "_banner_i03ag_1", T = "_primaryBlue_i03ag_17", w = "_primaryDanger_i03ag_23", G = "_secondaryBlue_i03ag_29", $ = "_secondaryDanger_i03ag_35", d = {
+  banner: P,
+  primaryBlue: T,
+  primaryDanger: w,
+  secondaryBlue: G,
+  secondaryDanger: $
+}, L = {
+  primary: {
+    blue: d.primaryBlue,
+    danger: d.primaryDanger
+  },
+  secondary: {
+    blue: d.secondaryBlue,
+    danger: d.secondaryDanger
+  }
+}, U = ({ color: e = "blue", variant: c = "primary", className: o, children: s }) => /* @__PURE__ */ a("div", {
+  className: y(d.banner, L[c][e], o),
+  children: s
+}), O = "_bar_1kcc7_1", V = "_progressBarGrowIn_1kcc7_1", W = "_track_1kcc7_20", j = "_indicator_1kcc7_26", z = "_glint_1kcc7_45", M = "_progressBarGlint_1kcc7_1", u = {
+  bar: O,
+  progressBarGrowIn: V,
+  track: W,
+  indicator: j,
+  glint: z,
+  progressBarGlint: M
+}, X = ({ value: e, size: c = "md", className: o, barColor: s, backgroundColor: p = "none", withBorderRadius: _ = !1, withGrowIn: n = !1, withGlint: f = !1, withSpringFill: l = !1, withMinimumFillWidth: m = !0, ariaLabel: r, onGrowInComplete: t }) => /* @__PURE__ */ a(v.Root, {
+  className: y(u.bar, o),
+  "data-size": c,
+  "data-with-border-radius": _ || void 0,
+  "data-grow-in": n || void 0,
+  "aria-label": r,
+  value: e,
+  onAnimationEnd: (i) => {
+    n && i.target === i.currentTarget && t?.();
+  },
+  style: {
+    "--progress-bar-background-color": p,
+    ...N(s) ? { "--progress-bar-color": s } : {}
+  },
+  children: /* @__PURE__ */ a(v.Track, {
+    className: u.track,
+    children: /* @__PURE__ */ a(v.Indicator, {
+      className: u.indicator,
+      "data-with-border-radius": _ || void 0,
+      "data-spring-fill": l || void 0,
+      "data-nonzero": m && e > 0 || void 0,
+      children: f && /* @__PURE__ */ a("span", { className: u.glint }, e)
+    })
+  })
+});
+export {
+  U as n,
+  Q as r,
+  X as t
+};

package/dist/ProgressBar-CyqeRyzA.cjs

@@ -0,0 +1 @@
+const N=require("./isDefined-DS2Q42p5.cjs"),h=require("./isRenderableSlot-Guryb6Nf.cjs");let x=require("clsx"),e=require("react/jsx-runtime"),f=require("@sniptt/guards"),v=require("@base-ui/react/progress"),B=require("@base-ui/utils/clamp");var j="_root_xbchc_1",P="_ring_xbchc_11",D="_track_xbchc_16",R="_indicator_xbchc_21",g={root:j,ring:P,track:D,indicator:R},q={sm:14,md:16},y=2,S=({value:a,size:t="md",barColor:n,children:s,className:b,style:l,"aria-valuetext":c,...p})=>{const d=(0,B.clamp)(a,0,100),u=Number.isNaN(d)?0:d,r=q[t],o=(r-y)/2,i=2*Math.PI*o;return(0,e.jsxs)(v.Progress.Root,{...p,value:u,min:0,max:100,getAriaValueText:k=>(0,f.isNonEmptyString)(c)?c:k,className:(0,x.clsx)(g.root,b),style:{...N.isDefined(n)?{"--progress-ring-color":n}:{},...l},children:[h.isRenderableSlot(s)&&(0,e.jsx)("span",{children:s}),(0,e.jsxs)("svg",{className:g.ring,width:r,height:r,viewBox:`0 0 ${r} ${r}`,"aria-hidden":"true",focusable:"false",children:[(0,e.jsx)("circle",{className:g.track,cx:r/2,cy:r/2,r:o,strokeWidth:y}),(0,e.jsx)("circle",{className:g.indicator,cx:r/2,cy:r/2,r:o,strokeWidth:y,strokeDasharray:i,strokeDashoffset:i-u/100*i,strokeLinecap:"round"})]})]})},A="_banner_i03ag_1",E="_primaryBlue_i03ag_17",I="_primaryDanger_i03ag_23",O="_secondaryBlue_i03ag_29",T="_secondaryDanger_i03ag_35",_={banner:A,primaryBlue:E,primaryDanger:I,secondaryBlue:O,secondaryDanger:T},w={primary:{blue:_.primaryBlue,danger:_.primaryDanger},secondary:{blue:_.secondaryBlue,danger:_.secondaryDanger}},G=({color:a="blue",variant:t="primary",className:n,children:s})=>(0,e.jsx)("div",{className:(0,x.clsx)(_.banner,w[t][a],n),children:s}),$="_bar_1kcc7_1",L="_progressBarGrowIn_1kcc7_1",V="_track_1kcc7_20",W="_indicator_1kcc7_26",z="_glint_1kcc7_45",M="_progressBarGlint_1kcc7_1",m={bar:$,progressBarGrowIn:L,track:V,indicator:W,glint:z,progressBarGlint:M},H=({value:a,size:t="md",className:n,barColor:s,backgroundColor:b="none",withBorderRadius:l=!1,withGrowIn:c=!1,withGlint:p=!1,withSpringFill:d=!1,withMinimumFillWidth:u=!0,ariaLabel:r,onGrowInComplete:o})=>(0,e.jsx)(v.Progress.Root,{className:(0,x.clsx)(m.bar,n),"data-size":t,"data-with-border-radius":l||void 0,"data-grow-in":c||void 0,"aria-label":r,value:a,onAnimationEnd:i=>{c&&i.target===i.currentTarget&&o?.()},style:{"--progress-bar-background-color":b,...(0,f.isNonEmptyString)(s)?{"--progress-bar-color":s}:{}},children:(0,e.jsx)(v.Progress.Track,{className:m.track,children:(0,e.jsx)(v.Progress.Indicator,{className:m.indicator,"data-with-border-radius":l||void 0,"data-spring-fill":d||void 0,"data-nonzero":u&&a>0||void 0,children:p&&(0,e.jsx)("span",{className:m.glint},a)})})});Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return G}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return H}});Object.defineProperty(exports,"ProgressRing",{enumerable:!0,get:function(){return S}});