twenty-ui 1.0.0-alpha.2 → 2.42.0

package/dist/utilities.mjs

@@ -1,23 +1,19 @@
-import { s } from "./theme-constants-Bpkh40Q_.js";
-import { _ as a, a as r, c as t, d as i, f as l, g as m, h as n, i as g, l as u, m as h, o as p, p as c, s as f, t as S, u as T } from "./utilities-Ba96imFW.js";
-import { n as y, t as D } from "./linkifyText-DVk8e0sw.js";
+import { t as o } from "./isDefined-fMi6eQ4r.js";
+import { a as r, c as a, d as t, i, l as m, n as l, o as n, r as g, s as S, t as c, u as h } from "./utilities-FXsKnNbt.js";
+import { n as T, t as f } from "./linkifyText-BINRNP9w.js";
 export {
-  S as getDisplayValueByUrlType,
-  a as getMainColorNameFromPaletteColorName,
-  i as getOsControlSymbol,
-  T as getOsShortcutSeparator,
-  y as getSafeUrl,
-  l as getUserDevice,
-  s as isDefined,
-  u as isNavigationModifierPressed,
-  D as linkifyText,
-  n as parseThemeColor,
-  c as stringToThemeColor,
-  h as stringToThemeColorP3String,
-  m as themeColorSchema,
-  p as useIsMobile,
-  r as useIsTouchDevice,
-  t as useMouseDownNavigation,
-  f as useResetLocationHash,
-  g as useScreenSize
+  t as getMainColorNameFromPaletteColorName,
+  r as getOsControlSymbol,
+  i as getOsShortcutSeparator,
+  T as getSafeUrl,
+  n as getUserDevice,
+  o as isDefined,
+  f as linkifyText,
+  m as parseThemeColor,
+  S as stringToThemeColor,
+  a as stringToThemeColorP3String,
+  h as themeColorSchema,
+  g as useIsMobile,
+  l as useIsTouchDevice,
+  c as useScreenSize
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twenty-ui",
-  "version": "1.0.0-alpha.2",
+  "version": "2.42.0",
   "description": "Twenty's shared React UI component library.",
   "license": "MIT",
   "repository": {
@@ -29,8 +29,10 @@
     "**/*.scss"
   ],
   "devDependencies": {
-    "@argos-ci/storybook": "~6.0.18",
+    "@argos-ci/storybook": "6.2.3",
+    "@fontsource/dm-mono": "^5.2.7",
     "@fontsource/inter": "^5.2.8",
+    "@monaco-editor/react": "^4.7.0",
     "@prettier/sync": "^0.5.2",
     "@size-limit/preset-small-lib": "^12.1.0",
     "@storybook-community/storybook-addon-cookie": "^5.0.0",
@@ -51,9 +53,12 @@
     "esbuild": "^0.28.1",
     "glob": "^11.1.0",
     "jsdom": "^30.0.1",
+    "monaco-editor": "0.52.2",
     "prettier": "^3.1.1",
     "react": "^19.2.0",
+    "react-docgen-typescript": "^2.2.2",
     "react-dom": "^19.2.0",
+    "react-router-dom": "^7.18.4",
     "sass": "^1.83.0",
     "sass-embedded": "^1.83.0",
     "size-limit": "^12.1.0",
@@ -69,19 +74,20 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.8.0",
-    "@monaco-editor/react": "^4.7.0",
+    "@base-ui/utils": "0.4.0",
     "@sniptt/guards": "^0.2.0",
     "@tabler/icons-react": "^3.31.0",
     "clsx": "^2.1.1",
     "react-responsive": "^9.0.2",
-    "react-router-dom": "^6.30.6",
     "type-fest": "^4.10.1",
     "zod": "^4.1.11"
   },
   "peerDependencies": {
+    "@monaco-editor/react": "^4.7.0",
     "monaco-editor": ">= 0.25.0 < 1",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "react-router-dom": "^7.18.4"
   },
   "scripts": {
     "build": "npx vite build"
@@ -89,6 +95,7 @@
   "files": [
     "dist",
     "LICENSE",
+    "CHANGELOG.md",
     "!dist/individual",
     "!dist/individual/**",
     "!dist/**/*.map"
@@ -102,61 +109,76 @@
     "./style.css": "./dist/style.css",
     "./theme-light.css": "./dist/theme-light.css",
     "./theme-dark.css": "./dist/theme-dark.css",
-    "./accessibility": {
-      "types": "./dist/accessibility/index.d.ts",
-      "import": "./dist/accessibility.mjs",
-      "require": "./dist/accessibility.cjs"
-    },
     "./assets": {
       "types": "./dist/assets/index.d.ts",
       "import": "./dist/assets.mjs",
       "require": "./dist/assets.cjs"
     },
-    "./data-display": {
-      "types": "./dist/data-display/index.d.ts",
-      "import": "./dist/data-display.mjs",
-      "require": "./dist/data-display.cjs"
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components.mjs",
+      "require": "./dist/components.cjs"
     },
-    "./feedback": {
-      "types": "./dist/feedback/index.d.ts",
-      "import": "./dist/feedback.mjs",
-      "require": "./dist/feedback.cjs"
+    "./components/code-editor": {
+      "types": "./dist/components/code-editor/index.d.ts",
+      "import": "./dist/components/code-editor.mjs",
+      "require": "./dist/components/code-editor.cjs"
     },
     "./icon": {
       "types": "./dist/icon/index.d.ts",
       "import": "./dist/icon.mjs",
       "require": "./dist/icon.cjs"
     },
-    "./input": {
-      "types": "./dist/input/index.d.ts",
-      "import": "./dist/input.mjs",
-      "require": "./dist/input.cjs"
+    "./primitives": {
+      "types": "./dist/primitives/index.d.ts",
+      "import": "./dist/primitives.mjs",
+      "require": "./dist/primitives.cjs"
+    },
+    "./primitives/accessibility": {
+      "types": "./dist/primitives/accessibility/index.d.ts",
+      "import": "./dist/primitives/accessibility.mjs",
+      "require": "./dist/primitives/accessibility.cjs"
+    },
+    "./primitives/data-display": {
+      "types": "./dist/primitives/data-display/index.d.ts",
+      "import": "./dist/primitives/data-display.mjs",
+      "require": "./dist/primitives/data-display.cjs"
     },
-    "./json-visualizer": {
-      "types": "./dist/json-visualizer/index.d.ts",
-      "import": "./dist/json-visualizer.mjs",
-      "require": "./dist/json-visualizer.cjs"
+    "./primitives/feedback": {
+      "types": "./dist/primitives/feedback/index.d.ts",
+      "import": "./dist/primitives/feedback.mjs",
+      "require": "./dist/primitives/feedback.cjs"
     },
-    "./layout": {
-      "types": "./dist/layout/index.d.ts",
-      "import": "./dist/layout.mjs",
-      "require": "./dist/layout.cjs"
+    "./primitives/input": {
+      "types": "./dist/primitives/input/index.d.ts",
+      "import": "./dist/primitives/input.mjs",
+      "require": "./dist/primitives/input.cjs"
     },
-    "./navigation": {
-      "types": "./dist/navigation/index.d.ts",
-      "import": "./dist/navigation.mjs",
-      "require": "./dist/navigation.cjs"
+    "./primitives/layout": {
+      "types": "./dist/primitives/layout/index.d.ts",
+      "import": "./dist/primitives/layout.mjs",
+      "require": "./dist/primitives/layout.cjs"
+    },
+    "./primitives/navigation": {
+      "types": "./dist/primitives/navigation/index.d.ts",
+      "import": "./dist/primitives/navigation.mjs",
+      "require": "./dist/primitives/navigation.cjs"
+    },
+    "./primitives/surfaces": {
+      "types": "./dist/primitives/surfaces/index.d.ts",
+      "import": "./dist/primitives/surfaces.mjs",
+      "require": "./dist/primitives/surfaces.cjs"
+    },
+    "./primitives/typography": {
+      "types": "./dist/primitives/typography/index.d.ts",
+      "import": "./dist/primitives/typography.mjs",
+      "require": "./dist/primitives/typography.cjs"
     },
     "./styles": {
       "types": "./dist/styles/index.d.ts",
       "import": "./dist/styles.mjs",
       "require": "./dist/styles.cjs"
     },
-    "./surfaces": {
-      "types": "./dist/surfaces/index.d.ts",
-      "import": "./dist/surfaces.mjs",
-      "require": "./dist/surfaces.cjs"
-    },
     "./testing": {
       "types": "./dist/testing/index.d.ts",
       "import": "./dist/testing.mjs",
@@ -172,11 +194,6 @@
       "import": "./dist/theme-constants.mjs",
       "require": "./dist/theme-constants.cjs"
     },
-    "./typography": {
-      "types": "./dist/typography/index.d.ts",
-      "import": "./dist/typography.mjs",
-      "require": "./dist/typography.cjs"
-    },
     "./utilities": {
       "types": "./dist/utilities/index.d.ts",
       "import": "./dist/utilities.mjs",
@@ -185,39 +202,48 @@
   },
   "typesVersions": {
     "*": {
-      "accessibility": [
-        "dist/accessibility/index.d.ts"
-      ],
       "assets": [
         "dist/assets/index.d.ts"
       ],
-      "data-display": [
-        "dist/data-display/index.d.ts"
+      "components": [
+        "dist/components/index.d.ts"
       ],
-      "feedback": [
-        "dist/feedback/index.d.ts"
+      "components/code-editor": [
+        "dist/components/code-editor/index.d.ts"
       ],
       "icon": [
         "dist/icon/index.d.ts"
       ],
-      "input": [
-        "dist/input/index.d.ts"
+      "primitives": [
+        "dist/primitives/index.d.ts"
       ],
-      "json-visualizer": [
-        "dist/json-visualizer/index.d.ts"
+      "primitives/accessibility": [
+        "dist/primitives/accessibility/index.d.ts"
       ],
-      "layout": [
-        "dist/layout/index.d.ts"
+      "primitives/data-display": [
+        "dist/primitives/data-display/index.d.ts"
       ],
-      "navigation": [
-        "dist/navigation/index.d.ts"
+      "primitives/feedback": [
+        "dist/primitives/feedback/index.d.ts"
+      ],
+      "primitives/input": [
+        "dist/primitives/input/index.d.ts"
+      ],
+      "primitives/layout": [
+        "dist/primitives/layout/index.d.ts"
+      ],
+      "primitives/navigation": [
+        "dist/primitives/navigation/index.d.ts"
+      ],
+      "primitives/surfaces": [
+        "dist/primitives/surfaces/index.d.ts"
+      ],
+      "primitives/typography": [
+        "dist/primitives/typography/index.d.ts"
       ],
       "styles": [
         "dist/styles/index.d.ts"
       ],
-      "surfaces": [
-        "dist/surfaces/index.d.ts"
-      ],
       "testing": [
         "dist/testing/index.d.ts"
       ],
@@ -227,12 +253,20 @@
       "theme-constants": [
         "dist/theme-constants/index.d.ts"
       ],
-      "typography": [
-        "dist/typography/index.d.ts"
-      ],
       "utilities": [
         "dist/utilities/index.d.ts"
       ]
     }
+  },
+  "peerDependenciesMeta": {
+    "@monaco-editor/react": {
+      "optional": true
+    },
+    "monaco-editor": {
+      "optional": true
+    },
+    "react-router-dom": {
+      "optional": true
+    }
   }
 }

package/dist/HorizontalSeparator-B0KT6025.js

@@ -1,70 +0,0 @@
-import { s as c } from "./theme-constants-Bpkh40Q_.js";
-import { a as v } from "./typography-BdBVEyRT.js";
-import { Fragment as z, jsx as a, jsxs as p } from "react/jsx-runtime";
-import { useState as d } from "react";
-var S = "_area_10ggy_1", h = "_bar_10ggy_10", m = {
-  area: S,
-  bar: h
-}, C = ({ onPointerDown: e, onPointerMove: t, onPointerUp: r, style: s }) => /* @__PURE__ */ a("div", {
-  className: m.area,
-  onPointerDown: e,
-  onPointerMove: t,
-  onPointerUp: r,
-  style: s,
-  children: /* @__PURE__ */ a("div", { className: m.bar })
-}), u = 50, R = 500, Z = ({ initialSize: e, axis: t = "y" }) => {
-  const [r, s] = d(e), [o, n] = d(null);
-  return {
-    size: r,
-    handleResizeStart: (i) => {
-      i.target.setPointerCapture(i.pointerId), n({
-        startPosition: t === "y" ? i.clientY : i.clientX,
-        startSize: r
-      });
-    },
-    handleResizeMove: (i) => {
-      if (!c(o)) return;
-      const _ = (t === "y" ? i.clientY : i.clientX) - o.startPosition;
-      s(Math.min(R, Math.max(u, o.startSize + _)));
-    },
-    handleResizeEnd: () => {
-      n(null);
-    }
-  };
-}, f = "_separator_qi3ml_1", y = "_separatorContainer_qi3ml_17", E = "_line_qi3ml_29", N = "_text_qi3ml_38", l = {
-  separator: f,
-  separatorContainer: y,
-  line: E,
-  text: N
-}, P = ({ visible: e = !0, text: t = "", noMargin: r = !1, color: s }) => {
-  const o = s ? { "--horizontal-separator-color": s } : void 0;
-  return /* @__PURE__ */ a(z, { children: t ? /* @__PURE__ */ p("div", {
-    className: l.separatorContainer,
-    "data-no-margin": r || void 0,
-    style: o,
-    children: [
-      /* @__PURE__ */ a("div", {
-        className: l.line,
-        "data-visible": e || void 0
-      }),
-      /* @__PURE__ */ a(v, { children: /* @__PURE__ */ a("span", {
-        className: l.text,
-        children: t
-      }) }),
-      /* @__PURE__ */ a("div", {
-        className: l.line,
-        "data-visible": e || void 0
-      })
-    ]
-  }) : /* @__PURE__ */ a("div", {
-    className: l.separator,
-    "data-visible": e || void 0,
-    "data-no-margin": r || void 0,
-    style: o
-  }) });
-};
-export {
-  Z as n,
-  C as r,
-  P as t
-};

package/dist/HorizontalSeparator-BxdfXfBV.cjs

@@ -1 +0,0 @@
-const _=require("./theme-constants-27fpVK7_.cjs"),v=require("./typography-PhK1tL-t.cjs");let e=require("react/jsx-runtime"),d=require("react");var m="_area_10ggy_1",z="_bar_10ggy_10",c={area:m,bar:z},S=({onPointerDown:a,onPointerMove:t,onPointerUp:r,style:s})=>(0,e.jsx)("div",{className:c.area,onPointerDown:a,onPointerMove:t,onPointerUp:r,style:s,children:(0,e.jsx)("div",{className:c.bar})}),p=50,h=500,R=({initialSize:a,axis:t="y"})=>{const[r,s]=(0,d.useState)(a),[n,o]=(0,d.useState)(null);return{size:r,handleResizeStart:i=>{i.target.setPointerCapture(i.pointerId),o({startPosition:t==="y"?i.clientY:i.clientX,startSize:r})},handleResizeMove:i=>{if(!_.isDefined(n))return;const u=(t==="y"?i.clientY:i.clientX)-n.startPosition;s(Math.min(h,Math.max(p,n.startSize+u)))},handleResizeEnd:()=>{o(null)}}},j="_separator_qi3ml_1",y="_separatorContainer_qi3ml_17",x="_line_qi3ml_29",b="_text_qi3ml_38",l={separator:j,separatorContainer:y,line:x,text:b},f=({visible:a=!0,text:t="",noMargin:r=!1,color:s})=>{const n=s?{"--horizontal-separator-color":s}:void 0;return(0,e.jsx)(e.Fragment,{children:t?(0,e.jsxs)("div",{className:l.separatorContainer,"data-no-margin":r||void 0,style:n,children:[(0,e.jsx)("div",{className:l.line,"data-visible":a||void 0}),(0,e.jsx)(v.Label,{children:(0,e.jsx)("span",{className:l.text,children:t})}),(0,e.jsx)("div",{className:l.line,"data-visible":a||void 0})]}):(0,e.jsx)("div",{className:l.separator,"data-visible":a||void 0,"data-no-margin":r||void 0,style:n})})};Object.defineProperty(exports,"HorizontalSeparator",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"ResizeHandle",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"useResizeHandle",{enumerable:!0,get:function(){return R}});

package/dist/OverflowingTextWithTooltip-D2ri4HNc.js

@@ -1,236 +0,0 @@
-import { s as T, t as ae } from "./theme-constants-Bpkh40Q_.js";
-import { n as ce, t as ue } from "./linkifyText-DVk8e0sw.js";
-import { Fragment as Q, jsx as n, jsxs as I } from "react/jsx-runtime";
-import { clsx as U } from "clsx";
-import { useEffect as R, useId as de, useRef as q, useState as B } from "react";
-import { isNonEmptyString as m } from "@sniptt/guards";
-import { createPortal as fe } from "react-dom";
-import { useRender as ve } from "@base-ui/react/use-render";
-import { Tooltip as S } from "@base-ui/react/tooltip";
-var me = "_link_mrld0_1", pe = { link: me }, z = ({ text: e }) => m(e) ? /* @__PURE__ */ n(Q, { children: ue(e).map((r, i) => r.type === "link" ? /* @__PURE__ */ n("a", {
-  className: pe.link,
-  href: ce(r.content),
-  target: "_blank",
-  rel: "noopener noreferrer",
-  onClick: (c) => c.stopPropagation(),
-  children: r.content
-}, i) : r.content) }) : null, _e = "_truncate_1x6ii_1", he = "_lineClamp_1x6ii_7", F = {
-  truncate: _e,
-  lineClamp: he
-}, ee = ({ render: e, truncate: r, lineClamp: i, className: c, style: f, ref: x, ...C }) => {
-  const p = T(i) && Number.isInteger(i) && i > 0;
-  return ve({
-    render: e,
-    ref: x,
-    props: {
-      ...C,
-      className: U(r && F.truncate, p && F.lineClamp, c),
-      style: p ? {
-        ...f,
-        "--text-line-clamp": i
-      } : f
-    }
-  });
-}, Te = "_positioner_ybf3c_1", ge = "_tooltip_ybf3c_6", we = "_textContent_ybf3c_30", ye = "_title_ybf3c_36", Le = "_icon_ybf3c_48", xe = "_description_ybf3c_54", Ce = "_interactive_ybf3c_60", Ee = "_arrow_ybf3c_64", v = {
-  positioner: Te,
-  tooltip: ge,
-  textContent: we,
-  title: ye,
-  icon: Le,
-  description: xe,
-  interactive: Ce,
-  arrow: Ee
-}, De = /* @__PURE__ */ (function(e) {
-  return e.Top = "top", e.Left = "left", e.Right = "right", e.Bottom = "bottom", e;
-})({}), Me = /* @__PURE__ */ (function(e) {
-  return e.noDelay = "0ms", e.shortDelay = "300ms", e.mediumDelay = "500ms", e.longDelay = "1000ms", e;
-})({}), te = 20, ke = 10, Ae = ({ anchorSelect: e, className: r, title: i, Icon: c, description: f, hidden: x = !1, noArrow: C = !0, offset: p, delay: o = "500ms", place: E, positionStrategy: l, children: _, interactive: g, maxWidth: H = "300px", isOpen: D }) => {
-  const h = (s) => {
-    switch (s) {
-      case "0ms":
-        return 0;
-      case "300ms":
-        return 300;
-      case "500ms":
-        return 500;
-      case "1000ms":
-        return 1e3;
-    }
-  }, w = ae(), [P, M] = B(!1), [u, k] = B([]), [a, d] = B(null), A = q(void 0), y = q(void 0), $ = q(!1), W = q(!1), Y = T(D), G = h(o);
-  R(() => {
-    if (!m(e)) {
-      k([]);
-      return;
-    }
-    const s = () => {
-      try {
-        return Array.from(document.querySelectorAll(e));
-      } catch {
-        return [];
-      }
-    };
-    k(s());
-    const K = new MutationObserver(() => {
-      k((b) => {
-        const N = s();
-        return N.length === b.length && N.every((t, L) => t === b[L]) ? b : N;
-      });
-    });
-    return K.observe(document.body, {
-      childList: !0,
-      subtree: !0,
-      attributes: !0,
-      attributeFilter: ["data-tooltip-id"]
-    }), () => K.disconnect();
-  }, [e]), R(() => {
-    T(a) && u.includes(a) || d(u[0] ?? null);
-  }, [u, a]), R(() => {
-    if (u.length === 0) return;
-    const s = (t) => {
-      Y || M(t);
-    }, K = (t) => {
-      if (!t.isConnected) {
-        d(null);
-        return;
-      }
-      G > 0 ? (clearTimeout(A.current), $.current ? s(!0) : A.current = setTimeout(() => {
-        s(!0);
-      }, G)) : s(!0), d(t), clearTimeout(y.current);
-    }, b = (t) => {
-      t.contains(t.ownerDocument.activeElement) || (clearTimeout(y.current), y.current = setTimeout(() => {
-        W.current || s(!1);
-      }, te), clearTimeout(A.current));
-    }, N = u.map((t) => {
-      const L = () => K(t), j = () => b(t);
-      return t.addEventListener("mouseover", L), t.addEventListener("mouseout", j), t.addEventListener("focus", L), t.addEventListener("blur", j), () => {
-        t.removeEventListener("mouseover", L), t.removeEventListener("mouseout", j), t.removeEventListener("focus", L), t.removeEventListener("blur", j);
-      };
-    });
-    return () => N.forEach((t) => t());
-  }, [
-    u,
-    Y,
-    G
-  ]), R(() => () => {
-    clearTimeout(A.current), clearTimeout(y.current);
-  }, []);
-  const re = () => {
-    W.current = !0;
-  }, ne = () => {
-    W.current = !1, !a?.contains(a.ownerDocument.activeElement) && (clearTimeout(y.current), y.current = setTimeout(() => {
-      W.current || Y || M(!1);
-    }, te), clearTimeout(A.current));
-  }, V = m(i), X = m(f), Z = V || X ? /* @__PURE__ */ I(Q, { children: [/* @__PURE__ */ I("div", {
-    className: v.textContent,
-    children: [V && /* @__PURE__ */ I("div", {
-      className: v.title,
-      children: [T(c) && /* @__PURE__ */ n(c, {
-        className: v.icon,
-        "aria-hidden": !0
-      }), /* @__PURE__ */ n("span", { children: i })]
-    }), X && /* @__PURE__ */ n("div", {
-      className: v.description,
-      children: f
-    })]
-  }), _] }) : _, J = !x && (D ?? P) && !!Z && T(a);
-  R(() => {
-    J && ($.current = !0);
-  }, [J]);
-  const [oe, ie] = (E ?? "top").split("-"), le = oe, se = ie ?? "center";
-  return /* @__PURE__ */ n(S.Root, {
-    open: J,
-    onOpenChangeComplete: (s) => {
-      s || ($.current = !1);
-    },
-    children: /* @__PURE__ */ n(S.Portal, {
-      container: w ?? void 0,
-      children: /* @__PURE__ */ n(S.Positioner, {
-        anchor: a,
-        side: le,
-        align: se,
-        sideOffset: p ?? ke,
-        positionMethod: l,
-        className: v.positioner,
-        style: { maxWidth: H },
-        children: /* @__PURE__ */ I(S.Popup, {
-          role: "tooltip",
-          className: U(v.tooltip, g && v.interactive, r),
-          onMouseEnter: g ? re : void 0,
-          onMouseLeave: g ? ne : void 0,
-          children: [Z, !C && /* @__PURE__ */ n(S.Arrow, { className: v.arrow })]
-        })
-      })
-    })
-  });
-}, be = "_overflowingMultilineText_1qcnw_1", Ne = "_overflowingText_1qcnw_20", Re = "_large_1qcnw_37", Se = "_multilineTooltip_1qcnw_41", O = {
-  overflowingMultilineText: be,
-  overflowingText: Ne,
-  large: Re,
-  multilineTooltip: Se
-}, Ue = ({ size: e = "small", text: r, isTooltipMultiline: i, displayedMaxRows: c, tooltipContent: f, tooltipDelay: x = Me.mediumDelay, tooltipPlace: C = De.Bottom, alwaysShowTooltip: p = !1, isFocusable: o = !1 }) => {
-  const E = `title-id-${de().replace(/:/g, "")}`, l = q(null), [_, g] = B(!1), [H, D] = B(!1), h = () => {
-    g(l.current ? l.current?.scrollHeight > l.current?.clientHeight || l.current.scrollWidth > l.current.clientWidth : !1), D(!0);
-  }, w = () => {
-    g(!1), D(!1);
-  }, P = () => {
-    o && document.activeElement === l.current || w();
-  }, M = (d) => {
-    d.key === "Escape" && H && (_ || p) && (d.stopPropagation(), w());
-  }, u = () => {
-    l.current?.focus(), h();
-  }, k = (d) => {
-    d.stopPropagation(), d.preventDefault();
-  }, a = m(f) ? f : m(r) ? r : null;
-  return /* @__PURE__ */ I(Q, { children: [T(c) ? /* @__PURE__ */ n(ee, {
-    lineClamp: c || 1,
-    "data-testid": "tooltip",
-    "data-content-overflowing": _ ? "" : void 0,
-    className: U(O.overflowingMultilineText, e === "large" && O.large),
-    ref: l,
-    id: E,
-    tabIndex: o ? 0 : void 0,
-    onFocus: o ? h : void 0,
-    onBlur: o ? w : void 0,
-    onKeyDown: o ? M : void 0,
-    onClick: o ? u : void 0,
-    onMouseEnter: h,
-    onMouseLeave: P,
-    children: m(r) ? /* @__PURE__ */ n(z, { text: r }) : r
-  }) : /* @__PURE__ */ n(ee, {
-    truncate: !0,
-    "data-testid": "tooltip",
-    "data-content-overflowing": _ ? "" : void 0,
-    className: U(O.overflowingText, e === "large" && O.large),
-    ref: l,
-    id: E,
-    tabIndex: o ? 0 : void 0,
-    onFocus: o ? h : void 0,
-    onBlur: o ? w : void 0,
-    onKeyDown: o ? M : void 0,
-    onClick: o ? u : void 0,
-    onMouseEnter: h,
-    onMouseLeave: P,
-    children: m(r) ? /* @__PURE__ */ n(z, { text: r }) : r
-  }), H && (_ || p) && T(a) && fe(/* @__PURE__ */ n("div", {
-    onClick: k,
-    children: /* @__PURE__ */ n(Ae, {
-      anchorSelect: `#${E}`,
-      title: a,
-      className: i ? O.multilineTooltip : void 0,
-      offset: 5,
-      noArrow: !0,
-      place: C,
-      positionStrategy: "absolute",
-      delay: x,
-      isOpen: !0
-    })
-  }), document.body)] });
-};
-export {
-  ee as a,
-  De as i,
-  Ae as n,
-  z as o,
-  Me as r,
-  Ue as t
-};

package/dist/OverflowingTextWithTooltip-DUtQD8sI.cjs

@@ -1 +0,0 @@
-const p=require("./theme-constants-27fpVK7_.cjs"),X=require("./linkifyText-C4_e-MKf.cjs");let t=require("react/jsx-runtime"),H=require("clsx"),o=require("react"),_=require("@sniptt/guards"),ue=require("react-dom"),ce=require("@base-ui/react/use-render"),A=require("@base-ui/react/tooltip");var ae="_link_mrld0_1",de={link:ae},Y=({text:e})=>(0,_.isNonEmptyString)(e)?(0,t.jsx)(t.Fragment,{children:X.linkifyText(e).map((n,s)=>n.type==="link"?(0,t.jsx)("a",{className:de.link,href:X.getSafeUrl(n.content),target:"_blank",rel:"noopener noreferrer",onClick:a=>a.stopPropagation(),children:n.content},s):n.content)}):null,fe="_truncate_1x6ii_1",ve="_lineClamp_1x6ii_7",Z={truncate:fe,lineClamp:ve},G=({render:e,truncate:n,lineClamp:s,className:a,style:v,ref:E,...j})=>{const g=p.isDefined(s)&&Number.isInteger(s)&&s>0;return(0,ce.useRender)({render:e,ref:E,props:{...j,className:(0,H.clsx)(n&&Z.truncate,g&&Z.lineClamp,a),style:g?{...v,"--text-line-clamp":s}:v}})},me="_positioner_ybf3c_1",pe="_tooltip_ybf3c_6",_e="_textContent_ybf3c_30",ge="_title_ybf3c_36",he="_icon_ybf3c_48",Te="_description_ybf3c_54",xe="_interactive_ybf3c_60",ye="_arrow_ybf3c_64",m={positioner:me,tooltip:pe,textContent:_e,title:ge,icon:he,description:Te,interactive:xe,arrow:ye},F=(function(e){return e.Top="top",e.Left="left",e.Right="right",e.Bottom="bottom",e})({}),ee=(function(e){return e.noDelay="0ms",e.shortDelay="300ms",e.mediumDelay="500ms",e.longDelay="1000ms",e})({}),z=20,we=10,te=({anchorSelect:e,className:n,title:s,Icon:a,description:v,hidden:E=!1,noArrow:j=!0,offset:g,delay:i="500ms",place:D,positionStrategy:l,children:h,interactive:x,maxWidth:O="300px",isOpen:L})=>{const T=u=>{switch(u){case"0ms":return 0;case"300ms":return 300;case"500ms":return 500;case"1000ms":return 1e3}},y=p.useThemeContainer(),[R,S]=(0,o.useState)(!1),[d,N]=(0,o.useState)([]),[c,f]=(0,o.useState)(null),k=(0,o.useRef)(void 0),w=(0,o.useRef)(void 0),W=(0,o.useRef)(!1),P=(0,o.useRef)(!1),K=p.isDefined(L),U=T(i);(0,o.useEffect)(()=>{if(!(0,_.isNonEmptyString)(e)){N([]);return}const u=()=>{try{return Array.from(document.querySelectorAll(e))}catch{return[]}};N(u());const I=new MutationObserver(()=>{N(q=>{const C=u();return C.length===q.length&&C.every((r,b)=>r===q[b])?q:C})});return I.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"]}),()=>I.disconnect()},[e]),(0,o.useEffect)(()=>{p.isDefined(c)&&d.includes(c)||f(d[0]??null)},[d,c]),(0,o.useEffect)(()=>{if(d.length===0)return;const u=r=>{K||S(r)},I=r=>{if(!r.isConnected){f(null);return}U>0?(clearTimeout(k.current),W.current?u(!0):k.current=setTimeout(()=>{u(!0)},U)):u(!0),f(r),clearTimeout(w.current)},q=r=>{r.contains(r.ownerDocument.activeElement)||(clearTimeout(w.current),w.current=setTimeout(()=>{P.current||u(!1)},z),clearTimeout(k.current))},C=d.map(r=>{const b=()=>I(r),B=()=>q(r);return r.addEventListener("mouseover",b),r.addEventListener("mouseout",B),r.addEventListener("focus",b),r.addEventListener("blur",B),()=>{r.removeEventListener("mouseover",b),r.removeEventListener("mouseout",B),r.removeEventListener("focus",b),r.removeEventListener("blur",B)}});return()=>C.forEach(r=>r())},[d,K,U]),(0,o.useEffect)(()=>()=>{clearTimeout(k.current),clearTimeout(w.current)},[]);const re=()=>{P.current=!0},ne=()=>{P.current=!1,!c?.contains(c.ownerDocument.activeElement)&&(clearTimeout(w.current),w.current=setTimeout(()=>{P.current||K||S(!1)},z),clearTimeout(k.current))},J=(0,_.isNonEmptyString)(s),Q=(0,_.isNonEmptyString)(v),V=J||Q?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:m.textContent,children:[J&&(0,t.jsxs)("div",{className:m.title,children:[p.isDefined(a)&&(0,t.jsx)(a,{className:m.icon,"aria-hidden":!0}),(0,t.jsx)("span",{children:s})]}),Q&&(0,t.jsx)("div",{className:m.description,children:v})]}),h]}):h,$=!E&&(L??R)&&!!V&&p.isDefined(c);(0,o.useEffect)(()=>{$&&(W.current=!0)},[$]);const[oe,ie]=(D??"top").split("-"),se=oe,le=ie??"center";return(0,t.jsx)(A.Tooltip.Root,{open:$,onOpenChangeComplete:u=>{u||(W.current=!1)},children:(0,t.jsx)(A.Tooltip.Portal,{container:y??void 0,children:(0,t.jsx)(A.Tooltip.Positioner,{anchor:c,side:se,align:le,sideOffset:g??we,positionMethod:l,className:m.positioner,style:{maxWidth:O},children:(0,t.jsxs)(A.Tooltip.Popup,{role:"tooltip",className:(0,H.clsx)(m.tooltip,x&&m.interactive,n),onMouseEnter:x?re:void 0,onMouseLeave:x?ne:void 0,children:[V,!j&&(0,t.jsx)(A.Tooltip.Arrow,{className:m.arrow})]})})})})},be="_overflowingMultilineText_1qcnw_1",Ee="_overflowingText_1qcnw_20",je="_large_1qcnw_37",De="_multilineTooltip_1qcnw_41",M={overflowingMultilineText:be,overflowingText:Ee,large:je,multilineTooltip:De},Le=({size:e="small",text:n,isTooltipMultiline:s,displayedMaxRows:a,tooltipContent:v,tooltipDelay:E=ee.mediumDelay,tooltipPlace:j=F.Bottom,alwaysShowTooltip:g=!1,isFocusable:i=!1})=>{const D=`title-id-${(0,o.useId)().replace(/:/g,"")}`,l=(0,o.useRef)(null),[h,x]=(0,o.useState)(!1),[O,L]=(0,o.useState)(!1),T=()=>{x(l.current?l.current?.scrollHeight>l.current?.clientHeight||l.current.scrollWidth>l.current.clientWidth:!1),L(!0)},y=()=>{x(!1),L(!1)},R=()=>{i&&document.activeElement===l.current||y()},S=f=>{f.key==="Escape"&&O&&(h||g)&&(f.stopPropagation(),y())},d=()=>{l.current?.focus(),T()},N=f=>{f.stopPropagation(),f.preventDefault()},c=(0,_.isNonEmptyString)(v)?v:(0,_.isNonEmptyString)(n)?n:null;return(0,t.jsxs)(t.Fragment,{children:[p.isDefined(a)?(0,t.jsx)(G,{lineClamp:a||1,"data-testid":"tooltip","data-content-overflowing":h?"":void 0,className:(0,H.clsx)(M.overflowingMultilineText,e==="large"&&M.large),ref:l,id:D,tabIndex:i?0:void 0,onFocus:i?T:void 0,onBlur:i?y:void 0,onKeyDown:i?S:void 0,onClick:i?d:void 0,onMouseEnter:T,onMouseLeave:R,children:(0,_.isNonEmptyString)(n)?(0,t.jsx)(Y,{text:n}):n}):(0,t.jsx)(G,{truncate:!0,"data-testid":"tooltip","data-content-overflowing":h?"":void 0,className:(0,H.clsx)(M.overflowingText,e==="large"&&M.large),ref:l,id:D,tabIndex:i?0:void 0,onFocus:i?T:void 0,onBlur:i?y:void 0,onKeyDown:i?S:void 0,onClick:i?d:void 0,onMouseEnter:T,onMouseLeave:R,children:(0,_.isNonEmptyString)(n)?(0,t.jsx)(Y,{text:n}):n}),O&&(h||g)&&p.isDefined(c)&&(0,ue.createPortal)((0,t.jsx)("div",{onClick:N,children:(0,t.jsx)(te,{anchorSelect:`#${D}`,title:c,className:s?M.multilineTooltip:void 0,offset:5,noArrow:!0,place:j,positionStrategy:"absolute",delay:E,isOpen:!0})}),document.body)]})};Object.defineProperty(exports,"AppTooltip",{enumerable:!0,get:function(){return te}});Object.defineProperty(exports,"LinkifiedText",{enumerable:!0,get:function(){return Y}});Object.defineProperty(exports,"OverflowingTextWithTooltip",{enumerable:!0,get:function(){return Le}});Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return G}});Object.defineProperty(exports,"TooltipDelay",{enumerable:!0,get:function(){return ee}});Object.defineProperty(exports,"TooltipPosition",{enumerable:!0,get:function(){return F}});