@uva-glass/component-library 3.49.0 → 3.50.1

package/dist/components/InputField/InputField.js

@@ -1,61 +1,61 @@
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { jsxs as b, jsx as c } from "react/jsx-runtime";
 import { forwardRef as g, useState as x, useRef as B, useEffect as y } from "react";
 import { c as C } from "../../clsx-OuTLNxxd.js";
 import '../../assets/InputField.css';const t = {
-  "input-field-wrapper": "_input-field-wrapper_ndcss_1",
-  "input-field": "_input-field_ndcss_1",
-  "input-field--large": "_input-field--large_ndcss_22",
-  "input-field--small": "_input-field--small_ndcss_26",
-  "input-field--compact": "_input-field--compact_ndcss_30",
-  "input-field--white": "_input-field--white_ndcss_34",
-  "input-field__clear-button": "_input-field__clear-button_ndcss_42"
+  "input-field-wrapper": "_input-field-wrapper_1tir9_1",
+  "input-field": "_input-field_1tir9_1",
+  "input-field--large": "_input-field--large_1tir9_22",
+  "input-field--small": "_input-field--small_1tir9_26",
+  "input-field--compact": "_input-field--compact_1tir9_30",
+  "input-field--white": "_input-field--white_1tir9_34",
+  "input-field__clear-button": "_input-field__clear-button_1tir9_42"
 }, j = g(
   ({
-    autoComplete: f = "off",
-    id: s,
+    autoComplete: s = "off",
+    id: r,
     value: e,
-    variant: d,
+    variant: _,
     width: u,
-    type: _ = "text",
+    type: o = "text",
     background: p,
-    clearTrigger: n,
-    onClear: c,
-    ...o
+    clearTrigger: l,
+    onClear: f,
+    ...a
   }, i) => {
-    const [a, m] = x(0), l = B(null);
+    const [d, m] = x(0), n = B(null);
     y(() => {
-      l.current && m(l.current.offsetWidth);
+      n.current && m(n.current.offsetWidth);
     }, [e]);
     const h = () => {
-      c && i && "current" in i && i.current && (c(), i.current.focus());
+      f && i && "current" in i && i.current && (f(), i.current.focus());
     };
     return /* @__PURE__ */ b("div", { className: t["input-field-wrapper"], children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ c(
         "input",
         {
-          ...o,
-          autoComplete: f,
+          ...a,
+          autoComplete: s,
           ref: i,
-          id: s,
+          id: r,
           className: C(t["input-field"], {
-            [t["input-field--large"]]: d === "large",
+            [t["input-field--large"]]: _ === "large",
             [t[`input-field--${u}`]]: u,
             [t[`input-field--${p}`]]: p
           }),
-          type: _,
+          type: o,
           value: e,
-          style: { paddingRight: e && n ? a : void 0 }
+          style: { paddingRight: e && l ? d : void 0 }
         }
       ),
-      !!e && n && /* @__PURE__ */ r(
+      !!e && l && /* @__PURE__ */ c(
         "button",
         {
           type: "button",
           className: t["input-field__clear-button"],
           onClick: h,
-          ref: l,
-          "aria-label": `clear trigger for ${s}`,
-          children: n
+          ref: n,
+          "aria-label": `clear trigger for ${r}`,
+          children: l
         }
       )
     ] });

package/dist/components/InputField/InputField.stories.js

@@ -17,7 +17,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router";
-import "../../TablePlugin-Cvw0NmoH.js";
+import "../../TablePlugin-8TKXJMYE.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
@@ -27,7 +27,7 @@ import "../SearchField/SearchField.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-l8-7ClBJ.js";
+import "../../SortableProvider-BbwlEPIr.js";
 import "../WeekSelector/components/WeekSelectorOptionContainer.js";
 const C = `
 // Has all HTMLInputElement props available except "className" and "style" 

package/dist/components/Label/Label.js

@@ -1,18 +1,18 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as n } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Label.css';const _ = "_label_1elrd_1", l = {
+import '../../assets/Label.css';const _ = "_label_i3lyd_1", l = {
   label: _,
-  "label--required": "_label--required_1elrd_6",
-  "label--unset-font-weight": "_label--unset-font-weight_1elrd_14",
-  "label--align-right": "_label--align-right_1elrd_18"
-}, d = ({ children: e, htmlFor: a, noFontWeight: t, required: r = !1, alignRight: b, ...i }) => /* @__PURE__ */ s(
+  "label--required": "_label--required_i3lyd_6",
+  "label--unset-font-weight": "_label--unset-font-weight_i3lyd_14",
+  "label--align-right": "_label--align-right_i3lyd_18"
+}, d = ({ children: e, htmlFor: a, noFontWeight: t, required: i = !1, alignRight: b, ...r }) => /* @__PURE__ */ s(
   "label",
   {
-    ...i,
+    ...r,
     htmlFor: a,
     className: n(l.label, {
       [l["label--unset-font-weight"]]: t,
-      [l["label--required"]]: r,
+      [l["label--required"]]: i,
       [l["label--align-right"]]: b
     }),
     children: e

package/dist/components/MetaDataList/MetaDataList.js

@@ -1,12 +1,12 @@
-import { jsx as a, jsxs as _ } from "react/jsx-runtime";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import '../../assets/MetaDataList.css';const t = {
-  "meta-data-list": "_meta-data-list_1ripo_1",
-  "meta-data-list__item": "_meta-data-list__item_1ripo_5",
-  "meta-data-list__term": "_meta-data-list__term_1ripo_16",
-  "meta-data-list__description": "_meta-data-list__description_1ripo_20"
-}, m = ({ items: i }) => /* @__PURE__ */ a("dl", { className: t["meta-data-list"], children: Object.entries(i).map(([e, s]) => /* @__PURE__ */ _("div", { className: t["meta-data-list__item"], children: [
+  "meta-data-list": "_meta-data-list_1kah2_1",
+  "meta-data-list__item": "_meta-data-list__item_1kah2_5",
+  "meta-data-list__term": "_meta-data-list__term_1kah2_16",
+  "meta-data-list__description": "_meta-data-list__description_1kah2_20"
+}, m = ({ items: s }) => /* @__PURE__ */ a("dl", { className: t["meta-data-list"], children: Object.entries(s).map(([e, _]) => /* @__PURE__ */ i("div", { className: t["meta-data-list__item"], children: [
   /* @__PURE__ */ a("dt", { className: t["meta-data-list__term"], children: e }),
-  /* @__PURE__ */ a("dd", { className: t["meta-data-list__description"], children: s })
+  /* @__PURE__ */ a("dd", { className: t["meta-data-list__description"], children: _ })
 ] }, e)) });
 export {
   m as MetaDataList

package/dist/components/ModalDialog/ModalDialog.js

@@ -1,98 +1,98 @@
-import { jsx as a, Fragment as S, jsxs as _ } from "react/jsx-runtime";
+import { jsx as a, Fragment as v, jsxs as _ } from "react/jsx-runtime";
 import { useDialog as $ } from "@react-aria/dialog";
 import { FocusScope as q } from "@react-aria/focus";
 import { useModal as G, useOverlay as J, usePreventScroll as Q, OverlayContainer as W } from "@react-aria/overlays";
 import { c as i } from "../../clsx-OuTLNxxd.js";
-import { useRef as w, useState as T, useEffect as X } from "react";
+import { useRef as S, useState as w, useEffect as X } from "react";
 import { Backdrop as Y } from "../Backdrop/Backdrop.js";
 import { OverlayCloseButton as Z } from "../OverlayCloseButton/OverlayCloseButton.js";
 import { Spinner as oo } from "../Spinner/Spinner.js";
 import '../../assets/ModalDialog.css';const o = {
-  "modal-dialog": "_modal-dialog_1s7u8_1",
-  "modal-dialog--padded": "_modal-dialog--padded_1s7u8_18",
-  "modal-dialog__content": "_modal-dialog__content_1s7u8_22",
-  "modal-dialog__children": "_modal-dialog__children_1s7u8_33",
-  "modal-dialog__title": "_modal-dialog__title_1s7u8_37",
-  "modal-dialog--confirm": "_modal-dialog--confirm_1s7u8_44",
-  "modal-dialog__buttons": "_modal-dialog__buttons_1s7u8_48",
-  "modal-dialog__buttons--border": "_modal-dialog__buttons--border_1s7u8_61",
-  "modal-dialog__buttons--shadow": "_modal-dialog__buttons--shadow_1s7u8_78",
-  "modal-dialog__close": "_modal-dialog__close_1s7u8_82",
-  "modal-dialog--small": "_modal-dialog--small_1s7u8_99",
-  "modal-dialog--regular": "_modal-dialog--regular_1s7u8_103",
-  "modal-dialog--medium": "_modal-dialog--medium_1s7u8_107",
-  "modal-dialog--large": "_modal-dialog--large_1s7u8_111",
-  "modal-dialog--content-with-buttons": "_modal-dialog--content-with-buttons_1s7u8_125"
+  "modal-dialog": "_modal-dialog_15zh0_1",
+  "modal-dialog--padded": "_modal-dialog--padded_15zh0_18",
+  "modal-dialog__content": "_modal-dialog__content_15zh0_22",
+  "modal-dialog__children": "_modal-dialog__children_15zh0_33",
+  "modal-dialog__title": "_modal-dialog__title_15zh0_37",
+  "modal-dialog--confirm": "_modal-dialog--confirm_15zh0_44",
+  "modal-dialog__buttons": "_modal-dialog__buttons_15zh0_48",
+  "modal-dialog__buttons--border": "_modal-dialog__buttons--border_15zh0_61",
+  "modal-dialog__buttons--shadow": "_modal-dialog__buttons--shadow_15zh0_78",
+  "modal-dialog__close": "_modal-dialog__close_15zh0_82",
+  "modal-dialog--small": "_modal-dialog--small_15zh0_99",
+  "modal-dialog--regular": "_modal-dialog--regular_15zh0_103",
+  "modal-dialog--medium": "_modal-dialog--medium_15zh0_107",
+  "modal-dialog--large": "_modal-dialog--large_15zh0_111",
+  "modal-dialog--content-with-buttons": "_modal-dialog--content-with-buttons_15zh0_125"
 };
-function _o(y) {
+function _o(T) {
   const {
     buttons: t,
-    children: x,
+    children: y,
     isDismissable: c = !0,
-    isKeyboardDismissDisabled: B = !c,
-    isLoading: D,
-    spinnerAriaValueText: P = "Loading",
-    closeButtonAriaValueText: C = "Close",
+    isKeyboardDismissDisabled: x = !c,
+    isLoading: B,
+    spinnerAriaValueText: D = "Loading",
+    closeButtonAriaValueText: P = "Close",
     isOpen: e,
-    noValidate: E = !1,
-    onClose: u,
-    onSubmit: L,
-    role: N = "dialog",
-    title: s,
-    headerContent: r,
+    noValidate: C = !1,
+    onClose: g,
+    onSubmit: E,
+    role: L = "dialog",
+    title: r,
+    headerContent: s,
     variant: n = "dialog",
-    padded: g,
-    size: z = "regular",
-    noButtonBorder: f = !1
-  } = y, m = w(null), p = w(null), [F, H] = T(!1), [O, V] = T(!1), { dialogProps: k, titleProps: A } = $({ role: N }, m), { modalProps: I } = G({ isDisabled: !e }), { overlayProps: M, underlayProps: R } = J(
-    { isDismissable: c, isKeyboardDismissDisabled: B, isOpen: e, onClose: u },
+    padded: u,
+    size: N = "regular",
+    noButtonBorder: h = !1
+  } = T, m = S(null), f = S(null), [F, H] = w(!1), [O, V] = w(!1), { dialogProps: k, titleProps: A } = $({ role: L }, m), { modalProps: I } = G({ isDisabled: !e }), { overlayProps: M, underlayProps: R } = J(
+    { isDismissable: c, isKeyboardDismissDisabled: x, isOpen: e, onClose: g },
     m
   );
   Q({ isDisabled: !e }), X(() => {
-    const l = p.current;
-    function h() {
+    const l = f.current;
+    function p() {
       if (l) {
-        const b = l.scrollHeight, v = l.clientHeight, U = l.scrollTop;
-        H(b > v), V(U + v >= b);
+        const b = l.scrollHeight, z = l.clientHeight, U = l.scrollTop;
+        H(b > z), V(U + z >= b);
       }
     }
     function d() {
-      h();
+      p();
     }
     l && (l.addEventListener("scroll", d), window.addEventListener("resize", d));
     const K = setTimeout(() => {
-      h();
+      p();
     }, 0);
     return () => {
       l && l.removeEventListener("scroll", d), window.removeEventListener("resize", d), clearTimeout(K);
     };
-  }, [e, r]);
+  }, [e, s]);
   function j(l) {
     l.stopPropagation();
   }
-  return e ? /* @__PURE__ */ a(W, { children: /* @__PURE__ */ a(Y, { ...R, children: D ? /* @__PURE__ */ a(oo, { ariaValueText: P }) : /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(q, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ _(
+  return e ? /* @__PURE__ */ a(W, { children: /* @__PURE__ */ a(Y, { ...R, children: B ? /* @__PURE__ */ a(oo, { ariaValueText: D }) : /* @__PURE__ */ a(v, { children: /* @__PURE__ */ a(q, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ _(
     "div",
     {
       ...k,
       ...I,
       ...M,
-      className: i(o["modal-dialog"], [o[`modal-dialog--${z}`]], {
+      className: i(o["modal-dialog"], [o[`modal-dialog--${N}`]], {
         [o["modal-dialog--confirm"]]: n === "confirm",
-        [o["modal-dialog--padded"]]: g
+        [o["modal-dialog--padded"]]: u
       }),
       onKeyUp: j,
       role: "presentation",
       ref: m,
       children: [
-        (s || r) && n === "dialog" && /* @__PURE__ */ _(S, { children: [
-          s && /* @__PURE__ */ a("h1", { ...A, className: o["modal-dialog__title"], children: s }),
-          r,
+        (r || s) && n === "dialog" && /* @__PURE__ */ _(v, { children: [
+          r && /* @__PURE__ */ a("h1", { ...A, className: o["modal-dialog__title"], children: r }),
+          s,
           n === "dialog" && /* @__PURE__ */ a("span", { className: o["modal-dialog__close"], children: /* @__PURE__ */ a(
             Z,
             {
-              "aria-label": C,
-              onClick: u,
-              paddedModal: g
+              "aria-label": P,
+              onClick: g,
+              paddedModal: u
             }
           ) })
         ] }),
@@ -102,16 +102,16 @@ function _o(y) {
             className: i(o["modal-dialog__content"], {
               [o["modal-dialog--content-with-buttons"]]: t
             }),
-            onSubmit: L,
-            noValidate: E,
-            ref: p,
+            onSubmit: E,
+            noValidate: C,
+            ref: f,
             children: [
-              /* @__PURE__ */ a("div", { className: i({ [o["modal-dialog__children"]]: !f }), children: x }),
+              /* @__PURE__ */ a("div", { className: i({ [o["modal-dialog__children"]]: !h }), children: y }),
               t && /* @__PURE__ */ a(
                 "div",
                 {
                   className: i(o["modal-dialog__buttons"], {
-                    [o["modal-dialog__buttons--border"]]: !f,
+                    [o["modal-dialog__buttons--border"]]: !h,
                     [o["modal-dialog__buttons--shadow"]]: F && !O
                   }),
                   children: t

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
-import "../../MultiSelectItem-DbOdEllV.js";
-import { M as p } from "../../TablePlugin-Cvw0NmoH.js";
+import "../../MultiSelectItem-BzBmsKof.js";
+import { M as p } from "../../TablePlugin-8TKXJMYE.js";
 export {
   p as MultiSelect
 };

package/dist/components/MultiSelect/MultiSelect.stories.js

@@ -1,7 +1,7 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
 import { l as d } from "../../index-DvUwfXNb.js";
 import { useState as p } from "react";
-import { M as e } from "../../TablePlugin-Cvw0NmoH.js";
+import { M as e } from "../../TablePlugin-8TKXJMYE.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";
 const C = `
   // MultiSelectHeader can be added optionally

package/dist/components/MultiSelect/components/MultiSelectHeader.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "../../../MultiSelectItem-DbOdEllV.js";
+import "../../../MultiSelectItem-BzBmsKof.js";
 import "../../Label/Label.js";
 import "../../Accordion/Accordion.js";
 import "react";
@@ -16,7 +16,7 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router";
-import { a as C } from "../../../TablePlugin-Cvw0NmoH.js";
+import { a as C } from "../../../TablePlugin-8TKXJMYE.js";
 import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../RteEditor/hooks/components/Flyout.js";
@@ -26,7 +26,7 @@ import "../../SearchField/SearchField.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
-import "../../../SortableProvider-l8-7ClBJ.js";
+import "../../../SortableProvider-BbwlEPIr.js";
 import "../../WeekSelector/components/WeekSelectorOptionContainer.js";
 export {
   C as MultiSelectHeader

package/dist/components/MultiSelect/components/MultiSelectItem.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { M as e } from "../../../MultiSelectItem-DbOdEllV.js";
+import { M as e } from "../../../MultiSelectItem-BzBmsKof.js";
 import "../../Checkbox/Checkbox.js";
 import "../../Label/Label.js";
 export {

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../../TablePlugin-Cvw0NmoH.js";
+import { M as l } from "../../TablePlugin-8TKXJMYE.js";
 export {
   l as MultiSelect
 };

package/dist/components/MultiSelectBox/MultiSelectBox.js

@@ -1,22 +1,22 @@
 import { jsxs as f, jsx as u } from "react/jsx-runtime";
-import { useId as q, useState as d, useRef as O, useCallback as g, useEffect as w } from "react";
-import { c as v } from "../../clsx-OuTLNxxd.js";
+import { useId as q, useState as d, useRef as O, useCallback as g, useEffect as I } from "react";
+import { c as h } from "../../clsx-OuTLNxxd.js";
 import { Icon as G } from "../Icon/Icon.js";
 import { Checkbox as J } from "../Checkbox/Checkbox.js";
 import { usePositionedFloaters as Q } from "../hooks/usePositionedFloaters.js";
 import '../../assets/MultiSelectBox.css';const r = {
-  "multi-select-box-wrapper": "_multi-select-box-wrapper_ltxrv_1",
-  "multi-select-box-trigger": "_multi-select-box-trigger_ltxrv_5",
-  "multi-select-box-trigger--darkBorder": "_multi-select-box-trigger--darkBorder_ltxrv_22",
-  "multi-select-box-trigger-label": "_multi-select-box-trigger-label_ltxrv_36",
-  "multi-select-box-trigger-icon": "_multi-select-box-trigger-icon_ltxrv_50",
-  "multi-select-box-trigger-icon--open": "_multi-select-box-trigger-icon--open_ltxrv_55",
-  "multi-select-box-listbox--wrapper": "_multi-select-box-listbox--wrapper_ltxrv_59",
-  "multi-select-box-listbox": "_multi-select-box-listbox_ltxrv_59",
-  "multi-select-box-listbox-option": "_multi-select-box-listbox-option_ltxrv_86",
-  "multi-select-box-listbox-option--active": "_multi-select-box-listbox-option--active_ltxrv_97",
-  "multi-select-box-listbox-option-content": "_multi-select-box-listbox-option-content_ltxrv_108",
-  "multi-select-box-listbox-option--disabled": "_multi-select-box-listbox-option--disabled_ltxrv_122"
+  "multi-select-box-wrapper": "_multi-select-box-wrapper_24h2w_1",
+  "multi-select-box-trigger": "_multi-select-box-trigger_24h2w_5",
+  "multi-select-box-trigger--darkBorder": "_multi-select-box-trigger--darkBorder_24h2w_22",
+  "multi-select-box-trigger-label": "_multi-select-box-trigger-label_24h2w_36",
+  "multi-select-box-trigger-icon": "_multi-select-box-trigger-icon_24h2w_50",
+  "multi-select-box-trigger-icon--open": "_multi-select-box-trigger-icon--open_24h2w_55",
+  "multi-select-box-listbox--wrapper": "_multi-select-box-listbox--wrapper_24h2w_59",
+  "multi-select-box-listbox": "_multi-select-box-listbox_24h2w_59",
+  "multi-select-box-listbox-option": "_multi-select-box-listbox-option_24h2w_86",
+  "multi-select-box-listbox-option--active": "_multi-select-box-listbox-option--active_24h2w_97",
+  "multi-select-box-listbox-option-content": "_multi-select-box-listbox-option-content_24h2w_108",
+  "multi-select-box-listbox-option--disabled": "_multi-select-box-listbox-option--disabled_24h2w_122"
 }, te = ({
   selectData: c,
   onChange: m,
@@ -28,7 +28,7 @@ import '../../assets/MultiSelectBox.css';const r = {
   maxOptionHeight: C,
   optionPositionRight: L
 }) => {
-  const _ = q(), [n, h] = d(y || []), [S, k] = d(y?.length || 0), [s, a] = d(!1), [b, x] = d(-1), I = O(null), N = O(null), [F, K] = d(null), [R, $] = d(null), { style: D, updatePosition: M } = Q(F, R, {
+  const _ = q(), [n, w] = d(y || []), [S, v] = d(y?.length || 0), [s, a] = d(!1), [b, x] = d(-1), k = O(null), N = O(null), [F, K] = d(null), [R, $] = d(null), { style: D, updatePosition: M } = Q(F, R, {
     mouseEvent: "click",
     offset: 4,
     maxFixedHeight: C,
@@ -37,7 +37,7 @@ import '../../assets/MultiSelectBox.css';const r = {
     fullWidth: P
   }), p = g(
     ({ target: e }) => {
-      !e || !I.current || I.current.contains(e) || a(!1);
+      !e || !k.current || k.current.contains(e) || a(!1);
     },
     [a]
   ), T = g(
@@ -79,7 +79,7 @@ import '../../assets/MultiSelectBox.css';const r = {
             const t = c[b];
             if (!t || t.disabled) break;
             const o = n.some((i) => i.value === t.value) ? n.filter((i) => i.value !== t.value) : [...n, t];
-            h(o), k(o.length), m(o);
+            w(o), v(o.length), m(o);
             break;
           }
           case "Tab":
@@ -94,7 +94,7 @@ import '../../assets/MultiSelectBox.css';const r = {
   ), z = (e, t) => {
     if (t.disabled || e.target.tagName === "INPUT") return;
     const o = n.some((i) => i.value === t.value) ? n.filter((i) => i.value !== t.value) : [...n, t];
-    h(o), k(o.length), m(o);
+    w(o), v(o.length), m(o);
   }, U = g(
     (e) => {
       const { checked: t, value: l } = e.target;
@@ -104,25 +104,25 @@ import '../../assets/MultiSelectBox.css';const r = {
         i && o.push(i);
       } else
         o = o.filter((i) => i.value !== l);
-      h(o), k(o.length), m(o), M();
+      w(o), v(o.length), m(o), M();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [c, n, m]
   );
-  return w(() => {
+  return I(() => {
     s && x(0);
-  }, [s]), w(() => {
+  }, [s]), I(() => {
     N.current?.children[b]?.focus();
-  }, [b]), w(() => {
+  }, [b]), I(() => {
     if (s)
       return document.addEventListener("click", p, !0), document.addEventListener("scroll", p, !0), () => {
         document.removeEventListener("click", p, !0), document.removeEventListener("scroll", p, !0);
       };
-  }, [p, s]), /* @__PURE__ */ f("div", { className: r["multi-select-box-wrapper"], ref: I, children: [
+  }, [p, s]), /* @__PURE__ */ f("div", { className: r["multi-select-box-wrapper"], ref: k, children: [
     /* @__PURE__ */ f(
       "button",
       {
-        className: v(r["multi-select-box-trigger"], {
+        className: h(r["multi-select-box-trigger"], {
           [r["multi-select-box-trigger--darkBorder"]]: B
         }),
         type: "button",
@@ -145,7 +145,7 @@ import '../../assets/MultiSelectBox.css';const r = {
           /* @__PURE__ */ u(
             G,
             {
-              className: v(r["multi-select-box-trigger-icon"], {
+              className: h(r["multi-select-box-trigger-icon"], {
                 [r["multi-select-box-trigger-icon--open"]]: s
               }),
               name: "CheveronDown",
@@ -159,14 +159,14 @@ import '../../assets/MultiSelectBox.css';const r = {
       "div",
       {
         id: _,
-        className: v(r["multi-select-box-listbox--wrapper"]),
+        className: h(r["multi-select-box-listbox--wrapper"]),
         style: { ...D.style, visibility: s ? "visible" : "hidden" },
         role: "listbox",
         ref: K,
         children: /* @__PURE__ */ u("ul", { className: r["multi-select-box-listbox"], ref: N, children: c.map(({ label: e, value: t, disabled: l }, o) => /* @__PURE__ */ u(
           "li",
           {
-            className: v(r["multi-select-box-listbox-option"], {
+            className: h(r["multi-select-box-listbox-option"], {
               [r["multi-select-box-listbox-option--active"]]: o === b,
               [r["multi-select-box-listbox-option--disabled"]]: l
             }),

package/dist/components/Notification/Notification.js

@@ -1,42 +1,42 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { c as f } from "../../clsx-OuTLNxxd.js";
-import { Icon as s } from "../Icon/Icon.js";
-import '../../assets/Notification.css';const w = "_notification_qwbrb_1", t = {
-  notification: w,
-  "notification--default": "_notification--default_qwbrb_7",
-  "notification--bar": "_notification--bar_qwbrb_10",
-  "notification--neutral": "_notification--neutral_qwbrb_15",
-  "notification--information": "_notification--information_qwbrb_19",
-  "notification--success": "_notification--success_qwbrb_23",
-  "notification--warning": "_notification--warning_qwbrb_27",
-  "notification--danger": "_notification--danger_qwbrb_31",
-  "notification-content": "_notification-content_qwbrb_55",
-  "notification-content--text": "_notification-content--text_qwbrb_59",
-  "notification-title": "_notification-title_qwbrb_65",
-  "notification-subtitle": "_notification-subtitle_qwbrb_69",
-  "notification-close-button": "_notification-close-button_qwbrb_73",
-  "notification-close-button--bar--neutral": "_notification-close-button--bar--neutral_qwbrb_107",
-  "notification-close-button--bar--information": "_notification-close-button--bar--information_qwbrb_108",
-  "notification-close-button--bar--danger": "_notification-close-button--bar--danger_qwbrb_109",
-  "notification-close-button--neutral": "_notification-close-button--neutral_qwbrb_113",
-  "notification-close-button--information": "_notification-close-button--information_qwbrb_117",
-  "notification-close-button--success": "_notification-close-button--success_qwbrb_121",
-  "notification-close-button--warning": "_notification-close-button--warning_qwbrb_124",
-  "notification-close-button--danger": "_notification-close-button--danger_qwbrb_127",
-  "notification-close-button--bar--success": "_notification-close-button--bar--success_qwbrb_140",
-  "notification-close-button--bar--warning": "_notification-close-button--bar--warning_qwbrb_143"
-}, g = ({ title: a, subtitle: r, action: b, variant: e = "default", level: n, onClose: _ }) => {
-  const l = e === "bar";
-  function u(o) {
+import { c as u } from "../../clsx-OuTLNxxd.js";
+import { Icon as r } from "../Icon/Icon.js";
+import '../../assets/Notification.css';const m = "_notification_1u5s4_1", t = {
+  notification: m,
+  "notification--default": "_notification--default_1u5s4_7",
+  "notification--bar": "_notification--bar_1u5s4_10",
+  "notification--neutral": "_notification--neutral_1u5s4_15",
+  "notification--information": "_notification--information_1u5s4_19",
+  "notification--success": "_notification--success_1u5s4_23",
+  "notification--warning": "_notification--warning_1u5s4_27",
+  "notification--danger": "_notification--danger_1u5s4_31",
+  "notification-content": "_notification-content_1u5s4_55",
+  "notification-content--text": "_notification-content--text_1u5s4_59",
+  "notification-title": "_notification-title_1u5s4_65",
+  "notification-subtitle": "_notification-subtitle_1u5s4_69",
+  "notification-close-button": "_notification-close-button_1u5s4_73",
+  "notification-close-button--bar--neutral": "_notification-close-button--bar--neutral_1u5s4_107",
+  "notification-close-button--bar--information": "_notification-close-button--bar--information_1u5s4_108",
+  "notification-close-button--bar--danger": "_notification-close-button--bar--danger_1u5s4_109",
+  "notification-close-button--neutral": "_notification-close-button--neutral_1u5s4_113",
+  "notification-close-button--information": "_notification-close-button--information_1u5s4_117",
+  "notification-close-button--success": "_notification-close-button--success_1u5s4_121",
+  "notification-close-button--warning": "_notification-close-button--warning_1u5s4_124",
+  "notification-close-button--danger": "_notification-close-button--danger_1u5s4_127",
+  "notification-close-button--bar--success": "_notification-close-button--bar--success_1u5s4_140",
+  "notification-close-button--bar--warning": "_notification-close-button--bar--warning_1u5s4_143"
+}, h = ({ title: a, subtitle: s, action: e, variant: f = "default", level: n, onClose: _ }) => {
+  const l = f === "bar";
+  function b(o) {
     return o === "neutral" ? "CalendarEdit" : o === "information" ? "SquareInfo" : o === "success" ? "CheckCircle" : "ExclamationTriangleMini";
   }
-  return /* @__PURE__ */ c("div", { className: f(t.notification, t[`notification--${e}`], t[`notification--${n}`]), children: [
+  return /* @__PURE__ */ c("div", { className: u(t.notification, t[`notification--${f}`], t[`notification--${n}`]), children: [
     /* @__PURE__ */ c("div", { className: t["notification-content"], children: [
-      /* @__PURE__ */ i(s, { name: u(n) }),
+      /* @__PURE__ */ i(r, { name: b(n) }),
       /* @__PURE__ */ c("div", { className: t["notification-content--text"], children: [
         a && /* @__PURE__ */ i("p", { className: t["notification-title"], children: a }),
-        r && /* @__PURE__ */ i("p", { className: t["notification-subtitle"], children: r }),
-        b && /* @__PURE__ */ i("div", { className: t["notification-action"], children: b })
+        s && /* @__PURE__ */ i("p", { className: t["notification-subtitle"], children: s }),
+        e && /* @__PURE__ */ i("div", { className: t["notification-action"], children: e })
       ] })
     ] }),
     _ && /* @__PURE__ */ i(
@@ -44,15 +44,15 @@ import '../../assets/Notification.css';const w = "_notification_qwbrb_1", t = {
       {
         type: "button",
         "aria-label": "close",
-        className: f(t["notification-close-button"], t[`notification-close-button--${n}`], {
+        className: u(t["notification-close-button"], t[`notification-close-button--${n}`], {
           [t[`notification-close-button--bar--${n}`]]: l
         }),
-        children: /* @__PURE__ */ i(s, { name: "Cross", size: 24 })
+        children: /* @__PURE__ */ i(r, { name: "Cross", size: 24 })
       }
     )
   ] });
 };
 export {
-  g as Notification
+  h as Notification
 };
 //# sourceMappingURL=Notification.js.map