twenty-ui 2.50.0 → 2.51.1

package/dist/Input-D1sIHUZ5.js

@@ -0,0 +1,25 @@
+import { t as u } from "./isDefined-fMi6eQ4r.js";
+import { t as d } from "./mergeClassNames-ClFMR1v0.js";
+import { clsx as l } from "clsx";
+import { createContext as _, useContext as f } from "react";
+import { jsx as v } from "react/jsx-runtime";
+import { Input as c } from "@base-ui/react/input";
+var x = _(null), C = "_input_1ah48_1", I = "_sm_1ah48_58", g = "_md_1ah48_62", a = {
+  input: C,
+  sm: I,
+  md: g
+}, S = ({ size: o, variant: e = "default", hasFocusRing: s = !0, className: n, ...m }) => {
+  const t = f(x), i = o ?? t?.size ?? "md", r = u(t), p = r ? "plain" : e;
+  return /* @__PURE__ */ v(c, {
+    ...m,
+    className: d(l(a.input, a[i]), n),
+    "data-variant": p,
+    "data-focus-ring": s,
+    "data-grouped": r || void 0
+  });
+};
+export {
+  a as n,
+  x as r,
+  S as t
+};

package/dist/Input-D69M4UwD.cjs

@@ -0,0 +1 @@
+const _=require("./isDefined-DS2Q42p5.cjs"),c=require("./mergeClassNames-D4lshrT6.cjs");let m=require("clsx"),u=require("react"),f=require("react/jsx-runtime"),v=require("@base-ui/react/input");var n=(0,u.createContext)(null),q="_input_1ah48_1",x="_sm_1ah48_58",b="_md_1ah48_62",e={input:q,sm:x,md:b},g=({size:a,variant:i="default",hasFocusRing:s=!0,className:o,...l})=>{const t=(0,u.useContext)(n),d=a??t?.size??"md",r=_.isDefined(t),p=r?"plain":i;return(0,f.jsx)(v.Input,{...l,className:c.mergeClassNames((0,m.clsx)(e.input,e[d]),o),"data-variant":p,"data-focus-ring":s,"data-grouped":r||void 0})};Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"InputGroupContext",{enumerable:!0,get:function(){return n}});Object.defineProperty(exports,"Input_module_default",{enumerable:!0,get:function(){return e}});

package/dist/ListItem-B-SFWJZb.cjs

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

package/dist/ListItem-WLONJMo5.js

@@ -0,0 +1,91 @@
+import { t as j } from "./isDefined-fMi6eQ4r.js";
+import { t as n } from "./isRenderableSlot-DT_depzM.js";
+import { Tt as k, kt as q } from "./TablerIcons-B-5Ua_Ne.js";
+import { t as y } from "./Shortcut-Bp9iDdQg.js";
+import { t as F } from "./OverflowingTextWithTooltip-D4eZc-7P.js";
+import { n as t, t as e } from "./ListItem.module-B31VK9XZ.js";
+import { useRender as J } from "@base-ui/react/use-render";
+import { isString as O } from "@sniptt/guards";
+import { clsx as r } from "clsx";
+import { Fragment as W, jsx as a, jsxs as x } from "react/jsx-runtime";
+var z = ({ checked: o, disabled: i }) => /* @__PURE__ */ a("span", {
+  "aria-hidden": !0,
+  className: r(t.root, t.solid, t.sm, t.square, t.accent),
+  "data-checked": o || void 0,
+  "data-disabled": i || void 0,
+  children: o && /* @__PURE__ */ a("span", {
+    className: t.indicator,
+    children: /* @__PURE__ */ a(k, { "aria-hidden": !0 })
+  })
+}), X = ({ color: o = "neutral", selected: i = !1, selectionAppearance: v = "default", active: I = !1, focused: g = !1, disabled: d = !1, indicator: l = "none", startIcon: h, endIcon: p, description: c, descriptionPlacement: s = "inline", actions: f, actionsVisibility: C = "hover", actionsPlacement: D = "auto", shortcut: u, shortcutJoinLabel: L, hasSubmenu: S = !1, className: _, children: m, render: w, ref: R, ...T }) => {
+  const N = n(c), b = n(f) ? /* @__PURE__ */ a("span", {
+    className: e.actions,
+    children: f
+  }) : null;
+  return J({
+    render: w,
+    ref: R,
+    state: {
+      color: o,
+      indicator: l,
+      selected: i,
+      active: I,
+      highlighted: g,
+      disabled: d
+    },
+    props: {
+      ...T,
+      "data-actions-visibility": C,
+      "data-actions-placement": D,
+      "data-description-placement": s,
+      "data-selection-appearance": v,
+      className: r(e.root, _),
+      children: /* @__PURE__ */ x(W, { children: [
+        l === "checkbox" && /* @__PURE__ */ a(z, {
+          checked: i,
+          disabled: d
+        }),
+        n(h) && /* @__PURE__ */ a("span", {
+          className: e.startIcon,
+          children: h
+        }),
+        /* @__PURE__ */ x("span", {
+          className: e.label,
+          children: [/* @__PURE__ */ a("span", {
+            className: e.text,
+            children: O(m) ? /* @__PURE__ */ a(F, { text: m }) : m
+          }), N && s !== "end" && /* @__PURE__ */ a("span", {
+            className: r(e.description, s === "inline" && e.inlineDescription),
+            children: c
+          })]
+        }),
+        N && s === "end" && /* @__PURE__ */ a("span", {
+          className: r(e.description, e.endDescription),
+          children: c
+        }),
+        s !== "below" && b,
+        j(u) && /* @__PURE__ */ a(y, {
+          className: e.hotkeys,
+          shortcut: u,
+          sequenceJoinLabel: L
+        }),
+        n(p) && /* @__PURE__ */ a("span", {
+          className: e.endIcon,
+          children: p
+        }),
+        l === "check" && i && /* @__PURE__ */ a(k, {
+          className: e.checkIndicator,
+          "aria-hidden": !0
+        }),
+        S && /* @__PURE__ */ a(q, {
+          className: e.submenuIcon,
+          "aria-hidden": !0
+        }),
+        s === "below" && b
+      ] })
+    }
+  });
+};
+export {
+  X as t
+};

package/dist/ListItem.module-B31VK9XZ.js

@@ -0,0 +1,34 @@
+var _ = "_root_xrjjl_1", r = "_solid_xrjjl_23", a = "_outline_xrjjl_27", o = "_soft_xrjjl_31", e = "_sm_xrjjl_36", v = "_md_xrjjl_41", n = "_square_xrjjl_47", t = "_round_xrjjl_52", c = "_accent_xrjjl_58", i = "_success_xrjjl_64", s = "_warning_xrjjl_70", l = "_hoverable_xrjjl_76", j = "_indicator_xrjjl_128", m = "_check_xrjjl_149", d = "_minus_xrjjl_150", y = {
+  root: _,
+  solid: r,
+  outline: a,
+  soft: o,
+  sm: e,
+  md: v,
+  square: n,
+  round: t,
+  accent: c,
+  success: i,
+  warning: s,
+  hoverable: l,
+  indicator: j,
+  check: m,
+  minus: d
+}, x = "_root_15vm9_2", u = "_submenuIcon_15vm9_57", h = "_startIcon_15vm9_61", I = "_endIcon_15vm9_62", b = "_label_15vm9_78", k = "_text_15vm9_88", p = "_description_15vm9_96", f = "_inlineDescription_15vm9_104", D = "_endDescription_15vm9_109", g = "_hotkeys_15vm9_115", q = "_actions_15vm9_121", w = "_checkIndicator_15vm9_146", C = {
+  root: x,
+  submenuIcon: u,
+  startIcon: h,
+  endIcon: I,
+  label: b,
+  text: k,
+  description: p,
+  inlineDescription: f,
+  endDescription: D,
+  hotkeys: g,
+  actions: q,
+  checkIndicator: w
+};
+export {
+  y as n,
+  C as t
+};

package/dist/ListItem.module-DiUK6-0Z.cjs

@@ -0,0 +1 @@
+var _="_root_xrjjl_1",r="_solid_xrjjl_23",e="_outline_xrjjl_27",a="_soft_xrjjl_31",t="_sm_xrjjl_36",n="_md_xrjjl_41",o="_square_xrjjl_47",v="_round_xrjjl_52",c="_accent_xrjjl_58",i="_success_xrjjl_64",l="_warning_xrjjl_70",j="_hoverable_xrjjl_76",s="_indicator_xrjjl_128",u="_check_xrjjl_149",m="_minus_xrjjl_150",d={root:_,solid:r,outline:e,soft:a,sm:t,md:n,square:o,round:v,accent:c,success:i,warning:l,hoverable:j,indicator:s,check:u,minus:m},x="_root_15vm9_2",b="_submenuIcon_15vm9_57",f="_startIcon_15vm9_61",h="_endIcon_15vm9_62",I="_label_15vm9_78",k="_text_15vm9_88",p="_description_15vm9_96",g="_inlineDescription_15vm9_104",y="_endDescription_15vm9_109",D="_hotkeys_15vm9_115",q="_actions_15vm9_121",w="_checkIndicator_15vm9_146",C={root:x,submenuIcon:b,startIcon:f,endIcon:h,label:I,text:k,description:p,inlineDescription:g,endDescription:y,hotkeys:D,actions:q,checkIndicator:w};Object.defineProperty(exports,"Checkbox_module_default",{enumerable:!0,get:function(){return d}});Object.defineProperty(exports,"ListItem_module_default",{enumerable:!0,get:function(){return C}});

package/dist/OverflowingTextWithTooltip-ClpPsdpP.cjs

@@ -0,0 +1 @@
+const a=require("./isDefined-DS2Q42p5.cjs"),o=require("./Tooltip-08dDawT_.cjs");let J=require("@base-ui/react/use-render"),R=require("@sniptt/guards"),E=require("clsx"),n=require("react"),r=require("react/jsx-runtime"),K=require("@base-ui/react/merge-props"),L=require("@base-ui/utils/useMergedRefs");var Q="_typography_qms7s_1",U="_truncate_qms7s_44",V="_lineClamp_qms7s_50",x={typography:Q,truncate:U,lineClamp:V},N=({render:t,size:l,weight:d,color:f,truncate:p,lineClamp:i,className:g,style:s,ref:u,..._})=>{const c=a.isDefined(i)&&Number.isInteger(i)&&i>0;return(0,J.useRender)({render:t,ref:u,props:{..._,"data-size":l,"data-weight":d,"data-color":f,className:(0,E.clsx)(x.typography,p&&x.truncate,c&&x.lineClamp,g),style:c?{...s,"--text-line-clamp":i}:s}})},X=t=>a.isDefined(t)&&(t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth),W=(0,n.createContext)("measure-on-hover"),Y="_overflowingMultilineText_1fi6s_1",Z="_overflowingText_1fi6s_24",$="_multilineTooltip_1fi6s_45",m={overflowingMultilineText:Y,overflowingText:Z,multilineTooltip:$},ee=(0,n.memo)(function({text:l,size:d,weight:f,color:p,isTooltipMultiline:i,truncate:g,lineClamp:s,tooltipContent:u,tooltipDelay:_=500,tooltipPlace:c="bottom",alwaysShowTooltip:h=!1,isFocusable:I=!1,render:S,ref:k,className:H,...z}){const O=(0,n.useContext)(W),w=O==="disabled",v=(0,n.useRef)(null),[b,B]=(0,n.useState)(!1),[F,q]=(0,n.useState)(!1),A=(0,L.useMergedRefs)(v,k),y=()=>{const e=X(v.current);return B(e),e},j=e=>{if(!e){q(!1);return}q(y()||h)},G=e=>{e.stopPropagation(),e.preventDefault()},T=(0,R.isNonEmptyString)(u)?u:(0,R.isNonEmptyString)(l)?l:null,D=a.isDefined(s),M=(0,r.jsx)(N,{...D?{lineClamp:s}:{truncate:g??!0},dir:"auto","data-content-overflowing":b?"":void 0,className:(0,E.clsx)(D?m.overflowingMultilineText:m.overflowingText,H),render:S,ref:A,...(0,K.mergeProps)({tabIndex:I?0:void 0,...w?{}:{onPointerEnter:y,onFocus:()=>j(!0)}},z),size:d,weight:f,color:p,children:l});return w?M:(0,r.jsxs)(o.Tooltip.Root,{open:F&&a.isDefined(T),onOpenChange:(...e)=>{const[P,C]=e;if(!P&&C.reason==="trigger-hover"&&v.current?.contains(document.activeElement)){C.cancel();return}j(P)},disabled:!a.isDefined(T)||O==="measure-on-hover"&&!b&&!h,children:[(0,r.jsx)(o.Tooltip.Trigger,{delay:_,closeOnClick:!1,render:M}),(0,r.jsx)(o.Tooltip.Portal,{children:(0,r.jsx)(o.Tooltip.Positioner,{sideOffset:5,side:c,children:(0,r.jsx)(o.Tooltip.Popup,{className:i?m.multilineTooltip:void 0,onClick:G,children:(0,r.jsx)(o.TooltipBody,{children:T})})})})]})});Object.defineProperty(exports,"OverflowingTextTooltipModeContext",{enumerable:!0,get:function(){return W}});Object.defineProperty(exports,"OverflowingTextWithTooltip",{enumerable:!0,get:function(){return ee}});Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return N}});

package/dist/OverflowingTextWithTooltip-D4eZc-7P.js

@@ -0,0 +1,96 @@
+import { t as s } from "./isDefined-fMi6eQ4r.js";
+import { n as A, t as l } from "./Tooltip-C7zc16gI.js";
+import { useRender as G } from "@base-ui/react/use-render";
+import { isNonEmptyString as N } from "@sniptt/guards";
+import { clsx as D } from "clsx";
+import { createContext as J, memo as K, useContext as L, useRef as Q, useState as W } from "react";
+import { jsx as r, jsxs as U } from "react/jsx-runtime";
+import { mergeProps as V } from "@base-ui/react/merge-props";
+import { useMergedRefs as X } from "@base-ui/utils/useMergedRefs";
+var Y = "_typography_qms7s_1", Z = "_truncate_qms7s_44", $ = "_lineClamp_qms7s_50", T = {
+  typography: Y,
+  truncate: Z,
+  lineClamp: $
+}, ee = ({ render: t, size: i, weight: f, color: p, truncate: u, lineClamp: o, className: d, style: n, ref: a, ...m }) => {
+  const c = s(o) && Number.isInteger(o) && o > 0;
+  return G({
+    render: t,
+    ref: a,
+    props: {
+      ...m,
+      "data-size": i,
+      "data-weight": f,
+      "data-color": p,
+      className: D(T.typography, u && T.truncate, c && T.lineClamp, d),
+      style: c ? {
+        ...n,
+        "--text-line-clamp": o
+      } : n
+    }
+  });
+}, te = (t) => s(t) && (t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth), oe = J("measure-on-hover"), re = "_overflowingMultilineText_1fi6s_1", ie = "_overflowingText_1fi6s_24", ne = "_multilineTooltip_1fi6s_45", h = {
+  overflowingMultilineText: re,
+  overflowingText: ie,
+  multilineTooltip: ne
+}, ve = K(function({ text: i, size: f, weight: p, color: u, isTooltipMultiline: o, truncate: d, lineClamp: n, tooltipContent: a, tooltipDelay: m = 500, tooltipPlace: c = "bottom", alwaysShowTooltip: x = !1, isFocusable: I = !1, render: k, ref: q, className: j, ...H }) {
+  const _ = L(oe), w = _ === "disabled", v = Q(null), [O, S] = W(!1), [z, y] = W(!1), B = X(v, q), C = () => {
+    const e = te(v.current);
+    return S(e), e;
+  }, M = (e) => {
+    if (!e) {
+      y(!1);
+      return;
+    }
+    y(C() || x);
+  }, F = (e) => {
+    e.stopPropagation(), e.preventDefault();
+  }, g = N(a) ? a : N(i) ? i : null, b = s(n), P = /* @__PURE__ */ r(ee, {
+    ...b ? { lineClamp: n } : { truncate: d ?? !0 },
+    dir: "auto",
+    "data-content-overflowing": O ? "" : void 0,
+    className: D(b ? h.overflowingMultilineText : h.overflowingText, j),
+    render: k,
+    ref: B,
+    ...V({
+      tabIndex: I ? 0 : void 0,
+      ...w ? {} : {
+        onPointerEnter: C,
+        onFocus: () => M(!0)
+      }
+    }, H),
+    size: f,
+    weight: p,
+    color: u,
+    children: i
+  });
+  return w ? P : /* @__PURE__ */ U(l.Root, {
+    open: z && s(g),
+    onOpenChange: (...e) => {
+      const [R, E] = e;
+      if (!R && E.reason === "trigger-hover" && v.current?.contains(document.activeElement)) {
+        E.cancel();
+        return;
+      }
+      M(R);
+    },
+    disabled: !s(g) || _ === "measure-on-hover" && !O && !x,
+    children: [/* @__PURE__ */ r(l.Trigger, {
+      delay: m,
+      closeOnClick: !1,
+      render: P
+    }), /* @__PURE__ */ r(l.Portal, { children: /* @__PURE__ */ r(l.Positioner, {
+      sideOffset: 5,
+      side: c,
+      children: /* @__PURE__ */ r(l.Popup, {
+        className: o ? h.multilineTooltip : void 0,
+        onClick: F,
+        children: /* @__PURE__ */ r(A, { children: g })
+      })
+    }) })]
+  });
+});
+export {
+  oe as n,
+  ee as r,
+  ve as t
+};

package/dist/ProgressBar-8pjpGrmZ.js

@@ -0,0 +1,99 @@
+import { t as u } from "./isDefined-fMi6eQ4r.js";
+import { t as b } from "./isRenderableSlot-DT_depzM.js";
+import { Cc as B } from "./TablerIcons-B-5Ua_Ne.js";
+import { t as N } from "./doNotTranslate-BSVT8Xyd.js";
+import { t as j } from "./mergeClassNames-ClFMR1v0.js";
+import { n as g, t as y } from "./getProgressIndicatorPercentage-ejfaM6XU.js";
+import { t as f } from "./Button-CU8BS-Yd.js";
+import { useRender as k } from "@base-ui/react/use-render";
+import { isFunction as C, isNonEmptyString as I } from "@sniptt/guards";
+import { clsx as P } from "clsx";
+import { Fragment as S, jsx as r, jsxs as h } from "react/jsx-runtime";
+var w = {
+  neutral: "gray",
+  info: "blue",
+  success: "green",
+  warning: "orange",
+  error: "red"
+}, x = (a) => /* @__PURE__ */ r(f, {
+  ...a,
+  size: "sm",
+  variant: "outline",
+  color: "inherit"
+}), A = "_banner_8yjvn_1", F = "_icon_8yjvn_52", T = "_action_8yjvn_53", z = "_dismissible_8yjvn_59", E = "_closeButton_8yjvn_64", i = {
+  banner: A,
+  icon: F,
+  action: T,
+  dismissible: z,
+  closeButton: E
+}, O = ({ status: a = "info", variant: l = "solid", color: o = w[a], icon: s, action: n, onDismiss: t, closeLabel: c = N("Close"), className: d, children: _, render: e, ref: m, ...v }) => k({
+  render: e,
+  ref: m,
+  state: {
+    status: a,
+    variant: l,
+    color: o
+  },
+  props: {
+    ...v,
+    className: P(i.banner, u(t) && i.dismissible, d),
+    children: /* @__PURE__ */ h(S, { children: [
+      b(s) && /* @__PURE__ */ r("span", {
+        className: i.icon,
+        children: s
+      }),
+      _,
+      b(n) && /* @__PURE__ */ r("div", {
+        className: i.action,
+        children: n
+      }),
+      u(t) && /* @__PURE__ */ r(f, {
+        type: "button",
+        size: "sm",
+        variant: "ghost",
+        color: "inherit",
+        className: i.closeButton,
+        "aria-label": c,
+        onClick: t,
+        startIcon: /* @__PURE__ */ r(B, { "aria-hidden": "true" })
+      })
+    ] })
+  }
+}), Z = Object.assign(O, { Action: x }), R = "_bar_o09oi_1", K = "_track_o09oi_17", L = "_indicator_o09oi_23", M = "_progressBarIndeterminate_o09oi_1", p = {
+  bar: R,
+  track: K,
+  indicator: L,
+  progressBarIndeterminate: M
+}, $ = ({ size: a = "md", className: l, style: o, children: s, barColor: n, backgroundColor: t = "none", withBorderRadius: c = !1, withMinimumFillWidth: d = !0, ..._ }) => /* @__PURE__ */ h(g.Root, {
+  ..._,
+  className: j(p.bar, l),
+  "data-size": a,
+  "data-with-border-radius": c || void 0,
+  style: (e) => ({
+    "--progress-bar-background-color": t,
+    ...I(n) ? { "--progress-bar-color": n } : {},
+    ...C(o) ? o(e) : o
+  }),
+  children: [/* @__PURE__ */ r(g.Track, {
+    className: p.track,
+    children: /* @__PURE__ */ r(g.Indicator, {
+      className: p.indicator,
+      "data-with-border-radius": c || void 0,
+      render: (e) => {
+        const m = y({
+          width: e.style?.width,
+          fallbackPercentage: 0
+        }), v = d && m > 0 && m < 100;
+        return /* @__PURE__ */ r("div", {
+          ...e,
+          "data-minimum-fill": v || void 0
+        });
+      }
+    })
+  }), s]
+});
+export {
+  Z as n,
+  w as r,
+  $ as t
+};

package/dist/ProgressBar-goqxS9NE.cjs

@@ -0,0 +1 @@
+const v=require("./isDefined-DS2Q42p5.cjs"),j=require("./isRenderableSlot-Guryb6Nf.cjs"),p=require("./doNotTranslate-CHE7WmRS.cjs"),h=require("./mergeClassNames-D4lshrT6.cjs"),x=require("./getProgressIndicatorPercentage-Mii9lnYd.cjs"),B=require("./Button-iVyxlrwO.cjs");let P=require("@base-ui/react/use-render"),q=require("@sniptt/guards"),N=require("clsx"),e=require("react/jsx-runtime"),y=require("@tabler/icons-react"),m=require("@base-ui/react/progress");var f={neutral:"gray",info:"blue",success:"green",warning:"orange",error:"red"},S=r=>(0,e.jsx)(B.Button,{...r,size:"sm",variant:"outline",color:"inherit"}),C="_banner_8yjvn_1",O="_icon_8yjvn_52",k="_action_8yjvn_53",I="_dismissible_8yjvn_59",T="_closeButton_8yjvn_64",i={banner:C,icon:O,action:k,dismissible:I,closeButton:T},A=({status:r="info",variant:u="solid",color:a=f[r],icon:o,action:t,onDismiss:s,closeLabel:c=p.doNotTranslate("Close"),className:_,children:d,render:n,ref:l,...g})=>(0,P.useRender)({render:n,ref:l,state:{status:r,variant:u,color:a},props:{...g,className:(0,N.clsx)(i.banner,v.isDefined(s)&&i.dismissible,_),children:(0,e.jsxs)(e.Fragment,{children:[j.isRenderableSlot(o)&&(0,e.jsx)("span",{className:i.icon,children:o}),d,j.isRenderableSlot(t)&&(0,e.jsx)("div",{className:i.action,children:t}),v.isDefined(s)&&(0,e.jsx)(B.Button,{type:"button",size:"sm",variant:"ghost",color:"inherit",className:i.closeButton,"aria-label":c,onClick:s,startIcon:(0,e.jsx)(y.IconX,{"aria-hidden":"true"})})]})}}),R=Object.assign(A,{Action:S}),E="_bar_o09oi_1",F="_track_o09oi_17",w="_indicator_o09oi_23",z="_progressBarIndeterminate_o09oi_1",b={bar:E,track:F,indicator:w,progressBarIndeterminate:z},D=({size:r="md",className:u,style:a,children:o,barColor:t,backgroundColor:s="none",withBorderRadius:c=!1,withMinimumFillWidth:_=!0,...d})=>(0,e.jsxs)(m.Progress.Root,{...d,className:h.mergeClassNames(b.bar,u),"data-size":r,"data-with-border-radius":c||void 0,style:n=>({"--progress-bar-background-color":s,...(0,q.isNonEmptyString)(t)?{"--progress-bar-color":t}:{},...(0,q.isFunction)(a)?a(n):a}),children:[(0,e.jsx)(m.Progress.Track,{className:b.track,children:(0,e.jsx)(m.Progress.Indicator,{className:b.indicator,"data-with-border-radius":c||void 0,render:n=>{const l=x.getProgressIndicatorPercentage({width:n.style?.width,fallbackPercentage:0}),g=_&&l>0&&l<100;return(0,e.jsx)("div",{...n,"data-minimum-fill":g||void 0})}})}),o]});Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"FEEDBACK_STATUS_COLORS",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return D}});

package/dist/Radio-CpQPRHXa.cjs

@@ -0,0 +1 @@
+const F=require("./theme-1XkFz8Qu.cjs"),L=require("./isDefined-DS2Q42p5.cjs"),o=require("./mergeClassNames-D4lshrT6.cjs"),j=require("./Button-iVyxlrwO.cjs"),g=require("./useProvidedTextDirection-PVaoQCLH.cjs"),d=require("./ListItem.module-DiUK6-0Z.cjs"),_=require("./Input-D69M4UwD.cjs");let G=require("@base-ui/react/use-render"),S=require("@sniptt/guards"),i=require("clsx"),t=require("react/jsx-runtime"),a=require("@base-ui/react/select"),u=require("@base-ui/react/number-field"),x=require("@base-ui/react/radio"),I=require("@tabler/icons-react");var A="_trigger_hijh9_1",D="_value_hijh9_12",T="_icon_hijh9_31",w="_positioner_hijh9_42",B="_popup_hijh9_46",O="_item_hijh9_71",k="_indicator_hijh9_75",y="_groupLabel_hijh9_81",E="_separator_hijh9_89",l={trigger:A,value:D,icon:T,positioner:w,popup:B,item:O,indicator:k,groupLabel:y,separator:E},$=({className:e,...r})=>(0,t.jsx)(a.Select.GroupLabel,{...r,className:o.mergeClassNames(l.groupLabel,e)}),U=({className:e,children:r=(0,t.jsx)(I.IconChevronDown,{}),...s})=>(0,t.jsx)(a.Select.Icon,{...s,className:o.mergeClassNames(l.icon,e),children:r}),V=({className:e,...r})=>(0,t.jsx)(a.Select.Item,{"data-color":"neutral","data-indicator":"check",...r,className:o.mergeClassNames((0,i.clsx)(d.ListItem_module_default.root,l.item),e)}),H=({className:e,children:r=(0,t.jsx)(I.IconCheck,{className:d.ListItem_module_default.checkIndicator}),...s})=>(0,t.jsx)(a.Select.ItemIndicator,{...s,className:o.mergeClassNames(l.indicator,e),children:r}),J=({className:e,...r})=>(0,t.jsx)(a.Select.ItemText,{...r,className:o.mergeClassNames((0,i.clsx)(d.ListItem_module_default.label,d.ListItem_module_default.text),e)}),K=({className:e,...r})=>(0,t.jsx)(a.Select.Popup,{...r,className:o.mergeClassNames(l.popup,e)}),M=({container:e,...r})=>{const s=F.useThemeContainer(),c=g.useProvidedTextDirection();return(0,t.jsx)(a.Select.Portal,{dir:c,...r,container:(0,S.isUndefined)(e)?s??void 0:e})},Q=({className:e,...r})=>{const s=g.useProvidedTextDirection();return(0,t.jsx)(a.Select.Positioner,{dir:s,...r,className:o.mergeClassNames(l.positioner,e)})},W=({className:e,...r})=>(0,t.jsx)(a.Select.Separator,{...r,className:o.mergeClassNames(l.separator,e)}),X=({size:e="md",className:r,...s})=>(0,t.jsx)(a.Select.Trigger,{...s,className:o.mergeClassNames((0,i.clsx)(_.Input_module_default.input,_.Input_module_default[e],l.trigger),r)}),Y=({className:e,...r})=>(0,t.jsx)(a.Select.Value,{...r,className:o.mergeClassNames(l.value,e)}),Z=()=>({Root:a.Select.Root,Label:a.Select.Label,Trigger:X,Value:Y,Icon:U,Portal:M,Backdrop:a.Select.Backdrop,Positioner:Q,Popup:K,List:a.Select.List,Item:V,ItemIndicator:H,ItemText:J,Arrow:a.Select.Arrow,ScrollDownArrow:a.Select.ScrollDownArrow,ScrollUpArrow:a.Select.ScrollUpArrow,Group:a.Select.Group,GroupLabel:$,Separator:W}),z=Z(),ee="_group_mv9ls_1",re="_button_mv9ls_7",N={group:ee,button:re},te=({className:e,...r})=>(0,t.jsx)(u.NumberField.Decrement,{...r,className:o.mergeClassNames((0,i.clsx)(j.Button_module_default.button,N.button),e)}),ae=({className:e,...r})=>(0,t.jsx)(u.NumberField.Group,{...r,className:o.mergeClassNames(N.group,e)}),oe=({className:e,...r})=>(0,t.jsx)(u.NumberField.Increment,{...r,className:o.mergeClassNames((0,i.clsx)(j.Button_module_default.button,N.button),e)}),se=({className:e,...r})=>(0,t.jsx)(u.NumberField.Input,{...r,className:o.mergeClassNames(_.Input_module_default.input,e)}),le={Root:u.NumberField.Root,Group:ae,Input:se,Increment:oe,Decrement:te,ScrubArea:u.NumberField.ScrubArea,ScrubAreaCursor:u.NumberField.ScrubAreaCursor},ce="_root_g72rh_1",ue="_sm_g72rh_30",ie="_md_g72rh_34",ne="_startElement_g72rh_38",me="_endElement_g72rh_39",m={root:ce,sm:ue,md:ie,startElement:ne,endElement:me},b=e=>L.isDefined(e)&&!(0,S.isBoolean)(e)&&e!=="",de=({size:e="md",hasFocusRing:r=!0,startElement:s,endElement:c,className:p,children:v,render:C,ref:q,...P})=>{const R=(0,G.useRender)({render:C,ref:q,props:{...P,className:(0,i.clsx)(m.root,m[e],p),"data-focus-ring":r,children:(0,t.jsxs)(t.Fragment,{children:[b(s)&&(0,t.jsx)("span",{className:m.startElement,children:s}),v,b(c)&&(0,t.jsx)("span",{className:m.endElement,children:c})]})}});return(0,t.jsx)(_.InputGroupContext.Provider,{value:{size:e},children:R})},_e="_root_1pdpj_1",pe="_control_1pdpj_18",ve="_sm_1pdpj_33",Ne="_md_1pdpj_38",be="_indicator_1pdpj_49",je="_card_1pdpj_90",ge="_cardContent_1pdpj_111",n={root:_e,control:pe,sm:ve,md:Ne,indicator:be,card:je,cardContent:ge},h=x.Radio.Indicator,f=x.Radio.Root,Se=({children:e,className:r,size:s="sm",variant:c="default",render:p=c==="card"?(0,t.jsx)("div",{}):void 0,...v})=>(0,t.jsxs)(f,{...v,render:p,className:o.mergeClassNames((0,i.clsx)(n.root,n[s],c==="card"&&n.card),r),children:[(0,t.jsx)("span",{className:n.control,"aria-hidden":!0,children:(0,t.jsx)(h,{className:n.indicator})}),c==="card"?(0,t.jsx)("span",{className:n.cardContent,children:e}):e]}),xe=Object.assign(Se,{Root:f,Indicator:h});Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"NumberField",{enumerable:!0,get:function(){return le}});Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return xe}});Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return z}});Object.defineProperty(exports,"Select_module_default",{enumerable:!0,get:function(){return l}});

package/dist/Radio-VTjpEz8M.js

@@ -0,0 +1,175 @@
+import { t as L } from "./isDefined-fMi6eQ4r.js";
+import { Dt as P, Tt as x } from "./TablerIcons-B-5Ua_Ne.js";
+import { t as w } from "./theme-B2EaXhye.js";
+import { t } from "./mergeClassNames-ClFMR1v0.js";
+import { n as N } from "./Button-CU8BS-Yd.js";
+import { t as b } from "./useProvidedTextDirection-Dk8LBQeF.js";
+import { t as p } from "./ListItem.module-B31VK9XZ.js";
+import { n as v, r as D } from "./Input-D1sIHUZ5.js";
+import { useRender as T } from "@base-ui/react/use-render";
+import { isBoolean as F, isUndefined as $ } from "@sniptt/guards";
+import { clsx as l } from "clsx";
+import { Fragment as k, jsx as a, jsxs as g } from "react/jsx-runtime";
+import { Select as o } from "@base-ui/react/select";
+import { NumberField as m } from "@base-ui/react/number-field";
+import { Radio as f } from "@base-ui/react/radio";
+var B = "_trigger_hijh9_1", E = "_value_hijh9_12", U = "_icon_hijh9_31", V = "_positioner_hijh9_42", O = "_popup_hijh9_46", q = "_item_hijh9_71", y = "_indicator_hijh9_75", H = "_groupLabel_hijh9_81", J = "_separator_hijh9_89", c = {
+  trigger: B,
+  value: E,
+  icon: U,
+  positioner: V,
+  popup: O,
+  item: q,
+  indicator: y,
+  groupLabel: H,
+  separator: J
+}, K = ({ className: r, ...e }) => /* @__PURE__ */ a(o.GroupLabel, {
+  ...e,
+  className: t(c.groupLabel, r)
+}), M = ({ className: r, children: e = /* @__PURE__ */ a(P, {}), ...i }) => /* @__PURE__ */ a(o.Icon, {
+  ...i,
+  className: t(c.icon, r),
+  children: e
+}), Q = ({ className: r, ...e }) => /* @__PURE__ */ a(o.Item, {
+  "data-color": "neutral",
+  "data-indicator": "check",
+  ...e,
+  className: t(l(p.root, c.item), r)
+}), W = ({ className: r, children: e = /* @__PURE__ */ a(x, { className: p.checkIndicator }), ...i }) => /* @__PURE__ */ a(o.ItemIndicator, {
+  ...i,
+  className: t(c.indicator, r),
+  children: e
+}), X = ({ className: r, ...e }) => /* @__PURE__ */ a(o.ItemText, {
+  ...e,
+  className: t(l(p.label, p.text), r)
+}), Y = ({ className: r, ...e }) => /* @__PURE__ */ a(o.Popup, {
+  ...e,
+  className: t(c.popup, r)
+}), Z = ({ container: r, ...e }) => {
+  const i = w(), n = b();
+  return /* @__PURE__ */ a(o.Portal, {
+    dir: n,
+    ...e,
+    container: $(r) ? i ?? void 0 : r
+  });
+}, z = ({ className: r, ...e }) => {
+  const i = b();
+  return /* @__PURE__ */ a(o.Positioner, {
+    dir: i,
+    ...e,
+    className: t(c.positioner, r)
+  });
+}, rr = ({ className: r, ...e }) => /* @__PURE__ */ a(o.Separator, {
+  ...e,
+  className: t(c.separator, r)
+}), er = ({ size: r = "md", className: e, ...i }) => /* @__PURE__ */ a(o.Trigger, {
+  ...i,
+  className: t(l(v.input, v[r], c.trigger), e)
+}), ar = ({ className: r, ...e }) => /* @__PURE__ */ a(o.Value, {
+  ...e,
+  className: t(c.value, r)
+}), or = () => ({
+  Root: o.Root,
+  Label: o.Label,
+  Trigger: er,
+  Value: ar,
+  Icon: M,
+  Portal: Z,
+  Backdrop: o.Backdrop,
+  Positioner: z,
+  Popup: Y,
+  List: o.List,
+  Item: Q,
+  ItemIndicator: W,
+  ItemText: X,
+  Arrow: o.Arrow,
+  ScrollDownArrow: o.ScrollDownArrow,
+  ScrollUpArrow: o.ScrollUpArrow,
+  Group: o.Group,
+  GroupLabel: K,
+  Separator: rr
+}), Er = /* @__PURE__ */ or(), tr = "_group_mv9ls_1", ir = "_button_mv9ls_7", h = {
+  group: tr,
+  button: ir
+}, cr = ({ className: r, ...e }) => /* @__PURE__ */ a(m.Decrement, {
+  ...e,
+  className: t(l(N.button, h.button), r)
+}), nr = ({ className: r, ...e }) => /* @__PURE__ */ a(m.Group, {
+  ...e,
+  className: t(h.group, r)
+}), mr = ({ className: r, ...e }) => /* @__PURE__ */ a(m.Increment, {
+  ...e,
+  className: t(l(N.button, h.button), r)
+}), lr = ({ className: r, ...e }) => /* @__PURE__ */ a(m.Input, {
+  ...e,
+  className: t(v.input, r)
+}), Ur = {
+  Root: m.Root,
+  Group: nr,
+  Input: lr,
+  Increment: mr,
+  Decrement: cr,
+  ScrubArea: m.ScrubArea,
+  ScrubAreaCursor: m.ScrubAreaCursor
+}, sr = "_root_g72rh_1", dr = "_sm_g72rh_30", pr = "_md_g72rh_34", ur = "_startElement_g72rh_38", _r = "_endElement_g72rh_39", d = {
+  root: sr,
+  sm: dr,
+  md: pr,
+  startElement: ur,
+  endElement: _r
+}, I = (r) => L(r) && !F(r) && r !== "", Vr = ({ size: r = "md", hasFocusRing: e = !0, startElement: i, endElement: n, className: u, children: _, render: R, ref: C, ...A }) => {
+  const G = T({
+    render: R,
+    ref: C,
+    props: {
+      ...A,
+      className: l(d.root, d[r], u),
+      "data-focus-ring": e,
+      children: /* @__PURE__ */ g(k, { children: [
+        I(i) && /* @__PURE__ */ a("span", {
+          className: d.startElement,
+          children: i
+        }),
+        _,
+        I(n) && /* @__PURE__ */ a("span", {
+          className: d.endElement,
+          children: n
+        })
+      ] })
+    }
+  });
+  return /* @__PURE__ */ a(D.Provider, {
+    value: { size: r },
+    children: G
+  });
+}, vr = "_root_1pdpj_1", hr = "_control_1pdpj_18", Ir = "_sm_1pdpj_33", Nr = "_md_1pdpj_38", br = "_indicator_1pdpj_49", gr = "_card_1pdpj_90", fr = "_cardContent_1pdpj_111", s = {
+  root: vr,
+  control: hr,
+  sm: Ir,
+  md: Nr,
+  indicator: br,
+  card: gr,
+  cardContent: fr
+}, S = f.Indicator, j = f.Root, Sr = ({ children: r, className: e, size: i = "sm", variant: n = "default", render: u = n === "card" ? /* @__PURE__ */ a("div", {}) : void 0, ..._ }) => /* @__PURE__ */ g(j, {
+  ..._,
+  render: u,
+  className: t(l(s.root, s[i], n === "card" && s.card), e),
+  children: [/* @__PURE__ */ a("span", {
+    className: s.control,
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ a(S, { className: s.indicator })
+  }), n === "card" ? /* @__PURE__ */ a("span", {
+    className: s.cardContent,
+    children: r
+  }) : r]
+}), Or = Object.assign(Sr, {
+  Root: j,
+  Indicator: S
+});
+export {
+  c as a,
+  Er as i,
+  Vr as n,
+  Ur as r,
+  Or as t
+};

package/dist/Skeleton-BbIF780H.js

@@ -0,0 +1,31 @@
+import { useRender as u } from "@base-ui/react/use-render";
+import { clsx as v } from "clsx";
+var _ = "_root_17v1i_1", c = "_skeletonShimmer_17v1i_1", h = {
+  root: _,
+  skeletonShimmer: c
+}, g = ({ width: r, height: t, borderRadius: a, baseColor: e, highlightColor: l, animated: i = !0, layout: o = "block", className: n, style: d, render: s, ref: m, ...k }) => u({
+  defaultTagName: "span",
+  render: s,
+  ref: m,
+  props: {
+    "aria-hidden": !0,
+    ...k,
+    "data-skeleton": "",
+    "data-animated": i || void 0,
+    "data-layout": o,
+    className: v(h.root, n),
+    style: {
+      width: r,
+      height: t,
+      borderRadius: a,
+      backgroundColor: e,
+      "--skeleton-base-color": e,
+      "--skeleton-highlight-color": l,
+      ...d
+    },
+    children: o === "inline" ? "‌" : void 0
+  }
+});
+export {
+  g as t
+};

package/dist/Skeleton-tXeIy4qq.cjs

@@ -0,0 +1 @@
+let c=require("@base-ui/react/use-render"),k=require("clsx");var m="_root_17v1i_1",v="_skeletonShimmer_17v1i_1",h={root:m,skeletonShimmer:v},b=({width:t,height:o,borderRadius:a,baseColor:e,highlightColor:l,animated:n=!0,layout:r="block",className:i,style:d,render:u,ref:s,..._})=>(0,c.useRender)({defaultTagName:"span",render:u,ref:s,props:{"aria-hidden":!0,..._,"data-skeleton":"","data-animated":n||void 0,"data-layout":r,className:(0,k.clsx)(h.root,i),style:{width:t,height:o,borderRadius:a,backgroundColor:e,"--skeleton-base-color":e,"--skeleton-highlight-color":l,...d},children:r==="inline"?"‌":void 0}});Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return b}});