@uva-glass/component-library 3.37.1 → 3.38.1

package/dist/assets/Accordion.css

@@ -1 +1 @@
-._accordion_bvnps_1{overflow:hidden;position:relative}._accordion__title_bvnps_6{align-items:baseline;display:flex;gap:1rem;justify-content:space-between}._accordion__title_bvnps_6:hover{cursor:pointer;text-decoration:underline}._accordion__title_bvnps_6:focus-visible{text-decoration:underline}._accordion__title-icon_bvnps_22{margin:0 .5rem;transform:rotate(-90deg);transition:transform .3s ease-in}._accordion__title-icon--expanded_bvnps_28{transform:rotate(90deg);transition:transform .3s ease-out}._accordion__content_bvnps_33{display:none}._accordion__content--expanded_bvnps_37{display:block}
+._accordion_19w0n_1{overflow:hidden;position:relative}._accordion__title_19w0n_6{align-items:center;display:flex;gap:.5rem}._accordion__title_19w0n_6:hover{cursor:pointer;text-decoration:underline}._accordion__title_19w0n_6:focus-visible{text-decoration:underline}._accordion__title-icon_19w0n_21,._accordion__title-icon-right_19w0n_22{transform:rotate(-90deg);transition:transform .3s ease-in;margin-right:.25rem}._accordion__title-icon--margin-0_19w0n_28{margin:0}._accordion__title-icon--margin-025_19w0n_32{margin:0 .25rem}._accordion__title-icon--margin-050_19w0n_36{margin:0 .5rem}._accordion__title-icon--margin-075_19w0n_40{margin:0 .75rem}._accordion__title-icon--margin-100_19w0n_44{margin:0 1rem}._accordion__title-icon--margin-150_19w0n_48{margin:0 1.5rem}._accordion__title-icon--margin-200_19w0n_52{margin:0 2rem}._accordion__title-icon-right_19w0n_22{margin-left:auto}._accordion__title-icon--expanded_19w0n_60,._accordion__title-icon-right--expanded_19w0n_61{transform:rotate(90deg);transition:transform .3s ease-out}._accordion__content_19w0n_66{display:none}._accordion__content--expanded_19w0n_70{display:block}

package/dist/components/Accordion/Accordion.d.ts

@@ -6,6 +6,10 @@ export interface AccordionProps {
     content: ReactNode;
     /** Indicator if Accordion should be expanded by default.*/
     expanded?: boolean;
+    /** Indicator for cheveron icon placement.*/
+    cheveronPlacement?: 'left' | 'right';
+    /** Indicator for cheveron icon margin. By default '050'. */
+    cheveronMargin?: '0' | '025' | '050' | '075' | '100' | '150' | '200';
 }
 /** A controller for accordion display toggling of content with click on a title. */
-export declare const Accordion: ({ title, content, expanded }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ title, content, expanded, cheveronPlacement, cheveronMargin, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Accordion/Accordion.js

@@ -1,37 +1,72 @@
-import { jsxs as i, jsx as d } from "react/jsx-runtime";
-import { c as _ } from "../../clsx-OuTLNxxd.js";
-import { useState as x, useId as m } from "react";
-import { Icon as b } from "../Icon/Icon.js";
-import '../../assets/Accordion.css';const v = "_accordion_bvnps_1", f = "_accordion__title_bvnps_6", u = "_accordion__content_bvnps_33", o = {
-  accordion: v,
-  accordion__title: f,
-  "accordion__title-icon": "_accordion__title-icon_bvnps_22",
-  "accordion__title-icon--expanded": "_accordion__title-icon--expanded_bvnps_28",
-  accordion__content: u,
-  "accordion__content--expanded": "_accordion__content--expanded_bvnps_37"
-}, E = ({ title: a, content: r, expanded: s = !1 }) => {
-  const [c, n] = x(s), e = m();
-  function l(p) {
-    const { code: t } = p;
-    (t === "Enter" || t === "Space") && n(!c);
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { c } from "../../clsx-OuTLNxxd.js";
+import { useState as w, useId as h } from "react";
+import { Icon as l } from "../Icon/Icon.js";
+import '../../assets/Accordion.css';const f = "_accordion_19w0n_1", u = "_accordion__title_19w0n_6", I = "_accordion__content_19w0n_66", n = {
+  accordion: f,
+  accordion__title: u,
+  "accordion__title-icon": "_accordion__title-icon_19w0n_21",
+  "accordion__title-icon-right": "_accordion__title-icon-right_19w0n_22",
+  "accordion__title-icon--margin-0": "_accordion__title-icon--margin-0_19w0n_28",
+  "accordion__title-icon--margin-025": "_accordion__title-icon--margin-025_19w0n_32",
+  "accordion__title-icon--margin-050": "_accordion__title-icon--margin-050_19w0n_36",
+  "accordion__title-icon--margin-075": "_accordion__title-icon--margin-075_19w0n_40",
+  "accordion__title-icon--margin-100": "_accordion__title-icon--margin-100_19w0n_44",
+  "accordion__title-icon--margin-150": "_accordion__title-icon--margin-150_19w0n_48",
+  "accordion__title-icon--margin-200": "_accordion__title-icon--margin-200_19w0n_52",
+  "accordion__title-icon--expanded": "_accordion__title-icon--expanded_19w0n_60",
+  "accordion__title-icon-right--expanded": "_accordion__title-icon-right--expanded_19w0n_61",
+  accordion__content: I,
+  "accordion__content--expanded": "_accordion__content--expanded_19w0n_70"
+}, C = ({
+  title: s,
+  content: m,
+  expanded: g = !1,
+  cheveronPlacement: _ = "right",
+  cheveronMargin: t = "050"
+}) => {
+  const [i, a] = w(g), e = h();
+  function p(x) {
+    const { code: r } = x;
+    (r === "Enter" || r === "Space") && a(!i);
   }
-  return /* @__PURE__ */ i("div", { className: o.accordion, children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ d("div", { className: n.accordion, children: [
+    /* @__PURE__ */ d(
       "div",
       {
-        className: o.accordion__title,
+        className: n.accordion__title,
         id: e,
         role: "button",
         tabIndex: 0,
-        onClick: () => n(!c),
-        onKeyUp: l,
-        "aria-expanded": c,
+        onClick: () => a(!i),
+        onKeyUp: p,
+        "aria-expanded": i,
         children: [
-          a,
-          /* @__PURE__ */ d(
-            b,
+          _ === "left" && /* @__PURE__ */ o(
+            l,
+            {
+              className: c(
+                n["accordion__title-icon"],
+                n[`accordion__title-icon--margin-${t}`],
+                {
+                  [n["accordion__title-icon--expanded"]]: i
+                }
+              ),
+              name: "CheveronLeft",
+              size: 16
+            }
+          ),
+          s,
+          _ === "right" && /* @__PURE__ */ o(
+            l,
             {
-              className: _(o["accordion__title-icon"], { [o["accordion__title-icon--expanded"]]: c }),
+              className: c(
+                n["accordion__title-icon-right"],
+                n[`accordion__title-icon--margin-${t}`],
+                {
+                  [n["accordion__title-icon-right--expanded"]]: i
+                }
+              ),
               name: "CheveronLeft",
               size: 16
             }
@@ -39,17 +74,17 @@ import '../../assets/Accordion.css';const v = "_accordion_bvnps_1", f = "_accord
         ]
       }
     ),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ o(
       "div",
       {
         "aria-labelledby": e,
-        className: _(o.accordion__content, { [o["accordion__content--expanded"]]: c }),
-        children: r
+        className: c(n.accordion__content, { [n["accordion__content--expanded"]]: i }),
+        children: m
       }
     )
-  ] });
+  ] }) });
 };
 export {
-  E as Accordion
+  C as Accordion
 };
 //# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useId, useState } from 'react';\n\nimport type { KeyboardEvent, ReactNode } from 'react';\n\nimport styles from './Accordion.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface AccordionProps {\n  /** Clickable title (always visible). */\n  title: ReactNode;\n  /** Main content (hidden when expanded is false). */\n  content: ReactNode;\n  /** Indicator if Accordion should be expanded by default.*/\n  expanded?: boolean;\n}\n\n/** A controller for accordion display toggling of content with click on a title. */\nexport const Accordion = ({ title, content, expanded = false }: AccordionProps) => {\n  const [isExpanded, setIsExpanded] = useState(expanded);\n  const accordionId = useId();\n\n  function onKeyUp(event: KeyboardEvent<HTMLDivElement>) {\n    const { code } = event;\n\n    if (code === 'Enter' || code === 'Space') {\n      setIsExpanded(!isExpanded);\n    }\n  }\n\n  return (\n    <div className={styles['accordion']}>\n      <div\n        className={styles['accordion__title']}\n        id={accordionId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={() => setIsExpanded(!isExpanded)}\n        onKeyUp={onKeyUp}\n        aria-expanded={isExpanded}\n      >\n        {title}\n        <Icon\n          className={clsx(styles['accordion__title-icon'], { [styles['accordion__title-icon--expanded']]: isExpanded })}\n          name=\"CheveronLeft\"\n          size={16}\n        />\n      </div>\n      <div\n        aria-labelledby={accordionId}\n        className={clsx(styles.accordion__content, { [styles['accordion__content--expanded']]: isExpanded })}\n      >\n        {content}\n      </div>\n    </div>\n  );\n};\n"],"names":["Accordion","title","content","expanded","isExpanded","setIsExpanded","useState","accordionId","useId","onKeyUp","event","code","jsxs","styles","jsx","Icon","clsx"],"mappings":";;;;;;;;;;;GAmBaA,IAAY,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,SAA4B;AACjF,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,CAAQ,GAC/CI,IAAcC,EAAA;AAEpB,WAASC,EAAQC,GAAsC;AACrD,UAAM,EAAE,MAAAC,MAASD;AAEjB,KAAIC,MAAS,WAAWA,MAAS,YAC/BN,EAAc,CAACD,CAAU;AAAA,EAC3B;AAGF,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWC,EAAO,WACrB,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAO;AAAA,QAClB,IAAIN;AAAA,QACJ,MAAK;AAAA,QACL,UAAU;AAAA,QACV,SAAS,MAAMF,EAAc,CAACD,CAAU;AAAA,QACxC,SAAAK;AAAA,QACA,iBAAeL;AAAA,QAEd,UAAA;AAAA,UAAAH;AAAA,UACD,gBAAAa;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAWC,EAAKH,EAAO,uBAAuB,GAAG,EAAE,CAACA,EAAO,iCAAiC,CAAC,GAAGT,GAAY;AAAA,cAC5G,MAAK;AAAA,cACL,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,mBAAiBP;AAAA,QACjB,WAAWS,EAAKH,EAAO,oBAAoB,EAAE,CAACA,EAAO,8BAA8B,CAAC,GAAGT,GAAY;AAAA,QAElG,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useId, useState } from 'react';\n\nimport type { KeyboardEvent, ReactNode } from 'react';\n\nimport styles from './Accordion.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface AccordionProps {\n  /** Clickable title (always visible). */\n  title: ReactNode;\n  /** Main content (hidden when expanded is false). */\n  content: ReactNode;\n  /** Indicator if Accordion should be expanded by default.*/\n  expanded?: boolean;\n  /** Indicator for cheveron icon placement.*/\n  cheveronPlacement?: 'left' | 'right';\n  /** Indicator for cheveron icon margin. By default '050'. */\n  cheveronMargin?: '0' | '025' | '050' | '075' | '100' | '150' | '200';\n}\n\n/** A controller for accordion display toggling of content with click on a title. */\nexport const Accordion = ({\n  title,\n  content,\n  expanded = false,\n  cheveronPlacement = 'right',\n  cheveronMargin = '050',\n}: AccordionProps) => {\n  const [isExpanded, setIsExpanded] = useState(expanded);\n  const accordionId = useId();\n\n  function onKeyUp(event: KeyboardEvent<HTMLDivElement>) {\n    const { code } = event;\n\n    if (code === 'Enter' || code === 'Space') {\n      setIsExpanded(!isExpanded);\n    }\n  }\n\n  return (\n    <div>\n      <div className={styles['accordion']}>\n        <div\n          className={styles['accordion__title']}\n          id={accordionId}\n          role=\"button\"\n          tabIndex={0}\n          onClick={() => setIsExpanded(!isExpanded)}\n          onKeyUp={onKeyUp}\n          aria-expanded={isExpanded}\n        >\n          {cheveronPlacement === 'left' && (\n            <Icon\n              className={clsx(\n                styles['accordion__title-icon'],\n                styles[`accordion__title-icon--margin-${cheveronMargin}`],\n                {\n                  [styles['accordion__title-icon--expanded']]: isExpanded,\n                }\n              )}\n              name=\"CheveronLeft\"\n              size={16}\n            />\n          )}\n\n          {title}\n          {cheveronPlacement === 'right' && (\n            <Icon\n              className={clsx(\n                styles['accordion__title-icon-right'],\n                styles[`accordion__title-icon--margin-${cheveronMargin}`],\n                {\n                  [styles['accordion__title-icon-right--expanded']]: isExpanded,\n                }\n              )}\n              name=\"CheveronLeft\"\n              size={16}\n            />\n          )}\n        </div>\n        <div\n          aria-labelledby={accordionId}\n          className={clsx(styles.accordion__content, { [styles['accordion__content--expanded']]: isExpanded })}\n        >\n          {content}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["Accordion","title","content","expanded","cheveronPlacement","cheveronMargin","isExpanded","setIsExpanded","useState","accordionId","useId","onKeyUp","event","code","jsxs","styles","jsx","Icon","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;GAuBaA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,mBAAAC,IAAoB;AAAA,EACpB,gBAAAC,IAAiB;AACnB,MAAsB;AACpB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASL,CAAQ,GAC/CM,IAAcC,EAAA;AAEpB,WAASC,EAAQC,GAAsC;AACrD,UAAM,EAAE,MAAAC,MAASD;AAEjB,KAAIC,MAAS,WAAWA,MAAS,YAC/BN,EAAc,CAACD,CAAU;AAAA,EAC3B;AAGF,2BACG,OAAA,EACC,UAAA,gBAAAQ,EAAC,SAAI,WAAWC,EAAO,WACrB,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAO;AAAA,QAClB,IAAIN;AAAA,QACJ,MAAK;AAAA,QACL,UAAU;AAAA,QACV,SAAS,MAAMF,EAAc,CAACD,CAAU;AAAA,QACxC,SAAAK;AAAA,QACA,iBAAeL;AAAA,QAEd,UAAA;AAAA,UAAAF,MAAsB,UACrB,gBAAAY;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAWC;AAAA,gBACTH,EAAO,uBAAuB;AAAA,gBAC9BA,EAAO,iCAAiCV,CAAc,EAAE;AAAA,gBACxD;AAAA,kBACE,CAACU,EAAO,iCAAiC,CAAC,GAAGT;AAAA,gBAAA;AAAA,cAC/C;AAAA,cAEF,MAAK;AAAA,cACL,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAITL;AAAA,UACAG,MAAsB,WACrB,gBAAAY;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAWC;AAAA,gBACTH,EAAO,6BAA6B;AAAA,gBACpCA,EAAO,iCAAiCV,CAAc,EAAE;AAAA,gBACxD;AAAA,kBACE,CAACU,EAAO,uCAAuC,CAAC,GAAGT;AAAA,gBAAA;AAAA,cACrD;AAAA,cAEF,MAAK;AAAA,cACL,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,mBAAiBP;AAAA,QACjB,WAAWS,EAAKH,EAAO,oBAAoB,EAAE,CAACA,EAAO,8BAA8B,CAAC,GAAGT,GAAY;AAAA,QAElG,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-C5wAoUNf.js";
-import { r as n, s as a } from "../../react.esm-QfxS8egK.js";
-import { u as e } from "../../index-DBXreWnr.js";
+import "../../index-BwBhYsdx.js";
+import { r as n, s as a } from "../../react.esm-CJKnSGEF.js";
+import { u as e } from "../../index-BeAF9HWV.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-C5wAoUNf.js";
-import { r as c, s as e, f as s, w as d } from "../../react.esm-QfxS8egK.js";
-import { u as r } from "../../index-DBXreWnr.js";
+import "../../index-BwBhYsdx.js";
+import { r as c, s as e, f as s, w as d } from "../../react.esm-CJKnSGEF.js";
+import { u as r } from "../../index-BeAF9HWV.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-C5wAoUNf.js";
-import { r as n, s as t, w as a } from "../../react.esm-QfxS8egK.js";
-import { u as l } from "../../index-DBXreWnr.js";
+import "../../index-BwBhYsdx.js";
+import { r as n, s as t, w as a } from "../../react.esm-CJKnSGEF.js";
+import { u as l } from "../../index-BeAF9HWV.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-C5wAoUNf.js";
-import { r, s as t } from "../../react.esm-QfxS8egK.js";
+import "../../index-BwBhYsdx.js";
+import { r, s as t } from "../../react.esm-CJKnSGEF.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-C5wAoUNf.js";
-import { r as t, s as r } from "../../react.esm-QfxS8egK.js";
+import "../../index-BwBhYsdx.js";
+import { r as t, s as r } from "../../react.esm-CJKnSGEF.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-C5wAoUNf.js";
-import { r as e, s as o } from "../../react.esm-QfxS8egK.js";
+import "../../index-BwBhYsdx.js";
+import { r as e, s as o } from "../../react.esm-CJKnSGEF.js";
 import { Backdrop as t } from "./Backdrop.js";
 describe("Backdrop", () => {
   it("should render", () => {

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

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
-import { l } from "../../index-DFu0GqDc.js";
+import { l } from "../../index-BYGu3RV5.js";
 import { Button as n } from "./Button.js";
 const c = "<Button variant={variant} onClick={onClictFunction}>{children}</Button>", h = {
   title: "Atoms/Buttons/Button",

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

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

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

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
-import { l as s } from "../../index-DFu0GqDc.js";
+import { l as s } from "../../index-BYGu3RV5.js";
 import { BrowserRouter as c } from "react-router";
 import { LinkButton as e } from "./LinkButton.js";
 const d = `

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

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import "../../index-C5wAoUNf.js";
-import { r as n, s as t, f as c } from "../../react.esm-QfxS8egK.js";
+import "../../index-BwBhYsdx.js";
+import { r as n, s as t, f as c } from "../../react.esm-CJKnSGEF.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.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as l, Fragment as s } from "react/jsx-runtime";
-import { l as c } from "../../index-DFu0GqDc.js";
+import { l as c } from "../../index-BYGu3RV5.js";
 import { MenuButton as n } from "./MenuButton.js";
 const d = `
 // Has all LabelHTMLAttributes props available except "className" and "style" 

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

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-C5wAoUNf.js";
-import { r as u, s as e, f as c } from "../../react.esm-QfxS8egK.js";
+import "../../index-BwBhYsdx.js";
+import { r as u, s as e, f as c } from "../../react.esm-CJKnSGEF.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-C5wAoUNf.js";
-import { r, s as d } from "../../react.esm-QfxS8egK.js";
+import "../../index-BwBhYsdx.js";
+import { r, s as d } from "../../react.esm-CJKnSGEF.js";
 import { Card as o } from "./Card.js";
 describe("Card", () => {
   it("should render", () => {

package/dist/components/Checkbox/Checkbox.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { l as e } from "../../index-DFu0GqDc.js";
+import { l as e } from "../../index-BYGu3RV5.js";
 import { Checkbox as n } from "./Checkbox.js";
 import { FormField as t } from "../FormField/FormField.js";
 import { Label as i } from "../Label/Label.js";

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

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
-import "../../index-C5wAoUNf.js";
-import { r as o, s as t } from "../../react.esm-QfxS8egK.js";
-import { u as s } from "../../index-DBXreWnr.js";
+import "../../index-BwBhYsdx.js";
+import { r as o, s as t } from "../../react.esm-CJKnSGEF.js";
+import { u as s } from "../../index-BeAF9HWV.js";
 import { Checkbox as r } from "./Checkbox.js";
 describe("Checkbox", () => {
   it("should render", () => {

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { l } from "../../index-DFu0GqDc.js";
+import { l } from "../../index-BYGu3RV5.js";
 import { CheckboxButtonBar as e } from "./CheckboxButtonBar.js";
 const r = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", d = {
   title: "Molecules/CheckboxButtonBar",

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

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import "../../index-C5wAoUNf.js";
-import { r as c, s as t } from "../../react.esm-QfxS8egK.js";
+import "../../index-BwBhYsdx.js";
+import { r as c, s as t } from "../../react.esm-CJKnSGEF.js";
 import { CheckboxButtonBar as a } from "./CheckboxButtonBar.js";
 const n = jest.fn(), d = [
   {

package/dist/components/CheckboxTree/CheckboxTree.stories.js

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as _ } from "react/jsx-runtime";
-import { s as T, l as C } from "../../index-DFu0GqDc.js";
-import { Y as v, _ as w } from "../../index-D1fbc4P-.js";
+import { s as T, l as C } from "../../index-BYGu3RV5.js";
+import { G as v, _ as w } from "../../index-B7xrLR5N.js";
 import { useState as R } from "react";
 import { CheckboxTree as b } from "./CheckboxTree.js";
 import { Chip as S } from "../Chip/Chip.js";
@@ -84,7 +84,7 @@ const A = (e, t, r) => {
   ["1", "2", "3", "4", "5", "6", "7"],
   D,
   I
-), M = "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />", z = {
+), M = "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />", Y = {
   title: "Organisms/CheckboxTree",
   component: b,
   parameters: {
@@ -105,7 +105,7 @@ const m = 3, F = (e) => {
 }, W = (e) => {
   const [t, r] = e.split(".").map(Number);
   return `${(t - 1) * m + (r || 1)}`;
-}, G = () => {
+}, z = () => {
   const [e, t] = R(["5", "4", "1"]), r = (i) => {
     const c = JSON.parse(JSON.stringify(e)).filter(
       (u) => u !== W(i)
@@ -136,7 +136,7 @@ const m = 3, F = (e) => {
 };
 export {
   B as CheckboxTreeExample,
-  G as CheckboxTreeWithChips,
-  z as default
+  z as CheckboxTreeWithChips,
+  Y as default
 };
 //# sourceMappingURL=CheckboxTree.stories.js.map

package/dist/components/Chip/Chip.stories.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { l as t } from "../../index-DFu0GqDc.js";
+import { l as t } from "../../index-BYGu3RV5.js";
 import { Chip as e } from "./Chip.js";
 const s = "<Chip label={string} onDelete={onDeleteFunction(label)}/>", b = {
   title: "Atoms/Chip",

package/dist/components/ControlsButton/ControlsButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { l as e } from "../../index-DFu0GqDc.js";
+import { l as e } from "../../index-BYGu3RV5.js";
 import { ControlsButton as o } from "./ControlsButton.js";
 import { Icons as a } from "../Icon/icons/index.js";
 const r = Object.keys(a), c = "<ControlsButton type={radio or checkbox} label={} value={} prefix={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />", f = {

package/dist/components/Drawer/Drawer.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { OverlayProvider as p } from "@react-aria/overlays";
-import { l as m } from "../../index-DFu0GqDc.js";
+import { l as m } from "../../index-BYGu3RV5.js";
 import { useState as c } from "react";
 import { Drawer as r } from "./Drawer.js";
 import { Button as o } from "../Buttons/Button.js";

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

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

package/dist/components/FormInput/FormInput.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { l as i } from "../../index-DFu0GqDc.js";
+import { l as i } from "../../index-BYGu3RV5.js";
 import { FormInput as a } from "./FormInput.js";
 import { SelectListbox as o } from "../SelectListbox/SelectListbox.js";
 const m = `

package/dist/components/IconButton/IconButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { l as r } from "../../index-DFu0GqDc.js";
+import { l as r } from "../../index-BYGu3RV5.js";
 import { IconButton as t } from "./IconButton.js";
 import { Icon as i } from "../Icon/Icon.js";
 const l = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useState as d, useRef as g } from "react";
-import { l } from "../../index-DFu0GqDc.js";
+import { l } from "../../index-BYGu3RV5.js";
 import { InputField as o } from "./InputField.js";
 import { Container as u } from "../../storyComponents/Container/Container.js";
 import { Icon as h } from "../Icon/Icon.js";

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

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

package/dist/components/ModalDialog/ModalDialog.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { ModalProvider as n } from "@react-aria/overlays";
-import { l as i } from "../../index-DFu0GqDc.js";
+import { l as i } from "../../index-BYGu3RV5.js";
 import { ModalDialog as t } from "./ModalDialog.js";
 import { Button as l } from "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";

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

@@ -1,5 +1,5 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { l as d } from "../../index-DFu0GqDc.js";
+import { l as d } from "../../index-BYGu3RV5.js";
 import { useState as p } from "react";
 import { M as e } from "../../TablePlugin-C38z2r5y.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";

package/dist/components/MultiSelectBox/MultiSelectBox.stories.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { l as n } from "../../index-DFu0GqDc.js";
+import { l as n } from "../../index-BYGu3RV5.js";
 import { MultiSelectBox as e } from "./MultiSelectBox.js";
 const c = "<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />", f = {
   title: "Organisms/MultiSelectBox",

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

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as d, Fragment as r } from "react/jsx-runtime";
-import "../../index-C5wAoUNf.js";
-import { r as n, s as t, f as a } from "../../react.esm-QfxS8egK.js";
+import "../../index-BwBhYsdx.js";
+import { r as n, s as t, f as a } from "../../react.esm-CJKnSGEF.js";
 import { MultiSelectBox as l } from "./MultiSelectBox.js";
 const i = jest.fn(), c = [
   { label: "Option 1", value: "1" },

package/dist/components/Notification/Notification.stories.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { l as a } from "../../index-DFu0GqDc.js";
+import { l as a } from "../../index-BYGu3RV5.js";
 import { Notification as t } from "./Notification.js";
 const l = `<Notification title={title} subtitle={subtitle} action={action} 
   level={level} variant={variant} onClose={() => {}} />`, m = {

package/dist/components/Notification/Notification.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-C5wAoUNf.js";
-import { r as i, s as t } from "../../react.esm-QfxS8egK.js";
+import "../../index-BwBhYsdx.js";
+import { r as i, s as t } from "../../react.esm-CJKnSGEF.js";
 import { Notification as n } from "./Notification.js";
 describe("Notification", () => {
   it("renders title and subtitle", () => {

package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { l as t } from "../../index-DFu0GqDc.js";
+import { l as t } from "../../index-BYGu3RV5.js";
 import { OverlayCloseButton as o } from "./OverlayCloseButton.js";
 import { Container as a } from "../../storyComponents/Container/Container.js";
 const r = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />", c = {

package/dist/components/PeriodSelector/PeriodSelector.stories.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { l as t } from "../../index-DFu0GqDc.js";
+import { l as t } from "../../index-BYGu3RV5.js";
 import { PeriodSelector as e } from "./PeriodSelector.js";
 const i = "<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />", m = {
   title: "Organisms/PeriodSelector",

package/dist/components/RadioGroup/RadioGroup.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { l as a } from "../../index-DFu0GqDc.js";
+import { l as a } from "../../index-BYGu3RV5.js";
 import { RadioGroup as o } from "./RadioGroup.js";
 const l = `
   <RadioGroup label={label} options={options} 

package/dist/components/RadioGroup/Radiogroup.test.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import "../../index-C5wAoUNf.js";
-import { r as l, s as t, f as s } from "../../react.esm-QfxS8egK.js";
+import "../../index-BwBhYsdx.js";
+import { r as l, s as t, f as s } from "../../react.esm-CJKnSGEF.js";
 import { RadioGroup as a } from "./RadioGroup.js";
 const i = [
   { id: "1", titleLabel: "Option 1", value: "option1" },

package/dist/components/RadioTabSelector/RadioTabSelector.stories.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { l as t } from "../../index-DFu0GqDc.js";
+import { l as t } from "../../index-BYGu3RV5.js";
 import { RadioTabSelector as e } from "./RadioTabSelector.js";
 const i = "<RadioTabSelector radioButtons={} defaultValue={} label={} labelPosition={} required={} notValidatedText={} onSetValue={} />", b = {
   title: "Molecules/RadioTabSelector",

package/dist/components/SelectListbox/SelectListBox.stories.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as M } from "react/jsx-runtime";
-import { l as i } from "../../index-DFu0GqDc.js";
+import { l as i } from "../../index-BYGu3RV5.js";
 import { SelectListbox as r } from "./SelectListbox.js";
 import * as e from "react";
 const E = ({

package/dist/components/Sortable/Sortable.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as i, Fragment as m } from "react/jsx-runtime";
-import { l as s } from "../../index-DFu0GqDc.js";
+import { l as s } from "../../index-BYGu3RV5.js";
 import { Sortable as l } from "./Sortable.js";
 import { InputField as d } from "../InputField/InputField.js";
 import { Icon as c } from "../Icon/Icon.js";

package/dist/components/StatusBadge/StatusBadge.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-C5wAoUNf.js";
-import { r as t, s } from "../../react.esm-QfxS8egK.js";
+import "../../index-BwBhYsdx.js";
+import { r as t, s } from "../../react.esm-CJKnSGEF.js";
 import { StatusBadge as a } from "./StatusBage.js";
 describe("StatusBadge", () => {
   it("should render with message", () => {

package/dist/components/TextArea/TextArea.stories.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { l as a } from "../../index-DFu0GqDc.js";
+import { l as a } from "../../index-BYGu3RV5.js";
 import { TextArea as e } from "./TextArea.js";
 const o = `
   <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `, x = {

package/dist/components/TextArea/TextArea.test.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
-import "../../index-C5wAoUNf.js";
-import { r as o, s as t, f as r } from "../../react.esm-QfxS8egK.js";
-import { J as c } from "../../index-DFu0GqDc.js";
+import "../../index-BwBhYsdx.js";
+import { r as o, s as t, f as r } from "../../react.esm-CJKnSGEF.js";
+import { J as c } from "../../index-BYGu3RV5.js";
 import { TextArea as n } from "./TextArea.js";
 describe("TextArea", () => {
   it("should render correctly with label", () => {

package/dist/components/ToggleSwitch/ToggleSwitch.stories.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { l } from "../../index-DFu0GqDc.js";
+import { l } from "../../index-BYGu3RV5.js";
 import { ToggleSwitch as e } from "./ToggleSwitch.js";
 const a = `
 // Has all InputHTMLAttributes props available except "className" and "style"