@uva-glass/component-library 1.32.1 → 1.32.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/dist/{MenuLink-CLEqkVVh.js → MenuLink-CIzBwlKY.js} +9 -15
  2. package/dist/{MenuLink-CLEqkVVh.js.map → MenuLink-CIzBwlKY.js.map} +1 -1
  3. package/dist/{MultiSelect-CFOkF66G.js → MultiSelect-Cb4-L7lm.js} +3 -3
  4. package/dist/{MultiSelect-CFOkF66G.js.map → MultiSelect-Cb4-L7lm.js.map} +1 -1
  5. package/dist/MultiSelectItem-CwKowz2B.js +24 -0
  6. package/dist/MultiSelectItem-CwKowz2B.js.map +1 -0
  7. package/dist/assets/InputField.css +1 -1
  8. package/dist/assets/MultiSelectItem.css +1 -1
  9. package/dist/clsx-OuTLNxxd.js +17 -0
  10. package/dist/{clsx-DB4S2d7J.js.map → clsx-OuTLNxxd.js.map} +1 -1
  11. package/dist/components/Accordion/Accordion.js +1 -1
  12. package/dist/components/AppStatusBar/AppStatusBar.js +1 -1
  13. package/dist/components/Button/Button.js +1 -1
  14. package/dist/components/Button/Button.stories.js +1 -1
  15. package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
  16. package/dist/components/Card/Card.js +1 -1
  17. package/dist/components/Checkbox/Checkbox.stories.js +1 -1
  18. package/dist/components/Drawer/Drawer.js +2 -2
  19. package/dist/components/Drawer/Drawer.stories.js +2 -2
  20. package/dist/components/FormField/FormField.js +1 -1
  21. package/dist/components/IconButton/IconButton.js +1 -1
  22. package/dist/components/IconButton/IconButton.stories.js +1 -1
  23. package/dist/components/InfoMessage/InfoMessage.js +1 -1
  24. package/dist/components/Input/Input.js +1 -1
  25. package/dist/components/InputField/InputField.js +19 -19
  26. package/dist/components/InputField/InputField.stories.js +2 -2
  27. package/dist/components/Label/Label.js +1 -1
  28. package/dist/components/MenuLink/MenuLink.js +2 -2
  29. package/dist/components/MenuLink/MenuLink.stories.js +1 -1
  30. package/dist/components/MenuLink/index.js +1 -1
  31. package/dist/components/ModalDialog/ModalDialog.js +2 -2
  32. package/dist/components/ModalDialog/ModalDialog.js.map +1 -1
  33. package/dist/components/ModalDialog/ModalDialog.stories.js +2 -2
  34. package/dist/components/MultiSelect/MultiSelect.js +3 -3
  35. package/dist/components/MultiSelect/MultiSelect.stories.js +2 -2
  36. package/dist/components/MultiSelect/components/MultiSelectHeader.js +2 -2
  37. package/dist/components/MultiSelect/components/MultiSelectItem.js +1 -1
  38. package/dist/components/MultiSelect/index.js +1 -1
  39. package/dist/components/OverlayCloseButton/OverlayCloseButton.js +1 -1
  40. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +1 -1
  41. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +2 -2
  42. package/dist/components/RadioButton/RadioButton.js +1 -1
  43. package/dist/components/Repeater/Repeater.js +1 -1
  44. package/dist/components/SectionNotification/SectionNotification.js +1 -1
  45. package/dist/components/SelectListbox/SelectListBox.stories.js +1 -1
  46. package/dist/components/SelectListbox/SelectProvider.js +1 -2
  47. package/dist/components/SelectListbox/SelectProvider.js.map +1 -1
  48. package/dist/components/SelectListbox/components/SelectButton.js +1 -1
  49. package/dist/components/SelectListbox/components/SelectButton.js.map +1 -1
  50. package/dist/components/SelectListbox/components/SelectContainer.js.map +1 -1
  51. package/dist/components/SelectListbox/components/SelectOption.js +1 -1
  52. package/dist/components/StatusPill/StatusPill.js +1 -1
  53. package/dist/components/Tooltip/Tooltip.js +1 -2
  54. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  55. package/dist/components/hooks/useDebounce.js.map +1 -1
  56. package/dist/components/hooks/usePositionedFloaters.js +2 -4
  57. package/dist/components/hooks/usePositionedFloaters.js.map +1 -1
  58. package/dist/components/index.js +2 -2
  59. package/dist/components/storyComponents/Container/Container.js +1 -1
  60. package/dist/{index-BA9Z7itR.js → index-BNwc4sai.js} +1269 -1774
  61. package/dist/{index-BA9Z7itR.js.map → index-BNwc4sai.js.map} +1 -1
  62. package/dist/{index-DFUrxrKJ.js → index-CYUtHyCV.js} +1590 -2915
  63. package/dist/{index-DFUrxrKJ.js.map → index-CYUtHyCV.js.map} +1 -1
  64. package/dist/index.js +2 -2
  65. package/dist/{useDialog-DDVWB2iX.js → useDialog-D4QXqVAd.js} +56 -103
  66. package/dist/{useDialog-DDVWB2iX.js.map → useDialog-D4QXqVAd.js.map} +1 -1
  67. package/package.json +15 -15
  68. package/dist/MultiSelectItem-D5q99kfp.js +0 -24
  69. package/dist/MultiSelectItem-D5q99kfp.js.map +0 -1
  70. package/dist/clsx-DB4S2d7J.js +0 -23
@@ -1,6 +1,6 @@
1
1
  import { jsxs as s, jsx as l, Fragment as a } from "react/jsx-runtime";
2
- import { c as m } from "./clsx-DB4S2d7J.js";
3
- import { s as t, M as u } from "./MultiSelectItem-D5q99kfp.js";
2
+ import { c as m } from "./clsx-OuTLNxxd.js";
3
+ import { s as t, M as u } from "./MultiSelectItem-CwKowz2B.js";
4
4
  import { Label as n } from "./components/Label/Label.js";
5
5
  import "react";
6
6
  import { Button as p } from "./components/Button/Button.js";
@@ -43,4 +43,4 @@ export {
43
43
  o as M,
44
44
  d as a
45
45
  };
46
- //# sourceMappingURL=MultiSelect-CFOkF66G.js.map
46
+ //# sourceMappingURL=MultiSelect-Cb4-L7lm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelect-CFOkF66G.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n label: string;\n clearTrigger?: string;\n onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n return (\n <header className={styles['multi-select__header']}>\n <Label htmlFor=\"multi-select-list\">{label}</Label>\n {clearTrigger && (\n <Button variant={'blank'} onClick={onClear}>\n {clearTrigger}\n </Button>\n )}\n </header>\n );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\nexport interface MultiSelectProps {\n scrollable?: boolean;\n noBorder?: boolean;\n header?: ReactNode;\n}\n\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n <>\n {header}\n <div\n className={clsx(styles['multi-select'], {\n [styles['multi-select--no-border']]: noBorder,\n })}\n >\n <ul\n className={clsx(styles['multi-select__list'], {\n [styles['multi-select__list--scrollable']]: scrollable,\n })}\n id=\"multi-select-list\"\n >\n {children}\n </ul>\n </div>\n </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem"],"mappings":";;;;;;;;;;;;AAUO,SAASA,EAAkB,EAAE,OAAAC,GAAO,cAAAC,GAAc,SAAAC,KAAmC;AAC1F,SACG,gBAAAC,EAAA,UAAA,EAAO,WAAWC,EAAO,sBAAsB,GAC9C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAM,SAAQ,qBAAqB,UAAMN,GAAA;AAAA,IACzCC,KACE,gBAAAI,EAAAE,GAAA,EAAO,SAAS,SAAS,SAASL,GAChC,UACHD,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;ACPa,MAAAO,IAAc,CAAC,EAAE,YAAAC,IAAa,IAAM,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,QAE9D,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,EACD,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,cAAc,GAAG;AAAA,QACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGM;AAAA,MAAA,CACtC;AAAA,MAED,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWS,EAAKV,EAAO,oBAAoB,GAAG;AAAA,YAC5C,CAACA,EAAO,gCAAgC,CAAC,GAAGK;AAAA,UAAA,CAC7C;AAAA,UACD,IAAG;AAAA,UAEF,UAAAG;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAAA,GACF;AAGFJ,EAAY,oBAAoBT;AAChCS,EAAY,kBAAkBO;"}
1
+ {"version":3,"file":"MultiSelect-Cb4-L7lm.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n label: string;\n clearTrigger?: string;\n onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n return (\n <header className={styles['multi-select__header']}>\n <Label htmlFor=\"multi-select-list\">{label}</Label>\n {clearTrigger && (\n <Button variant={'blank'} onClick={onClear}>\n {clearTrigger}\n </Button>\n )}\n </header>\n );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\nexport interface MultiSelectProps {\n scrollable?: boolean;\n noBorder?: boolean;\n header?: ReactNode;\n}\n\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n <>\n {header}\n <div\n className={clsx(styles['multi-select'], {\n [styles['multi-select--no-border']]: noBorder,\n })}\n >\n <ul\n className={clsx(styles['multi-select__list'], {\n [styles['multi-select__list--scrollable']]: scrollable,\n })}\n id=\"multi-select-list\"\n >\n {children}\n </ul>\n </div>\n </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem"],"mappings":";;;;;;;;;;;;AAUO,SAASA,EAAkB,EAAE,OAAAC,GAAO,cAAAC,GAAc,SAAAC,KAAmC;AAC1F,SACG,gBAAAC,EAAA,UAAA,EAAO,WAAWC,EAAO,sBAAsB,GAC9C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAM,SAAQ,qBAAqB,UAAMN,GAAA;AAAA,IACzCC,KACE,gBAAAI,EAAAE,GAAA,EAAO,SAAS,SAAS,SAASL,GAChC,UACHD,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;ACPa,MAAAO,IAAc,CAAC,EAAE,YAAAC,IAAa,IAAM,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,QAE9D,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,EACD,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,cAAc,GAAG;AAAA,QACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGM;AAAA,MAAA,CACtC;AAAA,MAED,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWS,EAAKV,EAAO,oBAAoB,GAAG;AAAA,YAC5C,CAACA,EAAO,gCAAgC,CAAC,GAAGK;AAAA,UAAA,CAC7C;AAAA,UACD,IAAG;AAAA,UAEF,UAAAG;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAAA,GACF;AAGFJ,EAAY,oBAAoBT;AAChCS,EAAY,kBAAkBO;"}
@@ -0,0 +1,24 @@
1
+ import { jsxs as m, jsx as l } from "react/jsx-runtime";
2
+ import { useId as o } from "react";
3
+ import { Checkbox as r } from "./components/Checkbox/Checkbox.js";
4
+ import { Label as c } from "./components/Label/Label.js";
5
+ import './assets/MultiSelectItem.css';const n = {
6
+ "multi-select": "_multi-select_1hvjn_1",
7
+ "multi-select--no-border": "_multi-select--no-border_1hvjn_7",
8
+ "multi-select__header": "_multi-select__header_1hvjn_12",
9
+ "multi-select__list": "_multi-select__list_1hvjn_18",
10
+ "multi-select__list--scrollable": "_multi-select__list--scrollable_1hvjn_27",
11
+ "multi-select__item": "_multi-select__item_1hvjn_32"
12
+ };
13
+ function d({ label: _, value: s, checked: t, onChange: i }) {
14
+ const e = o();
15
+ return /* @__PURE__ */ m("li", { className: n["multi-select__item"], children: [
16
+ /* @__PURE__ */ l(r, { id: e, value: s, checked: t, onChange: i }),
17
+ /* @__PURE__ */ l(c, { htmlFor: e, noFontWeight: !t, children: _ })
18
+ ] });
19
+ }
20
+ export {
21
+ d as M,
22
+ n as s
23
+ };
24
+ //# sourceMappingURL=MultiSelectItem-CwKowz2B.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiSelectItem-CwKowz2B.js","sources":["../src/components/MultiSelect/components/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n label: string;\n value: string | number;\n checked: boolean;\n onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, onChange }: MultiSelectItemProps) {\n const id = useId();\n\n return (\n <li className={styles['multi-select__item']}>\n <Checkbox id={id} value={value} checked={checked} onChange={onChange} />\n <Label htmlFor={id} noFontWeight={!checked}>\n {label}\n </Label>\n </li>\n );\n}\n"],"names":["MultiSelectItem","label","value","checked","onChange","id","useId","jsxs","styles","jsx","Checkbox","Label"],"mappings":";;;;;;;;;;;;AAeO,SAASA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,KAAkC;AACzF,QAAMC,IAAKC;AAEX,SACG,gBAAAC,EAAA,MAAA,EAAG,WAAWC,EAAO,oBAAoB,GACxC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,IAAAL,GAAQ,OAAAH,GAAc,SAAAC,GAAkB,UAAAC,GAAoB;AAAA,sBACrEO,GAAM,EAAA,SAASN,GAAI,cAAc,CAACF,GAChC,UACHF,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
@@ -1 +1 @@
1
- ._input-field-wrapper_hh88t_1{align-items:center;display:flex;position:relative}._input-field_hh88t_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--color-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;margin:0;padding:0 1rem;text-align:inherit}._input-field--large_hh88t_22{height:3rem}._input-field_hh88t_1:disabled{color:var(--color-scarpa-flow)}._input-field__clear-button_hh88t_30{background:none;border:none;cursor:pointer;max-height:1.5rem;padding:0 1rem 0 .5rem;position:absolute;right:0}
1
+ ._input-field-wrapper_zd1td_1{align-items:center;display:flex;position:relative}._input-field_zd1td_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--color-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;margin:0;padding:0 1rem;text-align:inherit}._input-field--large_zd1td_22{height:3rem}._input-field_zd1td_1:disabled{color:var(--color-scarpa-flow)}._input-field__clear-button_zd1td_30{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:100%;padding:0 1rem 0 .5rem;position:absolute;right:0}
@@ -1 +1 @@
1
- ._multi-select_mabi4_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select--no-border_mabi4_7{border:none;padding:0}._multi-select__header_mabi4_12{display:flex;justify-content:space-between;margin-bottom:.5rem}._multi-select__list_mabi4_18{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}._multi-select__list--scrollable_mabi4_27{max-height:8.75rem;overflow:auto}._multi-select__item-inner_mabi4_32{align-items:center;display:flex;gap:.75rem}
1
+ ._multi-select_1hvjn_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select--no-border_1hvjn_7{border:none;padding:0}._multi-select__header_1hvjn_12{display:flex;justify-content:space-between;margin-bottom:.5rem}._multi-select__list_1hvjn_18{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}._multi-select__list--scrollable_1hvjn_27{max-height:8.75rem;overflow:auto}._multi-select__item_1hvjn_32{align-items:center;display:flex;gap:.75rem;padding-left:.25rem}
@@ -0,0 +1,17 @@
1
+ function a(r) {
2
+ var f, n, t = "";
3
+ if (typeof r == "string" || typeof r == "number") t += r;
4
+ else if (typeof r == "object") if (Array.isArray(r)) {
5
+ var o = r.length;
6
+ for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
7
+ } else for (n in r) r[n] && (t && (t += " "), t += n);
8
+ return t;
9
+ }
10
+ function i() {
11
+ for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
12
+ return t;
13
+ }
14
+ export {
15
+ i as c
16
+ };
17
+ //# sourceMappingURL=clsx-OuTLNxxd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"clsx-DB4S2d7J.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","f","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAEC,GAAEC,IAAE;AAAG,MAAa,OAAOH,KAAjB,YAA8B,OAAOA,KAAjB;AAAmB,IAAAG,KAAGH;AAAA,WAAoB,OAAOA,KAAjB;AAAmB,QAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,UAAI,IAAEA,EAAE;AAAO,WAAIC,IAAE,GAAEA,IAAE,GAAEA;AAAI,QAAAD,EAAEC,CAAC,MAAIC,IAAEH,EAAEC,EAAEC,CAAC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAA,IAAE;AAAM,WAAIA,KAAKF;AAAE,QAAAA,EAAEE,CAAC,MAAIC,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQJ,GAAEC,GAAEC,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAOD,IAAE,GAAEA;AAAI,KAACF,IAAE,UAAUE,CAAC,OAAKD,IAAEF,EAAEC,CAAC,OAAKG,MAAIA,KAAG,MAAKA,KAAGF;AAAG,SAAOE;AAAC;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"clsx-OuTLNxxd.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","f","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAEC,GAAEC,IAAE;AAAG,MAAa,OAAOH,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAG,KAAGH;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAIC,IAAEH,EAAEC,EAAEC,CAAC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAA,EAAE,MAAM,MAAIA,KAAKF,EAAE,CAAAA,EAAEE,CAAC,MAAIC,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQJ,GAAEC,GAAEC,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAOD,IAAE,GAAEA,IAAI,EAACF,IAAE,UAAUE,CAAC,OAAKD,IAAEF,EAAEC,CAAC,OAAKG,MAAIA,KAAG,MAAKA,KAAGF;AAAG,SAAOE;AAAC;","x_google_ignoreList":[0]}
@@ -1,5 +1,5 @@
1
1
  import { jsxs as i, jsx as d } from "react/jsx-runtime";
2
- import { c as _ } from "../../clsx-DB4S2d7J.js";
2
+ import { c as _ } from "../../clsx-OuTLNxxd.js";
3
3
  import { useState as x, useId as m } from "react";
4
4
  import { Icon as b } from "../Icon/Icon.js";
5
5
  import '../../assets/Accordion.css';const v = "_accordion_bvnps_1", f = "_accordion__title_bvnps_6", u = "_accordion__content_bvnps_33", o = {
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { c as r } from "../../clsx-DB4S2d7J.js";
2
+ import { c as r } from "../../clsx-OuTLNxxd.js";
3
3
  import '../../assets/AppStatusBar.css';const a = {
4
4
  "app-status-bar": "_app-status-bar_1ddv0_1",
5
5
  "app-status-bar__message": "_app-status-bar__message_1ddv0_9",
@@ -1,5 +1,5 @@
1
1
  import { jsx as b } from "react/jsx-runtime";
2
- import { c as _ } from "../../clsx-DB4S2d7J.js";
2
+ import { c as _ } from "../../clsx-OuTLNxxd.js";
3
3
  import { forwardRef as a } from "react";
4
4
  import '../../assets/Button.css';const i = "_button_gc28t_3", t = {
5
5
  button: i,
@@ -1,5 +1,5 @@
1
1
  import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
2
- import { f as l } from "../../index-DFUrxrKJ.js";
2
+ import { f as l } from "../../index-CYUtHyCV.js";
3
3
  import { Button as e } from "./Button.js";
4
4
  const u = {
5
5
  title: "Atoms/Button",
@@ -1,5 +1,5 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { c as s } from "../../clsx-DB4S2d7J.js";
2
+ import { c as s } from "../../clsx-OuTLNxxd.js";
3
3
  import { Children as n } from "react";
4
4
  import '../../assets/ButtonGroup.css';const t = {
5
5
  "button-group": "_button-group_1ti4e_1",
@@ -1,5 +1,5 @@
1
1
  import { jsxs as h, jsx as l } from "react/jsx-runtime";
2
- import { c as t } from "../../clsx-DB4S2d7J.js";
2
+ import { c as t } from "../../clsx-OuTLNxxd.js";
3
3
  import { SectionNotification as o } from "../SectionNotification/SectionNotification.js";
4
4
  import '../../assets/Card.css';const g = "_card_aw9hz_3", a = {
5
5
  card: g,
@@ -1,5 +1,5 @@
1
1
  import { jsxs as t, jsx as o } from "react/jsx-runtime";
2
- import { f as m } from "../../index-DFUrxrKJ.js";
2
+ import { f as m } from "../../index-CYUtHyCV.js";
3
3
  import { Checkbox as e } from "./Checkbox.js";
4
4
  import { FormField as i } from "../FormField/FormField.js";
5
5
  import { Label as n } from "../Label/Label.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as r, jsxs as _ } from "react/jsx-runtime";
2
- import { b as u, c as y, d as x, e as g, f as C, g as D } from "../../useDialog-DDVWB2iX.js";
3
- import { c as N } from "../../clsx-DB4S2d7J.js";
2
+ import { b as u, c as y, d as x, e as g, f as C, g as D } from "../../useDialog-D4QXqVAd.js";
3
+ import { c as N } from "../../clsx-OuTLNxxd.js";
4
4
  import { useState as P, useRef as v, useEffect as j } from "react";
5
5
  import { Backdrop as k } from "../Backdrop/Backdrop.js";
6
6
  import { OverlayCloseButton as B } from "../OverlayCloseButton/OverlayCloseButton.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
- import { a as m } from "../../useDialog-DDVWB2iX.js";
3
- import { f as p } from "../../index-DFUrxrKJ.js";
2
+ import { a as m } from "../../useDialog-D4QXqVAd.js";
3
+ import { f as p } from "../../index-CYUtHyCV.js";
4
4
  import { useState as c } from "react";
5
5
  import { Drawer as n } from "./Drawer.js";
6
6
  import { Button as t } from "../Button/Button.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import { c as m } from "../../clsx-DB4S2d7J.js";
2
+ import { c as m } from "../../clsx-OuTLNxxd.js";
3
3
  import '../../assets/FormField.css';const e = {
4
4
  "form-field": "_form-field_18714_1",
5
5
  "form-field--outerspace": "_form-field--outerspace_18714_7",
@@ -1,5 +1,5 @@
1
1
  import { jsx as b } from "react/jsx-runtime";
2
- import { c as d } from "../../clsx-DB4S2d7J.js";
2
+ import { c as d } from "../../clsx-OuTLNxxd.js";
3
3
  import { forwardRef as s } from "react";
4
4
  import '../../assets/IconButton.css';const t = {
5
5
  "icon-button": "_icon-button_ldxal_3",
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { f as a } from "../../index-DFUrxrKJ.js";
2
+ import { f as a } from "../../index-CYUtHyCV.js";
3
3
  import { IconButton as e } from "./IconButton.js";
4
4
  import { Icon as l } from "../Icon/Icon.js";
5
5
  const m = {
@@ -1,5 +1,5 @@
1
1
  import { jsxs as n, jsx as i } from "react/jsx-runtime";
2
- import { c as a } from "../../clsx-DB4S2d7J.js";
2
+ import { c as a } from "../../clsx-OuTLNxxd.js";
3
3
  import { Icon as _ } from "../Icon/Icon.js";
4
4
  import '../../assets/InfoMessage.css';const e = {
5
5
  "info-message": "_info-message_elg9f_3",
@@ -1,6 +1,6 @@
1
1
  import { jsx as _ } from "react/jsx-runtime";
2
2
  import { forwardRef as c } from "react";
3
- import { c as f } from "../../clsx-DB4S2d7J.js";
3
+ import { c as f } from "../../clsx-OuTLNxxd.js";
4
4
  import '../../assets/Input.css';const m = "_input_96vyw_1", t = {
5
5
  input: m,
6
6
  "input--numeric": "_input--numeric_96vyw_13",
@@ -1,34 +1,34 @@
1
- import { jsxs as h, jsx as p } from "react/jsx-runtime";
2
- import { forwardRef as m, useState as b, useRef as g, useEffect as x } from "react";
3
- import { c as y } from "../../clsx-DB4S2d7J.js";
1
+ import { jsxs as m, jsx as p } from "react/jsx-runtime";
2
+ import { forwardRef as h, useState as b, useRef as g, useEffect as x } from "react";
3
+ import { c as z } from "../../clsx-OuTLNxxd.js";
4
4
  import '../../assets/InputField.css';const i = {
5
- "input-field-wrapper": "_input-field-wrapper_hh88t_1",
6
- "input-field": "_input-field_hh88t_1",
7
- "input-field--large": "_input-field--large_hh88t_22",
8
- "input-field__clear-button": "_input-field__clear-button_hh88t_30"
9
- }, W = m(
10
- ({ autoComplete: c = "off", id: r, value: e, variant: s, type: f = "text", clearTrigger: n, onClear: u, ...o }, t) => {
11
- const [a, _] = b(0), l = g(null);
5
+ "input-field-wrapper": "_input-field-wrapper_zd1td_1",
6
+ "input-field": "_input-field_zd1td_1",
7
+ "input-field--large": "_input-field--large_zd1td_22",
8
+ "input-field__clear-button": "_input-field__clear-button_zd1td_30"
9
+ }, N = h(
10
+ ({ autoComplete: c = "off", id: r, value: e, variant: s, type: d = "text", clearTrigger: n, onClear: u, ...f }, t) => {
11
+ const [o, a] = b(0), l = g(null);
12
12
  x(() => {
13
- l.current && _(l.current.offsetWidth);
13
+ l.current && a(l.current.offsetWidth);
14
14
  }, [e]);
15
- const d = () => {
15
+ const _ = () => {
16
16
  u && t && "current" in t && t.current && (u(), t.current.focus());
17
17
  };
18
- return /* @__PURE__ */ h("div", { className: i["input-field-wrapper"], children: [
18
+ return /* @__PURE__ */ m("div", { className: i["input-field-wrapper"], children: [
19
19
  /* @__PURE__ */ p(
20
20
  "input",
21
21
  {
22
- ...o,
22
+ ...f,
23
23
  autoComplete: c,
24
24
  ref: t,
25
25
  id: r,
26
- className: y(i["input-field"], {
26
+ className: z(i["input-field"], {
27
27
  [i["input-field--large"]]: s === "large"
28
28
  }),
29
- type: f,
29
+ type: d,
30
30
  value: e,
31
- style: { paddingRight: e && n ? a : void 0 }
31
+ style: { paddingRight: e && n ? o : void 0 }
32
32
  }
33
33
  ),
34
34
  e && n && /* @__PURE__ */ p(
@@ -36,7 +36,7 @@ import '../../assets/InputField.css';const i = {
36
36
  {
37
37
  type: "button",
38
38
  className: i["input-field__clear-button"],
39
- onClick: d,
39
+ onClick: _,
40
40
  ref: l,
41
41
  "aria-label": `clear trigger for ${r}`,
42
42
  children: n
@@ -46,6 +46,6 @@ import '../../assets/InputField.css';const i = {
46
46
  }
47
47
  );
48
48
  export {
49
- W as InputField
49
+ N as InputField
50
50
  };
51
51
  //# sourceMappingURL=InputField.js.map
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  import { useState as d, useRef as g } from "react";
3
- import { f as i } from "../../index-DFUrxrKJ.js";
3
+ import { f as i } from "../../index-CYUtHyCV.js";
4
4
  import { InputField as l } from "./InputField.js";
5
5
  import { Container as u } from "../storyComponents/Container/Container.js";
6
6
  import { Icon as f } from "../Icon/Icon.js";
@@ -8,7 +8,7 @@ import "../Button/Button.js";
8
8
  import "../OverlayCloseButton/OverlayCloseButton.js";
9
9
  import "../IconButton/IconButton.js";
10
10
  import "../Input/Input.js";
11
- import "../../MultiSelect-CFOkF66G.js";
11
+ import "../../MultiSelect-Cb4-L7lm.js";
12
12
  import "../SelectListbox/SelectListbox.js";
13
13
  import "../SelectListbox/SelectProvider.js";
14
14
  const C = (t) => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as b } from "react/jsx-runtime";
2
- import { c as o } from "../../clsx-DB4S2d7J.js";
2
+ import { c as o } from "../../clsx-OuTLNxxd.js";
3
3
  import '../../assets/Label.css';const n = "_label_1b4r9_1", l = {
4
4
  label: n,
5
5
  "label--unset-font-weight": "_label--unset-font-weight_1b4r9_6"
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
- import "../../clsx-DB4S2d7J.js";
3
- import { M as p } from "../../MenuLink-CLEqkVVh.js";
2
+ import "../../clsx-OuTLNxxd.js";
3
+ import { M as p } from "../../MenuLink-CIzBwlKY.js";
4
4
  export {
5
5
  p as MenuLink
6
6
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { M as i, a as o } from "../../MenuLink-CLEqkVVh.js";
2
+ import { M as i, a as o } from "../../MenuLink-CIzBwlKY.js";
3
3
  import '../../assets/MenuLink.css';const l = {
4
4
  title: "Atoms/MenuLink",
5
5
  component: i
@@ -1,4 +1,4 @@
1
- import { M as o } from "../../MenuLink-CLEqkVVh.js";
1
+ import { M as o } from "../../MenuLink-CIzBwlKY.js";
2
2
  export {
3
3
  o as MenuLink
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import { jsx as a, Fragment as f, jsxs as r } from "react/jsx-runtime";
2
- import { d as k, b as A, c as K, e as L, f as M, g as O } from "../../useDialog-DDVWB2iX.js";
3
- import { c as l } from "../../clsx-DB4S2d7J.js";
2
+ import { d as k, b as A, c as K, e as L, f as M, g as O } from "../../useDialog-D4QXqVAd.js";
3
+ import { c as l } from "../../clsx-OuTLNxxd.js";
4
4
  import { useRef as S } from "react";
5
5
  import { Backdrop as R } from "../Backdrop/Backdrop.js";
6
6
  import { OverlayCloseButton as U } from "../OverlayCloseButton/OverlayCloseButton.js";
@@ -1 +1 @@
1
- {"version":3,"file":"ModalDialog.js","sources":["../../../src/components/ModalDialog/ModalDialog.tsx"],"sourcesContent":["import { useDialog } from '@react-aria/dialog';\nimport { FocusScope } from '@react-aria/focus';\nimport { OverlayContainer, useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport classNames from 'clsx';\nimport { useRef } from 'react';\n\nimport type { AriaDialogProps } from '@react-types/dialog';\nimport type { FormHTMLAttributes, KeyboardEvent, PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './ModalDialog.module.css';\n\nimport { Backdrop } from 'components/Backdrop';\nimport { OverlayCloseButton } from 'components/OverlayCloseButton';\nimport { Spinner } from 'components/Spinner';\n\nexport interface ModalDialogProps {\n buttons?: ReactNode;\n isDismissable?: boolean;\n isKeyboardDismissDisabled?: boolean;\n isLoading?: boolean;\n spinnerAriaValueText?: string;\n closeButtonAriaValueText?: string;\n isOpen: boolean;\n noValidate?: boolean;\n onClose?(): void;\n onSubmit?: FormHTMLAttributes<HTMLFormElement>['onSubmit'];\n role?: AriaDialogProps['role'];\n title?: string;\n headerContent?: ReactNode;\n variant?: 'confirm' | 'dialog';\n padded?: boolean;\n slim?: boolean;\n wide?: boolean;\n noButtonBorder?: boolean;\n}\n\nexport function ModalDialog(props: PropsWithChildren<ModalDialogProps>) {\n const {\n buttons,\n children,\n isDismissable = true,\n isKeyboardDismissDisabled = !isDismissable,\n isLoading,\n spinnerAriaValueText = 'Loading',\n closeButtonAriaValueText = 'Close',\n isOpen,\n noValidate = false,\n onClose,\n onSubmit,\n role = 'dialog',\n title,\n headerContent,\n variant = 'dialog',\n padded,\n slim,\n wide,\n noButtonBorder = false,\n } = props;\n const ref = useRef<HTMLDivElement>(null);\n const { dialogProps, titleProps } = useDialog({ role }, ref);\n const { modalProps } = useModal({ isDisabled: !isOpen });\n const { overlayProps, underlayProps } = useOverlay(\n { isDismissable, isKeyboardDismissDisabled, isOpen, onClose },\n ref\n );\n\n usePreventScroll({ isDisabled: !isOpen });\n\n function onKeyUp(event: KeyboardEvent) {\n event.stopPropagation();\n }\n\n if (!isOpen) return null;\n\n return (\n <OverlayContainer>\n <Backdrop {...underlayProps}>\n {isLoading ? (\n <Spinner ariaValueText={spinnerAriaValueText} />\n ) : (\n <>\n {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n <FocusScope autoFocus contain restoreFocus>\n <div\n {...dialogProps}\n {...modalProps}\n {...overlayProps}\n className={classNames(styles['modal-dialog'], {\n [styles['modal-dialog--confirm']]: variant === 'confirm',\n [styles['modal-dialog--padded']]: padded,\n [styles['modal-dialog--slim']]: slim,\n [styles['modal-dialog--wide']]: wide,\n })}\n onKeyUp={onKeyUp}\n role=\"presentation\"\n ref={ref}\n >\n {(title || headerContent) && variant === 'dialog' && (\n <>\n {title && (\n <h1 {...titleProps} className={styles['modal-dialog__title']}>\n {title}\n </h1>\n )}\n {headerContent}\n {variant === 'dialog' && (\n <span className={styles['modal-dialog__close']}>\n <OverlayCloseButton\n aria-label={closeButtonAriaValueText}\n onClick={onClose}\n paddedModal={padded}\n />\n </span>\n )}\n </>\n )}\n <form\n className={classNames(styles['modal-dialog__content'], {\n [styles['modal-dialog--content-with-buttons']]: buttons,\n })}\n onSubmit={onSubmit}\n noValidate={noValidate}\n >\n <div className={classNames({ [styles['modal-dialog__children']]: !noButtonBorder })}>{children}</div>\n {buttons && (\n <div\n className={classNames(styles['modal-dialog__buttons'], {\n [styles['modal-dialog--buttons-border']]: !noButtonBorder,\n })}\n >\n {buttons}\n </div>\n )}\n </form>\n </div>\n </FocusScope>\n </>\n )}\n </Backdrop>\n </OverlayContainer>\n );\n}\n"],"names":["ModalDialog","props","buttons","children","isDismissable","isKeyboardDismissDisabled","isLoading","spinnerAriaValueText","closeButtonAriaValueText","isOpen","noValidate","onClose","onSubmit","role","title","headerContent","variant","padded","slim","wide","noButtonBorder","ref","useRef","dialogProps","titleProps","useDialog","modalProps","useModal","overlayProps","underlayProps","useOverlay","usePreventScroll","onKeyUp","event","jsx","OverlayContainer","Backdrop","Spinner","Fragment","FocusScope","jsxs","classNames","styles","OverlayCloseButton"],"mappings":"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"}
1
+ {"version":3,"file":"ModalDialog.js","sources":["../../../src/components/ModalDialog/ModalDialog.tsx"],"sourcesContent":["import { useDialog } from '@react-aria/dialog';\nimport { FocusScope } from '@react-aria/focus';\nimport { OverlayContainer, useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport classNames from 'clsx';\nimport { useRef } from 'react';\n\nimport type { AriaDialogProps } from '@react-types/dialog';\nimport type { FormHTMLAttributes, KeyboardEvent, PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './ModalDialog.module.css';\n\nimport { Backdrop } from 'components/Backdrop';\nimport { OverlayCloseButton } from 'components/OverlayCloseButton';\nimport { Spinner } from 'components/Spinner';\n\nexport interface ModalDialogProps {\n buttons?: ReactNode;\n isDismissable?: boolean;\n isKeyboardDismissDisabled?: boolean;\n isLoading?: boolean;\n spinnerAriaValueText?: string;\n closeButtonAriaValueText?: string;\n isOpen: boolean;\n noValidate?: boolean;\n onClose?(): void;\n onSubmit?: FormHTMLAttributes<HTMLFormElement>['onSubmit'];\n role?: AriaDialogProps['role'];\n title?: string;\n headerContent?: ReactNode;\n variant?: 'confirm' | 'dialog';\n padded?: boolean;\n slim?: boolean;\n wide?: boolean;\n noButtonBorder?: boolean;\n}\n\nexport function ModalDialog(props: PropsWithChildren<ModalDialogProps>) {\n const {\n buttons,\n children,\n isDismissable = true,\n isKeyboardDismissDisabled = !isDismissable,\n isLoading,\n spinnerAriaValueText = 'Loading',\n closeButtonAriaValueText = 'Close',\n isOpen,\n noValidate = false,\n onClose,\n onSubmit,\n role = 'dialog',\n title,\n headerContent,\n variant = 'dialog',\n padded,\n slim,\n wide,\n noButtonBorder = false,\n } = props;\n const ref = useRef<HTMLDivElement>(null);\n const { dialogProps, titleProps } = useDialog({ role }, ref);\n const { modalProps } = useModal({ isDisabled: !isOpen });\n const { overlayProps, underlayProps } = useOverlay(\n { isDismissable, isKeyboardDismissDisabled, isOpen, onClose },\n ref\n );\n\n usePreventScroll({ isDisabled: !isOpen });\n\n function onKeyUp(event: KeyboardEvent) {\n event.stopPropagation();\n }\n\n if (!isOpen) return null;\n\n return (\n <OverlayContainer>\n <Backdrop {...underlayProps}>\n {isLoading ? (\n <Spinner ariaValueText={spinnerAriaValueText} />\n ) : (\n <>\n {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n <FocusScope autoFocus contain restoreFocus>\n <div\n {...dialogProps}\n {...modalProps}\n {...overlayProps}\n className={classNames(styles['modal-dialog'], {\n [styles['modal-dialog--confirm']]: variant === 'confirm',\n [styles['modal-dialog--padded']]: padded,\n [styles['modal-dialog--slim']]: slim,\n [styles['modal-dialog--wide']]: wide,\n })}\n onKeyUp={onKeyUp}\n role=\"presentation\"\n ref={ref}\n >\n {(title || headerContent) && variant === 'dialog' && (\n <>\n {title && (\n <h1 {...titleProps} className={styles['modal-dialog__title']}>\n {title}\n </h1>\n )}\n {headerContent}\n {variant === 'dialog' && (\n <span className={styles['modal-dialog__close']}>\n <OverlayCloseButton\n aria-label={closeButtonAriaValueText}\n onClick={onClose}\n paddedModal={padded}\n />\n </span>\n )}\n </>\n )}\n <form\n className={classNames(styles['modal-dialog__content'], {\n [styles['modal-dialog--content-with-buttons']]: buttons,\n })}\n onSubmit={onSubmit}\n noValidate={noValidate}\n >\n <div className={classNames({ [styles['modal-dialog__children']]: !noButtonBorder })}>{children}</div>\n {buttons && (\n <div\n className={classNames(styles['modal-dialog__buttons'], {\n [styles['modal-dialog--buttons-border']]: !noButtonBorder,\n })}\n >\n {buttons}\n </div>\n )}\n </form>\n </div>\n </FocusScope>\n </>\n )}\n </Backdrop>\n </OverlayContainer>\n );\n}\n"],"names":["ModalDialog","props","buttons","children","isDismissable","isKeyboardDismissDisabled","isLoading","spinnerAriaValueText","closeButtonAriaValueText","isOpen","noValidate","onClose","onSubmit","role","title","headerContent","variant","padded","slim","wide","noButtonBorder","ref","useRef","dialogProps","titleProps","useDialog","modalProps","useModal","overlayProps","underlayProps","useOverlay","usePreventScroll","onKeyUp","event","jsx","OverlayContainer","Backdrop","Spinner","Fragment","FocusScope","jsxs","classNames","styles","OverlayCloseButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoCO,SAASA,EAAYC,GAA4C;AAChE,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,2BAAAC,IAA4B,CAACD;AAAA,IAC7B,WAAAE;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,0BAAAC,IAA2B;AAAA,IAC3B,QAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,EACf,IAAAnB,GACEoB,IAAMC,EAAuB,IAAI,GACjC,EAAE,aAAAC,GAAa,YAAAC,EAAW,IAAIC,EAAU,EAAE,MAAAZ,EAAA,GAAQQ,CAAG,GACrD,EAAE,YAAAK,MAAeC,EAAS,EAAE,YAAY,CAAClB,GAAQ,GACjD,EAAE,cAAAmB,GAAc,eAAAC,EAAA,IAAkBC;AAAAA,IACtC,EAAE,eAAA1B,GAAe,2BAAAC,GAA2B,QAAAI,GAAQ,SAAAE,EAAQ;AAAA,IAC5DU;AAAA,EAAA;AAGFU,EAAAA,EAAiB,EAAE,YAAY,CAACtB,EAAQ,CAAA;AAExC,WAASuB,EAAQC,GAAsB;AACrC,IAAAA,EAAM,gBAAgB;AAAA,EACxB;AAEI,SAACxB,IAGH,gBAAAyB,EAACC,KACC,UAAC,gBAAAD,EAAAE,GAAA,EAAU,GAAGP,GACX,UAAAvB,sBACE+B,GAAQ,EAAA,eAAe9B,GAAsB,IAE9C,gBAAA2B,EAAAI,GAAA,EAEE,4BAACC,GAAW,EAAA,WAAS,IAAC,SAAO,IAAC,cAAY,IACxC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGjB;AAAA,MACH,GAAGG;AAAA,MACH,GAAGE;AAAA,MACJ,WAAWa,EAAWC,EAAO,cAAc,GAAG;AAAA,QAC5C,CAACA,EAAO,uBAAuB,CAAC,GAAG1B,MAAY;AAAA,QAC/C,CAAC0B,EAAO,sBAAsB,CAAC,GAAGzB;AAAA,QAClC,CAACyB,EAAO,oBAAoB,CAAC,GAAGxB;AAAA,QAChC,CAACwB,EAAO,oBAAoB,CAAC,GAAGvB;AAAA,MAAA,CACjC;AAAA,MACD,SAAAa;AAAA,MACA,MAAK;AAAA,MACL,KAAAX;AAAA,MAEE,UAAA;AAAA,SAASP,KAAAC,MAAkBC,MAAY,YAEpC,gBAAAwB,EAAAF,GAAA,EAAA,UAAA;AAAA,UACCxB,KAAA,gBAAAoB,EAAC,QAAI,GAAGV,GAAY,WAAWkB,EAAO,qBAAqB,GACxD,UACH5B,EAAA,CAAA;AAAA,UAEDC;AAAA,UACAC,MAAY,YACX,gBAAAkB,EAAC,UAAK,WAAWQ,EAAO,qBAAqB,GAC3C,UAAA,gBAAAR;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,cAAYnC;AAAA,cACZ,SAASG;AAAA,cACT,aAAaM;AAAA,YAAA;AAAA,UAAA,GAEjB;AAAA,QAAA,GAEJ;AAAA,QAEF,gBAAAuB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAWC,EAAO,uBAAuB,GAAG;AAAA,cACrD,CAACA,EAAO,oCAAoC,CAAC,GAAGxC;AAAA,YAAA,CACjD;AAAA,YACD,UAAAU;AAAA,YACA,YAAAF;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAwB,EAAC,OAAI,EAAA,WAAWO,EAAW,EAAE,CAACC,EAAO,wBAAwB,CAAC,GAAG,CAACtB,GAAgB,GAAI,UAAAjB,EAAS,CAAA;AAAA,cAC9FD,KACC,gBAAAgC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWO,EAAWC,EAAO,uBAAuB,GAAG;AAAA,oBACrD,CAACA,EAAO,8BAA8B,CAAC,GAAG,CAACtB;AAAA,kBAAA,CAC5C;AAAA,kBAEA,UAAAlB;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EACF,CAAA,GAEJ,EACF,CAAA,IAnEkB;AAqEtB;"}
@@ -1,6 +1,6 @@
1
1
  import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
- import { $ as d } from "../../useDialog-DDVWB2iX.js";
3
- import { f as o } from "../../index-DFUrxrKJ.js";
2
+ import { $ as d } from "../../useDialog-D4QXqVAd.js";
3
+ import { f as o } from "../../index-CYUtHyCV.js";
4
4
  import { ModalDialog as a } from "./ModalDialog.js";
5
5
  import { Button as t } from "../Button/Button.js";
6
6
  import { ButtonGroup as s } from "../ButtonGroup/ButtonGroup.js";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
- import "../../clsx-DB4S2d7J.js";
3
- import "../../MultiSelectItem-D5q99kfp.js";
4
- import { M as p } from "../../MultiSelect-CFOkF66G.js";
2
+ import "../../clsx-OuTLNxxd.js";
3
+ import "../../MultiSelectItem-CwKowz2B.js";
4
+ import { M as p } from "../../MultiSelect-Cb4-L7lm.js";
5
5
  export {
6
6
  p as MultiSelect
7
7
  };
@@ -1,7 +1,7 @@
1
1
  import { jsxs as p, jsx as r } from "react/jsx-runtime";
2
- import { f as d } from "../../index-DFUrxrKJ.js";
2
+ import { f as d } from "../../index-CYUtHyCV.js";
3
3
  import { useState as b } from "react";
4
- import { M as l } from "../../MultiSelect-CFOkF66G.js";
4
+ import { M as l } from "../../MultiSelect-Cb4-L7lm.js";
5
5
  import { Container as S } from "../storyComponents/Container/Container.js";
6
6
  const T = {
7
7
  title: "Organisms/MultiSelect",
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import "../../../MultiSelectItem-D5q99kfp.js";
2
+ import "../../../MultiSelectItem-CwKowz2B.js";
3
3
  import "../../Label/Label.js";
4
4
  import "react";
5
5
  import "../../Button/Button.js";
@@ -7,7 +7,7 @@ import "../../OverlayCloseButton/OverlayCloseButton.js";
7
7
  import "../../IconButton/IconButton.js";
8
8
  import "../../Input/Input.js";
9
9
  import "../../InputField/InputField.js";
10
- import { a as u } from "../../../MultiSelect-CFOkF66G.js";
10
+ import { a as u } from "../../../MultiSelect-Cb4-L7lm.js";
11
11
  import "../../SelectListbox/SelectListbox.js";
12
12
  import "../../SelectListbox/SelectProvider.js";
13
13
  export {
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { M as e } from "../../../MultiSelectItem-D5q99kfp.js";
3
+ import { M as e } from "../../../MultiSelectItem-CwKowz2B.js";
4
4
  import "../../Checkbox/Checkbox.js";
5
5
  import "../../Label/Label.js";
6
6
  export {
@@ -1,4 +1,4 @@
1
- import { M as l } from "../../MultiSelect-CFOkF66G.js";
1
+ import { M as l } from "../../MultiSelect-Cb4-L7lm.js";
2
2
  export {
3
3
  l as MultiSelect
4
4
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { c as l } from "../../clsx-DB4S2d7J.js";
2
+ import { c as l } from "../../clsx-OuTLNxxd.js";
3
3
  import { forwardRef as a } from "react";
4
4
  import { Icon as n } from "../Icon/Icon.js";
5
5
  import '../../assets/OverlayCloseButton.css';const t = {
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { f as l } from "../../index-DFUrxrKJ.js";
2
+ import { f as l } from "../../index-CYUtHyCV.js";
3
3
  import { OverlayCloseButton as e } from "./OverlayCloseButton.js";
4
4
  import { Container as a } from "../storyComponents/Container/Container.js";
5
5
  const p = {
@@ -1,5 +1,5 @@
1
1
  import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import { f as a } from "../../index-DFUrxrKJ.js";
2
+ import { f as a } from "../../index-CYUtHyCV.js";
3
3
  import { ProgrammeCard as t } from "./ProgrammeCard.js";
4
4
  import { Container as n } from "../storyComponents/Container/Container.js";
5
5
  import "react";
@@ -9,7 +9,7 @@ import "../OverlayCloseButton/OverlayCloseButton.js";
9
9
  import "../IconButton/IconButton.js";
10
10
  import "../Input/Input.js";
11
11
  import "../InputField/InputField.js";
12
- import "../../MultiSelect-CFOkF66G.js";
12
+ import "../../MultiSelect-Cb4-L7lm.js";
13
13
  import { Repeater as i } from "../Repeater/Repeater.js";
14
14
  import "../SelectListbox/SelectListbox.js";
15
15
  import "../SelectListbox/SelectProvider.js";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as s, jsx as a } from "react/jsx-runtime";
2
- import { c as d } from "../../clsx-DB4S2d7J.js";
2
+ import { c as d } from "../../clsx-OuTLNxxd.js";
3
3
  import '../../assets/RadioButton.css';const t = {
4
4
  "radio-button": "_radio-button_1if7s_1",
5
5
  "radio-button__input": "_radio-button__input_1if7s_8",
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { c as _ } from "../../clsx-DB4S2d7J.js";
2
+ import { c as _ } from "../../clsx-OuTLNxxd.js";
3
3
  import '../../assets/Repeater.css';const c = "_repeater_12czp_1", e = {
4
4
  repeater: c,
5
5
  "repeater--row": "_repeater--row_12czp_5",
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { c } from "../../clsx-DB4S2d7J.js";
2
+ import { c } from "../../clsx-OuTLNxxd.js";
3
3
  import '../../assets/SectionNotification.css';const i = {
4
4
  "section-notification": "_section-notification_xsb8x_3",
5
5
  "section-notification--fullwidth": "_section-notification--fullwidth_xsb8x_12"