@alixpartners/ui-components 2.5.6 → 2.6.0

package/dist/components/Dialog/Dialog.js

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

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

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as B } from "react/jsx-runtime";
-import { d as T, i as c, r as l, s as o, g as t, v as d, f as r } from "../../vi.bdSIJ99Y-017e_Pkz.js";
+import { d as T, i as c, r as l, s as o, g as t, v as d, f as r } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
 import s from "./Dialog.js";
 import p from "../Button/Button.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-runtime").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.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-017e_Pkz.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-DWCVXj6K.js";
 import l from "./DragAndDrop.js";
 import { c as h, d as I } from "../../DragAndDrop.utils-D3xTV9EK.js";
-import { u as w } from "../../index-DkTDHhag.js";
+import { u as w } from "../../index-banDzeKa.js";
 y("DragAndDrop", () => {
   y("Rendering", () => {
     y("Basic rendering", () => {

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

@@ -38,6 +38,7 @@ type DropdownProps = {
     selectedOptionsLabel?: string;
     allOptionsSelectedLabel?: string;
     caseSensitive?: boolean;
+    maxCount?: number;
 } & DataAttributes & InteractiveEventHandlers;
 /**
  * A flexible dropdown component that supports single and multi-select functionality with search, categorization, and keyboard navigation.
@@ -67,7 +68,8 @@ type DropdownProps = {
  * @param {LabelTooltipProps} [props.labelTooltip] - Tooltip to display next to the label
  * @param {boolean} [props.unselect] - Whether single select dropdown allows deselection of selected items (defaults to false)
  * @param {boolean} [props.caseSensitive] - Whether to perform case-sensitive matching when checking for existing options in creatable mode (defaults to false)
+ * @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, ...props }: DropdownProps): import("react/jsx-runtime").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.Element;
 export {};