@uva-glass/component-library 3.19.2 → 3.19.3

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
 };

package/dist/components/MultiSelectBox/MultiSelectBox.js

@@ -1,44 +1,44 @@
-import { jsxs as g, jsx as u } from "react/jsx-runtime";
-import { useId as U, useState as b, useRef as S, useCallback as _, useEffect as y } from "react";
+import { jsxs as f, jsx as u } from "react/jsx-runtime";
+import { useId as U, useState as b, useRef as S, useCallback as g, useEffect as w } from "react";
 import { c as I } from "../../clsx-OuTLNxxd.js";
 import { Icon as H } from "../Icon/Icon.js";
 import { Checkbox as q } from "../Checkbox/Checkbox.js";
 import { usePositionedFloaters as G } from "../hooks/usePositionedFloaters.js";
 import '../../assets/MultiSelectBox.css';const n = {
-  "multi-select-box-wrapper": "_multi-select-box-wrapper_17783_1",
-  "multi-select-box-trigger": "_multi-select-box-trigger_17783_5",
-  "multi-select-box-trigger-label": "_multi-select-box-trigger-label_17783_32",
-  "multi-select-box-trigger-icon": "_multi-select-box-trigger-icon_17783_41",
-  "multi-select-box-trigger-icon--open": "_multi-select-box-trigger-icon--open_17783_46",
-  "multi-select-box-listbox--wrapper": "_multi-select-box-listbox--wrapper_17783_50",
-  "multi-select-box-listbox": "_multi-select-box-listbox_17783_50",
-  "multi-select-box-listbox-option": "_multi-select-box-listbox-option_17783_77",
-  "multi-select-box-listbox-option--active": "_multi-select-box-listbox-option--active_17783_88",
-  "multi-select-box-listbox-option-content": "_multi-select-box-listbox-option-content_17783_99",
-  "multi-select-box-listbox-option--disabled": "_multi-select-box-listbox-option--disabled_17783_113"
+  "multi-select-box-wrapper": "_multi-select-box-wrapper_1yhht_1",
+  "multi-select-box-trigger": "_multi-select-box-trigger_1yhht_5",
+  "multi-select-box-trigger-label": "_multi-select-box-trigger-label_1yhht_32",
+  "multi-select-box-trigger-icon": "_multi-select-box-trigger-icon_1yhht_41",
+  "multi-select-box-trigger-icon--open": "_multi-select-box-trigger-icon--open_1yhht_46",
+  "multi-select-box-listbox--wrapper": "_multi-select-box-listbox--wrapper_1yhht_50",
+  "multi-select-box-listbox": "_multi-select-box-listbox_1yhht_50",
+  "multi-select-box-listbox-option": "_multi-select-box-listbox-option_1yhht_77",
+  "multi-select-box-listbox-option--active": "_multi-select-box-listbox-option--active_1yhht_88",
+  "multi-select-box-listbox-option-content": "_multi-select-box-listbox-option-content_1yhht_99",
+  "multi-select-box-listbox-option--disabled": "_multi-select-box-listbox-option--disabled_1yhht_113"
 }, Z = ({
   selectData: c,
   onChange: m,
-  defaultSelectedItems: f,
+  defaultSelectedItems: h,
   labelSuffix: E = "geselecteerd",
   disabled: P = !1,
   fullWidth: C = !1,
   maxOptionHeight: L,
   optionPositionRight: O
 }) => {
-  const h = U(), [r, v] = b(f || []), [N, k] = b((f == null ? void 0 : f.length) || 0), [i, a] = b(!1), [d, x] = b(-1), w = S(null), A = S(null), [F, K] = b(null), [R, $] = b(null), { style: D } = G(F, R, {
+  const _ = U(), [r, y] = b(h || []), [N, v] = b((h == null ? void 0 : h.length) || 0), [i, a] = b(!1), [d, x] = b(-1), k = S(null), A = S(null), [F, K] = b(null), [R, $] = b(null), { style: D } = G(F, R, {
     mouseEvent: "click",
     offset: 4,
     maxFixedHeight: L,
     horizontalPosition: O ? "right" : "left",
     mobileBreakpoint: "28rem",
     fullWidth: C
-  }), p = _(
+  }), p = g(
     ({ target: e }) => {
-      !e || !w.current || w.current.contains(e) || a(!1);
+      !e || !k.current || k.current.contains(e) || a(!1);
     },
     [a]
-  ), M = _(
+  ), M = g(
     (e) => {
       switch (e.key) {
         case "Enter":
@@ -50,7 +50,7 @@ import '../../assets/MultiSelectBox.css';const n = {
       }
     },
     [i]
-  ), T = _(
+  ), T = g(
     (e) => {
       if (i)
         switch (e.key) {
@@ -79,7 +79,7 @@ import '../../assets/MultiSelectBox.css';const n = {
             const t = c[d];
             if (!t || t.disabled) break;
             const l = r.some((s) => s.value === t.value) ? r.filter((s) => s.value !== t.value) : [...r, t];
-            v(l), k(l.length), m(l);
+            y(l), v(l.length), m(l);
             break;
           }
           case "Tab":
@@ -94,8 +94,8 @@ import '../../assets/MultiSelectBox.css';const n = {
   ), j = (e, t) => {
     if (t.disabled || e.target.tagName === "INPUT") return;
     const l = r.some((s) => s.value === t.value) ? r.filter((s) => s.value !== t.value) : [...r, t];
-    v(l), k(l.length), m(l);
-  }, z = _(
+    y(l), v(l.length), m(l);
+  }, z = g(
     (e) => {
       const { checked: t, value: o } = e.target;
       let l = [...r];
@@ -104,23 +104,23 @@ import '../../assets/MultiSelectBox.css';const n = {
         s && l.push(s);
       } else
         l = l.filter((s) => s.value !== o);
-      v(l), k(l.length), m(l);
+      y(l), v(l.length), m(l);
     },
     [c, r, m]
   );
-  return y(() => {
+  return w(() => {
     i && x(0);
-  }, [i]), y(() => {
+  }, [i]), w(() => {
     var t;
     const e = (t = A.current) == null ? void 0 : t.children[d];
     e == null || e.focus();
-  }, [d]), y(() => {
+  }, [d]), w(() => {
     if (i)
       return document.addEventListener("click", p, !0), document.addEventListener("scroll", p, !0), () => {
         document.removeEventListener("click", p, !0), document.removeEventListener("scroll", p, !0);
       };
-  }, [p, i]), /* @__PURE__ */ g("div", { className: n["multi-select-box-wrapper"], ref: w, children: [
-    /* @__PURE__ */ g(
+  }, [p, i]), /* @__PURE__ */ f("div", { className: n["multi-select-box-wrapper"], ref: k, children: [
+    /* @__PURE__ */ f(
       "button",
       {
         className: n["multi-select-box-trigger"],
@@ -133,10 +133,10 @@ import '../../assets/MultiSelectBox.css';const n = {
         "aria-haspopup": "listbox",
         "aria-label": `${N} ${E}`,
         disabled: P,
-        ...i && { "aria-controls": h },
+        ...i && { "aria-controls": _ },
         ref: $,
         children: [
-          /* @__PURE__ */ g("span", { className: n["multi-select-box-trigger-label"], children: [
+          /* @__PURE__ */ f("span", { className: n["multi-select-box-trigger-label"], children: [
             N,
             " ",
             E
@@ -157,7 +157,7 @@ import '../../assets/MultiSelectBox.css';const n = {
     /* @__PURE__ */ u(
       "div",
       {
-        id: h,
+        id: _,
         className: I(n["multi-select-box-listbox--wrapper"]),
         style: { ...D.style, visibility: i ? "visible" : "hidden" },
         role: "listbox",
@@ -176,11 +176,11 @@ import '../../assets/MultiSelectBox.css';const n = {
             onFocus: () => x(l),
             tabIndex: 0,
             "aria-selected": r.some((s) => s.value === t),
-            children: /* @__PURE__ */ g("label", { htmlFor: e, className: n["multi-select-box-listbox-option-content"], tabIndex: -1, children: [
+            children: /* @__PURE__ */ f("label", { htmlFor: e, className: n["multi-select-box-listbox-option-content"], tabIndex: -1, children: [
               /* @__PURE__ */ u(
                 q,
                 {
-                  id: `${e}-${h}`,
+                  id: `${e}-${_}`,
                   onChange: z,
                   value: t,
                   tabIndex: -1,

package/dist/components/OverlayCloseButton/OverlayCloseButton.js

@@ -3,8 +3,8 @@ import { c as l } from "../../clsx-OuTLNxxd.js";
 import { forwardRef as a } from "react";
 import { Icon as n } from "../Icon/Icon.js";
 import '../../assets/OverlayCloseButton.css';const t = {
-  "overlay-close-button": "_overlay-close-button_1uqum_1",
-  "overlay-close-button--padded": "_overlay-close-button--padded_1uqum_39"
+  "overlay-close-button": "_overlay-close-button_1gbam_1",
+  "overlay-close-button--padded": "_overlay-close-button--padded_1gbam_39"
 }, p = a(
   ({ paddedModal: e, ...r }, s) => /* @__PURE__ */ o(
     "button",

package/dist/components/OverlayStepBar/OverlayStepBar.js

@@ -1,12 +1,12 @@
 import { jsx as s, jsxs as l } from "react/jsx-runtime";
 import { c as o } from "../../clsx-OuTLNxxd.js";
 import '../../assets/OverlayStepBar.css';const r = {
-  "overlay-step-bar__container": "_overlay-step-bar__container_1l3x3_1",
-  "overlay-step-bar__step-wrapper": "_overlay-step-bar__step-wrapper_1l3x3_10",
-  "overlay-step-bar__step": "_overlay-step-bar__step_1l3x3_10",
-  "overlay-step-bar__step--label": "_overlay-step-bar__step--label_1l3x3_56",
-  "overlay-step-bar__step--index": "_overlay-step-bar__step--index_1l3x3_62",
-  "overlay-step-bar__step--active": "_overlay-step-bar__step--active_1l3x3_87"
+  "overlay-step-bar__container": "_overlay-step-bar__container_olxm1_1",
+  "overlay-step-bar__step-wrapper": "_overlay-step-bar__step-wrapper_olxm1_10",
+  "overlay-step-bar__step": "_overlay-step-bar__step_olxm1_10",
+  "overlay-step-bar__step--label": "_overlay-step-bar__step--label_olxm1_56",
+  "overlay-step-bar__step--index": "_overlay-step-bar__step--index_olxm1_62",
+  "overlay-step-bar__step--active": "_overlay-step-bar__step--active_olxm1_87"
 }, v = ({ stepLabels: _, activeStep: a = 0, onStepClick: t }) => (a > _.length && console.error("activeStep is greater than the number of steps"), /* @__PURE__ */ s("div", { className: r["overlay-step-bar__container"], children: _.length && _.map((p, e) => /* @__PURE__ */ s("span", { className: r["overlay-step-bar__step-wrapper"], children: /* @__PURE__ */ l(
   "button",
   {

package/dist/components/PageOverlay/PageOverlay.js

@@ -1,24 +1,24 @@
-import { jsx as o, Fragment as j, jsxs as c } from "react/jsx-runtime";
+import { jsx as o, Fragment as j, jsxs as _ } from "react/jsx-runtime";
 import { useDialog as A } from "@react-aria/dialog";
 import { FocusScope as C } from "@react-aria/focus";
 import { useModal as K, useOverlay as M, usePreventScroll as U, OverlayContainer as V } from "@react-aria/overlays";
 import { c as i } from "../../clsx-OuTLNxxd.js";
-import { useRef as y, useState as f, useEffect as $ } from "react";
+import { useRef as d, useState as f, useEffect as $ } from "react";
 import { OverlayCloseButton as q } from "../OverlayCloseButton/OverlayCloseButton.js";
 import { Spinner as G } from "../Spinner/Spinner.js";
 import { Backdrop as J } from "../Backdrop/Backdrop.js";
 import '../../assets/PageOverlay.css';const e = {
-  "page-overlay__container": "_page-overlay__container_1dv9m_1",
-  "page-overlay": "_page-overlay_1dv9m_1",
-  "page-overlay--full-screen": "_page-overlay--full-screen_1dv9m_18",
-  "page-overlay--with-gutters": "_page-overlay--with-gutters_1dv9m_22",
-  "page-overlay__content": "_page-overlay__content_1dv9m_27",
-  "page-overlay__children": "_page-overlay__children_1dv9m_39",
-  "page-overlay__title-wrapper": "_page-overlay__title-wrapper_1dv9m_43",
-  "page-overlay__title": "_page-overlay__title_1dv9m_43",
-  "page-overlay__buttons-bar": "_page-overlay__buttons-bar_1dv9m_54",
-  "page-overlay__buttons-bar--shadow": "_page-overlay__buttons-bar--shadow_1dv9m_80",
-  "page-overlay__close": "_page-overlay__close_1dv9m_85"
+  "page-overlay__container": "_page-overlay__container_g079c_1",
+  "page-overlay": "_page-overlay_g079c_1",
+  "page-overlay--full-screen": "_page-overlay--full-screen_g079c_18",
+  "page-overlay--with-gutters": "_page-overlay--with-gutters_g079c_22",
+  "page-overlay__content": "_page-overlay__content_g079c_27",
+  "page-overlay__children": "_page-overlay__children_g079c_39",
+  "page-overlay__title-wrapper": "_page-overlay__title-wrapper_g079c_43",
+  "page-overlay__title": "_page-overlay__title_g079c_43",
+  "page-overlay__buttons-bar": "_page-overlay__buttons-bar_g079c_54",
+  "page-overlay__buttons-bar--shadow": "_page-overlay__buttons-bar--shadow_g079c_80",
+  "page-overlay__close": "_page-overlay__close_g079c_85"
 };
 function ae({
   buttons: t,
@@ -31,50 +31,50 @@ function ae({
   onClose: p,
   onSubmit: P,
   title: s,
-  headerContent: n,
-  variant: v = "full-screen"
+  headerContent: c,
+  variant: g = "full-screen"
 }) {
-  const _ = y(null), m = y(null), [T, E] = f(!1), [x, L] = f(!1), { dialogProps: B, titleProps: F } = A({ role: "dialog" }, _), { modalProps: H } = K({ isDisabled: !a }), { overlayProps: k, underlayProps: z } = M({ isOpen: a, onClose: p }, _);
+  const n = d(null), v = d(null), [T, E] = f(!1), [x, L] = f(!1), { dialogProps: B, titleProps: F } = A({ role: "dialog" }, n), { modalProps: H } = K({ isDisabled: !a }), { overlayProps: k, underlayProps: z } = M({ isOpen: a, onClose: p }, n);
   U({ isDisabled: !a }), $(() => {
-    const r = m.current;
+    const r = v.current;
     if (!r) return;
-    function d() {
-      const g = r.scrollHeight, u = r.clientHeight, R = r.scrollTop;
-      E(g > u), L(R + u >= g);
+    function u() {
+      const y = r.scrollHeight, m = r.clientHeight, R = r.scrollTop;
+      E(y > m), L(R + m >= y);
     }
     function l() {
-      d();
+      u();
     }
     r.addEventListener("scroll", l), window.addEventListener("resize", l);
     const I = setTimeout(() => {
-      d();
+      u();
     }, 0);
     return () => {
       r.removeEventListener("scroll", l), window.removeEventListener("resize", l), clearTimeout(I);
     };
-  }, [a, n]);
+  }, [a, c]);
   function D(r) {
     r.stopPropagation();
   }
-  return a ? /* @__PURE__ */ o(V, { className: e["page-overlay__container"], children: /* @__PURE__ */ o(J, { ...z, children: b ? /* @__PURE__ */ o(G, { ariaValueText: w }) : /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(C, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ c(
+  return a ? /* @__PURE__ */ o(V, { className: e["page-overlay__container"], children: /* @__PURE__ */ o(J, { ...z, children: b ? /* @__PURE__ */ o(G, { ariaValueText: w }) : /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(C, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ _(
     "div",
     {
       ...B,
       ...H,
       ...k,
       className: i(e["page-overlay"], {
-        [e[`page-overlay--${v}`]]: v
+        [e[`page-overlay--${g}`]]: g
       }),
       onKeyUp: D,
       role: "presentation",
-      ref: _,
+      ref: n,
       children: [
-        (s || n) && /* @__PURE__ */ c("div", { className: e["page-overlay__title-wrapper"], children: [
+        (s || c) && /* @__PURE__ */ _("div", { className: e["page-overlay__title-wrapper"], children: [
           s && /* @__PURE__ */ o("h1", { ...F, className: e["page-overlay__title"], children: s }),
-          n,
+          c,
           /* @__PURE__ */ o("span", { className: e["page-overlay__close"], children: /* @__PURE__ */ o(q, { "aria-label": S, onClick: p }) })
         ] }),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ _(
           "form",
           {
             className: i(e["page-overlay__content"], {
@@ -82,7 +82,7 @@ function ae({
             }),
             onSubmit: P,
             noValidate: N,
-            ref: m,
+            ref: v,
             children: [
               /* @__PURE__ */ o("div", { className: e["page-overlay__children"], children: h }),
               t && /* @__PURE__ */ o(

package/dist/components/PeriodSelector/PeriodSelector.js

@@ -17,7 +17,7 @@ import "../Input/Input.js";
 import "../InputField/InputField.js";
 import { Label as D } from "../Label/Label.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";
@@ -25,7 +25,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";
 import '../../assets/PeriodSelector.css';const l = {
   "period-selector__container": "_period-selector__container_10t7p_1",
   "period-selector__container--label-left": "_period-selector__container--label-left_10t7p_6",

package/dist/components/Periods/Periods.js

@@ -1,14 +1,14 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { c as P } from "../../clsx-OuTLNxxd.js";
-import { useId as N } from "react";
-import '../../assets/Periods.css';const g = "_periods__container_197yl_1", v = "_periods__item_197yl_6", _ = {
-  periods__container: g,
-  periods__item: v,
-  "periods__item--active": "_periods__item--active_197yl_23"
-}, S = 6, O = ({ periods: i, tooltipTranslations: u, maxPeriods: p = S }) => {
-  const f = Array.from({ length: p }, (e, t) => t + 1), $ = N(), a = i.some((e) => typeof e == "number"), b = (e) => {
+import { useId as j } from "react";
+import '../../assets/Periods.css';const N = "_periods__container_13djf_1", g = "_periods__item_13djf_6", _ = {
+  periods__container: N,
+  periods__item: g,
+  "periods__item--active": "_periods__item--active_13djf_23"
+}, v = 6, O = ({ periods: i, tooltipTranslations: d, maxPeriods: p = v }) => {
+  const l = Array.from({ length: p }, (e, t) => t + 1), $ = j(), u = i.some((e) => typeof e == "number"), b = (e) => {
     const t = {};
-    return a ? i.forEach((s) => {
+    return u ? i.forEach((s) => {
       if (typeof s == "number") {
         const r = Math.ceil(s / 3), o = (s - 1) % 3 + 1;
         t[r] || (t[r] = []), t[r].push(o);
@@ -19,21 +19,21 @@ import '../../assets/Periods.css';const g = "_periods__container_197yl_1", v = "
     }), Object.keys(t).reduce((s, r, o) => {
       const c = Number(r), n = t[c];
       let m = "";
-      const d = n.length > 1 ? e.periods : e.period;
+      const a = n.length > 1 ? e.periods : e.period;
       if (n.length > 1) {
-        const h = n.pop();
-        m = `Semester ${c} ${d} ${n.join(", ")} ${e.and} ${h}`;
+        const y = n.pop();
+        m = `Semester ${c} ${a} ${n.join(", ")} ${e.and} ${y}`;
       } else
-        m = `Semester ${c} ${d} ${n[0]}`;
+        m = `Semester ${c} ${a} ${n[0]}`;
       return `${s}${o > 0 ? ". " : ""}${m}`;
     }, "").trim() + ".";
-  }, y = (e) => a ? i.includes(e) : !!i.find((t) => t.number === e);
-  return /* @__PURE__ */ l("div", { className: _.periods__container, title: u ? b(u) : "", children: f.map((e) => /* @__PURE__ */ l(
+  }, h = (e) => u ? i.includes(e) : !!i.find((t) => t.number === e);
+  return /* @__PURE__ */ f("div", { className: _.periods__container, title: d ? b(d) : "", children: l.map((e) => /* @__PURE__ */ f(
     "span",
     {
       className: P(
         _.periods__item,
-        y(e) ? _["periods__item--active"] : ""
+        h(e) ? _["periods__item--active"] : ""
       )
     },
     `${$}-${e}`

package/dist/components/ProgrammeCard/ProgrammeCard.js

@@ -1,9 +1,9 @@
 import { jsxs as d, jsx as i } from "react/jsx-runtime";
 import { useNavigate as s } from "react-router";
 import '../../assets/ProgrammeCard.css';const o = {
-  "programme-card": "_programme-card_15p36_1",
-  "programme-card__divider": "_programme-card__divider_15p36_18"
-}, _ = ({ href: a, header: e, details: m }) => {
+  "programme-card": "_programme-card_3w5ln_1",
+  "programme-card__divider": "_programme-card__divider_3w5ln_18"
+}, p = ({ href: a, header: e, details: m }) => {
   const c = s();
   return /* @__PURE__ */ d(
     "a",
@@ -22,6 +22,6 @@ import '../../assets/ProgrammeCard.css';const o = {
   );
 };
 export {
-  _ as ProgrammeCard
+  p as ProgrammeCard
 };
 //# sourceMappingURL=ProgrammeCard.js.map

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -17,7 +17,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
-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";
@@ -25,7 +25,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 p = "<ProgrammeCard key={key} header={header} details={details} href={href} />", J = {
   title: "Atoms/ProgrammeCard",
   component: o,

package/dist/components/RadioButton/RadioButton.js

@@ -1,12 +1,12 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../clsx-OuTLNxxd.js";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { c as b } from "../../clsx-OuTLNxxd.js";
 import '../../assets/RadioButton.css';const t = {
-  "radio-button": "_radio-button_1if7s_1",
-  "radio-button__input": "_radio-button__input_1if7s_8",
-  "radio-button__label": "_radio-button__label_1if7s_13",
-  "radio-button__description": "_radio-button__description_1if7s_19",
-  "radio-button--gap-large": "_radio-button--gap-large_1if7s_34"
-}, l = ({ id: o, label: r, gap: _ = "normal", description: i, ...n }) => /* @__PURE__ */ s("div", { className: d(t["radio-button"], t[`radio-button--gap-${_}`]), children: [
+  "radio-button": "_radio-button_175ij_1",
+  "radio-button__input": "_radio-button__input_175ij_8",
+  "radio-button__label": "_radio-button__label_175ij_13",
+  "radio-button__description": "_radio-button__description_175ij_19",
+  "radio-button--gap-large": "_radio-button--gap-large_175ij_34"
+}, s = ({ id: o, label: r, gap: _ = "normal", description: i, ...n }) => /* @__PURE__ */ d("div", { className: b(t["radio-button"], t[`radio-button--gap-${_}`]), children: [
   /* @__PURE__ */ a(
     "input",
     {
@@ -21,6 +21,6 @@ import '../../assets/RadioButton.css';const t = {
   i && /* @__PURE__ */ a("p", { id: `${o}-description`, className: t["radio-button__description"], children: i })
 ] });
 export {
-  l as RadioButton
+  s as RadioButton
 };
 //# sourceMappingURL=RadioButton.js.map