@alixpartners/ui-components 2.6.1 → 2.6.2

package/dist/components/Dialog/Dialog.js

@@ -1,123 +1,123 @@
-import { jsx as i, Fragment as he, jsxs as D } from "react/jsx-runtime";
-import * as s from "react";
-import { useState as Re } from "react";
-import { u as ye, a as C, P as h, c as v, b as Pe, e as be } from "../../index-B4szHVNJ.js";
-import { u as E } from "../../index-6DGSlWJb.js";
-import { P as Oe, u as Ne, D as Ie } from "../../index-kgC_DL6e.js";
-import { R as Ee, h as Ce, u as xe, F as Ae } from "../../index-BVZdJVFB.js";
-import { P as x } from "../../index-Bq1FiX6B.js";
+import { jsx as n, jsxs as _, Fragment as W } from "react/jsx-runtime";
+import * as l from "react";
+import { useState as Ne } from "react";
+import { u as be, d as O, P as h, c as v, b as Ee, e as Ie, f as Pe } from "../../index-z_kiwVc3.js";
+import { u as C } from "../../index-C2s_VtSb.js";
+import { P as Ce, D as Oe } from "../../index-CmGGeUr0.js";
+import { R as xe, h as Ae, u as Te, F as Me } from "../../index-CFqDEbIR.js";
+import { P as x } from "../../index-CfIcUHKK.js";
 import { c as we } from "../../clsx-OuTLNxxd.js";
-import S from "../Button/Button.js";
-import Me from "../Icon/Icon.js";
-import '../../assets/Dialog.css';var P = "Dialog", [k] = Pe(P), [Fe, u] = k(P), L = (e) => {
+import k from "../Button/Button.js";
+import Fe from "../Icon/Icon.js";
+import '../../assets/Dialog.css';var N = "Dialog", [G] = Ee(N), [Se, u] = G(N), L = (e) => {
   const {
-    __scopeDialog: l,
+    __scopeDialog: a,
     children: r,
     open: t,
-    defaultOpen: a,
+    defaultOpen: i,
     onOpenChange: o,
-    modal: n = !0
-  } = e, c = s.useRef(null), g = s.useRef(null), [_, m] = ye({
+    modal: s = !0
+  } = e, c = l.useRef(null), g = l.useRef(null), [f, D] = be({
     prop: t,
-    defaultProp: a ?? !1,
+    defaultProp: i ?? !1,
     onChange: o,
-    caller: P
+    caller: N
   });
-  return /* @__PURE__ */ i(
-    Fe,
+  return /* @__PURE__ */ n(
+    Se,
     {
-      scope: l,
+      scope: a,
       triggerRef: c,
       contentRef: g,
-      contentId: E(),
-      titleId: E(),
-      descriptionId: E(),
-      open: _,
-      onOpenChange: m,
-      onOpenToggle: s.useCallback(() => m((b) => !b), [m]),
-      modal: n,
+      contentId: C(),
+      titleId: C(),
+      descriptionId: C(),
+      open: f,
+      onOpenChange: D,
+      onOpenToggle: l.useCallback(() => D((b) => !b), [D]),
+      modal: s,
       children: r
     }
   );
 };
-L.displayName = P;
-var G = "DialogTrigger", j = s.forwardRef(
-  (e, l) => {
-    const { __scopeDialog: r, ...t } = e, a = u(G, r), o = C(l, a.triggerRef);
-    return /* @__PURE__ */ i(
+L.displayName = N;
+var $ = "DialogTrigger", j = l.forwardRef(
+  (e, a) => {
+    const { __scopeDialog: r, ...t } = e, i = u($, r), o = O(a, i.triggerRef);
+    return /* @__PURE__ */ n(
       h.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
-        "aria-expanded": a.open,
-        "aria-controls": a.open ? a.contentId : void 0,
-        "data-state": w(a.open),
+        "aria-expanded": i.open,
+        "aria-controls": i.contentId,
+        "data-state": M(i.open),
         ...t,
         ref: o,
-        onClick: v(e.onClick, a.onOpenToggle)
+        onClick: v(e.onClick, i.onOpenToggle)
       }
     );
   }
 );
-j.displayName = G;
-var A = "DialogPortal", [Te, z] = k(A, {
+j.displayName = $;
+var A = "DialogPortal", [We, z] = G(A, {
   forceMount: void 0
-}), K = (e) => {
-  const { __scopeDialog: l, forceMount: r, children: t, container: a } = e, o = u(A, l);
-  return /* @__PURE__ */ i(Te, { scope: l, forceMount: r, children: s.Children.map(t, (n) => /* @__PURE__ */ i(x, { present: r || o.open, children: /* @__PURE__ */ i(Oe, { asChild: !0, container: a, children: n }) })) });
+}), B = (e) => {
+  const { __scopeDialog: a, forceMount: r, children: t, container: i } = e, o = u(A, a);
+  return /* @__PURE__ */ n(We, { scope: a, forceMount: r, children: l.Children.map(t, (s) => /* @__PURE__ */ n(x, { present: r || o.open, children: /* @__PURE__ */ n(Ce, { asChild: !0, container: i, children: s }) })) });
 };
-K.displayName = A;
-var y = "DialogOverlay", H = s.forwardRef(
-  (e, l) => {
-    const r = z(y, e.__scopeDialog), { forceMount: t = r.forceMount, ...a } = e, o = u(y, e.__scopeDialog);
-    return o.modal ? /* @__PURE__ */ i(x, { present: t || o.open, children: /* @__PURE__ */ i(ke, { ...a, ref: l }) }) : null;
+B.displayName = A;
+var y = "DialogOverlay", K = l.forwardRef(
+  (e, a) => {
+    const r = z(y, e.__scopeDialog), { forceMount: t = r.forceMount, ...i } = e, o = u(y, e.__scopeDialog);
+    return o.modal ? /* @__PURE__ */ n(x, { present: t || o.open, children: /* @__PURE__ */ n(Ge, { ...i, ref: a }) }) : null;
   }
 );
-H.displayName = y;
-var Se = be("DialogOverlay.RemoveScroll"), ke = s.forwardRef(
-  (e, l) => {
-    const { __scopeDialog: r, ...t } = e, a = u(y, r), o = Ne(), n = C(l, o);
+K.displayName = y;
+var ke = Ie("DialogOverlay.RemoveScroll"), Ge = l.forwardRef(
+  (e, a) => {
+    const { __scopeDialog: r, ...t } = e, i = u(y, r);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ i(Ee, { as: Se, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ i(
+      /* @__PURE__ */ n(xe, { as: ke, allowPinchZoom: !0, shards: [i.contentRef], children: /* @__PURE__ */ n(
         h.div,
         {
-          "data-state": w(a.open),
+          "data-state": M(i.open),
           ...t,
-          ref: n,
+          ref: a,
           style: { pointerEvents: "auto", ...t.style }
         }
       ) })
     );
   }
-), p = "DialogContent", J = s.forwardRef(
-  (e, l) => {
-    const r = z(p, e.__scopeDialog), { forceMount: t = r.forceMount, ...a } = e, o = u(p, e.__scopeDialog);
-    return /* @__PURE__ */ i(x, { present: t || o.open, children: o.modal ? /* @__PURE__ */ i(Le, { ...a, ref: l }) : /* @__PURE__ */ i(Ge, { ...a, ref: l }) });
+), m = "DialogContent", H = l.forwardRef(
+  (e, a) => {
+    const r = z(m, e.__scopeDialog), { forceMount: t = r.forceMount, ...i } = e, o = u(m, e.__scopeDialog);
+    return /* @__PURE__ */ n(x, { present: t || o.open, children: o.modal ? /* @__PURE__ */ n(Le, { ...i, ref: a }) : /* @__PURE__ */ n($e, { ...i, ref: a }) });
   }
 );
-J.displayName = p;
-var Le = s.forwardRef(
-  (e, l) => {
-    const r = u(p, e.__scopeDialog), t = s.useRef(null), a = C(l, r.contentRef, t);
-    return s.useEffect(() => {
+H.displayName = m;
+var Le = l.forwardRef(
+  (e, a) => {
+    const r = u(m, e.__scopeDialog), t = l.useRef(null), i = O(a, r.contentRef, t);
+    return l.useEffect(() => {
       const o = t.current;
-      if (o) return Ce(o);
-    }, []), /* @__PURE__ */ i(
-      B,
+      if (o) return Ae(o);
+    }, []), /* @__PURE__ */ n(
+      J,
       {
         ...e,
-        ref: a,
+        ref: i,
         trapFocus: r.open,
-        disableOutsidePointerEvents: r.open,
+        disableOutsidePointerEvents: !0,
         onCloseAutoFocus: v(e.onCloseAutoFocus, (o) => {
-          var n;
-          o.preventDefault(), (n = r.triggerRef.current) == null || n.focus();
+          var s;
+          o.preventDefault(), (s = r.triggerRef.current) == null || s.focus();
         }),
         onPointerDownOutside: v(e.onPointerDownOutside, (o) => {
-          const n = o.detail.originalEvent, c = n.button === 0 && n.ctrlKey === !0;
-          (n.button === 2 || c) && o.preventDefault();
+          const s = o.detail.originalEvent, c = s.button === 0 && s.ctrlKey === !0;
+          (s.button === 2 || c) && o.preventDefault();
         }),
         onFocusOutside: v(
           e.onFocusOutside,
@@ -126,92 +126,118 @@ var Le = s.forwardRef(
       }
     );
   }
-), Ge = s.forwardRef(
-  (e, l) => {
-    const r = u(p, e.__scopeDialog), t = s.useRef(!1), a = s.useRef(!1);
-    return /* @__PURE__ */ i(
-      B,
+), $e = l.forwardRef(
+  (e, a) => {
+    const r = u(m, e.__scopeDialog), t = l.useRef(!1), i = l.useRef(!1);
+    return /* @__PURE__ */ n(
+      J,
       {
         ...e,
-        ref: l,
+        ref: a,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (o) => {
-          var n, c;
-          (n = e.onCloseAutoFocus) == null || n.call(e, o), o.defaultPrevented || (t.current || (c = r.triggerRef.current) == null || c.focus(), o.preventDefault()), t.current = !1, a.current = !1;
+          var s, c;
+          (s = e.onCloseAutoFocus) == null || s.call(e, o), o.defaultPrevented || (t.current || (c = r.triggerRef.current) == null || c.focus(), o.preventDefault()), t.current = !1, i.current = !1;
         },
         onInteractOutside: (o) => {
-          var g, _;
-          (g = e.onInteractOutside) == null || g.call(e, o), o.defaultPrevented || (t.current = !0, o.detail.originalEvent.type === "pointerdown" && (a.current = !0));
-          const n = o.target;
-          ((_ = r.triggerRef.current) == null ? void 0 : _.contains(n)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && a.current && o.preventDefault();
+          var g, f;
+          (g = e.onInteractOutside) == null || g.call(e, o), o.defaultPrevented || (t.current = !0, o.detail.originalEvent.type === "pointerdown" && (i.current = !0));
+          const s = o.target;
+          ((f = r.triggerRef.current) == null ? void 0 : f.contains(s)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && i.current && o.preventDefault();
         }
       }
     );
   }
-), B = s.forwardRef(
-  (e, l) => {
-    const { __scopeDialog: r, trapFocus: t, onOpenAutoFocus: a, onCloseAutoFocus: o, ...n } = e, c = u(p, r);
-    return xe(), /* @__PURE__ */ i(he, { children: /* @__PURE__ */ i(
-      Ae,
-      {
-        asChild: !0,
-        loop: !0,
-        trapped: t,
-        onMountAutoFocus: a,
-        onUnmountAutoFocus: o,
-        children: /* @__PURE__ */ i(
-          Ie,
-          {
-            role: "dialog",
-            id: c.contentId,
-            "aria-describedby": c.descriptionId,
-            "aria-labelledby": c.titleId,
-            "data-state": w(c.open),
-            ...n,
-            ref: l,
-            deferPointerDownOutside: !0,
-            onDismiss: () => c.onOpenChange(!1)
-          }
-        )
-      }
-    ) });
+), J = l.forwardRef(
+  (e, a) => {
+    const { __scopeDialog: r, trapFocus: t, onOpenAutoFocus: i, onCloseAutoFocus: o, ...s } = e, c = u(m, r), g = l.useRef(null), f = O(a, g);
+    return Te(), /* @__PURE__ */ _(W, { children: [
+      /* @__PURE__ */ n(
+        Me,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: t,
+          onMountAutoFocus: i,
+          onUnmountAutoFocus: o,
+          children: /* @__PURE__ */ n(
+            Oe,
+            {
+              role: "dialog",
+              id: c.contentId,
+              "aria-describedby": c.descriptionId,
+              "aria-labelledby": c.titleId,
+              "data-state": M(c.open),
+              ...s,
+              ref: f,
+              onDismiss: () => c.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ _(W, { children: [
+        /* @__PURE__ */ n(je, { titleId: c.titleId }),
+        /* @__PURE__ */ n(Be, { contentRef: g, descriptionId: c.descriptionId })
+      ] })
+    ] });
   }
-), Q = "DialogTitle", U = s.forwardRef(
-  (e, l) => {
-    const { __scopeDialog: r, ...t } = e, a = u(Q, r);
-    return /* @__PURE__ */ i(h.h2, { id: a.titleId, ...t, ref: l });
+), T = "DialogTitle", V = l.forwardRef(
+  (e, a) => {
+    const { __scopeDialog: r, ...t } = e, i = u(T, r);
+    return /* @__PURE__ */ n(h.h2, { id: i.titleId, ...t, ref: a });
   }
 );
-U.displayName = Q;
-var V = "DialogDescription", Y = s.forwardRef(
-  (e, l) => {
-    const { __scopeDialog: r, ...t } = e, a = u(V, r);
-    return /* @__PURE__ */ i(h.p, { id: a.descriptionId, ...t, ref: l });
+V.displayName = T;
+var q = "DialogDescription", Q = l.forwardRef(
+  (e, a) => {
+    const { __scopeDialog: r, ...t } = e, i = u(q, r);
+    return /* @__PURE__ */ n(h.p, { id: i.descriptionId, ...t, ref: a });
   }
 );
-Y.displayName = V;
-var Z = "DialogClose", $ = s.forwardRef(
-  (e, l) => {
-    const { __scopeDialog: r, ...t } = e, a = u(Z, r);
-    return /* @__PURE__ */ i(
+Q.displayName = q;
+var U = "DialogClose", Y = l.forwardRef(
+  (e, a) => {
+    const { __scopeDialog: r, ...t } = e, i = u(U, r);
+    return /* @__PURE__ */ n(
       h.button,
       {
         type: "button",
         ...t,
-        ref: l,
-        onClick: v(e.onClick, () => a.onOpenChange(!1))
+        ref: a,
+        onClick: v(e.onClick, () => i.onOpenChange(!1))
       }
     );
   }
 );
-$.displayName = Z;
-function w(e) {
+Y.displayName = U;
+function M(e) {
   return e ? "open" : "closed";
 }
-const je = "Dialog-module__dialog___r4ljx", d = {
+var Z = "DialogTitleWarning", [ct, X] = Pe(Z, {
+  contentName: m,
+  titleName: T,
+  docsSlug: "dialog"
+}), je = ({ titleId: e }) => {
+  const a = X(Z), r = `\`${a.contentName}\` requires a \`${a.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${a.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${a.docsSlug}`;
+  return l.useEffect(() => {
+    e && (document.getElementById(e) || console.error(r));
+  }, [r, e]), null;
+}, ze = "DialogDescriptionWarning", Be = ({ contentRef: e, descriptionId: a }) => {
+  const t = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${X(ze).contentName}}.`;
+  return l.useEffect(() => {
+    var o;
+    const i = (o = e.current) == null ? void 0 : o.getAttribute("aria-describedby");
+    a && i && (document.getElementById(a) || console.warn(t));
+  }, [t, e, a]), null;
+}, Ke = L, He = j, Je = B, Ve = K, qe = H, Qe = V, Ue = Q, Ye = Y;
+const Ze = "Dialog-module__dialog___r4ljx", d = {
   "dialog-overlay": "Dialog-module__dialog-overlay___mgT2B",
-  dialog: je,
+  dialog: Ze,
   "dialog-width-auto": "Dialog-module__dialog-width-auto___96jJl",
   "dialog-scrollable": "Dialog-module__dialog-scrollable___1ch32",
   "dialog-illustration": "Dialog-module__dialog-illustration___IHiQl",
@@ -222,68 +248,68 @@ const je = "Dialog-module__dialog___r4ljx", d = {
   "dialog-close-button": "Dialog-module__dialog-close-button___-PzEz",
   "dialog-close-button-icon": "Dialog-module__dialog-close-button-icon___BeGg2"
 };
-function $e({
+function dt({
   children: e,
-  isOpen: l,
+  isOpen: a,
   defaultOpen: r = !1,
   onClose: t,
-  onOpenChange: a,
+  onOpenChange: i,
   showCloseButton: o,
-  closeOnOverlayClick: n = !0,
+  closeOnOverlayClick: s = !0,
   closeOnEscape: c = !0,
   modal: g = !0,
-  container: _,
-  title: m,
+  container: f,
+  title: D,
   description: b,
-  descriptionScrollable: q,
-  widthAuto: W,
-  illustrationSrc: M,
+  descriptionScrollable: ee,
+  widthAuto: te,
+  illustrationSrc: w,
   confirmButtonText: F,
-  confirmButtonDisabled: X,
-  cancelButtonText: T,
-  confirmButtonType: ee = "primary",
-  cancelButtonType: oe = "primary",
-  confirmButtonVariant: te = "default",
-  cancelButtonVariant: ae = "cancel",
-  confirmButtonSize: ie = "md",
-  cancelButtonSize: re = "md",
-  confirmButtonIcon: le,
-  cancelButtonIcon: ne,
-  onConfirm: O,
-  onCancel: N,
-  className: se,
-  ...ce
+  confirmButtonDisabled: oe,
+  cancelButtonText: S,
+  confirmButtonType: ae = "primary",
+  cancelButtonType: ie = "primary",
+  confirmButtonVariant: ne = "default",
+  cancelButtonVariant: re = "cancel",
+  confirmButtonSize: le = "md",
+  cancelButtonSize: se = "md",
+  confirmButtonIcon: ce,
+  cancelButtonIcon: de,
+  onConfirm: E,
+  onCancel: I,
+  className: ue,
+  ...ge
 }) {
-  const [de, I] = Re(r), R = l !== void 0, ue = R ? l : de, ge = o !== void 0 ? o : t !== void 0, fe = (f) => {
-    R || I(f), a == null || a(f), f || t == null || t();
-  }, _e = (f) => {
-    c || f.preventDefault();
-  }, pe = (f) => {
-    n || f.preventDefault();
-  }, me = () => {
-    O == null || O(), R || I(!1), t == null || t();
-  }, De = () => {
-    N == null || N(), R || I(!1), t == null || t();
-  }, ve = /* @__PURE__ */ D(L, { open: ue, onOpenChange: fe, modal: g, children: [
-    e && /* @__PURE__ */ i(j, { asChild: !0, children: /* @__PURE__ */ i("div", { children: e }) }),
-    /* @__PURE__ */ D(K, { container: _, children: [
-      /* @__PURE__ */ i(H, { className: d["dialog-overlay"] }),
-      /* @__PURE__ */ D(J, { className: we(d.dialog, q && d["dialog-scrollable"], W && d["dialog-width-auto"]), onEscapeKeyDown: _e, onInteractOutside: pe, children: [
-        ge && /* @__PURE__ */ i($, { className: d["dialog-close-button"], "aria-label": "Close dialog", children: /* @__PURE__ */ i(Me, { className: d["dialog-close-button-icon"], icon: "ap-icon-close" }) }),
-        M && /* @__PURE__ */ i("div", { className: d["dialog-illustration"], children: /* @__PURE__ */ i("img", { src: M, alt: "Dialog illustration" }) }),
-        /* @__PURE__ */ D("div", { className: d["dialog-content"], children: [
-          /* @__PURE__ */ i(U, { className: d["dialog-title"], children: m }),
-          /* @__PURE__ */ i(Y, { asChild: !0, children: /* @__PURE__ */ i("div", { className: d["dialog-description"], children: b }) })
+  const [fe, P] = Ne(r), R = a !== void 0, pe = R ? a : fe, _e = o !== void 0 ? o : t !== void 0, me = (p) => {
+    R || P(p), i == null || i(p), p || t == null || t();
+  }, De = (p) => {
+    c || p.preventDefault();
+  }, ve = (p) => {
+    s || p.preventDefault();
+  }, he = () => {
+    E == null || E(), R || P(!1), t == null || t();
+  }, Re = () => {
+    I == null || I(), R || P(!1), t == null || t();
+  }, ye = /* @__PURE__ */ _(Ke, { open: pe, onOpenChange: me, modal: g, children: [
+    e && /* @__PURE__ */ n(He, { asChild: !0, children: /* @__PURE__ */ n("div", { children: e }) }),
+    /* @__PURE__ */ _(Je, { container: f, children: [
+      /* @__PURE__ */ n(Ve, { className: d["dialog-overlay"] }),
+      /* @__PURE__ */ _(qe, { className: we(d.dialog, ee && d["dialog-scrollable"], te && d["dialog-width-auto"]), onEscapeKeyDown: De, onInteractOutside: ve, children: [
+        _e && /* @__PURE__ */ n(Ye, { className: d["dialog-close-button"], "aria-label": "Close dialog", children: /* @__PURE__ */ n(Fe, { className: d["dialog-close-button-icon"], icon: "ap-icon-close" }) }),
+        w && /* @__PURE__ */ n("div", { className: d["dialog-illustration"], children: /* @__PURE__ */ n("img", { src: w, alt: "Dialog illustration" }) }),
+        /* @__PURE__ */ _("div", { className: d["dialog-content"], children: [
+          /* @__PURE__ */ n(Qe, { className: d["dialog-title"], children: D }),
+          /* @__PURE__ */ n(Ue, { asChild: !0, children: /* @__PURE__ */ n("div", { className: d["dialog-description"], children: b }) })
         ] }),
-        /* @__PURE__ */ D("div", { className: d["dialog-buttons"], children: [
-          T && /* @__PURE__ */ i(S, { type: oe, variant: ae, size: re, onClick: De, icon: ne, children: T }),
-          F && /* @__PURE__ */ i(S, { type: ee, variant: te, size: ie, onClick: me, icon: le, disabled: X, children: F })
+        /* @__PURE__ */ _("div", { className: d["dialog-buttons"], children: [
+          S && /* @__PURE__ */ n(k, { type: ie, variant: re, size: se, onClick: Re, icon: de, children: S }),
+          F && /* @__PURE__ */ n(k, { type: ae, variant: ne, size: le, onClick: he, icon: ce, disabled: oe, children: F })
         ] })
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ i("div", { className: se, ...ce, children: ve });
+  return /* @__PURE__ */ n("div", { className: ue, ...ge, children: ye });
 }
 export {
-  $e as default
+  dt as default
 };

package/dist/components/Dialog/Dialog.test.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as B } from "react/jsx-runtime";
-import { d as T, i as l, r as c, s as o, g as t, v as d, f as r } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
+import { d as T, i as l, r as c, s as o, g as t, v as d, f as r } from "../../vi.bdSIJ99Y-017e_Pkz.js";
 import p from "../Button/Button.js";
 import s from "./Dialog.js";
 T("Dialog", () => {

package/dist/components/DragAndDrop/DragAndDrop.d.ts

@@ -96,5 +96,5 @@ type DragAndDropProps = {
  * @param {boolean} [props.queueFiles] - When true, newly selected files are appended to the existing list
  * @returns {JSX.Element} The rendered DragAndDrop component
  */
-export default function DragAndDrop({ label, type, disabled, required, errorMessage, fileExtensionsAllowed, maxSize, constraintsText, maxFiles, value, onUpload, onRemoveFile, queueFiles, className, maxSizeErrorMessage, fileExtensionInvalidErrorMessage, texts, fileIcon, errorIcon, deleteIcon, browseButtonIcon, renderFileItem, fileSizeFormatter, browseButtonProps, validator, errors: externalErrors, ...props }: DragAndDropProps): import("react").JSX.Element;
+export default function DragAndDrop({ label, type, disabled, required, errorMessage, fileExtensionsAllowed, maxSize, constraintsText, maxFiles, value, onUpload, onRemoveFile, queueFiles, className, maxSizeErrorMessage, fileExtensionInvalidErrorMessage, texts, fileIcon, errorIcon, deleteIcon, browseButtonIcon, renderFileItem, fileSizeFormatter, browseButtonProps, validator, errors: externalErrors, ...props }: DragAndDropProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DragAndDrop/DragAndDrop.test.js

@@ -1,8 +1,8 @@
 import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import { d as y, i as d, r, g as e, s as o, v as c, w as f, f as B } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
+import { d as y, i as d, r, g as e, s as o, v as c, w as f, f as B } from "../../vi.bdSIJ99Y-017e_Pkz.js";
 import l from "./DragAndDrop.js";
 import { c as h, d as I } from "../../DragAndDrop.utils-D3xTV9EK.js";
-import { u as w } from "../../index-banDzeKa.js";
+import { u as w } from "../../index-DkTDHhag.js";
 y("DragAndDrop", () => {
   y("Rendering", () => {
     y("Basic rendering", () => {

package/dist/components/Dropdown/Dropdown.d.ts

@@ -71,5 +71,5 @@ type DropdownProps = {
  * @param {number} [props.maxCount] - Maximum number of options that can be selected in multi-select mode. Unselected options are disabled when the limit is reached and "Select all" is disabled.
  * @returns {JSX.Element} The rendered Dropdown component
  */
-export default function Dropdown({ className, label, options, value, placeholder, disabled, required, searchable, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, onToggleChange, toggleLabel, dropdownTriggerClassName, dropdownMenuClassName, hideSelectedItems, labelTooltip, unselect, selectedOptionLabel, selectedOptionsLabel, allOptionsSelectedLabel, caseSensitive, maxCount, ...props }: DropdownProps): import("react").JSX.Element;
+export default function Dropdown({ className, label, options, value, placeholder, disabled, required, searchable, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, onToggleChange, toggleLabel, dropdownTriggerClassName, dropdownMenuClassName, hideSelectedItems, labelTooltip, unselect, selectedOptionLabel, selectedOptionsLabel, allOptionsSelectedLabel, caseSensitive, maxCount, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dropdown/Dropdown.js

@@ -7,7 +7,7 @@ import de from "../Button/Button.js";
 import te from "../Ghost/Ghost.js";
 import xe from "../Search/Search.js";
 import Ee from "../Tooltip/Tooltip.js";
-import { R as Fe, T as We, P as Ce, C as qe } from "../../index-CcsZYEYy.js";
+import { R as Fe, T as We, P as Ce, C as qe } from "../../index-CCFDXH-J.js";
 import '../../assets/Dropdown.css';const Je = "Dropdown-module__dropdownContainer___beNhQ", ze = "Dropdown-module__dropdownLabel___T9FmB", Ge = "Dropdown-module__dropdownLabelDisabled___SLRmM", Be = "Dropdown-module__required___ChI1m", Ue = "Dropdown-module__dropdownWrapper___AUuWD", je = "Dropdown-module__dropdownTrigger___Rue93", Pe = "Dropdown-module__dropdownTriggerDisabled___63wkd", $e = "Dropdown-module__dropdownTriggerOpen___cbm8V", Ye = "Dropdown-module__placeholder___fWdch", Ze = "Dropdown-module__selectedOptionLabel___7Zdh3", Qe = "Dropdown-module__dropdownSelectedItems___iXnpQ", Ke = "Dropdown-module__dropdownTriggerError___Uu02x", Xe = "Dropdown-module__dropdownContent___zLMhL", He = "Dropdown-module__dropdownActions___d55Fa", eo = "Dropdown-module__dropdownArrow___dLbrb", oo = "Dropdown-module__dropdownArrowOpen___Z4Nh1", no = "Dropdown-module__dropdownMenu___toYcy", ro = "Dropdown-module__dropdownMenuToolbar___gFne0", to = "Dropdown-module__searchContainer___4kUvD", lo = "Dropdown-module__search___JmgDx", so = "Dropdown-module__optionsList___rk2hi", io = "Dropdown-module__categoryGroup___Np2bP", co = "Dropdown-module__categoryDivider___Gh6F0", ao = "Dropdown-module__categoryLabel___B9IDR", po = "Dropdown-module__optionItem___7pi10", _o = "Dropdown-module__optionItemDisabled___aepUD", uo = "Dropdown-module__optionItemFocused___u2781", wo = "Dropdown-module__optionContent___nf1VC", mo = "Dropdown-module__optionLabel___sJerM", fo = "Dropdown-module__tickIcon___hYdCr", ho = "Dropdown-module__noOptions___8vmhM", Do = "Dropdown-module__helpers___s4ulA", bo = "Dropdown-module__helpText___YooJE", go = "Dropdown-module__helpTextDisabled___Ct4qq", No = "Dropdown-module__helpLink___-Zwpq", vo = "Dropdown-module__helpLinkDisabled___r-opC", Lo = "Dropdown-module__errorMessage___3Mopi", Oo = "Dropdown-module__selectAllContainer___Dlk3J", Io = "Dropdown-module__actionButtons___-2nvr", o = {
   dropdownContainer: Je,
   dropdownLabel: ze,

package/dist/components/FilePicker/FilePicker.d.ts

@@ -66,37 +66,37 @@ type FilePickerProps = {
  * FilePicker root. Use with no children for default layout, or compose with
  * FilePicker.Label, FilePicker.BrowseButton, FilePicker.HelpText, FilePicker.UploadedFilesList, etc.
  */
-declare function FilePickerRoot({ type, maxFiles, fileExtensionsAllowed, maxSize, queueFiles, disabled, isUploadDisabled, value, label, required, placeholder, errorMessage, maxSizeErrorMessage, fileExtensionInvalidErrorMessage, helpText, helpLink, helpLinkText, multipleHelpText, multipleButtonHelpText, labelTooltip, uploadedFileAppendedRow, onUpload, onRemoveFile, children, }: FilePickerProps): import("react").JSX.Element;
+declare function FilePickerRoot({ type, maxFiles, fileExtensionsAllowed, maxSize, queueFiles, disabled, isUploadDisabled, value, label, required, placeholder, errorMessage, maxSizeErrorMessage, fileExtensionInvalidErrorMessage, helpText, helpLink, helpLinkText, multipleHelpText, multipleButtonHelpText, labelTooltip, uploadedFileAppendedRow, onUpload, onRemoveFile, children, }: FilePickerProps): import("react/jsx-runtime").JSX.Element;
 type FilePickerLabelProps = {
     /** Override label text. If not provided, uses FilePicker's label prop. */
     children?: ReactNode;
 };
-declare function FilePickerLabel({ children }: FilePickerLabelProps): import("react").JSX.Element;
+declare function FilePickerLabel({ children }: FilePickerLabelProps): import("react/jsx-runtime").JSX.Element;
 type FilePickerBrowseButtonProps = {
     /** Override button content (e.g. "Browse file" or "Browse files (max 5)"). */
     children?: ReactNode;
     className?: string;
 };
-declare function FilePickerBrowseButton({ children, className }: FilePickerBrowseButtonProps): import("react").JSX.Element;
+declare function FilePickerBrowseButton({ children, className }: FilePickerBrowseButtonProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Wrapper for single-file mode: groups the input row and optional delete action.
  * Use with FilePicker.SingleFileRow and FilePicker.SingleFileActions as children.
  */
 declare function FilePickerSingleFileContainer({ children }: {
     children?: ReactNode;
-}): import("react").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 /**
  * Single-file mode: shows filename/placeholder and a slot for the browse button.
  * Put FilePicker.BrowseButton (optionally wrapped in Tooltip) as children.
  */
 declare function FilePickerSingleFileRow({ children }: {
     children?: ReactNode;
-}): import("react").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 /** Renders the reserved space and delete button for single-file mode (for use in composed layout). */
-declare function FilePickerSingleFileActions(): import("react").JSX.Element | null;
-declare function FilePickerSingleFileDeleteButton(): import("react").JSX.Element | null;
-declare function FilePickerHelpText(): import("react").JSX.Element | null;
-declare function FilePickerUploadedFilesList(): import("react").JSX.Element | null;
+declare function FilePickerSingleFileActions(): import("react/jsx-runtime").JSX.Element | null;
+declare function FilePickerSingleFileDeleteButton(): import("react/jsx-runtime").JSX.Element | null;
+declare function FilePickerHelpText(): import("react/jsx-runtime").JSX.Element | null;
+declare function FilePickerUploadedFilesList(): import("react/jsx-runtime").JSX.Element | null;
 declare const FilePicker: typeof FilePickerRoot & {
     Label: typeof FilePickerLabel;
     BrowseButton: typeof FilePickerBrowseButton;

package/dist/components/FilePicker/FilePicker.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as B, i as n, r as s, g as e, s as l, w as m, v as f, f as T } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
-import { u as r } from "../../index-banDzeKa.js";
+import { d as B, i as n, r as s, g as e, s as l, w as m, v as f, f as T } from "../../vi.bdSIJ99Y-017e_Pkz.js";
+import { u as r } from "../../index-DkTDHhag.js";
 import a from "./FilePicker.js";
 const c = {
   fileExtensionsAllowed: ["xlsx", "csv"],

package/dist/components/Ghost/Ghost.d.ts

@@ -21,5 +21,5 @@ type GhostProps = {
     icon?: ApIcon;
     noIcon?: boolean;
 } & InteractiveEventHandlers;
-export default function Ghost({ variant, disabled, onClick, children, icon, noIcon, className, ...props }: GhostProps): import("react").JSX.Element;
+export default function Ghost({ variant, disabled, onClick, children, icon, noIcon, className, ...props }: GhostProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Ghost/Ghost.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as i, i as s, r as a, g as e, s as n, v as r, f as u } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
+import { d as i, i as s, r as a, g as e, s as n, v as r, f as u } from "../../vi.bdSIJ99Y-017e_Pkz.js";
 import d from "./Ghost.js";
 i("Ghost", () => {
   i("Rendering", () => {

package/dist/components/Icon/Icon.d.ts

@@ -4,5 +4,5 @@ type IconProps = {
     icon?: ApIcon;
     className?: string;
 } & DataAttributes;
-export default function Icon({ icon, className, ...props }: IconProps): import("react").JSX.Element;
+export default function Icon({ icon, className, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
 export {};