@uva-glass/component-library 3.11.0 → 3.11.1

package/dist/components/Accordion/Accordion.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as n, s as a } from "../../react.esm-PmLHNn73.js";
-import { u as e } from "../../index-xaEX581l.js";
+import { r as n, s as a } from "../../react.esm-CsMDid07.js";
+import { u as e } from "../../index-CUap8sKR.js";
 import { Accordion as i } from "./Accordion.js";
 describe("Accordion", () => {
   it("should render", () => {

package/dist/components/AccordionCard/AccordionCard.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as c, s as e, f as s, w as d } from "../../react.esm-PmLHNn73.js";
-import { u as r } from "../../index-xaEX581l.js";
+import { r as c, s as e, f as s, w as d } from "../../react.esm-CsMDid07.js";
+import { u as r } from "../../index-CUap8sKR.js";
 import { AccordionCard as a } from "./AccordionCard.js";
 describe("AccordionCard", () => {
   it("should render", () => {

package/dist/components/ActionList/ActionList.test.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as n, s as t, w as a } from "../../react.esm-PmLHNn73.js";
-import { u as l } from "../../index-xaEX581l.js";
+import { r as n, s as t, w as a } from "../../react.esm-CsMDid07.js";
+import { u as l } from "../../index-CUap8sKR.js";
 import { ActionList as o } from "./ActionList.js";
 const T = jest.fn(), c = [
   /* @__PURE__ */ i("button", { type: "button", onClick: T, children: "Test Action 1" }, "1"),

package/dist/components/AppStatusBar/AppStatusBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r, s as t } from "../../react.esm-PmLHNn73.js";
+import { r, s as t } from "../../react.esm-CsMDid07.js";
 import { AppStatusBar as s } from "./AppStatusBar.js";
 describe("AppStatusBar", () => {
   it("should render", () => {

package/dist/components/Attention/Attention.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as t, s as r } from "../../react.esm-PmLHNn73.js";
+import { r as t, s as r } from "../../react.esm-CsMDid07.js";
 import { Attention as n } from "./Attention.js";
 describe("Attention", () => {
   it("should render (variant primary)", () => {

package/dist/components/Backdrop/Backdrop.test.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as e, s as o } from "../../react.esm-PmLHNn73.js";
+import { r as e, s as o } from "../../react.esm-CsMDid07.js";
 import { Backdrop as t } from "./Backdrop.js";
 describe("Backdrop", () => {
   it("should render", () => {

package/dist/components/Buttons/Button.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as n, s as t, f as c } from "../../react.esm-PmLHNn73.js";
+import { r as n, s as t, f as c } from "../../react.esm-CsMDid07.js";
 import { Button as o } from "./Button.js";
 const s = jest.fn();
 describe("Button", () => {

package/dist/components/Buttons/LinkButton.test.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as n, s as t, f as c } from "../../react.esm-PmLHNn73.js";
+import { r as n, s as t, f as c } from "../../react.esm-CsMDid07.js";
 import { BrowserRouter as u, Routes as a, Route as d } from "react-router";
 import { LinkButton as o } from "./LinkButton.js";
 const r = ({ children: i }) => /* @__PURE__ */ s(u, { children: [

package/dist/components/Buttons/MenuButton.d.ts

@@ -1,6 +1,6 @@
 import { AriaButtonProps } from '@react-aria/button';
 import { IconProps } from 'components/Icon';
-import { MouseEvent, RefObject } from 'react';
+import { RefObject } from 'react';
 import { UIButtonVariant } from 'types/UserInterface';
 export interface MenuButtonProps extends AriaButtonProps<'button'> {
     buttonRef: RefObject<HTMLButtonElement>;
@@ -8,8 +8,6 @@ export interface MenuButtonProps extends AriaButtonProps<'button'> {
     variant: UIButtonVariant;
     /** The icon to show. */
     iconName?: IconProps['name'];
-    /** The callback function that is invoked when the button is clicked. */
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
 /** Represents a button that is used to open a menu. */
 export declare function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Buttons/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sources":["../../../src/components/Buttons/MenuButton.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button';\nimport { clsx } from 'clsx';\n\nimport type { AriaButtonProps } from '@react-aria/button';\nimport type { IconProps } from 'components/Icon';\nimport type { MouseEvent, RefObject } from 'react';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/Buttons/Button.module.css';\n\nexport interface MenuButtonProps extends AriaButtonProps<'button'> {\n  buttonRef: RefObject<HTMLButtonElement>;\n  /** The variant of the button. */\n  variant: UIButtonVariant;\n  /** The icon to show. */\n  iconName?: IconProps['name'];\n  /** The callback function that is invoked when the button is clicked. */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n}\n\n/** Represents a button that is used to open a menu. */\nexport function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps) {\n  const { buttonProps } = useButton(restProps, buttonRef);\n\n  return (\n    <button {...buttonProps} ref={buttonRef} className={clsx(styles['button'], styles[`button--${variant}`])}>\n      {children}\n      {iconName && <Icon name={iconName} />}\n    </button>\n  );\n}\n"],"names":["MenuButton","buttonRef","variant","iconName","children","restProps","buttonProps","useButton","clsx","styles","jsx","Icon"],"mappings":";;;;;AAsBgB,SAAAA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,KAA8B;AACpG,QAAM,EAAE,aAAAC,EAAgB,IAAAC,EAAUF,GAAWJ,CAAS;AAEtD,2BACG,UAAQ,EAAA,GAAGK,GAAa,KAAKL,GAAW,WAAWO,EAAKC,EAAO,QAAWA,EAAO,WAAWP,CAAO,EAAE,CAAC,GACpG,UAAA;AAAA,IAAAE;AAAA,IACAD,KAAY,gBAAAO,EAACC,GAAK,EAAA,MAAMR,EAAU,CAAA;AAAA,EAAA,GACrC;AAEJ;"}
+{"version":3,"file":"MenuButton.js","sources":["../../../src/components/Buttons/MenuButton.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button';\nimport { clsx } from 'clsx';\n\nimport type { AriaButtonProps } from '@react-aria/button';\nimport type { IconProps } from 'components/Icon';\nimport type { RefObject } from 'react';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/Buttons/Button.module.css';\n\nexport interface MenuButtonProps extends AriaButtonProps<'button'> {\n  buttonRef: RefObject<HTMLButtonElement>;\n  /** The variant of the button. */\n  variant: UIButtonVariant;\n  /** The icon to show. */\n  iconName?: IconProps['name'];\n}\n\n/** Represents a button that is used to open a menu. */\nexport function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps) {\n  const { buttonProps } = useButton(restProps, buttonRef);\n\n  return (\n    <button {...buttonProps} ref={buttonRef} className={clsx(styles['button'], styles[`button--${variant}`])}>\n      {children}\n      {iconName && <Icon name={iconName} />}\n    </button>\n  );\n}\n"],"names":["MenuButton","buttonRef","variant","iconName","children","restProps","buttonProps","useButton","clsx","styles","jsx","Icon"],"mappings":";;;;;AAoBgB,SAAAA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,KAA8B;AACpG,QAAM,EAAE,aAAAC,EAAgB,IAAAC,EAAUF,GAAWJ,CAAS;AAEtD,2BACG,UAAQ,EAAA,GAAGK,GAAa,KAAKL,GAAW,WAAWO,EAAKC,EAAO,QAAWA,EAAO,WAAWP,CAAO,EAAE,CAAC,GACpG,UAAA;AAAA,IAAAE;AAAA,IACAD,KAAY,gBAAAO,EAACC,GAAK,EAAA,MAAMR,EAAU,CAAA;AAAA,EAAA,GACrC;AAEJ;"}

package/dist/components/Buttons/MenuButton.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as u, s as e, f as c } from "../../react.esm-PmLHNn73.js";
+import { r as u, s as e, f as c } from "../../react.esm-CsMDid07.js";
 import { createRef as s } from "react";
 import { MenuButton as r } from "./MenuButton.js";
 const n = jest.fn();

package/dist/components/Card/Card.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r, s as d } from "../../react.esm-PmLHNn73.js";
+import { r, s as d } from "../../react.esm-CsMDid07.js";
 import { Card as o } from "./Card.js";
 describe("Card", () => {
   it("should render", () => {

package/dist/components/Checkbox/Checkbox.test.js

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as o, s as t } from "../../react.esm-PmLHNn73.js";
+import { r as o, s as t } from "../../react.esm-CsMDid07.js";
 import { Checkbox as h } from "./Checkbox.js";
 describe("Checkbox", () => {
   it("should render", () => {

package/dist/components/CheckboxButton/CheckboxButton.test.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as n, s as t } from "../../react.esm-PmLHNn73.js";
+import { r as n, s as t } from "../../react.esm-CsMDid07.js";
 import { CheckboxButton as a } from "./CheckboxButton.js";
 const c = jest.fn();
 describe("CheckboxButton", () => {

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as c, s as e } from "../../react.esm-PmLHNn73.js";
+import { r as c, s as e } from "../../react.esm-CsMDid07.js";
 import { CheckboxButtonBar as a } from "./CheckboxButtonBar.js";
 const n = jest.fn(), x = [
   {

package/dist/components/FeedbackBar/FeedbackBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as s, s as e, f as r } from "../../react.esm-PmLHNn73.js";
+import { r as s, s as e, f as r } from "../../react.esm-CsMDid07.js";
 import { FeedbackBar as c } from "./FeedbackBar.js";
 describe("FeedbackBar", () => {
   it("should render with children text", () => {

package/dist/components/Label/Label.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as t, s as l } from "../../react.esm-PmLHNn73.js";
+import { r as t, s as l } from "../../react.esm-CsMDid07.js";
 import { Label as r } from "./Label.js";
 describe("Label", () => {
   it("should render", () => {

package/dist/components/MultiSelectBox/MultiSelectBox.js

@@ -1,31 +1,31 @@
 import { jsxs as f, jsx as b } from "react/jsx-runtime";
-import { useRef as k, useId as P, useState as g, useCallback as w, useLayoutEffect as R, useEffect as h } from "react";
-import { c as v } from "../../clsx-OuTLNxxd.js";
+import { useRef as h, useId as P, useState as g, useCallback as w, useLayoutEffect as R, useEffect as v } from "react";
+import { c as I } from "../../clsx-OuTLNxxd.js";
 import { Icon as H } from "../Icon/Icon.js";
 import { Checkbox as M } from "../Checkbox/Checkbox.js";
-import '../../assets/MultiSelectBox.css';const i = {
-  "multi-select-box-wrapper": "_multi-select-box-wrapper_5k31m_1",
-  "multi-select-box-trigger": "_multi-select-box-trigger_5k31m_5",
-  "multi-select-box-trigger-label": "_multi-select-box-trigger-label_5k31m_32",
-  "multi-select-box-trigger-icon": "_multi-select-box-trigger-icon_5k31m_41",
-  "multi-select-box-trigger-icon--open": "_multi-select-box-trigger-icon--open_5k31m_46",
-  "multi-select-box-listbox--wrapper": "_multi-select-box-listbox--wrapper_5k31m_50",
-  "multi-select-box-listbox--wrapper-above": "_multi-select-box-listbox--wrapper-above_5k31m_63",
-  "multi-select-box-listbox--wrapper-open": "_multi-select-box-listbox--wrapper-open_5k31m_68",
-  "multi-select-box-listbox": "_multi-select-box-listbox_5k31m_50",
-  "multi-select-box-listbox-option": "_multi-select-box-listbox-option_5k31m_87",
-  "multi-select-box-listbox-option--active": "_multi-select-box-listbox-option--active_5k31m_98",
-  "multi-select-box-listbox-option-content": "_multi-select-box-listbox-option-content_5k31m_109",
-  "multi-select-box-listbox-option--disabled": "_multi-select-box-listbox-option--disabled_5k31m_122"
+import '../../assets/MultiSelectBox.css';const r = {
+  "multi-select-box-wrapper": "_multi-select-box-wrapper_r576s_1",
+  "multi-select-box-trigger": "_multi-select-box-trigger_r576s_5",
+  "multi-select-box-trigger-label": "_multi-select-box-trigger-label_r576s_32",
+  "multi-select-box-trigger-icon": "_multi-select-box-trigger-icon_r576s_41",
+  "multi-select-box-trigger-icon--open": "_multi-select-box-trigger-icon--open_r576s_46",
+  "multi-select-box-listbox--wrapper": "_multi-select-box-listbox--wrapper_r576s_50",
+  "multi-select-box-listbox--wrapper-above": "_multi-select-box-listbox--wrapper-above_r576s_63",
+  "multi-select-box-listbox--wrapper-open": "_multi-select-box-listbox--wrapper-open_r576s_68",
+  "multi-select-box-listbox": "_multi-select-box-listbox_r576s_50",
+  "multi-select-box-listbox-option": "_multi-select-box-listbox-option_r576s_87",
+  "multi-select-box-listbox-option--active": "_multi-select-box-listbox-option--active_r576s_98",
+  "multi-select-box-listbox-option-content": "_multi-select-box-listbox-option-content_r576s_109",
+  "multi-select-box-listbox-option--disabled": "_multi-select-box-listbox-option--disabled_r576s_123"
 }, U = ({
   selectData: c,
   onChange: _,
-  labelSuffix: I = "geselecteerd",
+  labelSuffix: k = "geselecteerd",
   disabled: A = !1
 }) => {
-  const m = k(null), y = k(P()), [n, E] = g([]), [N, S] = g(0), [s, a] = g(!1), [p, x] = g(-1), u = k(null), [B, L] = g("below"), d = w((e) => {
+  const p = h(null), y = h(P()), [n, E] = g([]), [N, S] = g(0), [l, a] = g(!1), [m, x] = g(-1), u = h(null), [B, L] = g("below"), d = w((e) => {
     const t = e.target;
-    !t || !u.current || !m.current || u.current.contains(t) || m.current.contains(t) || a(!1);
+    !t || !u.current || !p.current || u.current.contains(t) || p.current.contains(t) || a(!1);
   }, []), C = w(
     (e) => {
       switch (e.key) {
@@ -33,40 +33,40 @@ import '../../assets/MultiSelectBox.css';const i = {
           e.preventDefault(), a(!0);
           break;
         case "Escape":
-          s && (e.stopPropagation(), a(!1));
+          l && (e.stopPropagation(), a(!1));
           break;
       }
     },
-    [s]
+    [l]
   ), D = w(
     (e) => {
-      if (s)
+      if (l)
         switch (e.key) {
           case "ArrowDown":
             e.preventDefault(), x((t) => {
               var o;
-              let l = t;
+              let s = t;
               do
-                l = l < c.length - 1 ? l + 1 : 0;
-              while ((o = c[l]) != null && o.disabled);
-              return l;
+                s = s < c.length - 1 ? s + 1 : 0;
+              while ((o = c[s]) != null && o.disabled);
+              return s;
             });
             break;
           case "ArrowUp":
             e.preventDefault(), x((t) => {
               var o;
-              let l = t;
+              let s = t;
               do
-                l = l <= 0 ? c.length - 1 : l - 1;
-              while ((o = c[l]) != null && o.disabled);
-              return l;
+                s = s <= 0 ? c.length - 1 : s - 1;
+              while ((o = c[s]) != null && o.disabled);
+              return s;
             });
             break;
           case "Enter": {
             e.preventDefault();
-            const t = c[p];
+            const t = c[m];
             if (!t || t.disabled) break;
-            const o = n.some((r) => r.value === t.value) ? n.filter((r) => r.value !== t.value) : [...n, t];
+            const o = n.some((i) => i.value === t.value) ? n.filter((i) => i.value !== t.value) : [...n, t];
             E(o), S(o.length), _(o);
             break;
           }
@@ -78,61 +78,61 @@ import '../../assets/MultiSelectBox.css';const i = {
             break;
         }
     },
-    [p, s, c, n, _]
+    [m, l, c, n, _]
   ), K = w(
     (e) => {
-      const { checked: t, value: l } = e.target;
+      const { checked: t, value: s } = e.target;
       let o = [...n];
       if (t) {
-        const r = c.find((O) => O.value === l);
-        r && o.push(r);
+        const i = c.find((O) => O.value === s);
+        i && o.push(i);
       } else
-        o = o.filter((r) => r.value !== l);
+        o = o.filter((i) => i.value !== s);
       E(o), S(o.length), _(o);
     },
     [c, n, _]
   );
   return R(() => {
-    if (s && m.current && u.current) {
-      const e = m.current.getBoundingClientRect(), t = u.current.offsetHeight;
+    if (l && p.current && u.current) {
+      const e = p.current.getBoundingClientRect(), t = u.current.offsetHeight;
       window.innerHeight - e.bottom < t ? L("above") : L("below");
     }
-  }, [s]), h(() => {
-    s && x(0);
-  }, [s]), h(() => {
+  }, [l]), v(() => {
+    l && x(0);
+  }, [l]), v(() => {
     var t;
-    const e = (t = u.current) == null ? void 0 : t.children[p];
+    const e = (t = u.current) == null ? void 0 : t.children[m];
     e == null || e.focus();
-  }, [p]), h(() => {
-    if (s)
+  }, [m]), v(() => {
+    if (l)
       return document.addEventListener("click", d, !0), document.addEventListener("scroll", d, !0), () => {
         document.removeEventListener("click", d, !0), document.removeEventListener("scroll", d, !0);
       };
-  }, [d, s]), /* @__PURE__ */ f("div", { className: i["multi-select-box-wrapper"], children: [
+  }, [d, l]), /* @__PURE__ */ f("div", { className: r["multi-select-box-wrapper"], children: [
     /* @__PURE__ */ f(
       "button",
       {
-        className: i["multi-select-box-trigger"],
+        className: r["multi-select-box-trigger"],
         type: "button",
         onClick: () => a((e) => !e),
         onKeyDown: C,
-        "aria-expanded": s,
+        "aria-expanded": l,
         "aria-haspopup": "listbox",
-        "aria-label": `${N} ${I}`,
+        "aria-label": `${N} ${k}`,
         disabled: A,
-        ...s && { "aria-controls": y.current },
-        ref: m,
+        ...l && { "aria-controls": y.current },
+        ref: p,
         children: [
-          /* @__PURE__ */ f("span", { className: i["multi-select-box-trigger-label"], children: [
+          /* @__PURE__ */ f("span", { className: r["multi-select-box-trigger-label"], children: [
             N,
             " ",
-            I
+            k
           ] }),
           /* @__PURE__ */ b(
             H,
             {
-              className: v(i["multi-select-box-trigger-icon"], {
-                [i["multi-select-box-trigger-icon--open"]]: s
+              className: I(r["multi-select-box-trigger-icon"], {
+                [r["multi-select-box-trigger-icon--open"]]: l
               }),
               name: "CheveronDown",
               size: 16
@@ -145,26 +145,26 @@ import '../../assets/MultiSelectBox.css';const i = {
       "div",
       {
         id: y.current,
-        className: v(
-          i["multi-select-box-listbox--wrapper"],
-          s && i["multi-select-box-listbox--wrapper-open"],
-          B === "above" && i["multi-select-box-listbox--wrapper-above"]
+        className: I(
+          r["multi-select-box-listbox--wrapper"],
+          l && r["multi-select-box-listbox--wrapper-open"],
+          B === "above" && r["multi-select-box-listbox--wrapper-above"]
         ),
         role: "listbox",
-        children: /* @__PURE__ */ b("ul", { className: i["multi-select-box-listbox"], ref: u, children: c.map(({ label: e, value: t, disabled: l }, o) => /* @__PURE__ */ b(
+        children: /* @__PURE__ */ b("ul", { className: r["multi-select-box-listbox"], ref: u, children: c.map(({ label: e, value: t, disabled: s }, o) => /* @__PURE__ */ b(
           "li",
           {
-            className: v(i["multi-select-box-listbox-option"], {
-              [i["multi-select-box-listbox-option--active"]]: o === p,
-              [i["multi-select-box-listbox-option--disabled"]]: l
+            className: I(r["multi-select-box-listbox-option"], {
+              [r["multi-select-box-listbox-option--active"]]: o === m,
+              [r["multi-select-box-listbox-option--disabled"]]: s
             }),
             role: "option",
             onKeyDown: D,
             onMouseOver: () => x(o),
             onFocus: () => x(o),
             tabIndex: 0,
-            "aria-selected": n.some((r) => r.value === t),
-            children: /* @__PURE__ */ f("label", { htmlFor: e, className: i["multi-select-box-listbox-option-content"], tabIndex: -1, children: [
+            "aria-selected": n.some((i) => i.value === t),
+            children: /* @__PURE__ */ f("label", { htmlFor: e, className: r["multi-select-box-listbox-option-content"], tabIndex: -1, children: [
               /* @__PURE__ */ b(
                 M,
                 {
@@ -172,8 +172,8 @@ import '../../assets/MultiSelectBox.css';const i = {
                   onChange: K,
                   value: t,
                   tabIndex: -1,
-                  disabled: l,
-                  checked: n.some((r) => r.value === t)
+                  disabled: s,
+                  checked: n.some((i) => i.value === t)
                 }
               ),
               /* @__PURE__ */ b("span", { children: e })

package/dist/components/MultiSelectBox/MultiSelectBox.test.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as a, s as t, f as l } from "../../react.esm-PmLHNn73.js";
+import { r as a, s as t, f as l } from "../../react.esm-CsMDid07.js";
 import { MultiSelectBox as c } from "./MultiSelectBox.js";
 const i = jest.fn(), s = [
   { label: "Option 1", value: "1" },

package/dist/components/PageOverlay/PageOverlay.stories.js

@@ -1,51 +1,51 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { OverlayProvider as P } from "@react-aria/overlays";
-import { useState as N, useRef as V, useEffect as j, useCallback as f } from "react";
+import { useState as A, useRef as V, useEffect as j, useCallback as b } from "react";
 import { PageOverlay as v } from "./PageOverlay.js";
-import { Button as l } from "../Buttons/Button.js";
+import { Button as r } from "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
 import { ButtonGroup as O } from "../ButtonGroup/ButtonGroup.js";
 import { InputField as M } from "../InputField/InputField.js";
-import { GridRow as b } from "../GridRow/GridRow.js";
+import { GridRow as f } from "../GridRow/GridRow.js";
 import { Repeater as T } from "../Repeater/Repeater.js";
 function I(t, s, i) {
-  let [n, c] = N(t || s), m = V(t !== void 0), a = t !== void 0;
+  let [n, c] = A(t || s), m = V(t !== void 0), a = t !== void 0;
   j(() => {
     let u = m.current;
-    u !== a && console.warn(`WARN: A component changed from ${u ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}.`), m.current = a;
+    u !== a && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${u ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}.`), m.current = a;
   }, [
     a
   ]);
-  let r = a ? t : n, y = f((u, ...h) => {
+  let l = a ? t : n, y = b((u, ...h) => {
     let q = (d, ...p) => {
-      i && (Object.is(r, d) || i(d, ...p)), a || (r = d);
+      i && (Object.is(l, d) || i(d, ...p)), a || (l = d);
     };
-    typeof u == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), c((p, ...A) => {
-      let C = u(a ? r : p, ...A);
+    typeof u == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), c((p, ...N) => {
+      let C = u(a ? l : p, ...N);
       return q(C, ...h), a ? p : C;
     })) : (a || c(u), q(u, ...h));
   }, [
     a,
-    r,
+    l,
     i
   ]);
   return [
-    r,
+    l,
     y
   ];
 }
 function S(t) {
   let [s, i] = I(t.isOpen, t.defaultOpen || !1, t.onOpenChange);
-  const n = f(() => {
+  const n = b(() => {
     i(!0);
   }, [
     i
-  ]), c = f(() => {
+  ]), c = b(() => {
     i(!1);
   }, [
     i
-  ]), m = f(() => {
+  ]), m = b(() => {
     i(!s);
   }, [
     i,
@@ -62,7 +62,7 @@ function S(t) {
 const k = `
   <PageOverlay isOpen={isOpen} title={title} onClose={onCloseFunction}
     onSubmit={onSubmitFunction} buttons={buttons}> {children} </PageOverlay>
-`, Y = {
+`, Q = {
   title: "Molecules/PageOverlay",
   component: v,
   argTypes: {
@@ -97,15 +97,15 @@ const k = `
 }, x = (t) => {
   const { open: s, close: i, isOpen: n } = S({});
   return /* @__PURE__ */ o(P, { children: [
-    /* @__PURE__ */ e(l, { variant: "primary", onClick: () => s(), children: "Open PageOverlay" }),
+    /* @__PURE__ */ e(r, { variant: "primary", onClick: () => s(), children: "Open PageOverlay" }),
     /* @__PURE__ */ e(
       v,
       {
         ...t,
         isOpen: n,
         buttons: /* @__PURE__ */ o(O, { reversed: !0, children: [
-          /* @__PURE__ */ e(l, { variant: "primary", onClick: () => i(), children: "OK" }),
-          /* @__PURE__ */ e(l, { variant: "secondary", onClick: () => i(), children: "Cancel" })
+          /* @__PURE__ */ e(r, { variant: "primary", onClick: () => i(), children: "OK" }),
+          /* @__PURE__ */ e(r, { variant: "secondary", onClick: () => i(), children: "Cancel" })
         ] }),
         onClose: () => i(),
         children: "Your content goes here"
@@ -116,34 +116,34 @@ const k = `
   title: "Example Title",
   closeButtonAriaValueText: "Close",
   noValidate: !1
-}, $ = x.bind({});
-$.args = {
+}, E = x.bind({});
+E.args = {
   ...g
 };
-const F = x.bind({});
-F.args = {
+const $ = x.bind({});
+$.args = {
   ...g,
   isLoading: !0,
   spinnerAriaValueText: "Loading"
 };
-const L = (t) => {
+const D = (t) => {
   const { open: s, close: i, isOpen: n } = S({});
   return /* @__PURE__ */ o(P, { children: [
-    /* @__PURE__ */ e(l, { variant: "primary", onClick: () => s(), children: "Open PageOverlay" }),
+    /* @__PURE__ */ e(r, { variant: "primary", onClick: () => s(), children: "Open PageOverlay" }),
     /* @__PURE__ */ e(
       v,
       {
         ...t,
         isOpen: n,
-        buttons: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(b.Column, { size: "8", mediumSize: "9", startPositon: "2", mediumStartPosition: "3", children: /* @__PURE__ */ o(O, { reversed: !0, children: [
-          /* @__PURE__ */ e(l, { variant: "primary", onClick: () => i(), children: "OK" }),
-          /* @__PURE__ */ e(l, { variant: "secondary", onClick: () => i(), children: "Cancel" })
+        buttons: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(f.Column, { size: "8", mediumSize: "9", startPositon: "2", mediumStartPosition: "3", children: /* @__PURE__ */ o(O, { reversed: !0, children: [
+          /* @__PURE__ */ e(r, { variant: "primary", onClick: () => i(), children: "OK" }),
+          /* @__PURE__ */ e(r, { variant: "secondary", onClick: () => i(), children: "Cancel" })
         ] }) }) }),
         onClose: () => i(),
-        children: /* @__PURE__ */ e(b, { marginTop: "100", children: /* @__PURE__ */ e(b.Column, { size: "8", mediumSize: "9", startPositon: "2", mediumStartPosition: "3", children: /* @__PURE__ */ o(T, { gap: "100", children: [
+        children: /* @__PURE__ */ e(f, { marginTop: "100", children: /* @__PURE__ */ e(f.Column, { size: "8", mediumSize: "9", startPositon: "2", mediumStartPosition: "3", children: /* @__PURE__ */ o(T, { gap: "100", children: [
           /* @__PURE__ */ e("div", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla. Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Gijs molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod. Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac molestie dignissim, elementum sed quam. Suspendisse mollis venenatis Laura, pellentesque vestibulum elit consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae ultrices erat." }),
           /* @__PURE__ */ e("div", { children: "Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Pien ac diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non, vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut sapien tempor, a ornare ipsum faucibus." }),
-          /* @__PURE__ */ e(l, { variant: "primary", children: "Test Button" }),
+          /* @__PURE__ */ e(r, { variant: "primary", children: "Test Button" }),
           /* @__PURE__ */ e("div", { children: "Cras bibendum arcu vitae nulla venenatis, at cursus urna dapibus. In hac habitasse platea dictumst. In porttitor at lectus nec rhoncus. In hac habitasse platea dictumst. Sed nec lectus neque. Aliquam erat volutpat. Morbi elit orci, ultricies a porttitor eget, eleifend eu metus. Maarten sollicitudin vitae massa a tempor. Aliquam dignissim metus id sem sollicitudin, eget lacinia nulla imperdiet. Nullam nec vestibulum eros, ut aliquam libero. Nulla hendrerit cursus ante id auctor. Curabitur condimentum malesuada maximus. Aliquam felis diam, gravida nec eleifend quis, placerat et orci." }),
           /* @__PURE__ */ e("div", { children: "Nulla leo ligula, hendrerit vel egestas in, suscipit vitae erat. Vivamus interdum quam lacinia, egestas felis non, volutpat velit. Vestibulum orci diam, tincidunt ac mattis quis, ornare posuere magna. Aliquam erat volutpat. Maecenas facilisis lacus id ante efficitur, non dignissim lorem suscipit. Praesent at posuere velit. Nulla imperdiet, dui rhoncus volutpat feugiat, eros mauris cursus justo, a tincidunt ipsum ipsum eu nisl. Nulla eu dui Thierry. Aliquam vitae risus ut velit fringilla sodales nec id lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse ullamcorper purus quis nunc placerat, vel bibendum urna mollis. Nulla facilisi. Phasellus sed erat nec ex ullamcorper viverra. Phasellus convallis nibh sed dolor vulputate convallis. Phasellus ac posuere sapien, et elementum ipsum." }),
           /* @__PURE__ */ e(M, { id: "test-input", placeholder: "Test Input" }),
@@ -154,14 +154,14 @@ const L = (t) => {
       }
     )
   ] });
-}, R = L.bind({});
-R.args = {
+}, F = D.bind({});
+F.args = {
   ...g
 };
 export {
-  F as Loading,
-  $ as PageOverlayExample,
-  R as WithLongComplexContent,
-  Y as default
+  $ as Loading,
+  E as PageOverlayExample,
+  F as WithLongComplexContent,
+  Q as default
 };
 //# sourceMappingURL=PageOverlay.stories.js.map