twenty-ui 2.41.0 → 2.43.0

package/dist/individual-entry.d.ts

@@ -2,5 +2,4 @@ export * from './components';
 export * from './icon';
 export * from './primitives';
 export * from './theme';
-export * from './theme-constants';
 export * from './utilities';

package/dist/input-C8IiOA9Q.js

@@ -0,0 +1,335 @@
+import { Sn as D, bo as J, wn as K } from "./icon-Bd81r48z.js";
+import { t as k } from "./isDefined-fMi6eQ4r.js";
+import { t as Q } from "./theme-DBro6iwF.js";
+import { n as L, r as U, s as W } from "./Input-DHfmRBq5.js";
+import { t as i } from "./mergeClassNames-BHKm1BNi.js";
+import { n as _, r as f, t as u } from "./ListItem.module-DtIGiTDL.js";
+import { clsx as v } from "clsx";
+import { Fragment as Y, jsx as a, jsxs as N } from "react/jsx-runtime";
+import { isBoolean as Z, isFunction as V, isNumber as ee } from "@sniptt/guards";
+import { forwardRef as T, useLayoutEffect as re, useMemo as ae, useRef as oe } from "react";
+import { useRender as B } from "@base-ui/react/use-render";
+import { useDirection as te } from "@base-ui/react/direction-provider";
+import { Radio as le } from "@base-ui/react/radio";
+import { Input as ie } from "@base-ui/react/input";
+import { Checkbox as j } from "@base-ui/react/checkbox";
+import { Field as x } from "@base-ui/react/field";
+import { RadioGroup as P } from "@base-ui/react/radio-group";
+import { Select as c } from "@base-ui/react/select";
+import { Slider as b } from "@base-ui/react/slider";
+var ne = "_container_262rx_1", se = { container: ne }, Lr = ({ attached: e = !0, framed: r = !1, className: o, children: t, variant: l, size: s, color: n, render: m, ref: d, ...S }) => {
+  const C = B({
+    render: m,
+    ref: d,
+    props: {
+      role: "group",
+      "data-attached": e || void 0,
+      "data-framed": r || void 0,
+      ...S,
+      className: v(se.container, o),
+      children: t
+    }
+  });
+  return /* @__PURE__ */ a(W.Provider, {
+    value: {
+      variant: l,
+      color: n,
+      size: s
+    },
+    children: C
+  });
+}, jr = ({ size: e = "sm", variant: r = "solid", shape: o = "square", color: t = "accent", hoverable: l = !0, className: s, children: n, ...m }) => /* @__PURE__ */ N(j.Root, {
+  ...m,
+  className: i(v(_.root, _[e], _[r], _[o], _[t], l && _.hoverable), s),
+  children: [/* @__PURE__ */ a("span", {
+    className: _.box,
+    children: /* @__PURE__ */ N(j.Indicator, {
+      className: _.indicator,
+      children: [/* @__PURE__ */ a(D, {
+        className: _.check,
+        "aria-hidden": !0
+      }), /* @__PURE__ */ a(J, {
+        className: _.minus,
+        "aria-hidden": !0
+      })]
+    })
+  }), n]
+}), ce = "_description_yrj5x_1", me = { description: ce }, q = T(({ className: e, ...r }, o) => /* @__PURE__ */ a(x.Description, {
+  ref: o,
+  className: i(me.description, e),
+  ...r
+}));
+q.displayName = "FieldDescription";
+var de = "_error_179et_1", _e = { error: de }, A = T(({ className: e, ...r }, o) => /* @__PURE__ */ a(x.Error, {
+  ref: o,
+  className: i(_e.error, e),
+  ...r
+}));
+A.displayName = "FieldError";
+var ue = "_label_1yxve_1", ve = { label: ue }, H = T(({ className: e, ...r }, o) => /* @__PURE__ */ a(x.Label, {
+  ref: o,
+  className: i(ve.label, e),
+  ...r
+}));
+H.displayName = "FieldLabel";
+var yr = {
+  Root: x.Root,
+  Label: H,
+  Control: x.Control,
+  Description: q,
+  Error: A,
+  Validity: x.Validity
+}, pe = "_root_lk8ci_1", he = "_sm_lk8ci_27", fe = "_md_lk8ci_31", Ne = "_startElement_lk8ci_35", be = "_endElement_lk8ci_36", R = {
+  root: pe,
+  sm: he,
+  md: fe,
+  startElement: Ne,
+  endElement: be
+}, y = (e) => k(e) && !Z(e) && e !== "", Gr = ({ size: e = "md", startElement: r, endElement: o, className: t, children: l, render: s, ref: n, ...m }) => {
+  const d = B({
+    render: s,
+    ref: n,
+    props: {
+      ...m,
+      className: v(R.root, R[e], t),
+      children: /* @__PURE__ */ N(Y, { children: [
+        y(r) && /* @__PURE__ */ a("span", {
+          className: R.startElement,
+          children: r
+        }),
+        l,
+        y(o) && /* @__PURE__ */ a("span", {
+          className: R.endElement,
+          children: o
+        })
+      ] })
+    }
+  });
+  return /* @__PURE__ */ a(U.Provider, {
+    value: { size: e },
+    children: d
+  });
+}, Se = "_root_1h79s_1", ge = { root: Se }, Fr = ({ className: e, ...r }) => /* @__PURE__ */ a(P, {
+  ...r,
+  className: i(ge.root, e)
+}), ke = "_container_1uovu_1", xe = "_item_1uovu_20", Ce = "_iconOnly_1uovu_60", Ie = "_icon_1uovu_60", Re = "_label_1uovu_79", I = {
+  container: ke,
+  item: xe,
+  iconOnly: Ce,
+  icon: Ie,
+  label: Re
+}, wr = ({ className: e, itemWidth: r = "equal", options: o, ...t }) => /* @__PURE__ */ a(P, {
+  ...t,
+  className: i(I.container, e),
+  "data-item-width": r,
+  children: o.map(({ "aria-label": l, disabled: s, label: n, startIcon: m, value: d }) => /* @__PURE__ */ N(le.Root, {
+    value: d,
+    disabled: s,
+    "aria-label": l,
+    className: v(I.item, !f(n) && I.iconOnly),
+    children: [f(m) && /* @__PURE__ */ a("span", {
+      className: I.icon,
+      "aria-hidden": !0,
+      children: m
+    }), f(n) && /* @__PURE__ */ a("span", {
+      className: I.label,
+      children: n
+    })]
+  }, d))
+}), Te = "_trigger_hijh9_1", $e = "_value_hijh9_12", Ee = "_icon_hijh9_31", Le = "_positioner_hijh9_42", je = "_popup_hijh9_46", ye = "_item_hijh9_71", Ge = "_indicator_hijh9_75", Fe = "_groupLabel_hijh9_81", we = "_separator_hijh9_89", p = {
+  trigger: Te,
+  value: $e,
+  icon: Ee,
+  positioner: Le,
+  popup: je,
+  item: ye,
+  indicator: Ge,
+  groupLabel: Fe,
+  separator: we
+}, De = ({ className: e, ...r }) => /* @__PURE__ */ a(c.GroupLabel, {
+  ...r,
+  className: i(p.groupLabel, e)
+}), Ve = ({ className: e, children: r, startIcon: o, endIcon: t, description: l, descriptionPlacement: s = "inline", ...n }) => /* @__PURE__ */ N(c.Item, {
+  ...n,
+  className: i(v(u.root, p.item), e),
+  "data-color": "neutral",
+  "data-indicator": "check",
+  children: [
+    f(o) && /* @__PURE__ */ a("div", {
+      className: u.startIcon,
+      "aria-hidden": !0,
+      children: o
+    }),
+    /* @__PURE__ */ N("div", {
+      className: u.label,
+      children: [/* @__PURE__ */ a(c.ItemText, {
+        className: u.text,
+        children: r
+      }), f(l) && s === "inline" && /* @__PURE__ */ a("div", {
+        className: v(u.description, u.inlineDescription),
+        children: l
+      })]
+    }),
+    f(l) && s === "end" && /* @__PURE__ */ a("div", {
+      className: v(u.description, u.endDescription),
+      children: l
+    }),
+    f(t) && /* @__PURE__ */ a("div", {
+      className: u.endIcon,
+      "aria-hidden": !0,
+      children: t
+    }),
+    /* @__PURE__ */ a(c.ItemIndicator, {
+      className: p.indicator,
+      children: /* @__PURE__ */ a(D, { className: u.checkIndicator })
+    })
+  ]
+}), Be = ({ side: e = "bottom", align: r = "start", sideOffset: o = 8, alignOffset: t, alignItemWithTrigger: l = !1, anchor: s, container: n, className: m, ...d }) => {
+  const S = Q(), C = te();
+  return /* @__PURE__ */ a(c.Portal, {
+    container: n === void 0 ? S ?? void 0 : n,
+    children: /* @__PURE__ */ a(c.Positioner, {
+      dir: C,
+      side: e,
+      align: r,
+      sideOffset: o,
+      alignOffset: t,
+      alignItemWithTrigger: l,
+      anchor: s,
+      className: p.positioner,
+      children: /* @__PURE__ */ a(c.Popup, {
+        ...d,
+        className: i(p.popup, m)
+      })
+    })
+  });
+}, Pe = ({ className: e, ...r }) => /* @__PURE__ */ a(c.Separator, {
+  ...r,
+  className: i(p.separator, e)
+}), qe = ({ size: e = "md", className: r, children: o, ...t }) => /* @__PURE__ */ N(c.Trigger, {
+  ...t,
+  className: i(v(L.input, L[e], p.trigger), r),
+  children: [o, /* @__PURE__ */ a(c.Icon, {
+    className: p.icon,
+    children: /* @__PURE__ */ a(K, {})
+  })]
+}), Ae = ({ className: e, ...r }) => /* @__PURE__ */ a(c.Value, {
+  ...r,
+  className: i(p.value, e)
+}), He = () => ({
+  Root: c.Root,
+  Trigger: qe,
+  Value: Ae,
+  Popup: Be,
+  Item: Ve,
+  Group: c.Group,
+  GroupLabel: De,
+  Separator: Pe
+}), Dr = /* @__PURE__ */ He(), Me = "_root_1mh0w_1", Oe = "_accent_1mh0w_16", ze = "_success_1mh0w_20", Xe = "_control_1mh0w_24", Je = "_track_1mh0w_42", Ke = "_indicator_1mh0w_55", Qe = "_thumb_1mh0w_66", Ue = "_label_1mh0w_80", We = "_value_1mh0w_81", h = {
+  root: Me,
+  accent: Oe,
+  success: ze,
+  control: Xe,
+  track: Je,
+  indicator: Ke,
+  thumb: Qe,
+  label: Ue,
+  value: We
+}, Ye = ({ className: e, color: r = "accent", thumbAlignment: o = "edge", ...t }) => /* @__PURE__ */ a(b.Root, {
+  ...t,
+  thumbAlignment: o,
+  className: i(v(h.root, h[r]), e)
+}), Ze = ({ className: e, ...r }) => /* @__PURE__ */ a(b.Control, {
+  ...r,
+  className: i(h.control, e)
+}), er = ({ className: e, ...r }) => /* @__PURE__ */ a(b.Track, {
+  ...r,
+  className: i(h.track, e)
+}), rr = ({ className: e, ...r }) => /* @__PURE__ */ a(b.Indicator, {
+  ...r,
+  className: i(h.indicator, e)
+}), ar = ({ className: e, ...r }) => /* @__PURE__ */ a(b.Thumb, {
+  ...r,
+  className: i(h.thumb, e)
+}), or = ({ className: e, ...r }) => /* @__PURE__ */ a(b.Label, {
+  ...r,
+  className: i(h.label, e)
+}), tr = ({ className: e, ...r }) => /* @__PURE__ */ a(b.Value, {
+  ...r,
+  className: i(h.value, e)
+}), Vr = {
+  Root: Ye,
+  Control: Ze,
+  Track: er,
+  Indicator: rr,
+  Thumb: ar,
+  Label: or,
+  Value: tr
+}, lr = (e) => k(e) ? ee(e) ? `${e}px` : String(e) : "", G = (e, r) => {
+  if (k(e)) {
+    if (V(e)) return e(r);
+    e.current = r;
+  }
+}, ir = (...e) => (r) => {
+  const o = e.map((t) => {
+    const l = G(t, r);
+    return V(l) ? l : () => G(t, null);
+  });
+  return () => {
+    for (const t of o) t();
+  };
+}, F = (e) => {
+  e.style.blockSize = "auto";
+  const r = e.offsetHeight - e.clientHeight;
+  e.style.blockSize = `${e.scrollHeight + r}px`;
+}, nr = "_textarea_1qcvj_1", sr = "_sm_1qcvj_38", cr = "_md_1qcvj_42", w = {
+  textarea: nr,
+  sm: sr,
+  md: cr
+}, mr = /* @__PURE__ */ a("textarea", {}), Br = ({ size: e = "md", autoResize: r = !1, maxRows: o, className: t, style: l, ref: s, render: n = mr, onChange: m, value: d, rows: S, ...C }) => {
+  const $ = oe(null), M = ae(() => ir(s, $), [s]), O = k(d), E = l?.blockSize;
+  re(() => {
+    const g = $.current;
+    if (k(g)) {
+      if (!r) {
+        g.style.blockSize = lr(E);
+        return;
+      }
+      F(g);
+    }
+  }, [
+    r,
+    d,
+    o,
+    S,
+    E
+  ]);
+  const z = (g) => {
+    r && !O && F(g.currentTarget), m?.(g);
+  }, X = k(o) ? {
+    ...l,
+    "--tw-textarea-max-rows": o
+  } : l;
+  return /* @__PURE__ */ a(ie, {
+    ...C,
+    rows: S,
+    onChange: z,
+    ref: M,
+    render: n,
+    value: d,
+    className: i(v(w.textarea, w[e]), t),
+    style: X,
+    "data-auto-resize": r || void 0
+  });
+};
+export {
+  Fr as a,
+  jr as c,
+  wr as i,
+  Lr as l,
+  Vr as n,
+  Gr as o,
+  Dr as r,
+  yr as s,
+  Br as t
+};

package/dist/input-NBD4DP8j.cjs

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

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-BqZBteC2.cjs

@@ -0,0 +1 @@
+const g=require("./theme-DNG4OSBd.cjs"),N=require("./isDefined-DS2Q42p5.cjs"),f=require("./mergeClassNames-BbJtXN2t.cjs"),l=require("./TabsTabContent-BseLV1Wk.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 w="_root_5ahh0_1",x={root:w},C=e=>(0,o.jsx)("a",{className:(0,I.clsx)(x.root,e.className),href:e.href,onClick:e.onClick,target:e.target,rel:e.rel,children:e.children}),L="https://cal.com/team/twenty/talk-to-us",k="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 L}});Object.defineProperty(exports,"ClickToActionLink",{enumerable:!0,get:function(){return C}});Object.defineProperty(exports,"GITHUB_LINK",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"TWENTY_PRICING_LINK",{enumerable:!0,get:function(){return q}});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return O}});

package/dist/navigation-CLMgaqS8.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-_NCTxoP6.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/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;

package/dist/primitives/data-display/index.d.ts

@@ -1,40 +1,17 @@
-export type { AnimatedCheckmarkProps } from './AnimatedCheckmark/AnimatedCheckmark';
-export { AnimatedCheckmark } from './AnimatedCheckmark/AnimatedCheckmark';
 export { Avatar } from './Avatar/Avatar';
 export { AVATAR_PROPERTIES_BY_SIZE } from './Avatar/constants/AvatarPropertiesBySize';
 export type { AvatarProps } from './Avatar/types/AvatarProps';
 export type { AvatarShape } from './Avatar/types/AvatarShape';
 export type { AvatarSize } from './Avatar/types/AvatarSize';
-export type { AvatarGroupProps } from './AvatarGroup/AvatarGroup';
-export { AvatarGroup } from './AvatarGroup/AvatarGroup';
-export { AvatarOrIcon } from './AvatarOrIcon/AvatarOrIcon';
-export type { AvatarOrIconProps } from './AvatarOrIcon/types/AvatarOrIconProps';
-export type { CheckmarkProps } from './Checkmark/Checkmark';
-export { Checkmark } from './Checkmark/Checkmark';
 export { Chip } from './Chip/Chip';
-export { LINK_CHIP_CLICK_OUTSIDE_ID } from './Chip/constants/LinkChipClickOutsideId';
 export type { ChipProps } from './Chip/types/ChipProps';
 export type { ChipSize } from './Chip/types/ChipSize';
 export type { ChipVariant } from './Chip/types/ChipVariant';
 export type { ColorSampleVariant, ColorSampleProps, } from './ColorSample/ColorSample';
 export { ColorSample } from './ColorSample/ColorSample';
-export { CommandBlock } from './CommandBlock/CommandBlock';
-export { EllipsisDisplay } from './EllipsisDisplay/EllipsisDisplay';
-export { JsonDisplay } from './JsonDisplay/JsonDisplay';
-export type { LinkChipProps } from './LinkChip/LinkChip';
-export { LinkChip } from './LinkChip/LinkChip';
-export { NotificationCounter } from './NotificationCounter/NotificationCounter';
-export { NumberDisplay } from './NumberDisplay/NumberDisplay';
 export { Pill } from './Pill/Pill';
-export { SelectDisplay } from './SelectDisplay/SelectDisplay';
 export { Status } from './Status/Status';
 export type { StatusProps } from './Status/types/StatusProps';
-export { StyledTintedIconTileContainer } from './StyledTintedIconTileContainer/StyledTintedIconTileContainer';
 export { Tag } from './Tag/Tag';
 export type { TagColor } from './Tag/types/TagColor';
 export type { TagProps } from './Tag/types/TagProps';
-export { TextDisplay } from './TextDisplay/TextDisplay';
-export type { TintedIconTileProps } from './TintedIconTile/TintedIconTile';
-export { TintedIconTile } from './TintedIconTile/TintedIconTile';
-export type { IconTileColorShades } from './TintedIconTile/utils/getIconTileColorShades';
-export { getIconTileColorShades } from './TintedIconTile/utils/getIconTileColorShades';

package/dist/primitives/data-display.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../Pill-4lAWCmbk.cjs"),e=require("../data-display-DH28tg-I.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.AnimatedCheckmark=e.AnimatedCheckmark;exports.Avatar=e.Avatar;exports.AvatarGroup=e.AvatarGroup;exports.AvatarOrIcon=e.AvatarOrIcon;exports.Checkmark=e.Checkmark;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.CommandBlock=e.CommandBlock;exports.EllipsisDisplay=e.EllipsisDisplay;exports.JsonDisplay=e.JsonDisplay;exports.LINK_CHIP_CLICK_OUTSIDE_ID=e.LINK_CHIP_CLICK_OUTSIDE_ID;exports.LinkChip=e.LinkChip;exports.NotificationCounter=e.NotificationCounter;exports.NumberDisplay=e.NumberDisplay;exports.Pill=i.Pill;exports.SelectDisplay=e.SelectDisplay;exports.Status=e.Status;exports.StyledTintedIconTileContainer=e.StyledTintedIconTileContainer;exports.Tag=e.Tag;exports.TextDisplay=e.TextDisplay;exports.TintedIconTile=e.TintedIconTile;exports.getIconTileColorShades=e.getIconTileColorShades;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Pill-BJ3K8Mdc.cjs"),a=require("../Avatar-DTNH6Ku7.cjs"),e=require("../data-display-BQ9g9oSc.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=a.Avatar;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Pill=r.Pill;exports.Status=e.Status;exports.Tag=e.Tag;