@alixpartners/ui-components 2.3.2 → 2.4.1

package/dist/components/Button/Button.d.ts

@@ -3,8 +3,8 @@ import { DataAttributes } from '../../types/data-attributes';
 import { InteractiveEventHandlers } from '../../types/native-events';
 export type ButtonProps = {
     type: 'primary' | 'secondary' | 'tertiary';
-    variant: 'default' | 'danger' | 'cancel';
-    size: 'sm' | 'md';
+    size?: 'sm' | 'md';
+    variant?: 'default' | 'danger' | 'cancel';
     icon?: ApIcon;
     disabled?: boolean;
     loading?: boolean;
@@ -12,6 +12,8 @@ export type ButtonProps = {
     className?: string;
     iconClassName?: string;
     tabIndex?: number;
+    link?: string;
+    linkTarget?: '_self' | '_blank' | '_parent' | '_top';
 } & DataAttributes & InteractiveEventHandlers;
 /**
  * A versatile button component that supports different types, variants, sizes, and states.
@@ -25,7 +27,9 @@ export type ButtonProps = {
  * @param {boolean} [props.disabled] - Whether the button is disabled (prevents interaction and applies disabled styling)
  * @param {boolean} [props.loading] - Whether the button is in a loading state (shows loading spinner and prevents interaction)
  * @param {React.ReactNode} [props.children] - The content to display inside the button (text or other elements)
+ * @param {string} [props.link] - Allows a URL to be added to the button for navigation
+ * @param {string} [props.linkTarget] - Allows a target for links to be set (default _self)
  * @param {() => void} [props.onClick] - Callback fired when the button is clicked
  * @returns {JSX.Element} The rendered Button component
  */
-export default function Button({ type, variant, size, icon, disabled, loading, children, className, iconClassName, tabIndex, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function Button({ type, variant, size, icon, disabled, loading, children, className, iconClassName, tabIndex, link, linkTarget, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/Button.js

@@ -1,9 +1,9 @@
-import { jsxs as f, jsx as u } from "react/jsx-runtime";
-import { c as a } from "../../clsx-OuTLNxxd.js";
-import g from "../Spinner/Spinner.js";
-import w from "../Icon/Icon.js";
-import '../../assets/Button.css';const x = "Button-module__btn___daEdK", K = "Button-module__loading___QfItr", t = {
-  btn: x,
+import { jsx as o, jsxs as w } from "react/jsx-runtime";
+import { c as i } from "../../clsx-OuTLNxxd.js";
+import x from "../Spinner/Spinner.js";
+import K from "../Icon/Icon.js";
+import '../../assets/Button.css';const k = "Button-module__btn___daEdK", p = "Button-module__loading___QfItr", t = {
+  btn: k,
   "btn-icon": "Button-module__btn-icon___G7m4S",
   "btn-icon-sm": "Button-module__btn-icon-sm___w7eg9",
   "btn-icon-md": "Button-module__btn-icon-md___8Ywy2",
@@ -16,34 +16,41 @@ import '../../assets/Button.css';const x = "Button-module__btn___daEdK", K = "Bu
   "btn-tertiary": "Button-module__btn-tertiary___G-7lD",
   "btn-disabled": "Button-module__btn-disabled___eg1uH",
   "btn-loading": "Button-module__btn-loading___vAg78",
-  loading: K,
+  loading: p,
   "btn-sm": "Button-module__btn-sm___KNlkv",
   "btn-md": "Button-module__btn-md___C8vqh",
-  "btn-text": "Button-module__btn-text___3ccH9"
-};
-function k({
-  type: c,
-  variant: i,
-  size: o,
-  icon: l,
-  disabled: e = !1,
-  loading: b = !1,
-  children: d,
-  className: r,
+  "btn-text": "Button-module__btn-text___3ccH9",
+  "btn-link": "Button-module__btn-link___5KUtD"
+}, D = ({
+  children: e,
+  link: l,
+  linkTarget: n
+}) => l ? /* @__PURE__ */ o("a", { href: l, target: n, className: t["btn-link"], children: e }) : e;
+function G({
+  type: e,
+  variant: l = "default",
+  size: n = "md",
+  icon: d,
+  disabled: b = !1,
+  loading: a = !1,
+  children: m,
+  className: c,
   iconClassName: s,
   tabIndex: B = 0,
-  ..._
+  link: f = "",
+  linkTarget: g = "_self",
+  ...u
 }) {
-  const y = (n) => {
-    var m;
-    (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click()), (m = _.onKeyDown) == null || m.call(_, n);
+  const y = (_) => {
+    var r;
+    (_.key === "Enter" || _.key === " ") && (_.preventDefault(), _.currentTarget.click()), (r = u.onKeyDown) == null || r.call(u, _);
   };
-  return /* @__PURE__ */ f("button", { tabIndex: e ? -1 : B, type: "button", className: a(t.btn, t[`btn-${c}`], t[`btn-${i}`], t[`btn-${o}`], e && t["btn-disabled"], r), disabled: e || b, onKeyDown: y, ..._, children: [
-    !!l && !b && /* @__PURE__ */ u(w, { icon: l, className: a(t["btn-icon"], t[`btn-icon-${o}`], s) }),
-    b && /* @__PURE__ */ u(g, { size: o, color: "white", className: t["loading-spinner"] }),
-    d && /* @__PURE__ */ u("span", { className: t["btn-text"], children: d })
-  ] });
+  return /* @__PURE__ */ o("button", { tabIndex: b ? -1 : B, type: "button", className: i(t.btn, t[`btn-${e}`], t[`btn-${l}`], t[`btn-${n}`], b && t["btn-disabled"], c), disabled: b || a, onKeyDown: y, ...u, children: /* @__PURE__ */ w(D, { link: f, linkTarget: g, children: [
+    !!d && !a && /* @__PURE__ */ o(K, { icon: d, className: i(t["btn-icon"], t[`btn-icon-${n}`], s) }),
+    a && /* @__PURE__ */ o(x, { size: n, color: "white", className: t["loading-spinner"] }),
+    m && /* @__PURE__ */ o("span", { className: t["btn-text"], children: m })
+  ] }) });
 }
 export {
-  k as default
+  G as default
 };

package/dist/components/Dropdown/Dropdown.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as d } from "react/jsx-runtime";
 import { c as h } from "../../clsx-OuTLNxxd.js";
-import { useState as b, useRef as T, useEffect as v, useCallback as oe } from "react";
+import { useState as b, useRef as T, useEffect as L, useCallback as oe } from "react";
 import B from "../Icon/Icon.js";
 import Ce from "../Toggle/Toggle.js";
 import ne from "../Button/Button.js";
@@ -60,11 +60,11 @@ function Vo({
   options: F,
   value: p = [],
   placeholder: A = "Select options...",
-  disabled: L = !1,
+  disabled: O = !1,
   required: te = !1,
   searchable: x = !1,
   searchPlaceholder: le = "Search options...",
-  errorMessage: O,
+  errorMessage: I,
   helpText: C,
   helpLink: W,
   helpLinkText: q,
@@ -86,23 +86,23 @@ function Vo({
   caseSensitive: P = !1,
   ...me
 }) {
-  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(() => {
+  const [i, g] = b(p), [l, f] = b(!1), [Y, _] = b(""), [y, 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);
+  L(() => {
     JSON.stringify(K.current) !== JSON.stringify(p) && (g(p), K.current = p);
-  }, [p]), v(() => {
+  }, [p]), L(() => {
     var r;
     const e = (r = Z.current) == null ? void 0 : r.getBoundingClientRect().width;
     e && fe(e);
-  }, [l]), v(() => {
+  }, [l]), L(() => {
     l && u([...i]);
   }, [l, i]);
   const X = Y.trim(), a = F.filter((e) => {
     const r = P ? e.label : e.label.toLowerCase(), n = P ? X : X.toLowerCase();
     return r.includes(n);
   });
-  v(() => {
+  L(() => {
     De(p.length > 0 ? p.join(", ") : A ?? "");
-  }, [p, A]), v(() => {
+  }, [p, A]), L(() => {
     l && x && z.current && z.current.focus();
   }, [l, x]);
   const be = (e) => {
@@ -150,7 +150,7 @@ function Vo({
   }, [m, t, i, S]), Oe = (e) => {
     M == null || M(e);
   };
-  v(() => {
+  L(() => {
     const e = (r) => {
       if (l)
         switch (r.key) {
@@ -161,8 +161,8 @@ function Vo({
             r.preventDefault(), c((n) => n > 0 ? n - 1 : a.length - 1);
             break;
           case "Enter":
-            if (r.preventDefault(), I >= 0 && I < a.length) {
-              const n = a[I];
+            if (r.preventDefault(), y >= 0 && y < a.length) {
+              const n = a[y];
               G(n);
             }
             break;
@@ -172,27 +172,27 @@ function Vo({
         }
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [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) => {
+  }, [l, y, a, Le, G]);
+  const V = l ? w : i, N = F.filter((e) => V.includes(e.value)), Ie = !!I, 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;
   }, {}), Ae = a, {
-    onBlur: N,
+    onBlur: v,
     ...ee
   } = me;
   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: [
+    E && /* @__PURE__ */ s("label", { className: h(o.dropdownLabel, O && o.dropdownLabelDisabled), children: [
       /* @__PURE__ */ d("span", { title: E, className: o["label-text"], children: E }),
       te && /* @__PURE__ */ d("span", { className: o.required, children: "*" }),
       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(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);
+      /* @__PURE__ */ d(Re, { disabled: O, className: h(o["dropdown-menu-trigger"], o.dropdownTrigger, ce, l && o.dropdownTriggerOpen, O && o.dropdownTriggerDisabled, Ie && o.dropdownTriggerError), ref: Z, onBlur: (e) => {
+        l || v == null || v(e);
       }, ...ee, children: /* @__PURE__ */ s("div", { className: o.dropdownContent, children: [
-        !pe && /* @__PURE__ */ d("div", { className: o.dropdownSelectedItems, children: y.length > 0 ? m ? ke && j ? j : y.length === 1 ? ` ${y.length} ${_e}` : ` ${y.length} ${ue}` : (
+        !pe && /* @__PURE__ */ d("div", { className: o.dropdownSelectedItems, children: N.length > 0 ? m ? ke && j ? j : N.length === 1 ? ` ${N.length} ${_e}` : ` ${N.length} ${ue}` : (
           // For single select, show the selected option label
-          /* @__PURE__ */ d("span", { className: o.selectedOptionLabel, children: y[0].label })
+          /* @__PURE__ */ d("span", { className: o.selectedOptionLabel, title: N[0].label, children: N[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: h(o.dropdownArrow, l && o.dropdownArrowOpen) }) })
       ] }) }),
@@ -201,7 +201,7 @@ function Vo({
         zIndex: 9999
       }, onInteractOutside: (e) => {
         var n;
-        e.target === z.current && e.preventDefault(), ((n = $.current) == null ? void 0 : n.contains(e.target)) || N == null || N(e);
+        e.target === z.current && e.preventDefault(), ((n = $.current) == null ? void 0 : n.contains(e.target)) || v == null || v(e);
       }, children: l && /* @__PURE__ */ s("div", { style: {
         minWidth: Q
       }, className: h(o.dropdownMenu, ae, U === "right" && o.dropdownMenuRight), children: [
@@ -223,7 +223,7 @@ function Vo({
             e !== "default" && /* @__PURE__ */ d("div", { className: o.categoryDivider, children: /* @__PURE__ */ d("span", { className: o.categoryLabel, children: e }) }),
             r.map((n) => {
               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: [
+              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 === y && 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);
@@ -238,9 +238,9 @@ function Vo({
         ] })
       ] }) }) })
     ] }) }),
-    (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: 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 })
+    (I || C || W && q) && /* @__PURE__ */ s("div", { className: o.helpers, children: [
+      I ? /* @__PURE__ */ d("span", { title: I, className: o.errorMessage, children: I }) : C && /* @__PURE__ */ d("span", { title: C, className: h(o.helpText, O && o.helpTextDisabled), children: C }),
+      W && q && /* @__PURE__ */ d("a", { href: W, className: h(o.helpLink, O && o.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: q })
     ] })
   ] });
 }

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

@@ -91,7 +91,7 @@ declare function FilePickerSingleFileRow({ children }: {
 /** Renders the reserved space and delete button for single-file mode (for use in composed layout). */
 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;
+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;

package/dist/components/FilePicker/FilePicker.js

@@ -1,53 +1,54 @@
 import { jsxs as a, jsx as i, Fragment as ne } from "react/jsx-runtime";
-import { createContext as se, useId as re, useRef as oe, useState as v, useCallback as _, useEffect as ce, useContext as ae } from "react";
-import pe from "../Tooltip/Tooltip.js";
+import { createContext as se, useId as re, useRef as oe, useState as M, useCallback as F, useEffect as ce, useContext as ae } from "react";
+import ue from "../Tooltip/Tooltip.js";
 import D from "../Icon/Icon.js";
 import x from "../Button/Button.js";
 import { c as C } from "../../clsx-OuTLNxxd.js";
-import '../../assets/FilePicker.css';const ue = "FilePicker-module__container___knCCi", me = "FilePicker-module__label___al7Xe", de = "FilePicker-module__required___41Vjd", Fe = "FilePicker-module__labelTooltipIcon___Cc1QF", _e = "FilePicker-module__helpers___79-g5", Ie = "FilePicker-module__helperText___ja9Rr", he = "FilePicker-module__errorMessage___TvHrL", Le = "FilePicker-module__singleFileHelpLinkContainer___mpjUf", ge = "FilePicker-module__singleFileHelpLinkReservedSpace___r8j2b", ke = "FilePicker-module__helpLink___uu45D", fe = "FilePicker-module__input___cL1Hs", Pe = "FilePicker-module__singleFileContainer___OFSDt", Ne = "FilePicker-module__singleFileInputContainer___MOkES", xe = "FilePicker-module__inputFileName___sMs7R", Ce = "FilePicker-module__inputFileNamePlaceholder___-mkDD", Te = "FilePicker-module__inputButton___ghLlD", be = "FilePicker-module__multipleHelpText___5tnnn", ye = "FilePicker-module__multipleInputButton___WCJp9", De = "FilePicker-module__multipleFilesList___Kim0I", Be = "FilePicker-module__multipleFilesListItem___01PDS", Se = "FilePicker-module__multipleFilesListItemContent___pKbho", He = "FilePicker-module__multipleFilesListItemContentData___5GC-C", ve = "FilePicker-module__multipleFilesListItemIconContainer___7sUL5", we = "FilePicker-module__multipleFilesListItemIcon___nfMX9", Me = "FilePicker-module__multipleFilesListItemText___nPqrL", Ee = "FilePicker-module__multipleFilesListItemName___NjHhX", ze = "FilePicker-module__multipleFilesListItemSize___wc8LJ", Re = "FilePicker-module__multipleFilesListItemError___x9qkT", je = "FilePicker-module__multipleFilesListItemIconError___0RO46", Ke = "FilePicker-module__multipleFilesListItemIconDelete___9Z9Dl", Ve = "FilePicker-module__disabled___szMiq", t = {
-  container: ue,
-  label: me,
-  required: de,
+import '../../assets/FilePicker.css';const pe = "FilePicker-module__container___knCCi", me = "FilePicker-module__containerMultiple___Psi5u", de = "FilePicker-module__label___al7Xe", _e = "FilePicker-module__required___41Vjd", Fe = "FilePicker-module__labelTooltipIcon___Cc1QF", Ie = "FilePicker-module__helpers___79-g5", he = "FilePicker-module__helperText___ja9Rr", Le = "FilePicker-module__errorMessage___TvHrL", ge = "FilePicker-module__singleFileHelpLinkContainer___mpjUf", ke = "FilePicker-module__singleFileHelpLinkReservedSpace___r8j2b", fe = "FilePicker-module__helpLink___uu45D", Pe = "FilePicker-module__input___cL1Hs", Ne = "FilePicker-module__singleFileContainer___OFSDt", xe = "FilePicker-module__singleFileInputContainer___MOkES", Ce = "FilePicker-module__inputFileName___sMs7R", Te = "FilePicker-module__inputFileNamePlaceholder___-mkDD", be = "FilePicker-module__inputButton___ghLlD", ye = "FilePicker-module__multipleHelpText___5tnnn", De = "FilePicker-module__multipleInputButton___WCJp9", Be = "FilePicker-module__multipleFilesList___Kim0I", Se = "FilePicker-module__multipleFilesListItem___01PDS", He = "FilePicker-module__multipleFilesListItemContent___pKbho", Me = "FilePicker-module__multipleFilesListItemContentData___5GC-C", ve = "FilePicker-module__multipleFilesListItemIconContainer___7sUL5", we = "FilePicker-module__multipleFilesListItemIcon___nfMX9", Ee = "FilePicker-module__multipleFilesListItemText___nPqrL", ze = "FilePicker-module__multipleFilesListItemName___NjHhX", Re = "FilePicker-module__multipleFilesListItemSize___wc8LJ", je = "FilePicker-module__multipleFilesListItemError___x9qkT", Ke = "FilePicker-module__multipleFilesListItemIconError___0RO46", Ve = "FilePicker-module__multipleFilesListItemIconDelete___9Z9Dl", qe = "FilePicker-module__disabled___szMiq", t = {
+  container: pe,
+  containerMultiple: me,
+  label: de,
+  required: _e,
   labelTooltipIcon: Fe,
-  helpers: _e,
-  helperText: Ie,
-  errorMessage: he,
-  singleFileHelpLinkContainer: Le,
-  singleFileHelpLinkReservedSpace: ge,
-  helpLink: ke,
-  input: fe,
-  singleFileContainer: Pe,
-  singleFileInputContainer: Ne,
-  inputFileName: xe,
-  inputFileNamePlaceholder: Ce,
-  inputButton: Te,
-  multipleHelpText: be,
-  multipleInputButton: ye,
-  multipleFilesList: De,
-  multipleFilesListItem: Be,
-  multipleFilesListItemContent: Se,
-  multipleFilesListItemContentData: He,
+  helpers: Ie,
+  helperText: he,
+  errorMessage: Le,
+  singleFileHelpLinkContainer: ge,
+  singleFileHelpLinkReservedSpace: ke,
+  helpLink: fe,
+  input: Pe,
+  singleFileContainer: Ne,
+  singleFileInputContainer: xe,
+  inputFileName: Ce,
+  inputFileNamePlaceholder: Te,
+  inputButton: be,
+  multipleHelpText: ye,
+  multipleInputButton: De,
+  multipleFilesList: Be,
+  multipleFilesListItem: Se,
+  multipleFilesListItemContent: He,
+  multipleFilesListItemContentData: Me,
   multipleFilesListItemIconContainer: ve,
   multipleFilesListItemIcon: we,
-  multipleFilesListItemText: Me,
-  multipleFilesListItemName: Ee,
-  multipleFilesListItemSize: ze,
-  multipleFilesListItemError: Re,
-  multipleFilesListItemIconError: je,
-  multipleFilesListItemIconDelete: Ke,
-  disabled: Ve
-}, w = se(null);
-function p() {
-  const e = ae(w);
+  multipleFilesListItemText: Ee,
+  multipleFilesListItemName: ze,
+  multipleFilesListItemSize: Re,
+  multipleFilesListItemError: je,
+  multipleFilesListItemIconError: Ke,
+  multipleFilesListItemIconDelete: Ve,
+  disabled: qe
+}, v = se(null);
+function u() {
+  const e = ae(v);
   if (!e)
     throw new Error("FilePicker compound components must be used within a FilePicker.");
   return e;
 }
-function qe(e) {
+function $e(e) {
   const l = e.name.toLowerCase();
   return l.includes(".") ? l.split(".").pop() ?? "" : "";
 }
-function $e({
+function Oe({
   type: e = "single",
   maxFiles: l = 1,
   fileExtensionsAllowed: s,
@@ -66,16 +67,16 @@ function $e({
   multipleHelpText: O,
   multipleButtonHelpText: A,
   labelTooltip: X,
-  onUpload: F,
+  onUpload: _,
   onRemoveFile: g,
   children: k
 }) {
-  const B = re(), f = oe(null), [u, P] = v(L ? L.map((n) => ({
+  const B = re(), f = oe(null), [p, P] = M(L ? L.map((n) => ({
     file: n
-  })) : []), [J, T] = v(!1), b = s.join(", "), S = s.map((n) => `.${n.replace(/^\./, "")}`).join(","), N = _((n) => {
+  })) : []), [J, T] = M(!1), b = s.join(", "), S = s.map((n) => `.${n.replace(/^\./, "")}`).join(","), N = F((n) => {
     const o = r ? r * 1024 * 1024 : Number.POSITIVE_INFINITY, m = new Set(s.map((d) => d.toLowerCase().replace(/^\./, "")));
     return n.map((d) => {
-      const le = d.size <= o, ie = m.size === 0 || m.has(qe(d));
+      const le = d.size <= o, ie = m.size === 0 || m.has($e(d));
       let y;
       const te = r ? `up to ${r}MB` : "";
       return le || (y = `File size is too large. Must be ${te}.`), ie || (y = `The file format is incorrect. Please make sure it is one of the extensions: ${b}.`), {
@@ -83,34 +84,34 @@ function $e({
         error: y
       };
     });
-  }, [s, b, r]), H = _((n) => {
-    const o = u.length;
+  }, [s, b, r]), H = F((n) => {
+    const o = p.length;
     return T(o + n.length > l), N(n);
-  }, [l, u.length, N]);
+  }, [l, p.length, N]);
   ce(() => {
     const n = N(L ?? []);
     P(n), T(n.length > l);
   }, [L, l, N]);
-  const Y = _((n) => (n / 1024).toFixed(2) + " KB", []), G = _(() => {
+  const Y = F((n) => (n / 1024).toFixed(2) + " KB", []), G = F(() => {
     var n;
     c || (n = f.current) == null || n.click();
-  }, [c]), Q = _((n) => {
+  }, [c]), Q = F((n) => {
     var o;
     c || n.key === "Enter" && ((o = f.current) == null || o.click());
-  }, [c]), W = _((n) => {
+  }, [c]), W = F((n) => {
     if (c) return;
     const o = n.target.files, m = H(Array.from(o ?? []));
     if (e === "multiple" && h) {
-      const d = [...u, ...m];
-      P(d), F == null || F(d);
+      const d = [...p, ...m];
+      P(d), _ == null || _(d);
     } else
-      P(m), F == null || F(m);
+      P(m), _ == null || _(m);
     n.target.value = "";
-  }, [c, e, h, u, H, F]), Z = _((n) => {
-    if (c || !u) return;
-    const o = u.filter((m) => m.file.name !== n);
+  }, [c, e, h, p, H, _]), Z = F((n) => {
+    if (c || !p) return;
+    const o = p.filter((m) => m.file.name !== n);
     T(o.length > l), P(o), g == null || g(n);
-  }, [c, u, l, g]), U = {
+  }, [c, p, l, g]), U = {
     id: B,
     type: e,
     maxFiles: l,
@@ -120,7 +121,7 @@ function $e({
     queueFiles: h,
     disabled: c,
     isUploadDisabled: E,
-    uploadedFiles: u,
+    uploadedFiles: p,
     isMaxFilesExceeded: J,
     label: z,
     required: R,
@@ -139,13 +140,13 @@ function $e({
     handleRemoveFile: Z,
     displayFileSize: Y
   }, ee = k != null && (Array.isArray(k) ? k.length > 0 : !0);
-  return /* @__PURE__ */ a(w.Provider, { value: U, children: [
+  return /* @__PURE__ */ a(v.Provider, { value: U, children: [
     /* @__PURE__ */ i("input", { accept: S, multiple: e === "multiple", ref: f, type: "file", id: B, className: t.input, onChange: W }),
-    /* @__PURE__ */ i("div", { className: C(t.container, c && t.disabled), children: ee ? k : /* @__PURE__ */ i(Oe, {}) })
+    /* @__PURE__ */ i("div", { className: C(t.container, e === "multiple" && t.containerMultiple, c && t.disabled), children: ee ? k : /* @__PURE__ */ i(Ae, {}) })
   ] });
 }
-function Oe() {
-  const e = p();
+function Ae() {
+  const e = u();
   return /* @__PURE__ */ a(ne, { children: [
     /* @__PURE__ */ i(I.Label, {}),
     e.type === "single" && /* @__PURE__ */ i(I.SingleFileRow, { children: /* @__PURE__ */ i(I.BrowseButton, {}) }),
@@ -155,53 +156,53 @@ function Oe() {
     /* @__PURE__ */ i(I.UploadedFilesList, {})
   ] });
 }
-function Ae({
+function Xe({
   children: e
 }) {
-  const l = p(), s = e ?? l.label;
+  const l = u(), s = e ?? l.label;
   return /* @__PURE__ */ a("label", { htmlFor: l.id, onClick: (r) => r.preventDefault(), className: C(t.label, l.type === "multiple" && t.labelMultiple), children: [
     /* @__PURE__ */ i("span", { title: l.label, className: t.labelText, children: s }),
     l.required && /* @__PURE__ */ i("span", { "aria-hidden": "true", className: t.required, children: "*" }),
-    l.labelTooltip && /* @__PURE__ */ i(pe, { content: l.labelTooltip.content, size: l.labelTooltip.size, theme: l.labelTooltip.theme, tipSide: l.labelTooltip.tipSide, tipAlignment: l.labelTooltip.tipAlignment, startVisible: l.labelTooltip.startVisible, children: /* @__PURE__ */ i(D, { icon: "ap-icon-info", className: t.labelTooltipIcon }) }),
+    l.labelTooltip && /* @__PURE__ */ i(ue, { content: l.labelTooltip.content, size: l.labelTooltip.size, theme: l.labelTooltip.theme, tipSide: l.labelTooltip.tipSide, tipAlignment: l.labelTooltip.tipAlignment, startVisible: l.labelTooltip.startVisible, children: /* @__PURE__ */ i(D, { icon: "ap-icon-info", className: t.labelTooltipIcon }) }),
     l.type === "multiple" && l.multipleHelpText && /* @__PURE__ */ i("span", { className: t.multipleHelpText, children: l.multipleHelpText })
   ] });
 }
-function Xe({
+function Je({
   children: e,
   className: l
 }) {
-  const s = p();
+  const s = u();
   return s.type === "multiple" ? /* @__PURE__ */ i(x, { type: "secondary", variant: "default", size: "md", icon: "ap-icon-upload", className: C(t.multipleInputButton, l), onClick: s.triggerInput, onKeyDown: s.handleKeyDown, disabled: s.disabled || s.isUploadDisabled, children: /* @__PURE__ */ i("span", { children: e ?? `Browse files ${s.multipleButtonHelpText ?? ""}` }) }) : /* @__PURE__ */ i(x, { type: "tertiary", variant: "default", size: "md", icon: "ap-icon-upload", className: C(t.inputButton, l), tabIndex: -1, disabled: s.disabled || s.isUploadDisabled, onClick: (r) => {
     r.preventDefault(), r.stopPropagation(), s.triggerInput();
   }, children: /* @__PURE__ */ i("span", { children: e ?? "Browse file" }) });
 }
-function Je({
+function Ye({
   children: e
 }) {
-  return p().type !== "single" ? null : /* @__PURE__ */ i("div", { className: t.singleFileContainer, children: e });
+  return u().type !== "single" ? null : /* @__PURE__ */ i("div", { className: t.singleFileContainer, children: e });
 }
-function Ye({
+function Ge({
   children: e
 }) {
-  const l = p();
+  const l = u();
   return l.type !== "single" ? null : /* @__PURE__ */ a("div", { tabIndex: l.disabled ? -1 : 0, onClick: l.triggerInput, onKeyDown: l.handleKeyDown, className: t.singleFileInputContainer, children: [
     /* @__PURE__ */ i("span", { className: t.inputFileName, children: l.uploadedFiles.length > 0 ? /* @__PURE__ */ i("span", { className: t.inputFileNameText, children: l.uploadedFiles[0].file.name }) : /* @__PURE__ */ i("span", { className: t.inputFileNamePlaceholder, children: l.placeholder }) }),
     e
   ] });
 }
-function Ge() {
-  return p().type !== "single" ? null : /* @__PURE__ */ i("span", { className: t.singleFileHelpLinkReservedSpace, children: /* @__PURE__ */ i(M, {}) });
+function Qe() {
+  return u().type !== "single" ? null : /* @__PURE__ */ i("span", { className: t.singleFileHelpLinkReservedSpace, children: /* @__PURE__ */ i(w, {}) });
 }
-function M() {
-  const e = p();
+function w() {
+  const e = u();
   if (e.type !== "single" || e.uploadedFiles.length === 0) return null;
   const l = e.uploadedFiles[0].file.name;
   return /* @__PURE__ */ i(x, { type: "tertiary", variant: "default", size: "md", icon: "ap-icon-delete", className: t.singleFileDeleteButton, onClick: () => e.handleRemoveFile(l), disabled: e.disabled });
 }
-function Qe() {
+function We() {
   var r, h;
-  const e = p(), l = e.errorMessage || e.isMaxFilesExceeded || e.type === "single" && ((r = e.uploadedFiles[0]) == null ? void 0 : r.error), s = e.type === "single" ? e.errorMessage || ((h = e.uploadedFiles[0]) == null ? void 0 : h.error) : e.errorMessage || (e.isMaxFilesExceeded ? `You can only upload up to ${e.maxFiles} files.` : "");
-  return /* @__PURE__ */ a("div", { className: t.helpers, children: [
+  const e = u(), l = e.errorMessage || e.isMaxFilesExceeded || e.type === "single" && ((r = e.uploadedFiles[0]) == null ? void 0 : r.error), s = e.type === "single" ? e.errorMessage || ((h = e.uploadedFiles[0]) == null ? void 0 : h.error) : e.errorMessage || (e.isMaxFilesExceeded ? `You can only upload up to ${e.maxFiles} files.` : "");
+  return e.type === "multiple" && !s ? null : /* @__PURE__ */ a("div", { className: t.helpers, children: [
     l ? /* @__PURE__ */ i("span", { title: e.errorMessage, className: t.errorMessage, children: s }) : e.helpText && e.type === "single" && /* @__PURE__ */ i("span", { title: e.helpText, className: t.helperText, children: e.helpText }),
     e.type === "single" && e.helpLink && e.helpLinkText && /* @__PURE__ */ a("span", { className: t.singleFileHelpLinkContainer, children: [
       /* @__PURE__ */ i("a", { href: e.helpLink, className: t.helpLink, target: "_blank", rel: "noopener noreferrer", tabIndex: e.disabled ? -1 : 0, children: e.helpLinkText }),
@@ -209,8 +210,8 @@ function Qe() {
     ] })
   ] });
 }
-function We() {
-  const e = p();
+function Ze() {
+  const e = u();
   return e.type !== "multiple" || !e.uploadedFiles.length ? null : /* @__PURE__ */ i("ul", { className: t.multipleFilesList, children: e.uploadedFiles.map((l, s) => /* @__PURE__ */ i("li", { className: t.multipleFilesListItem, children: /* @__PURE__ */ a("div", { className: t.multipleFilesListItemContent, children: [
     /* @__PURE__ */ i("span", { className: t.multipleFilesListItemIconContainer, children: /* @__PURE__ */ i(D, { icon: "ap-icon-document", className: t.multipleFilesListItemIcon }) }),
     /* @__PURE__ */ a("div", { className: t.multipleFilesListItemContentData, children: [
@@ -226,17 +227,17 @@ function We() {
     ] })
   ] }) }, s)) });
 }
-const I = Object.assign($e, {
-  Label: Ae,
-  BrowseButton: Xe,
-  HelpText: Qe,
-  UploadedFilesList: We,
-  SingleFileContainer: Je,
-  SingleFileRow: Ye,
-  SingleFileActions: Ge,
-  SingleFileDeleteButton: M
+const I = Object.assign(Oe, {
+  Label: Xe,
+  BrowseButton: Je,
+  HelpText: We,
+  UploadedFilesList: Ze,
+  SingleFileContainer: Ye,
+  SingleFileRow: Ge,
+  SingleFileActions: Qe,
+  SingleFileDeleteButton: w
 });
 export {
   I as default,
-  p as useFilePickerContext
+  u as useFilePickerContext
 };