twenty-ui 2.41.0 → 2.42.0

package/dist/input-C2q7tGPj.js

@@ -0,0 +1,383 @@
+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

@@ -0,0 +1 @@
+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/isDefined-DS2Q42p5.cjs

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

package/dist/isDefined-fMi6eQ4r.js

@@ -0,0 +1,5 @@
+import { isNull as e, isUndefined as r } from "@sniptt/guards";
+var d = (i) => !r(i) && !e(i);
+export {
+  d as t
+};

package/dist/layout-BgAfeZsL.cjs

@@ -0,0 +1 @@
+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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,45 @@
+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/navigation-Z7puI3wl.js

@@ -0,0 +1,91 @@
+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

@@ -0,0 +1 @@
+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/accessibility/index.d.ts

@@ -1,3 +1,2 @@
 export { VisibilityHidden } from './components/VisibilityHidden';
-export { VisibilityHiddenInput } from './components/VisibilityHiddenInput';
 export { handleClickableElementKeyDown } from './utils/handleClickableElementKeyDown';

package/dist/primitives/accessibility.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../accessibility-BEkMTFE2.cjs"),i=require("../handleClickableElementKeyDown-CByqtBhO.cjs");exports.VisibilityHidden=e.VisibilityHidden;exports.VisibilityHiddenInput=e.VisibilityHiddenInput;exports.handleClickableElementKeyDown=i.handleClickableElementKeyDown;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../handleClickableElementKeyDown-0XD9MRqa.cjs");exports.VisibilityHidden=e.VisibilityHidden;exports.handleClickableElementKeyDown=e.handleClickableElementKeyDown;

package/dist/primitives/accessibility.mjs

@@ -1,7 +1,5 @@
-import { n as t, t as e } from "../accessibility-C7H0m2Th.js";
-import { t as l } from "../handleClickableElementKeyDown-C8Uz61XJ.js";
+import { n as i, t as l } from "../handleClickableElementKeyDown-CJ_JsX2K.js";
 export {
-  t as VisibilityHidden,
-  e as VisibilityHiddenInput,
+  i as VisibilityHidden,
   l as handleClickableElementKeyDown
 };

package/dist/primitives/data-display/Chip/types/ChipProps.d.ts

@@ -1,6 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ReactNode } from 'react';
-import { TooltipPosition } from '../../../surfaces/AppTooltip/AppTooltip';
+import { TooltipSide } from '../../../surfaces/Tooltip/types/TooltipSide';
 import { ChipSize } from './ChipSize';
 import { ChipVariant } from './ChipVariant';
 export type ChipProps = Omit<useRender.ComponentProps<'div'>, 'color'> & {
@@ -17,7 +17,7 @@ export type ChipProps = Omit<useRender.ComponentProps<'div'>, 'color'> & {
     endElementDivider?: boolean;
     maxWidth?: number;
     tooltipLabel?: string;
-    tooltipPlace?: TooltipPosition;
+    tooltipPlace?: TooltipSide;
     alwaysShowTooltip?: boolean;
     isLabelHidden?: boolean;
     forceEmptyText?: boolean;