@alixpartners/ui-components 2.4.2 → 2.4.3

package/dist/components/SplitButton/SplitButton.js

@@ -1,51 +1,51 @@
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { c as R } from "../../clsx-OuTLNxxd.js";
-import z from "../Button/Button.js";
-import * as d from "react";
-import { useRef as W, useState as N, useEffect as U } from "react";
-import $ from "../Icon/Icon.js";
+import { jsx as a, jsxs as R } from "react/jsx-runtime";
+import { c as M } from "../../clsx-OuTLNxxd.js";
+import W from "../Button/Button.js";
+import * as p from "react";
+import { useRef as U, useState as I, useEffect as $ } from "react";
+import K from "../Icon/Icon.js";
 import "../Input/Input.js";
-import { u as K, P as H, c as M, a as j, b as F } from "../../index-DM51yNMI.js";
-import { R as V, A as X, P as q, C as J, I as Q, c as C, G as Y, L as Z, a as oo, b as eo, d as no, e as to, S as ro, f as ao, g as io, h as po } from "../../index-D_3jWVyV.js";
-import { u as I } from "../../index-7CBv-Jx6.js";
-import '../../assets/SplitButton.css';var v = "DropdownMenu", [so] = F(
-  v,
+import { u as j, P as H, c as v, a as F, b as V } from "../../index-DM51yNMI.js";
+import { R as X, A as q, P as J, C as Q, I as Y, c as C, G as Z, L as ee, a as oe, b as ne, d as te, e as re, S as ae, f as ie, g as de, h as pe } from "../../index-D_3jWVyV.js";
+import { u as y } from "../../index-7CBv-Jx6.js";
+import '../../assets/SplitButton.css';var D = "DropdownMenu", [se] = V(
+  D,
   [C]
-), s = C(), [uo, y] = so(v), x = (o) => {
+), s = C(), [ue, x] = se(D), P = (e) => {
   const {
     __scopeDropdownMenu: t,
-    children: e,
+    children: o,
     dir: n,
     open: r,
     defaultOpen: i,
-    onOpenChange: c,
-    modal: p = !0
-  } = o, l = s(t), _ = d.useRef(null), [w, f] = K({
+    onOpenChange: m,
+    modal: d = !0
+  } = e, c = s(t), _ = p.useRef(null), [w, f] = j({
     prop: r,
     defaultProp: i ?? !1,
-    onChange: c,
-    caller: v
+    onChange: m,
+    caller: D
   });
   return /* @__PURE__ */ a(
-    uo,
+    ue,
     {
       scope: t,
-      triggerId: I(),
+      triggerId: y(),
       triggerRef: _,
-      contentId: I(),
+      contentId: y(),
       open: w,
       onOpenChange: f,
-      onOpenToggle: d.useCallback(() => f((g) => !g), [f]),
-      modal: p,
-      children: /* @__PURE__ */ a(V, { ...l, open: w, onOpenChange: f, dir: n, modal: p, children: e })
+      onOpenToggle: p.useCallback(() => f((b) => !b), [f]),
+      modal: d,
+      children: /* @__PURE__ */ a(X, { ...c, open: w, onOpenChange: f, dir: n, modal: d, children: o })
     }
   );
 };
-x.displayName = v;
-var P = "DropdownMenuTrigger", E = d.forwardRef(
-  (o, t) => {
-    const { __scopeDropdownMenu: e, disabled: n = !1, ...r } = o, i = y(P, e), c = s(e);
-    return /* @__PURE__ */ a(X, { asChild: !0, ...c, children: /* @__PURE__ */ a(
+P.displayName = D;
+var E = "DropdownMenuTrigger", A = p.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: o, disabled: n = !1, ...r } = e, i = x(E, o), m = s(o);
+    return /* @__PURE__ */ a(q, { asChild: !0, ...m, children: /* @__PURE__ */ a(
       H.button,
       {
         type: "button",
@@ -57,44 +57,44 @@ var P = "DropdownMenuTrigger", E = d.forwardRef(
         "data-disabled": n ? "" : void 0,
         disabled: n,
         ...r,
-        ref: j(t, i.triggerRef),
-        onPointerDown: M(o.onPointerDown, (p) => {
-          !n && p.button === 0 && p.ctrlKey === !1 && (i.onOpenToggle(), i.open || p.preventDefault());
+        ref: F(t, i.triggerRef),
+        onPointerDown: v(e.onPointerDown, (d) => {
+          !n && d.button === 0 && d.ctrlKey === !1 && (i.onOpenToggle(), i.open || d.preventDefault());
         }),
-        onKeyDown: M(o.onKeyDown, (p) => {
-          n || (["Enter", " "].includes(p.key) && i.onOpenToggle(), p.key === "ArrowDown" && i.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(p.key) && p.preventDefault());
+        onKeyDown: v(e.onKeyDown, (d) => {
+          n || (["Enter", " "].includes(d.key) && i.onOpenToggle(), d.key === "ArrowDown" && i.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
         })
       }
     ) });
   }
 );
-E.displayName = P;
-var lo = "DropdownMenuPortal", A = (o) => {
-  const { __scopeDropdownMenu: t, ...e } = o, n = s(t);
-  return /* @__PURE__ */ a(q, { ...n, ...e });
+A.displayName = E;
+var le = "DropdownMenuPortal", O = (e) => {
+  const { __scopeDropdownMenu: t, ...o } = e, n = s(t);
+  return /* @__PURE__ */ a(J, { ...n, ...o });
 };
-A.displayName = lo;
-var O = "DropdownMenuContent", B = d.forwardRef(
-  (o, t) => {
-    const { __scopeDropdownMenu: e, ...n } = o, r = y(O, e), i = s(e), c = d.useRef(!1);
+O.displayName = le;
+var B = "DropdownMenuContent", T = p.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: o, ...n } = e, r = x(B, o), i = s(o), m = p.useRef(!1);
     return /* @__PURE__ */ a(
-      J,
+      Q,
       {
         id: r.contentId,
         "aria-labelledby": r.triggerId,
         ...i,
         ...n,
         ref: t,
-        onCloseAutoFocus: M(o.onCloseAutoFocus, (p) => {
-          var l;
-          c.current || (l = r.triggerRef.current) == null || l.focus(), c.current = !1, p.preventDefault();
+        onCloseAutoFocus: v(e.onCloseAutoFocus, (d) => {
+          var c;
+          m.current || (c = r.triggerRef.current) == null || c.focus(), m.current = !1, d.preventDefault();
         }),
-        onInteractOutside: M(o.onInteractOutside, (p) => {
-          const l = p.detail.originalEvent, _ = l.button === 0 && l.ctrlKey === !0, w = l.button === 2 || _;
-          (!r.modal || w) && (c.current = !0);
+        onInteractOutside: v(e.onInteractOutside, (d) => {
+          const c = d.detail.originalEvent, _ = c.button === 0 && c.ctrlKey === !0, w = c.button === 2 || _;
+          (!r.modal || w) && (m.current = !0);
         }),
         style: {
-          ...o.style,
+          ...e.style,
           "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
           "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
           "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
@@ -105,75 +105,75 @@ var O = "DropdownMenuContent", B = d.forwardRef(
     );
   }
 );
-B.displayName = O;
-var co = "DropdownMenuGroup", mo = d.forwardRef(
-  (o, t) => {
-    const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
-    return /* @__PURE__ */ a(Y, { ...r, ...n, ref: t });
+T.displayName = B;
+var ce = "DropdownMenuGroup", me = p.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: o, ...n } = e, r = s(o);
+    return /* @__PURE__ */ a(Z, { ...r, ...n, ref: t });
   }
 );
-mo.displayName = co;
-var _o = "DropdownMenuLabel", wo = d.forwardRef(
-  (o, t) => {
-    const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
-    return /* @__PURE__ */ a(Z, { ...r, ...n, ref: t });
+me.displayName = ce;
+var _e = "DropdownMenuLabel", we = p.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: o, ...n } = e, r = s(o);
+    return /* @__PURE__ */ a(ee, { ...r, ...n, ref: t });
   }
 );
-wo.displayName = _o;
-var fo = "DropdownMenuItem", T = d.forwardRef(
-  (o, t) => {
-    const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
-    return /* @__PURE__ */ a(Q, { ...r, ...n, ref: t });
+we.displayName = _e;
+var fe = "DropdownMenuItem", k = p.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: o, ...n } = e, r = s(o);
+    return /* @__PURE__ */ a(Y, { ...r, ...n, ref: t });
   }
 );
-T.displayName = fo;
-var go = "DropdownMenuCheckboxItem", bo = d.forwardRef((o, t) => {
-  const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
-  return /* @__PURE__ */ a(oo, { ...r, ...n, ref: t });
+k.displayName = fe;
+var be = "DropdownMenuCheckboxItem", ge = p.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: o, ...n } = e, r = s(o);
+  return /* @__PURE__ */ a(oe, { ...r, ...n, ref: t });
 });
-bo.displayName = go;
-var Mo = "DropdownMenuRadioGroup", vo = d.forwardRef((o, t) => {
-  const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
-  return /* @__PURE__ */ a(eo, { ...r, ...n, ref: t });
+ge.displayName = be;
+var Me = "DropdownMenuRadioGroup", ve = p.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: o, ...n } = e, r = s(o);
+  return /* @__PURE__ */ a(ne, { ...r, ...n, ref: t });
 });
-vo.displayName = Mo;
-var Do = "DropdownMenuRadioItem", ho = d.forwardRef((o, t) => {
-  const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
-  return /* @__PURE__ */ a(no, { ...r, ...n, ref: t });
+ve.displayName = Me;
+var De = "DropdownMenuRadioItem", he = p.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: o, ...n } = e, r = s(o);
+  return /* @__PURE__ */ a(te, { ...r, ...n, ref: t });
 });
-ho.displayName = Do;
-var Ro = "DropdownMenuItemIndicator", So = d.forwardRef((o, t) => {
-  const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
-  return /* @__PURE__ */ a(to, { ...r, ...n, ref: t });
+he.displayName = De;
+var Se = "DropdownMenuItemIndicator", Re = p.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: o, ...n } = e, r = s(o);
+  return /* @__PURE__ */ a(re, { ...r, ...n, ref: t });
 });
-So.displayName = Ro;
-var No = "DropdownMenuSeparator", Io = d.forwardRef((o, t) => {
-  const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
-  return /* @__PURE__ */ a(ro, { ...r, ...n, ref: t });
+Re.displayName = Se;
+var Ne = "DropdownMenuSeparator", Ie = p.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: o, ...n } = e, r = s(o);
+  return /* @__PURE__ */ a(ae, { ...r, ...n, ref: t });
 });
-Io.displayName = No;
-var Co = "DropdownMenuArrow", yo = d.forwardRef(
-  (o, t) => {
-    const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
-    return /* @__PURE__ */ a(ao, { ...r, ...n, ref: t });
+Ie.displayName = Ne;
+var ye = "DropdownMenuArrow", Ce = p.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: o, ...n } = e, r = s(o);
+    return /* @__PURE__ */ a(ie, { ...r, ...n, ref: t });
   }
 );
-yo.displayName = Co;
-var xo = "DropdownMenuSubTrigger", Po = d.forwardRef((o, t) => {
-  const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
-  return /* @__PURE__ */ a(io, { ...r, ...n, ref: t });
+Ce.displayName = ye;
+var xe = "DropdownMenuSubTrigger", Pe = p.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: o, ...n } = e, r = s(o);
+  return /* @__PURE__ */ a(de, { ...r, ...n, ref: t });
 });
-Po.displayName = xo;
-var Eo = "DropdownMenuSubContent", Ao = d.forwardRef((o, t) => {
-  const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
+Pe.displayName = xe;
+var Ee = "DropdownMenuSubContent", Ae = p.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: o, ...n } = e, r = s(o);
   return /* @__PURE__ */ a(
-    po,
+    pe,
     {
       ...r,
       ...n,
       ref: t,
       style: {
-        ...o.style,
+        ...e.style,
         "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
         "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
         "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
@@ -183,15 +183,16 @@ var Eo = "DropdownMenuSubContent", Ao = d.forwardRef((o, t) => {
     }
   );
 });
-Ao.displayName = Eo;
-var Oo = x, Bo = E, To = A, ko = B, Go = T;
-const u = {
+Ae.displayName = Ee;
+var Oe = P, Be = A, Te = O, ke = T, Ge = k;
+const l = {
   "split-button-container": "SplitButton-module__split-button-container___Pt3u6",
   "split-button-action-trigger": "SplitButton-module__split-button-action-trigger___dRgWH",
   "split-button-dropdown-trigger": "SplitButton-module__split-button-dropdown-trigger___kVFdu",
   "split-button-container-trigger-single": "SplitButton-module__split-button-container-trigger-single___LHqLO",
   "split-button-container-trigger-split": "SplitButton-module__split-button-container-trigger-split___vMf3J",
   "split-button-dropdown-menu": "SplitButton-module__split-button-dropdown-menu___VM6wC",
+  "split-button-dropdown-item-disabled": "SplitButton-module__split-button-dropdown-item-disabled___0DjMv",
   "split-button-container-type-primary": "SplitButton-module__split-button-container-type-primary___rvgCN",
   "split-button-container-disabled": "SplitButton-module__split-button-container-disabled___EO8ba",
   "split-button-container-type-secondary": "SplitButton-module__split-button-container-type-secondary___bkeij",
@@ -201,45 +202,49 @@ const u = {
   "split-button-dropdown-menu-size-sm": "SplitButton-module__split-button-dropdown-menu-size-sm___xlVmW",
   "split-button-dropdown-arrow": "SplitButton-module__split-button-dropdown-arrow___-Pf9C"
 };
-function Vo({
-  type: o = "primary",
+function Ve({
+  type: e = "primary",
   trigger: t = "single",
-  size: e = "md",
+  size: o = "md",
   actionOptions: n,
   disabled: r,
   loading: i,
-  buttonLabel: c,
-  className: p,
-  ...l
+  buttonLabel: m,
+  className: d,
+  ...c
 }) {
-  const _ = W(null), [w, f] = N(0), [g, S] = N(!1);
-  U(() => {
-    var b;
-    const m = (b = _.current) == null ? void 0 : b.getBoundingClientRect().width;
-    m && f(m);
-  }, [e]);
-  const k = () => {
-    S(!g);
+  const _ = U(null), [w, f] = I(0), [b, N] = I(!1);
+  $(() => {
+    var g;
+    const u = (g = _.current) == null ? void 0 : g.getBoundingClientRect().width;
+    u && f(u);
+  }, [o]);
+  const G = () => {
+    N(!b);
   }, {
-    onClick: D,
-    ...G
-  } = l, L = (m) => {
-    t === "single" ? k() : n[0].action(), D == null || D(m);
+    onClick: h,
+    ...L
+  } = c, z = (u) => {
+    t === "single" ? G() : n[0].action(), h == null || h(u);
   };
-  return /* @__PURE__ */ h("div", { ref: _, className: R(u["split-button-container"], u[`split-button-container-type-${o}`], u[`split-button-container-trigger-${t}`], u[`split-button-container-size-${e}`], (r || i) && u["split-button-container-disabled"], p), children: [
-    /* @__PURE__ */ a(z, { type: o, variant: "default", size: e, onClick: L, className: u["split-button-action-trigger"], disabled: r, loading: i, ...G, children: t === "single" ? c : n[0].label }),
-    /* @__PURE__ */ h(Oo, { open: g, onOpenChange: S, children: [
-      /* @__PURE__ */ a(Bo, { disabled: r || i, className: u["split-button-dropdown-trigger"], children: /* @__PURE__ */ a($, { icon: "ap-icon-expand-more", className: R(u["split-button-dropdown-arrow"]) }) }),
-      /* @__PURE__ */ a(To, { children: /* @__PURE__ */ h(ko, { align: "end", sideOffset: 5, style: {
+  return /* @__PURE__ */ R("div", { ref: _, className: M(l["split-button-container"], l[`split-button-container-type-${e}`], l[`split-button-container-trigger-${t}`], l[`split-button-container-size-${o}`], (r || i) && l["split-button-container-disabled"], d), children: [
+    /* @__PURE__ */ a(W, { type: e, variant: "default", size: o, onClick: z, className: l["split-button-action-trigger"], disabled: r, loading: i, ...L, children: t === "single" ? m : n[0].label }),
+    /* @__PURE__ */ R(Oe, { open: b, onOpenChange: N, children: [
+      /* @__PURE__ */ a(Be, { disabled: r || i, className: l["split-button-dropdown-trigger"], children: /* @__PURE__ */ a(K, { icon: "ap-icon-expand-more", className: M(l["split-button-dropdown-arrow"]) }) }),
+      /* @__PURE__ */ a(Te, { children: /* @__PURE__ */ R(ke, { align: "end", sideOffset: 5, style: {
         minWidth: w,
         zIndex: 9999
       }, children: [
         " ",
-        /* @__PURE__ */ a("div", { className: R(u["split-button-dropdown-menu"], u[`split-button-dropdown-menu-size-${e}`], (r || i) && u["split-button-dropdown-menu-disabled"]), children: n.map((m, b) => t === "split" && b === 0 ? null : /* @__PURE__ */ a(Go, { title: m.label, onClick: () => m.action(), children: /* @__PURE__ */ a("button", { children: m.label }) }, m.value)) })
+        /* @__PURE__ */ a("div", { className: M(l["split-button-dropdown-menu"], l[`split-button-dropdown-menu-size-${o}`], (r || i) && l["split-button-dropdown-menu-disabled"]), children: n.map((u, g) => t === "split" && g === 0 ? null : /* @__PURE__ */ a(Ge, { title: u.label, onClick: (S) => {
+          u.disabled ? S.preventDefault() : u.action();
+        }, onSelect: (S) => {
+          u.disabled && S.preventDefault();
+        }, disabled: u.disabled, className: M(u.disabled && l["split-button-dropdown-item-disabled"]), children: /* @__PURE__ */ a("button", { type: "button", disabled: u.disabled, children: u.label }) }, u.value)) })
       ] }) })
     ] })
   ] });
 }
 export {
-  Vo as default
+  Ve as default
 };

package/dist/components/Tooltip/Tooltip.d.ts

@@ -2,6 +2,7 @@ export type TooltipProps = {
     className?: string;
     children: React.ReactNode;
     content: React.ReactNode;
+    disabled?: boolean;
     size?: 'md' | 'sm';
     theme?: 'dark' | 'light';
     tipSide?: 'top' | 'bottom' | 'left' | 'right';
@@ -22,6 +23,7 @@ export type TooltipProps = {
  * @param {object} props - Tooltip component props
  * @param {React.ReactNode} props.children - The trigger element that will show the tooltip on hover/focus
  * @param {React.ReactNode} props.content - The content to display inside the tooltip
+ * @param {boolean} [props.disabled=false] - When true, no tooltip is shown and children are rendered as-is with no wrapper
  * @param {'md' | 'sm'} [props.size='md'] - The size of the tooltip (affects padding and close button visibility)
  * @param {'dark' | 'light'} [props.theme='dark'] - The visual theme of the tooltip (affects colors and styling)
  * @param {'top' | 'bottom' | 'left' | 'right'} [props.tipSide='top'] - The side where the tooltip arrow points
@@ -31,4 +33,4 @@ export type TooltipProps = {
  * @param {() => void} [props.onClose] - Callback fired when the tooltip is closed (only available for 'md' size)
  * @returns {JSX.Element} The rendered Tooltip component
  */
-export default function Tooltip({ children, content, size, theme, tipSide, tipAlignment, keepVisible, startVisible, onClose, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export default function Tooltip({ children, content, disabled, size, theme, tipSide, tipAlignment, keepVisible, startVisible, onClose, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;