@pismo/marola 1.0.0-beta.8 → 1.0.0-beta.9

package/dist/components/Advice/Advice.js

@@ -1,47 +1,46 @@
 import '../../assets/Advice.css';
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import { c as l } from "../../clsx-DB4S2d7J.js";
-import { Icon as i } from "../Icon/Icon.js";
-const n = "_advice_12o7p_56", d = "_content_12o7p_56", s = {
-  "u-typography-h1": "_u-typography-h1_12o7p_1",
-  "u-typography-h2": "_u-typography-h2_12o7p_8",
-  "u-typography-h3": "_u-typography-h3_12o7p_15",
-  "u-typography-h4": "_u-typography-h4_12o7p_22",
-  "u-typography-h5": "_u-typography-h5_12o7p_29",
-  "u-typography-h6": "_u-typography-h6_12o7p_36",
-  "u-typography-base": "_u-typography-base_12o7p_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_12o7p_48",
-  "u-typography-base--xl": "_u-typography-base--xl_12o7p_52",
-  "u-typography-base--lg": "_u-typography-base--lg_12o7p_56",
-  advice: n,
-  content: d,
-  "u-typography-base--sm": "_u-typography-base--sm_12o7p_61",
-  "u-typography-base--bold": "_u-typography-base--bold_12o7p_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_12o7p_69",
-  "u-typography-base--underlined": "_u-typography-base--underlined_12o7p_72",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_12o7p_75",
-  "content-no-items": "_content-no-items_12o7p_90"
-}, m = {
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { c as g } from "../../clsx-DB4S2d7J.js";
+import { Icon as h } from "../Icon/Icon.js";
+import { Typography as m } from "../Typography/Typography.js";
+const x = "_advice_1wls4_1", f = "_advice__texts_1wls4_8", u = "_advice__content_1wls4_14", c = {
+  advice: x,
+  advice__texts: f,
+  advice__content: u
+}, b = {
   "no-permission": "eye-slash",
   "no-items": "",
   "error-page": "circle-exclamation",
   "without-results": "folder-magnifying-glass"
-}, v = ({ icon: p, type: o, content: e, title: y, description: _, className: g, IconSvg: t, ...u }) => {
-  const a = {
-    color: p != null && p.color ? p == null ? void 0 : p.color : o !== "error-page" ? "var(--accent)" : "var(--secondary-orange)",
-    size: (p == null ? void 0 : p.size) || "3.375rem",
-    icon: m[o] || (p == null ? void 0 : p.icon) || ""
-  };
-  return /* @__PURE__ */ h("div", { className: l(s.advice, g), ...u, children: [
-    t && o !== "no-items" && o !== "error-page" && /* @__PURE__ */ r(t, { style: { color: a.color, height: a.size, width: a.size } }),
-    !t && o !== "no-items" && /* @__PURE__ */ r(i, { ...a }),
-    o !== "error-page" && o !== "no-items" ? typeof e == "string" ? /* @__PURE__ */ r("p", { children: e }) : /* @__PURE__ */ r("div", { className: s.content, children: e }) : /* @__PURE__ */ h("div", { className: s["content-no-items"], children: [
-      /* @__PURE__ */ r("h3", { children: y }),
-      /* @__PURE__ */ r("p", { children: _ }),
-      e
-    ] })
-  ] });
-};
+}, T = ({
+  type: e,
+  icon: a,
+  iconSvg: i,
+  content: t,
+  title: l,
+  titleProps: o = { variant: "base-xxl", color: "var(--gray-75)", bold: !0 },
+  description: n,
+  descriptionProps: s = { variant: "base-lg", color: "var(--gray-75)" },
+  className: v,
+  ...d
+}) => (e && (a = { icon: b[e] }, (e === "without-results" || e === "no-permission") && (o = Object.assign({}, o, { variant: "base-lg" })), e === "no-items" && (s = Object.assign({}, s, {
+  elementProps: { style: { maxWidth: 460, color: s.color } }
+})), e === "error-page" && (a.color = "var(--secondary-orange)")), /* @__PURE__ */ _("div", { className: g(c.advice, v), ...d, children: [
+  (a == null ? void 0 : a.icon) && /* @__PURE__ */ r(h, { icon: a.icon, size: a.size || "3.375rem", color: a.color || "var(--accent)" }),
+  i && i,
+  /* @__PURE__ */ _(
+    "div",
+    {
+      className: c.advice__texts,
+      style: e === "without-results" || e === "no-permission" ? { marginTop: -16 } : {},
+      children: [
+        l && /* @__PURE__ */ r(m, { element: "h3", ...o, children: l }),
+        n && /* @__PURE__ */ r(m, { element: "p", ...s, children: n })
+      ]
+    }
+  ),
+  /* @__PURE__ */ r("div", { className: c.advice__content, children: t && t })
+] }));
 export {
-  v as Advice
+  T as Advice
 };

package/dist/components/Advice/Advice.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ icon, type, content, title, description, className, IconSvg, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ type, icon, iconSvg: IconSvg, content, title, titleProps, description, descriptionProps, className, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -12,7 +12,8 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const WithoutResults: Story;
 export declare const NoPermission: Story;
-export declare const CustomIcon: Story;
-export declare const CustomIconSVG: Story;
 export declare const NoItems: Story;
 export declare const ErrorPage: Story;
+export declare const CustomIcon: Story;
+export declare const CustomIconSVG: Story;
+export declare const TotallyCustom: Story;

package/dist/components/Autocomplete/Autocomplete.js

@@ -4,7 +4,7 @@ import * as g from "react";
 import { useId as pt, useState as Fe } from "react";
 import { c as Z } from "../../clsx-DB4S2d7J.js";
 import { Icon as qe } from "../Icon/Icon.js";
-import { s as P, I as gt } from "../../Input.module-iOYlI_1w.js";
+import { s as P, I as gt } from "../../Input.module-ZTRZRcNt.js";
 import { Typography as Be } from "../Typography/Typography.js";
 import { b as Ke, s as ht } from "../../useSlotProps-kRhf7Gil.js";
 import { u as mt } from "../../useId-BW-oWmul.js";
@@ -85,10 +85,10 @@ function It(u) {
     includeInputInList: se = !1,
     inputValue: Oe,
     isOptionEqualToValue: D = (t, e) => t === e,
-    multiple: l = !1,
+    multiple: i = !1,
     onChange: W,
-    onClose: le,
-    onHighlightChange: ie,
+    onClose: ie,
+    onHighlightChange: le,
     onInputChange: E,
     onOpen: c,
     open: v,
@@ -120,10 +120,10 @@ function It(u) {
     name: m,
     state: "inputValue"
   }), [ce, Ae] = g.useState(!1), fe = g.useCallback((t, e) => {
-    if (!(l ? r.length < e.length : e !== null) && !M)
+    if (!(i ? r.length < e.length : e !== null) && !M)
       return;
     let o;
-    if (l)
+    if (i)
       o = "";
     else if (e == null)
       o = "";
@@ -132,13 +132,13 @@ function It(u) {
       o = typeof s == "string" ? s : "";
     }
     a !== o && (ue(o), E && E(t, o, "reset"));
-  }, [y, a, l, E, ue, M, r]), [z, De] = Te({
+  }, [y, a, i, E, ue, M, r]), [z, De] = Te({
     controlled: v,
     default: !1,
     name: m,
     state: "open"
-  }), [Qe, Ee] = g.useState(!0), ve = !l && r != null && a === y(r), w = z && !X, f = w ? xe(
-    Ie.filter((t) => !(te && (l ? r : [r]).some((e) => e !== null && D(t, e)))),
+  }), [Qe, Ee] = g.useState(!0), ve = !i && r != null && a === y(r), w = z && !X, f = w ? xe(
+    Ie.filter((t) => !(te && (i ? r : [r]).some((e) => e !== null && D(t, e)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
@@ -156,7 +156,7 @@ function It(u) {
   }, [r, fe, ce, C.value, R]);
   const Ne = z && f.length > 0 && !X;
   if (process.env.NODE_ENV !== "production" && r !== null && !R && Ie.length > 0) {
-    const t = (l ? r : [r]).filter((e) => !Ie.some((n) => D(n, e)));
+    const t = (i ? r : [r]).filter((e) => !Ie.some((n) => D(n, e)));
     t.length > 0 && console.warn([`MUI: The value provided to ${m} is invalid.`, `None of the options match with \`${t.length > 1 ? JSON.stringify(t) : JSON.stringify(t[0])}\`.`, "You can use the `isOptionEqualToValue` prop to customize the equality test."].join(`
 `));
   }
@@ -164,8 +164,8 @@ function It(u) {
     t === -1 ? d.current.focus() : ae.querySelector(`[data-tag-index="${t}"]`).focus();
   });
   g.useEffect(() => {
-    l && S > r.length - 1 && (ke(-1), de(-1));
-  }, [r, l, S, de]);
+    i && S > r.length - 1 && (ke(-1), de(-1));
+  }, [r, i, S, de]);
   function Ze(t, e) {
     if (!N.current || t < 0 || t >= f.length)
       return -1;
@@ -183,7 +183,7 @@ function It(u) {
     index: e,
     reason: n = "auto"
   }) => {
-    if (x.current = e, e === -1 ? d.current.removeAttribute("aria-activedescendant") : d.current.setAttribute("aria-activedescendant", `${k}-option-${e}`), ie && ie(t, e === -1 ? null : f[e], n), !N.current)
+    if (x.current = e, e === -1 ? d.current.removeAttribute("aria-activedescendant") : d.current.setAttribute("aria-activedescendant", `${k}-option-${e}`), le && le(t, e === -1 ? null : f[e], n), !N.current)
       return;
     const o = N.current.querySelector(`[role="option"].${h}-focused`);
     o && (o.classList.remove(`${h}-focused`), o.classList.remove(`${h}-focusVisible`));
@@ -194,9 +194,9 @@ function It(u) {
       s.scrollTop = 0;
       return;
     }
-    const i = N.current.querySelector(`[data-option-index="${e}"]`);
-    if (i && (i.classList.add(`${h}-focused`), n === "keyboard" && i.classList.add(`${h}-focusVisible`), s.scrollHeight > s.clientHeight && n !== "mouse" && n !== "touch")) {
-      const p = i, O = s.clientHeight + s.scrollTop, ge = p.offsetTop + p.offsetHeight;
+    const l = N.current.querySelector(`[data-option-index="${e}"]`);
+    if (l && (l.classList.add(`${h}-focused`), n === "keyboard" && l.classList.add(`${h}-focusVisible`), s.scrollHeight > s.clientHeight && n !== "mouse" && n !== "touch")) {
+      const p = l, O = s.clientHeight + s.scrollTop, ge = p.offsetTop + p.offsetHeight;
       ge > O ? s.scrollTop = ge - s.clientHeight : p.offsetTop - p.offsetHeight * (j ? 1.3 : 0) < s.scrollTop && (s.scrollTop = p.offsetTop - p.offsetHeight * (j ? 1.3 : 0));
     }
   }), L = he(({
@@ -207,7 +207,7 @@ function It(u) {
   }) => {
     if (!w)
       return;
-    const i = Ze((() => {
+    const l = Ze((() => {
       const p = f.length - 1;
       if (e === "reset")
         return $e;
@@ -219,14 +219,14 @@ function It(u) {
       return O < 0 ? O === -1 && se ? -1 : ee && x.current !== -1 || Math.abs(e) > 1 ? 0 : p : O > p ? O === p + 1 && se ? -1 : ee || Math.abs(e) > 1 ? p : 0 : O;
     })(), n);
     if (B({
-      index: i,
+      index: l,
       reason: o,
       event: t
     }), $ && e !== "reset")
-      if (i === -1)
+      if (l === -1)
         d.current.value = a;
       else {
-        const p = y(f[i]);
+        const p = y(f[l]);
         d.current.value = p, p.toLowerCase().indexOf(a.toLowerCase()) === 0 && a.length > 0 && d.current.setSelectionRange(a.length, p.length);
       }
   }), et = () => {
@@ -234,7 +234,7 @@ function It(u) {
       const o = e ? y(e) : "", s = n ? y(n) : "";
       return o === s;
     };
-    if (x.current !== -1 && C.filteredOptions && C.filteredOptions.length !== f.length && C.inputValue === a && (l ? r.length === C.value.length && C.value.every((e, n) => y(r[n]) === y(e)) : t(C.value, r))) {
+    if (x.current !== -1 && C.filteredOptions && C.filteredOptions.length !== f.length && C.inputValue === a && (i ? r.length === C.value.length && C.value.every((e, n) => y(r[n]) === y(e)) : t(C.value, r))) {
       const e = C.filteredOptions[x.current];
       if (e)
         return me(f, (n) => y(n) === y(e));
@@ -248,7 +248,7 @@ function It(u) {
       x.current = t;
       return;
     }
-    const e = l ? r[0] : r;
+    const e = i ? r[0] : r;
     if (f.length === 0 || e == null) {
       L({
         diff: "reset"
@@ -258,7 +258,7 @@ function It(u) {
     if (N.current) {
       if (e != null) {
         const n = f[x.current];
-        if (l && n && me(r, (s) => D(n, s)) !== -1)
+        if (i && n && me(r, (s) => D(n, s)) !== -1)
           return;
         const o = me(f, (s) => D(s, e));
         o === -1 ? L({
@@ -283,13 +283,13 @@ function It(u) {
     f.length,
     // Don't sync the highlighted index with the value when multiple
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    l ? !1 : r,
+    i ? !1 : r,
     te,
     L,
     B,
     w,
     a,
-    l
+    i
   ]), tt = he((t) => {
     ht(N, t), t && Se();
   });
@@ -303,26 +303,26 @@ function It(u) {
   const K = (t) => {
     z || (De(!0), Ee(!0), c && c(t));
   }, G = (t, e) => {
-    z && (De(!1), le && le(t, e));
+    z && (De(!1), ie && ie(t, e));
   }, J = (t, e, n, o) => {
-    if (l) {
-      if (r.length === e.length && r.every((s, i) => s === e[i]))
+    if (i) {
+      if (r.length === e.length && r.every((s, l) => s === e[l]))
         return;
     } else if (r === e)
       return;
     W && W(t, e, n, o), Ge(e);
   }, pe = g.useRef(!1), Q = (t, e, n = "selectOption", o = "options") => {
-    let s = n, i = e;
-    if (l) {
-      if (i = Array.isArray(r) ? r.slice() : [], process.env.NODE_ENV !== "production") {
-        const O = i.filter((ge) => D(e, ge));
+    let s = n, l = e;
+    if (i) {
+      if (l = Array.isArray(r) ? r.slice() : [], process.env.NODE_ENV !== "production") {
+        const O = l.filter((ge) => D(e, ge));
         O.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${m} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${O.length} matches.`].join(`
 `));
       }
-      const p = me(i, (O) => D(e, O));
-      p === -1 ? i.push(e) : o !== "freeSolo" && (i.splice(p, 1), s = "removeOption");
+      const p = me(l, (O) => D(e, O));
+      p === -1 ? l.push(e) : o !== "freeSolo" && (l.splice(p, 1), s = "removeOption");
     }
-    fe(t, i), J(t, i, s, {
+    fe(t, l), J(t, l, s, {
       option: e
     }), !Y && (!t || !t.ctrlKey && !t.metaKey) && G(t, s), (V === !0 || V === "touch" && pe.current || V === "mouse" && !pe.current) && d.current.blur();
   };
@@ -341,13 +341,13 @@ function It(u) {
     }
   }
   const Ce = (t, e) => {
-    if (!l)
+    if (!i)
       return;
     a === "" && G(t, "toggleInput");
     let n = S;
     S === -1 ? a === "" && e === "previous" && (n = r.length - 1) : (n += e === "next" ? 1 : -1, n < 0 && (n = 0), n === r.length && (n = -1)), n = nt(n, e), ke(n), de(n);
   }, Le = (t) => {
-    _e.current = !0, ue(""), E && E(t, "", "clear"), J(t, l ? [] : null, "clear");
+    _e.current = !0, ue(""), E && E(t, "", "clear"), J(t, i ? [] : null, "clear");
   }, rt = (t) => (e) => {
     if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (S !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(e.key) === -1 && (ke(-1), de(-1)), e.which !== 229))
       switch (e.key) {
@@ -412,13 +412,13 @@ function It(u) {
               return;
             Q(e, n, "selectOption"), $ && d.current.setSelectionRange(d.current.value.length, d.current.value.length);
           } else
-            R && a !== "" && ve === !1 && (l && e.preventDefault(), Q(e, a, "createOption", "freeSolo"));
+            R && a !== "" && ve === !1 && (i && e.preventDefault(), Q(e, a, "createOption", "freeSolo"));
           break;
         case "Escape":
-          w ? (e.preventDefault(), e.stopPropagation(), G(e, "escape")) : F && (a !== "" || l && r.length > 0) && (e.preventDefault(), e.stopPropagation(), Le(e));
+          w ? (e.preventDefault(), e.stopPropagation(), G(e, "escape")) : F && (a !== "" || i && r.length > 0) && (e.preventDefault(), e.stopPropagation(), Le(e));
           break;
         case "Backspace":
-          if (l && !X && a === "" && r.length > 0) {
+          if (i && !X && a === "" && r.length > 0) {
             const n = S === -1 ? r.length - 1 : S, o = r.slice();
             o.splice(n, 1), J(e, o, "removeOption", {
               option: r[n]
@@ -426,7 +426,7 @@ function It(u) {
           }
           break;
         case "Delete":
-          if (l && !X && a === "" && r.length > 0 && S !== -1) {
+          if (i && !X && a === "" && r.length > 0 && S !== -1) {
             const n = S, o = r.slice();
             o.splice(n, 1), J(e, o, "removeOption", {
               option: r[n]
@@ -444,15 +444,15 @@ function It(u) {
     Ae(!1), we.current = !0, _e.current = !1, H && x.current !== -1 && w ? Q(t, f[x.current], "blur") : H && R && a !== "" ? Q(t, a, "blur", "freeSolo") : M && fe(t, r), G(t, "blur");
   }, st = (t) => {
     const e = t.target.value;
-    a !== e && (ue(e), Ee(!1), E && E(t, e, "input")), e === "" ? !U && !l && J(t, null, "clear") : K(t);
-  }, lt = (t) => {
+    a !== e && (ue(e), Ee(!1), E && E(t, e, "input")), e === "" ? !U && !i && J(t, null, "clear") : K(t);
+  }, it = (t) => {
     const e = Number(t.currentTarget.getAttribute("data-option-index"));
     x.current !== e && B({
       event: t,
       index: e,
       reason: "mouse"
     });
-  }, it = (t) => {
+  }, lt = (t) => {
     B({
       event: t,
       index: Number(t.currentTarget.getAttribute("data-option-index")),
@@ -476,17 +476,17 @@ function It(u) {
     !_ && (a === "" || !z) && Me(t);
   };
   let Pe = R && a.length > 0;
-  Pe = Pe || (l ? r.length > 0 : r !== null);
+  Pe = Pe || (i ? r.length > 0 : r !== null);
   let Re = f;
   if (j) {
     const t = /* @__PURE__ */ new Map();
     let e = !1;
     Re = f.reduce((n, o, s) => {
-      const i = j(o);
-      return n.length > 0 && n[n.length - 1].group === i ? n[n.length - 1].options.push(o) : (process.env.NODE_ENV !== "production" && (t.get(i) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${m} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), e = !0), t.set(i, !0)), n.push({
+      const l = j(o);
+      return n.length > 0 && n[n.length - 1].group === l ? n[n.length - 1].options.push(o) : (process.env.NODE_ENV !== "production" && (t.get(l) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${m} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), e = !0), t.set(l, !0)), n.push({
         key: s,
         index: s,
-        group: i,
+        group: l,
         options: [o]
       })), n;
     }, []);
@@ -558,15 +558,15 @@ function It(u) {
       option: e
     }) => {
       var n;
-      const o = (l ? r : [r]).some((i) => i != null && D(e, i)), s = q ? q(e) : !1;
+      const o = (i ? r : [r]).some((l) => l != null && D(e, l)), s = q ? q(e) : !1;
       return {
         key: (n = ne == null ? void 0 : ne(e)) != null ? n : y(e),
         tabIndex: -1,
         role: "option",
         id: `${k}-option-${t}`,
-        onMouseMove: lt,
+        onMouseMove: it,
         onClick: at,
-        onTouchStart: it,
+        onTouchStart: lt,
         "data-option-index": t,
         "aria-disabled": s,
         "aria-selected": o
@@ -585,10 +585,10 @@ function It(u) {
     groupedOptions: Re
   };
 }
-const _t = "_autocomplete_1gluy_1", ze = {
+const _t = "_autocomplete_1mx2f_1", ze = {
   autocomplete: _t,
-  "autocomplete__dropdown-list": "_autocomplete__dropdown-list_1gluy_4",
-  "autocomplete__dropdown-item": "_autocomplete__dropdown-item_1gluy_9"
+  "autocomplete__dropdown-list": "_autocomplete__dropdown-list_1mx2f_4",
+  "autocomplete__dropdown-item": "_autocomplete__dropdown-item_1mx2f_9"
 }, vt = ({
   label: u,
   type: b,
@@ -613,7 +613,7 @@ const _t = "_autocomplete_1gluy_1", ze = {
 }) => {
   const ne = pt(), re = M || `input_${ne}`;
   Object.assign(q, { "data-testid": xe });
-  const [j, oe] = Fe(), [ye, se] = Fe(""), { getRootProps: Oe, getInputProps: D, getOptionProps: l, groupedOptions: W, getListboxProps: le, focused: ie, getInputLabelProps: E } = It({
+  const [j, oe] = Fe(), [ye, se] = Fe(""), { getRootProps: Oe, getInputProps: D, getOptionProps: i, groupedOptions: W, getListboxProps: ie, focused: le, getInputLabelProps: E } = It({
     id: re,
     options: h,
     getOptionLabel: (c) => typeof c == "string" ? c : c == null ? void 0 : c.label,
@@ -637,7 +637,7 @@ const _t = "_autocomplete_1gluy_1", ze = {
         children: u
       }
     ),
-    /* @__PURE__ */ T("div", { ...Oe(), className: ie ? "Mui-focused" : "", children: /* @__PURE__ */ T(
+    /* @__PURE__ */ T("div", { ...Oe(), className: le ? "Mui-focused" : "", children: /* @__PURE__ */ T(
       gt,
       {
         disabled: F,
@@ -662,12 +662,12 @@ const _t = "_autocomplete_1gluy_1", ze = {
         endAdornment: b === "search" ? /* @__PURE__ */ T("span", { className: P["input__right-icon"], children: /* @__PURE__ */ T(qe, { color: "var(--accent)", icon: "magnifying-glass" }) }) : V && /* @__PURE__ */ T("span", { className: P["input__right-icon"], children: V })
       }
     ) }),
-    W.length > 0 && !F && /* @__PURE__ */ T("ul", { ...le(), className: ze["autocomplete__dropdown-list"], children: W.map((c, v) => /* @__PURE__ */ T(
+    W.length > 0 && !F && /* @__PURE__ */ T("ul", { ...ie(), className: ze["autocomplete__dropdown-list"], children: W.map((c, v) => /* @__PURE__ */ T(
       "li",
       {
         tabIndex: v,
         className: ze["autocomplete__dropdown-item"],
-        ...l({ option: c, index: v }),
+        ...i({ option: c, index: v }),
         children: typeof c == "string" ? c : c == null ? void 0 : c.label
       }
     )) }),

package/dist/components/Button/Button.js

@@ -1,61 +1,61 @@
 import '../../assets/Button.css';
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as f, useMemo as d } from "react";
+import { jsx as p, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as l, useMemo as x } from "react";
 import { c } from "../../clsx-DB4S2d7J.js";
-import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as x } from "../../Button-DiLqcAJG.js";
-const k = "_button_1ynf4_56", o = {
-  "u-typography-h1": "_u-typography-h1_1ynf4_1",
-  "u-typography-h2": "_u-typography-h2_1ynf4_8",
-  "u-typography-h3": "_u-typography-h3_1ynf4_15",
-  "u-typography-h4": "_u-typography-h4_1ynf4_22",
-  "u-typography-h5": "_u-typography-h5_1ynf4_29",
-  "u-typography-h6": "_u-typography-h6_1ynf4_36",
-  "u-typography-base": "_u-typography-base_1ynf4_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1ynf4_48",
-  "u-typography-base--xl": "_u-typography-base--xl_1ynf4_52",
-  "u-typography-base--lg": "_u-typography-base--lg_1ynf4_56",
-  button: k,
-  "u-typography-base--sm": "_u-typography-base--sm_1ynf4_60",
-  "u-typography-base--bold": "_u-typography-base--bold_1ynf4_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1ynf4_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1ynf4_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1ynf4_73",
-  "button--primary": "_button--primary_1ynf4_85",
-  "button--secondary": "_button--secondary_1ynf4_100",
-  "button--quick": "_button--quick_1ynf4_117",
-  "button__loading-container": "_button__loading-container_1ynf4_137"
-}, P = f((r, p) => {
+import { LoadingSpinner as v } from "../LoadingSpinner/LoadingSpinner.js";
+import { B as m } from "../../Button-DiLqcAJG.js";
+const f = "_button_dxo5v_57", t = {
+  "u-typography-h1": "_u-typography-h1_dxo5v_1",
+  "u-typography-h2": "_u-typography-h2_dxo5v_8",
+  "u-typography-h3": "_u-typography-h3_dxo5v_15",
+  "u-typography-h4": "_u-typography-h4_dxo5v_22",
+  "u-typography-h5": "_u-typography-h5_dxo5v_29",
+  "u-typography-h6": "_u-typography-h6_dxo5v_36",
+  "u-typography-base": "_u-typography-base_dxo5v_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_dxo5v_49",
+  "u-typography-base--xl": "_u-typography-base--xl_dxo5v_53",
+  "u-typography-base--lg": "_u-typography-base--lg_dxo5v_57",
+  button: f,
+  "u-typography-base--sm": "_u-typography-base--sm_dxo5v_61",
+  "u-typography-base--bold": "_u-typography-base--bold_dxo5v_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_dxo5v_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_dxo5v_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_dxo5v_74",
+  "button--primary": "_button--primary_dxo5v_86",
+  "button--secondary": "_button--secondary_dxo5v_101",
+  "button--quick": "_button--quick_dxo5v_118",
+  "button__loading-container": "_button__loading-container_dxo5v_138"
+}, P = l((y, _) => {
   const {
-    onClick: _,
-    link: u,
+    onClick: u,
+    link: n,
     loading: e,
-    children: y,
+    children: a,
     type: s = "button",
     disabled: h,
-    className: a,
-    variant: t = "primary",
-    muiButtonBaseProps: g
-  } = r, i = {
-    invert: t === "secondary" || t === "quick"
-  }, b = d(
-    () => c([o.button, o[`button--${t}`], a]),
-    [a, t]
+    className: r,
+    variant: o = "primary",
+    muiButtonBaseProps: d
+  } = y, g = {
+    invert: o === "secondary" || o === "quick"
+  }, i = x(
+    () => c([t.button, t[`button--${o}`], r]),
+    [r, o]
   );
-  return /* @__PURE__ */ n(
-    x,
+  return /* @__PURE__ */ p(
+    m,
     {
       type: s,
-      href: u,
-      onClick: _,
+      href: n,
+      onClick: u,
       disabled: h,
-      className: b,
-      ref: p,
-      ...g ?? {},
-      children: e ? /* @__PURE__ */ l("div", { className: o["button__loading-container"], children: [
-        /* @__PURE__ */ n(m, { ...i }),
-        y
-      ] }) : y
+      className: i,
+      ref: _,
+      ...d ?? {},
+      children: e ? /* @__PURE__ */ b("div", { className: t["button__loading-container"], children: [
+        /* @__PURE__ */ p(v, { ...g }),
+        a
+      ] }) : a
     }
   );
 });