twenty-ui 2.45.0 → 2.46.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twenty-ui",
-  "version": "2.45.0",
+  "version": "2.46.0",
   "description": "Twenty's shared React UI component library.",
   "license": "MIT",
   "repository": {
@@ -121,6 +121,36 @@
       "import": "./dist/components/code-editor.mjs",
       "require": "./dist/components/code-editor.cjs"
     },
+    "./components/data-display": {
+      "types": "./dist/components/data-display/index.d.ts",
+      "import": "./dist/components/data-display.mjs",
+      "require": "./dist/components/data-display.cjs"
+    },
+    "./components/feedback": {
+      "types": "./dist/components/feedback/index.d.ts",
+      "import": "./dist/components/feedback.mjs",
+      "require": "./dist/components/feedback.cjs"
+    },
+    "./components/input": {
+      "types": "./dist/components/input/index.d.ts",
+      "import": "./dist/components/input.mjs",
+      "require": "./dist/components/input.cjs"
+    },
+    "./components/layout": {
+      "types": "./dist/components/layout/index.d.ts",
+      "import": "./dist/components/layout.mjs",
+      "require": "./dist/components/layout.cjs"
+    },
+    "./components/navigation": {
+      "types": "./dist/components/navigation/index.d.ts",
+      "import": "./dist/components/navigation.mjs",
+      "require": "./dist/components/navigation.cjs"
+    },
+    "./components/settings": {
+      "types": "./dist/components/settings/index.d.ts",
+      "import": "./dist/components/settings.mjs",
+      "require": "./dist/components/settings.cjs"
+    },
     "./icon": {
       "types": "./dist/icon/index.d.ts",
       "import": "./dist/icon.mjs",
@@ -203,6 +233,24 @@
       "components/code-editor": [
         "dist/components/code-editor/index.d.ts"
       ],
+      "components/data-display": [
+        "dist/components/data-display/index.d.ts"
+      ],
+      "components/feedback": [
+        "dist/components/feedback/index.d.ts"
+      ],
+      "components/input": [
+        "dist/components/input/index.d.ts"
+      ],
+      "components/layout": [
+        "dist/components/layout/index.d.ts"
+      ],
+      "components/navigation": [
+        "dist/components/navigation/index.d.ts"
+      ],
+      "components/settings": [
+        "dist/components/settings/index.d.ts"
+      ],
       "icon": [
         "dist/icon/index.d.ts"
       ],

package/dist/Avatar-C0FtFpJC.js

@@ -1,68 +0,0 @@
-import { t as k } from "./isDefined-fMi6eQ4r.js";
-import { r as q } from "./theme-CjHovJAZ.js";
-import { a as m } from "./utilities-CJKPcDM4.js";
-import { n as z } from "./useProvidedTextDirection-P1dtjUtE.js";
-import { Fragment as D, jsx as t, jsxs as R } from "react/jsx-runtime";
-import { Button as S } from "@base-ui/react/button";
-import { Avatar as v } from "@base-ui/react/avatar";
-var U = "_root_xleyk_1", E = "_avatarPulsing_xleyk_1", G = "_image_xleyk_87", H = "_fallback_xleyk_93", J = "_icon_xleyk_97", l = {
-  root: U,
-  avatarPulsing: E,
-  image: G,
-  fallback: H,
-  icon: J
-}, Y = ({ src: b, name: n, colorSeed: s = n, size: h = "md", shape: x = "square", variant: f = "soft", icon: o, color: y, backgroundColor: A, borderColor: N, pulsing: w = !1, ring: B = !1, disabled: g = !1, nativeButton: C = !0, onClick: u, className: I, style: d, render: i, "aria-label": P, ...T }) => {
-  const a = q(), e = n?.trim().charAt(0).toUpperCase(), j = e ? y ?? m({
-    string: s ?? "",
-    variant: 12,
-    theme: a
-  }) : a.font.color.tertiary, F = e ? A ?? m({
-    string: s ?? "",
-    variant: f === "outline" ? 5 : 4,
-    theme: a
-  }) : a.background.transparent.light, p = N ?? (e ? m({
-    string: s ?? "",
-    variant: 6,
-    theme: a
-  }) : void 0), c = k(u), _ = k(o) && typeof o != "boolean" && o !== "";
-  return /* @__PURE__ */ t(v.Root, {
-    ...T,
-    onClick: u,
-    "aria-label": P ?? (c ? n?.trim() || "Avatar" : void 0),
-    "data-size": h,
-    "data-shape": x,
-    "data-pulsing": w || void 0,
-    "data-ring": B || void 0,
-    "data-disabled": g || void 0,
-    "data-clickable": c || void 0,
-    className: z(l.root, I),
-    style: (r) => ({
-      "--tw-avatar-color": j,
-      "--tw-avatar-background": _ ? "inherit" : r.imageLoadingStatus === "loaded" ? "none" : F,
-      "--tw-avatar-border": f === "outline" && r.imageLoadingStatus !== "loaded" && p ? `1px solid ${p}` : "none",
-      ...typeof d == "function" ? d(r) : d
-    }),
-    render: c ? (r, L) => /* @__PURE__ */ t(S, {
-      ...r,
-      disabled: g,
-      nativeButton: C,
-      render: typeof i == "function" ? ($) => i($, L) : i
-    }) : i,
-    children: _ ? /* @__PURE__ */ t("span", {
-      className: l.icon,
-      "aria-hidden": !0,
-      children: o
-    }) : /* @__PURE__ */ R(D, { children: [/* @__PURE__ */ t(v.Image, {
-      src: b ?? void 0,
-      alt: "",
-      className: l.image
-    }), /* @__PURE__ */ t(v.Fallback, {
-      className: l.fallback,
-      "aria-hidden": !0,
-      children: e || "-"
-    })] })
-  });
-};
-export {
-  Y as t
-};

package/dist/Avatar-CkI8b3nh.cjs

@@ -1 +0,0 @@
-const F=require("./theme-DumxXtpW.cjs"),h=require("./isDefined-DS2Q42p5.cjs"),d=require("./utilities-CdR__WZM.cjs"),L=require("./useProvidedTextDirection-B7ovnsdr.cjs");let a=require("react/jsx-runtime"),z=require("@base-ui/react/button"),v=require("@base-ui/react/avatar");var O="_root_xleyk_1",R="_avatarPulsing_xleyk_1",U="_image_xleyk_87",$="_fallback_xleyk_93",E="_icon_xleyk_97",n={root:O,avatarPulsing:R,image:U,fallback:$,icon:E},G=({src:k,name:s,colorSeed:l=s,size:x="md",shape:q="square",variant:_="soft",icon:t,color:p,backgroundColor:y,borderColor:j,pulsing:A=!1,ring:T=!1,disabled:g=!1,nativeButton:P=!0,onClick:m,className:C,style:c,render:i,"aria-label":N,...D})=>{const e=F.useTheme(),o=s?.trim().charAt(0).toUpperCase(),w=o?p??d.stringToThemeColorP3String({string:l??"",variant:12,theme:e}):e.font.color.tertiary,B=o?y??d.stringToThemeColorP3String({string:l??"",variant:_==="outline"?5:4,theme:e}):e.background.transparent.light,f=j??(o?d.stringToThemeColorP3String({string:l??"",variant:6,theme:e}):void 0),u=h.isDefined(m),b=h.isDefined(t)&&typeof t!="boolean"&&t!=="";return(0,a.jsx)(v.Avatar.Root,{...D,onClick:m,"aria-label":N??(u?s?.trim()||"Avatar":void 0),"data-size":x,"data-shape":q,"data-pulsing":A||void 0,"data-ring":T||void 0,"data-disabled":g||void 0,"data-clickable":u||void 0,className:L.mergeClassNames(n.root,C),style:r=>({"--tw-avatar-color":w,"--tw-avatar-background":b?"inherit":r.imageLoadingStatus==="loaded"?"none":B,"--tw-avatar-border":_==="outline"&&r.imageLoadingStatus!=="loaded"&&f?`1px solid ${f}`:"none",...typeof c=="function"?c(r):c}),render:u?(r,I)=>(0,a.jsx)(z.Button,{...r,disabled:g,nativeButton:P,render:typeof i=="function"?S=>i(S,I):i}):i,children:b?(0,a.jsx)("span",{className:n.icon,"aria-hidden":!0,children:t}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(v.Avatar.Image,{src:k??void 0,alt:"",className:n.image}),(0,a.jsx)(v.Avatar.Fallback,{className:n.fallback,"aria-hidden":!0,children:o||"-"})]})})};Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return G}});

package/dist/HorizontalSeparator-JwV0dB5W.js

@@ -1,44 +0,0 @@
-import { clsx as d } from "clsx";
-import { Fragment as n, jsx as a, jsxs as _ } from "react/jsx-runtime";
-var v = "_label_a3otn_1", m = "_small_a3otn_10", s = {
-  label: v,
-  default: "_default_a3otn_6",
-  small: m
-}, c = ({ variant: r = "default", children: l, className: t }) => /* @__PURE__ */ a("div", {
-  className: d(s.label, s[r], t),
-  children: l
-}), p = "_separator_qi3ml_1", u = "_separatorContainer_qi3ml_17", f = "_line_qi3ml_29", b = "_text_qi3ml_38", e = {
-  separator: p,
-  separatorContainer: u,
-  line: f,
-  text: b
-}, h = ({ visible: r = !0, text: l = "", noMargin: t = !1, color: o }) => {
-  const i = o ? { "--horizontal-separator-color": o } : void 0;
-  return /* @__PURE__ */ a(n, { children: l ? /* @__PURE__ */ _("div", {
-    className: e.separatorContainer,
-    "data-no-margin": t || void 0,
-    style: i,
-    children: [
-      /* @__PURE__ */ a("div", {
-        className: e.line,
-        "data-visible": r || void 0
-      }),
-      /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("span", {
-        className: e.text,
-        children: l
-      }) }),
-      /* @__PURE__ */ a("div", {
-        className: e.line,
-        "data-visible": r || void 0
-      })
-    ]
-  }) : /* @__PURE__ */ a("div", {
-    className: e.separator,
-    "data-visible": r || void 0,
-    "data-no-margin": t || void 0,
-    style: i
-  }) });
-};
-export {
-  h as t
-};

package/dist/HorizontalSeparator-vJLHHlc4.cjs

@@ -1 +0,0 @@
-let n=require("clsx"),a=require("react/jsx-runtime");var d="_label_a3otn_1",_="_small_a3otn_10",o={label:d,default:"_default_a3otn_6",small:_},v=({variant:e="default",children:l,className:t})=>(0,a.jsx)("div",{className:(0,n.clsx)(o.label,o[e],t),children:l}),m="_separator_qi3ml_1",c="_separatorContainer_qi3ml_17",u="_line_qi3ml_29",x="_text_qi3ml_38",r={separator:m,separatorContainer:c,line:u,text:x},p=({visible:e=!0,text:l="",noMargin:t=!1,color:s})=>{const i=s?{"--horizontal-separator-color":s}:void 0;return(0,a.jsx)(a.Fragment,{children:l?(0,a.jsxs)("div",{className:r.separatorContainer,"data-no-margin":t||void 0,style:i,children:[(0,a.jsx)("div",{className:r.line,"data-visible":e||void 0}),(0,a.jsx)(v,{children:(0,a.jsx)("span",{className:r.text,children:l})}),(0,a.jsx)("div",{className:r.line,"data-visible":e||void 0})]}):(0,a.jsx)("div",{className:r.separator,"data-visible":e||void 0,"data-no-margin":t||void 0,style:i})})};Object.defineProperty(exports,"HorizontalSeparator",{enumerable:!0,get:function(){return p}});

package/dist/ListItem-B2HOeN2h.cjs

@@ -1 +0,0 @@
-const p=require("./isDefined-DS2Q42p5.cjs"),i=require("./isRenderableSlot-Guryb6Nf.cjs"),D=require("./Shortcut-CuBFak3I.cjs"),R=require("./OverflowingTextWithTooltip-tsJWb_Ie.cjs"),e=require("./ListItem.module-RqrfwrFg.cjs");let r=require("clsx"),t=require("react/jsx-runtime"),T=require("@sniptt/guards"),y=require("@base-ui/react/use-render"),c=require("@tabler/icons-react");var O=({checked:a,disabled:s})=>(0,t.jsx)("span",{"aria-hidden":!0,className:(0,r.clsx)(e.Checkbox_module_default.root,e.Checkbox_module_default.solid,e.Checkbox_module_default.sm,e.Checkbox_module_default.square,e.Checkbox_module_default.accent),"data-checked":a||void 0,"data-disabled":s||void 0,children:(0,t.jsx)("span",{className:e.Checkbox_module_default.box,children:a&&(0,t.jsx)("span",{className:e.Checkbox_module_default.indicator,children:(0,t.jsx)(c.IconCheck,{"aria-hidden":!0})})})}),w=({color:a="neutral",selected:s=!1,focused:j=!1,disabled:l=!1,indicator:n="none",startIcon:_,endIcon:m,description:d,descriptionPlacement:h="inline",actions:x,actionsVisibility:L="hover",shortcut:f,shortcutJoinLabel:q,hasSubmenu:k=!1,className:N,children:u,render:C,ref:g,onClick:I,...v})=>{const b=i.isRenderableSlot(d),S=o=>{if(l){o.preventDefault();return}p.isDefined(I)&&(o.stopPropagation(),I(o))};return(0,y.useRender)({render:C,ref:g,state:{color:a,indicator:n,selected:s,highlighted:j,disabled:l},props:{...v,"data-actions-visibility":L,className:(0,r.clsx)(e.ListItem_module_default.root,N),"aria-disabled":l||void 0,onClick:S,children:(0,t.jsxs)(t.Fragment,{children:[n==="checkbox"&&(0,t.jsx)(O,{checked:s,disabled:l}),i.isRenderableSlot(_)&&(0,t.jsx)("span",{className:e.ListItem_module_default.startIcon,children:_}),(0,t.jsxs)("span",{className:e.ListItem_module_default.label,children:[(0,t.jsx)("span",{className:e.ListItem_module_default.text,children:(0,T.isString)(u)?(0,t.jsx)(R.OverflowingTextWithTooltip,{text:u}):u}),b&&h==="inline"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.inlineDescription),children:d})]}),b&&h==="end"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.endDescription),children:d}),i.isRenderableSlot(x)&&(0,t.jsx)("span",{className:e.ListItem_module_default.actions,children:x}),p.isDefined(f)&&(0,t.jsx)(D.Shortcut,{className:e.ListItem_module_default.hotkeys,shortcut:f,sequenceJoinLabel:q}),i.isRenderableSlot(m)&&(0,t.jsx)("span",{className:e.ListItem_module_default.endIcon,children:m}),n==="check"&&s&&(0,t.jsx)(c.IconCheck,{className:e.ListItem_module_default.checkIndicator,"aria-hidden":!0}),k&&(0,t.jsx)(c.IconChevronRight,{className:e.ListItem_module_default.submenuIcon,"aria-hidden":!0})]})}})};Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return w}});

package/dist/ListItem-D8BQRK1W.js

@@ -1,97 +0,0 @@
-import { En as y, Sn as I } from "./icon-B7aZ6RxF.js";
-import { t as b } from "./isDefined-fMi6eQ4r.js";
-import { t } from "./isRenderableSlot-DT_depzM.js";
-import { t as T } from "./Shortcut-CRCVbA2m.js";
-import { t as w } from "./OverflowingTextWithTooltip-CNpmkBvJ.js";
-import { n as s, t as e } from "./ListItem.module-Dxd8jOJP.js";
-import { clsx as o } from "clsx";
-import { Fragment as E, jsx as a, jsxs as v } from "react/jsx-runtime";
-import { isString as F } from "@sniptt/guards";
-import { useRender as J } from "@base-ui/react/use-render";
-var O = ({ checked: r, disabled: i }) => /* @__PURE__ */ a("span", {
-  "aria-hidden": !0,
-  className: o(s.root, s.solid, s.sm, s.square, s.accent),
-  "data-checked": r || void 0,
-  "data-disabled": i || void 0,
-  children: /* @__PURE__ */ a("span", {
-    className: s.box,
-    children: r && /* @__PURE__ */ a("span", {
-      className: s.indicator,
-      children: /* @__PURE__ */ a(I, { "aria-hidden": !0 })
-    })
-  })
-}), U = ({ color: r = "neutral", selected: i = !1, focused: g = !1, disabled: n = !1, indicator: c = "none", startIcon: h, endIcon: p, description: l, descriptionPlacement: f = "inline", actions: u, actionsVisibility: C = "hover", shortcut: N, shortcutJoinLabel: D, hasSubmenu: L = !1, className: S, children: m, render: _, ref: R, onClick: x, ...j }) => {
-  const k = t(l), q = (d) => {
-    if (n) {
-      d.preventDefault();
-      return;
-    }
-    b(x) && (d.stopPropagation(), x(d));
-  };
-  return J({
-    render: _,
-    ref: R,
-    state: {
-      color: r,
-      indicator: c,
-      selected: i,
-      highlighted: g,
-      disabled: n
-    },
-    props: {
-      ...j,
-      "data-actions-visibility": C,
-      className: o(e.root, S),
-      "aria-disabled": n || void 0,
-      onClick: q,
-      children: /* @__PURE__ */ v(E, { children: [
-        c === "checkbox" && /* @__PURE__ */ a(O, {
-          checked: i,
-          disabled: n
-        }),
-        t(h) && /* @__PURE__ */ a("span", {
-          className: e.startIcon,
-          children: h
-        }),
-        /* @__PURE__ */ v("span", {
-          className: e.label,
-          children: [/* @__PURE__ */ a("span", {
-            className: e.text,
-            children: F(m) ? /* @__PURE__ */ a(w, { text: m }) : m
-          }), k && f === "inline" && /* @__PURE__ */ a("span", {
-            className: o(e.description, e.inlineDescription),
-            children: l
-          })]
-        }),
-        k && f === "end" && /* @__PURE__ */ a("span", {
-          className: o(e.description, e.endDescription),
-          children: l
-        }),
-        t(u) && /* @__PURE__ */ a("span", {
-          className: e.actions,
-          children: u
-        }),
-        b(N) && /* @__PURE__ */ a(T, {
-          className: e.hotkeys,
-          shortcut: N,
-          sequenceJoinLabel: D
-        }),
-        t(p) && /* @__PURE__ */ a("span", {
-          className: e.endIcon,
-          children: p
-        }),
-        c === "check" && i && /* @__PURE__ */ a(I, {
-          className: e.checkIndicator,
-          "aria-hidden": !0
-        }),
-        L && /* @__PURE__ */ a(y, {
-          className: e.submenuIcon,
-          "aria-hidden": !0
-        })
-      ] })
-    }
-  });
-};
-export {
-  U as t
-};

package/dist/ListItem.module-Dxd8jOJP.js

@@ -1,35 +0,0 @@
-var _ = "_root_1fskg_1", r = "_solid_1fskg_22", a = "_outline_1fskg_26", s = "_soft_1fskg_30", o = "_sm_1fskg_35", e = "_md_1fskg_40", n = "_square_1fskg_46", t = "_round_1fskg_51", c = "_accent_1fskg_57", i = "_success_1fskg_63", d = "_warning_1fskg_69", v = "_hoverable_1fskg_75", u = "_box_1fskg_113", k = "_indicator_1fskg_134", f = "_check_1fskg_150", p = "_minus_1fskg_151", L = {
-  root: _,
-  solid: r,
-  outline: a,
-  soft: s,
-  sm: o,
-  md: e,
-  square: n,
-  round: t,
-  accent: c,
-  success: i,
-  warning: d,
-  hoverable: v,
-  box: u,
-  indicator: k,
-  check: f,
-  minus: p
-}, g = "_root_1dup2_2", l = "_submenuIcon_1dup2_51", m = "_startIcon_1dup2_55", b = "_endIcon_1dup2_56", h = "_label_1dup2_72", I = "_text_1dup2_82", x = "_description_1dup2_90", D = "_inlineDescription_1dup2_98", q = "_endDescription_1dup2_103", w = "_hotkeys_1dup2_108", y = "_actions_1dup2_114", C = "_checkIndicator_1dup2_131", $ = {
-  root: g,
-  submenuIcon: l,
-  startIcon: m,
-  endIcon: b,
-  label: h,
-  text: I,
-  description: x,
-  inlineDescription: D,
-  endDescription: q,
-  hotkeys: w,
-  actions: y,
-  checkIndicator: C
-};
-export {
-  L as n,
-  $ as t
-};

package/dist/ListItem.module-RqrfwrFg.cjs

@@ -1 +0,0 @@
-var _="_root_1fskg_1",e="_solid_1fskg_22",r="_outline_1fskg_26",a="_soft_1fskg_30",t="_sm_1fskg_35",o="_md_1fskg_40",n="_square_1fskg_46",s="_round_1fskg_51",u="_accent_1fskg_57",c="_success_1fskg_63",d="_warning_1fskg_69",i="_hoverable_1fskg_75",v="_box_1fskg_113",f="_indicator_1fskg_134",k="_check_1fskg_150",l="_minus_1fskg_151",g={root:_,solid:e,outline:r,soft:a,sm:t,md:o,square:n,round:s,accent:u,success:c,warning:d,hoverable:i,box:v,indicator:f,check:k,minus:l},p="_root_1dup2_2",m="_submenuIcon_1dup2_51",b="_startIcon_1dup2_55",h="_endIcon_1dup2_56",I="_label_1dup2_72",x="_text_1dup2_82",y="_description_1dup2_90",D="_inlineDescription_1dup2_98",j="_endDescription_1dup2_103",q="_hotkeys_1dup2_108",w="_actions_1dup2_114",C="_checkIndicator_1dup2_131",L={root:p,submenuIcon:m,startIcon:b,endIcon:h,label:I,text:x,description:y,inlineDescription:D,endDescription:j,hotkeys:q,actions:w,checkIndicator:C};Object.defineProperty(exports,"Checkbox_module_default",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"ListItem_module_default",{enumerable:!0,get:function(){return L}});

package/dist/Loader-BLkXvZli.js

@@ -1,14 +0,0 @@
-import { a as o } from "./theme-CjHovJAZ.js";
-import { jsx as r } from "react/jsx-runtime";
-var t = "_container_1i6sz_1", d = "_dot_1i6sz_15", s = "_loaderDot_1i6sz_1", e = {
-  container: t,
-  dot: d,
-  loaderDot: s
-}, l = ({ color: a }) => /* @__PURE__ */ r("div", {
-  className: e.container,
-  style: a ? { "--loader-color": o.tag.text[a] } : void 0,
-  children: /* @__PURE__ */ r("div", { className: e.dot })
-});
-export {
-  l as t
-};

package/dist/Loader-CMXdrX1d.cjs

@@ -1 +0,0 @@
-const a=require("./theme-DumxXtpW.cjs");let r=require("react/jsx-runtime");var o="_container_1i6sz_1",i="_dot_1i6sz_15",d="_loaderDot_1i6sz_1",t={container:o,dot:i,loaderDot:d},n=({color:e})=>(0,r.jsx)("div",{className:t.container,style:e?{"--loader-color":a.themeCssVariables.tag.text[e]}:void 0,children:(0,r.jsx)("div",{className:t.dot})});Object.defineProperty(exports,"Loader",{enumerable:!0,get:function(){return n}});

package/dist/MenuSeparator-Ct3cQtJ2.cjs

@@ -1 +0,0 @@
-const f=require("./theme-DumxXtpW.cjs"),a=require("./useProvidedTextDirection-B7ovnsdr.cjs");let o=require("react/jsx-runtime"),t=require("@base-ui/react/popover"),u=require("@base-ui/react/menu");var N="_positioner_zlrze_1",x="_popup_zlrze_5",M="_title_zlrze_29",z="_description_zlrze_36",C="_arrow_zlrze_42",p={positioner:N,popup:x,title:M,description:z,arrow:C},T=({className:e,...r})=>(0,o.jsx)(t.Popover.Description,{...r,className:a.mergeClassNames(p.description,e)}),q=({side:e="bottom",align:r="center",sideOffset:i=8,alignOffset:n,arrow:l=!1,anchor:_,collisionPadding:c,container:v,keepMounted:m,className:d,children:P,...g})=>{const b=f.useThemeContainer(),j=a.useProvidedTextDirection();return(0,o.jsx)(t.Popover.Portal,{container:v??b??void 0,keepMounted:m,children:(0,o.jsx)(t.Popover.Positioner,{dir:j,side:e,align:r,sideOffset:i,alignOffset:n,anchor:_,collisionPadding:c,className:p.positioner,children:(0,o.jsxs)(t.Popover.Popup,{...g,className:a.mergeClassNames(p.popup,d),children:[l&&(0,o.jsx)(t.Popover.Arrow,{className:p.arrow}),P]})})})},h=({className:e,...r})=>(0,o.jsx)(t.Popover.Title,{...r,className:a.mergeClassNames(p.title,e)}),G={Root:t.Popover.Root,Trigger:t.Popover.Trigger,Popup:q,Title:h,Description:T,Close:t.Popover.Close},L="_positioner_3411d_1",y="_popup_3411d_5",D="_group_3411d_36",O="_groupLabel_3411d_42",w="_separator_3411d_54",s={positioner:L,popup:y,group:D,groupLabel:O,separator:w},S=({className:e,...r})=>(0,o.jsx)(u.Menu.Group,{...r,className:a.mergeClassNames(s.group,e)}),R=({className:e,...r})=>(0,o.jsx)(u.Menu.GroupLabel,{...r,className:a.mergeClassNames(s.groupLabel,e)}),$=({className:e,...r})=>(0,o.jsx)(u.Menu.Separator,{...r,className:a.mergeClassNames(s.separator,e)});Object.defineProperty(exports,"MenuGroup",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"MenuGroupLabel",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"MenuSeparator",{enumerable:!0,get:function(){return $}});Object.defineProperty(exports,"Menu_module_default",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"Popover",{enumerable:!0,get:function(){return G}});

package/dist/MenuSeparator-CyUYx1nk.js

@@ -1,68 +0,0 @@
-import { t as f } from "./theme-CjHovJAZ.js";
-import { n as p, t as T } from "./useProvidedTextDirection-P1dtjUtE.js";
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { Popover as e } from "@base-ui/react/popover";
-import { Menu as i } from "@base-ui/react/menu";
-var h = "_positioner_zlrze_1", C = "_popup_zlrze_5", L = "_title_zlrze_29", M = "_description_zlrze_36", w = "_arrow_zlrze_42", t = {
-  positioner: h,
-  popup: C,
-  title: L,
-  description: M,
-  arrow: w
-}, x = ({ className: r, ...o }) => /* @__PURE__ */ a(e.Description, {
-  ...o,
-  className: p(t.description, r)
-}), D = ({ side: r = "bottom", align: o = "center", sideOffset: l = 8, alignOffset: n, arrow: _ = !1, anchor: u, collisionPadding: v, container: m, keepMounted: c, className: d, children: P, ...g }) => {
-  const z = f(), N = T();
-  return /* @__PURE__ */ a(e.Portal, {
-    container: m ?? z ?? void 0,
-    keepMounted: c,
-    children: /* @__PURE__ */ a(e.Positioner, {
-      dir: N,
-      side: r,
-      align: o,
-      sideOffset: l,
-      alignOffset: n,
-      anchor: u,
-      collisionPadding: v,
-      className: t.positioner,
-      children: /* @__PURE__ */ b(e.Popup, {
-        ...g,
-        className: p(t.popup, d),
-        children: [_ && /* @__PURE__ */ a(e.Arrow, { className: t.arrow }), P]
-      })
-    })
-  });
-}, G = ({ className: r, ...o }) => /* @__PURE__ */ a(e.Title, {
-  ...o,
-  className: p(t.title, r)
-}), F = {
-  Root: e.Root,
-  Trigger: e.Trigger,
-  Popup: D,
-  Title: G,
-  Description: x,
-  Close: e.Close
-}, $ = "_positioner_3411d_1", j = "_popup_3411d_5", R = "_group_3411d_36", S = "_groupLabel_3411d_42", A = "_separator_3411d_54", s = {
-  positioner: $,
-  popup: j,
-  group: R,
-  groupLabel: S,
-  separator: A
-}, H = ({ className: r, ...o }) => /* @__PURE__ */ a(i.Group, {
-  ...o,
-  className: p(s.group, r)
-}), I = ({ className: r, ...o }) => /* @__PURE__ */ a(i.GroupLabel, {
-  ...o,
-  className: p(s.groupLabel, r)
-}), J = ({ className: r, ...o }) => /* @__PURE__ */ a(i.Separator, {
-  ...o,
-  className: p(s.separator, r)
-});
-export {
-  F as a,
-  s as i,
-  I as n,
-  H as r,
-  J as t
-};

package/dist/OverflowingTextWithTooltip-CNpmkBvJ.js

@@ -1,198 +0,0 @@
-import { t as s } from "./isDefined-fMi6eQ4r.js";
-import { t as q } from "./theme-CjHovJAZ.js";
-import { t as U } from "./getSafeUrl-DXwcx-N0.js";
-import { n as j, t as F } from "./useProvidedTextDirection-P1dtjUtE.js";
-import { clsx as y } from "clsx";
-import { Fragment as A, jsx as r, jsxs as k } from "react/jsx-runtime";
-import { isNonEmptyString as E, isNumber as X, isString as G } from "@sniptt/guards";
-import { memo as $, useRef as z, useState as S } from "react";
-import { useRender as H } from "@base-ui/react/use-render";
-import { Tooltip as c } from "@base-ui/react/tooltip";
-var B = "_positioner_w2bea_1", J = "_popup_w2bea_5", K = "_content_w2bea_47", Q = "_title_w2bea_53", V = "_icon_w2bea_65", Y = "_description_w2bea_75", Z = "_arrow_w2bea_81", v = {
-  positioner: B,
-  popup: J,
-  content: K,
-  title: Q,
-  icon: V,
-  description: Y,
-  arrow: Z
-}, L = ({ children: t, description: o, startIcon: e, className: n, render: i, ref: l, ...p }) => H({
-  defaultTagName: "div",
-  render: i,
-  ref: l,
-  props: {
-    ...p,
-    className: y(v.content, n),
-    children: /* @__PURE__ */ k(A, { children: [s(t) && t !== "" && /* @__PURE__ */ k("div", {
-      className: v.title,
-      children: [s(e) && /* @__PURE__ */ r("span", {
-        className: v.icon,
-        "aria-hidden": !0,
-        children: e
-      }), /* @__PURE__ */ r("span", { children: t })]
-    }), s(o) && /* @__PURE__ */ r("div", {
-      className: v.description,
-      children: o
-    })] })
-  }
-}), ee = 10, te = "300px", M = ({ side: t = "top", align: o = "center", sideOffset: e = ee, alignOffset: n, anchor: i, positionMethod: l, collisionBoundary: p, collisionPadding: u, collisionAvoidance: _, sticky: m, disableAnchorTracking: f, arrow: g = !1, withExitAnimation: x = !1, maxWidth: C = te, container: T, keepMounted: h, className: d, children: w, ...D }) => {
-  const N = q(), b = F(), a = G(w) || X(w);
-  return /* @__PURE__ */ r(c.Portal, {
-    container: T ?? N ?? void 0,
-    keepMounted: h,
-    children: /* @__PURE__ */ r(c.Positioner, {
-      dir: b,
-      side: t,
-      align: o,
-      sideOffset: e,
-      alignOffset: n,
-      anchor: i,
-      positionMethod: l,
-      collisionBoundary: p,
-      collisionPadding: u,
-      collisionAvoidance: _,
-      sticky: m,
-      disableAnchorTracking: f,
-      className: v.positioner,
-      style: { maxWidth: C },
-      children: /* @__PURE__ */ k(c.Popup, {
-        role: "tooltip",
-        ...D,
-        "data-with-exit-animation": x || void 0,
-        className: j(v.popup, d),
-        children: [a ? /* @__PURE__ */ r(L, { children: w }) : w, g && /* @__PURE__ */ r(c.Arrow, { className: v.arrow })]
-      })
-    })
-  });
-}, oe = ({ content: t, children: o, open: e, defaultOpen: n, onOpenChange: i, onOpenChangeComplete: l, disabled: p = !1, disableHoverablePopup: u, trackCursorAxis: _, actionsRef: m, triggerId: f, defaultTriggerId: g, delay: x, closeDelay: C, closeOnClick: T, ...h }) => {
-  const d = p || !s(t) || t === "" || t === !1;
-  return /* @__PURE__ */ k(c.Root, {
-    open: s(e) ? e && !d : void 0,
-    defaultOpen: n && !d,
-    onOpenChange: i,
-    onOpenChangeComplete: l,
-    disabled: d,
-    disableHoverablePopup: u,
-    trackCursorAxis: _,
-    actionsRef: m,
-    triggerId: f,
-    defaultTriggerId: g,
-    children: [/* @__PURE__ */ r(c.Trigger, {
-      render: o,
-      delay: x,
-      closeDelay: C,
-      closeOnClick: T
-    }), /* @__PURE__ */ r(M, {
-      ...h,
-      children: t
-    })]
-  });
-}, R = Object.assign(oe, {
-  Root: c.Root,
-  Trigger: c.Trigger,
-  Popup: M,
-  Content: L,
-  Provider: c.Provider,
-  createHandle: c.createHandle
-}), re = "_truncate_1x6ii_1", ne = "_lineClamp_1x6ii_7", W = {
-  truncate: re,
-  lineClamp: ne
-}, ie = ({ render: t, truncate: o, lineClamp: e, className: n, style: i, ref: l, ...p }) => {
-  const u = s(e) && Number.isInteger(e) && e > 0;
-  return H({
-    render: t,
-    ref: l,
-    props: {
-      ...p,
-      className: y(o && W.truncate, u && W.lineClamp, n),
-      style: u ? {
-        ...i,
-        "--text-line-clamp": e
-      } : i
-    }
-  });
-}, le = /https?:\/\/[^\s<>[\]]+[^\s<>[\].,;:!?)]/g, ae = (t) => {
-  const o = [];
-  let e = 0;
-  for (const n of t.matchAll(le)) {
-    const i = n[0], l = n.index;
-    l > e && o.push({
-      type: "text",
-      content: t.slice(e, l)
-    }), o.push({
-      type: "link",
-      content: i
-    }), e = l + i.length;
-  }
-  return e < t.length && o.push({
-    type: "text",
-    content: t.slice(e)
-  }), o;
-}, se = "_link_mrld0_1", ce = { link: se }, pe = ({ text: t }) => E(t) ? /* @__PURE__ */ r(A, { children: ae(t).map((o, e) => o.type === "link" ? /* @__PURE__ */ r("a", {
-  className: ce.link,
-  href: U(o.content),
-  target: "_blank",
-  rel: "noopener noreferrer",
-  onClick: (n) => n.stopPropagation(),
-  children: o.content
-}, e) : o.content) }) : null, de = "_overflowingMultilineText_1qcnw_1", ue = "_overflowingText_1qcnw_20", me = "_large_1qcnw_37", fe = "_multilineTooltip_1qcnw_41", P = {
-  overflowingMultilineText: de,
-  overflowingText: ue,
-  large: me,
-  multilineTooltip: fe
-}, ke = $(function({ size: o = "small", text: e, isTooltipMultiline: n, displayedMaxRows: i, tooltipContent: l, tooltipDelay: p = 500, tooltipPlace: u = "bottom", alwaysShowTooltip: _ = !1, isFocusable: m = !1 }) {
-  const f = z(null), [g, x] = S(!1), [C, T] = S(!1), h = () => {
-    const a = f.current, O = s(a) && (a.scrollHeight > a.clientHeight || a.scrollWidth > a.clientWidth);
-    return x(O), O;
-  }, d = (a) => {
-    if (!a) {
-      T(!1);
-      return;
-    }
-    T(h() || _);
-  }, w = () => {
-    f.current?.focus(), d(!0);
-  }, D = (a) => {
-    a.stopPropagation(), a.preventDefault();
-  }, N = E(l) ? l : E(e) ? e : null, b = s(i);
-  return /* @__PURE__ */ k(R.Root, {
-    open: C && s(N),
-    onOpenChange: (...a) => {
-      const [O, I] = a;
-      if (!O && I.reason === "trigger-hover" && m && document.activeElement === f.current) {
-        I.cancel();
-        return;
-      }
-      d(O);
-    },
-    disabled: !s(N) || !g && !_,
-    children: [/* @__PURE__ */ r(R.Trigger, {
-      delay: p,
-      closeOnClick: !1,
-      render: /* @__PURE__ */ r(ie, {
-        ...b ? { lineClamp: i || 1 } : { truncate: !0 },
-        "data-testid": "tooltip",
-        "data-content-overflowing": g ? "" : void 0,
-        className: y(b ? P.overflowingMultilineText : P.overflowingText, o === "large" && P.large),
-        ref: f,
-        tabIndex: m ? 0 : void 0,
-        onPointerEnter: h,
-        onFocus: m ? () => d(!0) : void 0,
-        onClick: m ? w : void 0,
-        children: E(e) ? /* @__PURE__ */ r(pe, { text: e }) : e
-      })
-    }), /* @__PURE__ */ r(R.Popup, {
-      className: n ? P.multilineTooltip : void 0,
-      sideOffset: 5,
-      side: u,
-      positionMethod: "absolute",
-      onClick: D,
-      children: N
-    })]
-  });
-});
-export {
-  ie as n,
-  R as r,
-  ke as t
-};

package/dist/OverflowingTextWithTooltip-tsJWb_Ie.cjs

@@ -1 +0,0 @@
-const L=require("./theme-DumxXtpW.cjs"),a=require("./isDefined-DS2Q42p5.cjs"),M=require("./getSafeUrl-BuX_E2_8.cjs"),S=require("./useProvidedTextDirection-B7ovnsdr.cjs");let E=require("clsx"),t=require("react/jsx-runtime"),w=require("@sniptt/guards"),q=require("react"),W=require("@base-ui/react/use-render"),c=require("@base-ui/react/tooltip");var U="_positioner_w2bea_1",F="_popup_w2bea_5",X="_content_w2bea_47",G="_title_w2bea_53",z="_icon_w2bea_65",B="_description_w2bea_75",J="_arrow_w2bea_81",v={positioner:U,popup:F,content:X,title:G,icon:z,description:B,arrow:J},I=({children:i,description:r,startIcon:e,className:n,render:o,ref:l,...u})=>(0,W.useRender)({defaultTagName:"div",render:o,ref:l,props:{...u,className:(0,E.clsx)(v.content,n),children:(0,t.jsxs)(t.Fragment,{children:[a.isDefined(i)&&i!==""&&(0,t.jsxs)("div",{className:v.title,children:[a.isDefined(e)&&(0,t.jsx)("span",{className:v.icon,"aria-hidden":!0,children:e}),(0,t.jsx)("span",{children:i})]}),a.isDefined(r)&&(0,t.jsx)("div",{className:v.description,children:r})]})}}),K=10,Q="300px",A=({side:i="top",align:r="center",sideOffset:e=K,alignOffset:n,anchor:o,positionMethod:l,collisionBoundary:u,collisionPadding:p,collisionAvoidance:T,sticky:_,disableAnchorTracking:f,arrow:g=!1,withExitAnimation:j=!1,maxWidth:b=Q,container:m,keepMounted:x,className:d,children:h,...k})=>{const D=L.useThemeContainer(),N=S.useProvidedTextDirection(),s=(0,w.isString)(h)||(0,w.isNumber)(h);return(0,t.jsx)(c.Tooltip.Portal,{container:m??D??void 0,keepMounted:x,children:(0,t.jsx)(c.Tooltip.Positioner,{dir:N,side:i,align:r,sideOffset:e,alignOffset:n,anchor:o,positionMethod:l,collisionBoundary:u,collisionPadding:p,collisionAvoidance:T,sticky:_,disableAnchorTracking:f,className:v.positioner,style:{maxWidth:b},children:(0,t.jsxs)(c.Tooltip.Popup,{role:"tooltip",...k,"data-with-exit-animation":j||void 0,className:S.mergeClassNames(v.popup,d),children:[s?(0,t.jsx)(I,{children:h}):h,g&&(0,t.jsx)(c.Tooltip.Arrow,{className:v.arrow})]})})})},V=({content:i,children:r,open:e,defaultOpen:n,onOpenChange:o,onOpenChangeComplete:l,disabled:u=!1,disableHoverablePopup:p,trackCursorAxis:T,actionsRef:_,triggerId:f,defaultTriggerId:g,delay:j,closeDelay:b,closeOnClick:m,...x})=>{const d=u||!a.isDefined(i)||i===""||i===!1;return(0,t.jsxs)(c.Tooltip.Root,{open:a.isDefined(e)?e&&!d:void 0,defaultOpen:n&&!d,onOpenChange:o,onOpenChangeComplete:l,disabled:d,disableHoverablePopup:p,trackCursorAxis:T,actionsRef:_,triggerId:f,defaultTriggerId:g,children:[(0,t.jsx)(c.Tooltip.Trigger,{render:r,delay:j,closeDelay:b,closeOnClick:m}),(0,t.jsx)(A,{...x,children:i})]})},C=Object.assign(V,{Root:c.Tooltip.Root,Trigger:c.Tooltip.Trigger,Popup:A,Content:I,Provider:c.Tooltip.Provider,createHandle:c.Tooltip.createHandle}),Y="_truncate_1x6ii_1",Z="_lineClamp_1x6ii_7",R={truncate:Y,lineClamp:Z},H=({render:i,truncate:r,lineClamp:e,className:n,style:o,ref:l,...u})=>{const p=a.isDefined(e)&&Number.isInteger(e)&&e>0;return(0,W.useRender)({render:i,ref:l,props:{...u,className:(0,E.clsx)(r&&R.truncate,p&&R.lineClamp,n),style:p?{...o,"--text-line-clamp":e}:o}})},$=/https?:\/\/[^\s<>[\]]+[^\s<>[\].,;:!?)]/g,ee=i=>{const r=[];let e=0;for(const n of i.matchAll($)){const o=n[0],l=n.index;l>e&&r.push({type:"text",content:i.slice(e,l)}),r.push({type:"link",content:o}),e=l+o.length}return e<i.length&&r.push({type:"text",content:i.slice(e)}),r},te="_link_mrld0_1",ie={link:te},re=({text:i})=>(0,w.isNonEmptyString)(i)?(0,t.jsx)(t.Fragment,{children:ee(i).map((r,e)=>r.type==="link"?(0,t.jsx)("a",{className:ie.link,href:M.getSafeUrl(r.content),target:"_blank",rel:"noopener noreferrer",onClick:n=>n.stopPropagation(),children:r.content},e):r.content)}):null,ne="_overflowingMultilineText_1qcnw_1",oe="_overflowingText_1qcnw_20",le="_large_1qcnw_37",se="_multilineTooltip_1qcnw_41",P={overflowingMultilineText:ne,overflowingText:oe,large:le,multilineTooltip:se},ae=(0,q.memo)(function({size:r="small",text:e,isTooltipMultiline:n,displayedMaxRows:o,tooltipContent:l,tooltipDelay:u=500,tooltipPlace:p="bottom",alwaysShowTooltip:T=!1,isFocusable:_=!1}){const f=(0,q.useRef)(null),[g,j]=(0,q.useState)(!1),[b,m]=(0,q.useState)(!1),x=()=>{const s=f.current,O=a.isDefined(s)&&(s.scrollHeight>s.clientHeight||s.scrollWidth>s.clientWidth);return j(O),O},d=s=>{if(!s){m(!1);return}m(x()||T)},h=()=>{f.current?.focus(),d(!0)},k=s=>{s.stopPropagation(),s.preventDefault()},D=(0,w.isNonEmptyString)(l)?l:(0,w.isNonEmptyString)(e)?e:null,N=a.isDefined(o);return(0,t.jsxs)(C.Root,{open:b&&a.isDefined(D),onOpenChange:(...s)=>{const[O,y]=s;if(!O&&y.reason==="trigger-hover"&&_&&document.activeElement===f.current){y.cancel();return}d(O)},disabled:!a.isDefined(D)||!g&&!T,children:[(0,t.jsx)(C.Trigger,{delay:u,closeOnClick:!1,render:(0,t.jsx)(H,{...N?{lineClamp:o||1}:{truncate:!0},"data-testid":"tooltip","data-content-overflowing":g?"":void 0,className:(0,E.clsx)(N?P.overflowingMultilineText:P.overflowingText,r==="large"&&P.large),ref:f,tabIndex:_?0:void 0,onPointerEnter:x,onFocus:_?()=>d(!0):void 0,onClick:_?h:void 0,children:(0,w.isNonEmptyString)(e)?(0,t.jsx)(re,{text:e}):e})}),(0,t.jsx)(C.Popup,{className:n?P.multilineTooltip:void 0,sideOffset:5,side:p,positionMethod:"absolute",onClick:k,children:D})]})});Object.defineProperty(exports,"OverflowingTextWithTooltip",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return H}});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return C}});