twenty-ui 2.42.0 → 2.44.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/layout-BgAfeZsL.cjs

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

package/dist/layout-D-XbKoLM.js

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

package/dist/linkifyText-BHQ4_CzQ.cjs

@@ -1 +0,0 @@
-var o=["http:","https:","mailto:","tel:"],a="https://same-origin-probe.invalid",c=t=>{if(t.startsWith("/"))try{return new URL(t,a).origin===a}catch{return!1}try{const e=new URL(t);return o.includes(e.protocol)}catch{return!1}},f=t=>{if(!t||t.trim().length===0)return;if(c(t))return t;if(t.startsWith("/"))return;const e=`https://${t}`;return c(e)?e:void 0},h=/https?:\/\/[^\s<>[\]]+[^\s<>[\].,;:!?)]/g,l=t=>{const e=[];let n=0;for(const i of t.matchAll(h)){const s=i[0],r=i.index;r>n&&e.push({type:"text",content:t.slice(n,r)}),e.push({type:"link",content:s}),n=r+s.length}return n<t.length&&e.push({type:"text",content:t.slice(n)}),e};Object.defineProperty(exports,"getSafeUrl",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"linkifyText",{enumerable:!0,get:function(){return l}});

package/dist/linkifyText-BINRNP9w.js

@@ -1,45 +0,0 @@
-var o = [
-  "http:",
-  "https:",
-  "mailto:",
-  "tel:"
-], a = "https://same-origin-probe.invalid", c = (t) => {
-  if (t.startsWith("/")) try {
-    return new URL(t, a).origin === a;
-  } catch {
-    return !1;
-  }
-  try {
-    const e = new URL(t);
-    return o.includes(e.protocol);
-  } catch {
-    return !1;
-  }
-}, p = (t) => {
-  if (!t || t.trim().length === 0) return;
-  if (c(t)) return t;
-  if (t.startsWith("/")) return;
-  const e = `https://${t}`;
-  return c(e) ? e : void 0;
-}, h = /https?:\/\/[^\s<>[\]]+[^\s<>[\].,;:!?)]/g, l = (t) => {
-  const e = [];
-  let n = 0;
-  for (const s of t.matchAll(h)) {
-    const i = s[0], r = s.index;
-    r > n && e.push({
-      type: "text",
-      content: t.slice(n, r)
-    }), e.push({
-      type: "link",
-      content: i
-    }), n = r + i.length;
-  }
-  return n < t.length && e.push({
-    type: "text",
-    content: t.slice(n)
-  }), e;
-};
-export {
-  p as n,
-  l as t
-};

package/dist/mergeClassNames-BHKm1BNi.js

@@ -1,6 +0,0 @@
-import { clsx as o } from "clsx";
-import { isFunction as p } from "@sniptt/guards";
-var x = (t, r) => (i) => o(t, p(r) ? r(i) : r);
-export {
-  x as t
-};

package/dist/mergeClassNames-BbJtXN2t.cjs

@@ -1 +0,0 @@
-let i=require("clsx"),n=require("@sniptt/guards");var u=(r,e)=>t=>(0,i.clsx)(r,(0,n.isFunction)(e)?e(t):e);Object.defineProperty(exports,"mergeClassNames",{enumerable:!0,get:function(){return u}});

package/dist/navigation-Z7puI3wl.js

@@ -1,91 +0,0 @@
-import { t as w } from "./isDefined-fMi6eQ4r.js";
-import { t as u } from "./mergeClassNames-BHKm1BNi.js";
-import { n as f, t as A } from "./TabsTabContent-BWQCg7Ua.js";
-import { clsx as g } from "clsx";
-import { jsx as n, jsxs as N } from "react/jsx-runtime";
-import "react";
-import { useDirection as k } from "@base-ui/react/direction-provider";
-import { Tabs as m } from "@base-ui/react/tabs";
-var I = "_root_5ahh0_1", K = { root: I }, q = (r) => /* @__PURE__ */ n("a", {
-  className: g(K.root, r.className),
-  href: r.href,
-  onClick: r.onClick,
-  target: r.target,
-  rel: r.rel,
-  children: r.children
-}), z = "https://cal.com/team/twenty/talk-to-us", G = "https://github.com/twentyhq/twenty", O = "https://twenty.com/pricing", L = ({ event: r, direction: a, loopFocus: l }) => {
-  if (r.altKey || r.ctrlKey || r.metaKey || r.shiftKey) return;
-  const s = r.currentTarget, o = Array.from(s.querySelectorAll('[role="tab"]')).filter((t) => t.closest('[role="tablist"]') === s), i = o.findIndex((t) => t === r.target);
-  if (i === -1) return;
-  const c = a === "rtl" ? ["ArrowLeft", "ArrowRight"] : ["ArrowRight", "ArrowLeft"], [e, b] = s.getAttribute("aria-orientation") === "vertical" ? ["ArrowDown", "ArrowUp"] : c;
-  if (![
-    e,
-    b,
-    "Home",
-    "End"
-  ].includes(r.key)) return;
-  r.preventBaseUIHandler(), r.preventDefault();
-  const d = o.filter((t) => !t.hasAttribute("data-disabled") && !t.hasAttribute("disabled") && t.getAttribute("aria-disabled") !== "true" && !t.closest("[hidden], [inert]"));
-  if (r.key === "Home") {
-    d[0]?.focus();
-    return;
-  }
-  if (r.key === "End") {
-    d[d.length - 1]?.focus();
-    return;
-  }
-  const h = r.key === b, T = h ? [...d].reverse() : d, y = T.find((t) => h ? o.indexOf(t) < i : o.indexOf(t) > i);
-  if (w(y)) {
-    y.focus();
-    return;
-  }
-  l && T[0]?.focus();
-}, _ = ({ className: r, children: a, onKeyDown: l, loopFocus: s = !0, ...o }) => {
-  const i = k(), c = (e) => {
-    if (l?.(e), e.defaultPrevented) {
-      e.preventBaseUIHandler();
-      return;
-    }
-    e.baseUIHandlerPrevented || L({
-      event: e,
-      direction: i,
-      loopFocus: s
-    });
-  };
-  return /* @__PURE__ */ N(m.List, {
-    ...o,
-    loopFocus: s,
-    onKeyDown: c,
-    className: u(f.list, r),
-    children: [a, /* @__PURE__ */ n(m.Indicator, { className: f.indicator })]
-  });
-}, x = ({ className: r, ...a }) => /* @__PURE__ */ n(m.Panel, {
-  ...a,
-  className: u(f.panel, r)
-}), C = ({ className: r, ...a }) => /* @__PURE__ */ n(m.Root, {
-  ...a,
-  className: u(f.root, r)
-}), p = ({ className: r, children: a, startIcon: l, endIcon: s, badge: o, highlighted: i = !1, size: c = "sm", ...e }) => /* @__PURE__ */ n(m.Tab, {
-  ...e,
-  className: u(f.tab, r),
-  "data-size": c,
-  "data-highlighted": i || void 0,
-  children: /* @__PURE__ */ n(A, {
-    startIcon: l,
-    endIcon: s,
-    badge: o,
-    children: a
-  })
-}), S = {
-  Root: C,
-  List: _,
-  Tab: p,
-  Panel: x
-};
-export {
-  q as a,
-  z as i,
-  O as n,
-  G as r,
-  S as t
-};

package/dist/navigation-e5PTdnND.cjs

@@ -1 +0,0 @@
-const g=require("./chunk-u_mIcLyS.cjs"),N=require("./isDefined-DS2Q42p5.cjs"),f=require("./mergeClassNames-BbJtXN2t.cjs"),l=require("./TabsTabContent-ChqlTk3P.cjs");let I=require("clsx"),o=require("react/jsx-runtime"),y=require("react");y=g.__toESM(y,1);let A=require("@base-ui/react/direction-provider"),b=require("@base-ui/react/tabs");var k="_root_5ahh0_1",w={root:k},x=e=>(0,o.jsx)("a",{className:(0,I.clsx)(w.root,e.className),href:e.href,onClick:e.onClick,target:e.target,rel:e.rel,children:e.children}),C="https://cal.com/team/twenty/talk-to-us",L="https://github.com/twentyhq/twenty",q="https://twenty.com/pricing",K=({event:e,direction:t,loopFocus:u})=>{if(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const s=e.currentTarget,i=Array.from(s.querySelectorAll('[role="tab"]')).filter(r=>r.closest('[role="tablist"]')===s),n=i.findIndex(r=>r===e.target);if(n===-1)return;const c=t==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"],[a,_]=s.getAttribute("aria-orientation")==="vertical"?["ArrowDown","ArrowUp"]:c;if(![a,_,"Home","End"].includes(e.key))return;e.preventBaseUIHandler(),e.preventDefault();const d=i.filter(r=>!r.hasAttribute("data-disabled")&&!r.hasAttribute("disabled")&&r.getAttribute("aria-disabled")!=="true"&&!r.closest("[hidden], [inert]"));if(e.key==="Home"){d[0]?.focus();return}if(e.key==="End"){d[d.length-1]?.focus();return}const m=e.key===_,T=m?[...d].reverse():d,h=T.find(r=>m?i.indexOf(r)<n:i.indexOf(r)>n);if(N.isDefined(h)){h.focus();return}u&&T[0]?.focus()},j=({className:e,children:t,onKeyDown:u,loopFocus:s=!0,...i})=>{const n=(0,A.useDirection)(),c=a=>{if(u?.(a),a.defaultPrevented){a.preventBaseUIHandler();return}a.baseUIHandlerPrevented||K({event:a,direction:n,loopFocus:s})};return(0,o.jsxs)(b.Tabs.List,{...i,loopFocus:s,onKeyDown:c,className:f.mergeClassNames(l.Tab_module_default.list,e),children:[t,(0,o.jsx)(b.Tabs.Indicator,{className:l.Tab_module_default.indicator})]})},P=({className:e,...t})=>(0,o.jsx)(b.Tabs.Panel,{...t,className:f.mergeClassNames(l.Tab_module_default.panel,e)}),D=({className:e,...t})=>(0,o.jsx)(b.Tabs.Root,{...t,className:f.mergeClassNames(l.Tab_module_default.root,e)}),H=({className:e,children:t,startIcon:u,endIcon:s,badge:i,highlighted:n=!1,size:c="sm",...a})=>(0,o.jsx)(b.Tabs.Tab,{...a,className:f.mergeClassNames(l.Tab_module_default.tab,e),"data-size":c,"data-highlighted":n||void 0,children:(0,o.jsx)(l.TabsTabContent,{startIcon:u,endIcon:s,badge:i,children:t})}),O={Root:D,List:j,Tab:H,Panel:P};Object.defineProperty(exports,"CAL_LINK",{enumerable:!0,get:function(){return C}});Object.defineProperty(exports,"ClickToActionLink",{enumerable:!0,get:function(){return x}});Object.defineProperty(exports,"GITHUB_LINK",{enumerable:!0,get:function(){return L}});Object.defineProperty(exports,"TWENTY_PRICING_LINK",{enumerable:!0,get:function(){return q}});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return O}});

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

@@ -1,7 +0,0 @@
-type CircularProgressBarProps = {
-    size?: number;
-    barWidth?: number;
-    barColor?: string;
-};
-export declare const CircularProgressBar: ({ size, barWidth, barColor, }: CircularProgressBarProps) => import("react").JSX.Element;
-export {};

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

@@ -1,5 +0,0 @@
-type ButtonSoonProps = {
-    label?: string;
-};
-export declare const ButtonSoon: ({ label }: ButtonSoonProps) => import("react").JSX.Element;
-export {};

package/dist/primitives/input/types/ColorScheme.d.ts

@@ -1 +0,0 @@
-export type ColorScheme = 'Dark' | 'Light' | 'System';

package/dist/primitives/layout/AnimatedExpandableContainer/types/AnimationMode.d.ts

@@ -1 +0,0 @@
-export type AnimationMode = 'scroll-height' | 'fit-content';

package/dist/primitives/layout/AnimatedExpandableContainer/types/AnimationSize.d.ts

@@ -1 +0,0 @@
-export type AnimationSize = number | 'fit-content';

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;
-};

package/dist/primitives/navigation/ClickToActionLink/ClickToActionLink.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-type ClickToActionLinkProps = React.ComponentProps<'a'> & {
-    className?: string;
-};
-export declare const ClickToActionLink: (props: ClickToActionLinkProps) => React.JSX.Element;
-export {};

package/dist/primitives/navigation/Link/constants/Cal.d.ts

@@ -1 +0,0 @@
-export declare const CAL_LINK = "https://cal.com/team/twenty/talk-to-us";

package/dist/primitives/navigation/Link/constants/GithubLink.d.ts

@@ -1 +0,0 @@
-export declare const GITHUB_LINK = "https://github.com/twentyhq/twenty";

package/dist/primitives/navigation/Link/constants/TwentyPricingLink.d.ts

@@ -1 +0,0 @@
-export declare const TWENTY_PRICING_LINK = "https://twenty.com/pricing";