@alixpartners/ui-components 2.5.6 → 2.6.0

package/dist/{index-CCFDXH-J.js → index-CcsZYEYy.js}

@@ -1,11 +1,11 @@
 import * as i from "react";
-import { u as G, d as O, P as _, c as P, b as H, e as K } from "./index-z_kiwVc3.js";
-import { P as $, D as j } from "./index-CmGGeUr0.js";
-import { h as U, R as V, u as W, F as Z } from "./index-CFqDEbIR.js";
-import { u as q } from "./index-C2s_VtSb.js";
-import { R as z, A as x, c as w, C as B, a as J } from "./index-ChQc_Cm6.js";
-import { P as E } from "./index-CfIcUHKK.js";
-import { jsx as p } from "react/jsx-runtime";
+import { u as G, a as O, P as _, c as P, b as H, e as K } from "./index-B4szHVNJ.js";
+import { P as $, D as j } from "./index-kgC_DL6e.js";
+import { h as U, R as V, u as W, F as Z } from "./index-BVZdJVFB.js";
+import { u as q } from "./index-6DGSlWJb.js";
+import { R as z, A as x, c as w, C as B, a as J } from "./index-CarlZuEo.js";
+import { P as E } from "./index-Bq1FiX6B.js";
+import { jsx as u } from "react/jsx-runtime";
 var m = "Popover", [b] = H(m, [
   w
 ]), g = w(), [Q, d] = b(m), F = (e) => {
@@ -16,18 +16,18 @@ var m = "Popover", [b] = H(m, [
     defaultOpen: o,
     onOpenChange: r,
     modal: s = !1
-  } = e, c = g(n), u = i.useRef(null), [l, h] = i.useState(!1), [C, f] = G({
+  } = e, c = g(n), p = i.useRef(null), [l, h] = i.useState(!1), [C, f] = G({
     prop: a,
     defaultProp: o ?? !1,
     onChange: r,
     caller: m
   });
-  return /* @__PURE__ */ p(z, { ...c, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ u(z, { ...c, children: /* @__PURE__ */ u(
     Q,
     {
       scope: n,
       contentId: q(),
-      triggerRef: u,
+      triggerRef: p,
       open: C,
       onOpenChange: f,
       onOpenToggle: i.useCallback(() => f((R) => !R), [f]),
@@ -43,26 +43,26 @@ F.displayName = m;
 var N = "PopoverAnchor", S = i.forwardRef(
   (e, n) => {
     const { __scopePopover: t, ...a } = e, o = d(N, t), r = g(t), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = o;
-    return i.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ p(x, { ...r, ...a, ref: n });
+    return i.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ u(x, { ...r, ...a, ref: n });
   }
 );
 S.displayName = N;
 var y = "PopoverTrigger", D = i.forwardRef(
   (e, n) => {
-    const { __scopePopover: t, ...a } = e, o = d(y, t), r = g(t), s = O(n, o.triggerRef), c = /* @__PURE__ */ p(
+    const { __scopePopover: t, ...a } = e, o = d(y, t), r = g(t), s = O(n, o.triggerRef), c = /* @__PURE__ */ u(
       _.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": o.open,
-        "aria-controls": o.contentId,
+        "aria-controls": o.open ? o.contentId : void 0,
         "data-state": L(o.open),
         ...a,
         ref: s,
         onClick: P(e.onClick, o.onOpenToggle)
       }
     );
-    return o.hasCustomAnchor ? c : /* @__PURE__ */ p(x, { asChild: !0, ...r, children: c });
+    return o.hasCustomAnchor ? c : /* @__PURE__ */ u(x, { asChild: !0, ...r, children: c });
   }
 );
 D.displayName = y;
@@ -70,13 +70,13 @@ var A = "PopoverPortal", [X, Y] = b(A, {
   forceMount: void 0
 }), M = (e) => {
   const { __scopePopover: n, forceMount: t, children: a, container: o } = e, r = d(A, n);
-  return /* @__PURE__ */ p(X, { scope: n, forceMount: t, children: /* @__PURE__ */ p(E, { present: t || r.open, children: /* @__PURE__ */ p($, { asChild: !0, container: o, children: a }) }) });
+  return /* @__PURE__ */ u(X, { scope: n, forceMount: t, children: /* @__PURE__ */ u(E, { present: t || r.open, children: /* @__PURE__ */ u($, { asChild: !0, container: o, children: a }) }) });
 };
 M.displayName = A;
 var v = "PopoverContent", T = i.forwardRef(
   (e, n) => {
     const t = Y(v, e.__scopePopover), { forceMount: a = t.forceMount, ...o } = e, r = d(v, e.__scopePopover);
-    return /* @__PURE__ */ p(E, { present: a || r.open, children: r.modal ? /* @__PURE__ */ p(oe, { ...o, ref: n }) : /* @__PURE__ */ p(re, { ...o, ref: n }) });
+    return /* @__PURE__ */ u(E, { present: a || r.open, children: r.modal ? /* @__PURE__ */ u(oe, { ...o, ref: n }) : /* @__PURE__ */ u(re, { ...o, ref: n }) });
   }
 );
 T.displayName = v;
@@ -86,7 +86,7 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
     return i.useEffect(() => {
       const s = a.current;
       if (s) return U(s);
-    }, []), /* @__PURE__ */ p(V, { as: ee, allowPinchZoom: !0, children: /* @__PURE__ */ p(
+    }, []), /* @__PURE__ */ u(V, { as: ee, allowPinchZoom: !0, children: /* @__PURE__ */ u(
       k,
       {
         ...e,
@@ -100,7 +100,7 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
         onPointerDownOutside: P(
           e.onPointerDownOutside,
           (s) => {
-            const c = s.detail.originalEvent, u = c.button === 0 && c.ctrlKey === !0, l = c.button === 2 || u;
+            const c = s.detail.originalEvent, p = c.button === 0 && c.ctrlKey === !0, l = c.button === 2 || p;
             r.current = l;
           },
           { checkForDefaultPrevented: !1 }
@@ -116,7 +116,7 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
 ), re = i.forwardRef(
   (e, n) => {
     const t = d(v, e.__scopePopover), a = i.useRef(!1), o = i.useRef(!1);
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ u(
       k,
       {
         ...e,
@@ -128,8 +128,8 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
           (s = e.onCloseAutoFocus) == null || s.call(e, r), r.defaultPrevented || (a.current || (c = t.triggerRef.current) == null || c.focus(), r.preventDefault()), a.current = !1, o.current = !1;
         },
         onInteractOutside: (r) => {
-          var u, l;
-          (u = e.onInteractOutside) == null || u.call(e, r), r.defaultPrevented || (a.current = !0, r.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          var p, l;
+          (p = e.onInteractOutside) == null || p.call(e, r), r.defaultPrevented || (a.current = !0, r.detail.originalEvent.type === "pointerdown" && (o.current = !0));
           const s = r.target;
           ((l = t.triggerRef.current) == null ? void 0 : l.contains(s)) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && o.current && r.preventDefault();
         }
@@ -145,12 +145,12 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
       onCloseAutoFocus: r,
       disableOutsidePointerEvents: s,
       onEscapeKeyDown: c,
-      onPointerDownOutside: u,
+      onPointerDownOutside: p,
       onFocusOutside: l,
       onInteractOutside: h,
       ...C
     } = e, f = d(v, t), R = g(t);
-    return W(), /* @__PURE__ */ p(
+    return W(), /* @__PURE__ */ u(
       Z,
       {
         asChild: !0,
@@ -158,17 +158,18 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
         trapped: a,
         onMountAutoFocus: o,
         onUnmountAutoFocus: r,
-        children: /* @__PURE__ */ p(
+        children: /* @__PURE__ */ u(
           j,
           {
             asChild: !0,
             disableOutsidePointerEvents: s,
             onInteractOutside: h,
             onEscapeKeyDown: c,
-            onPointerDownOutside: u,
+            onPointerDownOutside: p,
             onFocusOutside: l,
             onDismiss: () => f.onOpenChange(!1),
-            children: /* @__PURE__ */ p(
+            deferPointerDownOutside: !0,
+            children: /* @__PURE__ */ u(
               B,
               {
                 "data-state": L(f.open),
@@ -195,7 +196,7 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
 ), I = "PopoverClose", te = i.forwardRef(
   (e, n) => {
     const { __scopePopover: t, ...a } = e, o = d(I, t);
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ u(
       _.button,
       {
         type: "button",
@@ -210,7 +211,7 @@ te.displayName = I;
 var ne = "PopoverArrow", ae = i.forwardRef(
   (e, n) => {
     const { __scopePopover: t, ...a } = e, o = g(t);
-    return /* @__PURE__ */ p(J, { ...o, ...a, ref: n });
+    return /* @__PURE__ */ u(J, { ...o, ...a, ref: n });
   }
 );
 ae.displayName = ne;

package/dist/index-DH9SO8qV.js

@@ -0,0 +1,221 @@
+import * as o from "react";
+import { b as G, a as N, e as O, P as L, c as w, u as z } from "./index-B4szHVNJ.js";
+import { jsx as m } from "react/jsx-runtime";
+import { u as $, a as J } from "./index-6DGSlWJb.js";
+function Q(e) {
+  const n = e + "CollectionProvider", [u, c] = G(n), [A, v] = u(
+    n,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), I = (f) => {
+    const { scope: t, children: i } = f, d = o.useRef(null), r = o.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ m(A, { scope: t, itemMap: r, collectionRef: d, children: i });
+  };
+  I.displayName = n;
+  const C = e + "CollectionSlot", _ = O(C), p = o.forwardRef(
+    (f, t) => {
+      const { scope: i, children: d } = f, r = v(C, i), s = N(t, r.collectionRef);
+      return /* @__PURE__ */ m(_, { ref: s, children: d });
+    }
+  );
+  p.displayName = C;
+  const a = e + "CollectionItemSlot", R = "data-radix-collection-item", g = O(a), b = o.forwardRef(
+    (f, t) => {
+      const { scope: i, children: d, ...r } = f, s = o.useRef(null), E = N(t, s), T = v(a, i);
+      return o.useEffect(() => (T.itemMap.set(s, { ref: s, ...r }), () => void T.itemMap.delete(s))), /* @__PURE__ */ m(g, { [R]: "", ref: E, children: d });
+    }
+  );
+  b.displayName = a;
+  function F(f) {
+    const t = v(e + "CollectionConsumer", f);
+    return o.useCallback(() => {
+      const d = t.collectionRef.current;
+      if (!d) return [];
+      const r = Array.from(d.querySelectorAll(`[${R}]`));
+      return Array.from(t.itemMap.values()).sort(
+        (T, x) => r.indexOf(T.ref.current) - r.indexOf(x.ref.current)
+      );
+    }, [t.collectionRef, t.itemMap]);
+  }
+  return [
+    { Provider: I, Slot: p, ItemSlot: b },
+    F,
+    c
+  ];
+}
+var W = o.createContext(void 0);
+function X(e) {
+  const n = o.useContext(W);
+  return e || n || "ltr";
+}
+var M = "rovingFocusGroup.onEntryFocus", Z = { bubbles: !1, cancelable: !0 }, h = "RovingFocusGroup", [P, K, ee] = Q(h), [te, me] = G(
+  h,
+  [ee]
+), [oe, ne] = te(h), k = o.forwardRef(
+  (e, n) => /* @__PURE__ */ m(P.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ m(P.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ m(re, { ...e, ref: n }) }) })
+);
+k.displayName = h;
+var re = o.forwardRef((e, n) => {
+  const {
+    __scopeRovingFocusGroup: u,
+    orientation: c,
+    loop: A = !1,
+    dir: v,
+    currentTabStopId: I,
+    defaultCurrentTabStopId: C,
+    onCurrentTabStopIdChange: _,
+    onEntryFocus: p,
+    preventScrollOnEntryFocus: a = !1,
+    ...R
+  } = e, g = o.useRef(null), b = N(n, g), F = X(v), [f, t] = z({
+    prop: I,
+    defaultProp: C ?? null,
+    onChange: _,
+    caller: h
+  }), [i, d] = o.useState(!1), r = J(p), s = K(u), E = o.useRef(!1), [T, x] = o.useState(0);
+  return o.useEffect(() => {
+    const l = g.current;
+    if (l)
+      return l.addEventListener(M, r), () => l.removeEventListener(M, r);
+  }, [r]), /* @__PURE__ */ m(
+    oe,
+    {
+      scope: u,
+      orientation: c,
+      dir: F,
+      loop: A,
+      currentTabStopId: f,
+      onItemFocus: o.useCallback(
+        (l) => t(l),
+        [t]
+      ),
+      onItemShiftTab: o.useCallback(() => d(!0), []),
+      onFocusableItemAdd: o.useCallback(
+        () => x((l) => l + 1),
+        []
+      ),
+      onFocusableItemRemove: o.useCallback(
+        () => x((l) => l - 1),
+        []
+      ),
+      children: /* @__PURE__ */ m(
+        L.div,
+        {
+          tabIndex: i || T === 0 ? -1 : 0,
+          "data-orientation": c,
+          ...R,
+          ref: b,
+          style: { outline: "none", ...e.style },
+          onMouseDown: w(e.onMouseDown, () => {
+            E.current = !0;
+          }),
+          onFocus: w(e.onFocus, (l) => {
+            const Y = !E.current;
+            if (l.target === l.currentTarget && Y && !i) {
+              const D = new CustomEvent(M, Z);
+              if (l.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
+                const y = s().filter((S) => S.focusable), H = y.find((S) => S.active), j = y.find((S) => S.id === f), q = [H, j, ...y].filter(
+                  Boolean
+                ).map((S) => S.ref.current);
+                V(q, a);
+              }
+            }
+            E.current = !1;
+          }),
+          onBlur: w(e.onBlur, () => d(!1))
+        }
+      )
+    }
+  );
+}), U = "RovingFocusGroupItem", B = o.forwardRef(
+  (e, n) => {
+    const {
+      __scopeRovingFocusGroup: u,
+      focusable: c = !0,
+      active: A = !1,
+      tabStopId: v,
+      children: I,
+      ...C
+    } = e, _ = $(), p = v || _, a = ne(U, u), R = a.currentTabStopId === p, g = K(u), { onFocusableItemAdd: b, onFocusableItemRemove: F, currentTabStopId: f } = a;
+    return o.useEffect(() => {
+      if (c)
+        return b(), () => F();
+    }, [c, b, F]), /* @__PURE__ */ m(
+      P.ItemSlot,
+      {
+        scope: u,
+        id: p,
+        focusable: c,
+        active: A,
+        children: /* @__PURE__ */ m(
+          L.span,
+          {
+            tabIndex: R ? 0 : -1,
+            "data-orientation": a.orientation,
+            ...C,
+            ref: n,
+            onMouseDown: w(e.onMouseDown, (t) => {
+              c ? a.onItemFocus(p) : t.preventDefault();
+            }),
+            onFocus: w(e.onFocus, () => a.onItemFocus(p)),
+            onKeyDown: w(e.onKeyDown, (t) => {
+              if (t.key === "Tab" && t.shiftKey) {
+                a.onItemShiftTab();
+                return;
+              }
+              if (t.target !== t.currentTarget) return;
+              const i = ae(t, a.orientation, a.dir);
+              if (i !== void 0) {
+                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
+                t.preventDefault();
+                let r = g().filter((s) => s.focusable).map((s) => s.ref.current);
+                if (i === "last") r.reverse();
+                else if (i === "prev" || i === "next") {
+                  i === "prev" && r.reverse();
+                  const s = r.indexOf(t.currentTarget);
+                  r = a.loop ? ie(r, s + 1) : r.slice(s + 1);
+                }
+                setTimeout(() => V(r));
+              }
+            }),
+            children: typeof I == "function" ? I({ isCurrentTabStop: R, hasTabStop: f != null }) : I
+          }
+        )
+      }
+    );
+  }
+);
+B.displayName = U;
+var ce = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function se(e, n) {
+  return n !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function ae(e, n, u) {
+  const c = se(e.key, u);
+  if (!(n === "vertical" && ["ArrowLeft", "ArrowRight"].includes(c)) && !(n === "horizontal" && ["ArrowUp", "ArrowDown"].includes(c)))
+    return ce[c];
+}
+function V(e, n = !1) {
+  const u = document.activeElement;
+  for (const c of e)
+    if (c === u || (c.focus({ preventScroll: n }), document.activeElement !== u)) return;
+}
+function ie(e, n) {
+  return e.map((u, c) => e[(n + c) % e.length]);
+}
+var pe = k, Ie = B;
+export {
+  Ie as I,
+  pe as R,
+  Q as a,
+  me as c,
+  X as u
+};

package/dist/{index-D_L0ncPJ.js → index-IR8HlW5P.js}

@@ -1,8 +1,8 @@
 import * as t from "react";
-import { u as H, R as $, I as j, c as T, a as z } from "./index-C8H9A55g.js";
-import { u as W, P as O, d as X, c as g, b as Y } from "./index-z_kiwVc3.js";
-import { u as C } from "./index-C2s_VtSb.js";
-import { R as q, A as J, P as Q, C as Z, I as ee, c as re, G as ae, L as ne, a as oe, b as te, d as ue, e as se, S as ie, f as ce, g as le, h as de } from "./index-Ii4UOx3H.js";
+import { u as H, R as $, I as j, c as T, a as z } from "./index-DH9SO8qV.js";
+import { u as W, P as O, a as X, c as g, b as Y } from "./index-B4szHVNJ.js";
+import { u as C } from "./index-6DGSlWJb.js";
+import { R as q, A as J, P as Q, C as Z, I as ee, c as re, G as ae, L as ne, a as oe, b as te, d as ue, e as se, S as ie, f as ce, g as le, h as de } from "./index-CE9NpYQR.js";
 import { jsx as u } from "react/jsx-runtime";
 var _ = "Menubar", [x, pe, be] = z(_), [D] = Y(_, [
   be,

package/dist/{index-DkTDHhag.js → index-banDzeKa.js}

@@ -1,4 +1,4 @@
-import { e as H } from "./vi.bdSIJ99Y-017e_Pkz.js";
+import { a as H } from "./vi.bdSIJ99Y-DWCVXj6K.js";
 function a(e, t, n) {
   return e.namespaceURI && e.namespaceURI !== "http://www.w3.org/1999/xhtml" || (t = Array.isArray(t) ? t : [
     t

package/dist/index-kgC_DL6e.js

@@ -0,0 +1,216 @@
+import * as t from "react";
+import { a as F, P as g, c as C, f as U, d as z } from "./index-B4szHVNJ.js";
+import { a as I } from "./index-6DGSlWJb.js";
+import { jsx as T } from "react/jsx-runtime";
+import * as H from "react-dom";
+function K(n, r = globalThis == null ? void 0 : globalThis.document) {
+  const e = I(n);
+  t.useEffect(() => {
+    const o = (i) => {
+      i.key === "Escape" && e(i);
+    };
+    return r.addEventListener("keydown", o, { capture: !0 }), () => r.removeEventListener("keydown", o, { capture: !0 });
+  }, [e, r]);
+}
+var j = "DismissableLayer", S = "dismissableLayer.update", X = "dismissableLayer.pointerDownOutside", Y = "dismissableLayer.focusOutside", A, N = t.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set(),
+  // Outside elements that belong to a layer's own dismiss affordance (eg, a
+  // dialog overlay). Pressing them should dismiss the layer regardless of
+  // whether or not they stop propagation.
+  //
+  // See https://github.com/radix-ui/primitives/issues/3346
+  dismissableSurfaces: /* @__PURE__ */ new Set()
+}), q = t.forwardRef(
+  (n, r) => {
+    const {
+      disableOutsidePointerEvents: e = !1,
+      deferPointerDownOutside: o = !1,
+      onEscapeKeyDown: i,
+      onPointerDownOutside: a,
+      onFocusOutside: v,
+      onInteractOutside: f,
+      onDismiss: l,
+      ...b
+    } = n, s = t.useContext(N), [d, L] = t.useState(null), E = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, D] = t.useState({}), P = F(r, (u) => L(u)), y = Array.from(s.layers), [O] = [...s.layersWithOutsidePointerEventsDisabled].slice(-1), c = y.indexOf(O), m = d ? y.indexOf(d) : -1, w = s.layersWithOutsidePointerEventsDisabled.size > 0, p = m >= c, B = t.useRef(!1), M = Q(
+      (u) => {
+        const h = u.target;
+        if (!(h instanceof Node))
+          return;
+        const k = [...s.branches].some(
+          (R) => R.contains(h)
+        );
+        !p || k || (a == null || a(u), f == null || f(u), u.defaultPrevented || l == null || l());
+      },
+      {
+        ownerDocument: E,
+        deferPointerDownOutside: o,
+        isDeferredPointerDownOutsideRef: B,
+        dismissableSurfaces: s.dismissableSurfaces
+      }
+    ), x = V((u) => {
+      if (o && B.current)
+        return;
+      const h = u.target;
+      [...s.branches].some((R) => R.contains(h)) || (v == null || v(u), f == null || f(u), u.defaultPrevented || l == null || l());
+    }, E);
+    return K((u) => {
+      m === s.layers.size - 1 && (i == null || i(u), !u.defaultPrevented && l && (u.preventDefault(), l()));
+    }, E), t.useEffect(() => {
+      if (d)
+        return e && (s.layersWithOutsidePointerEventsDisabled.size === 0 && (A = E.body.style.pointerEvents, E.body.style.pointerEvents = "none"), s.layersWithOutsidePointerEventsDisabled.add(d)), s.layers.add(d), W(), () => {
+          e && (s.layersWithOutsidePointerEventsDisabled.delete(d), s.layersWithOutsidePointerEventsDisabled.size === 0 && (E.body.style.pointerEvents = A));
+        };
+    }, [d, E, e, s]), t.useEffect(() => () => {
+      d && (s.layers.delete(d), s.layersWithOutsidePointerEventsDisabled.delete(d), W());
+    }, [d, s]), t.useEffect(() => {
+      const u = () => D({});
+      return document.addEventListener(S, u), () => document.removeEventListener(S, u);
+    }, []), /* @__PURE__ */ T(
+      g.div,
+      {
+        ...b,
+        ref: P,
+        style: {
+          pointerEvents: w ? p ? "auto" : "none" : void 0,
+          ...n.style
+        },
+        onFocusCapture: C(n.onFocusCapture, x.onFocusCapture),
+        onBlurCapture: C(n.onBlurCapture, x.onBlurCapture),
+        onPointerDownCapture: C(
+          n.onPointerDownCapture,
+          M.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+q.displayName = j;
+var G = "DismissableLayerBranch", J = t.forwardRef((n, r) => {
+  const e = t.useContext(N), o = t.useRef(null), i = F(r, o);
+  return t.useEffect(() => {
+    const a = o.current;
+    if (a)
+      return e.branches.add(a), () => {
+        e.branches.delete(a);
+      };
+  }, [e.branches]), /* @__PURE__ */ T(g.div, { ...n, ref: i });
+});
+J.displayName = G;
+function se() {
+  const n = t.useContext(N), [r, e] = t.useState(null);
+  return t.useEffect(() => {
+    if (r)
+      return n.dismissableSurfaces.add(r), () => {
+        n.dismissableSurfaces.delete(r);
+      };
+  }, [r, n.dismissableSurfaces]), e;
+}
+function Q(n, r) {
+  const {
+    ownerDocument: e = globalThis == null ? void 0 : globalThis.document,
+    deferPointerDownOutside: o = !1,
+    isDeferredPointerDownOutsideRef: i,
+    dismissableSurfaces: a
+  } = r, v = I(n), f = t.useRef(!1), l = t.useRef(!1), b = t.useRef(/* @__PURE__ */ new Map()), s = t.useRef(() => {
+  });
+  return t.useEffect(() => {
+    function d() {
+      l.current = !1, i.current = !1, b.current.clear();
+    }
+    function L() {
+      return Array.from(b.current.values()).some(Boolean);
+    }
+    function E(c) {
+      if (!l.current)
+        return;
+      const m = c.target;
+      m instanceof Node && [...a].some((p) => p.contains(m)) || b.current.set(c.type, !0), c.type === "click" && window.setTimeout(() => {
+        l.current && s.current();
+      }, 0);
+    }
+    function D(c) {
+      l.current && b.current.set(c.type, !1);
+    }
+    const P = (c) => {
+      if (c.target && !f.current) {
+        let m = function() {
+          e.removeEventListener("click", s.current);
+          const p = L();
+          d(), p || _(
+            X,
+            v,
+            w,
+            { discrete: !0 }
+          );
+        };
+        const w = { originalEvent: c };
+        l.current = !0, i.current = o && c.button === 0, b.current.clear(), !o || c.button !== 0 ? m() : (e.removeEventListener("click", s.current), s.current = m, e.addEventListener("click", s.current, { once: !0 }));
+      } else
+        e.removeEventListener("click", s.current), d();
+      f.current = !1;
+    }, y = [
+      "pointerup",
+      "mousedown",
+      "mouseup",
+      "touchstart",
+      "touchend",
+      "click"
+    ];
+    for (const c of y)
+      e.addEventListener(c, E, !0), e.addEventListener(c, D);
+    const O = window.setTimeout(() => {
+      e.addEventListener("pointerdown", P);
+    }, 0);
+    return () => {
+      window.clearTimeout(O), e.removeEventListener("pointerdown", P), e.removeEventListener("click", s.current);
+      for (const c of y)
+        e.removeEventListener(c, E, !0), e.removeEventListener(c, D);
+    };
+  }, [
+    e,
+    v,
+    o,
+    i,
+    a
+  ]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => f.current = !0
+  };
+}
+function V(n, r = globalThis == null ? void 0 : globalThis.document) {
+  const e = I(n), o = t.useRef(!1);
+  return t.useEffect(() => {
+    const i = (a) => {
+      a.target && !o.current && _(Y, e, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return r.addEventListener("focusin", i), () => r.removeEventListener("focusin", i);
+  }, [r, e]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function W() {
+  const n = new CustomEvent(S);
+  document.dispatchEvent(n);
+}
+function _(n, r, e, { discrete: o }) {
+  const i = e.originalEvent.target, a = new CustomEvent(n, { bubbles: !1, cancelable: !0, detail: e });
+  r && i.addEventListener(n, r, { once: !0 }), o ? U(i, a) : i.dispatchEvent(a);
+}
+var Z = "Portal", $ = t.forwardRef((n, r) => {
+  var f;
+  const { container: e, ...o } = n, [i, a] = t.useState(!1);
+  z(() => a(!0), []);
+  const v = e || i && ((f = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : f.body);
+  return v ? H.createPortal(/* @__PURE__ */ T(g.div, { ...o, ref: r }), v) : null;
+});
+$.displayName = Z;
+export {
+  q as D,
+  $ as P,
+  se as u
+};

package/dist/main.js

@@ -12,10 +12,10 @@ import { default as B } from "./components/Dropdown/Dropdown.js";
 import { default as R, useFilePickerContext as v } from "./components/FilePicker/FilePicker.js";
 import { default as I } from "./components/Search/Search.js";
 import { default as S } from "./components/Datepicker/Datepicker.js";
-import { R as N } from "./RichTextEditor-cvtLFe4t.js";
+import { R as N } from "./RichTextEditor-JH6YBGiw.js";
 import { default as w } from "./components/Toast/Toast.js";
-import { T as E } from "./ToastProvider-D5LImZ-Q.js";
-import { u as L } from "./useToast-Cz5MGKnw.js";
+import { T as E } from "./ToastProvider-DVycF0zU.js";
+import { u as L } from "./useToast-CpwrYPvx.js";
 import { default as q } from "./components/Creatable/Creatable.js";
 import { default as z } from "./components/SplitButton/SplitButton.js";
 import { default as K } from "./components/DragAndDrop/DragAndDrop.js";

package/dist/storybook-docs-page.d.ts

@@ -1,5 +1,5 @@
 type StorybookDocsPageProps = {
     includePrimaryStory?: boolean;
 };
-declare const storybookDocsPage: ({ includePrimaryStory }: StorybookDocsPageProps) => import("react/jsx-runtime").JSX.Element;
+declare const storybookDocsPage: ({ includePrimaryStory }: StorybookDocsPageProps) => import("react").JSX.Element;
 export default storybookDocsPage;

package/dist/{useToast-Cz5MGKnw.js → useToast-CpwrYPvx.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { a as r } from "./ToastProvider-D5LImZ-Q.js";
+import { a as r } from "./ToastProvider-DVycF0zU.js";
 function n() {
   const t = o(r);
   if (!t)

package/dist/{vi.bdSIJ99Y-017e_Pkz.js → vi.bdSIJ99Y-DWCVXj6K.js}

@@ -23395,11 +23395,11 @@ function Or(e) {
   return (o == null ? void 0 : o.file) || "";
 }
 export {
-  HM as a,
+  je as a,
   VM as b,
-  Lr as c,
+  HM as c,
   WM as d,
-  je as e,
+  Lr as e,
   Xe as f,
   cM as g,
   zM as i,