@uva-glass/component-library 3.55.4 → 3.55.5

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

@@ -1,7 +1,7 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { Button as t } from "../Buttons/Button.js";
 import { t as n } from "../../ButtonGroup-DR80lTLz.js";
-import { t as r } from "../../Drawer-Ggofac6y.js";
+import { t as r } from "../../Drawer-e7UFHVg9.js";
 import { useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { OverlayProvider as s } from "@react-aria/overlays";

package/dist/components/Drawer/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Drawer-Ggofac6y.js";
+import { t as e } from "../../Drawer-e7UFHVg9.js";
 export { e as Drawer };

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

@@ -1,9 +1,6 @@
-import "../../dist-2TKCXdYZ.js";
-import "../../lib-6BbFZdI7.js";
+import "../../dist-BIkFjHck.js";
 import { t as e } from "../../FeedbackBar-ByKp32HE.js";
-import "../../test-utils-BSs0eZfL.js";
-import "../../client-UU-mS47K.js";
-import { i as t, n, t as r } from "../../react.esm-CzIhAqlo.js";
+import { i as t, n, t as r } from "../../react.esm-R7eBXTUI.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/FeedbackBar/FeedbackBar.test.tsx
 describe("FeedbackBar", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackBar.test.js","names":[],"sources":["../../../src/components/FeedbackBar/FeedbackBar.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport { FeedbackBar } from './FeedbackBar';\n\ndescribe('FeedbackBar', () => {\n  it('should render with children text', () => {\n    render(<FeedbackBar>My feedback message</FeedbackBar>);\n    expect(screen.getByText('My feedback message')).toBeInTheDocument();\n  });\n\n  it('should close when the close button is clicked', () => {\n    render(<FeedbackBar>My closed feedback message</FeedbackBar>);\n\n    expect(screen.getByRole('alert')).toHaveClass('feedback-bar--visible');\n\n    const closeButton = screen.getByRole('button');\n    fireEvent.click(closeButton);\n\n    expect(screen.getByRole('alert')).not.toHaveClass('feedback-bar--visible');\n  });\n});\n"],"mappings":";;;;;;;;AAKA,SAAS,qBAAqB;AAM5B,CALA,GAAG,0CAA0C;AAE3C,EADA,EAAO,kBAAC,GAAD,EAAA,UAAa,uBAAiC,CAAA,CAAC,EACtD,OAAO,EAAO,UAAU,sBAAsB,CAAC,CAAC,mBAAmB;GACnE,EAEF,GAAG,uDAAuD;AAGxD,EAFA,EAAO,kBAAC,GAAD,EAAA,UAAa,8BAAwC,CAAA,CAAC,EAE7D,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,YAAY,wBAAwB;EAEtE,IAAM,IAAc,EAAO,UAAU,SAAS;AAG9C,EAFA,EAAU,MAAM,EAAY,EAE5B,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,IAAI,YAAY,wBAAwB;GAC1E;EACF"}
+{"version":3,"file":"FeedbackBar.test.js","names":[],"sources":["../../../src/components/FeedbackBar/FeedbackBar.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport { FeedbackBar } from './FeedbackBar';\n\ndescribe('FeedbackBar', () => {\n  it('should render with children text', () => {\n    render(<FeedbackBar>My feedback message</FeedbackBar>);\n    expect(screen.getByText('My feedback message')).toBeInTheDocument();\n  });\n\n  it('should close when the close button is clicked', () => {\n    render(<FeedbackBar>My closed feedback message</FeedbackBar>);\n\n    expect(screen.getByRole('alert')).toHaveClass('feedback-bar--visible');\n\n    const closeButton = screen.getByRole('button');\n    fireEvent.click(closeButton);\n\n    expect(screen.getByRole('alert')).not.toHaveClass('feedback-bar--visible');\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,qBAAqB;AAM5B,CALA,GAAG,0CAA0C;AAE3C,EADA,EAAO,kBAAC,GAAD,EAAA,UAAa,uBAAiC,CAAA,CAAC,EACtD,OAAO,EAAO,UAAU,sBAAsB,CAAC,CAAC,mBAAmB;GACnE,EAEF,GAAG,uDAAuD;AAGxD,EAFA,EAAO,kBAAC,GAAD,EAAA,UAAa,8BAAwC,CAAA,CAAC,EAE7D,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,YAAY,wBAAwB;EAEtE,IAAM,IAAc,EAAO,UAAU,SAAS;AAG9C,EAFA,EAAU,MAAM,EAAY,EAE5B,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,IAAI,YAAY,wBAAwB;GAC1E;EACF"}

package/dist/components/FieldHint/FieldHint.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FieldHint-D0HtbTnt.js";
+import { t as e } from "../../FieldHint-fxnEOsVZ.js";
 export { e as FieldHint };

package/dist/components/FieldHint/FieldHint.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../FieldHint-D0HtbTnt.js";
+import { t as e } from "../../FieldHint-fxnEOsVZ.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = {
 	title: "Atoms/FieldHint",

package/dist/components/FieldHint/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FieldHint-D0HtbTnt.js";
+import { t as e } from "../../FieldHint-fxnEOsVZ.js";
 export { e as FieldHint };

package/dist/components/Fieldset/Fieldset.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Fieldset-CoNu_Owa.js";
+import { t as e } from "../../Fieldset-0LFsZ3Mz.js";
 export { e as Fieldset };

package/dist/components/Fieldset/Fieldset.stories.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../Label-o0BcWTUS.js";
-import { t } from "../../Fieldset-CoNu_Owa.js";
+import { t } from "../../Fieldset-0LFsZ3Mz.js";
 import { t as n } from "../../FormField-BZSoQdp9.js";
 import { t as r } from "../../InputField-BWAy19w9.js";
 import { t as i } from "../../Container-BLjtYDqq.js";

package/dist/components/Fieldset/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Fieldset-CoNu_Owa.js";
+import { t as e } from "../../Fieldset-0LFsZ3Mz.js";
 export { e as Fieldset };

package/dist/components/FormInput/FormInput.js

@@ -1,3 +1,2 @@
-import { m as e } from "../../components-MNvdQLv1.js";
-import "../../PasteHandlerPlugin-DjD1wryY.js";
+import { m as e } from "../../components-DAwjkky5.js";
 export { e as FormInput };

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

@@ -1,6 +1,5 @@
-import { r as e } from "../../test-DQruvi8i.js";
-import { m as t } from "../../components-MNvdQLv1.js";
-import "../../PasteHandlerPlugin-DjD1wryY.js";
+import { r as e } from "../../test-Cr_l59hN.js";
+import { m as t } from "../../components-DAwjkky5.js";
 import { SelectListbox as n } from "../SelectListbox/SelectListbox.js";
 import { jsx as r } from "react/jsx-runtime";
 var i = {

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

@@ -1 +1 @@
-{"version":3,"file":"FormInput.stories.js","names":[],"sources":["../../../src/components/FormInput/FormInput.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { FormInputProps } from './FormInput';\n\nimport { FormInput } from './FormInput';\n\nimport { SelectListbox } from 'components/SelectListbox';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<FormInput  />\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/FormInput',\n  component: FormInput,\n  argTypes: {},\n  args: {},\n  parameters: {\n    inspectComponent: FormInput,\n    codeString: codeString,\n  },\n} as Meta<FormInputProps>;\n\nconst Template: StoryFn<FormInputProps> = (args) => {\n  return <FormInput {...args} />;\n};\n\nexport const FromInputExample = Template.bind({});\n\nFromInputExample.args = {\n  id: 'vak',\n  label: 'Vaknaam (NL)',\n  labelPosition: 'left',\n  required: true,\n  onChange: fn(),\n};\n\nexport const WithCustomInputExample = Template.bind({});\n\nconst mockOptions = [\n  { label: 'English', value: 'EN' },\n  { label: 'Dutch', value: 'NL' },\n  { label: 'German', value: 'DE' },\n  { label: 'Danish', value: 'DK' },\n];\n\nWithCustomInputExample.args = {\n  id: 'language',\n  label: 'Language',\n  labelPosition: 'left',\n  required: true,\n  customInput: (\n    <SelectListbox options={mockOptions} defaultValue=\"NL\" size=\"medium\">\n      {mockOptions.map(({ label, value }, index) => (\n        <SelectListbox.SelectOption option={{ label, value }} index={index} key={value}>\n          {label}\n        </SelectListbox.SelectOption>\n      ))}\n    </SelectListbox>\n  ),\n};\n"],"mappings":";;;;;AAeA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,MAAM,EAAE;CACR,YAAY;EACV,kBAAkB;EACN,YAbG;EAchB;CACF,EAEK,KAAqC,MAClC,kBAAC,GAAD,EAAW,GAAI,GAAQ,CAAA,EAGnB,IAAmB,EAAS,KAAK,EAAE,CAAC;AAEjD,EAAiB,OAAO;CACtB,IAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAU;CACV,UAAU,GAAI;CACf;AAED,IAAa,IAAyB,EAAS,KAAK,EAAE,CAAC,EAEjD,IAAc;CAClB;EAAE,OAAO;EAAW,OAAO;EAAM;CACjC;EAAE,OAAO;EAAS,OAAO;EAAM;CAC/B;EAAE,OAAO;EAAU,OAAO;EAAM;CAChC;EAAE,OAAO;EAAU,OAAO;EAAM;CACjC;AAED,EAAuB,OAAO;CAC5B,IAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAU;CACV,aACE,kBAAC,GAAD;EAAe,SAAS;EAAa,cAAa;EAAK,MAAK;YACzD,EAAY,KAAK,EAAE,UAAO,YAAS,MAClC,kBAAC,EAAc,cAAf;GAA4B,QAAQ;IAAE;IAAO;IAAO;GAAS;aAC1D;GAC0B,EAF4C,EAE5C,CAC7B;EACY,CAAA;CAEnB"}
+{"version":3,"file":"FormInput.stories.js","names":[],"sources":["../../../src/components/FormInput/FormInput.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { FormInputProps } from './FormInput';\n\nimport { FormInput } from './FormInput';\n\nimport { SelectListbox } from 'components/SelectListbox';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<FormInput  />\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/FormInput',\n  component: FormInput,\n  argTypes: {},\n  args: {},\n  parameters: {\n    inspectComponent: FormInput,\n    codeString: codeString,\n  },\n} as Meta<FormInputProps>;\n\nconst Template: StoryFn<FormInputProps> = (args) => {\n  return <FormInput {...args} />;\n};\n\nexport const FromInputExample = Template.bind({});\n\nFromInputExample.args = {\n  id: 'vak',\n  label: 'Vaknaam (NL)',\n  labelPosition: 'left',\n  required: true,\n  onChange: fn(),\n};\n\nexport const WithCustomInputExample = Template.bind({});\n\nconst mockOptions = [\n  { label: 'English', value: 'EN' },\n  { label: 'Dutch', value: 'NL' },\n  { label: 'German', value: 'DE' },\n  { label: 'Danish', value: 'DK' },\n];\n\nWithCustomInputExample.args = {\n  id: 'language',\n  label: 'Language',\n  labelPosition: 'left',\n  required: true,\n  customInput: (\n    <SelectListbox options={mockOptions} defaultValue=\"NL\" size=\"medium\">\n      {mockOptions.map(({ label, value }, index) => (\n        <SelectListbox.SelectOption option={{ label, value }} index={index} key={value}>\n          {label}\n        </SelectListbox.SelectOption>\n      ))}\n    </SelectListbox>\n  ),\n};\n"],"mappings":";;;;AAeA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,MAAM,EAAE;CACR,YAAY;EACV,kBAAkB;EACN,YAbG;EAchB;CACF,EAEK,KAAqC,MAClC,kBAAC,GAAD,EAAW,GAAI,GAAQ,CAAA,EAGnB,IAAmB,EAAS,KAAK,EAAE,CAAC;AAEjD,EAAiB,OAAO;CACtB,IAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAU;CACV,UAAU,GAAI;CACf;AAED,IAAa,IAAyB,EAAS,KAAK,EAAE,CAAC,EAEjD,IAAc;CAClB;EAAE,OAAO;EAAW,OAAO;EAAM;CACjC;EAAE,OAAO;EAAS,OAAO;EAAM;CAC/B;EAAE,OAAO;EAAU,OAAO;EAAM;CAChC;EAAE,OAAO;EAAU,OAAO;EAAM;CACjC;AAED,EAAuB,OAAO;CAC5B,IAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAU;CACV,aACE,kBAAC,GAAD;EAAe,SAAS;EAAa,cAAa;EAAK,MAAK;YACzD,EAAY,KAAK,EAAE,UAAO,YAAS,MAClC,kBAAC,EAAc,cAAf;GAA4B,QAAQ;IAAE;IAAO;IAAO;GAAS;aAC1D;GAC0B,EAF4C,EAE5C,CAC7B;EACY,CAAA;CAEnB"}

package/dist/components/FormInput/index.js

@@ -1,3 +1,2 @@
-import { m as e } from "../../components-MNvdQLv1.js";
-import "../../PasteHandlerPlugin-DjD1wryY.js";
+import { m as e } from "../../components-DAwjkky5.js";
 export { e as FormInput };

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

@@ -1,9 +1,8 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { t as n } from "../../IconButton-CWCMH9uf.js";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/components/IconButton/IconButton.stories.tsx
-var i = "<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>\n  <Icon name={iconName} size={size} />\n  </IconButton>", a = {
+var i = {
 	title: "Atoms/IconButton",
 	component: n,
 	argTypes: {
@@ -32,16 +31,16 @@ var i = "<IconButton variant={variant} aria-label={aria-label} onClick={onClickF
 	},
 	parameters: {
 		inspectComponent: n,
-		codeString: i
+		codeString: "<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>\n  <Icon name={iconName} size={size} />\n  </IconButton>"
 	}
-}, o = ((e) => {
+}, a = ((e) => {
 	let t = e.variant ?? [];
 	return /* @__PURE__ */ r(n, {
 		...e,
 		variant: t.toString()
 	});
 }).bind({});
-o.args = {
+a.args = {
 	"aria-label": "Trash",
 	variant: "destructive",
 	noBorder: !1,
@@ -51,6 +50,6 @@ o.args = {
 	onClick: e()
 };
 //#endregion
-export { o as IconButtonExample, a as default };
+export { a as IconButtonExample, i as default };
 
 //# sourceMappingURL=IconButton.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.stories.js","names":[],"sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { IconButtonProps } from 'components/IconButton';\n\nimport { IconButton } from 'components/IconButton';\nimport { Icon } from 'components/Icon';\n\nconst codeString = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>\n  <Icon name={iconName} size={size} />\n  </IconButton>`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/IconButton',\n  component: IconButton,\n  argTypes: {\n    variant: {\n      options: ['destructive'],\n      control: { type: 'check' },\n    },\n    noBorder: {\n      control: 'boolean',\n      default: false,\n    },\n    wide: {\n      control: 'boolean',\n      default: false,\n    },\n    'aria-label': {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      options: ['button', 'submit', 'reset'],\n      control: { type: 'select' },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: IconButton,\n    codeString: codeString,\n  },\n} as Meta<IconButtonProps>;\n\nconst Template: StoryFn<IconButtonProps> = (args) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  const iconButtonArgs = { ...args, ...{ variant: variantArray.toString() } } as IconButtonProps;\n\n  return <IconButton {...iconButtonArgs} />;\n};\n\nexport const IconButtonExample = Template.bind({});\nIconButtonExample.args = {\n  'aria-label': 'Trash',\n  variant: 'destructive',\n  noBorder: false,\n  wide: false,\n  disabled: false,\n  children: <Icon name=\"Trash\" />,\n  onClick: fn(),\n};\n"],"mappings":";;;;;AAQA,IAAM,IAAa,6IAKnB,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,cAAc;GACxB,SAAS,EAAE,MAAM,SAAS;GAC3B;EACD,UAAU;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,SAAS;GACT,SAAS;GACV;EACD,cAAc,EACZ,OAAO,EACL,SAAS,IACV,EACF;EACD,MAAM;GACJ,SAAS;IAAC;IAAU;IAAU;IAAQ;GACtC,SAAS,EAAE,MAAM,UAAU;GAC5B;EACD,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAUY,MAR+B,MAAS;CAEnD,IAAM,IAAgB,EAAK,WAAmC,EAAE;AAGhE,QAAO,kBAAC,GAAD;EAFkB,GAAG;EAAW,SAAS,EAAa,UAAU;EAE9B,CAAA;GAGD,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,cAAc;CACd,SAAS;CACT,UAAU;CACV,MAAM;CACN,UAAU;CACV,UAAU,kBAAC,GAAD,EAAM,MAAK,SAAU,CAAA;CAC/B,SAAS,GAAI;CACd"}
+{"version":3,"file":"IconButton.stories.js","names":[],"sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { IconButtonProps } from 'components/IconButton';\n\nimport { IconButton } from 'components/IconButton';\nimport { Icon } from 'components/Icon';\n\nconst codeString = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>\n  <Icon name={iconName} size={size} />\n  </IconButton>`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/IconButton',\n  component: IconButton,\n  argTypes: {\n    variant: {\n      options: ['destructive'],\n      control: { type: 'check' },\n    },\n    noBorder: {\n      control: 'boolean',\n      default: false,\n    },\n    wide: {\n      control: 'boolean',\n      default: false,\n    },\n    'aria-label': {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      options: ['button', 'submit', 'reset'],\n      control: { type: 'select' },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: IconButton,\n    codeString: codeString,\n  },\n} as Meta<IconButtonProps>;\n\nconst Template: StoryFn<IconButtonProps> = (args) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  const iconButtonArgs = { ...args, ...{ variant: variantArray.toString() } } as IconButtonProps;\n\n  return <IconButton {...iconButtonArgs} />;\n};\n\nexport const IconButtonExample = Template.bind({});\nIconButtonExample.args = {\n  'aria-label': 'Trash',\n  variant: 'destructive',\n  noBorder: false,\n  wide: false,\n  disabled: false,\n  children: <Icon name=\"Trash\" />,\n  onClick: fn(),\n};\n"],"mappings":";;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,cAAc;GACxB,SAAS,EAAE,MAAM,SAAS;GAC3B;EACD,UAAU;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,SAAS;GACT,SAAS;GACV;EACD,cAAc,EACZ,OAAO,EACL,SAAS,IACV,EACF;EACD,MAAM;GACJ,SAAS;IAAC;IAAU;IAAU;IAAQ;GACtC,SAAS,EAAE,MAAM,UAAU;GAC5B;EACD,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAtCG;EAuChB;CACF,EAUY,MAR+B,MAAS;CAEnD,IAAM,IAAgB,EAAK,WAAmC,EAAE;AAGhE,QAAO,kBAAC,GAAD;EAFkB,GAAG;EAAW,SAAS,EAAa,UAAU;EAE9B,CAAA;GAGD,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,cAAc;CACd,SAAS;CACT,UAAU;CACV,MAAM;CACN,UAAU;CACV,UAAU,kBAAC,GAAD,EAAM,MAAK,SAAU,CAAA;CAC/B,SAAS,GAAI;CACd"}

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

@@ -1,8 +1,6 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { Icon as t } from "../Icon/Icon.js";
-import "../../components-MNvdQLv1.js";
 import { t as n } from "../../InputField-BWAy19w9.js";
-import "../../PasteHandlerPlugin-DjD1wryY.js";
 import { t as r } from "../../Container-BLjtYDqq.js";
 import "../../storyComponents/Container/index.js";
 import { useRef as i, useState as a } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.stories.js","names":[],"sources":["../../../src/components/InputField/InputField.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { fn } from 'storybook/test';\n\nimport type { ChangeEvent } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { InputFieldProps } from './InputField';\n\nimport { InputField } from './InputField';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon } from 'components';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}\n  value={value} type={type} clearTrigger={clearTrigger} />\n`;\n\nconst transformArgs = (args: InputFieldProps) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  return { ...args, ...{ variant: variantArray.toString() } } as InputFieldProps;\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InputField',\n  component: InputField,\n  argTypes: {\n    variant: {\n      options: ['large'],\n      control: 'check',\n    },\n    width: {\n      control: 'radio',\n      options: [undefined, 'small', 'compact'],\n    },\n    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    background: {\n      control: 'check',\n      options: ['white'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: InputField,\n    codeString: codeString,\n  },\n} as Meta<InputFieldProps>;\n\nconst Template: StoryFn<InputFieldProps> = (args) => {\n  const [inputValue, setInputValue] = useState<InputFieldProps['value']>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    fn()('handleChange');\n  };\n\n  const handleClear = () => {\n    setInputValue('');\n    fn()('handleClear');\n  };\n\n  return (\n    <Container>\n      <InputField\n        {...transformArgs(args)}\n        value={inputValue}\n        onChange={handleChange}\n        onClear={handleClear}\n        ref={inputRef}\n      />\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<InputFieldProps> = {\n  type: 'text',\n  variant: undefined,\n  id: '4f9ca77d',\n};\n\nexport const InputFieldExample = Template.bind({});\nInputFieldExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithStringClearTrigger = Template.bind({});\nWithStringClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: 'Clear',\n};\n\nexport const WithIconClearTrigger = Template.bind({});\nWithIconClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: <Icon name=\"Cross\" />,\n};\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAa,sOAMb,KAAiB,MAA0B;CAE/C,IAAM,IAAgB,EAAK,WAAmC,EAAE;AAChE,QAAO;EAAE,GAAG;EAAW,SAAS,EAAa,UAAU;EAAI;GAI7D,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,QAAQ;GAClB,SAAS;GACV;EACD,OAAO;GACL,SAAS;GACT,SAAS;IAAC,KAAA;IAAW;IAAS;IAAU;GACzC;EACD,MAAM;GACJ,SAAS;GACT,SAAS;IAAC;IAAQ;IAAY;IAAQ;GACvC;EACD,YAAY;GACV,SAAS;GACT,SAAS,CAAC,QAAQ;GACnB;EACD,IAAI,EACF,SAAS,QACV;EACD,cAAc,EACZ,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAsC,MAAS;CACnD,IAAM,CAAC,GAAY,KAAiB,EAAmC,GAAG,EACpE,IAAW,EAAyB,KAAK,EAEzC,KAAgB,MAAyC;AAE7D,EADA,EAAc,EAAM,OAAO,MAAM,EACjC,GAAI,CAAC,eAAe;IAGhB,UAAoB;AAExB,EADA,EAAc,GAAG,EACjB,GAAI,CAAC,cAAc;;AAGrB,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,GAAI,EAAc,EAAK;EACvB,OAAO;EACP,UAAU;EACV,SAAS;EACT,KAAK;EACL,CAAA,EACQ,CAAA;GAIV,IAAwC;CAC5C,MAAM;CACN,SAAS,KAAA;CACT,IAAI;CACL,EAEY,IAAoB,EAAS,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO,EACvB,GAAG,GACJ;AAED,IAAa,IAAyB,EAAS,KAAK,EAAE,CAAC;AACvD,EAAuB,OAAO;CAC5B,GAAG;CACH,cAAc;CACf;AAED,IAAa,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,GAAG;CACH,cAAc,kBAAC,GAAD,EAAM,MAAK,SAAU,CAAA;CACpC"}
+{"version":3,"file":"InputField.stories.js","names":[],"sources":["../../../src/components/InputField/InputField.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { fn } from 'storybook/test';\n\nimport type { ChangeEvent } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { InputFieldProps } from './InputField';\n\nimport { InputField } from './InputField';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon } from 'components';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}\n  value={value} type={type} clearTrigger={clearTrigger} />\n`;\n\nconst transformArgs = (args: InputFieldProps) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  return { ...args, ...{ variant: variantArray.toString() } } as InputFieldProps;\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InputField',\n  component: InputField,\n  argTypes: {\n    variant: {\n      options: ['large'],\n      control: 'check',\n    },\n    width: {\n      control: 'radio',\n      options: [undefined, 'small', 'compact'],\n    },\n    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    background: {\n      control: 'check',\n      options: ['white'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: InputField,\n    codeString: codeString,\n  },\n} as Meta<InputFieldProps>;\n\nconst Template: StoryFn<InputFieldProps> = (args) => {\n  const [inputValue, setInputValue] = useState<InputFieldProps['value']>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    fn()('handleChange');\n  };\n\n  const handleClear = () => {\n    setInputValue('');\n    fn()('handleClear');\n  };\n\n  return (\n    <Container>\n      <InputField\n        {...transformArgs(args)}\n        value={inputValue}\n        onChange={handleChange}\n        onClear={handleClear}\n        ref={inputRef}\n      />\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<InputFieldProps> = {\n  type: 'text',\n  variant: undefined,\n  id: '4f9ca77d',\n};\n\nexport const InputFieldExample = Template.bind({});\nInputFieldExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithStringClearTrigger = Template.bind({});\nWithStringClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: 'Clear',\n};\n\nexport const WithIconClearTrigger = Template.bind({});\nWithIconClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: <Icon name=\"Cross\" />,\n};\n"],"mappings":";;;;;;;;AAYA,IAAM,IAAa,sOAMb,KAAiB,MAA0B;CAE/C,IAAM,IAAgB,EAAK,WAAmC,EAAE;AAChE,QAAO;EAAE,GAAG;EAAW,SAAS,EAAa,UAAU;EAAI;GAI7D,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,QAAQ;GAClB,SAAS;GACV;EACD,OAAO;GACL,SAAS;GACT,SAAS;IAAC,KAAA;IAAW;IAAS;IAAU;GACzC;EACD,MAAM;GACJ,SAAS;GACT,SAAS;IAAC;IAAQ;IAAY;IAAQ;GACvC;EACD,YAAY;GACV,SAAS;GACT,SAAS,CAAC,QAAQ;GACnB;EACD,IAAI,EACF,SAAS,QACV;EACD,cAAc,EACZ,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAsC,MAAS;CACnD,IAAM,CAAC,GAAY,KAAiB,EAAmC,GAAG,EACpE,IAAW,EAAyB,KAAK,EAEzC,KAAgB,MAAyC;AAE7D,EADA,EAAc,EAAM,OAAO,MAAM,EACjC,GAAI,CAAC,eAAe;IAGhB,UAAoB;AAExB,EADA,EAAc,GAAG,EACjB,GAAI,CAAC,cAAc;;AAGrB,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,GAAI,EAAc,EAAK;EACvB,OAAO;EACP,UAAU;EACV,SAAS;EACT,KAAK;EACL,CAAA,EACQ,CAAA;GAIV,IAAwC;CAC5C,MAAM;CACN,SAAS,KAAA;CACT,IAAI;CACL,EAEY,IAAoB,EAAS,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO,EACvB,GAAG,GACJ;AAED,IAAa,IAAyB,EAAS,KAAK,EAAE,CAAC;AACvD,EAAuB,OAAO;CAC5B,GAAG;CACH,cAAc;CACf;AAED,IAAa,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,GAAG;CACH,cAAc,kBAAC,GAAD,EAAM,MAAK,SAAU,CAAA;CACpC"}

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

@@ -1,9 +1,6 @@
-import "../../dist-2TKCXdYZ.js";
-import "../../lib-6BbFZdI7.js";
+import "../../dist-BIkFjHck.js";
 import { t as e } from "../../Label-o0BcWTUS.js";
-import "../../test-utils-BSs0eZfL.js";
-import "../../client-UU-mS47K.js";
-import { i as t, n } from "../../react.esm-CzIhAqlo.js";
+import { i as t, n } from "../../react.esm-R7eBXTUI.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Label/Label.test.tsx
 describe("Label", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"Label.test.js","names":[],"sources":["../../../src/components/Label/Label.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Label } from './Label';\n\ndescribe('Label', () => {\n  it('should render', () => {\n    render(<Label htmlFor=\"testComponent\">Test label</Label>);\n    expect(screen.getByText('Test label')).toBeInTheDocument();\n  });\n\n  it('should render with required', () => {\n    render(\n      <Label htmlFor=\"testComponent\" required={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--required');\n  });\n\n  it('should render with noFontWeight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" noFontWeight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--unset-font-weight');\n  });\n\n  it('should render with alignRight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" alignRight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--align-right');\n  });\n});\n"],"mappings":";;;;;;;;AAKA,SAAS,eAAe;AAwBtB,CAvBA,GAAG,uBAAuB;AAExB,EADA,EAAO,kBAAC,GAAD;GAAO,SAAQ;aAAgB;GAAkB,CAAA,CAAC,EACzD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB;GAC1D,EAEF,GAAG,qCAAqC;AAMtC,EALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,UAAU;aAAM;GAEvC,CAAA,CACT,EACD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,YAAY,kBAAkB;GACrE,EAEF,GAAG,yCAAyC;AAM1C,EALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,cAAc;aAAM;GAE3C,CAAA,CACT,EACD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,YAAY,2BAA2B;GAC9E,EAEF,GAAG,uCAAuC;AAMxC,EALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,YAAY;aAAM;GAEzC,CAAA,CACT,EACD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,YAAY,qBAAqB;GACxE;EACF"}
+{"version":3,"file":"Label.test.js","names":[],"sources":["../../../src/components/Label/Label.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Label } from './Label';\n\ndescribe('Label', () => {\n  it('should render', () => {\n    render(<Label htmlFor=\"testComponent\">Test label</Label>);\n    expect(screen.getByText('Test label')).toBeInTheDocument();\n  });\n\n  it('should render with required', () => {\n    render(\n      <Label htmlFor=\"testComponent\" required={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--required');\n  });\n\n  it('should render with noFontWeight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" noFontWeight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--unset-font-weight');\n  });\n\n  it('should render with alignRight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" alignRight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--align-right');\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,eAAe;AAwBtB,CAvBA,GAAG,uBAAuB;AAExB,EADA,EAAO,kBAAC,GAAD;GAAO,SAAQ;aAAgB;GAAkB,CAAA,CAAC,EACzD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB;GAC1D,EAEF,GAAG,qCAAqC;AAMtC,EALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,UAAU;aAAM;GAEvC,CAAA,CACT,EACD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,YAAY,kBAAkB;GACrE,EAEF,GAAG,yCAAyC;AAM1C,EALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,cAAc;aAAM;GAE3C,CAAA,CACT,EACD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,YAAY,2BAA2B;GAC9E,EAEF,GAAG,uCAAuC;AAMxC,EALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,YAAY;aAAM;GAEzC,CAAA,CACT,EACD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,YAAY,qBAAqB;GACxE;EACF"}

package/dist/components/MetaDataBar/MetaDataBar.test.js

@@ -1,8 +1,5 @@
-import "../../lib-6BbFZdI7.js";
 import { t as e } from "../../MetaDataBar-C4QO9oBV.js";
-import "../../test-utils-BSs0eZfL.js";
-import "../../client-UU-mS47K.js";
-import { i as t, n } from "../../react.esm-CzIhAqlo.js";
+import { i as t, n } from "../../react.esm-R7eBXTUI.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/MetaDataBar/MetaDataBar.test.tsx
 jest.mock("components/Icon", () => ({ Icon: ({ name: e }) => /* @__PURE__ */ r("span", {

package/dist/components/MetaDataBar/MetaDataBar.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaDataBar.test.js","names":[],"sources":["../../../src/components/MetaDataBar/MetaDataBar.test.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react';\n\nimport type { IconProps } from 'components/Icon';\n\nimport { MetaDataBar } from './MetaDataBar';\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: IconProps['name'] }) => <span data-testid=\"icon\">{name}</span>,\n}));\n\nconst mockItemData = [\n  { iconName: 'AcademicCap' as IconProps['name'], itemLabel: 'Jedi Academy' },\n  { iconName: 'User' as IconProps['name'], itemLabel: 'Luuk Hemelwandelaar' },\n];\n\ndescribe('MetaDataBar', () => {\n  it('renders correctly with content items', () => {\n    render(<MetaDataBar itemData={mockItemData} />);\n\n    expect(screen.getByText('AcademicCap')).toBeInTheDocument();\n    expect(screen.getByText('Jedi Academy')).toBeInTheDocument();\n    expect(screen.getByText('User')).toBeInTheDocument();\n    expect(screen.getByText('Luuk Hemelwandelaar')).toBeInTheDocument();\n\n    expect(screen.getAllByTestId('icon')).toHaveLength(mockItemData.length);\n  });\n\n  it('renders nothing when content is empty', () => {\n    render(<MetaDataBar itemData={[]} />);\n    expect(screen.queryByTestId('icon')).not.toBeInTheDocument();\n    expect(screen.queryByText(/.+/)).not.toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;;;AAMA,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAAwC,kBAAC,QAAD;CAAM,eAAY;WAAQ;CAAY,CAAA,EACxF,EAAE;AAEH,IAAM,IAAe,CACnB;CAAE,UAAU;CAAoC,WAAW;CAAgB,EAC3E;CAAE,UAAU;CAA6B,WAAW;CAAuB,CAC5E;AAED,SAAS,qBAAqB;AAY5B,CAXA,GAAG,8CAA8C;AAQ/C,EAPA,EAAO,kBAAC,GAAD,EAAa,UAAU,GAAgB,CAAA,CAAC,EAE/C,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB,EAC3D,OAAO,EAAO,UAAU,eAAe,CAAC,CAAC,mBAAmB,EAC5D,OAAO,EAAO,UAAU,OAAO,CAAC,CAAC,mBAAmB,EACpD,OAAO,EAAO,UAAU,sBAAsB,CAAC,CAAC,mBAAmB,EAEnE,OAAO,EAAO,eAAe,OAAO,CAAC,CAAC,aAAa,EAAa,OAAO;GACvE,EAEF,GAAG,+CAA+C;AAGhD,EAFA,EAAO,kBAAC,GAAD,EAAa,UAAU,EAAE,EAAI,CAAA,CAAC,EACrC,OAAO,EAAO,cAAc,OAAO,CAAC,CAAC,IAAI,mBAAmB,EAC5D,OAAO,EAAO,YAAY,KAAK,CAAC,CAAC,IAAI,mBAAmB;GACxD;EACF"}
+{"version":3,"file":"MetaDataBar.test.js","names":[],"sources":["../../../src/components/MetaDataBar/MetaDataBar.test.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react';\n\nimport type { IconProps } from 'components/Icon';\n\nimport { MetaDataBar } from './MetaDataBar';\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: IconProps['name'] }) => <span data-testid=\"icon\">{name}</span>,\n}));\n\nconst mockItemData = [\n  { iconName: 'AcademicCap' as IconProps['name'], itemLabel: 'Jedi Academy' },\n  { iconName: 'User' as IconProps['name'], itemLabel: 'Luuk Hemelwandelaar' },\n];\n\ndescribe('MetaDataBar', () => {\n  it('renders correctly with content items', () => {\n    render(<MetaDataBar itemData={mockItemData} />);\n\n    expect(screen.getByText('AcademicCap')).toBeInTheDocument();\n    expect(screen.getByText('Jedi Academy')).toBeInTheDocument();\n    expect(screen.getByText('User')).toBeInTheDocument();\n    expect(screen.getByText('Luuk Hemelwandelaar')).toBeInTheDocument();\n\n    expect(screen.getAllByTestId('icon')).toHaveLength(mockItemData.length);\n  });\n\n  it('renders nothing when content is empty', () => {\n    render(<MetaDataBar itemData={[]} />);\n    expect(screen.queryByTestId('icon')).not.toBeInTheDocument();\n    expect(screen.queryByText(/.+/)).not.toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;AAMA,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAAwC,kBAAC,QAAD;CAAM,eAAY;WAAQ;CAAY,CAAA,EACxF,EAAE;AAEH,IAAM,IAAe,CACnB;CAAE,UAAU;CAAoC,WAAW;CAAgB,EAC3E;CAAE,UAAU;CAA6B,WAAW;CAAuB,CAC5E;AAED,SAAS,qBAAqB;AAY5B,CAXA,GAAG,8CAA8C;AAQ/C,EAPA,EAAO,kBAAC,GAAD,EAAa,UAAU,GAAgB,CAAA,CAAC,EAE/C,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB,EAC3D,OAAO,EAAO,UAAU,eAAe,CAAC,CAAC,mBAAmB,EAC5D,OAAO,EAAO,UAAU,OAAO,CAAC,CAAC,mBAAmB,EACpD,OAAO,EAAO,UAAU,sBAAsB,CAAC,CAAC,mBAAmB,EAEnE,OAAO,EAAO,eAAe,OAAO,CAAC,CAAC,aAAa,EAAa,OAAO;GACvE,EAEF,GAAG,+CAA+C;AAGhD,EAFA,EAAO,kBAAC,GAAD,EAAa,UAAU,EAAE,EAAI,CAAA,CAAC,EACrC,OAAO,EAAO,cAAc,OAAO,CAAC,CAAC,IAAI,mBAAmB,EAC5D,OAAO,EAAO,YAAY,KAAK,CAAC,CAAC,IAAI,mBAAmB;GACxD;EACF"}

package/dist/components/ModalDialog/ModalDialog.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ModalDialog-HUkDdAJ-.js";
+import { t as e } from "../../ModalDialog-N50NGnd4.js";
 export { e as ModalDialog };

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

@@ -1,10 +1,10 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { Button as t } from "../Buttons/Button.js";
 import { t as n } from "../../ButtonGroup-DR80lTLz.js";
 import { t as r } from "../../Label-o0BcWTUS.js";
 import { t as i } from "../../FormField-BZSoQdp9.js";
 import { t as a } from "../../InputField-BWAy19w9.js";
-import { t as o } from "../../ModalDialog-HUkDdAJ-.js";
+import { t as o } from "../../ModalDialog-N50NGnd4.js";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { ModalProvider as l } from "@react-aria/overlays";
 var u = {

package/dist/components/ModalDialog/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ModalDialog-HUkDdAJ-.js";
+import { t as e } from "../../ModalDialog-N50NGnd4.js";
 export { e as ModalDialog };

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,3 +1,2 @@
-import { f as e } from "../../components-MNvdQLv1.js";
-import "../../PasteHandlerPlugin-DjD1wryY.js";
+import { f as e } from "../../components-DAwjkky5.js";
 export { e as MultiSelect };

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

@@ -1,6 +1,5 @@
-import { r as e } from "../../test-DQruvi8i.js";
-import { f as t } from "../../components-MNvdQLv1.js";
-import "../../PasteHandlerPlugin-DjD1wryY.js";
+import { r as e } from "../../test-Cr_l59hN.js";
+import { f as t } from "../../components-DAwjkky5.js";
 import { t as n } from "../../Container-BLjtYDqq.js";
 import "../../storyComponents/Container/index.js";
 import { useState as r } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.stories.js","names":[],"sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { ChangeEvent, PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectProps } from './MultiSelect';\n\nimport { MultiSelect } from './MultiSelect';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = `\n  // MultiSelectHeader can be added optionally\n  <MultiSelect.MultiSelectHeader label={label} clearTrigger={clearTrigger} onClear={handleClear} />\n  <MultiSelect noBorder={noBorder} scrollable={scrollable}>\n    {mockItems.map(({ itemName, itemValue, disabled }) => (\n      <MultiSelect.MultiSelectItem key={itemName} label={itemName} value={itemValue}\n        checked={stateItems.includes(itemValue)} onChange={handleChange} disabled={disabled} />\n    ))}\n  </MultiSelect>\n  `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelect',\n  component: MultiSelect,\n  argTypes: {\n    header: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: MultiSelect,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<MultiSelectProps>>;\n\nconst Template: StoryFn<PropsWithChildren<MultiSelectProps>> = (args) => {\n  const [items, setItems] = useState<string[]>([]);\n\n  const mockItems = [\n    { itemName: 'AItem 1', itemValue: '1', disabled: true },\n    { itemName: 'BItem 2', itemValue: '2' },\n    { itemName: 'Multi line Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3', itemValue: '3' },\n    { itemName: 'CItem 4', itemValue: '4' },\n    { itemName: 'DItem 5', itemValue: '5' },\n    { itemName: 'EItem 6', itemValue: '6' },\n  ];\n\n  const handleClear = () => {\n    setItems([]);\n    fn()();\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\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  return (\n    <Container>\n      {/* header added under separate boolean arg here for storybook purpose, \n      it should be added as direct arg to MultiSelect when used in application */}\n      {args.header && (\n        <MultiSelect.MultiSelectHeader\n          label=\"Item list\"\n          clearTrigger={items.length > 0 ? 'Clear Selection' : ''}\n          onClear={handleClear}\n        />\n      )}\n      <MultiSelect {...args}>\n        {mockItems.map(({ itemName, itemValue, disabled }) => (\n          <MultiSelect.MultiSelectItem\n            key={itemName}\n            label={itemName}\n            value={itemValue}\n            checked={items.includes(itemValue)}\n            onChange={handleChange}\n            disabled={disabled}\n          />\n        ))}\n      </MultiSelect>\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectProps> = {\n  scrollable: true,\n  noBorder: false,\n};\n\nexport const MultiSelectExample = Template.bind({});\nMultiSelectExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithHeader = Template.bind({});\nWithHeader.args = {\n  ...defaultArgs,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n\nexport const WithheaderAndWithoutScrollContainerAndBorder = Template.bind({});\nWithheaderAndWithoutScrollContainerAndBorder.args = {\n  scrollable: false,\n  noBorder: true,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n"],"mappings":";;;;;;;AAuBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,QAAQ,EACN,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAxBG;EAyBhB;CACF,EAEK,KAA0D,MAAS;CACvE,IAAM,CAAC,GAAO,KAAY,EAAmB,EAAE,CAAC,EAE1C,IAAY;EAChB;GAAE,UAAU;GAAW,WAAW;GAAK,UAAU;GAAM;EACvD;GAAE,UAAU;GAAW,WAAW;GAAK;EACvC;GAAE,UAAU;GAAoF,WAAW;GAAK;EAChH;GAAE,UAAU;GAAW,WAAW;GAAK;EACvC;GAAE,UAAU;GAAW,WAAW;GAAK;EACvC;GAAE,UAAU;GAAW,WAAW;GAAK;EACxC,EAEK,UAAoB;AAExB,EADA,EAAS,EAAE,CAAC,EACZ,GAAI,EAAE;IAGF,KAAgB,MAAyC;EAC7D,IAAM,EAAE,YAAS,aAAU,EAAM;AACjC,KAAU,MAAc;GACtB,IAAM,IAAW,IAAU,CAAC,GAAG,GAAW,EAAM,GAAG,EAAU,QAAQ,MAAc,MAAc,EAAM;AAEvG,UADA,GAAI,CAAC,EAAS,EACP;IACP;;AAGJ,QACE,kBAAC,GAAD,EAAA,UAAA,CAGG,EAAK,UACJ,kBAAC,EAAY,mBAAb;EACE,OAAM;EACN,cAAc,EAAM,SAAS,IAAI,oBAAoB;EACrD,SAAS;EACT,CAAA,EAEJ,kBAAC,GAAD;EAAa,GAAI;YACd,EAAU,KAAK,EAAE,aAAU,cAAW,kBACrC,kBAAC,EAAY,iBAAb;GAEE,OAAO;GACP,OAAO;GACP,SAAS,EAAM,SAAS,EAAU;GAClC,UAAU;GACA;GACV,EANK,EAML,CACF;EACU,CAAA,CACJ,EAAA,CAAA;GAIV,IAAyC;CAC7C,YAAY;CACZ,UAAU;CACX,EAEY,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,GAAG,GACJ;AAED,IAAa,IAAa,EAAS,KAAK,EAAE,CAAC;AAC3C,EAAW,OAAO;CAChB,GAAG;CAGH,QAAQ;CACT;AAED,IAAa,IAA+C,EAAS,KAAK,EAAE,CAAC;AAC7E,EAA6C,OAAO;CAClD,YAAY;CACZ,UAAU;CAGV,QAAQ;CACT"}
+{"version":3,"file":"MultiSelect.stories.js","names":[],"sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { ChangeEvent, PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectProps } from './MultiSelect';\n\nimport { MultiSelect } from './MultiSelect';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = `\n  // MultiSelectHeader can be added optionally\n  <MultiSelect.MultiSelectHeader label={label} clearTrigger={clearTrigger} onClear={handleClear} />\n  <MultiSelect noBorder={noBorder} scrollable={scrollable}>\n    {mockItems.map(({ itemName, itemValue, disabled }) => (\n      <MultiSelect.MultiSelectItem key={itemName} label={itemName} value={itemValue}\n        checked={stateItems.includes(itemValue)} onChange={handleChange} disabled={disabled} />\n    ))}\n  </MultiSelect>\n  `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelect',\n  component: MultiSelect,\n  argTypes: {\n    header: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: MultiSelect,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<MultiSelectProps>>;\n\nconst Template: StoryFn<PropsWithChildren<MultiSelectProps>> = (args) => {\n  const [items, setItems] = useState<string[]>([]);\n\n  const mockItems = [\n    { itemName: 'AItem 1', itemValue: '1', disabled: true },\n    { itemName: 'BItem 2', itemValue: '2' },\n    { itemName: 'Multi line Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3', itemValue: '3' },\n    { itemName: 'CItem 4', itemValue: '4' },\n    { itemName: 'DItem 5', itemValue: '5' },\n    { itemName: 'EItem 6', itemValue: '6' },\n  ];\n\n  const handleClear = () => {\n    setItems([]);\n    fn()();\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\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  return (\n    <Container>\n      {/* header added under separate boolean arg here for storybook purpose, \n      it should be added as direct arg to MultiSelect when used in application */}\n      {args.header && (\n        <MultiSelect.MultiSelectHeader\n          label=\"Item list\"\n          clearTrigger={items.length > 0 ? 'Clear Selection' : ''}\n          onClear={handleClear}\n        />\n      )}\n      <MultiSelect {...args}>\n        {mockItems.map(({ itemName, itemValue, disabled }) => (\n          <MultiSelect.MultiSelectItem\n            key={itemName}\n            label={itemName}\n            value={itemValue}\n            checked={items.includes(itemValue)}\n            onChange={handleChange}\n            disabled={disabled}\n          />\n        ))}\n      </MultiSelect>\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectProps> = {\n  scrollable: true,\n  noBorder: false,\n};\n\nexport const MultiSelectExample = Template.bind({});\nMultiSelectExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithHeader = Template.bind({});\nWithHeader.args = {\n  ...defaultArgs,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n\nexport const WithheaderAndWithoutScrollContainerAndBorder = Template.bind({});\nWithheaderAndWithoutScrollContainerAndBorder.args = {\n  scrollable: false,\n  noBorder: true,\n  // boolean is not normal way of adding header but if added after template the rerender logic of\n  // storybook would not correctly clear the checkboxes\n  header: true,\n};\n"],"mappings":";;;;;;AAuBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,QAAQ,EACN,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAxBG;EAyBhB;CACF,EAEK,KAA0D,MAAS;CACvE,IAAM,CAAC,GAAO,KAAY,EAAmB,EAAE,CAAC,EAE1C,IAAY;EAChB;GAAE,UAAU;GAAW,WAAW;GAAK,UAAU;GAAM;EACvD;GAAE,UAAU;GAAW,WAAW;GAAK;EACvC;GAAE,UAAU;GAAoF,WAAW;GAAK;EAChH;GAAE,UAAU;GAAW,WAAW;GAAK;EACvC;GAAE,UAAU;GAAW,WAAW;GAAK;EACvC;GAAE,UAAU;GAAW,WAAW;GAAK;EACxC,EAEK,UAAoB;AAExB,EADA,EAAS,EAAE,CAAC,EACZ,GAAI,EAAE;IAGF,KAAgB,MAAyC;EAC7D,IAAM,EAAE,YAAS,aAAU,EAAM;AACjC,KAAU,MAAc;GACtB,IAAM,IAAW,IAAU,CAAC,GAAG,GAAW,EAAM,GAAG,EAAU,QAAQ,MAAc,MAAc,EAAM;AAEvG,UADA,GAAI,CAAC,EAAS,EACP;IACP;;AAGJ,QACE,kBAAC,GAAD,EAAA,UAAA,CAGG,EAAK,UACJ,kBAAC,EAAY,mBAAb;EACE,OAAM;EACN,cAAc,EAAM,SAAS,IAAI,oBAAoB;EACrD,SAAS;EACT,CAAA,EAEJ,kBAAC,GAAD;EAAa,GAAI;YACd,EAAU,KAAK,EAAE,aAAU,cAAW,kBACrC,kBAAC,EAAY,iBAAb;GAEE,OAAO;GACP,OAAO;GACP,SAAS,EAAM,SAAS,EAAU;GAClC,UAAU;GACA;GACV,EANK,EAML,CACF;EACU,CAAA,CACJ,EAAA,CAAA;GAIV,IAAyC;CAC7C,YAAY;CACZ,UAAU;CACX,EAEY,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,GAAG,GACJ;AAED,IAAa,IAAa,EAAS,KAAK,EAAE,CAAC;AAC3C,EAAW,OAAO;CAChB,GAAG;CAGH,QAAQ;CACT;AAED,IAAa,IAA+C,EAAS,KAAK,EAAE,CAAC;AAC7E,EAA6C,OAAO;CAClD,YAAY;CACZ,UAAU;CAGV,QAAQ;CACT"}

package/dist/components/MultiSelect/components/MultiSelectHeader.js

@@ -1,3 +1,2 @@
-import { p as e } from "../../../components-MNvdQLv1.js";
-import "../../../PasteHandlerPlugin-DjD1wryY.js";
+import { p as e } from "../../../components-DAwjkky5.js";
 export { e as MultiSelectHeader };

package/dist/components/MultiSelect/index.js

@@ -1,3 +1,2 @@
-import { f as e } from "../../components-MNvdQLv1.js";
-import "../../PasteHandlerPlugin-DjD1wryY.js";
+import { f as e } from "../../components-DAwjkky5.js";
 export { e as MultiSelect };

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { t } from "../../MultiSelectBox-Cuh_o-A1.js";
 import { useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";

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

@@ -1,9 +1,6 @@
-import "../../dist-2TKCXdYZ.js";
-import "../../lib-6BbFZdI7.js";
+import "../../dist-BIkFjHck.js";
 import { t as e } from "../../MultiSelectBox-Cuh_o-A1.js";
-import "../../test-utils-BSs0eZfL.js";
-import "../../client-UU-mS47K.js";
-import { i as t, n, t as r } from "../../react.esm-CzIhAqlo.js";
+import { i as t, n, t as r } from "../../react.esm-R7eBXTUI.js";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/MultiSelectBox/MultiSelectBox.test.tsx
 var s = jest.fn(), c = [

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectBox.test.js","names":[],"sources":["../../../src/components/MultiSelectBox/MultiSelectBox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\n\nimport { MultiSelectBox } from './MultiSelectBox';\n\nconst onChangeSpy = jest.fn();\n\nconst mockSelectData = [\n  { label: 'Option 1', value: '1' },\n  { label: 'Option 2', value: '2' },\n  { label: 'Option 3', value: '3' },\n];\n\ndescribe('MultiSelectBox', () => {\n  it('renders the component with default props', () => {\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\n    const button = screen.getByRole('button');\n    expect(button).toBeInTheDocument();\n    expect(button).toHaveAttribute('aria-expanded', 'false');\n  });\n\n  it('opens the dropdown when the button is clicked', () => {\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\n    const button = screen.getByRole('button');\n    fireEvent.click(button);\n    expect(button).toHaveAttribute('aria-expanded', 'true');\n    expect(screen.getByRole('listbox')).toBeInTheDocument();\n  });\n\n  it('closes the dropdown when clicking outside', () => {\n    render(\n      <>\n        <MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />\n        <div data-testid=\"outside-element\">Outside</div>\n      </>\n    );\n\n    const button = screen.getByRole('button');\n    fireEvent.click(button);\n    expect(button).toHaveAttribute('aria-expanded', 'true');\n    const outsideElement = screen.getByTestId('outside-element');\n    fireEvent.click(outsideElement);\n    expect(button).toHaveAttribute('aria-expanded', 'false');\n  });\n});\n"],"mappings":";;;;;;;;AAKA,IAAM,IAAc,KAAK,IAAI,EAEvB,IAAiB;CACrB;EAAE,OAAO;EAAY,OAAO;EAAK;CACjC;EAAE,OAAO;EAAY,OAAO;EAAK;CACjC;EAAE,OAAO;EAAY,OAAO;EAAK;CAClC;AAED,SAAS,wBAAwB;AAgB/B,CAfA,GAAG,kDAAkD;AACnD,IAAO,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;GAAa,CAAA,CAAC;EACpG,IAAM,IAAS,EAAO,UAAU,SAAS;AAEzC,EADA,OAAO,EAAO,CAAC,mBAAmB,EAClC,OAAO,EAAO,CAAC,gBAAgB,iBAAiB,QAAQ;GACxD,EAEF,GAAG,uDAAuD;AACxD,IAAO,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;GAAa,CAAA,CAAC;EACpG,IAAM,IAAS,EAAO,UAAU,SAAS;AAGzC,EAFA,EAAU,MAAM,EAAO,EACvB,OAAO,EAAO,CAAC,gBAAgB,iBAAiB,OAAO,EACvD,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;GACvD,EAEF,GAAG,mDAAmD;AACpD,IACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;GAAa,CAAA,EAC5F,kBAAC,OAAD;GAAK,eAAY;aAAkB;GAAa,CAAA,CAC/C,EAAA,CAAA,CACJ;EAED,IAAM,IAAS,EAAO,UAAU,SAAS;AAEzC,EADA,EAAU,MAAM,EAAO,EACvB,OAAO,EAAO,CAAC,gBAAgB,iBAAiB,OAAO;EACvD,IAAM,IAAiB,EAAO,YAAY,kBAAkB;AAE5D,EADA,EAAU,MAAM,EAAe,EAC/B,OAAO,EAAO,CAAC,gBAAgB,iBAAiB,QAAQ;GACxD;EACF"}
+{"version":3,"file":"MultiSelectBox.test.js","names":[],"sources":["../../../src/components/MultiSelectBox/MultiSelectBox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\n\nimport { MultiSelectBox } from './MultiSelectBox';\n\nconst onChangeSpy = jest.fn();\n\nconst mockSelectData = [\n  { label: 'Option 1', value: '1' },\n  { label: 'Option 2', value: '2' },\n  { label: 'Option 3', value: '3' },\n];\n\ndescribe('MultiSelectBox', () => {\n  it('renders the component with default props', () => {\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\n    const button = screen.getByRole('button');\n    expect(button).toBeInTheDocument();\n    expect(button).toHaveAttribute('aria-expanded', 'false');\n  });\n\n  it('opens the dropdown when the button is clicked', () => {\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\n    const button = screen.getByRole('button');\n    fireEvent.click(button);\n    expect(button).toHaveAttribute('aria-expanded', 'true');\n    expect(screen.getByRole('listbox')).toBeInTheDocument();\n  });\n\n  it('closes the dropdown when clicking outside', () => {\n    render(\n      <>\n        <MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />\n        <div data-testid=\"outside-element\">Outside</div>\n      </>\n    );\n\n    const button = screen.getByRole('button');\n    fireEvent.click(button);\n    expect(button).toHaveAttribute('aria-expanded', 'true');\n    const outsideElement = screen.getByTestId('outside-element');\n    fireEvent.click(outsideElement);\n    expect(button).toHaveAttribute('aria-expanded', 'false');\n  });\n});\n"],"mappings":";;;;;AAKA,IAAM,IAAc,KAAK,IAAI,EAEvB,IAAiB;CACrB;EAAE,OAAO;EAAY,OAAO;EAAK;CACjC;EAAE,OAAO;EAAY,OAAO;EAAK;CACjC;EAAE,OAAO;EAAY,OAAO;EAAK;CAClC;AAED,SAAS,wBAAwB;AAgB/B,CAfA,GAAG,kDAAkD;AACnD,IAAO,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;GAAa,CAAA,CAAC;EACpG,IAAM,IAAS,EAAO,UAAU,SAAS;AAEzC,EADA,OAAO,EAAO,CAAC,mBAAmB,EAClC,OAAO,EAAO,CAAC,gBAAgB,iBAAiB,QAAQ;GACxD,EAEF,GAAG,uDAAuD;AACxD,IAAO,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;GAAa,CAAA,CAAC;EACpG,IAAM,IAAS,EAAO,UAAU,SAAS;AAGzC,EAFA,EAAU,MAAM,EAAO,EACvB,OAAO,EAAO,CAAC,gBAAgB,iBAAiB,OAAO,EACvD,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;GACvD,EAEF,GAAG,mDAAmD;AACpD,IACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAgB,YAAY;GAAgB,UAAU;GAAa,aAAY;GAAa,CAAA,EAC5F,kBAAC,OAAD;GAAK,eAAY;aAAkB;GAAa,CAAA,CAC/C,EAAA,CAAA,CACJ;EAED,IAAM,IAAS,EAAO,UAAU,SAAS;AAEzC,EADA,EAAU,MAAM,EAAO,EACvB,OAAO,EAAO,CAAC,gBAAgB,iBAAiB,OAAO;EACvD,IAAM,IAAiB,EAAO,YAAY,kBAAkB;AAE5D,EADA,EAAU,MAAM,EAAe,EAC/B,OAAO,EAAO,CAAC,gBAAgB,iBAAiB,QAAQ;GACxD;EACF"}

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { t } from "../../Notification-CIhsHuF0.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {

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

@@ -1,9 +1,6 @@
-import "../../dist-2TKCXdYZ.js";
-import "../../lib-6BbFZdI7.js";
+import "../../dist-BIkFjHck.js";
 import { t as e } from "../../Notification-CIhsHuF0.js";
-import "../../test-utils-BSs0eZfL.js";
-import "../../client-UU-mS47K.js";
-import { i as t, n } from "../../react.esm-CzIhAqlo.js";
+import { i as t, n } from "../../react.esm-R7eBXTUI.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Notification/Notification.test.tsx
 describe("Notification", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.test.js","names":[],"sources":["../../../src/components/Notification/Notification.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Notification } from './Notification';\n\ndescribe('Notification', () => {\n  it('renders title and subtitle', () => {\n    render(<Notification level=\"information\" title=\"Info title\" subtitle=\"Info subtitle\" />);\n    expect(screen.getByText('Info title')).toBeInTheDocument();\n    expect(screen.getByText('Info subtitle')).toBeInTheDocument();\n  });\n\n  it('renders bar variant', () => {\n    render(<Notification level=\"danger\" variant=\"bar\" title=\"Danger title\" />);\n    expect(screen.getByText('Danger title')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;;;;AAKA,SAAS,sBAAsB;AAO7B,CANA,GAAG,oCAAoC;AAGrC,EAFA,EAAO,kBAAC,GAAD;GAAc,OAAM;GAAc,OAAM;GAAa,UAAS;GAAkB,CAAA,CAAC,EACxF,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB,EAC1D,OAAO,EAAO,UAAU,gBAAgB,CAAC,CAAC,mBAAmB;GAC7D,EAEF,GAAG,6BAA6B;AAE9B,EADA,EAAO,kBAAC,GAAD;GAAc,OAAM;GAAS,SAAQ;GAAM,OAAM;GAAiB,CAAA,CAAC,EAC1E,OAAO,EAAO,UAAU,eAAe,CAAC,CAAC,mBAAmB;GAC5D;EACF"}
+{"version":3,"file":"Notification.test.js","names":[],"sources":["../../../src/components/Notification/Notification.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Notification } from './Notification';\n\ndescribe('Notification', () => {\n  it('renders title and subtitle', () => {\n    render(<Notification level=\"information\" title=\"Info title\" subtitle=\"Info subtitle\" />);\n    expect(screen.getByText('Info title')).toBeInTheDocument();\n    expect(screen.getByText('Info subtitle')).toBeInTheDocument();\n  });\n\n  it('renders bar variant', () => {\n    render(<Notification level=\"danger\" variant=\"bar\" title=\"Danger title\" />);\n    expect(screen.getByText('Danger title')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,sBAAsB;AAO7B,CANA,GAAG,oCAAoC;AAGrC,EAFA,EAAO,kBAAC,GAAD;GAAc,OAAM;GAAc,OAAM;GAAa,UAAS;GAAkB,CAAA,CAAC,EACxF,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB,EAC1D,OAAO,EAAO,UAAU,gBAAgB,CAAC,CAAC,mBAAmB;GAC7D,EAEF,GAAG,6BAA6B;AAE9B,EADA,EAAO,kBAAC,GAAD;GAAc,OAAM;GAAS,SAAQ;GAAM,OAAM;GAAiB,CAAA,CAAC,EAC1E,OAAO,EAAO,UAAU,eAAe,CAAC,CAAC,mBAAmB;GAC5D;EACF"}

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

@@ -1,10 +1,9 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { t } from "../../OverlayCloseButton-rttFbAM_.js";
 import { t as n } from "../../Container-BLjtYDqq.js";
 import "../../storyComponents/Container/index.js";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/components/OverlayCloseButton/OverlayCloseButton.stories.tsx
-var i = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />", a = {
+var i = {
 	title: "Atoms/OverlayCloseButton",
 	component: t,
 	argTypes: {
@@ -13,19 +12,19 @@ var i = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} /
 	},
 	parameters: {
 		inspectComponent: t,
-		codeString: i
+		codeString: "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />"
 	}
-}, o = ((e) => /* @__PURE__ */ r(n, {
+}, a = ((e) => /* @__PURE__ */ r(n, {
 	size: "small",
 	padded: !1,
 	children: /* @__PURE__ */ r(t, { ...e })
 })).bind({});
-o.args = {
+a.args = {
 	paddedModal: !1,
 	"aria-label": "Close",
 	onClick: e()
 };
 //#endregion
-export { o as OverlayCloseButtonExample, a as default };
+export { a as OverlayCloseButtonExample, i as default };
 
 //# sourceMappingURL=OverlayCloseButton.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayCloseButton.stories.js","names":[],"sources":["../../../src/components/OverlayCloseButton/OverlayCloseButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayCloseButtonProps } from './OverlayCloseButton';\n\nimport { OverlayCloseButton } from './OverlayCloseButton';\n\nimport { Container } from 'storyComponents/Container/';\n\nconst codeString = '<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/OverlayCloseButton',\n  component: OverlayCloseButton,\n  argTypes: {\n    paddedModal: {\n      control: 'boolean',\n    },\n    'aria-label': {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: OverlayCloseButton,\n    codeString: codeString,\n  },\n} as Meta<OverlayCloseButtonProps>;\n\nconst Template: StoryFn<OverlayCloseButtonProps> = (args) => {\n  return (\n    <Container size=\"small\" padded={false}>\n      <OverlayCloseButton {...args} />\n    </Container>\n  );\n};\n\nexport const OverlayCloseButtonExample = Template.bind({});\nOverlayCloseButtonExample.args = {\n  paddedModal: false,\n  'aria-label': 'Close',\n  onClick: fn(),\n};\n"],"mappings":";;;;;;AASA,IAAM,IAAa,4EAGnB,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,aAAa,EACX,SAAS,WACV;EACD,cAAc,EACZ,SAAS,QACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAUY,MARuC,MAEhD,kBAAC,GAAD;CAAW,MAAK;CAAQ,QAAQ;WAC9B,kBAAC,GAAD,EAAoB,GAAI,GAAQ,CAAA;CACtB,CAAA,EAIkC,KAAK,EAAE,CAAC;AAC1D,EAA0B,OAAO;CAC/B,aAAa;CACb,cAAc;CACd,SAAS,GAAI;CACd"}
+{"version":3,"file":"OverlayCloseButton.stories.js","names":[],"sources":["../../../src/components/OverlayCloseButton/OverlayCloseButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayCloseButtonProps } from './OverlayCloseButton';\n\nimport { OverlayCloseButton } from './OverlayCloseButton';\n\nimport { Container } from 'storyComponents/Container/';\n\nconst codeString = '<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/OverlayCloseButton',\n  component: OverlayCloseButton,\n  argTypes: {\n    paddedModal: {\n      control: 'boolean',\n    },\n    'aria-label': {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: OverlayCloseButton,\n    codeString: codeString,\n  },\n} as Meta<OverlayCloseButtonProps>;\n\nconst Template: StoryFn<OverlayCloseButtonProps> = (args) => {\n  return (\n    <Container size=\"small\" padded={false}>\n      <OverlayCloseButton {...args} />\n    </Container>\n  );\n};\n\nexport const OverlayCloseButtonExample = Template.bind({});\nOverlayCloseButtonExample.args = {\n  paddedModal: false,\n  'aria-label': 'Close',\n  onClick: fn(),\n};\n"],"mappings":";;;;;AAYA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,aAAa,EACX,SAAS,WACV;EACD,cAAc,EACZ,SAAS,QACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAhBG;EAiBhB;CACF,EAUY,MARuC,MAEhD,kBAAC,GAAD;CAAW,MAAK;CAAQ,QAAQ;WAC9B,kBAAC,GAAD,EAAoB,GAAI,GAAQ,CAAA;CACtB,CAAA,EAIkC,KAAK,EAAE,CAAC;AAC1D,EAA0B,OAAO;CAC/B,aAAa;CACb,cAAc;CACd,SAAS,GAAI;CACd"}

package/dist/components/PageOverlay/PageOverlay.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../PageOverlay-D_wG2oie.js";
+import { t as e } from "../../PageOverlay-S4xsqJha.js";
 export { e as PageOverlay };

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

@@ -3,7 +3,7 @@ import { t } from "../../ButtonGroup-DR80lTLz.js";
 import { t as n } from "../../Repeater-BhkTEUai.js";
 import { GridRow as r } from "../GridRow/GridRow.js";
 import { t as i } from "../../InputField-BWAy19w9.js";
-import { t as a } from "../../PageOverlay-D_wG2oie.js";
+import { t as a } from "../../PageOverlay-S4xsqJha.js";
 import o, { useCallback as s, useEffect as c, useReducer as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { OverlayProvider as m } from "@react-aria/overlays";

package/dist/components/PageOverlay/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../PageOverlay-D_wG2oie.js";
+import { t as e } from "../../PageOverlay-S4xsqJha.js";
 export { e as PageOverlay };

package/dist/components/PeriodSelector/PeriodSelector.js

@@ -1,3 +1,2 @@
-import { d as e } from "../../components-MNvdQLv1.js";
-import "../../PasteHandlerPlugin-DjD1wryY.js";
+import { d as e } from "../../components-DAwjkky5.js";
 export { e as PeriodSelector };

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

@@ -1,6 +1,5 @@
-import { r as e } from "../../test-DQruvi8i.js";
-import { d as t } from "../../components-MNvdQLv1.js";
-import "../../PasteHandlerPlugin-DjD1wryY.js";
+import { r as e } from "../../test-Cr_l59hN.js";
+import { d as t } from "../../components-DAwjkky5.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {
 	title: "Organisms/PeriodSelector",

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

@@ -1 +1 @@
-{"version":3,"file":"PeriodSelector.stories.js","names":[],"sources":["../../../src/components/PeriodSelector/PeriodSelector.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodSelectorProps } from './PeriodSelector';\n\nimport { PeriodSelector } from './PeriodSelector';\n\nconst codeString =\n  '<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/PeriodSelector',\n  component: PeriodSelector,\n  parameters: {\n    inspectComponent: PeriodSelector,\n    codeString: codeString,\n  },\n} as Meta<PeriodSelectorProps>;\n\nconst Template: StoryFn<PeriodSelectorProps> = (args) => <PeriodSelector {...args} />;\n\nexport const PeriodSelectorExample = Template.bind({});\n\nPeriodSelectorExample.args = {\n  maxPeriods: 7,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  defaultValues: [1, 5, 6],\n  label: 'Periode',\n  labelPosition: 'top',\n  required: true,\n  onChange: fn(),\n};\n"],"mappings":";;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARd;EASC;CACF,EAIY,MAFmC,MAAS,kBAAC,GAAD,EAAgB,GAAI,GAAQ,CAAA,EAEvC,KAAK,EAAE,CAAC;AAEtD,EAAsB,OAAO;CAC3B,YAAY;CAEZ,eAAe;EAAC;EAAG;EAAG;EAAE;CACxB,OAAO;CACP,eAAe;CACf,UAAU;CACV,UAAU,GAAI;CACf"}
+{"version":3,"file":"PeriodSelector.stories.js","names":[],"sources":["../../../src/components/PeriodSelector/PeriodSelector.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodSelectorProps } from './PeriodSelector';\n\nimport { PeriodSelector } from './PeriodSelector';\n\nconst codeString =\n  '<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/PeriodSelector',\n  component: PeriodSelector,\n  parameters: {\n    inspectComponent: PeriodSelector,\n    codeString: codeString,\n  },\n} as Meta<PeriodSelectorProps>;\n\nconst Template: StoryFn<PeriodSelectorProps> = (args) => <PeriodSelector {...args} />;\n\nexport const PeriodSelectorExample = Template.bind({});\n\nPeriodSelectorExample.args = {\n  maxPeriods: 7,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  defaultValues: [1, 5, 6],\n  label: 'Periode',\n  labelPosition: 'top',\n  required: true,\n  onChange: fn(),\n};\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARd;EASC;CACF,EAIY,MAFmC,MAAS,kBAAC,GAAD,EAAgB,GAAI,GAAQ,CAAA,EAEvC,KAAK,EAAE,CAAC;AAEtD,EAAsB,OAAO;CAC3B,YAAY;CAEZ,eAAe;EAAC;EAAG;EAAG;EAAE;CACxB,OAAO;CACP,eAAe;CACf,UAAU;CACV,UAAU,GAAI;CACf"}

package/dist/components/PeriodSelector/index.js

@@ -1,3 +1,2 @@
-import { d as e } from "../../components-MNvdQLv1.js";
-import "../../PasteHandlerPlugin-DjD1wryY.js";
+import { d as e } from "../../components-DAwjkky5.js";
 export { e as PeriodSelector };

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -1,8 +1,6 @@
 import { Icon as e } from "../Icon/Icon.js";
-import "../../components-MNvdQLv1.js";
 import { t } from "../../Repeater-BhkTEUai.js";
 import { t as n } from "../../ProgrammeCard-76gG7ksx.js";
-import "../../PasteHandlerPlugin-DjD1wryY.js";
 import { t as r } from "../../Container-BLjtYDqq.js";
 import "../../storyComponents/Container/index.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"ProgrammeCard.stories.js","names":[],"sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { BrowserRouter } from 'react-router';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} href={href} isNew={boolean} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\n  parameters: {\n    inspectComponent: ProgrammeCard,\n    codeString: codeString,\n  },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n  <BrowserRouter>\n    <Container size=\"large\">\n      <ProgrammeCard {...args} />\n    </Container>\n  </BrowserRouter>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is our header',\n  details: 'This is our details',\n  href: '/',\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  header: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Icon name=\"Envelope\" size={32} />\n      <h2 style={{ margin: 0 }}>This is my header</h2>\n    </Repeater>\n  ),\n  details: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"FaceFrown\" />\n        Details 1\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Heart\" />\n        Details 2\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Sparkles\" />\n        Details 3\n      </Repeater>\n    </Repeater>\n  ),\n  href: '/',\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <BrowserRouter>\n    <Container size=\"large\">\n      <Repeater>\n        <ProgrammeCard {...args} />\n        <ProgrammeCard {...args} />\n        <ProgrammeCard {...args} />\n      </Repeater>\n    </Container>\n  </BrowserRouter>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  href: '/',\n};\n"],"mappings":";;;;;;;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAEK,KAAyC,MAC7C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;CACjB,CAAA,EACE,CAAA,EAGL,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,QAAQ;CACR,SAAS;CACT,MAAM;CACP;AAED,IAAa,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,QACE,kBAAC,GAAD;EAAU,eAAc;EAAM,KAAI;YAAlC,CACE,kBAAC,GAAD;GAAM,MAAK;GAAW,MAAM;GAAM,CAAA,EAClC,kBAAC,MAAD;GAAI,OAAO,EAAE,QAAQ,GAAG;aAAE;GAAsB,CAAA,CACvC;;CAEb,SACE,kBAAC,GAAD;EAAU,eAAc;EAAM,KAAI;YAAlC;GACE,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,aAAc,CAAA,EAAA,YAEhB;;GACX,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,SAAU,CAAA,EAAA,YAEZ;;GACX,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,YAAa,CAAA,EAAA,YAEf;;GACF;;CAEb,MAAM;CACP;AAcD,IAAa,MAZqD,MAChE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;EAC3B,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;EAC3B,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;EAClB,EAAA,CAAA;CACD,CAAA,EACE,CAAA,EAG6C,KAAK,EAAE,CAAC;AACvE,EAAoB,OAAO;CACzB,QAAQ;CACR,SAAS;CACT,MAAM;CACP"}
+{"version":3,"file":"ProgrammeCard.stories.js","names":[],"sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { BrowserRouter } from 'react-router';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} href={href} isNew={boolean} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\n  parameters: {\n    inspectComponent: ProgrammeCard,\n    codeString: codeString,\n  },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n  <BrowserRouter>\n    <Container size=\"large\">\n      <ProgrammeCard {...args} />\n    </Container>\n  </BrowserRouter>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is our header',\n  details: 'This is our details',\n  href: '/',\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  header: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Icon name=\"Envelope\" size={32} />\n      <h2 style={{ margin: 0 }}>This is my header</h2>\n    </Repeater>\n  ),\n  details: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"FaceFrown\" />\n        Details 1\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Heart\" />\n        Details 2\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Sparkles\" />\n        Details 3\n      </Repeater>\n    </Repeater>\n  ),\n  href: '/',\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <BrowserRouter>\n    <Container size=\"large\">\n      <Repeater>\n        <ProgrammeCard {...args} />\n        <ProgrammeCard {...args} />\n        <ProgrammeCard {...args} />\n      </Repeater>\n    </Container>\n  </BrowserRouter>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  href: '/',\n};\n"],"mappings":";;;;;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAEK,KAAyC,MAC7C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;CACjB,CAAA,EACE,CAAA,EAGL,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,QAAQ;CACR,SAAS;CACT,MAAM;CACP;AAED,IAAa,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,QACE,kBAAC,GAAD;EAAU,eAAc;EAAM,KAAI;YAAlC,CACE,kBAAC,GAAD;GAAM,MAAK;GAAW,MAAM;GAAM,CAAA,EAClC,kBAAC,MAAD;GAAI,OAAO,EAAE,QAAQ,GAAG;aAAE;GAAsB,CAAA,CACvC;;CAEb,SACE,kBAAC,GAAD;EAAU,eAAc;EAAM,KAAI;YAAlC;GACE,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,aAAc,CAAA,EAAA,YAEhB;;GACX,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,SAAU,CAAA,EAAA,YAEZ;;GACX,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,YAAa,CAAA,EAAA,YAEf;;GACF;;CAEb,MAAM;CACP;AAcD,IAAa,MAZqD,MAChE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;EAC3B,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;EAC3B,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;EAClB,EAAA,CAAA;CACD,CAAA,EACE,CAAA,EAG6C,KAAK,EAAE,CAAC;AACvE,EAAoB,OAAO;CACzB,QAAQ;CACR,SAAS;CACT,MAAM;CACP"}

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { t } from "../../RadioGroup-JeTjVp5B.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {

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

@@ -1,9 +1,6 @@
-import "../../dist-2TKCXdYZ.js";
-import "../../lib-6BbFZdI7.js";
+import "../../dist-BIkFjHck.js";
 import { t as e } from "../../RadioGroup-JeTjVp5B.js";
-import "../../test-utils-BSs0eZfL.js";
-import "../../client-UU-mS47K.js";
-import { i as t, n, t as r } from "../../react.esm-CzIhAqlo.js";
+import { i as t, n, t as r } from "../../react.esm-R7eBXTUI.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/RadioGroup/Radiogroup.test.tsx
 var a = [{

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

@@ -1 +1 @@
-{"version":3,"file":"Radiogroup.test.js","names":[],"sources":["../../../src/components/RadioGroup/Radiogroup.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\n\nimport { RadioGroup } from './RadioGroup';\n\nconst options = [\n  { id: '1', titleLabel: 'Option 1', value: 'option1' },\n  { id: '2', titleLabel: 'Option 2', value: 'option2' },\n];\n\ndescribe('RadioGroup', () => {\n  it('should render correctly', () => {\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={jest.fn()} />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n    expect(screen.getByText('Option 1')).toBeInTheDocument();\n    expect(screen.getByText('Option 2')).toBeInTheDocument();\n  });\n\n  it('should call onChange when an option is selected', () => {\n    const handleChange = jest.fn();\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={handleChange} />);\n\n    const option1 = screen.getByLabelText('Option 1');\n    fireEvent.click(option1);\n    expect(handleChange).toHaveBeenCalledWith('option1');\n  });\n\n  it('should not allow selection when disabled', () => {\n    const handleChange = jest.fn();\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={handleChange} disabled />);\n\n    const option1 = screen.getByLabelText('Option 1');\n    fireEvent.click(option1);\n    expect(handleChange).not.toHaveBeenCalled();\n  });\n});\n"],"mappings":";;;;;;;;AAKA,IAAM,IAAU,CACd;CAAE,IAAI;CAAK,YAAY;CAAY,OAAO;CAAW,EACrD;CAAE,IAAI;CAAK,YAAY;CAAY,OAAO;CAAW,CACtD;AAED,SAAS,oBAAoB;AAiB3B,CAhBA,GAAG,iCAAiC;AAIlC,EAHA,EAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU,KAAK,IAAI;GAAI,CAAA,CAAC,EAChF,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB,EAC1D,OAAO,EAAO,UAAU,WAAW,CAAC,CAAC,mBAAmB,EACxD,OAAO,EAAO,UAAU,WAAW,CAAC,CAAC,mBAAmB;GACxD,EAEF,GAAG,yDAAyD;EAC1D,IAAM,IAAe,KAAK,IAAI;AAC9B,IAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU;GAAgB,CAAA,CAAC;EAEnF,IAAM,IAAU,EAAO,eAAe,WAAW;AAEjD,EADA,EAAU,MAAM,EAAQ,EACxB,OAAO,EAAa,CAAC,qBAAqB,UAAU;GACpD,EAEF,GAAG,kDAAkD;EACnD,IAAM,IAAe,KAAK,IAAI;AAC9B,IAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU;GAAc,UAAA;GAAW,CAAA,CAAC;EAE5F,IAAM,IAAU,EAAO,eAAe,WAAW;AAEjD,EADA,EAAU,MAAM,EAAQ,EACxB,OAAO,EAAa,CAAC,IAAI,kBAAkB;GAC3C;EACF"}
+{"version":3,"file":"Radiogroup.test.js","names":[],"sources":["../../../src/components/RadioGroup/Radiogroup.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\n\nimport { RadioGroup } from './RadioGroup';\n\nconst options = [\n  { id: '1', titleLabel: 'Option 1', value: 'option1' },\n  { id: '2', titleLabel: 'Option 2', value: 'option2' },\n];\n\ndescribe('RadioGroup', () => {\n  it('should render correctly', () => {\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={jest.fn()} />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n    expect(screen.getByText('Option 1')).toBeInTheDocument();\n    expect(screen.getByText('Option 2')).toBeInTheDocument();\n  });\n\n  it('should call onChange when an option is selected', () => {\n    const handleChange = jest.fn();\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={handleChange} />);\n\n    const option1 = screen.getByLabelText('Option 1');\n    fireEvent.click(option1);\n    expect(handleChange).toHaveBeenCalledWith('option1');\n  });\n\n  it('should not allow selection when disabled', () => {\n    const handleChange = jest.fn();\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={handleChange} disabled />);\n\n    const option1 = screen.getByLabelText('Option 1');\n    fireEvent.click(option1);\n    expect(handleChange).not.toHaveBeenCalled();\n  });\n});\n"],"mappings":";;;;;AAKA,IAAM,IAAU,CACd;CAAE,IAAI;CAAK,YAAY;CAAY,OAAO;CAAW,EACrD;CAAE,IAAI;CAAK,YAAY;CAAY,OAAO;CAAW,CACtD;AAED,SAAS,oBAAoB;AAiB3B,CAhBA,GAAG,iCAAiC;AAIlC,EAHA,EAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU,KAAK,IAAI;GAAI,CAAA,CAAC,EAChF,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB,EAC1D,OAAO,EAAO,UAAU,WAAW,CAAC,CAAC,mBAAmB,EACxD,OAAO,EAAO,UAAU,WAAW,CAAC,CAAC,mBAAmB;GACxD,EAEF,GAAG,yDAAyD;EAC1D,IAAM,IAAe,KAAK,IAAI;AAC9B,IAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU;GAAgB,CAAA,CAAC;EAEnF,IAAM,IAAU,EAAO,eAAe,WAAW;AAEjD,EADA,EAAU,MAAM,EAAQ,EACxB,OAAO,EAAa,CAAC,qBAAqB,UAAU;GACpD,EAEF,GAAG,kDAAkD;EACnD,IAAM,IAAe,KAAK,IAAI;AAC9B,IAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU;GAAc,UAAA;GAAW,CAAA,CAAC;EAE5F,IAAM,IAAU,EAAO,eAAe,WAAW;AAEjD,EADA,EAAU,MAAM,EAAQ,EACxB,OAAO,EAAa,CAAC,IAAI,kBAAkB;GAC3C;EACF"}