@uva-glass/component-library 3.27.3 → 3.28.1

package/dist/components/InputField/InputField.js

@@ -1,5 +1,5 @@
 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 { 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",
@@ -22,8 +22,8 @@ import '../../assets/InputField.css';const t = {
     onClear: c,
     ...o
   }, i) => {
-    const [a, m] = x(0), l = y(null);
-    B(() => {
+    const [a, m] = x(0), l = B(null);
+    y(() => {
       l.current && m(l.current.offsetWidth);
     }, [e]);
     const h = () => {
@@ -47,7 +47,7 @@ import '../../assets/InputField.css';const t = {
           style: { paddingRight: e && n ? a : void 0 }
         }
       ),
-      e && n && /* @__PURE__ */ r(
+      !!e && n && /* @__PURE__ */ r(
         "button",
         {
           type: "button",

package/dist/components/InputField/InputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.js","sources":["../../../src/components/InputField/InputField.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './InputField.module.css';\n\nexport interface InputFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {\n  /** The variant to render. */\n  variant?: 'large';\n  /** The width to render. */\n  width?: 'small' | 'compact';\n  /** The type of the input element. */\n  type?: 'text' | 'password' | 'email';\n  /** The background color of the input. InputField is by default transparent. */\n  background?: 'white';\n  /** The id of the input element. */\n  id: string;\n  /** An element that represents a clear button. */\n  clearTrigger?: ReactNode;\n  /** The callback that is invoked when the clear button is triggered. */\n  onClear?: () => void;\n}\n\n/** Represents a component that renders an input field which can have a clear button. */\nexport const InputField = forwardRef<HTMLInputElement, InputFieldProps>(\n  (\n    {\n      autoComplete = 'off',\n      id,\n      value,\n      variant,\n      width,\n      type = 'text',\n      background,\n      clearTrigger,\n      onClear,\n      ...restProps\n    }: InputFieldProps,\n    forwardedRef\n  ) => {\n    const [clearButtonWidth, setClearButtonWidth] = useState<number>(0);\n    const clearButtonRef = useRef<HTMLButtonElement>(null);\n\n    useEffect(() => {\n      if (clearButtonRef.current) {\n        setClearButtonWidth(clearButtonRef.current.offsetWidth);\n      }\n    }, [value]);\n\n    const handleClearTriggerClick = () => {\n      if (onClear && forwardedRef && 'current' in forwardedRef && forwardedRef.current) {\n        onClear();\n        forwardedRef.current.focus();\n      }\n    };\n\n    return (\n      <div className={styles['input-field-wrapper']}>\n        <input\n          {...restProps}\n          autoComplete={autoComplete}\n          ref={forwardedRef}\n          id={id}\n          className={clsx(styles['input-field'], {\n            [styles['input-field--large']]: variant === 'large',\n            [styles[`input-field--${width}`]]: width,\n            [styles[`input-field--${background}`]]: background,\n          })}\n          type={type}\n          value={value}\n          style={{ paddingRight: value && clearTrigger ? clearButtonWidth : undefined }}\n        />\n        {value && clearTrigger && (\n          <button\n            type=\"button\"\n            className={styles['input-field__clear-button']}\n            onClick={handleClearTriggerClick}\n            ref={clearButtonRef}\n            aria-label={`clear trigger for ${id}`}\n          >\n            {clearTrigger}\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["InputField","forwardRef","autoComplete","id","value","variant","width","type","background","clearTrigger","onClear","restProps","forwardedRef","clearButtonWidth","setClearButtonWidth","useState","clearButtonRef","useRef","useEffect","handleClearTriggerClick","jsxs","styles","jsx","clsx"],"mappings":";;;;;;;;;;;GAyBaA,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,cAAAC,IAAe;AAAA,IACf,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAiB,CAAC,GAC5DC,IAAiBC,EAA0B,IAAI;AAErD,IAAAC,EAAU,MAAM;AACd,MAAIF,EAAe,WACGF,EAAAE,EAAe,QAAQ,WAAW;AAAA,IACxD,GACC,CAACZ,CAAK,CAAC;AAEV,UAAMe,IAA0B,MAAM;AACpC,MAAIT,KAAWE,KAAgB,aAAaA,KAAgBA,EAAa,YAC/DF,EAAA,GACRE,EAAa,QAAQ,MAAM;AAAA,IAE/B;AAEA,WACG,gBAAAQ,EAAA,OAAA,EAAI,WAAWC,EAAO,qBAAqB,GAC1C,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGX;AAAA,UACJ,cAAAT;AAAA,UACA,KAAKU;AAAA,UACL,IAAAT;AAAA,UACA,WAAWoB,EAAKF,EAAO,aAAa,GAAG;AAAA,YACrC,CAACA,EAAO,oBAAoB,CAAC,GAAGhB,MAAY;AAAA,YAC5C,CAACgB,EAAO,gBAAgBf,CAAK,EAAE,CAAC,GAAGA;AAAA,YACnC,CAACe,EAAO,gBAAgBb,CAAU,EAAE,CAAC,GAAGA;AAAA,UAAA,CACzC;AAAA,UACD,MAAAD;AAAA,UACA,OAAAH;AAAA,UACA,OAAO,EAAE,cAAcA,KAASK,IAAeI,IAAmB,OAAU;AAAA,QAAA;AAAA,MAC9E;AAAA,MACCT,KAASK,KACR,gBAAAa;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWD,EAAO,2BAA2B;AAAA,UAC7C,SAASF;AAAA,UACT,KAAKH;AAAA,UACL,cAAY,qBAAqBb,CAAE;AAAA,UAElC,UAAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"InputField.js","sources":["../../../src/components/InputField/InputField.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './InputField.module.css';\n\nexport interface InputFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {\n  /** The variant to render. */\n  variant?: 'large';\n  /** The width to render. */\n  width?: 'small' | 'compact';\n  /** The type of the input element. */\n  type?: 'text' | 'password' | 'email';\n  /** The background color of the input. InputField is by default transparent. */\n  background?: 'white';\n  /** The id of the input element. */\n  id: string;\n  /** An element that represents a clear button. */\n  clearTrigger?: ReactNode;\n  /** The callback that is invoked when the clear button is triggered. */\n  onClear?: () => void;\n}\n\n/** Represents a component that renders an input field which can have a clear button. */\nexport const InputField = forwardRef<HTMLInputElement, InputFieldProps>(\n  (\n    {\n      autoComplete = 'off',\n      id,\n      value,\n      variant,\n      width,\n      type = 'text',\n      background,\n      clearTrigger,\n      onClear,\n      ...restProps\n    }: InputFieldProps,\n    forwardedRef\n  ) => {\n    const [clearButtonWidth, setClearButtonWidth] = useState<number>(0);\n    const clearButtonRef = useRef<HTMLButtonElement>(null);\n\n    useEffect(() => {\n      if (clearButtonRef.current) {\n        setClearButtonWidth(clearButtonRef.current.offsetWidth);\n      }\n    }, [value]);\n\n    const handleClearTriggerClick = () => {\n      if (onClear && forwardedRef && 'current' in forwardedRef && forwardedRef.current) {\n        onClear();\n        forwardedRef.current.focus();\n      }\n    };\n\n    return (\n      <div className={styles['input-field-wrapper']}>\n        <input\n          {...restProps}\n          autoComplete={autoComplete}\n          ref={forwardedRef}\n          id={id}\n          className={clsx(styles['input-field'], {\n            [styles['input-field--large']]: variant === 'large',\n            [styles[`input-field--${width}`]]: width,\n            [styles[`input-field--${background}`]]: background,\n          })}\n          type={type}\n          value={value}\n          style={{ paddingRight: value && clearTrigger ? clearButtonWidth : undefined }}\n        />\n        {Boolean(value) && clearTrigger && (\n          <button\n            type=\"button\"\n            className={styles['input-field__clear-button']}\n            onClick={handleClearTriggerClick}\n            ref={clearButtonRef}\n            aria-label={`clear trigger for ${id}`}\n          >\n            {clearTrigger}\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["InputField","forwardRef","autoComplete","id","value","variant","width","type","background","clearTrigger","onClear","restProps","forwardedRef","clearButtonWidth","setClearButtonWidth","useState","clearButtonRef","useRef","useEffect","handleClearTriggerClick","jsxs","styles","jsx","clsx"],"mappings":";;;;;;;;;;;GAyBaA,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,cAAAC,IAAe;AAAA,IACf,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAiB,CAAC,GAC5DC,IAAiBC,EAA0B,IAAI;AAErD,IAAAC,EAAU,MAAM;AACd,MAAIF,EAAe,WACGF,EAAAE,EAAe,QAAQ,WAAW;AAAA,IACxD,GACC,CAACZ,CAAK,CAAC;AAEV,UAAMe,IAA0B,MAAM;AACpC,MAAIT,KAAWE,KAAgB,aAAaA,KAAgBA,EAAa,YAC/DF,EAAA,GACRE,EAAa,QAAQ,MAAM;AAAA,IAE/B;AAEA,WACG,gBAAAQ,EAAA,OAAA,EAAI,WAAWC,EAAO,qBAAqB,GAC1C,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGX;AAAA,UACJ,cAAAT;AAAA,UACA,KAAKU;AAAA,UACL,IAAAT;AAAA,UACA,WAAWoB,EAAKF,EAAO,aAAa,GAAG;AAAA,YACrC,CAACA,EAAO,oBAAoB,CAAC,GAAGhB,MAAY;AAAA,YAC5C,CAACgB,EAAO,gBAAgBf,CAAK,EAAE,CAAC,GAAGA;AAAA,YACnC,CAACe,EAAO,gBAAgBb,CAAU,EAAE,CAAC,GAAGA;AAAA,UAAA,CACzC;AAAA,UACD,MAAAD;AAAA,UACA,OAAAH;AAAA,UACA,OAAO,EAAE,cAAcA,KAASK,IAAeI,IAAmB,OAAU;AAAA,QAAA;AAAA,MAC9E;AAAA,MACC,EAAQT,KAAUK,KACjB,gBAAAa;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWD,EAAO,2BAA2B;AAAA,UAC7C,SAASF;AAAA,UACT,KAAKH;AAAA,UACL,cAAY,qBAAqBb,CAAE;AAAA,UAElC,UAAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAAA;AAGN;"}

package/dist/components/MetaDataList/MetaDataList.js

@@ -1,12 +1,12 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { jsx as a, jsxs as _ } from "react/jsx-runtime";
 import '../../assets/MetaDataList.css';const t = {
-  "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: [
+  "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: [
   /* @__PURE__ */ a("dt", { className: t["meta-data-list__term"], children: e }),
-  /* @__PURE__ */ a("dd", { className: t["meta-data-list__description"], children: _ })
+  /* @__PURE__ */ a("dd", { className: t["meta-data-list__description"], children: s })
 ] }, e)) });
 export {
   m as MetaDataList

package/dist/components/PageOverlay/PageOverlay.js

@@ -1,102 +1,102 @@
-import { jsx as o, Fragment as $, jsxs as c } from "react/jsx-runtime";
+import { jsx as a, Fragment as $, jsxs as c } 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 m, useState as f, useEffect as q } from "react";
+import { useRef as d, useState as f, useEffect as q } from "react";
 import { OverlayCloseButton as G } from "../OverlayCloseButton/OverlayCloseButton.js";
 import { Spinner as J } from "../Spinner/Spinner.js";
 import { Backdrop as O } from "../Backdrop/Backdrop.js";
 import '../../assets/PageOverlay.css';const e = {
-  "page-overlay__container": "_page-overlay__container_1oudu_1",
-  "page-overlay": "_page-overlay_1oudu_1",
-  "page-overlay--full-screen": "_page-overlay--full-screen_1oudu_19",
-  "page-overlay--with-gutters": "_page-overlay--with-gutters_1oudu_23",
-  "page-overlay__content": "_page-overlay__content_1oudu_28",
-  "page-overlay__content--grey": "_page-overlay__content--grey_1oudu_39",
-  "page-overlay__content--white": "_page-overlay__content--white_1oudu_43",
-  "page-overlay__children": "_page-overlay__children_1oudu_47",
-  "page-overlay__title-wrapper": "_page-overlay__title-wrapper_1oudu_51",
-  "page-overlay__title": "_page-overlay__title_1oudu_51",
-  "page-overlay__buttons-bar": "_page-overlay__buttons-bar_1oudu_62",
-  "page-overlay__buttons-bar--shadow": "_page-overlay__buttons-bar--shadow_1oudu_88",
-  "page-overlay__close": "_page-overlay__close_1oudu_94"
+  "page-overlay__container": "_page-overlay__container_x277a_1",
+  "page-overlay": "_page-overlay_x277a_1",
+  "page-overlay--full-screen": "_page-overlay--full-screen_x277a_19",
+  "page-overlay--with-gutters": "_page-overlay--with-gutters_x277a_23",
+  "page-overlay__content": "_page-overlay__content_x277a_28",
+  "page-overlay__content--grey": "_page-overlay__content--grey_x277a_39",
+  "page-overlay__content--white": "_page-overlay__content--white_x277a_43",
+  "page-overlay__children": "_page-overlay__children_x277a_47",
+  "page-overlay__title-wrapper": "_page-overlay__title-wrapper_x277a_51",
+  "page-overlay__title": "_page-overlay__title_x277a_51",
+  "page-overlay__buttons-bar": "_page-overlay__buttons-bar_x277a_62",
+  "page-overlay__buttons-bar--shadow": "_page-overlay__buttons-bar--shadow_x277a_88",
+  "page-overlay__close": "_page-overlay__close_x277a_94"
 };
 function le({
   buttons: t,
   children: h,
-  isLoading: b,
-  spinnerAriaValueText: w = "Loading",
-  closeButtonAriaValueText: S = "Close",
-  isOpen: a,
-  noValidate: N = !1,
-  onClose: u,
-  onSubmit: P,
+  isLoading: x,
+  spinnerAriaValueText: b = "Loading",
+  closeButtonAriaValueText: w = "Close",
+  isOpen: r,
+  noValidate: S = !1,
+  onClose: p,
+  onSubmit: N,
   title: _,
   headerContent: n,
-  variant: p = "full-screen",
-  contentBackgroundColor: T = "grey"
+  variant: g = "full-screen",
+  contentBackgroundColor: P = "grey"
 }) {
-  const s = m(null), g = m(null), [E, x] = f(!1), [L, B] = f(!1), { dialogProps: F, titleProps: H } = A({ role: "dialog" }, s), { modalProps: k } = K({ isDisabled: !a }), { overlayProps: z, underlayProps: D } = M({ isOpen: a, onClose: u }, s);
-  U({ isDisabled: !a }), q(() => {
-    const r = g.current;
-    if (!r) return;
-    function v() {
-      const d = r.scrollHeight, y = r.clientHeight, j = r.scrollTop;
-      x(d > y), B(j + y >= d);
+  const s = d(null), v = d(null), [T, E] = f(!1), [L, B] = f(!1), { dialogProps: F, titleProps: H } = A({ role: "dialog" }, s), { modalProps: k } = K({ isDisabled: !r }), { overlayProps: z, underlayProps: D } = M({ isOpen: r, onClose: p }, s);
+  U({ isDisabled: !r }), q(() => {
+    const o = v.current;
+    if (!o) return;
+    function y() {
+      const u = o.scrollHeight, m = o.clientHeight, j = o.scrollTop;
+      E(u > m), B(j + m >= u);
     }
     function l() {
-      v();
+      y();
     }
-    r.addEventListener("scroll", l), window.addEventListener("resize", l);
+    o.addEventListener("scroll", l), window.addEventListener("resize", l);
     const R = setTimeout(() => {
-      v();
+      y();
     }, 0);
     return () => {
-      r.removeEventListener("scroll", l), window.removeEventListener("resize", l), clearTimeout(R);
+      o.removeEventListener("scroll", l), window.removeEventListener("resize", l), clearTimeout(R);
     };
-  }, [a, n]);
-  function I(r) {
-    r.stopPropagation();
+  }, [r, n]);
+  function I(o) {
+    o.stopPropagation();
   }
-  return a ? /* @__PURE__ */ o(V, { className: e["page-overlay__container"], children: /* @__PURE__ */ o(O, { ...D, children: b ? /* @__PURE__ */ o(J, { ariaValueText: w }) : /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(C, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ c(
+  return r ? /* @__PURE__ */ a(V, { className: e["page-overlay__container"], children: /* @__PURE__ */ a(O, { ...D, children: x ? /* @__PURE__ */ a(J, { ariaValueText: b }) : /* @__PURE__ */ a($, { children: /* @__PURE__ */ a(C, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ c(
     "div",
     {
       ...F,
       ...k,
       ...z,
       className: i(e["page-overlay"], {
-        [e[`page-overlay--${p}`]]: p
+        [e[`page-overlay--${g}`]]: g
       }),
       onKeyUp: I,
       role: "presentation",
       ref: s,
       children: [
         (_ || n) && /* @__PURE__ */ c("div", { className: e["page-overlay__title-wrapper"], children: [
-          _ && /* @__PURE__ */ o("h1", { ...H, className: e["page-overlay__title"], children: _ }),
+          _ && /* @__PURE__ */ a("h1", { ...H, className: e["page-overlay__title"], children: _ }),
           n,
-          /* @__PURE__ */ o("span", { className: e["page-overlay__close"], children: /* @__PURE__ */ o(G, { "aria-label": S, onClick: u }) })
+          /* @__PURE__ */ a("span", { className: e["page-overlay__close"], children: /* @__PURE__ */ a(G, { "aria-label": w, onClick: p }) })
         ] }),
         /* @__PURE__ */ c(
           "form",
           {
             className: i(
               e["page-overlay__content"],
-              e[`page-overlay__content--${T}`],
+              e[`page-overlay__content--${P}`],
               {
                 [e["page-overlay--content-with-buttons"]]: t
               }
             ),
-            onSubmit: P,
-            noValidate: N,
-            ref: g,
+            onSubmit: N,
+            noValidate: S,
+            ref: v,
             children: [
-              /* @__PURE__ */ o("div", { className: e["page-overlay__children"], children: h }),
-              t && /* @__PURE__ */ o(
+              /* @__PURE__ */ a("div", { className: e["page-overlay__children"], children: h }),
+              t && /* @__PURE__ */ a(
                 "div",
                 {
                   className: i(e["page-overlay__buttons-bar"], {
-                    [e["page-overlay__buttons-bar--shadow"]]: E && !L
+                    [e["page-overlay__buttons-bar--shadow"]]: T && !L
                   }),
                   children: t
                 }

package/dist/components/RadioButton/RadioButton.js

@@ -1,11 +1,11 @@
 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_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"
+  "radio-button": "_radio-button_1i4mp_1",
+  "radio-button__input": "_radio-button__input_1i4mp_8",
+  "radio-button__label": "_radio-button__label_1i4mp_17",
+  "radio-button__description": "_radio-button__description_1i4mp_23",
+  "radio-button--gap-large": "_radio-button--gap-large_1i4mp_38"
 }, 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",

package/dist/components/SelectListbox/components/SelectButton.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as C } from "react/jsx-runtime";
 import { c as f } from "../../../clsx-OuTLNxxd.js";
 import { forwardRef as E, useRef as g, useEffect as c } from "react";
-import { s as t } from "../../../SelectListbox.module-DHFU0NjU.js";
+import { s as t } from "../../../SelectListbox.module-yzXaWwsm.js";
 import { Icon as L } from "../../Icon/Icon.js";
 import { useSelect as N } from "../SelectProvider.js";
 const O = E((d, u) => {

package/dist/components/SelectListbox/components/SelectContainer.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useRef as i, useCallback as u, useEffect as l } from "react";
 import { useSelect as m } from "../SelectProvider.js";
-import { s as f } from "../../../SelectListbox.module-DHFU0NjU.js";
+import { s as f } from "../../../SelectListbox.module-yzXaWwsm.js";
 const E = ({ children: o }) => {
   const { isOpen: r, setIsOpen: n } = m(), t = i(null), e = u(
     ({ target: s }) => {

package/dist/components/SelectListbox/components/SelectOption.js

@@ -2,7 +2,7 @@ import { jsxs as D, Fragment as h, jsx as m } from "react/jsx-runtime";
 import { c as y } from "../../../clsx-OuTLNxxd.js";
 import { useRef as O, useEffect as d } from "react";
 import { useSelect as x } from "../SelectProvider.js";
-import { s as o } from "../../../SelectListbox.module-DHFU0NjU.js";
+import { s as o } from "../../../SelectListbox.module-yzXaWwsm.js";
 const j = ({ option: l, index: t, dividerAfter: u, children: v }) => {
   const i = O(null), { isOpen: r, activeIndex: s, setActiveIndex: c, selectedValue: f, setSelectedValue: p, setIsOpen: n, options: a } = x(), w = (e) => {
     p(a[e]), n(!1);

package/dist/components/SelectListbox/components/SelectOptionBox.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as m, useRef as x } from "react";
-import { s as i } from "../../../SelectListbox.module-DHFU0NjU.js";
+import { s as i } from "../../../SelectListbox.module-yzXaWwsm.js";
 import { useSelect as a } from "../SelectProvider.js";
 const h = m((l, e) => {
   const { style: t, children: o } = l, { listboxId: r, isOpen: c } = a(), n = x(null);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.27.3",
+  "version": "3.28.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -45,9 +45,9 @@
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
-    "@react-aria/button": "^3.13.2",
-    "@react-aria/dialog": "^3.5.26",
-    "@react-aria/overlays": "^3.27.2",
+    "@react-aria/button": "^3.13.3",
+    "@react-aria/dialog": "^3.5.27",
+    "@react-aria/overlays": "^3.27.3",
     "@react-types/dialog": "^3.5.19",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/gitlab": "^13.2.5",
@@ -112,7 +112,7 @@
     "lexical": "^0.32.1"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.42.0",
+    "@rollup/rollup-linux-x64-gnu": "^4.43.0",
     "@rspack/binding-darwin-arm64": "1.3.15",
     "@rspack/binding-linux-x64-gnu": "1.3.15",
     "@ast-grep/napi-linux-x64-gnu": "0.38.5"

package/dist/SelectListbox.module-DHFU0NjU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectListbox.module-DHFU0NjU.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}