twenty-ui 2.45.0 → 2.47.0

package/dist/{Heading-CQqDjovJ.cjs → Heading-CTRYClCO.cjs}

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

package/dist/{Heading-DvxTKEaL.js → Heading-pXllCJCO.js}

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

package/dist/Input-DZWl81G_.js

@@ -0,0 +1,23 @@
+import { t as a } from "./isDefined-fMi6eQ4r.js";
+import { t as i } from "./mergeClassNames-ClFMR1v0.js";
+import { clsx as p } from "clsx";
+import { createContext as n, useContext as u } from "react";
+import { jsx as _ } from "react/jsx-runtime";
+import { Input as d } from "@base-ui/react/input";
+var x = n(null), f = "_input_14itx_1", l = "_sm_14itx_45", v = "_md_14itx_49", r = {
+  input: f,
+  sm: l,
+  md: v
+}, N = ({ size: o, className: e, ...m }) => {
+  const t = u(x), s = o ?? t?.size ?? "md";
+  return /* @__PURE__ */ _(d, {
+    ...m,
+    className: i(p(r.input, r[s]), e),
+    "data-grouped": a(t) || void 0
+  });
+};
+export {
+  r as n,
+  x as r,
+  N as t
+};

package/dist/Input-DvL77rvu.cjs

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

package/dist/ListItem-CXu35dzp.js

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

package/dist/ListItem-q6DHGlev.cjs

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

package/dist/ListItem.module-Ar-vZ7Qu.js

@@ -0,0 +1,34 @@
+var _ = "_root_xrjjl_1", r = "_solid_xrjjl_23", o = "_outline_xrjjl_27", e = "_soft_xrjjl_31", a = "_sm_xrjjl_36", s = "_md_xrjjl_41", v = "_square_xrjjl_47", n = "_round_xrjjl_52", t = "_accent_xrjjl_58", c = "_success_xrjjl_64", i = "_warning_xrjjl_70", l = "_hoverable_xrjjl_76", j = "_indicator_xrjjl_128", d = "_check_xrjjl_149", x = "_minus_xrjjl_150", y = {
+  root: _,
+  solid: r,
+  outline: o,
+  soft: e,
+  sm: a,
+  md: s,
+  square: v,
+  round: n,
+  accent: t,
+  success: c,
+  warning: i,
+  hoverable: l,
+  indicator: j,
+  check: d,
+  minus: x
+}, u = "_root_1vsoe_2", m = "_submenuIcon_1vsoe_53", h = "_startIcon_1vsoe_57", I = "_endIcon_1vsoe_58", b = "_label_1vsoe_74", k = "_text_1vsoe_84", p = "_description_1vsoe_92", f = "_inlineDescription_1vsoe_100", D = "_endDescription_1vsoe_105", g = "_hotkeys_1vsoe_110", q = "_actions_1vsoe_116", w = "_checkIndicator_1vsoe_133", C = {
+  root: u,
+  submenuIcon: m,
+  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-B8NeDH1P.cjs

@@ -0,0 +1 @@
+var _="_root_xrjjl_1",r="_solid_xrjjl_23",e="_outline_xrjjl_27",o="_soft_xrjjl_31",a="_sm_xrjjl_36",t="_md_xrjjl_41",n="_square_xrjjl_47",s="_round_xrjjl_52",v="_accent_xrjjl_58",c="_success_xrjjl_64",i="_warning_xrjjl_70",l="_hoverable_xrjjl_76",j="_indicator_xrjjl_128",u="_check_xrjjl_149",d="_minus_xrjjl_150",x={root:_,solid:r,outline:e,soft:o,sm:a,md:t,square:n,round:s,accent:v,success:c,warning:i,hoverable:l,indicator:j,check:u,minus:d},m="_root_1vsoe_2",b="_submenuIcon_1vsoe_53",f="_startIcon_1vsoe_57",h="_endIcon_1vsoe_58",I="_label_1vsoe_74",k="_text_1vsoe_84",p="_description_1vsoe_92",g="_inlineDescription_1vsoe_100",y="_endDescription_1vsoe_105",D="_hotkeys_1vsoe_110",q="_actions_1vsoe_116",w="_checkIndicator_1vsoe_133",C={root:m,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 x}});Object.defineProperty(exports,"ListItem_module_default",{enumerable:!0,get:function(){return C}});

package/dist/Loader-Bb72CUQ9.cjs

@@ -0,0 +1 @@
+const n=require("./theme-1XkFz8Qu.cjs"),o=require("./isDefined-DS2Q42p5.cjs");let _=require("@base-ui/react/use-render"),u=require("clsx"),l=require("react/jsx-runtime");var c="_container_1i6sz_1",m="_dot_1i6sz_15",q="_loaderDot_1i6sz_1",r={container:c,dot:m,loaderDot:q},f=({color:e,className:a,style:t,render:i,ref:s,...d})=>(0,_.useRender)({defaultTagName:"div",render:i,ref:s,props:{...d,className:(0,u.clsx)(r.container,a),style:{...o.isDefined(e)&&{"--loader-color":n.themeCssVariables.tag.text[e]},...t},children:(0,l.jsx)("span",{className:r.dot,"aria-hidden":"true"})}});Object.defineProperty(exports,"Loader",{enumerable:!0,get:function(){return f}});

package/dist/Loader-DtHWQH8w.js

@@ -0,0 +1,29 @@
+import { t as d } from "./isDefined-fMi6eQ4r.js";
+import { a as m } from "./theme-B2EaXhye.js";
+import { useRender as l } from "@base-ui/react/use-render";
+import { clsx as n } from "clsx";
+import { jsx as _ } from "react/jsx-runtime";
+var p = "_container_1i6sz_1", f = "_dot_1i6sz_15", c = "_loaderDot_1i6sz_1", r = {
+  container: p,
+  dot: f,
+  loaderDot: c
+}, D = ({ color: a, className: e, style: o, render: t, ref: s, ...i }) => l({
+  defaultTagName: "div",
+  render: t,
+  ref: s,
+  props: {
+    ...i,
+    className: n(r.container, e),
+    style: {
+      ...d(a) && { "--loader-color": m.tag.text[a] },
+      ...o
+    },
+    children: /* @__PURE__ */ _("span", {
+      className: r.dot,
+      "aria-hidden": "true"
+    })
+  }
+});
+export {
+  D as t
+};

package/dist/OverflowingTextWithTooltip-Be2-wCcZ.js

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

package/dist/OverflowingTextWithTooltip-BlufG-6n.cjs

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

package/dist/Popover-CWeCV7X9.js

@@ -0,0 +1,57 @@
+import { t as l } from "./theme-B2EaXhye.js";
+import { t } from "./mergeClassNames-ClFMR1v0.js";
+import { t as n } from "./useProvidedTextDirection-Dk8LBQeF.js";
+import { isUndefined as v } from "@sniptt/guards";
+import { jsx as i } from "react/jsx-runtime";
+import { Popover as r } from "@base-ui/react/popover";
+var m = "_positioner_zlrze_1", c = "_popup_zlrze_5", d = "_title_zlrze_29", P = "_description_zlrze_36", _ = "_arrow_zlrze_42", a = {
+  positioner: m,
+  popup: c,
+  title: d,
+  description: P,
+  arrow: _
+}, u = ({ className: o, ...e }) => /* @__PURE__ */ i(r.Arrow, {
+  ...e,
+  className: t(a.arrow, o)
+}), z = ({ className: o, ...e }) => /* @__PURE__ */ i(r.Description, {
+  ...e,
+  className: t(a.description, o)
+}), f = ({ className: o, ...e }) => /* @__PURE__ */ i(r.Popup, {
+  ...e,
+  className: t(a.popup, o)
+}), w = ({ container: o, ...e }) => {
+  const p = l(), s = n();
+  return /* @__PURE__ */ i(r.Portal, {
+    dir: s,
+    ...e,
+    container: v(o) ? p ?? void 0 : o
+  });
+}, T = ({ className: o, sideOffset: e = 8, ...p }) => {
+  const s = n();
+  return /* @__PURE__ */ i(r.Positioner, {
+    dir: s,
+    sideOffset: e,
+    ...p,
+    className: t(a.positioner, o)
+  });
+}, N = ({ className: o, ...e }) => /* @__PURE__ */ i(r.Title, {
+  ...e,
+  className: t(a.title, o)
+}), h = {
+  Root: r.Root,
+  Trigger: r.Trigger,
+  Portal: w,
+  Positioner: T,
+  Popup: f,
+  Arrow: u,
+  Backdrop: r.Backdrop,
+  Title: N,
+  Description: z,
+  Close: r.Close,
+  Viewport: r.Viewport,
+  Handle: r.Handle,
+  createHandle: r.createHandle
+};
+export {
+  h as t
+};

package/dist/Popover-CneCJTvD.cjs

@@ -0,0 +1 @@
+const v=require("./theme-1XkFz8Qu.cjs"),t=require("./mergeClassNames-D4lshrT6.cjs"),n=require("./useProvidedTextDirection-PVaoQCLH.cjs");let l=require("@sniptt/guards"),i=require("react/jsx-runtime"),e=require("@base-ui/react/popover");var P="_positioner_zlrze_1",c="_popup_zlrze_5",u="_title_zlrze_29",_="_description_zlrze_36",d="_arrow_zlrze_42",s={positioner:P,popup:c,title:u,description:_,arrow:d},m=({className:r,...o})=>(0,i.jsx)(e.Popover.Arrow,{...o,className:t.mergeClassNames(s.arrow,r)}),g=({className:r,...o})=>(0,i.jsx)(e.Popover.Description,{...o,className:t.mergeClassNames(s.description,r)}),N=({className:r,...o})=>(0,i.jsx)(e.Popover.Popup,{...o,className:t.mergeClassNames(s.popup,r)}),x=({container:r,...o})=>{const a=v.useThemeContainer(),p=n.useProvidedTextDirection();return(0,i.jsx)(e.Popover.Portal,{dir:p,...o,container:(0,l.isUndefined)(r)?a??void 0:r})},z=({className:r,sideOffset:o=8,...a})=>{const p=n.useProvidedTextDirection();return(0,i.jsx)(e.Popover.Positioner,{dir:p,sideOffset:o,...a,className:t.mergeClassNames(s.positioner,r)})},C=({className:r,...o})=>(0,i.jsx)(e.Popover.Title,{...o,className:t.mergeClassNames(s.title,r)}),q={Root:e.Popover.Root,Trigger:e.Popover.Trigger,Portal:x,Positioner:z,Popup:N,Arrow:m,Backdrop:e.Popover.Backdrop,Title:C,Description:g,Close:e.Popover.Close,Viewport:e.Popover.Viewport,Handle:e.Popover.Handle,createHandle:e.Popover.createHandle};Object.defineProperty(exports,"Popover",{enumerable:!0,get:function(){return q}});

package/dist/ProgressBar-D_3Gia0E.js

@@ -0,0 +1,84 @@
+import { t as p } from "./mergeClassNames-ClFMR1v0.js";
+import { n as l, t as h } from "./getProgressIndicatorPercentage-ejfaM6XU.js";
+import { t as B } from "./Button-Cs07psdD.js";
+import { t as u } from "./isRenderableSlot-DT_depzM.js";
+import { useRender as N } from "@base-ui/react/use-render";
+import { isFunction as k, isNonEmptyString as y } from "@sniptt/guards";
+import { clsx as z } from "clsx";
+import { Fragment as A, jsx as e, jsxs as f } from "react/jsx-runtime";
+var P = {
+  neutral: "gray",
+  info: "blue",
+  success: "green",
+  warning: "orange",
+  error: "red"
+}, S = "_action_c4pdy_1", w = { action: S }, x = ({ className: r, ...n }) => /* @__PURE__ */ e(B, {
+  ...n,
+  size: "sm",
+  variant: "outline",
+  className: p(w.action, r)
+}), F = "_banner_181zy_1", I = "_icon_181zy_52", j = "_action_181zy_53", _ = {
+  banner: F,
+  icon: I,
+  action: j
+}, C = ({ status: r = "info", variant: n = "solid", color: o = P[r], icon: i, action: t, className: c, children: s, render: m, ref: d, ...a }) => N({
+  render: m,
+  ref: d,
+  state: {
+    status: r,
+    variant: n,
+    color: o
+  },
+  props: {
+    ...a,
+    className: z(_.banner, c),
+    children: /* @__PURE__ */ f(A, { children: [
+      u(i) && /* @__PURE__ */ e("span", {
+        className: _.icon,
+        children: i
+      }),
+      s,
+      u(t) && /* @__PURE__ */ e("div", {
+        className: _.action,
+        children: t
+      })
+    ] })
+  }
+}), H = Object.assign(C, { Action: x }), E = "_bar_o09oi_1", O = "_track_o09oi_17", R = "_indicator_o09oi_23", T = "_progressBarIndeterminate_o09oi_1", v = {
+  bar: E,
+  track: O,
+  indicator: R,
+  progressBarIndeterminate: T
+}, J = ({ size: r = "md", className: n, style: o, children: i, barColor: t, backgroundColor: c = "none", withBorderRadius: s = !1, withMinimumFillWidth: m = !0, ...d }) => /* @__PURE__ */ f(l.Root, {
+  ...d,
+  className: p(v.bar, n),
+  "data-size": r,
+  "data-with-border-radius": s || void 0,
+  style: (a) => ({
+    "--progress-bar-background-color": c,
+    ...y(t) ? { "--progress-bar-color": t } : {},
+    ...k(o) ? o(a) : o
+  }),
+  children: [/* @__PURE__ */ e(l.Track, {
+    className: v.track,
+    children: /* @__PURE__ */ e(l.Indicator, {
+      className: v.indicator,
+      "data-with-border-radius": s || void 0,
+      render: (a) => {
+        const g = h({
+          width: a.style?.width,
+          fallbackPercentage: 0
+        }), b = m && g > 0 && g < 100;
+        return /* @__PURE__ */ e("div", {
+          ...a,
+          "data-minimum-fill": b || void 0
+        });
+      }
+    })
+  }), i]
+});
+export {
+  H as n,
+  P as r,
+  J as t
+};

package/dist/ProgressBar-oF1qVHFx.cjs

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

package/dist/ProgressRing-8mYV9cxE.js

@@ -0,0 +1,68 @@
+import { t as _ } from "./mergeClassNames-ClFMR1v0.js";
+import { n as d, t as h } from "./getProgressIndicatorPercentage-ejfaM6XU.js";
+import { isFunction as l, isNonEmptyString as f } from "@sniptt/guards";
+import { jsx as a, jsxs as g } from "react/jsx-runtime";
+var v = "_root_14fj6_1", u = "_ring_14fj6_11", I = "_progressRingIndeterminate_14fj6_1", N = "_track_14fj6_20", R = "_indicator_14fj6_25", o = {
+  root: v,
+  ring: u,
+  progressRingIndeterminate: I,
+  track: N,
+  indicator: R
+}, k = {
+  sm: 14,
+  md: 16
+}, c = 2, p = 25, E = ({ size: n }) => {
+  const r = k[n], t = (r - c) / 2, s = 2 * Math.PI * t;
+  return /* @__PURE__ */ a(d.Indicator, {
+    className: o.ring,
+    "aria-hidden": "true",
+    render: (e) => {
+      const i = h({
+        width: e.style?.width,
+        fallbackPercentage: p
+      });
+      return /* @__PURE__ */ a("div", {
+        ...e,
+        style: {
+          ...e.style,
+          width: r,
+          height: r
+        },
+        children: /* @__PURE__ */ g("svg", {
+          width: r,
+          height: r,
+          viewBox: `0 0 ${r} ${r}`,
+          "aria-hidden": "true",
+          focusable: "false",
+          children: [/* @__PURE__ */ a("circle", {
+            className: o.track,
+            cx: r / 2,
+            cy: r / 2,
+            r: t,
+            strokeWidth: c
+          }), /* @__PURE__ */ a("circle", {
+            className: o.indicator,
+            cx: r / 2,
+            cy: r / 2,
+            r: t,
+            strokeWidth: c,
+            strokeDasharray: s,
+            strokeDashoffset: s * (1 - i / 100),
+            strokeLinecap: i === 0 ? "butt" : "round"
+          })]
+        })
+      });
+    }
+  });
+}, w = ({ size: n = "md", barColor: r, children: t, className: s, style: e, ...i }) => /* @__PURE__ */ g(d.Root, {
+  ...i,
+  className: _(o.root, s),
+  style: (m) => ({
+    ...f(r) ? { "--progress-ring-color": r } : {},
+    ...l(e) ? e(m) : e
+  }),
+  children: [t, /* @__PURE__ */ a(E, { size: n })]
+});
+export {
+  w as t
+};

package/dist/ProgressRing-g1nHGyUp.cjs

@@ -0,0 +1 @@
+const u=require("./mergeClassNames-D4lshrT6.cjs"),l=require("./getProgressIndicatorPercentage-Mii9lnYd.cjs");let g=require("@sniptt/guards"),s=require("react/jsx-runtime"),d=require("@base-ui/react/progress");var m="_root_14fj6_1",h="_ring_14fj6_11",f="_progressRingIndeterminate_14fj6_1",j="_track_14fj6_20",v="_indicator_14fj6_25",n={root:m,ring:h,progressRingIndeterminate:f,track:j,indicator:v},I={sm:14,md:16},o=2,P=25,x=({size:c})=>{const r=I[c],t=(r-o)/2,a=2*Math.PI*t;return(0,s.jsx)(d.Progress.Indicator,{className:n.ring,"aria-hidden":"true",render:e=>{const i=l.getProgressIndicatorPercentage({width:e.style?.width,fallbackPercentage:P});return(0,s.jsx)("div",{...e,style:{...e.style,width:r,height:r},children:(0,s.jsxs)("svg",{width:r,height:r,viewBox:`0 0 ${r} ${r}`,"aria-hidden":"true",focusable:"false",children:[(0,s.jsx)("circle",{className:n.track,cx:r/2,cy:r/2,r:t,strokeWidth:o}),(0,s.jsx)("circle",{className:n.indicator,cx:r/2,cy:r/2,r:t,strokeWidth:o,strokeDasharray:a,strokeDashoffset:a*(1-i/100),strokeLinecap:i===0?"butt":"round"})]})})}})},N=({size:c="md",barColor:r,children:t,className:a,style:e,...i})=>(0,s.jsxs)(d.Progress.Root,{...i,className:u.mergeClassNames(n.root,a),style:_=>({...(0,g.isNonEmptyString)(r)?{"--progress-ring-color":r}:{},...(0,g.isFunction)(e)?e(_):e}),children:[t,(0,s.jsx)(x,{size:c})]});Object.defineProperty(exports,"ProgressRing",{enumerable:!0,get:function(){return N}});

package/dist/Radio-BMoQHDe7.js

@@ -0,0 +1,103 @@
+import { t as g } from "./isDefined-fMi6eQ4r.js";
+import { t as i } from "./mergeClassNames-ClFMR1v0.js";
+import { n as v } from "./Button-Cs07psdD.js";
+import { n as j, r as C } from "./Input-DZWl81G_.js";
+import { useRender as F } from "@base-ui/react/use-render";
+import { isBoolean as G } from "@sniptt/guards";
+import { clsx as d } from "clsx";
+import { Fragment as $, jsx as e, jsxs as p } from "react/jsx-runtime";
+import { NumberField as o } from "@base-ui/react/number-field";
+import { Radio as f } from "@base-ui/react/radio";
+var k = "_trigger_hijh9_1", x = "_value_hijh9_12", A = "_icon_hijh9_31", S = "_positioner_hijh9_42", D = "_popup_hijh9_46", E = "_item_hijh9_71", B = "_indicator_hijh9_75", L = "_groupLabel_hijh9_81", O = "_separator_hijh9_89", ur = {
+  trigger: k,
+  value: x,
+  icon: A,
+  positioner: S,
+  popup: D,
+  item: E,
+  indicator: B,
+  groupLabel: L,
+  separator: O
+}, P = "_group_mv9ls_1", q = "_button_mv9ls_7", u = {
+  group: P,
+  button: q
+}, w = ({ className: r, ...a }) => /* @__PURE__ */ e(o.Decrement, {
+  ...a,
+  className: i(d(v.button, u.button), r)
+}), y = ({ className: r, ...a }) => /* @__PURE__ */ e(o.Group, {
+  ...a,
+  className: i(u.group, r)
+}), H = ({ className: r, ...a }) => /* @__PURE__ */ e(o.Increment, {
+  ...a,
+  className: i(d(v.button, u.button), r)
+}), J = ({ className: r, ...a }) => /* @__PURE__ */ e(o.Input, {
+  ...a,
+  className: i(j.input, r)
+}), cr = {
+  Root: o.Root,
+  Group: y,
+  Input: J,
+  Increment: H,
+  Decrement: w,
+  ScrubArea: o.ScrubArea,
+  ScrubAreaCursor: o.ScrubAreaCursor
+}, K = "_root_lk8ci_1", M = "_sm_lk8ci_27", Q = "_md_lk8ci_31", T = "_startElement_lk8ci_35", U = "_endElement_lk8ci_36", n = {
+  root: K,
+  sm: M,
+  md: Q,
+  startElement: T,
+  endElement: U
+}, c = (r) => g(r) && !G(r) && r !== "", vr = ({ size: r = "md", startElement: a, endElement: m, className: _, children: s, render: l, ref: N, ...I }) => {
+  const R = F({
+    render: l,
+    ref: N,
+    props: {
+      ...I,
+      className: d(n.root, n[r], _),
+      children: /* @__PURE__ */ p($, { children: [
+        c(a) && /* @__PURE__ */ e("span", {
+          className: n.startElement,
+          children: a
+        }),
+        s,
+        c(m) && /* @__PURE__ */ e("span", {
+          className: n.endElement,
+          children: m
+        })
+      ] })
+    }
+  });
+  return /* @__PURE__ */ e(C.Provider, {
+    value: { size: r },
+    children: R
+  });
+}, V = "_root_1dv0f_1", W = "_control_1dv0f_18", X = "_sm_1dv0f_33", Y = "_md_1dv0f_38", Z = "_indicator_1dv0f_49", z = "_card_1dv0f_90", rr = "_cardContent_1dv0f_111", t = {
+  root: V,
+  control: W,
+  sm: X,
+  md: Y,
+  indicator: Z,
+  card: z,
+  cardContent: rr
+}, h = f.Indicator, b = f.Root, ar = ({ children: r, className: a, size: m = "sm", variant: _ = "default", render: s = _ === "card" ? /* @__PURE__ */ e("div", {}) : void 0, ...l }) => /* @__PURE__ */ p(b, {
+  ...l,
+  render: s,
+  className: i(d(t.root, t[m], _ === "card" && t.card), a),
+  children: [/* @__PURE__ */ e("span", {
+    className: t.control,
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ e(h, { className: t.indicator })
+  }), _ === "card" ? /* @__PURE__ */ e("span", {
+    className: t.cardContent,
+    children: r
+  }) : r]
+}), pr = Object.assign(ar, {
+  Root: b,
+  Indicator: h
+});
+export {
+  ur as i,
+  vr as n,
+  cr as r,
+  pr as t
+};

package/dist/Radio-D_YUizSv.cjs

@@ -0,0 +1 @@
+const x=require("./isDefined-DS2Q42p5.cjs"),_=require("./mergeClassNames-D4lshrT6.cjs"),v=require("./Button-COxEKIHL.cjs"),p=require("./Input-DvL77rvu.cjs");let F=require("@base-ui/react/use-render"),I=require("@sniptt/guards"),s=require("clsx"),r=require("react/jsx-runtime"),t=require("@base-ui/react/number-field"),b=require("@base-ui/react/radio");var R="_trigger_hijh9_1",q="_value_hijh9_12",C="_icon_hijh9_31",G="_positioner_hijh9_42",S="_popup_hijh9_46",k="_item_hijh9_71",A="_indicator_hijh9_75",D="_groupLabel_hijh9_81",O="_separator_hijh9_89",P={trigger:R,value:q,icon:C,positioner:G,popup:S,item:k,indicator:A,groupLabel:D,separator:O},y="_group_mv9ls_1",B="_button_mv9ls_7",c={group:y,button:B},E=({className:e,...a})=>(0,r.jsx)(t.NumberField.Decrement,{...a,className:_.mergeClassNames((0,s.clsx)(v.Button_module_default.button,c.button),e)}),$=({className:e,...a})=>(0,r.jsx)(t.NumberField.Group,{...a,className:_.mergeClassNames(c.group,e)}),L=({className:e,...a})=>(0,r.jsx)(t.NumberField.Increment,{...a,className:_.mergeClassNames((0,s.clsx)(v.Button_module_default.button,c.button),e)}),w=({className:e,...a})=>(0,r.jsx)(t.NumberField.Input,{...a,className:_.mergeClassNames(p.Input_module_default.input,e)}),H={Root:t.NumberField.Root,Group:$,Input:w,Increment:L,Decrement:E,ScrubArea:t.NumberField.ScrubArea,ScrubAreaCursor:t.NumberField.ScrubAreaCursor},J="_root_lk8ci_1",K="_sm_lk8ci_27",M="_md_lk8ci_31",Q="_startElement_lk8ci_35",T="_endElement_lk8ci_36",n={root:J,sm:K,md:M,startElement:Q,endElement:T},m=e=>x.isDefined(e)&&!(0,I.isBoolean)(e)&&e!=="",U=({size:e="md",startElement:a,endElement:i,className:o,children:d,render:l,ref:f,...h})=>{const g=(0,F.useRender)({render:l,ref:f,props:{...h,className:(0,s.clsx)(n.root,n[e],o),children:(0,r.jsxs)(r.Fragment,{children:[m(a)&&(0,r.jsx)("span",{className:n.startElement,children:a}),d,m(i)&&(0,r.jsx)("span",{className:n.endElement,children:i})]})}});return(0,r.jsx)(p.InputGroupContext.Provider,{value:{size:e},children:g})},V="_root_1dv0f_1",W="_control_1dv0f_18",X="_sm_1dv0f_33",Y="_md_1dv0f_38",Z="_indicator_1dv0f_49",z="_card_1dv0f_90",ee="_cardContent_1dv0f_111",u={root:V,control:W,sm:X,md:Y,indicator:Z,card:z,cardContent:ee},N=b.Radio.Indicator,j=b.Radio.Root,re=({children:e,className:a,size:i="sm",variant:o="default",render:d=o==="card"?(0,r.jsx)("div",{}):void 0,...l})=>(0,r.jsxs)(j,{...l,render:d,className:_.mergeClassNames((0,s.clsx)(u.root,u[i],o==="card"&&u.card),a),children:[(0,r.jsx)("span",{className:u.control,"aria-hidden":!0,children:(0,r.jsx)(N,{className:u.indicator})}),o==="card"?(0,r.jsx)("span",{className:u.cardContent,children:e}):e]}),ae=Object.assign(re,{Root:j,Indicator:N});Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return U}});Object.defineProperty(exports,"NumberField",{enumerable:!0,get:function(){return H}});Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"Select_module_default",{enumerable:!0,get:function(){return P}});