@uva-glass/component-library 1.29.0 → 1.31.0

package/dist/assets/Attention.css

@@ -1 +1 @@
-._attention_1kulj_1{display:flex;gap:1rem}._attention_1kulj_1>svg{flex-shrink:0;height:1.5rem;width:1.5rem}
+._attention_kdl29_1{display:flex;gap:.5rem}._attention_kdl29_1>svg{flex-shrink:0;height:1.5rem;width:1.5rem}

package/dist/assets/MultiSelect.css

@@ -0,0 +1 @@
+._multi-select_1se76_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select__scroll-container_1se76_7{list-style:none;margin:0;max-height:8.75rem;overflow:auto;padding:0}

package/dist/assets/MultiSelectItem.css

@@ -0,0 +1 @@
+._multi-select__item_2oogm_1{list-style:none}._multi-select__item_2oogm_1+._multi-select__item_2oogm_1{margin-top:.5rem}._multi-select__item-inner_2oogm_9{align-items:center;display:flex;gap:.75rem}

package/dist/components/Attention/Attention.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import { Icon as o } from "../Icon/Icon.js";
-import '../../assets/Attention.css';const e = "_attention_1kulj_1", s = {
+import '../../assets/Attention.css';const e = "_attention_kdl29_1", s = {
   attention: e
 }, l = ({ children: t }) => /* @__PURE__ */ n("div", { className: s.attention, children: [
   /* @__PURE__ */ i(o, { name: "ExclamationCircleFillMini", size: 24 }),

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEvent } from 'react';
+
+export interface MultiSelectProps {
+    items: Array<{
+        label: string;
+        value: string | number;
+        checked: boolean;
+    }>;
+    onChange(event: ChangeEvent<HTMLInputElement>): void;
+}
+export declare const MultiSelect: ({ items, onChange }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/MultiSelect/MultiSelect.js

@@ -0,0 +1,10 @@
+import { jsx as l } from "react/jsx-runtime";
+import { MultiSelectItem as i } from "../MultiSelectItem/MultiSelectItem.js";
+import '../../assets/MultiSelect.css';const t = {
+  "multi-select": "_multi-select_1se76_1",
+  "multi-select__scroll-container": "_multi-select__scroll-container_1se76_7"
+}, r = ({ items: c, onChange: s }) => /* @__PURE__ */ l("div", { className: t["multi-select"], children: /* @__PURE__ */ l("ul", { className: t["multi-select__scroll-container"], children: c.map((e) => /* @__PURE__ */ l(i, { ...e, onChange: s }, e.label)) }) });
+export {
+  r as MultiSelect
+};
+//# sourceMappingURL=MultiSelect.js.map

package/dist/components/MultiSelect/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelectItem';\n\nexport interface MultiSelectProps {\n  items: Array<{\n    label: string;\n    value: string | number;\n    checked: boolean;\n  }>;\n  onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport const MultiSelect = ({ items, onChange }: MultiSelectProps) => (\n  <div className={styles['multi-select']}>\n    <ul className={styles['multi-select__scroll-container']}>\n      {items.map((item) => (\n        <MultiSelectItem key={item.label} {...item} onChange={onChange} />\n      ))}\n    </ul>\n  </div>\n);\n"],"names":["MultiSelect","items","onChange","jsx","styles","item","MultiSelectItem"],"mappings":";;;;;GAeaA,IAAc,CAAC,EAAE,OAAAC,GAAO,UAAAC,EAAS,MAC3C,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,cAAc,GACnC,4BAAC,MAAG,EAAA,WAAWA,EAAO,gCAAgC,GACnD,UAAAH,EAAM,IAAI,CAACI,MACT,gBAAAF,EAAAG,GAAA,EAAkC,GAAGD,GAAM,UAAAH,EAAtB,GAAAG,EAAK,KAAqC,CACjE,GACH,EACF,CAAA;"}

package/dist/components/MultiSelect/MultiSelect.stories.d.ts

@@ -0,0 +1,5 @@
+import { MultiSelectProps } from './MultiSelect';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, MultiSelectProps>;
+export default _default;
+export declare const MultiSelectExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MultiSelectProps>;

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

@@ -0,0 +1,42 @@
+import { jsx as c } from "react/jsx-runtime";
+import { f as r } from "../../index-DFUrxrKJ.js";
+import { useState as u } from "react";
+import { MultiSelect as o } from "./MultiSelect.js";
+const h = {
+  title: "Organisms/MultiSelect",
+  component: o,
+  argTypes: {
+    onChange: { action: "changed" }
+  }
+}, I = () => {
+  const [s, i] = u([]);
+  return /* @__PURE__ */ c(
+    o,
+    {
+      items: [
+        { label: "Item 1", itemValue: "1" },
+        { label: "Item 2", itemValue: "2" },
+        { label: "Item 3", itemValue: "3" },
+        { label: "Item 4", itemValue: "4" },
+        { label: "Item 5", itemValue: "5" },
+        { label: "Item 6", itemValue: "6" }
+      ].map(({ label: t, itemValue: e }) => ({
+        label: t,
+        value: e,
+        checked: s.includes(e)
+      })),
+      onChange: (t) => {
+        const { checked: e, value: l } = t.target;
+        i((m) => {
+          const a = e ? [...m, l] : m.filter((n) => n !== l);
+          return r()(a), a;
+        });
+      }
+    }
+  );
+}, V = I.bind({});
+export {
+  V as MultiSelectExample,
+  h as default
+};
+//# sourceMappingURL=MultiSelect.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.stories.js","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectProps } from './MultiSelect';\n\nimport { MultiSelect } from './MultiSelect';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelect',\n  component: MultiSelect,\n  argTypes: {\n    onChange: { action: 'changed' },\n  },\n} as Meta<MultiSelectProps>;\n\nconst Template: StoryFn<MultiSelectProps> = () => {\n  const [items, setItems] = useState<string[]>([]);\n\n  const mockItems = [\n    { label: 'Item 1', itemValue: '1' },\n    { label: 'Item 2', itemValue: '2' },\n    { label: 'Item 3', itemValue: '3' },\n    { label: 'Item 4', itemValue: '4' },\n    { label: 'Item 5', itemValue: '5' },\n    { label: 'Item 6', itemValue: '6' },\n  ];\n\n  return (\n    <MultiSelect\n      items={mockItems.map(({ label, itemValue }) => ({\n        label,\n        value: itemValue,\n        checked: items.includes(itemValue),\n      }))}\n      onChange={(event) => {\n        const { checked, value } = event.target;\n        setItems((prevState) => {\n          const newItems = checked ? [...prevState, value] : prevState.filter((itemValue) => itemValue !== value);\n          fn()(newItems);\n          return newItems;\n        });\n      }}\n    />\n  );\n};\n\nexport const MultiSelectExample = Template.bind({});\n"],"names":["MultiSelect_stories","MultiSelect","Template","items","setItems","useState","jsx","label","itemValue","event","checked","value","prevState","newItems","fn","MultiSelectExample"],"mappings":";;;;AASA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU,EAAE,QAAQ,UAAU;AAAA,EAChC;AACF,GAEMC,IAAsC,MAAM;AAChD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAmB,CAAE,CAAA;AAY7C,SAAA,gBAAAC;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,OAXc;AAAA,QAChB,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,QAClC,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,QAClC,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,QAClC,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,QAClC,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,QAClC,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,MAAA,EAKf,IAAI,CAAC,EAAE,OAAAM,GAAO,WAAAC,SAAiB;AAAA,QAC9C,OAAAD;AAAA,QACA,OAAOC;AAAA,QACP,SAASL,EAAM,SAASK,CAAS;AAAA,MAAA,EACjC;AAAA,MACF,UAAU,CAACC,MAAU;AACnB,cAAM,EAAE,SAAAC,GAAS,OAAAC,MAAUF,EAAM;AACjC,QAAAL,EAAS,CAACQ,MAAc;AACtB,gBAAMC,IAAWH,IAAU,CAAC,GAAGE,GAAWD,CAAK,IAAIC,EAAU,OAAO,CAACJ,MAAcA,MAAcG,CAAK;AACtGG,iBAAAA,EAAA,EAAKD,CAAQ,GACNA;AAAA,QAAA,CACR;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaE,IAAqBb,EAAS,KAAK,CAAE,CAAA;"}

package/dist/components/MultiSelect/index.d.ts

@@ -0,0 +1 @@
+export * from './MultiSelect';

package/dist/components/MultiSelect/index.js

@@ -0,0 +1,5 @@
+import { MultiSelect as l } from "./MultiSelect.js";
+export {
+  l as MultiSelect
+};
+//# sourceMappingURL=index.js.map

package/dist/components/MultiSelect/index.js.map

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

package/dist/components/MultiSelectItem/MultiSelectItem.d.ts

@@ -0,0 +1,9 @@
+import { ChangeEvent } from 'react';
+
+export interface MultiSelectItemProps {
+    label: string;
+    value: string | number;
+    checked: boolean;
+    onChange(event: ChangeEvent<HTMLInputElement>): void;
+}
+export declare function MultiSelectItem({ label, value, checked, onChange }: MultiSelectItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/MultiSelectItem/MultiSelectItem.js

@@ -0,0 +1,19 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useId as _ } from "react";
+import { Checkbox as c } from "../Checkbox/Checkbox.js";
+import { Label as n } from "../Label/Label.js";
+import '../../assets/MultiSelectItem.css';const i = {
+  "multi-select__item": "_multi-select__item_2oogm_1",
+  "multi-select__item-inner": "_multi-select__item-inner_2oogm_9"
+};
+function h({ label: m, value: l, checked: o, onChange: r }) {
+  const t = _();
+  return /* @__PURE__ */ e("li", { className: i["multi-select__item"], children: /* @__PURE__ */ s("div", { className: i["multi-select__item-inner"], children: [
+    /* @__PURE__ */ e(c, { id: t, value: l, checked: o, onChange: r }),
+    /* @__PURE__ */ e(n, { htmlFor: t, children: m })
+  ] }) });
+}
+export {
+  h as MultiSelectItem
+};
+//# sourceMappingURL=MultiSelectItem.js.map

package/dist/components/MultiSelectItem/MultiSelectItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectItem.js","sources":["../../../src/components/MultiSelectItem/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from './MultiSelectItem.module.css';\n\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      <div className={styles['multi-select__item-inner']}>\n        <Checkbox id={id} value={value} checked={checked} onChange={onChange} />\n        <Label htmlFor={id}>{label}</Label>\n      </div>\n    </li>\n  );\n}\n"],"names":["MultiSelectItem","label","value","checked","onChange","id","useId","jsx","styles","jsxs","Checkbox","Label"],"mappings":";;;;;;;;AAgBO,SAASA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,KAAkC;AACzF,QAAMC,IAAKC;AAGT,SAAA,gBAAAC,EAAC,MAAG,EAAA,WAAWC,EAAO,oBAAoB,GACxC,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWD,EAAO,0BAA0B,GAC/C,UAAA;AAAA,IAAA,gBAAAD,EAACG,GAAS,EAAA,IAAAL,GAAQ,OAAAH,GAAc,SAAAC,GAAkB,UAAAC,GAAoB;AAAA,IACrE,gBAAAG,EAAAI,GAAA,EAAM,SAASN,GAAK,UAAMJ,GAAA;AAAA,EAAA,EAC7B,CAAA,EACF,CAAA;AAEJ;"}

package/dist/components/MultiSelectItem/MultiSelectItem.stories.d.ts

@@ -0,0 +1,5 @@
+import { MultiSelectItemProps } from './MultiSelectItem';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, MultiSelectItemProps>;
+export default _default;
+export declare const MultiSelectItemExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MultiSelectItemProps>;

package/dist/components/MultiSelectItem/MultiSelectItem.stories.js

@@ -0,0 +1,17 @@
+import { jsx as l } from "react/jsx-runtime";
+import { f as m } from "../../index-DFUrxrKJ.js";
+import { MultiSelectItem as e } from "./MultiSelectItem.js";
+const u = {
+  title: "Molecules/MultiSelectItem",
+  component: e
+}, o = (t) => /* @__PURE__ */ l(e, { ...t }), i = o.bind({});
+i.args = {
+  label: "Example MultiSelectItem",
+  value: "Value MultiSelectItem",
+  onChange: m()
+};
+export {
+  i as MultiSelectItemExample,
+  u as default
+};
+//# sourceMappingURL=MultiSelectItem.stories.js.map

package/dist/components/MultiSelectItem/MultiSelectItem.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectItem.stories.js","sources":["../../../src/components/MultiSelectItem/MultiSelectItem.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectItemProps } from './MultiSelectItem';\n\nimport { MultiSelectItem } from './MultiSelectItem';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/MultiSelectItem',\n  component: MultiSelectItem,\n} as Meta<MultiSelectItemProps>;\n\nconst Template: StoryFn<MultiSelectItemProps> = (args) => <MultiSelectItem {...args} />;\n\nexport const MultiSelectItemExample = Template.bind({});\nMultiSelectItemExample.args = {\n  label: 'Example MultiSelectItem',\n  value: 'Value MultiSelectItem',\n  onChange: fn(),\n};\n"],"names":["MultiSelectItem_stories","MultiSelectItem","Template","args","jsx","MultiSelectItemExample","fn"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAA0C,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAiB,GAAGE,EAAM,CAAA,GAExEE,IAAyBH,EAAS,KAAK,EAAE;AACtDG,EAAuB,OAAO;AAAA,EAC5B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAUC,EAAG;AACf;"}

package/dist/components/MultiSelectItem/index.d.ts

@@ -0,0 +1 @@
+export * from './MultiSelectItem';

package/dist/components/MultiSelectItem/index.js

@@ -0,0 +1,5 @@
+import { MultiSelectItem as l } from "./MultiSelectItem.js";
+export {
+  l as MultiSelectItem
+};
+//# sourceMappingURL=index.js.map

package/dist/components/MultiSelectItem/index.js.map

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

package/dist/components/index.d.ts

@@ -18,6 +18,8 @@ export * from './Label';
 export * from './MenuLink';
 export * from './MetaDataList';
 export * from './ModalDialog';
+export * from './MultiSelect';
+export * from './MultiSelectItem';
 export * from './OverlayCloseButton';
 export * from './ProgrammeCard';
 export * from './RadioButton';

package/dist/components/index.js

@@ -1,12 +1,12 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
 import { AppStatusBar as p } from "./AppStatusBar/AppStatusBar.js";
 import { Attention as f } from "./Attention/Attention.js";
-import { Backdrop as a } from "./Backdrop/Backdrop.js";
-import { Button as i } from "./Button/Button.js";
+import { Backdrop as i } from "./Backdrop/Backdrop.js";
+import { Button as n } from "./Button/Button.js";
 import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
 import { Card as d } from "./Card/Card.js";
-import { Checkbox as B } from "./Checkbox/Checkbox.js";
-import { Drawer as I } from "./Drawer/Drawer.js";
+import { Checkbox as S } from "./Checkbox/Checkbox.js";
+import { Drawer as M } from "./Drawer/Drawer.js";
 import { FieldHint as C } from "./FieldHint/FieldHint.js";
 import { FormField as L } from "./FormField/FormField.js";
 import { Icon as g } from "./Icon/Icon.js";
@@ -18,26 +18,28 @@ import { Label as G } from "./Label/Label.js";
 import { M as N } from "../MenuLink-CLEqkVVh.js";
 import { MetaDataList as T } from "./MetaDataList/MetaDataList.js";
 import { ModalDialog as q } from "./ModalDialog/ModalDialog.js";
-import { OverlayCloseButton as E } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { ProgrammeCard as K } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as U } from "./RadioButton/RadioButton.js";
-import { Repeater as W } from "./Repeater/Repeater.js";
-import { SectionNotification as Y } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as _ } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as oo, useSelect as ro } from "./SelectListbox/SelectProvider.js";
-import { Spinner as eo } from "./Spinner/Spinner.js";
-import { StatusPill as mo } from "./StatusPill/StatusPill.js";
-import { Tooltip as xo } from "./Tooltip/Tooltip.js";
+import { MultiSelect as E } from "./MultiSelect/MultiSelect.js";
+import { MultiSelectItem as K } from "./MultiSelectItem/MultiSelectItem.js";
+import { OverlayCloseButton as U } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { ProgrammeCard as W } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Y } from "./RadioButton/RadioButton.js";
+import { Repeater as _ } from "./Repeater/Repeater.js";
+import { SectionNotification as oo } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as to } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as po, useSelect as mo } from "./SelectListbox/SelectProvider.js";
+import { Spinner as xo } from "./Spinner/Spinner.js";
+import { StatusPill as ao } from "./StatusPill/StatusPill.js";
+import { Tooltip as lo } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
   f as Attention,
-  a as Backdrop,
-  i as Button,
+  i as Backdrop,
+  n as Button,
   u as ButtonGroup,
   d as Card,
-  B as Checkbox,
-  I as Drawer,
+  S as Checkbox,
+  M as Drawer,
   C as FieldHint,
   L as FormField,
   g as Icon,
@@ -49,16 +51,18 @@ export {
   N as MenuLink,
   T as MetaDataList,
   q as ModalDialog,
-  E as OverlayCloseButton,
-  K as ProgrammeCard,
-  U as RadioButton,
-  W as Repeater,
-  Y as SectionNotification,
-  _ as SelectListbox,
-  oo as SelectProvider,
-  eo as Spinner,
-  mo as StatusPill,
-  xo as Tooltip,
-  ro as useSelect
+  E as MultiSelect,
+  K as MultiSelectItem,
+  U as OverlayCloseButton,
+  W as ProgrammeCard,
+  Y as RadioButton,
+  _ as Repeater,
+  oo as SectionNotification,
+  to as SelectListbox,
+  po as SelectProvider,
+  xo as Spinner,
+  ao as StatusPill,
+  lo as Tooltip,
+  mo as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/index.js

@@ -1,12 +1,12 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { AppStatusBar as p } from "./components/AppStatusBar/AppStatusBar.js";
 import { Attention as f } from "./components/Attention/Attention.js";
-import { Backdrop as a } from "./components/Backdrop/Backdrop.js";
-import { Button as i } from "./components/Button/Button.js";
+import { Backdrop as i } from "./components/Backdrop/Backdrop.js";
+import { Button as n } from "./components/Button/Button.js";
 import { ButtonGroup as u } from "./components/ButtonGroup/ButtonGroup.js";
 import { Card as d } from "./components/Card/Card.js";
-import { Checkbox as B } from "./components/Checkbox/Checkbox.js";
-import { Drawer as I } from "./components/Drawer/Drawer.js";
+import { Checkbox as S } from "./components/Checkbox/Checkbox.js";
+import { Drawer as M } from "./components/Drawer/Drawer.js";
 import { FieldHint as C } from "./components/FieldHint/FieldHint.js";
 import { FormField as L } from "./components/FormField/FormField.js";
 import { Icon as g } from "./components/Icon/Icon.js";
@@ -18,26 +18,28 @@ import { Label as G } from "./components/Label/Label.js";
 import { M as N } from "./MenuLink-CLEqkVVh.js";
 import { MetaDataList as T } from "./components/MetaDataList/MetaDataList.js";
 import { ModalDialog as q } from "./components/ModalDialog/ModalDialog.js";
-import { OverlayCloseButton as E } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { ProgrammeCard as K } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as U } from "./components/RadioButton/RadioButton.js";
-import { Repeater as W } from "./components/Repeater/Repeater.js";
-import { SectionNotification as Y } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as _ } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as oo, useSelect as ro } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as eo } from "./components/Spinner/Spinner.js";
-import { StatusPill as mo } from "./components/StatusPill/StatusPill.js";
-import { Tooltip as xo } from "./components/Tooltip/Tooltip.js";
+import { MultiSelect as E } from "./components/MultiSelect/MultiSelect.js";
+import { MultiSelectItem as K } from "./components/MultiSelectItem/MultiSelectItem.js";
+import { OverlayCloseButton as U } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { ProgrammeCard as W } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Y } from "./components/RadioButton/RadioButton.js";
+import { Repeater as _ } from "./components/Repeater/Repeater.js";
+import { SectionNotification as oo } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as to } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as po, useSelect as mo } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as xo } from "./components/Spinner/Spinner.js";
+import { StatusPill as ao } from "./components/StatusPill/StatusPill.js";
+import { Tooltip as lo } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
   f as Attention,
-  a as Backdrop,
-  i as Button,
+  i as Backdrop,
+  n as Button,
   u as ButtonGroup,
   d as Card,
-  B as Checkbox,
-  I as Drawer,
+  S as Checkbox,
+  M as Drawer,
   C as FieldHint,
   L as FormField,
   g as Icon,
@@ -49,16 +51,18 @@ export {
   N as MenuLink,
   T as MetaDataList,
   q as ModalDialog,
-  E as OverlayCloseButton,
-  K as ProgrammeCard,
-  U as RadioButton,
-  W as Repeater,
-  Y as SectionNotification,
-  _ as SelectListbox,
-  oo as SelectProvider,
-  eo as Spinner,
-  mo as StatusPill,
-  xo as Tooltip,
-  ro as useSelect
+  E as MultiSelect,
+  K as MultiSelectItem,
+  U as OverlayCloseButton,
+  W as ProgrammeCard,
+  Y as RadioButton,
+  _ as Repeater,
+  oo as SectionNotification,
+  to as SelectListbox,
+  po as SelectProvider,
+  xo as Spinner,
+  ao as StatusPill,
+  lo as Tooltip,
+  mo as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.29.0",
+  "version": "1.31.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",