@alixpartners/ui-components 2.1.0 → 2.2.0

package/dist/components/Dropdown/Dropdown.js

@@ -1,61 +1,60 @@
 import { jsxs as s, jsx as d } from "react/jsx-runtime";
-import { c as D } from "../../clsx-OuTLNxxd.js";
-import { useContext as Me, useState as b, useRef as T, useEffect as v, useCallback as oe } from "react";
+import { c as h } from "../../clsx-OuTLNxxd.js";
+import { useState as b, useRef as T, useEffect as v, useCallback as oe } from "react";
 import B from "../Icon/Icon.js";
-import Se from "../Toggle/Toggle.js";
+import Ce from "../Toggle/Toggle.js";
 import ne from "../Button/Button.js";
 import re from "../Ghost/Ghost.js";
-import Ve from "../Search/Search.js";
-import Re from "../Tooltip/Tooltip.js";
-import { DialogContext as Ee } from "../Dialog/Dialog.js";
-import { R as Fe, T as We, P as qe, C as Je } from "../../index-BKtdMA_j.js";
-import '../../assets/Dropdown.css';const ze = "Dropdown-module__dropdownContainer___beNhQ", Ge = "Dropdown-module__dropdownLabel___T9FmB", Be = "Dropdown-module__dropdownLabelDisabled___SLRmM", Ue = "Dropdown-module__required___ChI1m", je = "Dropdown-module__dropdownWrapper___AUuWD", Pe = "Dropdown-module__dropdownTrigger___Rue93", Ye = "Dropdown-module__dropdownTriggerDisabled___63wkd", $e = "Dropdown-module__dropdownTriggerOpen___cbm8V", Ze = "Dropdown-module__dropdownTriggerError___Uu02x", Qe = "Dropdown-module__dropdownContent___zLMhL", Ke = "Dropdown-module__dropdownSelectedItems___iXnpQ", Xe = "Dropdown-module__selectedOptionLabel___7Zdh3", He = "Dropdown-module__placeholder___fWdch", eo = "Dropdown-module__dropdownActions___d55Fa", oo = "Dropdown-module__dropdownArrow___dLbrb", no = "Dropdown-module__dropdownArrowOpen___Z4Nh1", ro = "Dropdown-module__dropdownMenu___toYcy", to = "Dropdown-module__dropdownMenuToolbar___gFne0", lo = "Dropdown-module__searchContainer___4kUvD", so = "Dropdown-module__search___JmgDx", io = "Dropdown-module__optionsList___rk2hi", co = "Dropdown-module__categoryGroup___Np2bP", ao = "Dropdown-module__categoryDivider___Gh6F0", po = "Dropdown-module__categoryLabel___B9IDR", _o = "Dropdown-module__optionItem___7pi10", uo = "Dropdown-module__optionItemDisabled___aepUD", mo = "Dropdown-module__optionItemFocused___u2781", wo = "Dropdown-module__optionContent___nf1VC", fo = "Dropdown-module__optionLabel___sJerM", Do = "Dropdown-module__tickIcon___hYdCr", ho = "Dropdown-module__noOptions___8vmhM", bo = "Dropdown-module__helpers___s4ulA", go = "Dropdown-module__helpText___YooJE", No = "Dropdown-module__helpTextDisabled___Ct4qq", vo = "Dropdown-module__helpLink___-Zwpq", Lo = "Dropdown-module__helpLinkDisabled___r-opC", Oo = "Dropdown-module__errorMessage___3Mopi", Io = "Dropdown-module__selectAllContainer___Dlk3J", yo = "Dropdown-module__actionButtons___-2nvr", o = {
-  dropdownContainer: ze,
-  dropdownLabel: Ge,
+import Me from "../Search/Search.js";
+import Se from "../Tooltip/Tooltip.js";
+import { R as Ve, T as Re, P as Ee, C as Fe } from "../../index-C4ffg1vf.js";
+import '../../assets/Dropdown.css';const We = "Dropdown-module__dropdownContainer___beNhQ", qe = "Dropdown-module__dropdownLabel___T9FmB", Je = "Dropdown-module__dropdownLabelDisabled___SLRmM", ze = "Dropdown-module__required___ChI1m", Ge = "Dropdown-module__dropdownWrapper___AUuWD", Be = "Dropdown-module__dropdownTrigger___Rue93", Ue = "Dropdown-module__dropdownTriggerDisabled___63wkd", je = "Dropdown-module__dropdownTriggerOpen___cbm8V", Pe = "Dropdown-module__placeholder___fWdch", Ye = "Dropdown-module__selectedOptionLabel___7Zdh3", $e = "Dropdown-module__dropdownSelectedItems___iXnpQ", Ze = "Dropdown-module__dropdownTriggerError___Uu02x", Qe = "Dropdown-module__dropdownContent___zLMhL", Ke = "Dropdown-module__dropdownActions___d55Fa", Xe = "Dropdown-module__dropdownArrow___dLbrb", He = "Dropdown-module__dropdownArrowOpen___Z4Nh1", eo = "Dropdown-module__dropdownMenu___toYcy", oo = "Dropdown-module__dropdownMenuToolbar___gFne0", no = "Dropdown-module__searchContainer___4kUvD", ro = "Dropdown-module__search___JmgDx", to = "Dropdown-module__optionsList___rk2hi", lo = "Dropdown-module__categoryGroup___Np2bP", so = "Dropdown-module__categoryDivider___Gh6F0", io = "Dropdown-module__categoryLabel___B9IDR", co = "Dropdown-module__optionItem___7pi10", ao = "Dropdown-module__optionItemDisabled___aepUD", po = "Dropdown-module__optionItemFocused___u2781", _o = "Dropdown-module__optionContent___nf1VC", uo = "Dropdown-module__optionLabel___sJerM", mo = "Dropdown-module__tickIcon___hYdCr", wo = "Dropdown-module__noOptions___8vmhM", fo = "Dropdown-module__helpers___s4ulA", ho = "Dropdown-module__helpText___YooJE", Do = "Dropdown-module__helpTextDisabled___Ct4qq", bo = "Dropdown-module__helpLink___-Zwpq", go = "Dropdown-module__helpLinkDisabled___r-opC", No = "Dropdown-module__errorMessage___3Mopi", vo = "Dropdown-module__selectAllContainer___Dlk3J", Lo = "Dropdown-module__actionButtons___-2nvr", o = {
+  dropdownContainer: We,
+  dropdownLabel: qe,
   "label-text": "Dropdown-module__label-text___VEqG-",
-  dropdownLabelDisabled: Be,
+  dropdownLabelDisabled: Je,
   "label-tooltip-icon": "Dropdown-module__label-tooltip-icon___JYVOm",
-  required: Ue,
-  dropdownWrapper: je,
+  required: ze,
+  dropdownWrapper: Ge,
   "dropdown-menu-trigger": "Dropdown-module__dropdown-menu-trigger___fgqVT",
-  dropdownTrigger: Pe,
-  dropdownTriggerDisabled: Ye,
-  dropdownTriggerOpen: $e,
+  dropdownTrigger: Be,
+  dropdownTriggerDisabled: Ue,
+  dropdownTriggerOpen: je,
+  placeholder: Pe,
+  selectedOptionLabel: Ye,
+  dropdownSelectedItems: $e,
   dropdownTriggerError: Ze,
   dropdownContent: Qe,
-  dropdownSelectedItems: Ke,
-  selectedOptionLabel: Xe,
-  placeholder: He,
-  dropdownActions: eo,
-  dropdownArrow: oo,
-  dropdownArrowOpen: no,
-  dropdownMenu: ro,
+  dropdownActions: Ke,
+  dropdownArrow: Xe,
+  dropdownArrowOpen: He,
+  dropdownMenu: eo,
   "dropdown-container-grouped": "Dropdown-module__dropdown-container-grouped___1twhU",
   "dropdown-container-multi-select": "Dropdown-module__dropdown-container-multi-select___zdaum",
-  dropdownMenuToolbar: to,
-  searchContainer: lo,
-  search: so,
-  optionsList: io,
-  categoryGroup: co,
-  categoryDivider: ao,
-  categoryLabel: po,
-  optionItem: _o,
-  optionItemDisabled: uo,
-  optionItemFocused: mo,
-  optionContent: wo,
-  optionLabel: fo,
-  tickIcon: Do,
-  noOptions: ho,
-  helpers: bo,
-  helpText: go,
-  helpTextDisabled: No,
-  helpLink: vo,
-  helpLinkDisabled: Lo,
-  errorMessage: Oo,
-  selectAllContainer: Io,
-  actionButtons: yo
+  dropdownMenuToolbar: oo,
+  searchContainer: no,
+  search: ro,
+  optionsList: to,
+  categoryGroup: lo,
+  categoryDivider: so,
+  categoryLabel: io,
+  optionItem: co,
+  optionItemDisabled: ao,
+  optionItemFocused: po,
+  optionContent: _o,
+  optionLabel: uo,
+  tickIcon: mo,
+  noOptions: wo,
+  helpers: fo,
+  helpText: ho,
+  helpTextDisabled: Do,
+  helpLink: bo,
+  helpLinkDisabled: go,
+  errorMessage: No,
+  selectAllContainer: vo,
+  actionButtons: Lo
 };
-function Wo({
+function Vo({
   className: de,
   label: E,
   options: F,
@@ -79,7 +78,7 @@ function Wo({
   dropdownTriggerClassName: ce,
   dropdownMenuClassName: ae,
   hideSelectedItems: pe = !1,
-  labelTooltip: h,
+  labelTooltip: D,
   unselect: S = !1,
   selectedOptionLabel: _e = "option selected",
   selectedOptionsLabel: ue = "options selected",
@@ -87,13 +86,13 @@ function Wo({
   caseSensitive: P = !1,
   ...me
 }) {
-  const we = Me(Ee), [i, g] = b(p), [l, f] = b(!1), [Y, _] = b(""), [I, c] = b(-1), [w, u] = b([]), $ = T(null), Z = T(null), fe = T(null), z = T(null), [Q, De] = b(0), [he, be] = b(p.length > 0 ? p.join(", ") : A ?? ""), K = T(p);
+  const [i, g] = b(p), [l, f] = b(!1), [Y, _] = b(""), [I, c] = b(-1), [w, u] = b([]), $ = T(null), Z = T(null), we = T(null), z = T(null), [Q, fe] = b(0), [he, De] = b(p.length > 0 ? p.join(", ") : A ?? ""), K = T(p);
   v(() => {
     JSON.stringify(K.current) !== JSON.stringify(p) && (g(p), K.current = p);
   }, [p]), v(() => {
     var r;
     const e = (r = Z.current) == null ? void 0 : r.getBoundingClientRect().width;
-    e && De(e);
+    e && fe(e);
   }, [l]), v(() => {
     l && u([...i]);
   }, [l, i]);
@@ -102,11 +101,11 @@ function Wo({
     return r.includes(n);
   });
   v(() => {
-    be(p.length > 0 ? p.join(", ") : A ?? "");
+    De(p.length > 0 ? p.join(", ") : A ?? "");
   }, [p, A]), v(() => {
     l && x && z.current && z.current.focus();
   }, [l, x]);
-  const ge = (e) => {
+  const be = (e) => {
     f(e), e ? (u([...i]), _(""), c(-1)) : (_(""), c(-1), u([]));
   }, G = oe((e) => {
     if (e.disabled) return;
@@ -125,13 +124,13 @@ function Wo({
       return;
     }
     u(r);
-  }, [m, t, w, i, S]), Ne = () => {
+  }, [m, t, w, i, S]), ge = () => {
     g(w), t == null || t(w), f(!1), _(""), c(-1), u([]);
-  }, ve = () => {
+  }, Ne = () => {
     f(!1), _(""), c(-1), u([]);
-  }, Le = (e) => {
+  }, ve = (e) => {
     _(e), c(-1), J == null || J(e);
-  }, Oe = oe((e) => {
+  }, Le = oe((e) => {
     var r;
     if (!e.disabled) {
       if (m) {
@@ -146,9 +145,9 @@ function Wo({
         const n = [e.value];
         g(n), t == null || t(n), f(!1), _(""), c(-1);
       }
-      (r = fe.current) == null || r.focus();
+      (r = we.current) == null || r.focus();
     }
-  }, [m, t, i, S]), Ie = (e) => {
+  }, [m, t, i, S]), Oe = (e) => {
     M == null || M(e);
   };
   v(() => {
@@ -173,31 +172,31 @@ function Wo({
         }
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [l, I, a, Oe, G]);
-  const V = l ? w : i, y = F.filter((e) => V.includes(e.value)), ye = !!O, ke = JSON.stringify(w) !== JSON.stringify(i), H = F.filter((e) => !e.disabled), Te = H.length > 0 && H.every((e) => V.includes(e.value)), Ae = a.reduce((e, r) => {
+  }, [l, I, a, Le, G]);
+  const V = l ? w : i, y = F.filter((e) => V.includes(e.value)), Ie = !!O, ye = JSON.stringify(w) !== JSON.stringify(i), H = F.filter((e) => !e.disabled), ke = H.length > 0 && H.every((e) => V.includes(e.value)), Te = a.reduce((e, r) => {
     const n = r.category || "default";
     return e[n] || (e[n] = []), e[n].push(r), e;
-  }, {}), xe = a, {
+  }, {}), Ae = a, {
     onBlur: N,
     ...ee
   } = me;
-  return /* @__PURE__ */ s("div", { ref: $, className: D(o.root, o.dropdownContainer, se && o["dropdown-container-grouped"], m && o["dropdown-container-multi-select"], de), ...ee, children: [
-    E && /* @__PURE__ */ s("label", { className: D(o.dropdownLabel, L && o.dropdownLabelDisabled), children: [
+  return /* @__PURE__ */ s("div", { ref: $, className: h(o.root, o.dropdownContainer, se && o["dropdown-container-grouped"], m && o["dropdown-container-multi-select"], de), ...ee, children: [
+    E && /* @__PURE__ */ s("label", { className: h(o.dropdownLabel, L && o.dropdownLabelDisabled), children: [
       /* @__PURE__ */ d("span", { title: E, className: o["label-text"], children: E }),
       te && /* @__PURE__ */ d("span", { className: o.required, children: "*" }),
-      h && /* @__PURE__ */ d(Re, { content: h.content, size: h.size, theme: h.theme, tipSide: h.tipSide, tipAlignment: h.tipAlignment, startVisible: h.startVisible, children: /* @__PURE__ */ d(B, { icon: "ap-icon-info", className: o["label-tooltip-icon"] }) })
+      D && /* @__PURE__ */ d(Se, { content: D.content, size: D.size, theme: D.theme, tipSide: D.tipSide, tipAlignment: D.tipAlignment, startVisible: D.startVisible, children: /* @__PURE__ */ d(B, { icon: "ap-icon-info", className: o["label-tooltip-icon"] }) })
     ] }),
-    /* @__PURE__ */ d(Fe, { open: l, onOpenChange: ge, children: /* @__PURE__ */ s("div", { className: o.dropdownWrapper, children: [
-      /* @__PURE__ */ d(We, { disabled: L, className: D(o["dropdown-menu-trigger"], o.dropdownTrigger, ce, l && o.dropdownTriggerOpen, L && o.dropdownTriggerDisabled, ye && o.dropdownTriggerError), ref: Z, onBlur: (e) => {
+    /* @__PURE__ */ d(Ve, { open: l, onOpenChange: be, children: /* @__PURE__ */ s("div", { className: o.dropdownWrapper, children: [
+      /* @__PURE__ */ d(Re, { disabled: L, className: h(o["dropdown-menu-trigger"], o.dropdownTrigger, ce, l && o.dropdownTriggerOpen, L && o.dropdownTriggerDisabled, Ie && o.dropdownTriggerError), ref: Z, onBlur: (e) => {
         l || N == null || N(e);
       }, ...ee, children: /* @__PURE__ */ s("div", { className: o.dropdownContent, children: [
-        !pe && /* @__PURE__ */ d("div", { className: o.dropdownSelectedItems, children: y.length > 0 ? m ? Te && j ? j : y.length === 1 ? ` ${y.length} ${_e}` : ` ${y.length} ${ue}` : (
+        !pe && /* @__PURE__ */ d("div", { className: o.dropdownSelectedItems, children: y.length > 0 ? m ? ke && j ? j : y.length === 1 ? ` ${y.length} ${_e}` : ` ${y.length} ${ue}` : (
           // For single select, show the selected option label
           /* @__PURE__ */ d("span", { className: o.selectedOptionLabel, children: y[0].label })
         ) : /* @__PURE__ */ d("span", { title: he, className: o.placeholder, children: A }) }),
-        /* @__PURE__ */ d("div", { className: o.dropdownActions, children: /* @__PURE__ */ d(B, { icon: "ap-icon-expand-more", className: D(o.dropdownArrow, l && o.dropdownArrowOpen) }) })
+        /* @__PURE__ */ d("div", { className: o.dropdownActions, children: /* @__PURE__ */ d(B, { icon: "ap-icon-expand-more", className: h(o.dropdownArrow, l && o.dropdownArrowOpen) }) })
       ] }) }),
-      /* @__PURE__ */ d(qe, { container: we, children: /* @__PURE__ */ d(Je, { align: U === "right" ? "end" : "start", side: "bottom", avoidCollisions: !0, sideOffset: 6, collisionPadding: 8, style: {
+      /* @__PURE__ */ d(Ee, { children: /* @__PURE__ */ d(Fe, { align: U === "right" ? "end" : "start", side: "bottom", avoidCollisions: !0, sideOffset: 6, collisionPadding: 8, style: {
         minWidth: Q,
         zIndex: 9999
       }, onInteractOutside: (e) => {
@@ -205,11 +204,11 @@ function Wo({
         e.target === z.current && e.preventDefault(), ((n = $.current) == null ? void 0 : n.contains(e.target)) || N == null || N(e);
       }, children: l && /* @__PURE__ */ s("div", { style: {
         minWidth: Q
-      }, className: D(o.dropdownMenu, ae, U === "right" && o.dropdownMenuRight), children: [
+      }, className: h(o.dropdownMenu, ae, U === "right" && o.dropdownMenuRight), children: [
         (x || m) && /* @__PURE__ */ s("div", { className: o.dropdownMenuToolbar, children: [
           x && /* @__PURE__ */ s("div", { className: o.searchContainer, children: [
-            /* @__PURE__ */ d(Ve, { placeholder: le, value: Y, onChange: Le, className: o.search }),
-            M && /* @__PURE__ */ d(Se, { label: ie, onChange: Ie })
+            /* @__PURE__ */ d(Me, { placeholder: le, value: Y, onChange: ve, className: o.search }),
+            M && /* @__PURE__ */ d(Ce, { label: ie, onChange: Oe })
           ] }),
           m && /* @__PURE__ */ s("div", { className: o.selectAllContainer, children: [
             /* @__PURE__ */ d(re, { variant: "default", noIcon: !0, onClick: () => {
@@ -220,11 +219,11 @@ function Wo({
           ] })
         ] }),
         /* @__PURE__ */ s("div", { className: o.optionsList, "data-dropdown-options-list": !0, children: [
-          a.length > 0 ? Object.entries(Ae).map(([e, r]) => /* @__PURE__ */ s("div", { className: o.categoryGroup, children: [
+          a.length > 0 ? Object.entries(Te).map(([e, r]) => /* @__PURE__ */ s("div", { className: o.categoryGroup, children: [
             e !== "default" && /* @__PURE__ */ d("div", { className: o.categoryDivider, children: /* @__PURE__ */ d("span", { className: o.categoryLabel, children: e }) }),
             r.map((n) => {
-              const R = xe.indexOf(n), k = a.find((Ce) => Ce.value === n.value);
-              return /* @__PURE__ */ d("button", { title: (k == null ? void 0 : k.label) || n.label, type: "button", className: D(o.optionItem, V.includes(n.value) && o.optionItemSelected, n.disabled && o.optionItemDisabled, R === I && o.optionItemFocused), onClick: () => G(n), disabled: n.disabled, "data-dropdown-option-item": !0, children: /* @__PURE__ */ s("div", { className: o.optionContent, children: [
+              const R = Ae.indexOf(n), k = a.find((xe) => xe.value === n.value);
+              return /* @__PURE__ */ d("button", { title: (k == null ? void 0 : k.label) || n.label, type: "button", className: h(o.optionItem, V.includes(n.value) && o.optionItemSelected, n.disabled && o.optionItemDisabled, R === I && o.optionItemFocused), onClick: () => G(n), disabled: n.disabled, "data-dropdown-option-item": !0, children: /* @__PURE__ */ s("div", { className: o.optionContent, children: [
                 /* @__PURE__ */ d("span", { className: o.optionLabel, children: n.label }),
                 V.includes(n.value) && /* @__PURE__ */ d(B, { icon: "ap-icon-check", className: o.tickIcon })
               ] }) }, n.value);
@@ -234,17 +233,17 @@ function Wo({
         ] }),
         " ",
         m && /* @__PURE__ */ s("div", { className: o.actionButtons, children: [
-          /* @__PURE__ */ d(ne, { type: "primary", variant: "cancel", size: "md", onClick: ve, children: "Cancel" }),
-          /* @__PURE__ */ d(ne, { type: "primary", variant: "default", size: "md", onClick: Ne, disabled: !ke, children: "Apply" })
+          /* @__PURE__ */ d(ne, { type: "primary", variant: "cancel", size: "md", onClick: Ne, children: "Cancel" }),
+          /* @__PURE__ */ d(ne, { type: "primary", variant: "default", size: "md", onClick: ge, disabled: !ye, children: "Apply" })
         ] })
       ] }) }) })
     ] }) }),
     (O || C || W && q) && /* @__PURE__ */ s("div", { className: o.helpers, children: [
-      O ? /* @__PURE__ */ d("span", { title: O, className: o.errorMessage, children: O }) : C && /* @__PURE__ */ d("span", { title: C, className: D(o.helpText, L && o.helpTextDisabled), children: C }),
-      W && q && /* @__PURE__ */ d("a", { href: W, className: D(o.helpLink, L && o.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: q })
+      O ? /* @__PURE__ */ d("span", { title: O, className: o.errorMessage, children: O }) : C && /* @__PURE__ */ d("span", { title: C, className: h(o.helpText, L && o.helpTextDisabled), children: C }),
+      W && q && /* @__PURE__ */ d("a", { href: W, className: h(o.helpLink, L && o.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: q })
     ] })
   ] });
 }
 export {
-  Wo as default
+  Vo as default
 };

package/dist/components/FilePicker/FilePicker.js

@@ -54,7 +54,7 @@ function Me({
   helpLinkText: x,
   labelTooltip: r
 }) {
-  var y, R;
+  var R, w;
   const v = J(), k = Y(null), [l, d] = M(F ? F.map((i) => ({
     file: i
   })) : []), [D, E] = M(!1);
@@ -68,9 +68,9 @@ function Me({
   }, B = (i) => {
     const a = l.length + i.length > _;
     E(a);
-    const f = u ? u * 1024 * 1024 : Number.POSITIVE_INFINITY, w = new Set(h.map((p) => p.toLowerCase().replace(/^\./, "")));
+    const f = u ? u * 1024 * 1024 : Number.POSITIVE_INFINITY, y = new Set(h.map((p) => p.toLowerCase().replace(/^\./, "")));
     return i.map((p) => {
-      const U = p.size <= f, X = w.size === 0 || w.has(V(p));
+      const U = p.size <= f, X = y.size === 0 || y.has(V(p));
       let N;
       const A = u ? `up to ${u}MB` : "";
       return U || (N = `File size is too large. Must be ${A}.`), X || (N = `The file format is incorrect. Please make sure it is one of the extensions: ${T}.`), {
@@ -123,10 +123,10 @@ function Me({
       " files)"
     ] }) }),
     /* @__PURE__ */ n("div", { className: e.helpers, children: [
-      m || D || (y = l[0]) != null && y.error ? /* @__PURE__ */ n("span", { title: m, className: e.errorMessage, children: [
-        c === "single" && (m || ((R = l[0]) == null ? void 0 : R.error)),
+      m || D || (R = l[0]) != null && R.error ? /* @__PURE__ */ n("span", { title: m, className: e.errorMessage, children: [
+        c === "single" && (m || ((w = l[0]) == null ? void 0 : w.error)),
         c === "multiple" && (m || (D ? `You can only upload up to ${_} files.` : ""))
-      ] }) : L && /* @__PURE__ */ t("span", { title: L, className: e.helperText, children: L }),
+      ] }) : L && c === "single" && /* @__PURE__ */ t("span", { title: L, className: e.helperText, children: L }),
       c === "single" && P && x && /* @__PURE__ */ n("span", { className: e.singleFileHelpLinkContainer, children: [
         /* @__PURE__ */ t("a", { href: P, className: e.helpLink, target: "_blank", rel: "noopener noreferrer", tabIndex: s ? -1 : 0, children: x }),
         /* @__PURE__ */ t("span", { className: e.singleFileHelpLinkReservedSpace })

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import l from "./FilePicker.js";
-import { d as i, i as r, r as t, g as o } from "../../vi.ClIskdbk-CFW_9sOK.js";
+import { d as i, i as r, r as t, g as o } from "../../vi.bdSIJ99Y-017e_Pkz.js";
 i("FilePicker", () => {
   r("should render", () => {
     t(/* @__PURE__ */ e(l, { type: "single", fileExtensionsAllowed: ["xlsx"], maxSize: 1, maxFiles: 10, label: "Label", required: !0, placeholder: "Select a file", helpText: "Help text", helpLink: "https://example.com", helpLinkText: "Help link" })), o(!0).toBe(!0);

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 c, f as u } from "../../vi.ClIskdbk-CFW_9sOK.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", () => {
@@ -82,17 +82,17 @@ i("Ghost", () => {
     });
   }), i("User Interactions", () => {
     s("should call onClick when clicked", () => {
-      const t = c.fn();
+      const t = r.fn();
       a(/* @__PURE__ */ o(d, { variant: "default", onClick: t, children: "Test button" }));
       const l = n.getByTestId("ghost-button");
       u.click(l), e(t).toHaveBeenCalledTimes(1);
     }), s("should not call onClick when disabled", () => {
-      const t = c.fn();
+      const t = r.fn();
       a(/* @__PURE__ */ o(d, { variant: "default", disabled: !0, onClick: t, children: "Test button" }));
       const l = n.getByTestId("ghost-button");
       u.click(l), e(t).not.toHaveBeenCalled();
     }), s("should handle keyboard interactions", () => {
-      const t = c.fn();
+      const t = r.fn();
       a(/* @__PURE__ */ o(d, { variant: "default", onClick: t, children: "Test button" }));
       const l = n.getByTestId("ghost-button");
       u.keyDown(l, {
@@ -101,7 +101,7 @@ i("Ghost", () => {
         key: " "
       }), e(t).toHaveBeenCalledTimes(2);
     }), s("should not handle keyboard interactions when disabled", () => {
-      const t = c.fn();
+      const t = r.fn();
       a(/* @__PURE__ */ o(d, { variant: "default", disabled: !0, onClick: t, children: "Test button" }));
       const l = n.getByTestId("ghost-button");
       u.keyDown(l, {
@@ -122,7 +122,7 @@ i("Ghost", () => {
     }), s("should not be focusable when disabled", () => {
       a(/* @__PURE__ */ o(d, { variant: "default", disabled: !0, children: "Test button" }));
       const t = n.getByTestId("ghost-button");
-      t.focus(), e(t).not.toHaveFocus();
+      e(t).toBeDisabled();
     }), s("should have proper disabled attribute when disabled", () => {
       a(/* @__PURE__ */ o(d, { variant: "default", disabled: !0, children: "Test button" }));
       const t = n.getByTestId("ghost-button");

package/dist/components/Input/Input.test.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { d as a, i as s, r as l, g as e, s as n, v as p, f as u } from "../../vi.ClIskdbk-CFW_9sOK.js";
+import { d as a, i as s, r as l, g as e, s as n, v as p, f as u } from "../../vi.bdSIJ99Y-017e_Pkz.js";
 import o from "./Input.js";
 a("Input", () => {
   a("Rendering", () => {
@@ -258,7 +258,7 @@ a("Input", () => {
       }), s("should not be focusable when disabled", () => {
         l(/* @__PURE__ */ i(o, { label: "Test input", type: "text", disabled: !0 }));
         const t = n.getByTestId("input-field");
-        t.focus(), e(t).not.toHaveFocus();
+        e(t).toBeDisabled();
       });
     }), a("Screen reader support", () => {
       s("should have proper label text for screen readers", () => {

package/dist/components/NavBar/NavBar.js

@@ -5,14 +5,14 @@ import { c as G } from "../../clsx-OuTLNxxd.js";
 import re from "../Logo/Logo.js";
 import * as s from "react";
 import { useState as S } from "react";
-import { u as ne, c as H, a as oe, R as te, I as ie } from "../../index-CjQV7MmW.js";
-import { u as ue, c as se, P as z, d as ce, a as R } from "../../index-DWydnyjJ.js";
-import { u as K } from "../../index-2H7slGYV.js";
-import { c as le, R as de, A as me, P as be, C as ve, I as pe, G as _e, L as fe, a as ge, b as he, d as Me, e as Ne, S as Ce, f as Re, g as Pe, h as we } from "../../index-CVWHq7Pr.js";
-import '../../assets/NavBar.css';var x = "Menubar", [L, xe, Se] = oe(x), [Y, ca] = se(x, [
+import { u as ne, R as oe, I as te, c as H, a as ie } from "../../index-DEphED6n.js";
+import { u as ue, P as z, d as se, c as R, b as ce } from "../../index-DM51yNMI.js";
+import { u as K } from "../../index-7CBv-Jx6.js";
+import { R as le, A as de, P as me, C as be, I as ve, c as pe, G as _e, L as fe, a as ge, b as he, d as Me, e as Ne, S as Ce, f as Re, g as Pe, h as we } from "../../index-D_3jWVyV.js";
+import '../../assets/NavBar.css';var x = "Menubar", [L, xe, Se] = ie(x), [Y] = ce(x, [
   Se,
   H
-]), p = le(), Q = H(), [Ae, V] = Y(x), X = s.forwardRef(
+]), p = pe(), Q = H(), [Ae, V] = Y(x), X = s.forwardRef(
   (a, o) => {
     const {
       __scopeMenubar: r,
@@ -49,7 +49,7 @@ import '../../assets/NavBar.css';var x = "Menubar", [L, xe, Se] = oe(x), [Y, ca]
         dir: _,
         loop: v,
         children: /* @__PURE__ */ e(L.Provider, { scope: r, children: /* @__PURE__ */ e(L.Slot, { scope: r, children: /* @__PURE__ */ e(
-          te,
+          oe,
           {
             asChild: !0,
             ...l,
@@ -80,7 +80,7 @@ var j = "MenubarMenu", [ye, J] = Y(j), W = (a) => {
       contentId: K(),
       wasKeyboardTriggerOpenRef: _,
       children: /* @__PURE__ */ e(
-        de,
+        le,
         {
           ...t,
           open: l,
@@ -98,15 +98,15 @@ var j = "MenubarMenu", [ye, J] = Y(j), W = (a) => {
 W.displayName = j;
 var F = "MenubarTrigger", Z = s.forwardRef(
   (a, o) => {
-    const { __scopeMenubar: r, disabled: n = !1, ...i } = a, M = Q(r), v = p(r), t = V(F, r), d = J(F, r), _ = s.useRef(null), l = ce(o, _, d.triggerRef), [g, m] = s.useState(!1), h = t.value === d.value;
+    const { __scopeMenubar: r, disabled: n = !1, ...i } = a, M = Q(r), v = p(r), t = V(F, r), d = J(F, r), _ = s.useRef(null), l = se(o, _, d.triggerRef), [g, m] = s.useState(!1), h = t.value === d.value;
     return /* @__PURE__ */ e(L.ItemSlot, { scope: r, value: d.value, disabled: n, children: /* @__PURE__ */ e(
-      ie,
+      te,
       {
         asChild: !0,
         ...M,
         focusable: !n,
         tabStopId: d.value,
-        children: /* @__PURE__ */ e(me, { asChild: !0, ...v, children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ e(de, { asChild: !0, ...v, children: /* @__PURE__ */ e(
           z.button,
           {
             type: "button",
@@ -142,14 +142,14 @@ var F = "MenubarTrigger", Z = s.forwardRef(
 Z.displayName = F;
 var Oe = "MenubarPortal", $ = (a) => {
   const { __scopeMenubar: o, ...r } = a, n = p(o);
-  return /* @__PURE__ */ e(be, { ...n, ...r });
+  return /* @__PURE__ */ e(me, { ...n, ...r });
 };
 $.displayName = Oe;
 var U = "MenubarContent", q = s.forwardRef(
   (a, o) => {
     const { __scopeMenubar: r, align: n = "start", ...i } = a, M = p(r), v = V(U, r), t = J(U, r), d = xe(r), _ = s.useRef(!1);
     return /* @__PURE__ */ e(
-      ve,
+      be,
       {
         id: t.contentId,
         "aria-labelledby": t.triggerId,
@@ -221,7 +221,7 @@ Ie.displayName = Te;
 var ke = "MenubarItem", ee = s.forwardRef(
   (a, o) => {
     const { __scopeMenubar: r, ...n } = a, i = p(r);
-    return /* @__PURE__ */ e(pe, { ...i, ...n, ref: o });
+    return /* @__PURE__ */ e(ve, { ...i, ...n, ref: o });
   }
 );
 ee.displayName = ke;
@@ -332,7 +332,7 @@ const u = {
   "navbar-notification-container": "NavBar-module__navbar-notification-container___K2YeD",
   "navbar-notification-badge": "NavBar-module__navbar-notification-badge___vp5bK"
 };
-function la({
+function ca({
   activeMenuItemHref: a,
   projectName: o,
   projectLogoIcon: r,
@@ -385,5 +385,5 @@ function la({
   ] }) });
 }
 export {
-  la as default
+  ca as default
 };

package/dist/components/Radio/Radio.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { useId as r } from "react";
 import { c as m } from "../../clsx-OuTLNxxd.js";
-import { I as c, a as n } from "../../index-BJXIvJs4.js";
+import { I as c, a as n } from "../../index-CpsmI33B.js";
 import '../../assets/Radio.css';const _ = "Radio-module__item___3Kvj7", u = "Radio-module__indicator___TJ5hz", b = "Radio-module__label___c-sYW", f = "Radio-module__disabled___RZ0be", a = {
   item: _,
   indicator: u,

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 import { jsx as _ } from "react/jsx-runtime";
 import { c as p } from "../../clsx-OuTLNxxd.js";
 import { useState as f } from "react";
-import { R as n } from "../../index-BJXIvJs4.js";
+import { R as n } from "../../index-CpsmI33B.js";
 import '../../assets/RadioGroup.css';const R = "RadioGroup-module__root___ewZw-", b = "RadioGroup-module__disabled___n-nfI", s = {
   root: R,
   disabled: b

package/dist/components/RadioGroup/RadioGroup.test.js

@@ -1,5 +1,5 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { d as r, i as l, r as i, g as n, s as a, v as u, f as c } from "../../vi.ClIskdbk-CFW_9sOK.js";
+import { d as r, i as l, r as i, g as n, s as a, v as u, f as c } from "../../vi.bdSIJ99Y-017e_Pkz.js";
 import d from "./RadioGroup.js";
 import t from "../Radio/Radio.js";
 r("RadioGroup", () => {

package/dist/components/Search/Search.test.js

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

package/dist/components/SplitButton/SplitButton.js

@@ -5,11 +5,10 @@ import * as d from "react";
 import { useRef as W, useState as N, useEffect as U } from "react";
 import $ from "../Icon/Icon.js";
 import "../Input/Input.js";
-import "../Dialog/Dialog.js";
-import { u as K, c as H, P as j, a as M, b as F } from "../../index-DWydnyjJ.js";
-import { c as C, R as V, A as X, P as q, C as J, I as Q, 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-CVWHq7Pr.js";
-import { u as I } from "../../index-2H7slGYV.js";
-import '../../assets/SplitButton.css';var v = "DropdownMenu", [so, Xo] = H(
+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,
   [C]
 ), s = C(), [uo, y] = so(v), x = (o) => {
@@ -47,7 +46,7 @@ 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(
-      j.button,
+      H.button,
       {
         type: "button",
         id: i.triggerId,
@@ -58,7 +57,7 @@ var P = "DropdownMenuTrigger", E = d.forwardRef(
         "data-disabled": n ? "" : void 0,
         disabled: n,
         ...r,
-        ref: F(t, i.triggerRef),
+        ref: j(t, i.triggerRef),
         onPointerDown: M(o.onPointerDown, (p) => {
           !n && p.button === 0 && p.ctrlKey === !1 && (i.onOpenToggle(), i.open || p.preventDefault());
         }),
@@ -202,7 +201,7 @@ 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 qo({
+function Vo({
   type: o = "primary",
   trigger: t = "single",
   size: e = "md",
@@ -242,5 +241,5 @@ function qo({
   ] });
 }
 export {
-  qo as default
+  Vo as default
 };

package/dist/components/SplitButton/SplitButton.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { d, i as c, r as l, s as e, g as t, f as g, v as b } from "../../vi.ClIskdbk-CFW_9sOK.js";
+import { d, i as c, r as l, s as e, g as t, f as g, v as b } from "../../vi.bdSIJ99Y-017e_Pkz.js";
 import r from "./SplitButton.js";
 d("SplitButton", () => {
   const a = (i) => {

package/dist/components/Tag/Tag.test.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { d as c, i as o, r as l, g as e, s as t } from "../../vi.ClIskdbk-CFW_9sOK.js";
+import { d as c, i as o, r as l, g as e, s as t } from "../../vi.bdSIJ99Y-017e_Pkz.js";
 import s from "./Tag.js";
 c("Tag", () => {
   c("Rendering", () => {

package/dist/components/TagsFields/TagsFields.js

@@ -5,8 +5,7 @@ import W from "../Icon/Icon.js";
 import Ie from "../Button/Button.js";
 import "../Input/Input.js";
 import Fe from "../Tooltip/Tooltip.js";
-import "../Dialog/Dialog.js";
-import { R as ve, A as Te, P as Ne, C as Le } from "../../index-BKtdMA_j.js";
+import { R as ve, A as Te, P as Ne, C as Le } from "../../index-C4ffg1vf.js";
 import '../../assets/TagsFields.css';const De = "TagsFields-module__dropdownContainer___GIsND", Ce = "TagsFields-module__dropdownLabel___AUP9W", ye = "TagsFields-module__dropdownLabelDisabled___hilvh", Oe = "TagsFields-module__required___Ybg21", ke = "TagsFields-module__dropdownWrapper___KxTZl", Re = "TagsFields-module__selectedItemsCreatable___Pnf8l", xe = "TagsFields-module__selectedItem___Tp6lp", Ae = "TagsFields-module__selectedItemLabel___SwoJL", Se = "TagsFields-module__removeButton___od0yh", We = "TagsFields-module__removeIcon___2WRCF", Ee = "TagsFields-module__singleSelectedCreatableItem___QwENt", Me = "TagsFields-module__singleSelectedCreatableItemRemoveButton___1PeN7", Ve = "TagsFields-module__dropdownActions___USb5V", Be = "TagsFields-module__dropdownArrow___JT9d3", Pe = "TagsFields-module__dropdownArrowOpen___jPfTk", je = "TagsFields-module__dropdownMenu___gPhtC", qe = "TagsFields-module__dropdownCreatableSearchContainer___mltcH", Ge = "TagsFields-module__disabled___1OfNF", ze = "TagsFields-module__dropdownCreatableError___R6oyD", Je = "TagsFields-module__creatableInput___qz9jI", Qe = "TagsFields-module__optionsList___qyawx", Ue = "TagsFields-module__categoryGroup___In039", Ye = "TagsFields-module__categoryDivider___eROv0", Ke = "TagsFields-module__categoryLabel___Cv2h5", He = "TagsFields-module__optionItem___UujFS", Xe = "TagsFields-module__optionItemDisabled___9gB8N", Ze = "TagsFields-module__optionItemFocused___4rsDt", $e = "TagsFields-module__optionContent___QSC9G", et = "TagsFields-module__optionLabel___N-fQ7", tt = "TagsFields-module__tickIcon___3uRY-", st = "TagsFields-module__noOptions___ugYj9", lt = "TagsFields-module__helpers___ab6f-", ot = "TagsFields-module__helpText___Qzdqh", dt = "TagsFields-module__helpTextDisabled___m-oFo", nt = "TagsFields-module__helpLink___JQDmR", at = "TagsFields-module__helpLinkDisabled___Nk1BX", rt = "TagsFields-module__errorMessage___b-ugf", t = {
   dropdownContainer: De,
   dropdownLabel: Ce,
@@ -50,7 +49,7 @@ import '../../assets/TagsFields.css';const De = "TagsFields-module__dropdownCont
   helpLinkDisabled: at,
   errorMessage: rt
 };
-function It({
+function ht({
   className: te,
   label: E,
   options: M,
@@ -228,5 +227,5 @@ function It({
   ] });
 }
 export {
-  It as default
+  ht as default
 };