twenty-ui 2.44.0 → 2.45.0

package/dist/input-C50264Jb.js

@@ -0,0 +1,407 @@
+import { Sn as K, es as tr, wn as ir, xo as Q } from "./icon-B7aZ6RxF.js";
+import { t as y } from "./isDefined-fMi6eQ4r.js";
+import { t as lr } from "./theme-CjHovJAZ.js";
+import { t as g } from "./isRenderableSlot-DT_depzM.js";
+import { a as O, i as G, o as nr } from "./Switch-BQp0t6JZ.js";
+import { n as l, t as cr } from "./useProvidedTextDirection-P1dtjUtE.js";
+import { n as _, t as v } from "./ListItem.module-Dxd8jOJP.js";
+import { clsx as u } from "clsx";
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
+import { isFunction as W, isNumber as sr } from "@sniptt/guards";
+import { forwardRef as z, useLayoutEffect as dr, useMemo as mr, useRef as ur } from "react";
+import { useRender as _r } from "@base-ui/react/use-render";
+import { Input as vr } from "@base-ui/react/input";
+import { Checkbox as A } from "@base-ui/react/checkbox";
+import { Field as $ } from "@base-ui/react/field";
+import { NumberField as F } from "@base-ui/react/number-field";
+import { useControlled as pr } from "@base-ui/utils/useControlled";
+import { useValueAsRef as hr } from "@base-ui/utils/useValueAsRef";
+import { formatNumber as H } from "@base-ui/utils/formatNumber";
+import { Radio as B } from "@base-ui/react/radio";
+import { RadioGroup as Y } from "@base-ui/react/radio-group";
+import { Select as s } from "@base-ui/react/select";
+import { Slider as R } from "@base-ui/react/slider";
+var fr = "_container_262rx_1", br = { container: fr }, We = ({ attached: r = !0, framed: e = !1, className: o, children: t, variant: i, size: c, color: n, render: d, ref: m, ...h }) => {
+  const S = _r({
+    render: d,
+    ref: m,
+    props: {
+      role: "group",
+      "data-attached": r || void 0,
+      "data-framed": e || void 0,
+      ...h,
+      className: u(br.container, o),
+      children: t
+    }
+  });
+  return /* @__PURE__ */ a(nr.Provider, {
+    value: {
+      variant: i,
+      color: n,
+      size: c
+    },
+    children: S
+  });
+}, Ye = ({ size: r = "sm", variant: e = "solid", shape: o = "square", color: t = "accent", hoverable: i = !0, className: c, children: n, ...d }) => /* @__PURE__ */ b(A.Root, {
+  ...d,
+  className: l(u(_.root, _[r], _[e], _[o], _[t], i && _.hoverable), c),
+  children: [/* @__PURE__ */ a("span", {
+    className: _.box,
+    children: /* @__PURE__ */ b(A.Indicator, {
+      className: _.indicator,
+      children: [/* @__PURE__ */ a(K, {
+        className: _.check,
+        "aria-hidden": !0
+      }), /* @__PURE__ */ a(Q, {
+        className: _.minus,
+        "aria-hidden": !0
+      })]
+    })
+  }), n]
+}), Nr = "_description_yrj5x_1", Sr = { description: Nr }, Z = z(({ className: r, ...e }, o) => /* @__PURE__ */ a($.Description, {
+  ref: o,
+  className: l(Sr.description, r),
+  ...e
+}));
+Z.displayName = "FieldDescription";
+var gr = "_error_179et_1", Rr = { error: gr }, rr = z(({ className: r, ...e }, o) => /* @__PURE__ */ a($.Error, {
+  ref: o,
+  className: l(Rr.error, r),
+  ...e
+}));
+rr.displayName = "FieldError";
+var Cr = "_label_1yxve_1", Ir = { label: Cr }, er = z(({ className: r, ...e }, o) => /* @__PURE__ */ a($.Label, {
+  ref: o,
+  className: l(Ir.label, r),
+  ...e
+}));
+er.displayName = "FieldLabel";
+var Ze = {
+  Root: $.Root,
+  Label: er,
+  Control: $.Control,
+  Description: Z,
+  Error: rr,
+  Validity: $.Validity
+}, q = {
+  maximumFractionDigits: 15,
+  numberingSystem: "latn",
+  useGrouping: "min2"
+}, $r = ({ nextValue: r, currentValue: e, reason: o }) => o === "input-blur" && H(r, void 0, q) === H(e, void 0, q), Tr = "_root_17bio_1", xr = "_valueInput_17bio_7", kr = "_button_17bio_14", yr = "_icon_17bio_32", C = {
+  root: Tr,
+  valueInput: xr,
+  button: kr,
+  icon: yr
+}, ra = ({ value: r, defaultValue: e, onValueChange: o, allowOutOfRange: t = !1, min: i, max: c, step: n = 1, disabled: d, readOnly: m, required: h, name: S, form: T, id: V, showButtons: L = !0, decrementLabel: E = "Decrease value", incrementLabel: w = "Increase value", className: D, ...f }) => {
+  const [M, ar] = pr({
+    controlled: r,
+    default: e ?? null,
+    name: "NumberStepper",
+    state: "value"
+  }), P = hr(M), or = (x, j) => {
+    if (x !== P.current) {
+      if ($r({
+        nextValue: x,
+        currentValue: P.current,
+        reason: j.reason
+      })) {
+        j.cancel();
+        return;
+      }
+      o?.(x, j), !j.isCanceled && (P.current = x, ar(x));
+    }
+  };
+  return /* @__PURE__ */ b(F.Root, {
+    value: M,
+    onValueChange: or,
+    min: i,
+    max: c,
+    allowOutOfRange: t,
+    step: n,
+    smallStep: n,
+    largeStep: n,
+    disabled: d,
+    readOnly: m,
+    required: h,
+    name: S,
+    form: T,
+    id: V,
+    format: q,
+    className: C.root,
+    children: [
+      L && /* @__PURE__ */ a(F.Decrement, {
+        "aria-label": E,
+        render: /* @__PURE__ */ a(O, {
+          type: "button",
+          size: "sm",
+          className: C.button,
+          startIcon: /* @__PURE__ */ a("span", {
+            className: C.icon,
+            children: /* @__PURE__ */ a(Q, {})
+          })
+        })
+      }),
+      /* @__PURE__ */ a(F.Input, {
+        ...f,
+        form: T,
+        className: l(u(G.input, G.sm, C.valueInput), D)
+      }),
+      L && /* @__PURE__ */ a(F.Increment, {
+        "aria-label": w,
+        render: /* @__PURE__ */ a(O, {
+          type: "button",
+          size: "sm",
+          className: C.button,
+          startIcon: /* @__PURE__ */ a("span", {
+            className: C.icon,
+            children: /* @__PURE__ */ a(tr, {})
+          })
+        })
+      })
+    ]
+  });
+}, Lr = "_root_1dv0f_1", Er = "_control_1dv0f_18", jr = "_sm_1dv0f_33", Fr = "_md_1dv0f_38", Gr = "_indicator_1dv0f_49", Vr = "_card_1dv0f_90", wr = "_cardContent_1dv0f_111", I = {
+  root: Lr,
+  control: Er,
+  sm: jr,
+  md: Fr,
+  indicator: Gr,
+  card: Vr,
+  cardContent: wr
+}, ea = ({ children: r, className: e, size: o = "sm", variant: t = "default", ...i }) => /* @__PURE__ */ b(B.Root, {
+  render: t === "card" ? /* @__PURE__ */ a("div", {}) : void 0,
+  ...i,
+  className: l(u(I.root, I[o], t === "card" && I.card), e),
+  children: [/* @__PURE__ */ a("span", {
+    className: I.control,
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ a(B.Indicator, { className: I.indicator })
+  }), t === "card" ? /* @__PURE__ */ a("div", {
+    className: I.cardContent,
+    children: r
+  }) : r]
+}), Dr = "_root_1h79s_1", Pr = { root: Dr }, aa = ({ className: r, ...e }) => /* @__PURE__ */ a(Y, {
+  ...e,
+  className: l(Pr.root, r)
+}), Br = "_container_1uovu_1", qr = "_item_1uovu_20", zr = "_iconOnly_1uovu_60", Mr = "_icon_1uovu_60", Or = "_label_1uovu_79", k = {
+  container: Br,
+  item: qr,
+  iconOnly: zr,
+  icon: Mr,
+  label: Or
+}, oa = ({ className: r, itemWidth: e = "equal", options: o, ...t }) => /* @__PURE__ */ a(Y, {
+  ...t,
+  className: l(k.container, r),
+  "data-item-width": e,
+  children: o.map(({ "aria-label": i, disabled: c, label: n, startIcon: d, value: m }) => /* @__PURE__ */ b(B.Root, {
+    value: m,
+    disabled: c,
+    "aria-label": i,
+    className: u(k.item, !g(n) && k.iconOnly),
+    children: [g(d) && /* @__PURE__ */ a("span", {
+      className: k.icon,
+      "aria-hidden": !0,
+      children: d
+    }), g(n) && /* @__PURE__ */ a("span", {
+      className: k.label,
+      children: n
+    })]
+  }, m))
+}), Ar = "_trigger_hijh9_1", Hr = "_value_hijh9_12", Ur = "_icon_hijh9_31", Xr = "_positioner_hijh9_42", Jr = "_popup_hijh9_46", Kr = "_item_hijh9_71", Qr = "_indicator_hijh9_75", Wr = "_groupLabel_hijh9_81", Yr = "_separator_hijh9_89", p = {
+  trigger: Ar,
+  value: Hr,
+  icon: Ur,
+  positioner: Xr,
+  popup: Jr,
+  item: Kr,
+  indicator: Qr,
+  groupLabel: Wr,
+  separator: Yr
+}, Zr = ({ className: r, ...e }) => /* @__PURE__ */ a(s.GroupLabel, {
+  ...e,
+  className: l(p.groupLabel, r)
+}), re = ({ className: r, children: e, startIcon: o, endIcon: t, description: i, descriptionPlacement: c = "inline", ...n }) => /* @__PURE__ */ b(s.Item, {
+  ...n,
+  className: l(u(v.root, p.item), r),
+  "data-color": "neutral",
+  "data-indicator": "check",
+  children: [
+    g(o) && /* @__PURE__ */ a("div", {
+      className: v.startIcon,
+      "aria-hidden": !0,
+      children: o
+    }),
+    /* @__PURE__ */ b("div", {
+      className: v.label,
+      children: [/* @__PURE__ */ a(s.ItemText, {
+        className: v.text,
+        children: e
+      }), g(i) && c === "inline" && /* @__PURE__ */ a("div", {
+        className: u(v.description, v.inlineDescription),
+        children: i
+      })]
+    }),
+    g(i) && c === "end" && /* @__PURE__ */ a("div", {
+      className: u(v.description, v.endDescription),
+      children: i
+    }),
+    g(t) && /* @__PURE__ */ a("div", {
+      className: v.endIcon,
+      "aria-hidden": !0,
+      children: t
+    }),
+    /* @__PURE__ */ a(s.ItemIndicator, {
+      className: p.indicator,
+      children: /* @__PURE__ */ a(K, { className: v.checkIndicator })
+    })
+  ]
+}), ee = ({ side: r = "bottom", align: e = "start", sideOffset: o = 8, alignOffset: t, alignItemWithTrigger: i = !1, anchor: c, container: n, className: d, ...m }) => {
+  const h = lr(), S = cr();
+  return /* @__PURE__ */ a(s.Portal, {
+    container: n === void 0 ? h ?? void 0 : n,
+    children: /* @__PURE__ */ a(s.Positioner, {
+      dir: S,
+      side: r,
+      align: e,
+      sideOffset: o,
+      alignOffset: t,
+      alignItemWithTrigger: i,
+      anchor: c,
+      className: p.positioner,
+      children: /* @__PURE__ */ a(s.Popup, {
+        ...m,
+        className: l(p.popup, d)
+      })
+    })
+  });
+}, ae = ({ className: r, ...e }) => /* @__PURE__ */ a(s.Separator, {
+  ...e,
+  className: l(p.separator, r)
+}), oe = ({ size: r = "md", className: e, children: o, ...t }) => /* @__PURE__ */ b(s.Trigger, {
+  ...t,
+  className: l(u(G.input, G[r], p.trigger), e),
+  children: [o, /* @__PURE__ */ a(s.Icon, {
+    className: p.icon,
+    children: /* @__PURE__ */ a(ir, {})
+  })]
+}), te = ({ className: r, ...e }) => /* @__PURE__ */ a(s.Value, {
+  ...e,
+  className: l(p.value, r)
+}), ie = () => ({
+  Root: s.Root,
+  Trigger: oe,
+  Value: te,
+  Popup: ee,
+  Item: re,
+  Group: s.Group,
+  GroupLabel: Zr,
+  Separator: ae
+}), ta = /* @__PURE__ */ ie(), le = "_root_1mh0w_1", ne = "_accent_1mh0w_16", ce = "_success_1mh0w_20", se = "_control_1mh0w_24", de = "_track_1mh0w_42", me = "_indicator_1mh0w_55", ue = "_thumb_1mh0w_66", _e = "_label_1mh0w_80", ve = "_value_1mh0w_81", N = {
+  root: le,
+  accent: ne,
+  success: ce,
+  control: se,
+  track: de,
+  indicator: me,
+  thumb: ue,
+  label: _e,
+  value: ve
+}, pe = ({ className: r, color: e = "accent", thumbAlignment: o = "edge", ...t }) => /* @__PURE__ */ a(R.Root, {
+  ...t,
+  thumbAlignment: o,
+  className: l(u(N.root, N[e]), r)
+}), he = ({ className: r, ...e }) => /* @__PURE__ */ a(R.Control, {
+  ...e,
+  className: l(N.control, r)
+}), fe = ({ className: r, ...e }) => /* @__PURE__ */ a(R.Track, {
+  ...e,
+  className: l(N.track, r)
+}), be = ({ className: r, ...e }) => /* @__PURE__ */ a(R.Indicator, {
+  ...e,
+  className: l(N.indicator, r)
+}), Ne = ({ className: r, ...e }) => /* @__PURE__ */ a(R.Thumb, {
+  ...e,
+  className: l(N.thumb, r)
+}), Se = ({ className: r, ...e }) => /* @__PURE__ */ a(R.Label, {
+  ...e,
+  className: l(N.label, r)
+}), ge = ({ className: r, ...e }) => /* @__PURE__ */ a(R.Value, {
+  ...e,
+  className: l(N.value, r)
+}), ia = {
+  Root: pe,
+  Control: he,
+  Track: fe,
+  Indicator: be,
+  Thumb: Ne,
+  Label: Se,
+  Value: ge
+}, Re = (r) => y(r) ? sr(r) ? `${r}px` : String(r) : "", U = (r, e) => {
+  if (y(r)) {
+    if (W(r)) return r(e);
+    r.current = e;
+  }
+}, Ce = (...r) => (e) => {
+  const o = r.map((t) => {
+    const i = U(t, e);
+    return W(i) ? i : () => U(t, null);
+  });
+  return () => {
+    for (const t of o) t();
+  };
+}, X = (r) => {
+  r.style.blockSize = "auto";
+  const e = r.offsetHeight - r.clientHeight;
+  r.style.blockSize = `${r.scrollHeight + e}px`;
+}, Ie = "_textarea_1qcvj_1", $e = "_sm_1qcvj_38", Te = "_md_1qcvj_42", J = {
+  textarea: Ie,
+  sm: $e,
+  md: Te
+}, xe = /* @__PURE__ */ a("textarea", {}), la = ({ size: r = "md", autoResize: e = !1, maxRows: o, className: t, style: i, ref: c, render: n = xe, onChange: d, value: m, rows: h, ...S }) => {
+  const T = ur(null), V = mr(() => Ce(c, T), [c]), L = y(m), E = i?.blockSize;
+  dr(() => {
+    const f = T.current;
+    if (y(f)) {
+      if (!e) {
+        f.style.blockSize = Re(E);
+        return;
+      }
+      X(f);
+    }
+  }, [
+    e,
+    m,
+    o,
+    h,
+    E
+  ]);
+  const w = (f) => {
+    e && !L && X(f.currentTarget), d?.(f);
+  }, D = y(o) ? {
+    ...i,
+    "--tw-textarea-max-rows": o
+  } : i;
+  return /* @__PURE__ */ a(vr, {
+    ...S,
+    rows: h,
+    onChange: w,
+    ref: V,
+    render: n,
+    value: m,
+    className: l(u(J.textarea, J[r]), t),
+    style: D,
+    "data-auto-resize": e || void 0
+  });
+};
+export {
+  aa as a,
+  Ze as c,
+  oa as i,
+  Ye as l,
+  ia as n,
+  ea as o,
+  ta as r,
+  ra as s,
+  la as t,
+  We as u
+};

package/dist/input-CRiX4eQH.cjs

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

package/dist/isRenderableSlot-DT_depzM.js

@@ -0,0 +1,6 @@
+import { t as r } from "./isDefined-fMi6eQ4r.js";
+import { isBoolean as i } from "@sniptt/guards";
+var m = (e) => r(e) && !i(e) && e !== "";
+export {
+  m as t
+};

package/dist/isRenderableSlot-Guryb6Nf.cjs

@@ -0,0 +1 @@
+const r=require("./isDefined-DS2Q42p5.cjs");let i=require("@sniptt/guards");var n=e=>r.isDefined(e)&&!(0,i.isBoolean)(e)&&e!=="";Object.defineProperty(exports,"isRenderableSlot",{enumerable:!0,get:function(){return n}});

package/dist/navigation-B9YTBTaa.cjs

@@ -0,0 +1 @@
+const f=require("./isDefined-DS2Q42p5.cjs"),m=require("./useProvidedTextDirection-B7ovnsdr.cjs"),u=require("./TabsTabContent-DZUNi_iE.cjs");let N=require("clsx"),n=require("react/jsx-runtime"),h=require("@sniptt/guards"),y=require("@base-ui/react/use-render"),j=require("@base-ui/react/direction-provider"),_=require("@base-ui/react/tabs");var q="_root_ikxnr_1",v="_list_ikxnr_13",w="_item_ikxnr_24",A="_content_ikxnr_35",k="_separator_ikxnr_55",b={root:q,list:v,item:w,content:A,separator:k},D=({children:e,href:r,render:l,title:t,current:s})=>(0,y.useRender)({defaultTagName:f.isDefined(r)?"a":"span",render:l,props:{children:e,href:r,title:t??((0,h.isString)(e)?e:void 0),"aria-current":s?"page":void 0,"data-linked":f.isDefined(r)||void 0,className:b.content}}),K=({links:e,className:r,render:l,ref:t,"aria-label":s="Breadcrumb",...o})=>(0,y.useRender)({defaultTagName:"nav",render:l,ref:t,props:{...o,"aria-label":s,className:(0,N.clsx)(b.root,r),children:(0,n.jsx)("ol",{className:b.list,children:e.map((d,a)=>(0,n.jsxs)("li",{className:b.item,children:[a>0&&(0,n.jsx)("span",{className:b.separator,"aria-hidden":"true",children:"/"}),(0,n.jsx)(D,{...d,current:a===e.length-1})]},a))})}}),B=({event:e,direction:r,loopFocus:l})=>{if(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const t=e.currentTarget,s=Array.from(t.querySelectorAll('[role="tab"]')).filter(i=>i.closest('[role="tablist"]')===t),o=s.findIndex(i=>i===e.target);if(o===-1)return;const d=r==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"],[a,T]=t.getAttribute("aria-orientation")==="vertical"?["ArrowDown","ArrowUp"]:d;if(![a,T,"Home","End"].includes(e.key))return;e.preventBaseUIHandler(),e.preventDefault();const c=s.filter(i=>!i.hasAttribute("data-disabled")&&!i.hasAttribute("disabled")&&i.getAttribute("aria-disabled")!=="true"&&!i.closest("[hidden], [inert]"));if(e.key==="Home"){c[0]?.focus();return}if(e.key==="End"){c[c.length-1]?.focus();return}const x=e.key===T,g=x?[...c].reverse():c,p=g.find(i=>x?s.indexOf(i)<o:s.indexOf(i)>o);if(f.isDefined(p)){p.focus();return}l&&g[0]?.focus()},P=({className:e,children:r,onKeyDown:l,loopFocus:t=!0,...s})=>{const o=(0,j.useDirection)(),d=a=>{if(l?.(a),a.defaultPrevented){a.preventBaseUIHandler();return}a.baseUIHandlerPrevented||B({event:a,direction:o,loopFocus:t})};return(0,n.jsxs)(_.Tabs.List,{...s,loopFocus:t,onKeyDown:d,className:m.mergeClassNames(u.Tab_module_default.list,e),children:[r,(0,n.jsx)(_.Tabs.Indicator,{className:u.Tab_module_default.indicator})]})},C=({className:e,...r})=>(0,n.jsx)(_.Tabs.Panel,{...r,className:m.mergeClassNames(u.Tab_module_default.panel,e)}),I=({className:e,...r})=>(0,n.jsx)(_.Tabs.Root,{...r,className:m.mergeClassNames(u.Tab_module_default.root,e)}),R=({className:e,children:r,startIcon:l,endIcon:t,badge:s,highlighted:o=!1,size:d="sm",...a})=>(0,n.jsx)(_.Tabs.Tab,{...a,className:m.mergeClassNames(u.Tab_module_default.tab,e),"data-size":d,"data-highlighted":o||void 0,children:(0,n.jsx)(u.TabsTabContent,{startIcon:l,endIcon:t,badge:s,children:r})}),H={Root:I,List:P,Tab:R,Panel:C};Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return H}});

package/dist/navigation-CQUyRKgk.js

@@ -0,0 +1,122 @@
+import { t as p } from "./isDefined-fMi6eQ4r.js";
+import { n as b } from "./useProvidedTextDirection-P1dtjUtE.js";
+import { n as u, t as x } from "./TabsTabContent-s6J5bZ3R.js";
+import { clsx as w } from "clsx";
+import { jsx as l, jsxs as y } from "react/jsx-runtime";
+import { isString as A } from "@sniptt/guards";
+import { useRender as N } from "@base-ui/react/use-render";
+import { useDirection as k } from "@base-ui/react/direction-provider";
+import { Tabs as f } from "@base-ui/react/tabs";
+var v = "_root_ikxnr_1", K = "_list_ikxnr_13", B = "_item_ikxnr_24", I = "_content_ikxnr_35", D = "_separator_ikxnr_55", m = {
+  root: v,
+  list: K,
+  item: B,
+  content: I,
+  separator: D
+}, R = ({ children: r, href: a, render: i, title: t, current: s }) => N({
+  defaultTagName: p(a) ? "a" : "span",
+  render: i,
+  props: {
+    children: r,
+    href: a,
+    title: t ?? (A(r) ? r : void 0),
+    "aria-current": s ? "page" : void 0,
+    "data-linked": p(a) || void 0,
+    className: m.content
+  }
+}), M = ({ links: r, className: a, render: i, ref: t, "aria-label": s = "Breadcrumb", ...n }) => N({
+  defaultTagName: "nav",
+  render: i,
+  ref: t,
+  props: {
+    ...n,
+    "aria-label": s,
+    className: w(m.root, a),
+    children: /* @__PURE__ */ l("ol", {
+      className: m.list,
+      children: r.map((d, e) => /* @__PURE__ */ y("li", {
+        className: m.item,
+        children: [e > 0 && /* @__PURE__ */ l("span", {
+          className: m.separator,
+          "aria-hidden": "true",
+          children: "/"
+        }), /* @__PURE__ */ l(R, {
+          ...d,
+          current: e === r.length - 1
+        })]
+      }, e))
+    })
+  }
+}), H = ({ event: r, direction: a, loopFocus: i }) => {
+  if (r.altKey || r.ctrlKey || r.metaKey || r.shiftKey) return;
+  const t = r.currentTarget, s = Array.from(t.querySelectorAll('[role="tab"]')).filter((o) => o.closest('[role="tablist"]') === t), n = s.findIndex((o) => o === r.target);
+  if (n === -1) return;
+  const d = a === "rtl" ? ["ArrowLeft", "ArrowRight"] : ["ArrowRight", "ArrowLeft"], [e, T] = t.getAttribute("aria-orientation") === "vertical" ? ["ArrowDown", "ArrowUp"] : d;
+  if (![
+    e,
+    T,
+    "Home",
+    "End"
+  ].includes(r.key)) return;
+  r.preventBaseUIHandler(), r.preventDefault();
+  const c = s.filter((o) => !o.hasAttribute("data-disabled") && !o.hasAttribute("disabled") && o.getAttribute("aria-disabled") !== "true" && !o.closest("[hidden], [inert]"));
+  if (r.key === "Home") {
+    c[0]?.focus();
+    return;
+  }
+  if (r.key === "End") {
+    c[c.length - 1]?.focus();
+    return;
+  }
+  const _ = r.key === T, h = _ ? [...c].reverse() : c, g = h.find((o) => _ ? s.indexOf(o) < n : s.indexOf(o) > n);
+  if (p(g)) {
+    g.focus();
+    return;
+  }
+  i && h[0]?.focus();
+}, L = ({ className: r, children: a, onKeyDown: i, loopFocus: t = !0, ...s }) => {
+  const n = k(), d = (e) => {
+    if (i?.(e), e.defaultPrevented) {
+      e.preventBaseUIHandler();
+      return;
+    }
+    e.baseUIHandlerPrevented || H({
+      event: e,
+      direction: n,
+      loopFocus: t
+    });
+  };
+  return /* @__PURE__ */ y(f.List, {
+    ...s,
+    loopFocus: t,
+    onKeyDown: d,
+    className: b(u.list, r),
+    children: [a, /* @__PURE__ */ l(f.Indicator, { className: u.indicator })]
+  });
+}, P = ({ className: r, ...a }) => /* @__PURE__ */ l(f.Panel, {
+  ...a,
+  className: b(u.panel, r)
+}), U = ({ className: r, ...a }) => /* @__PURE__ */ l(f.Root, {
+  ...a,
+  className: b(u.root, r)
+}), C = ({ className: r, children: a, startIcon: i, endIcon: t, badge: s, highlighted: n = !1, size: d = "sm", ...e }) => /* @__PURE__ */ l(f.Tab, {
+  ...e,
+  className: b(u.tab, r),
+  "data-size": d,
+  "data-highlighted": n || void 0,
+  children: /* @__PURE__ */ l(x, {
+    startIcon: i,
+    endIcon: t,
+    badge: s,
+    children: a
+  })
+}), Q = {
+  Root: U,
+  List: L,
+  Tab: C,
+  Panel: P
+};
+export {
+  M as n,
+  Q as t
+};

package/dist/primitives/data-display.cjs

@@ -1 +1 @@
-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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar-CkI8b3nh.cjs"),e=require("../data-display-BgweQocz.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,5 +1,5 @@
-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";
+import { t as o } from "../Avatar-C0FtFpJC.js";
+import { a as s, i as t, n as i, o as m, r as p, t as l } from "../data-display-Dn_nzrc8.js";
 export {
   m as AVATAR_PROPERTIES_BY_SIZE,
   o as Avatar,

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

@@ -0,0 +1,2 @@
+import { ProgressRingProps } from './types/ProgressRingProps';
+export declare const ProgressRing: ({ value, size, barColor, children, className, style, "aria-valuetext": ariaValueText, ...props }: ProgressRingProps) => import("react").JSX.Element;

package/dist/primitives/feedback/ProgressRing/types/ProgressRingProps.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+export type ProgressRingProps = useRender.ComponentProps<'div'> & {
+    value: number;
+    size?: 'sm' | 'md';
+    barColor?: string;
+};

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

@@ -3,3 +3,5 @@ export { Banner } from './Banner/Banner';
 export { Loader } from './Loader/Loader';
 export { ProgressBar } from './ProgressBar/ProgressBar';
 export type { ProgressBarProps } from './ProgressBar/types/ProgressBarProps';
+export { ProgressRing } from './ProgressRing/ProgressRing';
+export type { ProgressRingProps } from './ProgressRing/types/ProgressRingProps';

package/dist/primitives/feedback.cjs

@@ -1 +1 @@
-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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ProgressBar-CyqeRyzA.cjs"),e=require("../Loader-CMXdrX1d.cjs");exports.Banner=r.Banner;exports.Loader=e.Loader;exports.ProgressBar=r.ProgressBar;exports.ProgressRing=r.ProgressRing;

package/dist/primitives/feedback.mjs

@@ -1,7 +1,8 @@
-import { t as o } from "../Loader-BLkXvZli.js";
-import { n as s, t } from "../ProgressBar-Cq6EDZz9.js";
+import { n as o, r as s, t as a } from "../ProgressBar-21MXyySH.js";
+import { t } from "../Loader-BLkXvZli.js";
 export {
-  s as Banner,
-  o as Loader,
-  t as ProgressBar
+  o as Banner,
+  t as Loader,
+  a as ProgressBar,
+  s as ProgressRing
 };

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, disabled, href, render, className, children, ...props }: ButtonProps) => import("react").JSX.Element;
+export declare const Button: ({ variant, color, size, fullWidth, loading, elevated, startIcon, endIcon, shortcut, shortcutJoinLabel, disabled, href, render, className, children, ...props }: ButtonProps) => import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import { ShortcutDefinition } from '../../../typography/Shortcut/types/ShortcutDefinition';
 import { Button as ButtonPrimitive } from '@base-ui/react/button';
 import { ComponentPropsWithRef, ReactNode } from 'react';
 import { ButtonColor } from './ButtonColor';
@@ -12,5 +13,6 @@ export type ButtonProps = Omit<ButtonPrimitive.Props, 'color' | 'nativeButton' |
     elevated?: boolean;
     startIcon?: ReactNode;
     endIcon?: ReactNode;
-    hotkeys?: string[];
+    shortcut?: ShortcutDefinition;
+    shortcutJoinLabel?: string;
 };

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

@@ -0,0 +1,2 @@
+import { NumberStepperProps } from './types/NumberStepperProps';
+export declare const NumberStepper: ({ value, defaultValue, onValueChange, allowOutOfRange, min, max, step, disabled, readOnly, required, name, form, id, showButtons, decrementLabel, incrementLabel, className, ...props }: NumberStepperProps) => import("react").JSX.Element;

package/dist/primitives/input/NumberStepper/__stories__/ControlledNumberStepperExample.d.ts

@@ -0,0 +1,2 @@
+import { NumberStepperProps } from '../types/NumberStepperProps';
+export declare const ControlledNumberStepperExample: (props: NumberStepperProps) => import("react").JSX.Element;

package/dist/primitives/input/NumberStepper/__stories__/NumberStepperFieldExample.d.ts

@@ -0,0 +1,2 @@
+import { NumberStepperProps } from '../types/NumberStepperProps';
+export declare const NumberStepperFieldExample: (props: NumberStepperProps) => import("react").JSX.Element;