@uva-glass/component-library 3.55.0 → 3.55.2

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectBox.stories.js","sources":["../../../src/components/MultiSelectBox/MultiSelectBox.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectBoxProps, MultiSelectData } from './MultiSelectBox';\n\nimport { MultiSelectBox } from './MultiSelectBox';\n\nconst codeString = `<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelectBox',\n  component: MultiSelectBox,\n  argTypes: {\n    onChange: {\n      action: 'Selected values',\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: MultiSelectBox,\n    codeString: codeString,\n  },\n} as Meta<MultiSelectBoxProps>;\n\nconst mockItems = [\n  { label: 'A.B. Docent', value: '1' },\n  { label: 'B.C. Docent met lange achternaam', value: '2' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '3',\n  },\n  { label: 'H.I. Docent', value: '4' },\n  { label: 'K.L. Docent ', value: '5' },\n  { label: 'A.B. Docent', value: '6' },\n  { label: 'B.C. Docent met lange achternaam', value: '7' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '8',\n  },\n  { label: 'H.I. Docent', value: '9' },\n  { label: 'K.L. Docent ', value: '10' },\n];\n\nconst Template: StoryFn<MultiSelectBoxProps> = (args) => {\n  const [selectedItems, setSelectedItems] = useState<MultiSelectData[]>(args.defaultSelectedItems || []);\n\n  const handleChange = (items: MultiSelectData[]) => {\n    if (args.onChange) {\n      args.onChange(items);\n    }\n    setSelectedItems(items);\n  };\n\n  return (\n    <div style={{ width: '30rem', margin: '0rem auto 0 auto' }}>\n      <span>{selectedItems.map((item) => item.label).join(', ')}</span>\n      <MultiSelectBox {...args} onChange={handleChange} />\n    </div>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectBoxProps> = {\n  fullWidth: false,\n  labelSuffix: 'geselecteerd',\n  maxOptionHeight: '20rem',\n  optionPositionRight: false,\n  disabled: false,\n  selectData: mockItems,\n  onChange: fn(),\n};\n\nexport const MultiSelectBoxExample = Template.bind({});\nMultiSelectBoxExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithDefaultSelectedItems = Template.bind({});\nWithDefaultSelectedItems.args = {\n  ...defaultArgs,\n  defaultSelectedItems: [\n    { label: 'A.B. Docent', value: '1' },\n    { label: 'H.I. Docent', value: '4' },\n    { label: 'A.B. Docent', value: '6' },\n  ],\n};\n"],"names":["codeString","MultiSelectBox_stories","MultiSelectBox","mockItems","Template","args","selectedItems","setSelectedItems","useState","handleChange","items","jsxs","jsx","item","defaultArgs","fn","MultiSelectBoxExample","WithDefaultSelectedItems"],"mappings":";;;;AAQA,MAAMA,IAAa,uFAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAY;AAAA,EAChB,EAAE,OAAO,eAAe,OAAO,IAAA;AAAA,EAC/B,EAAE,OAAO,oCAAoC,OAAO,IAAA;AAAA,EACpD;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,EAAE,OAAO,eAAe,OAAO,IAAA;AAAA,EAC/B,EAAE,OAAO,gBAAgB,OAAO,IAAA;AAAA,EAChC,EAAE,OAAO,eAAe,OAAO,IAAA;AAAA,EAC/B,EAAE,OAAO,oCAAoC,OAAO,IAAA;AAAA,EACpD;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,EAAE,OAAO,eAAe,OAAO,IAAA;AAAA,EAC/B,EAAE,OAAO,gBAAgB,OAAO,KAAA;AAClC,GAEMC,IAAyC,CAACC,MAAS;AACvD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAA4BH,EAAK,wBAAwB,EAAE,GAE/FI,IAAe,CAACC,MAA6B;AACjD,IAAIL,EAAK,YACPA,EAAK,SAASK,CAAK,GAErBH,EAAiBG,CAAK;AAAA,EACxB;AAEA,SACE,gBAAAC,EAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,sBACpC,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAM,UAAAN,EAAc,IAAI,CAACO,MAASA,EAAK,KAAK,EAAE,KAAK,IAAI,EAAA,CAAE;AAAA,IAC1D,gBAAAD,EAACV,GAAA,EAAgB,GAAGG,GAAM,UAAUI,EAAA,CAAc;AAAA,EAAA,GACpD;AAEJ,GAEMK,IAA4C;AAAA,EAChD,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,YAAYX;AAAA,EACZ,UAAUY,EAAA;AACZ,GAEaC,IAAwBZ,EAAS,KAAK,CAAA,CAAE;AACrDY,EAAsB,OAAO;AAAA,EAC3B,GAAGF;AACL;AAEO,MAAMG,IAA2Bb,EAAS,KAAK,CAAA,CAAE;AACxDa,EAAyB,OAAO;AAAA,EAC9B,GAAGH;AAAA,EACH,sBAAsB;AAAA,IACpB,EAAE,OAAO,eAAe,OAAO,IAAA;AAAA,IAC/B,EAAE,OAAO,eAAe,OAAO,IAAA;AAAA,IAC/B,EAAE,OAAO,eAAe,OAAO,IAAA;AAAA,EAAI;AAEvC;"}
+{"version":3,"file":"MultiSelectBox.stories.js","names":[],"sources":["../../../src/components/MultiSelectBox/MultiSelectBox.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectBoxProps, MultiSelectData } from './MultiSelectBox';\n\nimport { MultiSelectBox } from './MultiSelectBox';\n\nconst codeString = `<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelectBox',\n  component: MultiSelectBox,\n  argTypes: {\n    onChange: {\n      action: 'Selected values',\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: MultiSelectBox,\n    codeString: codeString,\n  },\n} as Meta<MultiSelectBoxProps>;\n\nconst mockItems = [\n  { label: 'A.B. Docent', value: '1' },\n  { label: 'B.C. Docent met lange achternaam', value: '2' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '3',\n  },\n  { label: 'H.I. Docent', value: '4' },\n  { label: 'K.L. Docent ', value: '5' },\n  { label: 'A.B. Docent', value: '6' },\n  { label: 'B.C. Docent met lange achternaam', value: '7' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '8',\n  },\n  { label: 'H.I. Docent', value: '9' },\n  { label: 'K.L. Docent ', value: '10' },\n];\n\nconst Template: StoryFn<MultiSelectBoxProps> = (args) => {\n  const [selectedItems, setSelectedItems] = useState<MultiSelectData[]>(args.defaultSelectedItems || []);\n\n  const handleChange = (items: MultiSelectData[]) => {\n    if (args.onChange) {\n      args.onChange(items);\n    }\n    setSelectedItems(items);\n  };\n\n  return (\n    <div style={{ width: '30rem', margin: '0rem auto 0 auto' }}>\n      <span>{selectedItems.map((item) => item.label).join(', ')}</span>\n      <MultiSelectBox {...args} onChange={handleChange} />\n    </div>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectBoxProps> = {\n  fullWidth: false,\n  labelSuffix: 'geselecteerd',\n  maxOptionHeight: '20rem',\n  optionPositionRight: false,\n  disabled: false,\n  selectData: mockItems,\n  onChange: fn(),\n};\n\nexport const MultiSelectBoxExample = Template.bind({});\nMultiSelectBoxExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithDefaultSelectedItems = Template.bind({});\nWithDefaultSelectedItems.args = {\n  ...defaultArgs,\n  defaultSelectedItems: [\n    { label: 'A.B. Docent', value: '1' },\n    { label: 'H.I. Docent', value: '4' },\n    { label: 'A.B. Docent', value: '6' },\n  ],\n};\n"],"mappings":";;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU;EACR,QAAQ;EACR,OAAO,EACL,SAAS,IACV;EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAhBG;EAiBhB;CACF,EAEK,IAAY;CAChB;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAoC,OAAO;EAAK;CACzD;EACE,OAAO;EACP,OAAO;EACR;CACD;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAgB,OAAO;EAAK;CACrC;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAoC,OAAO;EAAK;CACzD;EACE,OAAO;EACP,OAAO;EACR;CACD;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAgB,OAAO;EAAM;CACvC,EAEK,KAA0C,MAAS;CACvD,IAAM,CAAC,GAAe,KAAoB,EAA4B,EAAK,wBAAwB,EAAE,CAAC,EAEhG,KAAgB,MAA6B;AAIjD,EAHI,EAAK,YACP,EAAK,SAAS,EAAM,EAEtB,EAAiB,EAAM;;AAGzB,QACE,kBAAC,OAAD;EAAK,OAAO;GAAE,OAAO;GAAS,QAAQ;GAAoB;YAA1D,CACE,kBAAC,QAAD,EAAA,UAAO,EAAc,KAAK,MAAS,EAAK,MAAM,CAAC,KAAK,KAAK,EAAQ,CAAA,EACjE,kBAAC,GAAD;GAAgB,GAAI;GAAM,UAAU;GAAgB,CAAA,CAChD;;GAIJ,IAA4C;CAChD,WAAW;CACX,aAAa;CACb,iBAAiB;CACjB,qBAAqB;CACrB,UAAU;CACV,YAAY;CACZ,UAAU,GAAI;CACf,EAEY,IAAwB,EAAS,KAAK,EAAE,CAAC;AACtD,EAAsB,OAAO,EAC3B,GAAG,GACJ;AAED,IAAa,IAA2B,EAAS,KAAK,EAAE,CAAC;AACzD,EAAyB,OAAO;CAC9B,GAAG;CACH,sBAAsB;EACpB;GAAE,OAAO;GAAe,OAAO;GAAK;EACpC;GAAE,OAAO;GAAe,OAAO;GAAK;EACpC;GAAE,OAAO;GAAe,OAAO;GAAK;EACrC;CACF"}

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

@@ -1,32 +1,57 @@
-import { jsx as o, jsxs as d, Fragment as r } from "react/jsx-runtime";
-import "../../index-CULNJwuI.js";
-import { r as n, s as t, f as a } from "../../react.esm-C68fQMAi.js";
-import { MultiSelectBox as l } from "./MultiSelectBox.js";
-const i = jest.fn(), c = [
-  { label: "Option 1", value: "1" },
-  { label: "Option 2", value: "2" },
-  { label: "Option 3", value: "3" }
+import "../../dist-D6qYwmKD.js";
+import "../../lib-6BbFZdI7.js";
+import { t as e } from "../../MultiSelectBox-Cuh_o-A1.js";
+import "../../test-utils-BSs0eZfL.js";
+import "../../client-C0JVBgoR.js";
+import { i as t, n, t as r } from "../../react.esm-Cev8dB-E.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 = [
+	{
+		label: "Option 1",
+		value: "1"
+	},
+	{
+		label: "Option 2",
+		value: "2"
+	},
+	{
+		label: "Option 3",
+		value: "3"
+	}
 ];
 describe("MultiSelectBox", () => {
-  it("renders the component with default props", () => {
-    n(/* @__PURE__ */ o(l, { selectData: c, onChange: i, labelSuffix: "selected" }));
-    const e = t.getByRole("button");
-    expect(e).toBeInTheDocument(), expect(e).toHaveAttribute("aria-expanded", "false");
-  }), it("opens the dropdown when the button is clicked", () => {
-    n(/* @__PURE__ */ o(l, { selectData: c, onChange: i, labelSuffix: "selected" }));
-    const e = t.getByRole("button");
-    a.click(e), expect(e).toHaveAttribute("aria-expanded", "true"), expect(t.getByRole("listbox")).toBeInTheDocument();
-  }), it("closes the dropdown when clicking outside", () => {
-    n(
-      /* @__PURE__ */ d(r, { children: [
-        /* @__PURE__ */ o(l, { selectData: c, onChange: i, labelSuffix: "selected" }),
-        /* @__PURE__ */ o("div", { "data-testid": "outside-element", children: "Outside" })
-      ] })
-    );
-    const e = t.getByRole("button");
-    a.click(e), expect(e).toHaveAttribute("aria-expanded", "true");
-    const s = t.getByTestId("outside-element");
-    a.click(s), expect(e).toHaveAttribute("aria-expanded", "false");
-  });
+	it("renders the component with default props", () => {
+		n(/* @__PURE__ */ a(e, {
+			selectData: c,
+			onChange: s,
+			labelSuffix: "selected"
+		}));
+		let r = t.getByRole("button");
+		expect(r).toBeInTheDocument(), expect(r).toHaveAttribute("aria-expanded", "false");
+	}), it("opens the dropdown when the button is clicked", () => {
+		n(/* @__PURE__ */ a(e, {
+			selectData: c,
+			onChange: s,
+			labelSuffix: "selected"
+		}));
+		let i = t.getByRole("button");
+		r.click(i), expect(i).toHaveAttribute("aria-expanded", "true"), expect(t.getByRole("listbox")).toBeInTheDocument();
+	}), it("closes the dropdown when clicking outside", () => {
+		n(/* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
+			selectData: c,
+			onChange: s,
+			labelSuffix: "selected"
+		}), /* @__PURE__ */ a("div", {
+			"data-testid": "outside-element",
+			children: "Outside"
+		})] }));
+		let l = t.getByRole("button");
+		r.click(l), expect(l).toHaveAttribute("aria-expanded", "true");
+		let u = t.getByTestId("outside-element");
+		r.click(u), expect(l).toHaveAttribute("aria-expanded", "false");
+	});
 });
-//# sourceMappingURL=MultiSelectBox.test.js.map
+//#endregion
+
+//# sourceMappingURL=MultiSelectBox.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectBox.test.js","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"],"names":["onChangeSpy","mockSelectData","render","jsx","MultiSelectBox","button","screen","fireEvent","jsxs","Fragment","outsideElement"],"mappings":";;;;AAKA,MAAMA,IAAc,KAAK,GAAA,GAEnBC,IAAiB;AAAA,EACrB,EAAE,OAAO,YAAY,OAAO,IAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,IAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,IAAA;AAC9B;AAEA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,4CAA4C,MAAM;AACnD,IAAAC,EAAO,gBAAAC,EAACC,KAAe,YAAYH,GAAgB,UAAUD,GAAa,aAAY,YAAW,CAAE;AACnG,UAAMK,IAASC,EAAO,UAAU,QAAQ;AACxC,WAAOD,CAAM,EAAE,kBAAA,GACf,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EACzD,CAAC,GAED,GAAG,iDAAiD,MAAM;AACxD,IAAAH,EAAO,gBAAAC,EAACC,KAAe,YAAYH,GAAgB,UAAUD,GAAa,aAAY,YAAW,CAAE;AACnG,UAAMK,IAASC,EAAO,UAAU,QAAQ;AACxC,IAAAC,EAAU,MAAMF,CAAM,GACtB,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,MAAM,GACtD,OAAOC,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAA;AAAA,EACtC,CAAC,GAED,GAAG,6CAA6C,MAAM;AACpD,IAAAJ;AAAA,MACE,gBAAAM,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAN,EAACC,KAAe,YAAYH,GAAgB,UAAUD,GAAa,aAAY,YAAW;AAAA,QAC1F,gBAAAG,EAAC,OAAA,EAAI,eAAY,mBAAkB,UAAA,UAAA,CAAO;AAAA,MAAA,EAAA,CAC5C;AAAA,IAAA;AAGF,UAAME,IAASC,EAAO,UAAU,QAAQ;AACxC,IAAAC,EAAU,MAAMF,CAAM,GACtB,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,MAAM;AACtD,UAAMK,IAAiBJ,EAAO,YAAY,iBAAiB;AAC3D,IAAAC,EAAU,MAAMG,CAAc,GAC9B,OAAOL,CAAM,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EACzD,CAAC;AACH,CAAC;"}
+{"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/MultiSelectBox/index.js

@@ -1,5 +1,2 @@
-import { MultiSelectBox as t } from "./MultiSelectBox.js";
-export {
-  t as MultiSelectBox
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../MultiSelectBox-Cuh_o-A1.js";
+export { e as MultiSelectBox };

package/dist/components/Notification/Notification.js

@@ -1,58 +1,2 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { c as u } from "../../clsx-OuTLNxxd.js";
-import { Icon as r } from "../Icon/Icon.js";
-import '../../assets/Notification.css';const m = "_notification_1u5s4_1", t = {
-  notification: m,
-  "notification--default": "_notification--default_1u5s4_7",
-  "notification--bar": "_notification--bar_1u5s4_10",
-  "notification--neutral": "_notification--neutral_1u5s4_15",
-  "notification--information": "_notification--information_1u5s4_19",
-  "notification--success": "_notification--success_1u5s4_23",
-  "notification--warning": "_notification--warning_1u5s4_27",
-  "notification--danger": "_notification--danger_1u5s4_31",
-  "notification-content": "_notification-content_1u5s4_55",
-  "notification-content--text": "_notification-content--text_1u5s4_59",
-  "notification-title": "_notification-title_1u5s4_65",
-  "notification-subtitle": "_notification-subtitle_1u5s4_69",
-  "notification-close-button": "_notification-close-button_1u5s4_73",
-  "notification-close-button--bar--neutral": "_notification-close-button--bar--neutral_1u5s4_107",
-  "notification-close-button--bar--information": "_notification-close-button--bar--information_1u5s4_108",
-  "notification-close-button--bar--danger": "_notification-close-button--bar--danger_1u5s4_109",
-  "notification-close-button--neutral": "_notification-close-button--neutral_1u5s4_113",
-  "notification-close-button--information": "_notification-close-button--information_1u5s4_117",
-  "notification-close-button--success": "_notification-close-button--success_1u5s4_121",
-  "notification-close-button--warning": "_notification-close-button--warning_1u5s4_124",
-  "notification-close-button--danger": "_notification-close-button--danger_1u5s4_127",
-  "notification-close-button--bar--success": "_notification-close-button--bar--success_1u5s4_140",
-  "notification-close-button--bar--warning": "_notification-close-button--bar--warning_1u5s4_143"
-}, h = ({ title: a, subtitle: s, action: e, variant: f = "default", level: n, onClose: _ }) => {
-  const l = f === "bar";
-  function b(o) {
-    return o === "neutral" ? "CalendarEdit" : o === "information" ? "SquareInfo" : o === "success" ? "CheckCircle" : "ExclamationTriangleMini";
-  }
-  return /* @__PURE__ */ c("div", { className: u(t.notification, t[`notification--${f}`], t[`notification--${n}`]), children: [
-    /* @__PURE__ */ c("div", { className: t["notification-content"], children: [
-      /* @__PURE__ */ i(r, { name: b(n) }),
-      /* @__PURE__ */ c("div", { className: t["notification-content--text"], children: [
-        a && /* @__PURE__ */ i("p", { className: t["notification-title"], children: a }),
-        s && /* @__PURE__ */ i("p", { className: t["notification-subtitle"], children: s }),
-        e && /* @__PURE__ */ i("div", { className: t["notification-action"], children: e })
-      ] })
-    ] }),
-    _ && /* @__PURE__ */ i(
-      "button",
-      {
-        type: "button",
-        "aria-label": "close",
-        className: u(t["notification-close-button"], t[`notification-close-button--${n}`], {
-          [t[`notification-close-button--bar--${n}`]]: l
-        }),
-        children: /* @__PURE__ */ i(r, { name: "Cross", size: 24 })
-      }
-    )
-  ] });
-};
-export {
-  h as Notification
-};
-//# sourceMappingURL=Notification.js.map
+import { t as e } from "../../Notification-CIhsHuF0.js";
+export { e as Notification };

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

@@ -1,43 +1,46 @@
-import { jsx as i } from "react/jsx-runtime";
-import { f as a } from "../../index-B_q_4aBT.js";
-import { Notification as t } from "./Notification.js";
-const r = `<Notification title={title} subtitle={subtitle} action={action} 
-  level={level} variant={variant} onClose={() => {}} />`, p = {
-  title: "Molecules/Notification",
-  component: t,
-  argTypes: {
-    level: {
-      options: ["neutral", "information", "success", "warning", "danger"],
-      control: { type: "radio" }
-    },
-    variant: {
-      options: ["default", "bar"],
-      control: { type: "radio" }
-    }
-  },
-  parameters: {
-    inspectComponent: t,
-    codeString: r
-  }
-}, e = (n) => /* @__PURE__ */ i(t, { ...n }), o = {
-  level: "information",
-  title: "Titel van de melding",
-  onClose: a()
-}, l = e.bind({});
-l.args = {
-  ...o,
-  variant: "default",
-  subtitle: "Subtekst ter verduidelijking van de melding.",
-  action: /* @__PURE__ */ i("span", { children: "Actie" })
+import { r as e } from "../../test-CPFNM-bL.js";
+import { t } from "../../Notification-CIhsHuF0.js";
+import { jsx as n } from "react/jsx-runtime";
+var r = {
+	title: "Molecules/Notification",
+	component: t,
+	argTypes: {
+		level: {
+			options: [
+				"neutral",
+				"information",
+				"success",
+				"warning",
+				"danger"
+			],
+			control: { type: "radio" }
+		},
+		variant: {
+			options: ["default", "bar"],
+			control: { type: "radio" }
+		}
+	},
+	parameters: {
+		inspectComponent: t,
+		codeString: "<Notification title={title} subtitle={subtitle} action={action} \n  level={level} variant={variant} onClose={() => {}} />"
+	}
+}, i = (e) => /* @__PURE__ */ n(t, { ...e }), a = {
+	level: "information",
+	title: "Titel van de melding",
+	onClose: e()
+}, o = i.bind({});
+o.args = {
+	...a,
+	variant: "default",
+	subtitle: "Subtekst ter verduidelijking van de melding.",
+	action: /* @__PURE__ */ n("span", { children: "Actie" })
 };
-const s = e.bind({});
+var s = i.bind({});
 s.args = {
-  ...o,
-  variant: "bar"
+	...a,
+	variant: "bar"
 };
-export {
-  s as AsBar,
-  l as NotificationExample,
-  p as default
-};
-//# sourceMappingURL=Notification.stories.js.map
+//#endregion
+export { s as AsBar, o as NotificationExample, r as default };
+
+//# sourceMappingURL=Notification.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.stories.js","sources":["../../../src/components/Notification/Notification.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { NotificationProps } from './Notification';\n\nimport { Notification } from './Notification';\n\nconst codeString = `<Notification title={title} subtitle={subtitle} action={action} \n  level={level} variant={variant} onClose={() => {}} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Notification',\n  component: Notification,\n  argTypes: {\n    level: {\n      options: ['neutral', 'information', 'success', 'warning', 'danger'],\n      control: { type: 'radio' },\n    },\n    variant: {\n      options: ['default', 'bar'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: Notification,\n    codeString: codeString,\n  },\n} as Meta<NotificationProps>;\n\nconst Template: StoryFn<NotificationProps> = (args) => <Notification {...args} />;\n\nconst defaultArgs: Partial<NotificationProps> = {\n  level: 'information',\n  title: 'Titel van de melding',\n  onClose: fn(),\n};\n\nexport const NotificationExample = Template.bind({});\nNotificationExample.args = {\n  ...defaultArgs,\n  variant: 'default',\n  subtitle: 'Subtekst ter verduidelijking van de melding.',\n  action: <span>Actie</span>,\n};\n\nexport const AsBar = Template.bind({});\nAsBar.args = {\n  ...defaultArgs,\n  variant: 'bar',\n};\n"],"names":["codeString","Notification_stories","Notification","Template","args","jsx","defaultArgs","fn","NotificationExample","AsBar"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,0DAInBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,CAAC,WAAW,eAAe,WAAW,WAAW,QAAQ;AAAA,MAClE,SAAS,EAAE,MAAM,QAAA;AAAA,IAAQ;AAAA,IAE3B,SAAS;AAAA,MACP,SAAS,CAAC,WAAW,KAAK;AAAA,MAC1B,SAAS,EAAE,MAAM,QAAA;AAAA,IAAQ;AAAA,EAC3B;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAc,GAAGE,GAAM,GAEzEE,IAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAASC,EAAA;AACX,GAEaC,IAAsBL,EAAS,KAAK,CAAA,CAAE;AACnDK,EAAoB,OAAO;AAAA,EACzB,GAAGF;AAAA,EACH,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ,gBAAAD,EAAC,QAAA,EAAK,UAAA,QAAA,CAAK;AACrB;AAEO,MAAMI,IAAQN,EAAS,KAAK,CAAA,CAAE;AACrCM,EAAM,OAAO;AAAA,EACX,GAAGH;AAAA,EACH,SAAS;AACX;"}
+{"version":3,"file":"Notification.stories.js","names":[],"sources":["../../../src/components/Notification/Notification.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { NotificationProps } from './Notification';\n\nimport { Notification } from './Notification';\n\nconst codeString = `<Notification title={title} subtitle={subtitle} action={action} \n  level={level} variant={variant} onClose={() => {}} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Notification',\n  component: Notification,\n  argTypes: {\n    level: {\n      options: ['neutral', 'information', 'success', 'warning', 'danger'],\n      control: { type: 'radio' },\n    },\n    variant: {\n      options: ['default', 'bar'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: Notification,\n    codeString: codeString,\n  },\n} as Meta<NotificationProps>;\n\nconst Template: StoryFn<NotificationProps> = (args) => <Notification {...args} />;\n\nconst defaultArgs: Partial<NotificationProps> = {\n  level: 'information',\n  title: 'Titel van de melding',\n  onClose: fn(),\n};\n\nexport const NotificationExample = Template.bind({});\nNotificationExample.args = {\n  ...defaultArgs,\n  variant: 'default',\n  subtitle: 'Subtekst ter verduidelijking van de melding.',\n  action: <span>Actie</span>,\n};\n\nexport const AsBar = Template.bind({});\nAsBar.args = {\n  ...defaultArgs,\n  variant: 'bar',\n};\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO;GACL,SAAS;IAAC;IAAW;IAAe;IAAW;IAAW;IAAS;GACnE,SAAS,EAAE,MAAM,SAAS;GAC3B;EACD,SAAS;GACP,SAAS,CAAC,WAAW,MAAM;GAC3B,SAAS,EAAE,MAAM,SAAS;GAC3B;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAnBG;EAoBhB;CACF,EAEK,KAAwC,MAAS,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAE3E,IAA0C;CAC9C,OAAO;CACP,OAAO;CACP,SAAS,GAAI;CACd,EAEY,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,GAAG;CACH,SAAS;CACT,UAAU;CACV,QAAQ,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;CAC3B;AAED,IAAa,IAAQ,EAAS,KAAK,EAAE,CAAC;AACtC,EAAM,OAAO;CACX,GAAG;CACH,SAAS;CACV"}

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

@@ -1,12 +1,26 @@
-import { jsx as e } from "react/jsx-runtime";
-import "../../index-CULNJwuI.js";
-import { r as i, s as t } from "../../react.esm-C68fQMAi.js";
-import { Notification as n } from "./Notification.js";
+import "../../dist-D6qYwmKD.js";
+import "../../lib-6BbFZdI7.js";
+import { t as e } from "../../Notification-CIhsHuF0.js";
+import "../../test-utils-BSs0eZfL.js";
+import "../../client-C0JVBgoR.js";
+import { i as t, n } from "../../react.esm-Cev8dB-E.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Notification/Notification.test.tsx
 describe("Notification", () => {
-  it("renders title and subtitle", () => {
-    i(/* @__PURE__ */ e(n, { level: "information", title: "Info title", subtitle: "Info subtitle" })), expect(t.getByText("Info title")).toBeInTheDocument(), expect(t.getByText("Info subtitle")).toBeInTheDocument();
-  }), it("renders bar variant", () => {
-    i(/* @__PURE__ */ e(n, { level: "danger", variant: "bar", title: "Danger title" })), expect(t.getByText("Danger title")).toBeInTheDocument();
-  });
+	it("renders title and subtitle", () => {
+		n(/* @__PURE__ */ r(e, {
+			level: "information",
+			title: "Info title",
+			subtitle: "Info subtitle"
+		})), expect(t.getByText("Info title")).toBeInTheDocument(), expect(t.getByText("Info subtitle")).toBeInTheDocument();
+	}), it("renders bar variant", () => {
+		n(/* @__PURE__ */ r(e, {
+			level: "danger",
+			variant: "bar",
+			title: "Danger title"
+		})), expect(t.getByText("Danger title")).toBeInTheDocument();
+	});
 });
-//# sourceMappingURL=Notification.test.js.map
+//#endregion
+
+//# sourceMappingURL=Notification.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.test.js","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"],"names":["render","jsx","Notification","screen"],"mappings":";;;;AAKA,SAAS,gBAAgB,MAAM;AAC7B,KAAG,8BAA8B,MAAM;AACrC,IAAAA,EAAO,gBAAAC,EAACC,KAAa,OAAM,eAAc,OAAM,cAAa,UAAS,iBAAgB,CAAE,GACvF,OAAOC,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAA,GACvC,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAA;AAAA,EAC5C,CAAC,GAED,GAAG,uBAAuB,MAAM;AAC9B,IAAAH,EAAO,gBAAAC,EAACC,KAAa,OAAM,UAAS,SAAQ,OAAM,OAAM,gBAAe,CAAE,GACzE,OAAOC,EAAO,UAAU,cAAc,CAAC,EAAE,kBAAA;AAAA,EAC3C,CAAC;AACH,CAAC;"}
+{"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/Notification/index.js

@@ -1,5 +1,2 @@
-import { Notification as t } from "./Notification.js";
-export {
-  t as Notification
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../Notification-CIhsHuF0.js";
+export { e as Notification };

package/dist/components/OverlayCloseButton/OverlayCloseButton.js

@@ -1,25 +1,2 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as s } from "../../clsx-OuTLNxxd.js";
-import { forwardRef as a } from "react";
-import { Icon as c } from "../Icon/Icon.js";
-import '../../assets/OverlayCloseButton.css';const t = {
-  "overlay-close-button": "_overlay-close-button_1pcfl_1",
-  "overlay-close-button--padded": "_overlay-close-button--padded_1pcfl_39"
-}, f = a(
-  ({ paddedModal: e, ...r }, l) => /* @__PURE__ */ o(
-    "button",
-    {
-      ...r,
-      type: "button",
-      ref: l,
-      className: s(t["overlay-close-button"], {
-        [t["overlay-close-button--padded"]]: e
-      }),
-      children: /* @__PURE__ */ o(c, { name: "Cross", size: 24 })
-    }
-  )
-);
-export {
-  f as OverlayCloseButton
-};
-//# sourceMappingURL=OverlayCloseButton.js.map
+import { t as e } from "../../OverlayCloseButton-rttFbAM_.js";
+export { e as OverlayCloseButton };

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

@@ -1,30 +1,31 @@
-import { jsx as e } from "react/jsx-runtime";
-import { f as a } from "../../index-B_q_4aBT.js";
-import { OverlayCloseButton as o } from "./OverlayCloseButton.js";
-import { Container as l } from "../../storyComponents/Container/Container.js";
-const r = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />", c = {
-  title: "Atoms/OverlayCloseButton",
-  component: o,
-  argTypes: {
-    paddedModal: {
-      control: "boolean"
-    },
-    "aria-label": {
-      control: "text"
-    }
-  },
-  parameters: {
-    inspectComponent: o,
-    codeString: r
-  }
-}, n = (t) => /* @__PURE__ */ e(l, { size: "small", padded: !1, children: /* @__PURE__ */ e(o, { ...t }) }), s = n.bind({});
-s.args = {
-  paddedModal: !1,
-  "aria-label": "Close",
-  onClick: a()
+import { r as e } from "../../test-CPFNM-bL.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 = {
+	title: "Atoms/OverlayCloseButton",
+	component: t,
+	argTypes: {
+		paddedModal: { control: "boolean" },
+		"aria-label": { control: "text" }
+	},
+	parameters: {
+		inspectComponent: t,
+		codeString: i
+	}
+}, o = ((e) => /* @__PURE__ */ r(n, {
+	size: "small",
+	padded: !1,
+	children: /* @__PURE__ */ r(t, { ...e })
+})).bind({});
+o.args = {
+	paddedModal: !1,
+	"aria-label": "Close",
+	onClick: e()
 };
-export {
-  s as OverlayCloseButtonExample,
-  c as default
-};
-//# sourceMappingURL=OverlayCloseButton.stories.js.map
+//#endregion
+export { o as OverlayCloseButtonExample, a as default };
+
+//# sourceMappingURL=OverlayCloseButton.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayCloseButton.stories.js","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"],"names":["codeString","OverlayCloseButton_stories","OverlayCloseButton","Template","args","jsx","Container","OverlayCloseButtonExample","fn"],"mappings":";;;;AASA,MAAMA,IAAa,4EAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,aAAa;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,IAEX,cAAc;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAA6C,CAACC,MAEhD,gBAAAC,EAACC,GAAA,EAAU,MAAK,SAAQ,QAAQ,IAC9B,UAAA,gBAAAD,EAACH,GAAA,EAAoB,GAAGE,EAAA,CAAM,EAAA,CAChC,GAISG,IAA4BJ,EAAS,KAAK,CAAA,CAAE;AACzDI,EAA0B,OAAO;AAAA,EAC/B,aAAa;AAAA,EACb,cAAc;AAAA,EACd,SAASC,EAAA;AACX;"}
+{"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"}

package/dist/components/OverlayCloseButton/index.js

@@ -1,5 +1,2 @@
-import { OverlayCloseButton as r } from "./OverlayCloseButton.js";
-export {
-  r as OverlayCloseButton
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../OverlayCloseButton-rttFbAM_.js";
+export { e as OverlayCloseButton };

package/dist/components/OverlayStepBar/OverlayStepBar.js

@@ -1,57 +1,2 @@
-import { jsx as t, jsxs as v } from "react/jsx-runtime";
-import { c } from "../../clsx-OuTLNxxd.js";
-import '../../assets/OverlayStepBar.css';const r = {
-  "overlay-step-bar__container": "_overlay-step-bar__container_14mcr_1",
-  "overlay-step-bar__step-wrapper": "_overlay-step-bar__step-wrapper_14mcr_10",
-  "overlay-step-bar__step": "_overlay-step-bar__step_14mcr_10",
-  "overlay-step-bar__step--label": "_overlay-step-bar__step--label_14mcr_55",
-  "overlay-step-bar__step--label-show": "_overlay-step-bar__step--label-show_14mcr_61",
-  "overlay-step-bar__step--index": "_overlay-step-bar__step--index_14mcr_65",
-  "overlay-step-bar__step--active": "_overlay-step-bar__step--active_14mcr_73"
-}, h = ({
-  stepLabels: _,
-  activeStep: s = 0,
-  disabledCountPrefix: p = [],
-  onStepClick: l
-}) => {
-  s > _.length && console.error("activeStep is greater than the number of steps");
-  const b = (a) => {
-    const e = a + 1;
-    if (p.includes(e))
-      return "";
-    const n = Array.from({ length: a }, (o, y) => y + 1).filter(
-      (o) => !p.includes(o)
-    ).length;
-    return String(n + 1);
-  };
-  return /* @__PURE__ */ t("div", { className: r["overlay-step-bar__container"], children: _.length && _.map((a, e) => /* @__PURE__ */ t("span", { className: r["overlay-step-bar__step-wrapper"], children: /* @__PURE__ */ v(
-    "button",
-    {
-      className: c(r["overlay-step-bar__step"], [
-        e === s - 1 && r["overlay-step-bar__step--active"]
-      ]),
-      ...l && { onClick: () => l(e + 1) },
-      type: "button",
-      "aria-label": `Step ${e + 1}`,
-      "aria-current": e === s - 1 ? "step" : void 0,
-      disabled: e === s - 1,
-      children: [
-        /* @__PURE__ */ t("span", { className: r["overlay-step-bar__step--index"], children: b(e) }),
-        /* @__PURE__ */ t(
-          "span",
-          {
-            className: c(
-              r["overlay-step-bar__step--label"],
-              p.includes(e + 1) && r["overlay-step-bar__step--label-show"]
-            ),
-            children: a
-          }
-        )
-      ]
-    }
-  ) }, `${e}_${a}`)) });
-};
-export {
-  h as OverlayStepBar
-};
-//# sourceMappingURL=OverlayStepBar.js.map
+import { t as e } from "../../OverlayStepBar-CjaoYdsh.js";
+export { e as OverlayStepBar };