@uva-glass/component-library 3.19.1 → 3.19.3

package/dist/components/FeedbackBox/FeedbackBox.js

@@ -1,27 +1,27 @@
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { c as a } from "../../clsx-OuTLNxxd.js";
-import { Icon as b } from "../Icon/Icon.js";
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { c as s } from "../../clsx-OuTLNxxd.js";
+import { Icon as a } from "../Icon/Icon.js";
 import '../../assets/FeedbackBox.css';const c = {
-  "feedback-box": "_feedback-box_1th4y_1",
-  "feedback-box__success": "_feedback-box__success_1th4y_15",
-  "feedback-box__warning": "_feedback-box__warning_1th4y_19",
-  "feedback-box__error": "_feedback-box__error_1th4y_23"
-}, n = {
+  "feedback-box": "_feedback-box_oidbb_1",
+  "feedback-box__success": "_feedback-box__success_oidbb_15",
+  "feedback-box__warning": "_feedback-box__warning_oidbb_19",
+  "feedback-box__error": "_feedback-box__error_oidbb_23"
+}, i = {
   success: "CheckCircle",
   warning: "ExclamationCircle",
   error: "ExclamationTriangleMini"
-}, f = ({ id: _, level: e, feedback: o }) => /* @__PURE__ */ r(
+}, f = ({ id: o, level: e, feedback: b }) => /* @__PURE__ */ _(
   "div",
   {
-    className: a(c["feedback-box"], {
+    className: s(c["feedback-box"], {
       [c["feedback-box__success"]]: e === "success",
       [c["feedback-box__warning"]]: e === "warning",
       [c["feedback-box__error"]]: e === "error"
     }),
-    id: _,
+    id: o,
     children: [
-      /* @__PURE__ */ s(b, { name: n[e], size: 16 }),
-      o
+      /* @__PURE__ */ r(a, { name: i[e], size: 16 }),
+      b
     ]
   }
 );

package/dist/components/FormInput/FormInput.js

@@ -1,22 +1,22 @@
-import { jsxs as c, jsx as t, Fragment as b } from "react/jsx-runtime";
-import { c as g } from "../../clsx-OuTLNxxd.js";
+import { jsxs as a, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { c as v } from "../../clsx-OuTLNxxd.js";
 import "react";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
 import "../Checkbox/Checkbox.js";
-import { Label as x } from "../Label/Label.js";
+import { Label as h } from "../Label/Label.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
 import "../OverlayCloseButton/OverlayCloseButton.js";
-import { FeedbackBox as h } from "../FeedbackBox/FeedbackBox.js";
+import { FeedbackBox as k } from "../FeedbackBox/FeedbackBox.js";
 import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-CE20cPhW.js";
+import "../../TablePlugin-hxs9O_ox.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
@@ -24,44 +24,44 @@ import "../../index-DllfJcv4.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-DZggDO3M.js";
+import "../../SortableProvider-B3_u0pKv.js";
 import '../../assets/FormInput.css';const o = {
-  "form-input__container": "_form-input__container_g2j8x_1",
-  "form-input__container--label-left": "_form-input__container--label-left_g2j8x_7",
-  "form-input__container--label-top": "_form-input__container--label-top_g2j8x_18",
-  "form-input__input-feedback-container": "_form-input__input-feedback-container_g2j8x_25",
-  "form-input__input-container": "_form-input__input-container_g2j8x_35",
-  "form-input__input": "_form-input__input_g2j8x_25"
+  "form-input__container": "_form-input__container_c0vpz_1",
+  "form-input__container--label-left": "_form-input__container--label-left_c0vpz_7",
+  "form-input__container--label-top": "_form-input__container--label-top_c0vpz_18",
+  "form-input__input-feedback-container": "_form-input__input-feedback-container_c0vpz_25",
+  "form-input__input-container": "_form-input__input-container_c0vpz_35",
+  "form-input__input": "_form-input__input_c0vpz_25"
 }, U = ({
   id: i,
   label: n,
   labelPosition: f = "top",
-  type: e = "text",
+  type: p = "text",
   required: l = !1,
-  notValidatedText: p = "",
+  notValidatedText: e = "",
   onChange: m,
   noContainer: u = !1,
   customInput: _
 }) => {
   const s = (r) => ["e", "E", "+", "-"].includes(r.key) && r.preventDefault(), d = (r) => {
     typeof m == "function" && m(r.target.value);
-  }, a = /* @__PURE__ */ c(b, { children: [
-    n && /* @__PURE__ */ t(x, { htmlFor: i, required: l, alignRight: !0, children: n }),
-    /* @__PURE__ */ c("div", { className: o["form-input__input-feedback-container"], children: [
+  }, c = /* @__PURE__ */ a(b, { children: [
+    n && /* @__PURE__ */ t(h, { htmlFor: i, required: l, alignRight: !0, children: n }),
+    /* @__PURE__ */ a("div", { className: o["form-input__input-feedback-container"], children: [
       _ || /* @__PURE__ */ t("div", { className: o["form-input__input-container"], children: /* @__PURE__ */ t(
         "input",
         {
           id: i,
-          type: e,
-          ...e === "number" && { onKeyDown: s },
+          type: p,
+          ...p === "number" && { onKeyDown: s },
           onChange: d,
           className: o["form-input__input"]
         }
       ) }),
-      p !== "" && /* @__PURE__ */ t(h, { level: "error", feedback: p })
+      e !== "" && /* @__PURE__ */ t(k, { level: "error", feedback: e })
     ] })
   ] });
-  return u ? a : /* @__PURE__ */ t("div", { className: g(o["form-input__container"], o[`form-input__container--label-${f}`]), children: a });
+  return u ? c : /* @__PURE__ */ t("div", { className: v(o["form-input__container"], o[`form-input__container--label-${f}`]), children: c });
 };
 export {
   U as FormInput

package/dist/components/Icon/Icon.stories.js

@@ -1,8 +1,8 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { Icon as i } from "./Icon.js";
 import { Icons as r } from "./icons/index.js";
 import { ClipboardButton as c } from "../../storyComponents/ClipboardButton/ClipboardButton.js";
-import '../../assets/Icon.css';const s = "_icon__wrapper_lse0u_1", p = "_icon__item_lse0u_13", t = {
+import '../../assets/Icon.css';const s = "_icon__wrapper_106v1_1", p = "_icon__item_106v1_13", t = {
   icon__wrapper: s,
   icon__item: p
 }, a = "<Icon name={iconName} size={size} />", w = {
@@ -12,13 +12,13 @@ import '../../assets/Icon.css';const s = "_icon__wrapper_lse0u_1", p = "_icon__i
     inspectComponent: i,
     codeString: a
   }
-}, m = (e) => /* @__PURE__ */ o(i, { ...e }), _ = m.bind({});
+}, m = (o) => /* @__PURE__ */ e(i, { ...o }), _ = m.bind({});
 _.args = {
   name: "ArrowDownOnSquare",
   size: 32,
   title: "Optional Icon title"
 };
-const x = () => /* @__PURE__ */ o(
+const x = () => /* @__PURE__ */ e(
   "div",
   {
     style: {
@@ -28,13 +28,13 @@ const x = () => /* @__PURE__ */ o(
       padding: "1rem",
       maxWidth: "1024px"
     },
-    children: Object.keys(r).map((e) => /* @__PURE__ */ n("div", { className: t.icon__wrapper, children: [
-      /* @__PURE__ */ o(i, { name: e, size: 48 }),
+    children: Object.keys(r).map((o) => /* @__PURE__ */ n("div", { className: t.icon__wrapper, children: [
+      /* @__PURE__ */ e(i, { name: o, size: 48 }),
       /* @__PURE__ */ n("div", { className: t.icon__item, children: [
-        /* @__PURE__ */ o("span", { children: e }),
-        /* @__PURE__ */ o(c, { text: `<Icon icon={${e}} />` })
+        /* @__PURE__ */ e("span", { children: o }),
+        /* @__PURE__ */ e(c, { text: `<Icon icon={${o}} />` })
       ] })
-    ] }, e))
+    ] }, o))
   }
 );
 export {

package/dist/components/IconButton/IconButton.js

@@ -2,19 +2,19 @@ import { jsx as b } from "react/jsx-runtime";
 import { c as s } from "../../clsx-OuTLNxxd.js";
 import { forwardRef as _ } from "react";
 import '../../assets/IconButton.css';const t = {
-  "icon-button": "_icon-button_159x3_1",
-  "icon-button--destructive": "_icon-button--destructive_159x3_27",
-  "icon-button--no-border": "_icon-button--no-border_159x3_35",
-  "icon-button--wide": "_icon-button--wide_159x3_44"
-}, f = _(
-  ({ children: o, type: n = "button", variant: c, noBorder: i, wide: r, ...e }, u) => /* @__PURE__ */ b(
+  "icon-button": "_icon-button_1qz6r_1",
+  "icon-button--destructive": "_icon-button--destructive_1qz6r_27",
+  "icon-button--no-border": "_icon-button--no-border_1qz6r_35",
+  "icon-button--wide": "_icon-button--wide_1qz6r_44"
+}, a = _(
+  ({ children: o, type: n = "button", variant: r, noBorder: c, wide: i, ...e }, u) => /* @__PURE__ */ b(
     "button",
     {
       ...e,
       className: s(t["icon-button"], {
-        [t["icon-button--destructive"]]: c === "destructive",
-        [t["icon-button--no-border"]]: i,
-        [t["icon-button--wide"]]: r
+        [t["icon-button--destructive"]]: r === "destructive",
+        [t["icon-button--no-border"]]: c,
+        [t["icon-button--wide"]]: i
       }),
       ref: u,
       type: n,
@@ -23,6 +23,6 @@ import '../../assets/IconButton.css';const t = {
   )
 );
 export {
-  f as IconButton
+  a as IconButton
 };
 //# sourceMappingURL=IconButton.js.map

package/dist/components/InfoMessage/InfoMessage.js

@@ -2,10 +2,10 @@ import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import { c as a } from "../../clsx-OuTLNxxd.js";
 import { Icon as _ } from "../Icon/Icon.js";
 import '../../assets/InfoMessage.css';const s = {
-  "info-message": "_info-message_1fqoy_1",
-  "info-message__container": "_info-message__container_1fqoy_6",
-  "info-message__icon": "_info-message__icon_1fqoy_11"
-}, r = ({ message: e, hasOwnContainer: o = !1 }) => /* @__PURE__ */ n(
+  "info-message": "_info-message_1jurj_1",
+  "info-message__container": "_info-message__container_1jurj_6",
+  "info-message__icon": "_info-message__icon_1jurj_11"
+}, f = ({ message: e, hasOwnContainer: o = !1 }) => /* @__PURE__ */ n(
   "div",
   {
     className: a(s["info-message"], {
@@ -18,6 +18,6 @@ import '../../assets/InfoMessage.css';const s = {
   }
 );
 export {
-  r as InfoMessage
+  f as InfoMessage
 };
 //# sourceMappingURL=InfoMessage.js.map

package/dist/components/Input/Input.js

@@ -1,21 +1,21 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as w } from "react";
-import { c as _ } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Input.css';const c = "_input_whbfw_1", t = {
-  input: c,
-  "input--numeric": "_input--numeric_whbfw_13",
-  "input--error": "_input--error_whbfw_18",
-  "input--full-with": "_input--full-with_whbfw_23"
-}, a = w(function({ id: r, appearance: n, type: i = "text", isNumeric: u, fullWidth: p, ...o }, e) {
-  return /* @__PURE__ */ f(
+import { jsx as _ } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { c } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Input.css';const f = "_input_1hohz_1", t = {
+  input: f,
+  "input--numeric": "_input--numeric_1hohz_13",
+  "input--error": "_input--error_1hohz_18",
+  "input--full-with": "_input--full-with_1hohz_23"
+}, w = h(function({ id: r, appearance: n, type: i = "text", isNumeric: u, fullWidth: o, ...p }, e) {
+  return /* @__PURE__ */ _(
     "input",
     {
-      ...o,
+      ...p,
       ref: e,
       id: r,
-      className: _(t.input, {
+      className: c(t.input, {
         [t["input--error"]]: n === "error",
-        [t["input--full-with"]]: p,
+        [t["input--full-with"]]: o,
         [t["input--numeric"]]: u
       }),
       type: i
@@ -23,6 +23,6 @@ import '../../assets/Input.css';const c = "_input_whbfw_1", t = {
   );
 });
 export {
-  a as Input
+  w as Input
 };
 //# sourceMappingURL=Input.js.map

package/dist/components/InputField/InputField.js

@@ -1,67 +1,67 @@
-import { jsxs as z, jsx as c } from "react/jsx-runtime";
-import { forwardRef as v, useState as b, useRef as g, useEffect as x } from "react";
-import { c as y } from "../../clsx-OuTLNxxd.js";
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { forwardRef as g, useState as x, useRef as y, useEffect as B } from "react";
+import { c as C } from "../../clsx-OuTLNxxd.js";
 import '../../assets/InputField.css';const t = {
-  "input-field-wrapper": "_input-field-wrapper_z4v9l_1",
-  "input-field": "_input-field_z4v9l_1",
-  "input-field--large": "_input-field--large_z4v9l_22",
-  "input-field--small": "_input-field--small_z4v9l_26",
-  "input-field--compact": "_input-field--compact_z4v9l_30",
-  "input-field--white": "_input-field--white_z4v9l_34",
-  "input-field__clear-button": "_input-field__clear-button_z4v9l_42"
-}, W = v(
+  "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"
+}, j = g(
   ({
-    autoComplete: s = "off",
-    id: u,
+    autoComplete: f = "off",
+    id: s,
     value: e,
-    variant: _,
-    width: p,
-    type: o = "text",
-    background: r,
-    clearTrigger: l,
-    onClear: f,
-    ...a
+    variant: d,
+    width: u,
+    type: _ = "text",
+    background: p,
+    clearTrigger: n,
+    onClear: c,
+    ...o
   }, i) => {
-    const [d, m] = b(0), n = g(null);
-    x(() => {
-      n.current && m(n.current.offsetWidth);
+    const [a, m] = x(0), l = y(null);
+    B(() => {
+      l.current && m(l.current.offsetWidth);
     }, [e]);
     const h = () => {
-      f && i && "current" in i && i.current && (f(), i.current.focus());
+      c && i && "current" in i && i.current && (c(), i.current.focus());
     };
-    return /* @__PURE__ */ z("div", { className: t["input-field-wrapper"], children: [
-      /* @__PURE__ */ c(
+    return /* @__PURE__ */ b("div", { className: t["input-field-wrapper"], children: [
+      /* @__PURE__ */ r(
         "input",
         {
-          ...a,
-          autoComplete: s,
+          ...o,
+          autoComplete: f,
           ref: i,
-          id: u,
-          className: y(t["input-field"], {
-            [t["input-field--large"]]: _ === "large",
-            [t[`input-field--${p}`]]: p,
-            [t[`input-field--${r}`]]: r
+          id: s,
+          className: C(t["input-field"], {
+            [t["input-field--large"]]: d === "large",
+            [t[`input-field--${u}`]]: u,
+            [t[`input-field--${p}`]]: p
           }),
-          type: o,
+          type: _,
           value: e,
-          style: { paddingRight: e && l ? d : void 0 }
+          style: { paddingRight: e && n ? a : void 0 }
         }
       ),
-      e && l && /* @__PURE__ */ c(
+      e && n && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: t["input-field__clear-button"],
           onClick: h,
-          ref: n,
-          "aria-label": `clear trigger for ${u}`,
-          children: l
+          ref: l,
+          "aria-label": `clear trigger for ${s}`,
+          children: n
         }
       )
     ] });
   }
 );
 export {
-  W as InputField
+  j as InputField
 };
 //# sourceMappingURL=InputField.js.map

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

@@ -16,7 +16,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router";
-import "../../TablePlugin-CE20cPhW.js";
+import "../../TablePlugin-hxs9O_ox.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
@@ -24,7 +24,7 @@ import "../../index-DllfJcv4.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-DZggDO3M.js";
+import "../../SortableProvider-B3_u0pKv.js";
 const f = `
 // Has all HTMLInputElement props available except "className" and "style" 
 <InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}

package/dist/components/Label/Label.js

@@ -1,24 +1,24 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as g } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Label.css';const n = "_label_16gis_1", l = {
-  label: n,
-  "label--required": "_label--required_16gis_6",
-  "label--unset-font-weight": "_label--unset-font-weight_16gis_14",
-  "label--align-right": "_label--align-right_16gis_18"
-}, c = ({ children: e, htmlFor: a, noFontWeight: t, required: i = !1, alignRight: s, ...b }) => /* @__PURE__ */ r(
+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 = {
+  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",
   {
-    ...b,
+    ...i,
     htmlFor: a,
-    className: g(l.label, {
+    className: n(l.label, {
       [l["label--unset-font-weight"]]: t,
-      [l["label--required"]]: i,
-      [l["label--align-right"]]: s
+      [l["label--required"]]: r,
+      [l["label--align-right"]]: b
     }),
     children: e
   }
 );
 export {
-  c as Label
+  d as Label
 };
 //# sourceMappingURL=Label.js.map

package/dist/components/MetaDataList/MetaDataList.js

@@ -1,9 +1,9 @@
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import '../../assets/MetaDataList.css';const t = {
-  "meta-data-list": "_meta-data-list_1kbet_1",
-  "meta-data-list__item": "_meta-data-list__item_1kbet_5",
-  "meta-data-list__term": "_meta-data-list__term_1kbet_16",
-  "meta-data-list__description": "_meta-data-list__description_1kbet_20"
+  "meta-data-list": "_meta-data-list_en1ef_1",
+  "meta-data-list__item": "_meta-data-list__item_en1ef_5",
+  "meta-data-list__term": "_meta-data-list__term_en1ef_16",
+  "meta-data-list__description": "_meta-data-list__description_en1ef_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: _ })

package/dist/components/ModalDialog/ModalDialog.js

@@ -8,21 +8,21 @@ 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_f080o_1",
-  "modal-dialog--padded": "_modal-dialog--padded_f080o_18",
-  "modal-dialog__content": "_modal-dialog__content_f080o_22",
-  "modal-dialog__children": "_modal-dialog__children_f080o_33",
-  "modal-dialog__title": "_modal-dialog__title_f080o_37",
-  "modal-dialog--confirm": "_modal-dialog--confirm_f080o_44",
-  "modal-dialog__buttons": "_modal-dialog__buttons_f080o_48",
-  "modal-dialog__buttons--border": "_modal-dialog__buttons--border_f080o_61",
-  "modal-dialog__buttons--shadow": "_modal-dialog__buttons--shadow_f080o_78",
-  "modal-dialog__close": "_modal-dialog__close_f080o_82",
-  "modal-dialog--small": "_modal-dialog--small_f080o_99",
-  "modal-dialog--regular": "_modal-dialog--regular_f080o_103",
-  "modal-dialog--medium": "_modal-dialog--medium_f080o_107",
-  "modal-dialog--large": "_modal-dialog--large_f080o_111",
-  "modal-dialog--content-with-buttons": "_modal-dialog--content-with-buttons_f080o_125"
+  "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"
 };
 function _o(y) {
   const {
@@ -35,17 +35,17 @@ function _o(y) {
     closeButtonAriaValueText: C = "Close",
     isOpen: e,
     noValidate: E = !1,
-    onClose: g,
+    onClose: u,
     onSubmit: L,
     role: N = "dialog",
-    title: r,
-    headerContent: s,
+    title: s,
+    headerContent: r,
     variant: n = "dialog",
-    padded: u,
+    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: g },
+    { isDismissable: c, isKeyboardDismissDisabled: B, isOpen: e, onClose: u },
     m
   );
   Q({ isDisabled: !e }), X(() => {
@@ -66,7 +66,7 @@ function _o(y) {
     return () => {
       l && l.removeEventListener("scroll", d), window.removeEventListener("resize", d), clearTimeout(K);
     };
-  }, [e, s]);
+  }, [e, r]);
   function j(l) {
     l.stopPropagation();
   }
@@ -78,21 +78,21 @@ function _o(y) {
       ...M,
       className: i(o["modal-dialog"], [o[`modal-dialog--${z}`]], {
         [o["modal-dialog--confirm"]]: n === "confirm",
-        [o["modal-dialog--padded"]]: u
+        [o["modal-dialog--padded"]]: g
       }),
       onKeyUp: j,
       role: "presentation",
       ref: m,
       children: [
-        (r || s) && n === "dialog" && /* @__PURE__ */ _(S, { children: [
-          r && /* @__PURE__ */ a("h1", { ...A, className: o["modal-dialog__title"], children: r }),
-          s,
+        (s || r) && n === "dialog" && /* @__PURE__ */ _(S, { children: [
+          s && /* @__PURE__ */ a("h1", { ...A, className: o["modal-dialog__title"], children: s }),
+          r,
           n === "dialog" && /* @__PURE__ */ a("span", { className: o["modal-dialog__close"], children: /* @__PURE__ */ a(
             Z,
             {
               "aria-label": C,
-              onClick: g,
-              paddedModal: u
+              onClick: u,
+              paddedModal: g
             }
           ) })
         ] }),

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
-import "../../MultiSelectItem-D9PxdX43.js";
-import { M as p } from "../../TablePlugin-CE20cPhW.js";
+import "../../MultiSelectItem-DbOdEllV.js";
+import { M as p } from "../../TablePlugin-hxs9O_ox.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 { fn as d } from "../../index-BCvy9BiK.js";
 import { useState as p } from "react";
-import { M as e } from "../../TablePlugin-CE20cPhW.js";
+import { M as e } from "../../TablePlugin-hxs9O_ox.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-D9PxdX43.js";
+import "../../../MultiSelectItem-DbOdEllV.js";
 import "../../Label/Label.js";
 import "react";
 import "../../Buttons/Button.js";
@@ -15,7 +15,7 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router";
-import { a as y } from "../../../TablePlugin-CE20cPhW.js";
+import { a as y } from "../../../TablePlugin-hxs9O_ox.js";
 import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../RteEditor/hooks/components/Flyout.js";
@@ -23,7 +23,7 @@ import "../../../index-DllfJcv4.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
-import "../../../SortableProvider-DZggDO3M.js";
+import "../../../SortableProvider-B3_u0pKv.js";
 export {
   y 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-D9PxdX43.js";
+import { M as e } from "../../../MultiSelectItem-DbOdEllV.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-CE20cPhW.js";
+import { M as l } from "../../TablePlugin-hxs9O_ox.js";
 export {
   l as MultiSelect
 };