twenty-ui 2.50.0 → 2.51.3

package/dist/input-DxoXgI5-.js

@@ -0,0 +1,373 @@
+import { t as m } from "./isDefined-fMi6eQ4r.js";
+import { t as w } from "./isRenderableSlot-DT_depzM.js";
+import { Da as te, Tt as ae } from "./TablerIcons-B-5Ua_Ne.js";
+import { t as ie } from "./theme-B2EaXhye.js";
+import { t as n } from "./mergeClassNames-ClFMR1v0.js";
+import { r as le } from "./Button-CU8BS-Yd.js";
+import { t as D } from "./useProvidedTextDirection-Dk8LBQeF.js";
+import { n as p, t as d } from "./ListItem.module-B31VK9XZ.js";
+import { n as x, r as ne } from "./Input-D1sIHUZ5.js";
+import { useRender as $ } from "@base-ui/react/use-render";
+import { isFunction as y, isNumber as se, isUndefined as ce } from "@sniptt/guards";
+import { clsx as b } from "clsx";
+import { forwardRef as G, useContext as me, useLayoutEffect as L, useMemo as ue, useRef as de, useState as pe } from "react";
+import { Fragment as ve, jsx as t, jsxs as F } from "react/jsx-runtime";
+import { mergeProps as _e } from "@base-ui/react/merge-props";
+import { Input as fe } from "@base-ui/react/input";
+import { RadioGroup as he } from "@base-ui/react/radio-group";
+import { Autocomplete as l } from "@base-ui/react/autocomplete";
+import { Checkbox as z } from "@base-ui/react/checkbox";
+import { Field as h } from "@base-ui/react/field";
+import { Slider as N } from "@base-ui/react/slider";
+var be = "_inputGroup_17li0_1", Ne = "_positioner_17li0_8", Ie = "_popup_17li0_12", Ce = "_arrow_17li0_31", ge = "_separator_17li0_72", Fe = "_list_17li0_86", Se = "_empty_17li0_93", I = {
+  inputGroup: be,
+  positioner: Ne,
+  popup: Ie,
+  arrow: Ce,
+  separator: ge,
+  list: Fe,
+  empty: Se
+}, Ae = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Arrow, {
+  ...r,
+  className: n(I.arrow, e)
+}), we = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Empty, {
+  ...r,
+  className: n(I.empty, e)
+}), Re = ({ size: e, className: r, render: o, ...a }) => {
+  const i = me(ne);
+  if (m(o)) return /* @__PURE__ */ t(l.Input, {
+    ...a,
+    className: r,
+    render: o
+  });
+  const s = e ?? i?.size ?? "md";
+  return /* @__PURE__ */ t(l.Input, {
+    ...a,
+    className: n(b(x.input, x[s]), r),
+    "data-grouped": m(i) || void 0
+  });
+}, Te = ({ className: e, ...r }) => /* @__PURE__ */ t(l.InputGroup, {
+  ...r,
+  className: n(I.inputGroup, e)
+}), ke = ({ className: e, children: r, startIcon: o, endIcon: a, description: i, descriptionPlacement: s = "inline", ...c }) => /* @__PURE__ */ F(l.Item, {
+  ...c,
+  className: n(d.root, e),
+  "data-color": "neutral",
+  children: [
+    w(o) && /* @__PURE__ */ t("div", {
+      className: d.startIcon,
+      "aria-hidden": !0,
+      children: o
+    }),
+    /* @__PURE__ */ F("div", {
+      className: d.label,
+      children: [/* @__PURE__ */ t("div", {
+        className: d.text,
+        children: r
+      }), w(i) && s === "inline" && /* @__PURE__ */ t("div", {
+        className: b(d.description, d.inlineDescription),
+        children: i
+      })]
+    }),
+    w(i) && s === "end" && /* @__PURE__ */ t("div", {
+      className: b(d.description, d.endDescription),
+      children: i
+    }),
+    w(a) && /* @__PURE__ */ t("div", {
+      className: d.endIcon,
+      "aria-hidden": !0,
+      children: a
+    })
+  ]
+}), ye = ({ className: e, ...r }) => /* @__PURE__ */ t(l.List, {
+  ...r,
+  className: n(I.list, e)
+}), Ge = ({ width: e, style: r, className: o, ...a }) => /* @__PURE__ */ t(l.Popup, {
+  ...a,
+  className: n(I.popup, o),
+  style: (i) => ({
+    width: e,
+    minInlineSize: m(e) ? 0 : void 0,
+    ...y(r) ? r(i) : r
+  })
+}), xe = ({ container: e, ...r }) => {
+  const o = ie(), a = D();
+  return /* @__PURE__ */ t(l.Portal, {
+    dir: a,
+    ...r,
+    container: ce(e) ? o ?? void 0 : e
+  });
+}, Le = ({ className: e, align: r = "start", sideOffset: o = 8, ...a }) => {
+  const i = D();
+  return /* @__PURE__ */ t(l.Positioner, {
+    dir: i,
+    align: r,
+    sideOffset: o,
+    ...a,
+    className: n(I.positioner, e)
+  });
+}, Pe = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Separator, {
+  ...r,
+  className: n(I.separator, e)
+}), Ee = () => ({
+  Root: l.Root,
+  Value: l.Value,
+  Trigger: l.Trigger,
+  InputGroup: Te,
+  Input: Re,
+  Icon: l.Icon,
+  Clear: l.Clear,
+  Portal: xe,
+  Backdrop: l.Backdrop,
+  Positioner: Le,
+  Popup: Ge,
+  Arrow: Ae,
+  List: ye,
+  Status: l.Status,
+  Group: l.Group,
+  GroupLabel: l.GroupLabel,
+  Item: ke,
+  Row: l.Row,
+  Collection: l.Collection,
+  Empty: we,
+  Separator: Pe,
+  useFilter: l.useFilter,
+  useFilteredItems: l.useFilteredItems
+}), zr = /* @__PURE__ */ Ee(), De = "_container_262rx_1", $e = { container: De }, Br = ({ attached: e = !0, framed: r = !1, className: o, children: a, variant: i, size: s, color: c, render: v, ref: C, ..._ }) => {
+  const u = $({
+    render: v,
+    ref: C,
+    props: {
+      role: "group",
+      "data-attached": e || void 0,
+      "data-framed": r || void 0,
+      ..._,
+      className: b($e.container, o),
+      children: a
+    }
+  });
+  return /* @__PURE__ */ t(le.Provider, {
+    value: {
+      variant: i,
+      color: c,
+      size: s
+    },
+    children: u
+  });
+}, B = ({ className: e, ...r }) => /* @__PURE__ */ t(z.Indicator, {
+  ...r,
+  className: n(p.indicator, e)
+}), V = ({ size: e = "sm", variant: r = "solid", shape: o = "square", color: a = "accent", hoverable: i = !0, className: s, ...c }) => /* @__PURE__ */ t(z.Root, {
+  ...c,
+  className: n(b(p.root, p[e], p[r], p[o], p[a], i && p.hoverable), s)
+}), ze = ({ children: e, ...r }) => /* @__PURE__ */ F(V, {
+  ...r,
+  children: [/* @__PURE__ */ F(B, { children: [/* @__PURE__ */ t(ae, {
+    className: p.check,
+    "aria-hidden": !0
+  }), /* @__PURE__ */ t(te, {
+    className: p.minus,
+    "aria-hidden": !0
+  })] }), e]
+}), Vr = Object.assign(ze, {
+  Root: V,
+  Indicator: B
+}), Be = "_description_yrj5x_1", Ve = { description: Be }, W = G(({ className: e, ...r }, o) => /* @__PURE__ */ t(h.Description, {
+  ref: o,
+  className: n(Ve.description, e),
+  ...r
+}));
+W.displayName = "FieldDescription";
+var We = "_error_179et_1", je = { error: We }, j = G(({ className: e, ...r }, o) => /* @__PURE__ */ t(h.Error, {
+  ref: o,
+  className: n(je.error, e),
+  ...r
+}));
+j.displayName = "FieldError";
+var Oe = "_label_ual6o_1", qe = { label: Oe }, O = G(({ className: e, ...r }, o) => /* @__PURE__ */ t(h.Label, {
+  ref: o,
+  className: n(qe.label, e),
+  ...r
+}));
+O.displayName = "FieldLabel";
+var Wr = {
+  Root: h.Root,
+  Item: h.Item,
+  Label: O,
+  Control: h.Control,
+  Description: W,
+  Error: j,
+  Validity: h.Validity
+}, He = "_root_1bvm7_1", Me = { root: He }, jr = ({ className: e, orientation: r = "vertical", ...o }) => /* @__PURE__ */ t(he, {
+  ...o,
+  className: n(Me.root, e),
+  "data-orientation": r
+}), Ue = "_root_1mh0w_1", Je = "_accent_1mh0w_16", Ke = "_success_1mh0w_20", Qe = "_control_1mh0w_24", Xe = "_track_1mh0w_42", Ye = "_indicator_1mh0w_55", Ze = "_thumb_1mh0w_66", er = "_label_1mh0w_80", rr = "_value_1mh0w_81", f = {
+  root: Ue,
+  accent: Je,
+  success: Ke,
+  control: Qe,
+  track: Xe,
+  indicator: Ye,
+  thumb: Ze,
+  label: er,
+  value: rr
+}, or = ({ className: e, color: r = "accent", thumbAlignment: o = "edge", ...a }) => /* @__PURE__ */ t(N.Root, {
+  ...a,
+  thumbAlignment: o,
+  className: n(b(f.root, f[r]), e)
+}), tr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Control, {
+  ...r,
+  className: n(f.control, e)
+}), ar = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Track, {
+  ...r,
+  className: n(f.track, e)
+}), ir = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Indicator, {
+  ...r,
+  className: n(f.indicator, e)
+}), lr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Thumb, {
+  ...r,
+  className: n(f.thumb, e)
+}), nr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Label, {
+  ...r,
+  className: n(f.label, e)
+}), sr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Value, {
+  ...r,
+  className: n(f.value, e)
+}), Or = {
+  Root: or,
+  Control: tr,
+  Track: ar,
+  Indicator: ir,
+  Thumb: lr,
+  Label: nr,
+  Value: sr
+}, cr = ({ controlProps: e, nativeProps: r, state: o, render: a }) => {
+  const { ref: i, ...s } = e, { ref: c, ...v } = r;
+  return $({
+    defaultTagName: "textarea",
+    render: a,
+    state: { ...o },
+    ref: [i ?? null, c ?? null],
+    props: _e(s, v)
+  });
+}, mr = (e) => m(e) ? se(e) ? `${e}px` : String(e) : "", R = (e) => {
+  e.style.blockSize = "auto";
+  const r = e.offsetHeight - e.clientHeight;
+  e.style.blockSize = `${e.scrollHeight + r}px`;
+}, ur = (e) => {
+  if (!m(globalThis.ResizeObserver)) return;
+  let r, o = e.clientWidth;
+  const a = new ResizeObserver(() => {
+    const i = e.clientWidth;
+    i !== o && (o = i, m(r) && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
+      r = void 0, R(e);
+    }));
+  });
+  return a.observe(e), () => {
+    a.disconnect(), m(r) && cancelAnimationFrame(r);
+  };
+}, dr = ({ textarea: e, autoResize: r, value: o, maxRows: a, rows: i, size: s, variant: c, consumerBlockSize: v, form: C }) => {
+  const _ = de(!1);
+  return L(() => {
+    if (!m(e)) return;
+    const u = _.current;
+    if (_.current = r ?? !1, r) {
+      R(e);
+      return;
+    }
+    u && (e.style.blockSize = mr(v));
+  }, [
+    e,
+    r,
+    o,
+    a,
+    i,
+    s,
+    c,
+    v
+  ]), L(() => {
+    if (!r || !m(e)) return;
+    let u = !0;
+    const g = (k) => {
+      requestAnimationFrame(() => {
+        u && !k.defaultPrevented && R(e);
+      });
+    }, S = e.form, T = ur(e);
+    return S?.addEventListener("reset", g), () => {
+      u = !1, S?.removeEventListener("reset", g), T?.();
+    };
+  }, [
+    e,
+    r,
+    C
+  ]), null;
+}, P = (e, r) => {
+  if (m(e)) {
+    if (y(e)) return e(r);
+    e.current = r;
+  }
+}, pr = (...e) => (r) => {
+  const o = e.map((a) => {
+    const i = P(a, r);
+    return y(i) ? i : () => P(a, null);
+  });
+  return () => {
+    for (const a of o) a();
+  };
+}, vr = "_textarea_hz3iw_1", _r = "_sm_hz3iw_58", fr = "_md_hz3iw_62", E = {
+  textarea: vr,
+  sm: _r,
+  md: fr
+}, qr = ({ size: e = "md", variant: r = "default", autoResize: o = !1, maxRows: a, className: i, style: s, ref: c, render: v, onChange: C, value: _, rows: u, ...g }) => {
+  const [S, T] = pe(null), k = ue(() => pr(c, T), [c]), q = m(_), H = s?.blockSize, M = (A) => {
+    o && !q && R(A.currentTarget), C?.(A);
+  }, U = m(a) ? {
+    ...s,
+    "--tw-textarea-max-rows": a
+  } : s, { "aria-describedby": J, id: K, name: Q, disabled: X, autoFocus: Y, defaultValue: Z, onValueChange: ee, ...re } = g;
+  return /* @__PURE__ */ F(ve, { children: [/* @__PURE__ */ t(fe, {
+    "aria-describedby": J,
+    id: K,
+    name: Q,
+    disabled: X,
+    autoFocus: Y,
+    defaultValue: Z,
+    onValueChange: ee,
+    render: (A, oe) => /* @__PURE__ */ t(cr, {
+      controlProps: A,
+      nativeProps: {
+        ...re,
+        rows: u,
+        onChange: M,
+        ref: k
+      },
+      state: oe,
+      render: v
+    }),
+    value: _,
+    className: n(b(E.textarea, E[e]), i),
+    style: U,
+    "data-auto-resize": o || void 0,
+    "data-variant": r
+  }), /* @__PURE__ */ t(dr, {
+    textarea: S,
+    autoResize: o,
+    value: _,
+    maxRows: a,
+    rows: u,
+    size: e,
+    variant: r,
+    consumerBlockSize: H,
+    form: g.form
+  })] });
+};
+export {
+  Vr as a,
+  Wr as i,
+  Or as n,
+  Br as o,
+  jr as r,
+  zr as s,
+  qr as t
+};

package/dist/input-ExCbk62Y.cjs

@@ -0,0 +1 @@
+const re=require("./theme-1XkFz8Qu.cjs"),d=require("./isDefined-DS2Q42p5.cjs"),S=require("./isRenderableSlot-Guryb6Nf.cjs"),i=require("./mergeClassNames-D4lshrT6.cjs"),te=require("./Button-iVyxlrwO.cjs"),w=require("./useProvidedTextDirection-PVaoQCLH.cjs"),u=require("./ListItem.module-DiUK6-0Z.cjs"),R=require("./Input-D69M4UwD.cjs");let D=require("@base-ui/react/use-render"),j=require("@sniptt/guards"),x=require("clsx"),_=require("react"),t=require("react/jsx-runtime"),oe=require("@base-ui/react/merge-props"),ae=require("@base-ui/react/input"),se=require("@base-ui/react/radio-group"),l=require("@base-ui/react/autocomplete"),T=require("@base-ui/react/checkbox"),b=require("@base-ui/react/field"),h=require("@base-ui/react/slider"),L=require("@tabler/icons-react");var le="_inputGroup_17li0_1",ie="_positioner_17li0_8",ue="_popup_17li0_12",ne="_arrow_17li0_31",ce="_separator_17li0_72",de="_list_17li0_86",me="_empty_17li0_93",C={inputGroup:le,positioner:ie,popup:ue,arrow:ne,separator:ce,list:de,empty:me},_e=({className:e,...r})=>(0,t.jsx)(l.Autocomplete.Arrow,{...r,className:i.mergeClassNames(C.arrow,e)}),pe=({className:e,...r})=>(0,t.jsx)(l.Autocomplete.Empty,{...r,className:i.mergeClassNames(C.empty,e)}),ve=({size:e,className:r,render:o,...a})=>{const s=(0,_.useContext)(R.InputGroupContext);if(d.isDefined(o))return(0,t.jsx)(l.Autocomplete.Input,{...a,className:r,render:o});const n=e??s?.size??"md";return(0,t.jsx)(l.Autocomplete.Input,{...a,className:i.mergeClassNames((0,x.clsx)(R.Input_module_default.input,R.Input_module_default[n]),r),"data-grouped":d.isDefined(s)||void 0})},fe=({className:e,...r})=>(0,t.jsx)(l.Autocomplete.InputGroup,{...r,className:i.mergeClassNames(C.inputGroup,e)}),be=({className:e,children:r,startIcon:o,endIcon:a,description:s,descriptionPlacement:n="inline",...c})=>(0,t.jsxs)(l.Autocomplete.Item,{...c,className:i.mergeClassNames(u.ListItem_module_default.root,e),"data-color":"neutral",children:[S.isRenderableSlot(o)&&(0,t.jsx)("div",{className:u.ListItem_module_default.startIcon,"aria-hidden":!0,children:o}),(0,t.jsxs)("div",{className:u.ListItem_module_default.label,children:[(0,t.jsx)("div",{className:u.ListItem_module_default.text,children:r}),S.isRenderableSlot(s)&&n==="inline"&&(0,t.jsx)("div",{className:(0,x.clsx)(u.ListItem_module_default.description,u.ListItem_module_default.inlineDescription),children:s})]}),S.isRenderableSlot(s)&&n==="end"&&(0,t.jsx)("div",{className:(0,x.clsx)(u.ListItem_module_default.description,u.ListItem_module_default.endDescription),children:s}),S.isRenderableSlot(a)&&(0,t.jsx)("div",{className:u.ListItem_module_default.endIcon,"aria-hidden":!0,children:a})]}),xe=({className:e,...r})=>(0,t.jsx)(l.Autocomplete.List,{...r,className:i.mergeClassNames(C.list,e)}),he=({width:e,style:r,className:o,...a})=>(0,t.jsx)(l.Autocomplete.Popup,{...a,className:i.mergeClassNames(C.popup,o),style:s=>({width:e,minInlineSize:d.isDefined(e)?0:void 0,...(0,j.isFunction)(r)?r(s):r})}),Ce=({container:e,...r})=>{const o=re.useThemeContainer(),a=w.useProvidedTextDirection();return(0,t.jsx)(l.Autocomplete.Portal,{dir:a,...r,container:(0,j.isUndefined)(e)?o??void 0:e})},Ne=({className:e,align:r="start",sideOffset:o=8,...a})=>{const s=w.useProvidedTextDirection();return(0,t.jsx)(l.Autocomplete.Positioner,{dir:s,align:r,sideOffset:o,...a,className:i.mergeClassNames(C.positioner,e)})},ge=({className:e,...r})=>(0,t.jsx)(l.Autocomplete.Separator,{...r,className:i.mergeClassNames(C.separator,e)}),je=()=>({Root:l.Autocomplete.Root,Value:l.Autocomplete.Value,Trigger:l.Autocomplete.Trigger,InputGroup:fe,Input:ve,Icon:l.Autocomplete.Icon,Clear:l.Autocomplete.Clear,Portal:Ce,Backdrop:l.Autocomplete.Backdrop,Positioner:Ne,Popup:he,Arrow:_e,List:xe,Status:l.Autocomplete.Status,Group:l.Autocomplete.Group,GroupLabel:l.Autocomplete.GroupLabel,Item:be,Row:l.Autocomplete.Row,Collection:l.Autocomplete.Collection,Empty:pe,Separator:ge,useFilter:l.Autocomplete.useFilter,useFilteredItems:l.Autocomplete.useFilteredItems}),Ae=je(),Ie="_container_262rx_1",Se={container:Ie},Fe=({attached:e=!0,framed:r=!1,className:o,children:a,variant:s,size:n,color:c,render:p,ref:N,...v})=>{const m=(0,D.useRender)({render:p,ref:N,props:{role:"group","data-attached":e||void 0,"data-framed":r||void 0,...v,className:(0,x.clsx)(Se.container,o),children:a}});return(0,t.jsx)(te.ButtonGroupContext.Provider,{value:{variant:s,color:c,size:n},children:m})},G=({className:e,...r})=>(0,t.jsx)(T.Checkbox.Indicator,{...r,className:i.mergeClassNames(u.Checkbox_module_default.indicator,e)}),E=({size:e="sm",variant:r="solid",shape:o="square",color:a="accent",hoverable:s=!0,className:n,...c})=>(0,t.jsx)(T.Checkbox.Root,{...c,className:i.mergeClassNames((0,x.clsx)(u.Checkbox_module_default.root,u.Checkbox_module_default[e],u.Checkbox_module_default[r],u.Checkbox_module_default[o],u.Checkbox_module_default[a],s&&u.Checkbox_module_default.hoverable),n)}),qe=({children:e,...r})=>(0,t.jsxs)(E,{...r,children:[(0,t.jsxs)(G,{children:[(0,t.jsx)(L.IconCheck,{className:u.Checkbox_module_default.check,"aria-hidden":!0}),(0,t.jsx)(L.IconMinus,{className:u.Checkbox_module_default.minus,"aria-hidden":!0})]}),e]}),ke=Object.assign(qe,{Root:E,Indicator:G}),Re="_description_yrj5x_1",Le={description:Re},B=(0,_.forwardRef)(({className:e,...r},o)=>(0,t.jsx)(b.Field.Description,{ref:o,className:i.mergeClassNames(Le.description,e),...r}));B.displayName="FieldDescription";var ye="_error_179et_1",Pe={error:ye},O=(0,_.forwardRef)(({className:e,...r},o)=>(0,t.jsx)(b.Field.Error,{ref:o,className:i.mergeClassNames(Pe.error,e),...r}));O.displayName="FieldError";var we="_label_ual6o_1",De={label:we},z=(0,_.forwardRef)(({className:e,...r},o)=>(0,t.jsx)(b.Field.Label,{ref:o,className:i.mergeClassNames(De.label,e),...r}));z.displayName="FieldLabel";var Te={Root:b.Field.Root,Item:b.Field.Item,Label:z,Control:b.Field.Control,Description:B,Error:O,Validity:b.Field.Validity},Ge="_root_1bvm7_1",Ee={root:Ge},Be=({className:e,orientation:r="vertical",...o})=>(0,t.jsx)(se.RadioGroup,{...o,className:i.mergeClassNames(Ee.root,e),"data-orientation":r}),Oe="_root_1mh0w_1",ze="_accent_1mh0w_16",Ve="_success_1mh0w_20",We="_control_1mh0w_24",$e="_track_1mh0w_42",He="_indicator_1mh0w_55",Me="_thumb_1mh0w_66",Ue="_label_1mh0w_80",Je="_value_1mh0w_81",f={root:Oe,accent:ze,success:Ve,control:We,track:$e,indicator:He,thumb:Me,label:Ue,value:Je},Ke=({className:e,color:r="accent",thumbAlignment:o="edge",...a})=>(0,t.jsx)(h.Slider.Root,{...a,thumbAlignment:o,className:i.mergeClassNames((0,x.clsx)(f.root,f[r]),e)}),Qe=({className:e,...r})=>(0,t.jsx)(h.Slider.Control,{...r,className:i.mergeClassNames(f.control,e)}),Xe=({className:e,...r})=>(0,t.jsx)(h.Slider.Track,{...r,className:i.mergeClassNames(f.track,e)}),Ye=({className:e,...r})=>(0,t.jsx)(h.Slider.Indicator,{...r,className:i.mergeClassNames(f.indicator,e)}),Ze=({className:e,...r})=>(0,t.jsx)(h.Slider.Thumb,{...r,className:i.mergeClassNames(f.thumb,e)}),er=({className:e,...r})=>(0,t.jsx)(h.Slider.Label,{...r,className:i.mergeClassNames(f.label,e)}),rr=({className:e,...r})=>(0,t.jsx)(h.Slider.Value,{...r,className:i.mergeClassNames(f.value,e)}),tr={Root:Ke,Control:Qe,Track:Xe,Indicator:Ye,Thumb:Ze,Label:er,Value:rr},or=({controlProps:e,nativeProps:r,state:o,render:a})=>{const{ref:s,...n}=e,{ref:c,...p}=r;return(0,D.useRender)({defaultTagName:"textarea",render:a,state:{...o},ref:[s??null,c??null],props:(0,oe.mergeProps)(n,p)})},ar=e=>d.isDefined(e)?(0,j.isNumber)(e)?`${e}px`:String(e):"",F=e=>{e.style.blockSize="auto";const r=e.offsetHeight-e.clientHeight;e.style.blockSize=`${e.scrollHeight+r}px`},sr=e=>{if(!d.isDefined(globalThis.ResizeObserver))return;let r,o=e.clientWidth;const a=new ResizeObserver(()=>{const s=e.clientWidth;s!==o&&(o=s,d.isDefined(r)&&cancelAnimationFrame(r),r=requestAnimationFrame(()=>{r=void 0,F(e)}))});return a.observe(e),()=>{a.disconnect(),d.isDefined(r)&&cancelAnimationFrame(r)}},lr=({textarea:e,autoResize:r,value:o,maxRows:a,rows:s,size:n,variant:c,consumerBlockSize:p,form:N})=>{const v=(0,_.useRef)(!1);return(0,_.useLayoutEffect)(()=>{if(!d.isDefined(e))return;const m=v.current;if(v.current=r??!1,r){F(e);return}m&&(e.style.blockSize=ar(p))},[e,r,o,a,s,n,c,p]),(0,_.useLayoutEffect)(()=>{if(!r||!d.isDefined(e))return;let m=!0;const g=k=>{requestAnimationFrame(()=>{m&&!k.defaultPrevented&&F(e)})},A=e.form,q=sr(e);return A?.addEventListener("reset",g),()=>{m=!1,A?.removeEventListener("reset",g),q?.()}},[e,r,N]),null},y=(e,r)=>{if(d.isDefined(e)){if((0,j.isFunction)(e))return e(r);e.current=r}},ir=(...e)=>r=>{const o=e.map(a=>{const s=y(a,r);return(0,j.isFunction)(s)?s:()=>y(a,null)});return()=>{for(const a of o)a()}},ur="_textarea_hz3iw_1",nr="_sm_hz3iw_58",cr="_md_hz3iw_62",P={textarea:ur,sm:nr,md:cr},dr=({size:e="md",variant:r="default",autoResize:o=!1,maxRows:a,className:s,style:n,ref:c,render:p,onChange:N,value:v,rows:m,...g})=>{const[A,q]=(0,_.useState)(null),k=(0,_.useMemo)(()=>ir(c,q),[c]),V=d.isDefined(v),W=n?.blockSize,$=I=>{o&&!V&&F(I.currentTarget),N?.(I)},H=d.isDefined(a)?{...n,"--tw-textarea-max-rows":a}:n,{"aria-describedby":M,id:U,name:J,disabled:K,autoFocus:Q,defaultValue:X,onValueChange:Y,...Z}=g;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(ae.Input,{"aria-describedby":M,id:U,name:J,disabled:K,autoFocus:Q,defaultValue:X,onValueChange:Y,render:(I,ee)=>(0,t.jsx)(or,{controlProps:I,nativeProps:{...Z,rows:m,onChange:$,ref:k},state:ee,render:p}),value:v,className:i.mergeClassNames((0,x.clsx)(P.textarea,P[e]),s),style:H,"data-auto-resize":o||void 0,"data-variant":r}),(0,t.jsx)(lr,{textarea:A,autoResize:o,value:v,maxRows:a,rows:m,size:e,variant:r,consumerBlockSize:W,form:g.form})]})};Object.defineProperty(exports,"Autocomplete",{enumerable:!0,get:function(){return Ae}});Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return Fe}});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return ke}});Object.defineProperty(exports,"Field",{enumerable:!0,get:function(){return Te}});Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return Be}});Object.defineProperty(exports,"Slider",{enumerable:!0,get:function(){return tr}});Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function(){return dr}});

package/dist/layout-B1Iwc9ku.cjs

@@ -0,0 +1 @@
+const v=require("./isDefined-DS2Q42p5.cjs"),$=require("./doNotTranslate-CHE7WmRS.cjs"),G=require("./OverflowingTextWithTooltip-ClpPsdpP.cjs"),te=require("./Separator-UJVlrTzw.cjs"),K=require("./Popover-CneCJTvD.cjs"),pe=require("./Heading-CHvEXL6n.cjs");let H=require("@base-ui/react/use-render"),k=require("@sniptt/guards"),j=require("clsx"),d=require("react"),a=require("react/jsx-runtime"),ge=require("@base-ui/react/merge-props"),P=require("@base-ui/utils/useMergedRefs"),xe=require("@base-ui/utils/useControlled"),q=require("@base-ui/utils/useStableCallback");var ye="_container_1hm4x_1",Ce="_layer_1hm4x_9",we="_visible_1hm4x_23",Fe="_hidden_1hm4x_28",T={container:ye,layer:Ce,visible:we,hidden:Fe},Se=({isActive:r,activeIcon:e,inactiveIcon:t,className:s,render:o,ref:i,...u})=>(0,H.useRender)({defaultTagName:"span",render:o,ref:i,props:{...u,className:(0,j.clsx)(T.container,s),children:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{"aria-hidden":"true",className:(0,j.clsx)(T.layer,r?T.hidden:T.visible),children:t}),(0,a.jsx)("span",{"aria-hidden":"true",className:(0,j.clsx)(T.layer,r?T.visible:T.hidden),children:e})]})}}),Oe="_root_izvk1_1",De="_rule_izvk1_14",Ie="_line_izvk1_22",Ne="_marker_izvk1_28",je="_label_izvk1_36",z={root:Oe,rule:De,line:Ie,marker:Ne,label:je},Le=({children:r,labelPosition:e="center",tone:t="neutral",hasStartMarker:s=!1,className:o,render:i,ref:u,...l})=>(0,H.useRender)({render:i,ref:u,props:{role:"separator","aria-orientation":"horizontal","aria-label":r,...l,"data-tone":t,className:(0,j.clsx)(z.root,o),children:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("span",{className:z.rule,"aria-hidden":"true",children:[s&&(0,a.jsx)("span",{className:z.marker}),(0,a.jsx)(te.Separator,{className:z.line,"aria-hidden":!0})]}),(0,a.jsx)(G.Text,{render:(0,a.jsx)("span",{}),size:t==="danger"?"sm":"xs",weight:t==="danger"?"medium":"semibold",className:z.label,children:r}),e==="center"&&(0,a.jsx)(te.Separator,{className:z.line,"aria-hidden":!0})]})}}),Re="_root_eheyl_1",Ee="_items_eheyl_11",ke="_item_eheyl_11",Me="_popupItem_eheyl_45",Te="_trigger_eheyl_49",qe="_popup_eheyl_45",U={root:Re,items:Ee,item:ke,popupItem:Me,trigger:Te,popup:qe},Ae=({props:r,state:e,render:t})=>{const s=(0,d.isValidElement)(t)?t:void 0,o=(0,P.useMergedRefs)(r.ref,s?.props.ref);if((0,k.isFunction)(t))return t(r,e);const i={...(0,ge.mergeProps)(r,s?.props),children:r.children,ref:o};return v.isDefined(s)?(0,d.cloneElement)(s,i):(0,a.jsx)("div",{...i})},We=(0,d.memo)(({elementRef:r,isHidden:e,onFocusLost:t})=>((0,d.useLayoutEffect)(()=>{const s=r.current,o=v.isDefined(s)&&s.contains(s.ownerDocument.activeElement);e&&o&&t(s)},[r,e,t]),null)),oe=r=>(0,d.useCallback)(e=>{if(v.isDefined(e))return()=>{const t=e.ownerDocument,s=e.contains(t.activeElement);queueMicrotask(()=>{const o=t.activeElement===t.body;s&&!e.isConnected&&o&&r(e)})}},[r]),re=({children:r,index:e,isHidden:t,isLastVisible:s,isInPopup:o,onFocusLost:i})=>{const u=(0,d.useRef)(null),l=(0,q.useStableCallback)(n=>{i({index:e,element:n,isInPopup:o})});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{ref:(0,P.useMergedRefs)(u,oe(l)),className:o?U.popupItem:U.item,"data-item-index":e,"data-hidden":t||void 0,"data-last-visible":s||void 0,"aria-hidden":t||void 0,inert:t,children:r}),(0,a.jsx)(We,{elementRef:u,isHidden:t,onFocusLost:l})]})},se=({itemWidths:r,availableWidth:e,gap:t,includePartialItem:s})=>{let o=0,i=0;for(const u of r){const l=o+u+(i>0?t:0);if(i!==0&&l>e){const n=o+t<e;return s&&n?i+1:i}o=l,i+=1}return i},ze=({items:r,itemElements:e})=>{r.setAttribute("data-measuring","");const t=e.map(s=>s.clientWidth);return r.removeAttribute("data-measuring"),t},Ue=({container:r,items:e,trigger:t,itemElements:s,itemCount:o,reserveCountSpace:i})=>{const u=ze({items:e,itemElements:s}),l=parseFloat(getComputedStyle(e).columnGap)||0,n=r.clientWidth,f=o>se({itemWidths:u,availableWidth:n,gap:l,includePartialItem:!1}),g=t?.offsetWidth??0;return{visibleItemCount:se({itemWidths:u,availableWidth:i&&f?Math.max(0,n-g-l):n,gap:l,includePartialItem:!0}),hasOverflow:f}},Ke=100,Ve=(0,d.memo)(({containerRef:r,itemsRef:e,triggerRef:t,itemCount:s,inlineItemCount:o,reserveCountSpace:i,isMeasurementEnabled:u,isOpen:l,onLayoutChange:n,onOverflowUnavailable:f})=>{const g=(0,d.useRef)(void 0),D=(0,d.useRef)(void 0),F=(0,q.useStableCallback)(()=>({itemCount:s,inlineItemCount:o,reserveCountSpace:i,isOpen:l})),w=(0,q.useStableCallback)(n),L=(0,q.useStableCallback)(f);return(0,d.useLayoutEffect)(()=>{const x=r.current,S=e.current;if(!u||!v.isDefined(x)||!v.isDefined(S)){D.current=void 0;return}const I=new Set,y=()=>{const b=Array.from(S.children),A=new Set([x,...b]);v.isDefined(t.current)&&A.add(t.current);for(const p of I)A.has(p)||(N?.unobserve(p),I.delete(p));for(const p of A)I.has(p)||(N?.observe(p),I.add(p));const E=F();if(b.length!==E.inlineItemCount)return;const c=Ue({container:x,items:S,trigger:t.current,itemElements:b,itemCount:E.itemCount,reserveCountSpace:E.reserveCountSpace}),_=D.current,h=v.isDefined(_)&&_.isOpen&&!_.layout.hasOverflow,M=E.isOpen&&!c.hasOverflow;D.current={layout:c,isOpen:E.isOpen},w(c),M&&!h&&L()},N=v.isDefined(globalThis.ResizeObserver)?new ResizeObserver(y):void 0;g.current=y,y();const R=new MutationObserver(y);if(R.observe(S,{attributes:!0,attributeFilter:["class","style","hidden"],characterData:!0,childList:!0,subtree:!0}),R.observe(x,{childList:!0}),!v.isDefined(N)){const b=setInterval(y,Ke);return window.addEventListener("resize",y),()=>{g.current=void 0,clearInterval(b),R.disconnect(),window.removeEventListener("resize",y)}}return()=>{g.current=void 0,R.disconnect(),N.disconnect()}},[r,e,t,u,F,w,L]),(0,d.useLayoutEffect)(()=>{g.current?.()},[s,o,i,l]),null}),Pe=({itemCount:r,inlineItemCount:e})=>{const t=(0,d.useRef)(null),s=(0,d.useRef)(null),o=(0,d.useRef)(null),[i,u]=(0,d.useState)({visibleItemCount:e,hasOverflow:r>e});return{containerRef:t,itemsRef:s,triggerRef:o,updateLayout:(0,d.useCallback)(l=>{u(n=>n.visibleItemCount!==l.visibleItemCount||n.hasOverflow!==l.hasOverflow?l:n)},[]),...i}},Be=$.doNotTranslate("button, a[href], input, select, textarea, [tabindex]"),ne=({items:r,popup:e,trigger:t,root:s,removedIndex:o,excludedItem:i})=>{const u=[...Array.from(r?.children??[]),...Array.from(e?.children??[])].filter(l=>l!==i).sort((l,n)=>Math.abs(Number(l.getAttribute("data-item-index"))-o)-Math.abs(Number(n.getAttribute("data-item-index"))-o)||Number(n.getAttribute("data-item-index"))-Number(l.getAttribute("data-item-index")));for(const l of u)if(!l.hasAttribute("inert")){for(const n of Array.from(l.querySelectorAll(Be)))if(!n.matches(":disabled")&&!v.isDefined(n.closest("[inert]"))&&(n.focus(),n.ownerDocument.activeElement===n))return}t?.focus(),!(v.isDefined(t)&&t.ownerDocument.activeElement===t)&&s?.focus()},He=({containerRef:r,itemsRef:e,triggerRef:t,popup:s,itemCount:o,canExpand:i,isPopupOpen:u,isOpen:l,isHovered:n,showOverflowCount:f,onFocusCapture:g,onBlurCapture:D})=>{const[F,w]=(0,d.useState)(!1),[L,x]=(0,d.useState)(),S=f??L??(n||F||l),I=(0,q.useStableCallback)(({index:c,element:_,isInPopup:h})=>{ne({items:h&&i?null:e.current,popup:h&&u?s:null,trigger:t.current,root:r.current,removedIndex:c,excludedItem:_})}),y=(0,d.useCallback)(()=>{const c=r.current;c?.focus(),w(c?.ownerDocument.activeElement===c),x(void 0)},[r]),N=(0,q.useStableCallback)(()=>{if(u)return;const c=r.current,_=c?.ownerDocument,h=_?.activeElement,M=v.isDefined(h)&&e.current?.contains(h)&&!v.isDefined(h.closest("[inert]")),p=v.isDefined(h)&&h!==_?.body&&!c?.contains(h)&&!s?.contains(h);if(M||p)return;if(!i){ne({items:e.current,popup:null,trigger:null,root:c,removedIndex:o});return}const W=t.current;if(v.isDefined(W)&&!W.matches(":disabled")){W.focus({preventScroll:!0});return}c?.focus({preventScroll:!0})}),R=(0,d.useCallback)(()=>(queueMicrotask(N),!1),[N]),b=oe(y);return{hasFocus:F,isCountVisible:S,restoreItemFocus:I,schedulePopupFocusRestoration:R,resetFocusWhenFocusedTriggerUnmounts:b,handleFocusCapture:c=>{w(!0),e.current?.contains(c.target)&&x(_=>_??S),g?.(c)},handleBlurCapture:c=>{w(c.currentTarget.contains(c.relatedTarget)||(s?.contains(c.relatedTarget)??!1)),e.current?.contains(c.relatedTarget)||x(void 0),D?.(c)}}},O=r=>r.stopPropagation(),$e=({children:r,showOverflowCount:e,maxInlineCount:t,overflowLabel:s=$.doNotTranslate("Show all items"),open:o,defaultOpen:i=!1,onOpenChange:u,actionsRef:l,triggerProps:n,popupProps:f,className:g,onMouseEnter:D,onMouseLeave:F,onFocusCapture:w,onBlurCapture:L,ref:x,...S})=>{const[I,y]=(0,d.useState)(!1),[N,R]=(0,d.useState)(null),[b,A]=(0,xe.useControlled)({controlled:o,default:i,name:$.doNotTranslate("OverflowingList"),state:"open"}),E=(0,d.useRef)(null),c=l??E,_=v.isDefined(t)&&Number.isFinite(t)?Math.min(r.length,Math.max(0,Math.floor(t))):r.length,{containerRef:h,itemsRef:M,triggerRef:p,visibleItemCount:W,hasOverflow:ie,updateLayout:le}=Pe({itemCount:r.length,inlineItemCount:_}),B=ie&&(b||e!==!1),J=b&&B,{hasFocus:ue,isCountVisible:Q,restoreItemFocus:X,schedulePopupFocusRestoration:ce,resetFocusWhenFocusedTriggerUnmounts:de,handleFocusCapture:fe,handleBlurCapture:me}=He({containerRef:h,itemsRef:M,triggerRef:p,popup:N,itemCount:r.length,canExpand:B,isPopupOpen:J,isOpen:b,isHovered:I,showOverflowCount:e,onFocusCapture:w,onBlurCapture:L}),Y=(e??(I||ue))||b,ve=(0,P.useMergedRefs)(h,x),he=(0,P.useMergedRefs)(p,de,n?.ref),_e=(0,P.useMergedRefs)(R,f?.ref),Z=Y&&e!==!1?W:_,ee=r.length-W,be=(0,q.useStableCallback)(()=>{c.current?.close()});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{...S,ref:ve,tabIndex:S.tabIndex??-1,className:(0,j.clsx)(U.root,g),onMouseEnter:m=>{y(!0),D?.(m)},onMouseLeave:m=>{y(!1),F?.(m)},onFocusCapture:fe,onBlurCapture:me,children:[(0,a.jsx)("div",{ref:M,className:U.items,children:r.slice(0,_).map((m,C)=>(0,a.jsx)(re,{index:C,isHidden:C>=Z,isLastVisible:e!==!1&&C===Z-1,isInPopup:!1,onFocusLost:X,children:m},m.key??C))}),(B||b)&&(0,a.jsxs)(K.Popover.Root,{open:J,actionsRef:c,onOpenChange:(m,C)=>{u?.(m,C),C.isCanceled||A(m)},children:[B&&(0,a.jsx)(K.Popover.Trigger,{type:"button","aria-label":`+${ee} ${s}`,...n,onClick:n?.onClick??O,onMouseDown:n?.onMouseDown??O,onPointerDown:n?.onPointerDown??O,onKeyDown:n?.onKeyDown??O,onKeyUp:n?.onKeyUp??O,ref:he,className:m=>(0,j.clsx)(U.trigger,(0,k.isFunction)(n?.className)?n.className(m):n?.className),"data-visible":Q||void 0,children:(0,k.isUndefined)(n?.children)?`+${ee}`:n.children}),(0,a.jsx)(K.Popover.Portal,{children:(0,a.jsx)(K.Popover.Positioner,{anchor:h,align:"start",sideOffset:-9,alignOffset:-7,children:(0,a.jsx)(K.Popover.Popup,{"aria-label":s,...f,onClick:f?.onClick??O,onMouseDown:f?.onMouseDown??O,onPointerDown:f?.onPointerDown??O,onKeyDown:f?.onKeyDown??O,onKeyUp:f?.onKeyUp??O,ref:_e,render:(m,C)=>(0,a.jsx)(Ae,{props:m,state:C,render:f?.render}),finalFocus:f?.finalFocus??ce,className:m=>(0,j.clsx)(U.popup,(0,k.isFunction)(f?.className)?f.className(m):f?.className),"data-overflowing-list-popup":"",children:r.map((m,C)=>(0,a.jsx)(re,{index:C,isHidden:!1,isLastVisible:!1,isInPopup:!0,onFocusLost:X,children:m},m.key??C))})})})]})]}),(0,a.jsx)(Ve,{containerRef:h,itemsRef:M,triggerRef:p,itemCount:r.length,inlineItemCount:_,reserveCountSpace:Q,isMeasurementEnabled:Y,isOpen:b,onLayoutChange:le,onOverflowUnavailable:be})]})},Ge="_header_1dz7y_1",Je="_titleRow_1dz7y_8",Qe="_title_1dz7y_8",Xe="_actions_1dz7y_21",Ye="_description_1dz7y_27",V={header:Ge,titleRow:Je,title:Qe,actions:Xe,description:Ye},Ze=({title:r,description:e,actions:t,level:s=2,size:o="md",color:i="primary",descriptionLineClamp:u=5,isDescriptionFocusable:l=!1,render:n,ref:f,className:g,...D})=>{const F=(0,d.useId)(),w=(0,k.isString)(e)?(0,k.isNonEmptyString)(e):v.isDefined(e)&&e!==!1,L=(0,k.isString)(e)&&u!==!1,x=(0,k.isString)(e)?(0,a.jsx)(G.Text,{style:{whiteSpace:"pre-wrap"},children:e}):e;return(0,H.useRender)({render:n,ref:f,props:{...D,className:(0,j.clsx)(V.header,g),children:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:V.titleRow,children:[(0,a.jsx)(pe.Heading,{level:s,size:o,color:i,className:V.title,"aria-describedby":w?F:void 0,children:r}),v.isDefined(t)&&(0,a.jsx)("div",{className:V.actions,children:t})]}),w&&(0,a.jsx)("div",{id:F,className:V.description,children:L?(0,a.jsx)(G.OverflowingTextWithTooltip,{text:e,lineClamp:u,isTooltipMultiline:!0,isFocusable:l}):x})]})}})},et="_root_ztxxm_1",tt="_fullWidth_ztxxm_20",ae={root:et,fullWidth:tt},rt=({align:r="left",color:e="primary",fullWidth:t=!0,className:s,render:o,ref:i,...u})=>(0,H.useRender)({render:o,ref:i,props:{...u,"data-align":r,"data-color":e,className:(0,j.clsx)(ae.root,t&&ae.fullWidth,s)}}),st={Root:rt,Header:Ze};Object.defineProperty(exports,"AnimatedIconCrossfade",{enumerable:!0,get:function(){return Se}});Object.defineProperty(exports,"LabeledSeparator",{enumerable:!0,get:function(){return Le}});Object.defineProperty(exports,"OverflowingList",{enumerable:!0,get:function(){return $e}});Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return st}});