twenty-ui 2.43.0 → 2.44.0

package/dist/input-BNuMVtkM.cjs

@@ -0,0 +1 @@
+const H=require("./theme-DumxXtpW.cjs"),C=require("./isDefined-DS2Q42p5.cjs"),I=require("./Switch-BLO0Y9bi.cjs"),s=require("./useProvidedTextDirection-B7ovnsdr.cjs"),l=require("./ListItem.module-DkSRO3lX.cjs");let m=require("clsx"),a=require("react/jsx-runtime"),q=require("@sniptt/guards"),j=require("react"),M=require("@base-ui/react/use-render"),A=require("@base-ui/react/input"),T=require("@base-ui/react/checkbox"),N=require("@base-ui/react/field"),k=require("@base-ui/react/radio"),$=require("@base-ui/react/radio-group"),d=require("@base-ui/react/select"),x=require("@base-ui/react/slider"),R=require("@tabler/icons-react");var X="_container_262rx_1",J={container:X},K=({attached:e=!0,framed:r=!1,className:t,children:o,variant:i,size:n,color:c,render:u,ref:_,...f})=>{const g=(0,M.useRender)({render:u,ref:_,props:{role:"group","data-attached":e||void 0,"data-framed":r||void 0,...f,className:(0,m.clsx)(J.container,t),children:o}});return(0,a.jsx)(I.ButtonGroupContext.Provider,{value:{variant:i,color:c,size:n},children:g})},Q=({size:e="sm",variant:r="solid",shape:t="square",color:o="accent",hoverable:i=!0,className:n,children:c,...u})=>(0,a.jsxs)(T.Checkbox.Root,{...u,className:s.mergeClassNames((0,m.clsx)(l.Checkbox_module_default.root,l.Checkbox_module_default[e],l.Checkbox_module_default[r],l.Checkbox_module_default[t],l.Checkbox_module_default[o],i&&l.Checkbox_module_default.hoverable),n),children:[(0,a.jsx)("span",{className:l.Checkbox_module_default.box,children:(0,a.jsxs)(T.Checkbox.Indicator,{className:l.Checkbox_module_default.indicator,children:[(0,a.jsx)(R.IconCheck,{className:l.Checkbox_module_default.check,"aria-hidden":!0}),(0,a.jsx)(R.IconMinus,{className:l.Checkbox_module_default.minus,"aria-hidden":!0})]})}),c]}),U="_description_yrj5x_1",W={description:U},w=(0,j.forwardRef)(({className:e,...r},t)=>(0,a.jsx)(N.Field.Description,{ref:t,className:s.mergeClassNames(W.description,e),...r}));w.displayName="FieldDescription";var Y="_error_179et_1",Z={error:Y},G=(0,j.forwardRef)(({className:e,...r},t)=>(0,a.jsx)(N.Field.Error,{ref:t,className:s.mergeClassNames(Z.error,e),...r}));G.displayName="FieldError";var ee="_label_1yxve_1",re={label:ee},E=(0,j.forwardRef)(({className:e,...r},t)=>(0,a.jsx)(N.Field.Label,{ref:t,className:s.mergeClassNames(re.label,e),...r}));E.displayName="FieldLabel";var ae={Root:N.Field.Root,Label:E,Control:N.Field.Control,Description:w,Error:G,Validity:N.Field.Validity},te="_root_1dv0f_1",le="_control_1dv0f_18",oe="_sm_1dv0f_33",se="_md_1dv0f_38",ie="_indicator_1dv0f_49",ce="_card_1dv0f_90",ne="_cardContent_1dv0f_111",p={root:te,control:le,sm:oe,md:se,indicator:ie,card:ce,cardContent:ne},de=({children:e,className:r,size:t="sm",variant:o="default",...i})=>(0,a.jsxs)(k.Radio.Root,{render:o==="card"?(0,a.jsx)("div",{}):void 0,...i,className:s.mergeClassNames((0,m.clsx)(p.root,p[t],o==="card"&&p.card),r),children:[(0,a.jsx)("span",{className:p.control,"aria-hidden":!0,children:(0,a.jsx)(k.Radio.Indicator,{className:p.indicator})}),o==="card"?(0,a.jsx)("div",{className:p.cardContent,children:e}):e]}),ue="_root_1h79s_1",_e={root:ue},me=({className:e,...r})=>(0,a.jsx)($.RadioGroup,{...r,className:s.mergeClassNames(_e.root,e)}),ve="_container_1uovu_1",he="_item_1uovu_20",xe="_iconOnly_1uovu_60",fe="_icon_1uovu_60",be="_label_1uovu_79",S={container:ve,item:he,iconOnly:xe,icon:fe,label:be},pe=({className:e,itemWidth:r="equal",options:t,...o})=>(0,a.jsx)($.RadioGroup,{...o,className:s.mergeClassNames(S.container,e),"data-item-width":r,children:t.map(({"aria-label":i,disabled:n,label:c,startIcon:u,value:_})=>(0,a.jsxs)(k.Radio.Root,{value:_,disabled:n,"aria-label":i,className:(0,m.clsx)(S.item,!l.isRenderableSlot(c)&&S.iconOnly),children:[l.isRenderableSlot(u)&&(0,a.jsx)("span",{className:S.icon,"aria-hidden":!0,children:u}),l.isRenderableSlot(c)&&(0,a.jsx)("span",{className:S.label,children:c})]},_))}),je="_trigger_hijh9_1",Ne="_value_hijh9_12",ge="_icon_hijh9_31",Se="_positioner_hijh9_42",Ce="_popup_hijh9_46",Re="_item_hijh9_71",Ie="_indicator_hijh9_75",ke="_groupLabel_hijh9_81",qe="_separator_hijh9_89",v={trigger:je,value:Ne,icon:ge,positioner:Se,popup:Ce,item:Re,indicator:Ie,groupLabel:ke,separator:qe},Le=({className:e,...r})=>(0,a.jsx)(d.Select.GroupLabel,{...r,className:s.mergeClassNames(v.groupLabel,e)}),ye=({className:e,children:r,startIcon:t,endIcon:o,description:i,descriptionPlacement:n="inline",...c})=>(0,a.jsxs)(d.Select.Item,{...c,className:s.mergeClassNames((0,m.clsx)(l.ListItem_module_default.root,v.item),e),"data-color":"neutral","data-indicator":"check",children:[l.isRenderableSlot(t)&&(0,a.jsx)("div",{className:l.ListItem_module_default.startIcon,"aria-hidden":!0,children:t}),(0,a.jsxs)("div",{className:l.ListItem_module_default.label,children:[(0,a.jsx)(d.Select.ItemText,{className:l.ListItem_module_default.text,children:r}),l.isRenderableSlot(i)&&n==="inline"&&(0,a.jsx)("div",{className:(0,m.clsx)(l.ListItem_module_default.description,l.ListItem_module_default.inlineDescription),children:i})]}),l.isRenderableSlot(i)&&n==="end"&&(0,a.jsx)("div",{className:(0,m.clsx)(l.ListItem_module_default.description,l.ListItem_module_default.endDescription),children:i}),l.isRenderableSlot(o)&&(0,a.jsx)("div",{className:l.ListItem_module_default.endIcon,"aria-hidden":!0,children:o}),(0,a.jsx)(d.Select.ItemIndicator,{className:v.indicator,children:(0,a.jsx)(R.IconCheck,{className:l.ListItem_module_default.checkIndicator})})]}),Te=({side:e="bottom",align:r="start",sideOffset:t=8,alignOffset:o,alignItemWithTrigger:i=!1,anchor:n,container:c,className:u,..._})=>{const f=H.useThemeContainer(),g=s.useProvidedTextDirection();return(0,a.jsx)(d.Select.Portal,{container:c===void 0?f??void 0:c,children:(0,a.jsx)(d.Select.Positioner,{dir:g,side:e,align:r,sideOffset:t,alignOffset:o,alignItemWithTrigger:i,anchor:n,className:v.positioner,children:(0,a.jsx)(d.Select.Popup,{..._,className:s.mergeClassNames(v.popup,u)})})})},Fe=({className:e,...r})=>(0,a.jsx)(d.Select.Separator,{...r,className:s.mergeClassNames(v.separator,e)}),De=({size:e="md",className:r,children:t,...o})=>(0,a.jsxs)(d.Select.Trigger,{...o,className:s.mergeClassNames((0,m.clsx)(I.Input_module_default.input,I.Input_module_default[e],v.trigger),r),children:[t,(0,a.jsx)(d.Select.Icon,{className:v.icon,children:(0,a.jsx)(R.IconChevronDown,{})})]}),Pe=({className:e,...r})=>(0,a.jsx)(d.Select.Value,{...r,className:s.mergeClassNames(v.value,e)}),$e=()=>({Root:d.Select.Root,Trigger:De,Value:Pe,Popup:Te,Item:ye,Group:d.Select.Group,GroupLabel:Le,Separator:Fe}),we=$e(),Ge="_root_1mh0w_1",Ee="_accent_1mh0w_16",Oe="_success_1mh0w_20",Ve="_control_1mh0w_24",Be="_track_1mh0w_42",ze="_indicator_1mh0w_55",He="_thumb_1mh0w_66",Me="_label_1mh0w_80",Ae="_value_1mh0w_81",h={root:Ge,accent:Ee,success:Oe,control:Ve,track:Be,indicator:ze,thumb:He,label:Me,value:Ae},Xe=({className:e,color:r="accent",thumbAlignment:t="edge",...o})=>(0,a.jsx)(x.Slider.Root,{...o,thumbAlignment:t,className:s.mergeClassNames((0,m.clsx)(h.root,h[r]),e)}),Je=({className:e,...r})=>(0,a.jsx)(x.Slider.Control,{...r,className:s.mergeClassNames(h.control,e)}),Ke=({className:e,...r})=>(0,a.jsx)(x.Slider.Track,{...r,className:s.mergeClassNames(h.track,e)}),Qe=({className:e,...r})=>(0,a.jsx)(x.Slider.Indicator,{...r,className:s.mergeClassNames(h.indicator,e)}),Ue=({className:e,...r})=>(0,a.jsx)(x.Slider.Thumb,{...r,className:s.mergeClassNames(h.thumb,e)}),We=({className:e,...r})=>(0,a.jsx)(x.Slider.Label,{...r,className:s.mergeClassNames(h.label,e)}),Ye=({className:e,...r})=>(0,a.jsx)(x.Slider.Value,{...r,className:s.mergeClassNames(h.value,e)}),Ze={Root:Xe,Control:Je,Track:Ke,Indicator:Qe,Thumb:Ue,Label:We,Value:Ye},er=e=>C.isDefined(e)?(0,q.isNumber)(e)?`${e}px`:String(e):"",F=(e,r)=>{if(C.isDefined(e)){if((0,q.isFunction)(e))return e(r);e.current=r}},rr=(...e)=>r=>{const t=e.map(o=>{const i=F(o,r);return(0,q.isFunction)(i)?i:()=>F(o,null)});return()=>{for(const o of t)o()}},D=e=>{e.style.blockSize="auto";const r=e.offsetHeight-e.clientHeight;e.style.blockSize=`${e.scrollHeight+r}px`},ar="_textarea_1qcvj_1",tr="_sm_1qcvj_38",lr="_md_1qcvj_42",P={textarea:ar,sm:tr,md:lr},or=(0,a.jsx)("textarea",{}),sr=({size:e="md",autoResize:r=!1,maxRows:t,className:o,style:i,ref:n,render:c=or,onChange:u,value:_,rows:f,...g})=>{const L=(0,j.useRef)(null),O=(0,j.useMemo)(()=>rr(n,L),[n]),V=C.isDefined(_),y=i?.blockSize;(0,j.useLayoutEffect)(()=>{const b=L.current;if(C.isDefined(b)){if(!r){b.style.blockSize=er(y);return}D(b)}},[r,_,t,f,y]);const B=b=>{r&&!V&&D(b.currentTarget),u?.(b)},z=C.isDefined(t)?{...i,"--tw-textarea-max-rows":t}:i;return(0,a.jsx)(A.Input,{...g,rows:f,onChange:B,ref:O,render:c,value:_,className:s.mergeClassNames((0,m.clsx)(P.textarea,P[e]),o),style:z,"data-auto-resize":r||void 0})};Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"Field",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return me}});Object.defineProperty(exports,"SegmentedControl",{enumerable:!0,get:function(){return pe}});Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return we}});Object.defineProperty(exports,"Slider",{enumerable:!0,get:function(){return Ze}});Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function(){return sr}});

package/dist/input-COx4wMjs.js

@@ -0,0 +1,324 @@
+import { Sn as G, wn as X, xo as J } from "./icon-B7aZ6RxF.js";
+import { t as T } from "./isDefined-fMi6eQ4r.js";
+import { t as K } from "./theme-CjHovJAZ.js";
+import { i as y, o as Q } from "./Switch-CMVfAYqP.js";
+import { n as l, t as U } from "./useProvidedTextDirection-P1dtjUtE.js";
+import { n as _, r as f, t as u } from "./ListItem.module-DqkBkYtI.js";
+import { clsx as v } from "clsx";
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+import { isFunction as V, isNumber as W } from "@sniptt/guards";
+import { forwardRef as k, useLayoutEffect as Y, useMemo as Z, useRef as rr } from "react";
+import { useRender as ar } from "@base-ui/react/use-render";
+import { Input as er } from "@base-ui/react/input";
+import { Checkbox as E } from "@base-ui/react/checkbox";
+import { Field as C } from "@base-ui/react/field";
+import { Radio as I } from "@base-ui/react/radio";
+import { RadioGroup as B } from "@base-ui/react/radio-group";
+import { Select as s } from "@base-ui/react/select";
+import { Slider as b } from "@base-ui/react/slider";
+var or = "_container_262rx_1", tr = { container: or }, Ia = ({ attached: r = !0, framed: a = !1, className: o, children: t, variant: i, size: n, color: c, render: d, ref: m, ...S }) => {
+  const R = ar({
+    render: d,
+    ref: m,
+    props: {
+      role: "group",
+      "data-attached": r || void 0,
+      "data-framed": a || void 0,
+      ...S,
+      className: v(tr.container, o),
+      children: t
+    }
+  });
+  return /* @__PURE__ */ e(Q.Provider, {
+    value: {
+      variant: i,
+      color: c,
+      size: n
+    },
+    children: R
+  });
+}, ka = ({ size: r = "sm", variant: a = "solid", shape: o = "square", color: t = "accent", hoverable: i = !0, className: n, children: c, ...d }) => /* @__PURE__ */ N(E.Root, {
+  ...d,
+  className: l(v(_.root, _[r], _[a], _[o], _[t], i && _.hoverable), n),
+  children: [/* @__PURE__ */ e("span", {
+    className: _.box,
+    children: /* @__PURE__ */ N(E.Indicator, {
+      className: _.indicator,
+      children: [/* @__PURE__ */ e(G, {
+        className: _.check,
+        "aria-hidden": !0
+      }), /* @__PURE__ */ e(J, {
+        className: _.minus,
+        "aria-hidden": !0
+      })]
+    })
+  }), c]
+}), ir = "_description_yrj5x_1", lr = { description: ir }, P = k(({ className: r, ...a }, o) => /* @__PURE__ */ e(C.Description, {
+  ref: o,
+  className: l(lr.description, r),
+  ...a
+}));
+P.displayName = "FieldDescription";
+var cr = "_error_179et_1", nr = { error: cr }, q = k(({ className: r, ...a }, o) => /* @__PURE__ */ e(C.Error, {
+  ref: o,
+  className: l(nr.error, r),
+  ...a
+}));
+q.displayName = "FieldError";
+var sr = "_label_1yxve_1", dr = { label: sr }, z = k(({ className: r, ...a }, o) => /* @__PURE__ */ e(C.Label, {
+  ref: o,
+  className: l(dr.label, r),
+  ...a
+}));
+z.displayName = "FieldLabel";
+var La = {
+  Root: C.Root,
+  Label: z,
+  Control: C.Control,
+  Description: P,
+  Error: q,
+  Validity: C.Validity
+}, mr = "_root_1dv0f_1", _r = "_control_1dv0f_18", ur = "_sm_1dv0f_33", vr = "_md_1dv0f_38", pr = "_indicator_1dv0f_49", hr = "_card_1dv0f_90", fr = "_cardContent_1dv0f_111", x = {
+  root: mr,
+  control: _r,
+  sm: ur,
+  md: vr,
+  indicator: pr,
+  card: hr,
+  cardContent: fr
+}, ja = ({ children: r, className: a, size: o = "sm", variant: t = "default", ...i }) => /* @__PURE__ */ N(I.Root, {
+  render: t === "card" ? /* @__PURE__ */ e("div", {}) : void 0,
+  ...i,
+  className: l(v(x.root, x[o], t === "card" && x.card), a),
+  children: [/* @__PURE__ */ e("span", {
+    className: x.control,
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ e(I.Indicator, { className: x.indicator })
+  }), t === "card" ? /* @__PURE__ */ e("div", {
+    className: x.cardContent,
+    children: r
+  }) : r]
+}), Nr = "_root_1h79s_1", br = { root: Nr }, ya = ({ className: r, ...a }) => /* @__PURE__ */ e(B, {
+  ...a,
+  className: l(br.root, r)
+}), Sr = "_container_1uovu_1", gr = "_item_1uovu_20", xr = "_iconOnly_1uovu_60", Cr = "_icon_1uovu_60", Rr = "_label_1uovu_79", $ = {
+  container: Sr,
+  item: gr,
+  iconOnly: xr,
+  icon: Cr,
+  label: Rr
+}, Ea = ({ className: r, itemWidth: a = "equal", options: o, ...t }) => /* @__PURE__ */ e(B, {
+  ...t,
+  className: l($.container, r),
+  "data-item-width": a,
+  children: o.map(({ "aria-label": i, disabled: n, label: c, startIcon: d, value: m }) => /* @__PURE__ */ N(I.Root, {
+    value: m,
+    disabled: n,
+    "aria-label": i,
+    className: v($.item, !f(c) && $.iconOnly),
+    children: [f(d) && /* @__PURE__ */ e("span", {
+      className: $.icon,
+      "aria-hidden": !0,
+      children: d
+    }), f(c) && /* @__PURE__ */ e("span", {
+      className: $.label,
+      children: c
+    })]
+  }, m))
+}), $r = "_trigger_hijh9_1", Tr = "_value_hijh9_12", Ir = "_icon_hijh9_31", kr = "_positioner_hijh9_42", Lr = "_popup_hijh9_46", jr = "_item_hijh9_71", yr = "_indicator_hijh9_75", Er = "_groupLabel_hijh9_81", wr = "_separator_hijh9_89", p = {
+  trigger: $r,
+  value: Tr,
+  icon: Ir,
+  positioner: kr,
+  popup: Lr,
+  item: jr,
+  indicator: yr,
+  groupLabel: Er,
+  separator: wr
+}, Fr = ({ className: r, ...a }) => /* @__PURE__ */ e(s.GroupLabel, {
+  ...a,
+  className: l(p.groupLabel, r)
+}), Dr = ({ className: r, children: a, startIcon: o, endIcon: t, description: i, descriptionPlacement: n = "inline", ...c }) => /* @__PURE__ */ N(s.Item, {
+  ...c,
+  className: l(v(u.root, p.item), r),
+  "data-color": "neutral",
+  "data-indicator": "check",
+  children: [
+    f(o) && /* @__PURE__ */ e("div", {
+      className: u.startIcon,
+      "aria-hidden": !0,
+      children: o
+    }),
+    /* @__PURE__ */ N("div", {
+      className: u.label,
+      children: [/* @__PURE__ */ e(s.ItemText, {
+        className: u.text,
+        children: a
+      }), f(i) && n === "inline" && /* @__PURE__ */ e("div", {
+        className: v(u.description, u.inlineDescription),
+        children: i
+      })]
+    }),
+    f(i) && n === "end" && /* @__PURE__ */ e("div", {
+      className: v(u.description, u.endDescription),
+      children: i
+    }),
+    f(t) && /* @__PURE__ */ e("div", {
+      className: u.endIcon,
+      "aria-hidden": !0,
+      children: t
+    }),
+    /* @__PURE__ */ e(s.ItemIndicator, {
+      className: p.indicator,
+      children: /* @__PURE__ */ e(G, { className: u.checkIndicator })
+    })
+  ]
+}), Gr = ({ side: r = "bottom", align: a = "start", sideOffset: o = 8, alignOffset: t, alignItemWithTrigger: i = !1, anchor: n, container: c, className: d, ...m }) => {
+  const S = K(), R = U();
+  return /* @__PURE__ */ e(s.Portal, {
+    container: c === void 0 ? S ?? void 0 : c,
+    children: /* @__PURE__ */ e(s.Positioner, {
+      dir: R,
+      side: r,
+      align: a,
+      sideOffset: o,
+      alignOffset: t,
+      alignItemWithTrigger: i,
+      anchor: n,
+      className: p.positioner,
+      children: /* @__PURE__ */ e(s.Popup, {
+        ...m,
+        className: l(p.popup, d)
+      })
+    })
+  });
+}, Vr = ({ className: r, ...a }) => /* @__PURE__ */ e(s.Separator, {
+  ...a,
+  className: l(p.separator, r)
+}), Br = ({ size: r = "md", className: a, children: o, ...t }) => /* @__PURE__ */ N(s.Trigger, {
+  ...t,
+  className: l(v(y.input, y[r], p.trigger), a),
+  children: [o, /* @__PURE__ */ e(s.Icon, {
+    className: p.icon,
+    children: /* @__PURE__ */ e(X, {})
+  })]
+}), Pr = ({ className: r, ...a }) => /* @__PURE__ */ e(s.Value, {
+  ...a,
+  className: l(p.value, r)
+}), qr = () => ({
+  Root: s.Root,
+  Trigger: Br,
+  Value: Pr,
+  Popup: Gr,
+  Item: Dr,
+  Group: s.Group,
+  GroupLabel: Fr,
+  Separator: Vr
+}), wa = /* @__PURE__ */ qr(), zr = "_root_1mh0w_1", Hr = "_accent_1mh0w_16", Mr = "_success_1mh0w_20", Or = "_control_1mh0w_24", Ar = "_track_1mh0w_42", Xr = "_indicator_1mh0w_55", Jr = "_thumb_1mh0w_66", Kr = "_label_1mh0w_80", Qr = "_value_1mh0w_81", h = {
+  root: zr,
+  accent: Hr,
+  success: Mr,
+  control: Or,
+  track: Ar,
+  indicator: Xr,
+  thumb: Jr,
+  label: Kr,
+  value: Qr
+}, Ur = ({ className: r, color: a = "accent", thumbAlignment: o = "edge", ...t }) => /* @__PURE__ */ e(b.Root, {
+  ...t,
+  thumbAlignment: o,
+  className: l(v(h.root, h[a]), r)
+}), Wr = ({ className: r, ...a }) => /* @__PURE__ */ e(b.Control, {
+  ...a,
+  className: l(h.control, r)
+}), Yr = ({ className: r, ...a }) => /* @__PURE__ */ e(b.Track, {
+  ...a,
+  className: l(h.track, r)
+}), Zr = ({ className: r, ...a }) => /* @__PURE__ */ e(b.Indicator, {
+  ...a,
+  className: l(h.indicator, r)
+}), ra = ({ className: r, ...a }) => /* @__PURE__ */ e(b.Thumb, {
+  ...a,
+  className: l(h.thumb, r)
+}), aa = ({ className: r, ...a }) => /* @__PURE__ */ e(b.Label, {
+  ...a,
+  className: l(h.label, r)
+}), ea = ({ className: r, ...a }) => /* @__PURE__ */ e(b.Value, {
+  ...a,
+  className: l(h.value, r)
+}), Fa = {
+  Root: Ur,
+  Control: Wr,
+  Track: Yr,
+  Indicator: Zr,
+  Thumb: ra,
+  Label: aa,
+  Value: ea
+}, oa = (r) => T(r) ? W(r) ? `${r}px` : String(r) : "", w = (r, a) => {
+  if (T(r)) {
+    if (V(r)) return r(a);
+    r.current = a;
+  }
+}, ta = (...r) => (a) => {
+  const o = r.map((t) => {
+    const i = w(t, a);
+    return V(i) ? i : () => w(t, null);
+  });
+  return () => {
+    for (const t of o) t();
+  };
+}, F = (r) => {
+  r.style.blockSize = "auto";
+  const a = r.offsetHeight - r.clientHeight;
+  r.style.blockSize = `${r.scrollHeight + a}px`;
+}, ia = "_textarea_1qcvj_1", la = "_sm_1qcvj_38", ca = "_md_1qcvj_42", D = {
+  textarea: ia,
+  sm: la,
+  md: ca
+}, na = /* @__PURE__ */ e("textarea", {}), Da = ({ size: r = "md", autoResize: a = !1, maxRows: o, className: t, style: i, ref: n, render: c = na, onChange: d, value: m, rows: S, ...R }) => {
+  const L = rr(null), H = Z(() => ta(n, L), [n]), M = T(m), j = i?.blockSize;
+  Y(() => {
+    const g = L.current;
+    if (T(g)) {
+      if (!a) {
+        g.style.blockSize = oa(j);
+        return;
+      }
+      F(g);
+    }
+  }, [
+    a,
+    m,
+    o,
+    S,
+    j
+  ]);
+  const O = (g) => {
+    a && !M && F(g.currentTarget), d?.(g);
+  }, A = T(o) ? {
+    ...i,
+    "--tw-textarea-max-rows": o
+  } : i;
+  return /* @__PURE__ */ e(er, {
+    ...R,
+    rows: S,
+    onChange: O,
+    ref: H,
+    render: c,
+    value: m,
+    className: l(v(D.textarea, D[r]), t),
+    style: A,
+    "data-auto-resize": a || void 0
+  });
+};
+export {
+  ya as a,
+  ka as c,
+  Ea as i,
+  Ia as l,
+  Fa as n,
+  ja as o,
+  wa as r,
+  La as s,
+  Da as t
+};

package/dist/layout-BEC7fKLU.js

@@ -0,0 +1,34 @@
+import { t as p } from "./TextDirectionContext-zzaQWZg6.js";
+import { clsx as c } from "clsx";
+import { jsx as o } from "react/jsx-runtime";
+import { Collapsible as a } from "@base-ui/react/collapsible";
+import { DirectionProvider as m } from "@base-ui/react/direction-provider";
+var f = "_panel_9fs73_1", v = "_contained_9fs73_25", l = {
+  panel: f,
+  contained: v
+}, y = ({ children: e, isExpanded: r, dimension: i = "height", animationDurations: t = "default", containAnimation: d = !0, duration: n }) => {
+  const s = t === "default" ? void 0 : {
+    "--collapsible-opacity-duration": `${t.opacity}s`,
+    "--collapsible-size-duration": `${t.size}s`
+  };
+  return /* @__PURE__ */ o(a.Root, {
+    open: r,
+    children: /* @__PURE__ */ o(a.Panel, {
+      className: c(l.panel, d && l.contained),
+      "data-dimension": i,
+      "data-duration": n,
+      style: s,
+      children: e
+    })
+  });
+}, C = ({ direction: e, children: r }) => /* @__PURE__ */ o(p.Provider, {
+  value: e,
+  children: /* @__PURE__ */ o(m, {
+    direction: e,
+    children: r
+  })
+});
+export {
+  y as n,
+  C as t
+};

package/dist/layout-DniJJ8Mx.cjs

@@ -0,0 +1 @@
+const u=require("./TextDirectionContext-pwtyVyKv.cjs");let d=require("clsx"),r=require("react/jsx-runtime"),l=require("@base-ui/react/collapsible"),_=require("@base-ui/react/direction-provider");var p="_panel_9fs73_1",b="_contained_9fs73_25",a={panel:p,contained:b},x=({children:e,isExpanded:t,dimension:o="height",animationDurations:i="default",containAnimation:n=!0,duration:c})=>{const s=i==="default"?void 0:{"--collapsible-opacity-duration":`${i.opacity}s`,"--collapsible-size-duration":`${i.size}s`};return(0,r.jsx)(l.Collapsible.Root,{open:t,children:(0,r.jsx)(l.Collapsible.Panel,{className:(0,d.clsx)(a.panel,n&&a.contained),"data-dimension":o,"data-duration":c,style:s,children:e})})},v=({direction:e,children:t})=>(0,r.jsx)(u.TextDirectionContext.Provider,{value:e,children:(0,r.jsx)(_.DirectionProvider,{direction:e,children:t})});Object.defineProperty(exports,"Collapsible",{enumerable:!0,get:function(){return x}});Object.defineProperty(exports,"TextDirectionProvider",{enumerable:!0,get:function(){return v}});

package/dist/navigation-CUofX3gO.js

@@ -0,0 +1,78 @@
+import { t as w } from "./isDefined-fMi6eQ4r.js";
+import { n as b } from "./useProvidedTextDirection-P1dtjUtE.js";
+import { n as c, t as A } from "./TabsTabContent-_NCTxoP6.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useDirection as g } from "@base-ui/react/direction-provider";
+import { Tabs as u } from "@base-ui/react/tabs";
+var x = ({ event: r, direction: a, loopFocus: n }) => {
+  if (r.altKey || r.ctrlKey || r.metaKey || r.shiftKey) return;
+  const s = r.currentTarget, o = Array.from(s.querySelectorAll('[role="tab"]')).filter((e) => e.closest('[role="tablist"]') === s), i = o.findIndex((e) => e === r.target);
+  if (i === -1) return;
+  const l = a === "rtl" ? ["ArrowLeft", "ArrowRight"] : ["ArrowRight", "ArrowLeft"], [t, m] = s.getAttribute("aria-orientation") === "vertical" ? ["ArrowDown", "ArrowUp"] : l;
+  if (![
+    t,
+    m,
+    "Home",
+    "End"
+  ].includes(r.key)) return;
+  r.preventBaseUIHandler(), r.preventDefault();
+  const d = o.filter((e) => !e.hasAttribute("data-disabled") && !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true" && !e.closest("[hidden], [inert]"));
+  if (r.key === "Home") {
+    d[0]?.focus();
+    return;
+  }
+  if (r.key === "End") {
+    d[d.length - 1]?.focus();
+    return;
+  }
+  const T = r.key === m, y = T ? [...d].reverse() : d, h = y.find((e) => T ? o.indexOf(e) < i : o.indexOf(e) > i);
+  if (w(h)) {
+    h.focus();
+    return;
+  }
+  n && y[0]?.focus();
+}, K = ({ className: r, children: a, onKeyDown: n, loopFocus: s = !0, ...o }) => {
+  const i = g(), l = (t) => {
+    if (n?.(t), t.defaultPrevented) {
+      t.preventBaseUIHandler();
+      return;
+    }
+    t.baseUIHandlerPrevented || x({
+      event: t,
+      direction: i,
+      loopFocus: s
+    });
+  };
+  return /* @__PURE__ */ p(u.List, {
+    ...o,
+    loopFocus: s,
+    onKeyDown: l,
+    className: b(c.list, r),
+    children: [a, /* @__PURE__ */ f(u.Indicator, { className: c.indicator })]
+  });
+}, N = ({ className: r, ...a }) => /* @__PURE__ */ f(u.Panel, {
+  ...a,
+  className: b(c.panel, r)
+}), k = ({ className: r, ...a }) => /* @__PURE__ */ f(u.Root, {
+  ...a,
+  className: b(c.root, r)
+}), D = ({ className: r, children: a, startIcon: n, endIcon: s, badge: o, highlighted: i = !1, size: l = "sm", ...t }) => /* @__PURE__ */ f(u.Tab, {
+  ...t,
+  className: b(c.tab, r),
+  "data-size": l,
+  "data-highlighted": i || void 0,
+  children: /* @__PURE__ */ f(A, {
+    startIcon: n,
+    endIcon: s,
+    badge: o,
+    children: a
+  })
+}), B = {
+  Root: k,
+  List: K,
+  Tab: D,
+  Panel: N
+};
+export {
+  B as t
+};

package/dist/navigation-qJfYicT7.cjs

@@ -0,0 +1 @@
+const g=require("./isDefined-DS2Q42p5.cjs"),f=require("./useProvidedTextDirection-B7ovnsdr.cjs"),n=require("./TabsTabContent-BseLV1Wk.cjs");let l=require("react/jsx-runtime"),h=require("@base-ui/react/direction-provider"),b=require("@base-ui/react/tabs");var x=({event:e,direction:a,loopFocus:d})=>{if(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const s=e.currentTarget,i=Array.from(s.querySelectorAll('[role="tab"]')).filter(r=>r.closest('[role="tablist"]')===s),o=i.findIndex(r=>r===e.target);if(o===-1)return;const u=a==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"],[t,T]=s.getAttribute("aria-orientation")==="vertical"?["ArrowDown","ArrowUp"]:u;if(![t,T,"Home","End"].includes(e.key))return;e.preventBaseUIHandler(),e.preventDefault();const c=i.filter(r=>!r.hasAttribute("data-disabled")&&!r.hasAttribute("disabled")&&r.getAttribute("aria-disabled")!=="true"&&!r.closest("[hidden], [inert]"));if(e.key==="Home"){c[0]?.focus();return}if(e.key==="End"){c[c.length-1]?.focus();return}const m=e.key===T,_=m?[...c].reverse():c,y=_.find(r=>m?i.indexOf(r)<o:i.indexOf(r)>o);if(g.isDefined(y)){y.focus();return}d&&_[0]?.focus()},w=({className:e,children:a,onKeyDown:d,loopFocus:s=!0,...i})=>{const o=(0,h.useDirection)(),u=t=>{if(d?.(t),t.defaultPrevented){t.preventBaseUIHandler();return}t.baseUIHandlerPrevented||x({event:t,direction:o,loopFocus:s})};return(0,l.jsxs)(b.Tabs.List,{...i,loopFocus:s,onKeyDown:u,className:f.mergeClassNames(n.Tab_module_default.list,e),children:[a,(0,l.jsx)(b.Tabs.Indicator,{className:n.Tab_module_default.indicator})]})},A=({className:e,...a})=>(0,l.jsx)(b.Tabs.Panel,{...a,className:f.mergeClassNames(n.Tab_module_default.panel,e)}),q=({className:e,...a})=>(0,l.jsx)(b.Tabs.Root,{...a,className:f.mergeClassNames(n.Tab_module_default.root,e)}),N=({className:e,children:a,startIcon:d,endIcon:s,badge:i,highlighted:o=!1,size:u="sm",...t})=>(0,l.jsx)(b.Tabs.Tab,{...t,className:f.mergeClassNames(n.Tab_module_default.tab,e),"data-size":u,"data-highlighted":o||void 0,children:(0,l.jsx)(n.TabsTabContent,{startIcon:d,endIcon:s,badge:i,children:a})}),K={Root:q,List:w,Tab:N,Panel:A};Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return K}});

package/dist/primitives/data-display/Avatar/Avatar.d.ts

@@ -1,2 +1,2 @@
 import { AvatarProps } from './types/AvatarProps';
-export declare const Avatar: ({ src, name, colorSeed, size, shape, variant, icon, color, backgroundColor, borderColor, pulsing, disabled, nativeButton, onClick, className, style, render, "aria-label": ariaLabel, ...props }: AvatarProps) => import("react").JSX.Element;
+export declare const Avatar: ({ src, name, colorSeed, size, shape, variant, icon, color, backgroundColor, borderColor, pulsing, ring, disabled, nativeButton, onClick, className, style, render, "aria-label": ariaLabel, ...props }: AvatarProps) => import("react").JSX.Element;

package/dist/primitives/data-display/Avatar/types/AvatarProps.d.ts

@@ -14,6 +14,7 @@ export type AvatarProps = Omit<AvatarPrimitive.Root.Props, 'children'> & {
     backgroundColor?: string;
     borderColor?: string;
     pulsing?: boolean;
+    ring?: boolean;
     disabled?: boolean;
     nativeButton?: boolean;
 };

package/dist/primitives/data-display/Pill/Pill.d.ts

@@ -3,6 +3,8 @@ type PillProps = {
     className?: string;
     label?: string;
     Icon?: IconComponent;
+    size?: 'sm' | 'md';
+    color?: 'tertiary' | 'inherit';
 };
-export declare const Pill: ({ className, label, Icon }: PillProps) => import("react").JSX.Element;
+export declare const Pill: ({ className, label, Icon, size, color, }: PillProps) => import("react").JSX.Element;
 export {};

package/dist/primitives/data-display.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Pill-BJ3K8Mdc.cjs"),a=require("../Avatar-DTNH6Ku7.cjs"),e=require("../data-display-BQ9g9oSc.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=a.Avatar;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Pill=r.Pill;exports.Status=e.Status;exports.Tag=e.Tag;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar-B5-MSVUG.cjs"),e=require("../data-display-DenoFbuP.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=a.Avatar;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Pill=e.Pill;exports.Status=e.Status;exports.Tag=e.Tag;

package/dist/primitives/data-display.mjs

@@ -1,12 +1,11 @@
-import { t as r } from "../Pill-DaFEFIOT.js";
-import { t as o } from "../Avatar-BSHgTxt-.js";
-import { a as m, i, n as p, r as l, t as A } from "../data-display-z9gKjkPS.js";
+import { t as o } from "../Avatar-Da_dlwJP.js";
+import { a as s, i as t, n as i, o as m, r as p, t as l } from "../data-display-npY0auY_.js";
 export {
   m as AVATAR_PROPERTIES_BY_SIZE,
   o as Avatar,
-  i as Chip,
-  l as ColorSample,
-  r as Pill,
-  p as Status,
-  A as Tag
+  s as Chip,
+  t as ColorSample,
+  p as Pill,
+  i as Status,
+  l as Tag
 };

package/dist/primitives/feedback/ProgressBar/ProgressBar.d.ts

@@ -1,12 +1,2 @@
-export type ProgressBarProps = {
-    value: number;
-    className?: string;
-    barColor?: string;
-    backgroundColor?: string;
-    withBorderRadius?: boolean;
-    ariaLabel?: string;
-    countdownDurationInMs?: number;
-    isCountdownPaused?: boolean;
-    onCountdownComplete?: () => void;
-};
-export declare const ProgressBar: ({ value, className, barColor, backgroundColor, withBorderRadius, ariaLabel, countdownDurationInMs, isCountdownPaused, onCountdownComplete, }: ProgressBarProps) => import("react").JSX.Element;
+import { ProgressBarProps } from './types/ProgressBarProps';
+export declare const ProgressBar: ({ value, size, className, barColor, backgroundColor, withBorderRadius, withGrowIn, withGlint, withSpringFill, withMinimumFillWidth, ariaLabel, onGrowInComplete, }: ProgressBarProps) => import("react").JSX.Element;

package/dist/primitives/feedback/ProgressBar/types/ProgressBarProps.d.ts

@@ -0,0 +1,14 @@
+export type ProgressBarProps = {
+    value: number;
+    size?: 'sm' | 'md';
+    className?: string;
+    barColor?: string;
+    backgroundColor?: string;
+    withBorderRadius?: boolean;
+    withGrowIn?: boolean;
+    withGlint?: boolean;
+    withSpringFill?: boolean;
+    withMinimumFillWidth?: boolean;
+    ariaLabel?: string;
+    onGrowInComplete?: () => void;
+};

package/dist/primitives/feedback/index.d.ts

@@ -1,6 +1,5 @@
 export type { BannerColor, BannerVariant } from './Banner/Banner';
 export { Banner } from './Banner/Banner';
-export { CircularProgressBar } from './CircularProgressBar/CircularProgressBar';
 export { Loader } from './Loader/Loader';
-export type { ProgressBarProps } from './ProgressBar/ProgressBar';
 export { ProgressBar } from './ProgressBar/ProgressBar';
+export type { ProgressBarProps } from './ProgressBar/types/ProgressBarProps';

package/dist/primitives/feedback.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Loader-Z6_7AA-x.cjs"),r=require("../ProgressBar-DwJQXHwg.cjs"),a=require("../feedback-CH2UC0Fv.cjs");exports.Banner=r.Banner;exports.CircularProgressBar=a.CircularProgressBar;exports.Loader=e.Loader;exports.ProgressBar=r.ProgressBar;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Loader-CMXdrX1d.cjs"),e=require("../ProgressBar-C8N-1Iav.cjs");exports.Banner=e.Banner;exports.Loader=r.Loader;exports.ProgressBar=e.ProgressBar;

package/dist/primitives/feedback.mjs

@@ -1,9 +1,7 @@
-import { t as o } from "../Loader-X1LymYkw.js";
-import { n as s, t } from "../ProgressBar-RWLNIkzm.js";
-import { t as e } from "../feedback-BvpEL2-w.js";
+import { t as o } from "../Loader-BLkXvZli.js";
+import { n as s, t } from "../ProgressBar-Cq6EDZz9.js";
 export {
   s as Banner,
-  e as CircularProgressBar,
   o as Loader,
   t as ProgressBar
 };

package/dist/primitives/input/Button/Button.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from './types/ButtonProps';
-export declare const Button: ({ variant, color, size, fullWidth, loading, elevated, startIcon, endIcon, hotkeys, soon, soonLabel, disabled, href, render, className, children, ...props }: ButtonProps) => import("react").JSX.Element;
+export declare const Button: ({ variant, color, size, fullWidth, loading, elevated, startIcon, endIcon, hotkeys, disabled, href, render, className, children, ...props }: ButtonProps) => import("react").JSX.Element;

package/dist/primitives/input/Button/types/ButtonProps.d.ts

@@ -13,6 +13,4 @@ export type ButtonProps = Omit<ButtonPrimitive.Props, 'color' | 'nativeButton' |
     startIcon?: ReactNode;
     endIcon?: ReactNode;
     hotkeys?: string[];
-    soon?: boolean;
-    soonLabel?: string;
 };

package/dist/primitives/input/Button/types/ButtonVariant.d.ts

@@ -1 +1 @@
-export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'soft';
+export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'soft' | 'link';

package/dist/primitives/input/Radio/Radio.d.ts

@@ -1,2 +1,2 @@
 import { RadioProps } from './types/RadioProps';
-export declare const Radio: <TValue>({ children, className, size, ...props }: RadioProps<TValue>) => import("react").JSX.Element;
+export declare const Radio: <TValue>({ children, className, size, variant, ...props }: RadioProps<TValue>) => import("react").JSX.Element;

package/dist/primitives/input/Radio/types/RadioProps.d.ts

@@ -2,4 +2,5 @@ import { Radio as RadioPrimitive } from '@base-ui/react/radio';
 export type RadioProps<TValue = string> = RadioPrimitive.Root.Props<TValue> & {
     /** Visual size of the radio. */
     size?: 'sm' | 'md';
+    variant?: 'default' | 'card';
 };

package/dist/primitives/input/index.d.ts

@@ -45,6 +45,5 @@ export type { SwitchProps } from './Switch/types/SwitchProps';
 export type { SwitchSize } from './Switch/types/SwitchSize';
 export { Textarea } from './Textarea/Textarea';
 export type { TextareaProps } from './Textarea/types/TextareaProps';
-export type { ColorScheme } from './types/ColorScheme';
 export type { InputSize } from './types/InputSize';
 export type { SelectOption } from './types/SelectOption';

package/dist/primitives/input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Input-CFXY05bj.cjs"),e=require("../input-NBD4DP8j.cjs");exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=t.Input;exports.InputGroup=e.InputGroup;exports.Radio=t.Radio;exports.RadioGroup=e.RadioGroup;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Slider=e.Slider;exports.Switch=t.Switch;exports.Textarea=e.Textarea;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Switch-BLO0Y9bi.cjs"),e=require("../input-BNuMVtkM.cjs");exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=t.Input;exports.InputGroup=t.InputGroup;exports.Radio=e.Radio;exports.RadioGroup=e.RadioGroup;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Slider=e.Slider;exports.Switch=t.Switch;exports.Textarea=e.Textarea;

package/dist/primitives/input.mjs

@@ -1,17 +1,17 @@
-import { a as o, i as t, o as s, t as r } from "../Input-DHfmRBq5.js";
-import { a as i, c as p, i as n, l as u, n as d, o as l, r as m, s as c, t as S } from "../input-C8IiOA9Q.js";
+import { a as o, n as t, r as s, t as r } from "../Switch-CMVfAYqP.js";
+import { a as i, c as n, i as p, l as u, n as d, o as l, r as m, s as c, t as S } from "../input-COx4wMjs.js";
 export {
-  s as Button,
+  o as Button,
   u as ButtonGroup,
-  p as Checkbox,
+  n as Checkbox,
   c as Field,
-  r as Input,
-  l as InputGroup,
-  o as Radio,
+  s as Input,
+  t as InputGroup,
+  l as Radio,
   i as RadioGroup,
-  n as SegmentedControl,
+  p as SegmentedControl,
   m as Select,
   d as Slider,
-  t as Switch,
+  r as Switch,
   S as Textarea
 };