twenty-ui 2.42.0 → 2.43.0

package/dist/input-C2q7tGPj.js

@@ -1,383 +0,0 @@
-import { Sn as P, bo as W, wn as Y } from "./icon-CDy3-hqV.js";
-import { t as p } from "./isDefined-fMi6eQ4r.js";
-import { r as Z, t as ee } from "./theme-constants-CrrgAYWN.js";
-import { i as re } from "./Switch-BvVP6vjR.js";
-import { t as l } from "./mergeClassNames-BHKm1BNi.js";
-import { n as N, r as w, t as g } from "./ListItem.module-DBhzbt9-.js";
-import { clsx as h } from "clsx";
-import { Fragment as ae, jsx as a, jsxs as C } from "react/jsx-runtime";
-import { isBoolean as te, isFunction as V, isNumber as oe } from "@sniptt/guards";
-import { createContext as ie, forwardRef as F, useContext as le, useLayoutEffect as ne, useMemo as se, useRef as ce } from "react";
-import { useRender as H } from "@base-ui/react/use-render";
-import { useDirection as de } from "@base-ui/react/direction-provider";
-import { Input as M } from "@base-ui/react/input";
-import { Checkbox as A } from "@base-ui/react/checkbox";
-import { Field as $ } from "@base-ui/react/field";
-import { RadioGroup as me } from "@base-ui/react/radio-group";
-import { Select as v } from "@base-ui/react/select";
-import { Slider as T } from "@base-ui/react/slider";
-var ue = "_container_262rx_1", _e = { container: ue }, Ar = ({ attached: e = !0, framed: r = !1, className: t, children: o, variant: i, size: c, color: n, render: u, ref: d, ...x }) => {
-  const I = H({
-    render: u,
-    ref: d,
-    props: {
-      role: "group",
-      "data-attached": e || void 0,
-      "data-framed": r || void 0,
-      ...x,
-      className: h(_e.container, t),
-      children: o
-    }
-  });
-  return /* @__PURE__ */ a(re.Provider, {
-    value: {
-      variant: i,
-      color: n,
-      size: c
-    },
-    children: I
-  });
-}, Or = ({ size: e = "sm", variant: r = "solid", shape: t = "square", color: o = "accent", hoverable: i = !0, className: c, children: n, ...u }) => /* @__PURE__ */ C(A.Root, {
-  ...u,
-  className: l(h(N.root, N[e], N[r], N[t], N[o], i && N.hoverable), c),
-  children: [/* @__PURE__ */ a("span", {
-    className: N.box,
-    children: /* @__PURE__ */ C(A.Indicator, {
-      className: N.indicator,
-      children: [/* @__PURE__ */ a(P, {
-        className: N.check,
-        "aria-hidden": !0
-      }), /* @__PURE__ */ a(W, {
-        className: N.minus,
-        "aria-hidden": !0
-      })]
-    })
-  }), n]
-}), ve = "_description_yrj5x_1", pe = { description: ve }, K = F(({ className: e, ...r }, t) => /* @__PURE__ */ a($.Description, {
-  ref: t,
-  className: l(pe.description, e),
-  ...r
-}));
-K.displayName = "FieldDescription";
-var he = "_error_179et_1", fe = { error: he }, U = F(({ className: e, ...r }, t) => /* @__PURE__ */ a($.Error, {
-  ref: t,
-  className: l(fe.error, e),
-  ...r
-}));
-U.displayName = "FieldError";
-var be = "_label_1yxve_1", Ne = { label: be }, X = F(({ className: e, ...r }, t) => /* @__PURE__ */ a($.Label, {
-  ref: t,
-  className: l(Ne.label, e),
-  ...r
-}));
-X.displayName = "FieldLabel";
-var Br = {
-  Root: $.Root,
-  Label: X,
-  Control: $.Control,
-  Description: K,
-  Error: U,
-  Validity: $.Validity
-}, J = ie(null), ge = "_input_14itx_1", Se = "_sm_14itx_45", xe = "_md_14itx_49", D = {
-  input: ge,
-  sm: Se,
-  md: xe
-}, qr = ({ size: e, className: r, ...t }) => {
-  const o = le(J), i = e ?? o?.size ?? "md";
-  return /* @__PURE__ */ a(M, {
-    ...t,
-    className: l(h(D.input, D[i]), r),
-    "data-grouped": p(o) || void 0
-  });
-}, ke = "_root_lk8ci_1", Ie = "_sm_lk8ci_27", ye = "_md_lk8ci_31", Ce = "_startElement_lk8ci_35", Te = "_endElement_lk8ci_36", j = {
-  root: ke,
-  sm: Ie,
-  md: ye,
-  startElement: Ce,
-  endElement: Te
-}, O = (e) => p(e) && !te(e) && e !== "", zr = ({ size: e = "md", startElement: r, endElement: t, className: o, children: i, render: c, ref: n, ...u }) => {
-  const d = H({
-    render: c,
-    ref: n,
-    props: {
-      ...u,
-      className: h(j.root, j[e], o),
-      children: /* @__PURE__ */ C(ae, { children: [
-        O(r) && /* @__PURE__ */ a("span", {
-          className: j.startElement,
-          children: r
-        }),
-        i,
-        O(t) && /* @__PURE__ */ a("span", {
-          className: j.endElement,
-          children: t
-        })
-      ] })
-    }
-  });
-  return /* @__PURE__ */ a(J.Provider, {
-    value: { size: e },
-    children: d
-  });
-}, Le = "_root_1h79s_1", $e = { root: Le }, Pr = ({ className: e, ...r }) => /* @__PURE__ */ a(me, {
-  ...r,
-  className: l($e.root, e)
-}), Ee = "_container_1fskn_1", Re = "_item_1fskn_16", we = "_iconOnly_1fskn_56", je = "_icon_1fskn_56", De = "_label_1fskn_70", E = {
-  container: Ee,
-  item: Re,
-  iconOnly: we,
-  icon: je,
-  label: De
-}, Vr = ({ ariaLabel: e, itemWidth: r = "equal", onChange: t, options: o, role: i = "group", value: c, width: n }) => {
-  const u = Z(), d = i === "tablist", x = p(n) ? { "--segmented-control-width": typeof n == "number" ? `${n}px` : n } : void 0, I = ({ event: f, optionIndex: y, optionValue: _ }) => {
-    t(_), Array.from(f.currentTarget.parentElement?.querySelectorAll("button:not(:disabled)") ?? [])[y]?.focus();
-  }, R = (f, y) => {
-    if (!d) return;
-    const _ = o.filter((L) => !L.disabled), m = _.findIndex((L) => L.value === y);
-    if (m === -1 || _.length === 0) return;
-    const b = _.length - 1, s = {
-      ArrowDown: (m + 1) % _.length,
-      ArrowLeft: m === 0 ? b : m - 1,
-      ArrowRight: (m + 1) % _.length,
-      ArrowUp: m === 0 ? b : m - 1,
-      End: b,
-      Home: 0
-    }[f.key];
-    p(s) && (f.preventDefault(), I({
-      event: f,
-      optionIndex: s,
-      optionValue: _[s].value
-    }));
-  };
-  return /* @__PURE__ */ a("div", {
-    className: E.container,
-    role: i,
-    "aria-label": e,
-    style: x,
-    children: o.map(({ Icon: f, ariaLabel: y, disabled: _, label: m, value: b }) => {
-      const s = b === c, L = y ?? (typeof m == "string" ? m : void 0), G = p(m);
-      return /* @__PURE__ */ C("button", {
-        "aria-label": L,
-        "aria-pressed": d ? void 0 : s,
-        "aria-selected": d ? s : void 0,
-        className: h(E.item, !G && E.iconOnly),
-        "data-active": s || void 0,
-        disabled: _,
-        "data-item-width": r,
-        onClick: () => t(b),
-        onKeyDown: (Q) => R(Q, b),
-        role: d ? "tab" : void 0,
-        tabIndex: d ? s ? 0 : -1 : void 0,
-        type: "button",
-        children: [f && /* @__PURE__ */ a("span", {
-          className: E.icon,
-          children: /* @__PURE__ */ a(f, {
-            "aria-hidden": G || p(L),
-            color: s ? u.font.color.primary : u.font.color.secondary,
-            size: u.icon.size.md
-          })
-        }), G && /* @__PURE__ */ a("span", {
-          className: E.label,
-          children: m
-        })]
-      }, b);
-    })
-  });
-}, Ge = "_trigger_hijh9_1", Fe = "_value_hijh9_12", Ae = "_icon_hijh9_31", Oe = "_positioner_hijh9_42", Be = "_popup_hijh9_46", qe = "_item_hijh9_71", ze = "_indicator_hijh9_75", Pe = "_groupLabel_hijh9_81", Ve = "_separator_hijh9_89", S = {
-  trigger: Ge,
-  value: Fe,
-  icon: Ae,
-  positioner: Oe,
-  popup: Be,
-  item: qe,
-  indicator: ze,
-  groupLabel: Pe,
-  separator: Ve
-}, He = ({ className: e, ...r }) => /* @__PURE__ */ a(v.GroupLabel, {
-  ...r,
-  className: l(S.groupLabel, e)
-}), Me = ({ className: e, children: r, startIcon: t, endIcon: o, description: i, descriptionPlacement: c = "inline", ...n }) => /* @__PURE__ */ C(v.Item, {
-  ...n,
-  className: l(h(g.root, S.item), e),
-  "data-color": "neutral",
-  "data-indicator": "check",
-  children: [
-    w(t) && /* @__PURE__ */ a("div", {
-      className: g.startIcon,
-      "aria-hidden": !0,
-      children: t
-    }),
-    /* @__PURE__ */ C("div", {
-      className: g.label,
-      children: [/* @__PURE__ */ a(v.ItemText, {
-        className: g.text,
-        children: r
-      }), w(i) && c === "inline" && /* @__PURE__ */ a("div", {
-        className: h(g.description, g.inlineDescription),
-        children: i
-      })]
-    }),
-    w(i) && c === "end" && /* @__PURE__ */ a("div", {
-      className: h(g.description, g.endDescription),
-      children: i
-    }),
-    w(o) && /* @__PURE__ */ a("div", {
-      className: g.endIcon,
-      "aria-hidden": !0,
-      children: o
-    }),
-    /* @__PURE__ */ a(v.ItemIndicator, {
-      className: S.indicator,
-      children: /* @__PURE__ */ a(P, { className: g.checkIndicator })
-    })
-  ]
-}), Ke = ({ side: e = "bottom", align: r = "start", sideOffset: t = 8, alignOffset: o, alignItemWithTrigger: i = !1, anchor: c, container: n, className: u, ...d }) => {
-  const x = ee(), I = de();
-  return /* @__PURE__ */ a(v.Portal, {
-    container: n === void 0 ? x ?? void 0 : n,
-    children: /* @__PURE__ */ a(v.Positioner, {
-      dir: I,
-      side: e,
-      align: r,
-      sideOffset: t,
-      alignOffset: o,
-      alignItemWithTrigger: i,
-      anchor: c,
-      className: S.positioner,
-      children: /* @__PURE__ */ a(v.Popup, {
-        ...d,
-        className: l(S.popup, u)
-      })
-    })
-  });
-}, Ue = ({ className: e, ...r }) => /* @__PURE__ */ a(v.Separator, {
-  ...r,
-  className: l(S.separator, e)
-}), Xe = ({ size: e = "md", className: r, children: t, ...o }) => /* @__PURE__ */ C(v.Trigger, {
-  ...o,
-  className: l(h(D.input, D[e], S.trigger), r),
-  children: [t, /* @__PURE__ */ a(v.Icon, {
-    className: S.icon,
-    children: /* @__PURE__ */ a(Y, {})
-  })]
-}), Je = ({ className: e, ...r }) => /* @__PURE__ */ a(v.Value, {
-  ...r,
-  className: l(S.value, e)
-}), Qe = () => ({
-  Root: v.Root,
-  Trigger: Xe,
-  Value: Je,
-  Popup: Ke,
-  Item: Me,
-  Group: v.Group,
-  GroupLabel: He,
-  Separator: Ue
-}), Hr = /* @__PURE__ */ Qe(), We = "_root_1mh0w_1", Ye = "_accent_1mh0w_16", Ze = "_success_1mh0w_20", er = "_control_1mh0w_24", rr = "_track_1mh0w_42", ar = "_indicator_1mh0w_55", tr = "_thumb_1mh0w_66", or = "_label_1mh0w_80", ir = "_value_1mh0w_81", k = {
-  root: We,
-  accent: Ye,
-  success: Ze,
-  control: er,
-  track: rr,
-  indicator: ar,
-  thumb: tr,
-  label: or,
-  value: ir
-}, lr = ({ className: e, color: r = "accent", thumbAlignment: t = "edge", ...o }) => /* @__PURE__ */ a(T.Root, {
-  ...o,
-  thumbAlignment: t,
-  className: l(h(k.root, k[r]), e)
-}), nr = ({ className: e, ...r }) => /* @__PURE__ */ a(T.Control, {
-  ...r,
-  className: l(k.control, e)
-}), sr = ({ className: e, ...r }) => /* @__PURE__ */ a(T.Track, {
-  ...r,
-  className: l(k.track, e)
-}), cr = ({ className: e, ...r }) => /* @__PURE__ */ a(T.Indicator, {
-  ...r,
-  className: l(k.indicator, e)
-}), dr = ({ className: e, ...r }) => /* @__PURE__ */ a(T.Thumb, {
-  ...r,
-  className: l(k.thumb, e)
-}), mr = ({ className: e, ...r }) => /* @__PURE__ */ a(T.Label, {
-  ...r,
-  className: l(k.label, e)
-}), ur = ({ className: e, ...r }) => /* @__PURE__ */ a(T.Value, {
-  ...r,
-  className: l(k.value, e)
-}), Mr = {
-  Root: lr,
-  Control: nr,
-  Track: sr,
-  Indicator: cr,
-  Thumb: dr,
-  Label: mr,
-  Value: ur
-}, _r = (e) => p(e) ? oe(e) ? `${e}px` : String(e) : "", B = (e, r) => {
-  if (p(e)) {
-    if (V(e)) return e(r);
-    e.current = r;
-  }
-}, vr = (...e) => (r) => {
-  const t = e.map((o) => {
-    const i = B(o, r);
-    return V(i) ? i : () => B(o, null);
-  });
-  return () => {
-    for (const o of t) o();
-  };
-}, q = (e) => {
-  e.style.blockSize = "auto";
-  const r = e.offsetHeight - e.clientHeight;
-  e.style.blockSize = `${e.scrollHeight + r}px`;
-}, pr = "_textarea_1qcvj_1", hr = "_sm_1qcvj_38", fr = "_md_1qcvj_42", z = {
-  textarea: pr,
-  sm: hr,
-  md: fr
-}, br = /* @__PURE__ */ a("textarea", {}), Kr = ({ size: e = "md", autoResize: r = !1, maxRows: t, className: o, style: i, ref: c, render: n = br, onChange: u, value: d, rows: x, ...I }) => {
-  const R = ce(null), f = se(() => vr(c, R), [c]), y = p(d), _ = i?.blockSize;
-  ne(() => {
-    const s = R.current;
-    if (p(s)) {
-      if (!r) {
-        s.style.blockSize = _r(_);
-        return;
-      }
-      q(s);
-    }
-  }, [
-    r,
-    d,
-    t,
-    x,
-    _
-  ]);
-  const m = (s) => {
-    r && !y && q(s.currentTarget), u?.(s);
-  }, b = p(t) ? {
-    ...i,
-    "--tw-textarea-max-rows": t
-  } : i;
-  return /* @__PURE__ */ a(M, {
-    ...I,
-    rows: x,
-    onChange: m,
-    ref: f,
-    render: n,
-    value: d,
-    className: l(h(z.textarea, z[e]), o),
-    style: b,
-    "data-auto-resize": r || void 0
-  });
-};
-export {
-  Pr as a,
-  Br as c,
-  Vr as i,
-  Or as l,
-  Mr as n,
-  zr as o,
-  Hr as r,
-  qr as s,
-  Kr as t,
-  Ar as u
-};

package/dist/input-CAX9aS7C.cjs

@@ -1 +0,0 @@
-const f=require("./isDefined-DS2Q42p5.cjs"),B=require("./theme-constants-ZNgkgDE-.cjs"),J=require("./Switch-DuoJ4ytC.cjs"),o=require("./mergeClassNames-BbJtXN2t.cjs"),i=require("./ListItem.module-CFDku7rI.cjs");let x=require("clsx"),t=require("react/jsx-runtime"),w=require("@sniptt/guards"),N=require("react"),z=require("@base-ui/react/use-render"),Q=require("@base-ui/react/direction-provider"),V=require("@base-ui/react/input"),G=require("@base-ui/react/checkbox"),L=require("@base-ui/react/field"),W=require("@base-ui/react/radio-group"),p=require("@base-ui/react/select"),I=require("@base-ui/react/slider"),T=require("@tabler/icons-react");var Y="_container_262rx_1",Z={container:Y},ee=({attached:e=!0,framed:r=!1,className:a,children:l,variant:s,size:d,color:n,render:m,ref:u,...j})=>{const C=(0,z.useRender)({render:m,ref:u,props:{role:"group","data-attached":e||void 0,"data-framed":r||void 0,...j,className:(0,x.clsx)(Z.container,a),children:l}});return(0,t.jsx)(J.ButtonGroupContext.Provider,{value:{variant:s,color:n,size:d},children:C})},re=({size:e="sm",variant:r="solid",shape:a="square",color:l="accent",hoverable:s=!0,className:d,children:n,...m})=>(0,t.jsxs)(G.Checkbox.Root,{...m,className:o.mergeClassNames((0,x.clsx)(i.Checkbox_module_default.root,i.Checkbox_module_default[e],i.Checkbox_module_default[r],i.Checkbox_module_default[a],i.Checkbox_module_default[l],s&&i.Checkbox_module_default.hoverable),d),children:[(0,t.jsx)("span",{className:i.Checkbox_module_default.box,children:(0,t.jsxs)(G.Checkbox.Indicator,{className:i.Checkbox_module_default.indicator,children:[(0,t.jsx)(T.IconCheck,{className:i.Checkbox_module_default.check,"aria-hidden":!0}),(0,t.jsx)(T.IconMinus,{className:i.Checkbox_module_default.minus,"aria-hidden":!0})]})}),n]}),te="_description_yrj5x_1",ae={description:te},H=(0,N.forwardRef)(({className:e,...r},a)=>(0,t.jsx)(L.Field.Description,{ref:a,className:o.mergeClassNames(ae.description,e),...r}));H.displayName="FieldDescription";var le="_error_179et_1",se={error:le},M=(0,N.forwardRef)(({className:e,...r},a)=>(0,t.jsx)(L.Field.Error,{ref:a,className:o.mergeClassNames(se.error,e),...r}));M.displayName="FieldError";var ie="_label_1yxve_1",oe={label:ie},K=(0,N.forwardRef)(({className:e,...r},a)=>(0,t.jsx)(L.Field.Label,{ref:a,className:o.mergeClassNames(oe.label,e),...r}));K.displayName="FieldLabel";var ne={Root:L.Field.Root,Label:K,Control:L.Field.Control,Description:H,Error:M,Validity:L.Field.Validity},U=(0,N.createContext)(null),ce="_input_14itx_1",de="_sm_14itx_45",ue="_md_14itx_49",F={input:ce,sm:de,md:ue},_e=({size:e,className:r,...a})=>{const l=(0,N.useContext)(U),s=e??l?.size??"md";return(0,t.jsx)(V.Input,{...a,className:o.mergeClassNames((0,x.clsx)(F.input,F[s]),r),"data-grouped":f.isDefined(l)||void 0})},me="_root_lk8ci_1",ve="_sm_lk8ci_27",pe="_md_lk8ci_31",fe="_startElement_lk8ci_35",xe="_endElement_lk8ci_36",R={root:me,sm:ve,md:pe,startElement:fe,endElement:xe},O=e=>f.isDefined(e)&&!(0,w.isBoolean)(e)&&e!=="",he=({size:e="md",startElement:r,endElement:a,className:l,children:s,render:d,ref:n,...m})=>{const u=(0,z.useRender)({render:d,ref:n,props:{...m,className:(0,x.clsx)(R.root,R[e],l),children:(0,t.jsxs)(t.Fragment,{children:[O(r)&&(0,t.jsx)("span",{className:R.startElement,children:r}),s,O(a)&&(0,t.jsx)("span",{className:R.endElement,children:a})]})}});return(0,t.jsx)(U.Provider,{value:{size:e},children:u})},be="_root_1h79s_1",ge={root:be},je=({className:e,...r})=>(0,t.jsx)(W.RadioGroup,{...r,className:o.mergeClassNames(ge.root,e)}),Ne="_container_1fskn_1",Se="_item_1fskn_16",Ce="_iconOnly_1fskn_56",ke="_icon_1fskn_56",Ie="_label_1fskn_70",q={container:Ne,item:Se,iconOnly:Ce,icon:ke,label:Ie},ye=({ariaLabel:e,itemWidth:r="equal",onChange:a,options:l,role:s="group",value:d,width:n})=>{const m=B.useTheme(),u=s==="tablist",j=f.isDefined(n)?{"--segmented-control-width":typeof n=="number"?`${n}px`:n}:void 0,C=({event:h,optionIndex:k,optionValue:v})=>{a(v),Array.from(h.currentTarget.parentElement?.querySelectorAll("button:not(:disabled)")??[])[k]?.focus()},D=(h,k)=>{if(!u)return;const v=l.filter(y=>!y.disabled),_=v.findIndex(y=>y.value===k);if(_===-1||v.length===0)return;const b=v.length-1,c={ArrowDown:(_+1)%v.length,ArrowLeft:_===0?b:_-1,ArrowRight:(_+1)%v.length,ArrowUp:_===0?b:_-1,End:b,Home:0}[h.key];f.isDefined(c)&&(h.preventDefault(),C({event:h,optionIndex:c,optionValue:v[c].value}))};return(0,t.jsx)("div",{className:q.container,role:s,"aria-label":e,style:j,children:l.map(({Icon:h,ariaLabel:k,disabled:v,label:_,value:b})=>{const c=b===d,y=k??(typeof _=="string"?_:void 0),E=f.isDefined(_);return(0,t.jsxs)("button",{"aria-label":y,"aria-pressed":u?void 0:c,"aria-selected":u?c:void 0,className:(0,x.clsx)(q.item,!E&&q.iconOnly),"data-active":c||void 0,disabled:v,"data-item-width":r,onClick:()=>a(b),onKeyDown:X=>D(X,b),role:u?"tab":void 0,tabIndex:u?c?0:-1:void 0,type:"button",children:[h&&(0,t.jsx)("span",{className:q.icon,children:(0,t.jsx)(h,{"aria-hidden":E||f.isDefined(y),color:c?m.font.color.primary:m.font.color.secondary,size:m.icon.size.md})}),E&&(0,t.jsx)("span",{className:q.label,children:_})]},b)})})},Le="_trigger_hijh9_1",qe="_value_hijh9_12",De="_icon_hijh9_31",Re="_positioner_hijh9_42",Te="_popup_hijh9_46",Fe="_item_hijh9_71",we="_indicator_hijh9_75",Ee="_groupLabel_hijh9_81",Ge="_separator_hijh9_89",g={trigger:Le,value:qe,icon:De,positioner:Re,popup:Te,item:Fe,indicator:we,groupLabel:Ee,separator:Ge},Oe=({className:e,...r})=>(0,t.jsx)(p.Select.GroupLabel,{...r,className:o.mergeClassNames(g.groupLabel,e)}),Pe=({className:e,children:r,startIcon:a,endIcon:l,description:s,descriptionPlacement:d="inline",...n})=>(0,t.jsxs)(p.Select.Item,{...n,className:o.mergeClassNames((0,x.clsx)(i.ListItem_module_default.root,g.item),e),"data-color":"neutral","data-indicator":"check",children:[i.isRenderableSlot(a)&&(0,t.jsx)("div",{className:i.ListItem_module_default.startIcon,"aria-hidden":!0,children:a}),(0,t.jsxs)("div",{className:i.ListItem_module_default.label,children:[(0,t.jsx)(p.Select.ItemText,{className:i.ListItem_module_default.text,children:r}),i.isRenderableSlot(s)&&d==="inline"&&(0,t.jsx)("div",{className:(0,x.clsx)(i.ListItem_module_default.description,i.ListItem_module_default.inlineDescription),children:s})]}),i.isRenderableSlot(s)&&d==="end"&&(0,t.jsx)("div",{className:(0,x.clsx)(i.ListItem_module_default.description,i.ListItem_module_default.endDescription),children:s}),i.isRenderableSlot(l)&&(0,t.jsx)("div",{className:i.ListItem_module_default.endIcon,"aria-hidden":!0,children:l}),(0,t.jsx)(p.Select.ItemIndicator,{className:g.indicator,children:(0,t.jsx)(T.IconCheck,{className:i.ListItem_module_default.checkIndicator})})]}),$e=({side:e="bottom",align:r="start",sideOffset:a=8,alignOffset:l,alignItemWithTrigger:s=!1,anchor:d,container:n,className:m,...u})=>{const j=B.useThemeContainer(),C=(0,Q.useDirection)();return(0,t.jsx)(p.Select.Portal,{container:n===void 0?j??void 0:n,children:(0,t.jsx)(p.Select.Positioner,{dir:C,side:e,align:r,sideOffset:a,alignOffset:l,alignItemWithTrigger:s,anchor:d,className:g.positioner,children:(0,t.jsx)(p.Select.Popup,{...u,className:o.mergeClassNames(g.popup,m)})})})},Ae=({className:e,...r})=>(0,t.jsx)(p.Select.Separator,{...r,className:o.mergeClassNames(g.separator,e)}),Be=({size:e="md",className:r,children:a,...l})=>(0,t.jsxs)(p.Select.Trigger,{...l,className:o.mergeClassNames((0,x.clsx)(F.input,F[e],g.trigger),r),children:[a,(0,t.jsx)(p.Select.Icon,{className:g.icon,children:(0,t.jsx)(T.IconChevronDown,{})})]}),ze=({className:e,...r})=>(0,t.jsx)(p.Select.Value,{...r,className:o.mergeClassNames(g.value,e)}),Ve=()=>({Root:p.Select.Root,Trigger:Be,Value:ze,Popup:$e,Item:Pe,Group:p.Select.Group,GroupLabel:Oe,Separator:Ae}),He=Ve(),Me="_root_1mh0w_1",Ke="_accent_1mh0w_16",Ue="_success_1mh0w_20",Xe="_control_1mh0w_24",Je="_track_1mh0w_42",Qe="_indicator_1mh0w_55",We="_thumb_1mh0w_66",Ye="_label_1mh0w_80",Ze="_value_1mh0w_81",S={root:Me,accent:Ke,success:Ue,control:Xe,track:Je,indicator:Qe,thumb:We,label:Ye,value:Ze},er=({className:e,color:r="accent",thumbAlignment:a="edge",...l})=>(0,t.jsx)(I.Slider.Root,{...l,thumbAlignment:a,className:o.mergeClassNames((0,x.clsx)(S.root,S[r]),e)}),rr=({className:e,...r})=>(0,t.jsx)(I.Slider.Control,{...r,className:o.mergeClassNames(S.control,e)}),tr=({className:e,...r})=>(0,t.jsx)(I.Slider.Track,{...r,className:o.mergeClassNames(S.track,e)}),ar=({className:e,...r})=>(0,t.jsx)(I.Slider.Indicator,{...r,className:o.mergeClassNames(S.indicator,e)}),lr=({className:e,...r})=>(0,t.jsx)(I.Slider.Thumb,{...r,className:o.mergeClassNames(S.thumb,e)}),sr=({className:e,...r})=>(0,t.jsx)(I.Slider.Label,{...r,className:o.mergeClassNames(S.label,e)}),ir=({className:e,...r})=>(0,t.jsx)(I.Slider.Value,{...r,className:o.mergeClassNames(S.value,e)}),or={Root:er,Control:rr,Track:tr,Indicator:ar,Thumb:lr,Label:sr,Value:ir},nr=e=>f.isDefined(e)?(0,w.isNumber)(e)?`${e}px`:String(e):"",P=(e,r)=>{if(f.isDefined(e)){if((0,w.isFunction)(e))return e(r);e.current=r}},cr=(...e)=>r=>{const a=e.map(l=>{const s=P(l,r);return(0,w.isFunction)(s)?s:()=>P(l,null)});return()=>{for(const l of a)l()}},$=e=>{e.style.blockSize="auto";const r=e.offsetHeight-e.clientHeight;e.style.blockSize=`${e.scrollHeight+r}px`},dr="_textarea_1qcvj_1",ur="_sm_1qcvj_38",_r="_md_1qcvj_42",A={textarea:dr,sm:ur,md:_r},mr=(0,t.jsx)("textarea",{}),vr=({size:e="md",autoResize:r=!1,maxRows:a,className:l,style:s,ref:d,render:n=mr,onChange:m,value:u,rows:j,...C})=>{const D=(0,N.useRef)(null),h=(0,N.useMemo)(()=>cr(d,D),[d]),k=f.isDefined(u),v=s?.blockSize;(0,N.useLayoutEffect)(()=>{const c=D.current;if(f.isDefined(c)){if(!r){c.style.blockSize=nr(v);return}$(c)}},[r,u,a,j,v]);const _=c=>{r&&!k&&$(c.currentTarget),m?.(c)},b=f.isDefined(a)?{...s,"--tw-textarea-max-rows":a}:s;return(0,t.jsx)(V.Input,{...C,rows:j,onChange:_,ref:h,render:n,value:u,className:o.mergeClassNames((0,x.clsx)(A.textarea,A[e]),l),style:b,"data-auto-resize":r||void 0})};Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return ee}});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return re}});Object.defineProperty(exports,"Field",{enumerable:!0,get:function(){return ne}});Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return _e}});Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return he}});Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return je}});Object.defineProperty(exports,"SegmentedControl",{enumerable:!0,get:function(){return ye}});Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return He}});Object.defineProperty(exports,"Slider",{enumerable:!0,get:function(){return or}});Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function(){return vr}});

package/dist/primitives/layout/ResizeHandle/hooks/useResizeHandle.d.ts

@@ -1,10 +0,0 @@
-import { PointerEvent } from 'react';
-export declare const useResizeHandle: ({ initialSize, axis, }: {
-    initialSize: number;
-    axis?: "x" | "y";
-}) => {
-    size: number;
-    handleResizeStart: (event: PointerEvent) => void;
-    handleResizeMove: (event: PointerEvent) => void;
-    handleResizeEnd: () => void;
-};