@uva-glass/component-library 3.55.5 → 3.55.7

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

@@ -1,7 +1,7 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../Checkbox-D6-b_4dC.js";
-import { i as t, n } from "../../react.esm-R7eBXTUI.js";
-import { t as r } from "../../esm-ipAmzhQq.js";
+import { i as t, n } from "../../react.esm-CweFe1CK.js";
+import { t as r } from "../../esm-BoujHjK5.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/Checkbox/Checkbox.test.tsx
 describe("Checkbox", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.test.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Checkbox } from './Checkbox';\n\ndescribe('Checkbox', () => {\n  it('should render', () => {\n    render(<Checkbox id=\"test-checkbox\" />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n  });\n\n  it('should be checked if clicked', async () => {\n    render(<Checkbox id=\"test-checkbox\" />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n    await userEvent.click(checkbox);\n    expect(checkbox).toBeChecked();\n  });\n});\n"],"mappings":";;;;;;AAMA,SAAS,kBAAkB;AAOzB,CANA,GAAG,uBAAuB;AACxB,IAAO,kBAAC,GAAD,EAAU,IAAG,iBAAkB,CAAA,CAAC;EACvC,IAAM,IAAW,EAAO,UAAU,WAAW;AAC7C,SAAO,EAAS,CAAC,mBAAmB;GACpC,EAEF,GAAG,gCAAgC,YAAY;AAC7C,IAAO,kBAAC,GAAD,EAAU,IAAG,iBAAkB,CAAA,CAAC;EACvC,IAAM,IAAW,EAAO,UAAU,WAAW;AAG7C,EAFA,OAAO,EAAS,CAAC,mBAAmB,EACpC,MAAM,EAAU,MAAM,EAAS,EAC/B,OAAO,EAAS,CAAC,aAAa;GAC9B;EACF"}
+{"version":3,"file":"Checkbox.test.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Checkbox } from './Checkbox';\n\ndescribe('Checkbox', () => {\n  it('should render', () => {\n    render(<Checkbox id=\"test-checkbox\" />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n  });\n\n  it('should be checked if clicked', async () => {\n    render(<Checkbox id=\"test-checkbox\" />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n    await userEvent.click(checkbox);\n    expect(checkbox).toBeChecked();\n  });\n});\n"],"mappings":";;;;;;AAMA,SAAS,kBAAkB;CAOzB,AANA,GAAG,uBAAuB;EACxB,EAAO,kBAAC,GAAD,EAAU,IAAG,iBAAkB,CAAA,CAAC;EACvC,IAAM,IAAW,EAAO,UAAU,WAAW;EAC7C,OAAO,EAAS,CAAC,mBAAmB;GACpC,EAEF,GAAG,gCAAgC,YAAY;EAC7C,EAAO,kBAAC,GAAD,EAAU,IAAG,iBAAkB,CAAA,CAAC;EACvC,IAAM,IAAW,EAAO,UAAU,WAAW;EAG7C,AAFA,OAAO,EAAS,CAAC,mBAAmB,EACpC,MAAM,EAAU,MAAM,EAAS,EAC/B,OAAO,EAAS,CAAC,aAAa;GAC9B;EACF"}

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Cr_l59hN.js";
+import { r as e } from "../../test-Pa9Lwbsq.js";
 import { t } from "../../CheckboxButtonBar-5UMIFMKH.js";
 import { t as n } from "../../Periods-BYETtB6R.js";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButtonBar.stories.js","names":[],"sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxButtonBarProps } from './CheckboxButtonBar';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nimport { Periods } from 'components/Periods';\n\nconst codeString =\n  '<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/CheckboxButtonBar',\n  component: CheckboxButtonBar,\n  argTypes: {\n    checkboxes: {\n      table: {\n        disable: true,\n      },\n    },\n    defaultValues: {\n      table: {\n        disable: true,\n      },\n    },\n    label: {\n      control: 'text',\n    },\n    labelPosition: {\n      control: 'radio',\n      options: ['top', 'left'],\n    },\n    required: {\n      control: 'boolean',\n    },\n    notValidatedText: {\n      control: 'text',\n    },\n    disableGroup: {\n      control: 'boolean',\n    },\n    actAsRadioButtonBar: {\n      control: 'boolean',\n    },\n    onSetValues: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: CheckboxButtonBar,\n    codeString: codeString,\n  },\n} as Meta<CheckboxButtonBarProps>;\n\nconst Template: StoryFn<CheckboxButtonBarProps> = (args) => <CheckboxButtonBar {...args} />;\n\nexport const CheckboxButtonBarExample = Template.bind({});\nCheckboxButtonBarExample.args = {\n  label: 'Periode',\n  required: true,\n  checkboxes: [\n    {\n      label: '1.1',\n      value: '1',\n    },\n    {\n      label: '1.2',\n      value: '2',\n    },\n    {\n      label: '1.3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1', '2'],\n  labelPosition: 'top',\n  subLabel: 'Selecteer een week',\n  footerText: 'Weken in periode 2',\n  onSetValues: fn(),\n};\n\nexport const AsRadioButtonBar = Template.bind({});\nAsRadioButtonBar.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n    },\n    {\n      label: '2',\n      value: '2',\n    },\n    {\n      label: '3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: true,\n  onSetValues: fn(),\n};\n\nexport const WithPrefix = Template.bind({});\nWithPrefix.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '13',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '14',\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '15',\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '16',\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '17',\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '18',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const WithTooltip = Template.bind({});\nWithTooltip.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '36',\n      tooltip: (\n        <>\n          1 sept - 5 sept\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '37',\n      tooltip: (\n        <>\n          8 sept - 12 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '38',\n      tooltip: (\n        <>\n          15 sept - 19 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '39',\n      tooltip: (\n        <>\n          22 sept - 26 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '40',\n      tooltip: (\n        <>\n          29 sept - 3 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '41',\n      tooltip: (\n        <>\n          6 okt - 10 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '7',\n      value: '7',\n      prefix: '42',\n      tooltip: (\n        <>\n          13 okt - 17 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '8',\n      value: '8',\n      prefix: '43',\n      tooltip: (\n        <>\n          20 okt - 24 okt\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const Segmented = Template.bind({});\nSegmented.args = {\n  label: 'Year(s)',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      tooltip: <>2023 - 2024</>,\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      tooltip: <>2025 - 2026</>,\n    },\n    {\n      label: '3',\n      value: '3',\n      tooltip: <>2026 - 2027</>,\n    },\n    {\n      label: '4',\n      value: '4',\n      tooltip: <>2027 - 2028</>,\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  segmented: true,\n  onSetValues: fn(),\n};\n\nexport const WithPeriods = Template.bind({});\nWithPeriods.args = {\n  label: 'Aanbieding',\n  required: true,\n  checkboxes: [\n    {\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      label: <Periods periods={[1, 2]} />,\n      value: '1',\n    },\n    {\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      label: <Periods periods={[2, 3]} />,\n      value: '2',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  segmented: true,\n  onSetValues: fn(),\n};\n"],"mappings":";;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,YAAY,EACV,OAAO,EACL,SAAS,IACV,EACF;EACD,eAAe,EACb,OAAO,EACL,SAAS,IACV,EACF;EACD,OAAO,EACL,SAAS,QACV;EACD,eAAe;GACb,SAAS;GACT,SAAS,CAAC,OAAO,OAAO;GACzB;EACD,UAAU,EACR,SAAS,WACV;EACD,kBAAkB,EAChB,SAAS,QACV;EACD,cAAc,EACZ,SAAS,WACV;EACD,qBAAqB,EACnB,SAAS,WACV;EACD,aAAa,EACX,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YA5Cd;EA6CC;CACF,EAEK,KAA6C,MAAS,kBAAC,GAAD,EAAmB,GAAI,GAAQ,CAAA,EAE9E,IAA2B,EAAS,KAAK,EAAE,CAAC;AACzD,EAAyB,OAAO;CAC9B,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACF;CACD,eAAe,CAAC,KAAK,IAAI;CACzB,eAAe;CACf,UAAU;CACV,YAAY;CACZ,aAAa,GAAI;CAClB;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACF;CACD,eAAe,CAAC,IAAI;CACpB,eAAe;CACf,qBAAqB;CACrB,aAAa,GAAI;CAClB;AAED,IAAa,IAAa,EAAS,KAAK,EAAE,CAAC;AAC3C,EAAW,OAAO;CAChB,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACT;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACT;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACT;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACT;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACT;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACT;EACF;CACD,eAAe,CAAC,IAAI;CACpB,eAAe;CACf,qBAAqB;CACrB,aAAa,GAAI;CAClB;AAED,IAAa,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,EAAM,CAAA;;IAEL,EAAA,CAAA;GAEL,iBAAiB;GAClB;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,EAAM,CAAA;;IAEL,EAAA,CAAA;GAEN;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,EAAM,CAAA;;IAEL,EAAA,CAAA;GAEN;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,EAAM,CAAA;;IAEL,EAAA,CAAA;GAEN;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,EAAM,CAAA;;IAEL,EAAA,CAAA;GAEN;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,EAAM,CAAA;;IAEL,EAAA,CAAA;GAEN;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,EAAM,CAAA;;IAEL,EAAA,CAAA;GAEN;EACD;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,EAAM,CAAA;;IAEL,EAAA,CAAA;GAEL,iBAAiB;GAClB;EACF;CACD,eAAe,CAAC,IAAI;CACpB,eAAe;CACf,qBAAqB;CACrB,aAAa,GAAI;CAClB;AAED,IAAa,IAAY,EAAS,KAAK,EAAE,CAAC;AAC1C,EAAU,OAAO;CACf,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACP,SAAS,kBAAA,GAAA,EAAA,UAAE,eAAc,CAAA;GACzB,iBAAiB;GAClB;EACD;GACE,OAAO;GACP,OAAO;GACP,SAAS,kBAAA,GAAA,EAAA,UAAE,eAAc,CAAA;GAC1B;EACD;GACE,OAAO;GACP,OAAO;GACP,SAAS,kBAAA,GAAA,EAAA,UAAE,eAAc,CAAA;GAC1B;EACD;GACE,OAAO;GACP,OAAO;GACP,SAAS,kBAAA,GAAA,EAAA,UAAE,eAAc,CAAA;GACzB,iBAAiB;GAClB;EACF;CACD,eAAe,CAAC,IAAI;CACpB,eAAe;CACf,qBAAqB;CACrB,WAAW;CACX,aAAa,GAAI;CAClB;AAED,IAAa,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,OAAO;CACP,UAAU;CACV,YAAY,CACV;EAEE,OAAO,kBAAC,GAAD,EAAS,SAAS,CAAC,GAAG,EAAE,EAAI,CAAA;EACnC,OAAO;EACR,EACD;EAEE,OAAO,kBAAC,GAAD,EAAS,SAAS,CAAC,GAAG,EAAE,EAAI,CAAA;EACnC,OAAO;EACR,CACF;CACD,eAAe,CAAC,IAAI;CACpB,eAAe;CACf,qBAAqB;CACrB,WAAW;CACX,aAAa,GAAI;CAClB"}
+{"version":3,"file":"CheckboxButtonBar.stories.js","names":[],"sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxButtonBarProps } from './CheckboxButtonBar';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nimport { Periods } from 'components/Periods';\n\nconst codeString =\n  '<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/CheckboxButtonBar',\n  component: CheckboxButtonBar,\n  argTypes: {\n    checkboxes: {\n      table: {\n        disable: true,\n      },\n    },\n    defaultValues: {\n      table: {\n        disable: true,\n      },\n    },\n    label: {\n      control: 'text',\n    },\n    labelPosition: {\n      control: 'radio',\n      options: ['top', 'left'],\n    },\n    required: {\n      control: 'boolean',\n    },\n    notValidatedText: {\n      control: 'text',\n    },\n    disableGroup: {\n      control: 'boolean',\n    },\n    actAsRadioButtonBar: {\n      control: 'boolean',\n    },\n    onSetValues: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: CheckboxButtonBar,\n    codeString: codeString,\n  },\n} as Meta<CheckboxButtonBarProps>;\n\nconst Template: StoryFn<CheckboxButtonBarProps> = (args) => <CheckboxButtonBar {...args} />;\n\nexport const CheckboxButtonBarExample = Template.bind({});\nCheckboxButtonBarExample.args = {\n  label: 'Periode',\n  required: true,\n  checkboxes: [\n    {\n      label: '1.1',\n      value: '1',\n    },\n    {\n      label: '1.2',\n      value: '2',\n    },\n    {\n      label: '1.3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1', '2'],\n  labelPosition: 'top',\n  subLabel: 'Selecteer een week',\n  footerText: 'Weken in periode 2',\n  onSetValues: fn(),\n};\n\nexport const AsRadioButtonBar = Template.bind({});\nAsRadioButtonBar.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n    },\n    {\n      label: '2',\n      value: '2',\n    },\n    {\n      label: '3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: true,\n  onSetValues: fn(),\n};\n\nexport const WithPrefix = Template.bind({});\nWithPrefix.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '13',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '14',\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '15',\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '16',\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '17',\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '18',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const WithTooltip = Template.bind({});\nWithTooltip.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '36',\n      tooltip: (\n        <>\n          1 sept - 5 sept\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '37',\n      tooltip: (\n        <>\n          8 sept - 12 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '38',\n      tooltip: (\n        <>\n          15 sept - 19 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '39',\n      tooltip: (\n        <>\n          22 sept - 26 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '40',\n      tooltip: (\n        <>\n          29 sept - 3 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '41',\n      tooltip: (\n        <>\n          6 okt - 10 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '7',\n      value: '7',\n      prefix: '42',\n      tooltip: (\n        <>\n          13 okt - 17 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '8',\n      value: '8',\n      prefix: '43',\n      tooltip: (\n        <>\n          20 okt - 24 okt\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const Segmented = Template.bind({});\nSegmented.args = {\n  label: 'Year(s)',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      tooltip: <>2023 - 2024</>,\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      tooltip: <>2025 - 2026</>,\n    },\n    {\n      label: '3',\n      value: '3',\n      tooltip: <>2026 - 2027</>,\n    },\n    {\n      label: '4',\n      value: '4',\n      tooltip: <>2027 - 2028</>,\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  segmented: true,\n  onSetValues: fn(),\n};\n\nexport const WithPeriods = Template.bind({});\nWithPeriods.args = {\n  label: 'Aanbieding',\n  required: true,\n  checkboxes: [\n    {\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      label: <Periods periods={[1, 2]} />,\n      value: '1',\n    },\n    {\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      label: <Periods periods={[2, 3]} />,\n      value: '2',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  segmented: true,\n  onSetValues: fn(),\n};\n"],"mappings":";;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,YAAY,EACV,OAAO,EACL,SAAS,IACV,EACF;EACD,eAAe,EACb,OAAO,EACL,SAAS,IACV,EACF;EACD,OAAO,EACL,SAAS,QACV;EACD,eAAe;GACb,SAAS;GACT,SAAS,CAAC,OAAO,OAAO;GACzB;EACD,UAAU,EACR,SAAS,WACV;EACD,kBAAkB,EAChB,SAAS,QACV;EACD,cAAc,EACZ,SAAS,WACV;EACD,qBAAqB,EACnB,SAAS,WACV;EACD,aAAa,EACX,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAA6C,MAAS,kBAAC,GAAD,EAAmB,GAAI,GAAQ,CAAA,EAE9E,IAA2B,EAAS,KAAK,EAAE,CAAC;AACzD,EAAyB,OAAO;CAC9B,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACF;CACD,eAAe,CAAC,KAAK,IAAI;CACzB,eAAe;CACf,UAAU;CACV,YAAY;CACZ,aAAa,GAAI;CAClB;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACF;CACD,eAAe,CAAC,IAAI;CACpB,eAAe;CACf,qBAAqB;CACrB,aAAa,GAAI;CAClB;AAED,IAAa,IAAa,EAAS,KAAK,EAAE,CAAC;AAC3C,EAAW,OAAO;CAChB,OAAO;CACP,UAAU;CACV,YAAY;E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"}

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

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../CheckboxButtonBar-5UMIFMKH.js";
-import { i as t, n } from "../../react.esm-R7eBXTUI.js";
+import { i as t, n } from "../../react.esm-CweFe1CK.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/CheckboxButtonBar/CheckboxButtonBar.test.tsx
 var i = jest.fn(), a = [

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButtonBar.test.js","names":[],"sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nconst onClickSpy = jest.fn();\n\nconst MOCK_CHECKBOXES = [\n  {\n    label: '1.1',\n    value: '1',\n  },\n  {\n    label: '1.2',\n    value: '2',\n  },\n  {\n    label: '1.3',\n    value: '3',\n  },\n];\n\ndescribe('CheckboxButton', () => {\n  it('should render', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    expect(screen.getByText('Periode')).toBeInTheDocument();\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n  });\n\n  it('should render required', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        required={true}\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    expect(label).toHaveClass('label--required');\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n  });\n\n  it('should render default checked', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n    expect(checkbox[0]).toBeChecked();\n    expect(checkbox[1]).toBeChecked();\n    expect(checkbox[2]).not.toBeChecked();\n  });\n\n  it('should render notValidatedText and notValid style', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        notValidatedText=\"Not Valid\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    expect(screen.getByText('Not Valid')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;AAMA,IAAM,IAAa,KAAK,IAAI,EAEtB,IAAkB;CACtB;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACF;AAED,SAAS,wBAAwB;AAqD/B,CApDA,GAAG,uBAAuB;AAUxB,EATA,EACE,kBAAC,GAAD;GACE,OAAM;GACN,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH,EACD,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;EACvD,IAAM,IAAW,EAAO,aAAa,WAAW;AAChD,SAAO,EAAS,CAAC,aAAa,EAAE;GAChC,EAEF,GAAG,gCAAgC;AACjC,IACE,kBAAC,GAAD;GACE,OAAM;GACN,UAAU;GACV,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH;EACD,IAAM,IAAQ,EAAO,UAAU,UAAU;AAEzC,EADA,OAAO,EAAM,CAAC,kBAAkB,UAAU,EAC1C,OAAO,EAAM,CAAC,YAAY,kBAAkB;EAC5C,IAAM,IAAW,EAAO,aAAa,WAAW;AAChD,SAAO,EAAS,CAAC,aAAa,EAAE;GAChC,EAEF,GAAG,uCAAuC;AACxC,IACE,kBAAC,GAAD;GACE,OAAM;GACN,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH;EACD,IAAM,IAAQ,EAAO,UAAU,UAAU;AACzC,SAAO,EAAM,CAAC,kBAAkB,UAAU;EAC1C,IAAM,IAAW,EAAO,aAAa,WAAW;AAIhD,EAHA,OAAO,EAAS,CAAC,aAAa,EAAE,EAChC,OAAO,EAAS,GAAG,CAAC,aAAa,EACjC,OAAO,EAAS,GAAG,CAAC,aAAa,EACjC,OAAO,EAAS,GAAG,CAAC,IAAI,aAAa;GACrC,EAEF,GAAG,2DAA2D;AAC5D,IACE,kBAAC,GAAD;GACE,OAAM;GACN,kBAAiB;GACjB,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH;EACD,IAAM,IAAQ,EAAO,UAAU,UAAU;AAEzC,EADA,OAAO,EAAM,CAAC,kBAAkB,UAAU,EAC1C,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,mBAAmB;GACzD;EACF"}
+{"version":3,"file":"CheckboxButtonBar.test.js","names":[],"sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nconst onClickSpy = jest.fn();\n\nconst MOCK_CHECKBOXES = [\n  {\n    label: '1.1',\n    value: '1',\n  },\n  {\n    label: '1.2',\n    value: '2',\n  },\n  {\n    label: '1.3',\n    value: '3',\n  },\n];\n\ndescribe('CheckboxButton', () => {\n  it('should render', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    expect(screen.getByText('Periode')).toBeInTheDocument();\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n  });\n\n  it('should render required', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        required={true}\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    expect(label).toHaveClass('label--required');\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n  });\n\n  it('should render default checked', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n    expect(checkbox[0]).toBeChecked();\n    expect(checkbox[1]).toBeChecked();\n    expect(checkbox[2]).not.toBeChecked();\n  });\n\n  it('should render notValidatedText and notValid style', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        notValidatedText=\"Not Valid\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    expect(screen.getByText('Not Valid')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;AAMA,IAAM,IAAa,KAAK,IAAI,EAEtB,IAAkB;CACtB;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACF;AAED,SAAS,wBAAwB;CAqD/B,AApDA,GAAG,uBAAuB;EAUxB,AATA,EACE,kBAAC,GAAD;GACE,OAAM;GACN,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH,EACD,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;EACvD,IAAM,IAAW,EAAO,aAAa,WAAW;EAChD,OAAO,EAAS,CAAC,aAAa,EAAE;GAChC,EAEF,GAAG,gCAAgC;EACjC,EACE,kBAAC,GAAD;GACE,OAAM;GACN,UAAU;GACV,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH;EACD,IAAM,IAAQ,EAAO,UAAU,UAAU;EAEzC,AADA,OAAO,EAAM,CAAC,kBAAkB,UAAU,EAC1C,OAAO,EAAM,CAAC,YAAY,kBAAkB;EAC5C,IAAM,IAAW,EAAO,aAAa,WAAW;EAChD,OAAO,EAAS,CAAC,aAAa,EAAE;GAChC,EAEF,GAAG,uCAAuC;EACxC,EACE,kBAAC,GAAD;GACE,OAAM;GACN,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH;EACD,IAAM,IAAQ,EAAO,UAAU,UAAU;EACzC,OAAO,EAAM,CAAC,kBAAkB,UAAU;EAC1C,IAAM,IAAW,EAAO,aAAa,WAAW;EAIhD,AAHA,OAAO,EAAS,CAAC,aAAa,EAAE,EAChC,OAAO,EAAS,GAAG,CAAC,aAAa,EACjC,OAAO,EAAS,GAAG,CAAC,aAAa,EACjC,OAAO,EAAS,GAAG,CAAC,IAAI,aAAa;GACrC,EAEF,GAAG,2DAA2D;EAC5D,EACE,kBAAC,GAAD;GACE,OAAM;GACN,kBAAiB;GACjB,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH;EACD,IAAM,IAAQ,EAAO,UAAU,UAAU;EAEzC,AADA,OAAO,EAAM,CAAC,kBAAkB,UAAU,EAC1C,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,mBAAmB;GACzD;EACF"}

package/dist/components/CheckboxTree/CheckboxTree.js

@@ -1,2 +1,2 @@
-import { h as e } from "../../components-DAwjkky5.js";
+import { h as e } from "../../components-BzxAULjf.js";
 export { e as CheckboxTree };

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

@@ -1,6 +1,6 @@
-import { o as e } from "../../chunk-SZQXB3JV-KiB8lSa9.js";
-import { r as t } from "../../test-Cr_l59hN.js";
-import { h as n } from "../../components-DAwjkky5.js";
+import { o as e } from "../../chunk-SZQXB3JV-D6GR5B4F.js";
+import { r as t } from "../../test-Pa9Lwbsq.js";
+import { h as n } from "../../components-BzxAULjf.js";
 import { t as r } from "../../Chip-DJHvFToV.js";
 import { useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTree.stories.js","names":[],"sources":["../../../src/components/CheckboxTree/CheckboxTree.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { action } from 'storybook/actions';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxLeaf, CheckboxBranch, CheckboxTreeProps } from './CheckboxTree';\n\nimport { CheckboxTree } from './CheckboxTree';\n\nimport { Chip } from 'components/Chip';\n\nconst createPeriodTree = (periodIndices: string[], numberOfPeriods: number, periodPerSemester: number) => {\n  const allPeriods = Array.from({ length: numberOfPeriods }, (_, idx) => idx + 1);\n\n  const periodValueToLabel = (value: string) => {\n    const semester = Math.ceil(parseInt(value) / periodPerSemester);\n    const period = semester === periodPerSemester ? '' : `.${parseInt(value) % periodPerSemester || periodPerSemester}`;\n    return `${semester}${period}`;\n  };\n\n  const periodTree = allPeriods.map((periodIndex) => ({\n    itemName: periodValueToLabel(String(periodIndex)),\n    itemValue: periodIndex,\n    disabled: false,\n  }));\n\n  const periodTreeObject = allPeriods.reduce((periods, currentPeriod, periodIndex) => {\n    const semester = Math.ceil(currentPeriod / periodPerSemester);\n    if (periodIndices.includes(String(periodIndex + 1))) {\n      if (!periods[semester]) {\n        periods[semester] = {\n          itemName: `Semester ${semester}`,\n          children: [],\n        };\n      }\n      periods[semester].children.push({\n        ...periodTree[periodIndex],\n        itemValue: String(periodTree[periodIndex].itemValue),\n      } as CheckboxLeaf);\n    }\n    return periods;\n  }, [] as CheckboxBranch[]);\n\n  return periodTreeObject;\n};\n\nconst NUMBER_OF_PERIODS = 7;\nconst PERIOD_PER_SEMESTER = 3;\n\nconst MOCK_CHECKBOX_TREE = createPeriodTree(\n  ['1', '2', '3', '4', '5', '6', '7'],\n  NUMBER_OF_PERIODS,\n  PERIOD_PER_SEMESTER\n);\n\nconst codeString = '<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/CheckboxTree',\n  component: CheckboxTree,\n  parameters: {\n    inspectComponent: CheckboxTree,\n    codeString: codeString,\n  },\n} as Meta<CheckboxTreeProps>;\n\nconst Template: StoryFn<CheckboxTreeProps> = (args) => <CheckboxTree {...args} />;\n\nexport const CheckboxTreeExample = Template.bind({});\nCheckboxTreeExample.args = {\n  title: 'Periode',\n  checkboxTree: MOCK_CHECKBOX_TREE,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  selectedValues: ['3', '4'],\n  onChange: fn(),\n};\n\nconst PERIOD_SEGMENT = 3;\n\nconst periodValueToLabel = (value: string) => {\n  const semester = Math.ceil(parseInt(value) / PERIOD_SEGMENT);\n  const period = semester === PERIOD_SEGMENT ? '' : `.${parseInt(value) % PERIOD_SEGMENT || PERIOD_SEGMENT}`;\n  return `${semester}${period}`;\n};\n\nconst periodLabelToValue = (value: string): string => {\n  const [row, col] = value.split('.').map(Number);\n  return `${(row - 1) * PERIOD_SEGMENT + (col || 1)}`;\n};\n\nexport const CheckboxTreeWithChips: StoryFn<CheckboxTreeProps> = () => {\n  const [activeFilters, setActiveFilters] = useState<string[]>(['5', '4', '1']);\n\n  const handleRemoveActiveFilter = (filterToRemove: string) => {\n    const newActiveFilters = JSON.parse(JSON.stringify(activeFilters)).filter(\n      (filter: string) => filter !== periodLabelToValue(filterToRemove)\n    );\n\n    setActiveFilters(() => newActiveFilters);\n    action('onChange value:')(newActiveFilters);\n  };\n\n  const handlePeriodChange = (value: string[]) => {\n    setActiveFilters([...value]);\n    action('onChange value:')(value);\n  };\n\n  return (\n    <div style={{ width: '15rem' }}>\n      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem', width: '100%', marginBottom: '1rem' }}>\n        {activeFilters &&\n          activeFilters.map((activeFilter, index) => (\n            <Chip\n              label={periodValueToLabel(activeFilter)}\n              onDelete={handleRemoveActiveFilter}\n              key={`${index}_${activeFilter}`}\n            />\n          ))}\n      </div>\n      <CheckboxTree\n        title=\"Periode\"\n        checkboxTree={MOCK_CHECKBOX_TREE}\n        selectedValues={activeFilters}\n        onChange={handlePeriodChange}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAiDA,IAAM,MAtCoB,GAAyB,GAAyB,MAA8B;CACxG,IAAM,IAAa,MAAM,KAAK,EAAE,QAAQ,GAAiB,GAAG,GAAG,MAAQ,IAAM,EAAE,EAEzE,KAAsB,MAAkB;EAC5C,IAAM,IAAW,KAAK,KAAK,SAAS,EAAM,GAAG,EAAkB;AAE/D,SAAO,GAAG,IADK,MAAa,IAAoB,KAAK,IAAI,SAAS,EAAM,GAAG,KAAqB;IAI5F,IAAa,EAAW,KAAK,OAAiB;EAClD,UAAU,EAAmB,OAAO,EAAY,CAAC;EACjD,WAAW;EACX,UAAU;EACX,EAAE;AAmBH,QAjByB,EAAW,QAAQ,GAAS,GAAe,MAAgB;EAClF,IAAM,IAAW,KAAK,KAAK,IAAgB,EAAkB;AAa7D,SAZI,EAAc,SAAS,OAAO,IAAc,EAAE,CAAC,KAC5C,EAAQ,OACX,EAAQ,KAAY;GAClB,UAAU,YAAY;GACtB,UAAU,EAAE;GACb,GAEH,EAAQ,GAAU,SAAS,KAAK;GAC9B,GAAG,EAAW;GACd,WAAW,OAAO,EAAW,GAAa,UAAU;GACrD,CAAiB,GAEb;IACN,EAAE,CAAqB;GAS1B;CAAC;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAI,EAJX,GACE,EAM3B,EAKD,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAIY,MAFiC,MAAS,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAErC,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,OAAO;CACP,cAAc;CAEd,gBAAgB,CAAC,KAAK,IAAI;CAC1B,UAAU,GAAI;CACf;AAED,IAAM,IAAiB,GAEjB,KAAsB,MAAkB;CAC5C,IAAM,IAAW,KAAK,KAAK,SAAS,EAAM,GAAG,EAAe;AAE5D,QAAO,GAAG,IADK,MAAa,IAAiB,KAAK,IAAI,SAAS,EAAM,GAAG,KAAkB;GAItF,KAAsB,MAA0B;CACpD,IAAM,CAAC,GAAK,KAAO,EAAM,MAAM,IAAI,CAAC,IAAI,OAAO;AAC/C,QAAO,IAAI,IAAM,KAAK,KAAkB,KAAO;GAGpC,UAA0D;CACrE,IAAM,CAAC,GAAe,KAAoB,EAAmB;EAAC;EAAK;EAAK;EAAI,CAAC,EAEvE,KAA4B,MAA2B;EAC3D,IAAM,IAAmB,KAAK,MAAM,KAAK,UAAU,EAAc,CAAC,CAAC,QAChE,MAAmB,MAAW,EAAmB,EAAe,CAClE;AAGD,EADA,QAAuB,EAAiB,EACxC,EAAO,kBAAkB,CAAC,EAAiB;;AAQ7C,QACE,kBAAC,OAAD;EAAK,OAAO,EAAE,OAAO,SAAS;YAA9B,CACE,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,UAAU;IAAQ,KAAK;IAAU,OAAO;IAAQ,cAAc;IAAQ;aAClG,KACC,EAAc,KAAK,GAAc,MAC/B,kBAAC,GAAD;IACE,OAAO,EAAmB,EAAa;IACvC,UAAU;IAEV,EADK,GAAG,EAAM,GAAG,IACjB,CACF;GACA,CAAA,EACN,kBAAC,GAAD;GACE,OAAM;GACN,cAAc;GACd,gBAAgB;GAChB,WArBsB,MAAoB;AAE9C,IADA,EAAiB,CAAC,GAAG,EAAM,CAAC,EAC5B,EAAO,kBAAkB,CAAC,EAAM;;GAoB5B,CAAA,CACE"}
+{"version":3,"file":"CheckboxTree.stories.js","names":[],"sources":["../../../src/components/CheckboxTree/CheckboxTree.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { action } from 'storybook/actions';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxLeaf, CheckboxBranch, CheckboxTreeProps } from './CheckboxTree';\n\nimport { CheckboxTree } from './CheckboxTree';\n\nimport { Chip } from 'components/Chip';\n\nconst createPeriodTree = (periodIndices: string[], numberOfPeriods: number, periodPerSemester: number) => {\n  const allPeriods = Array.from({ length: numberOfPeriods }, (_, idx) => idx + 1);\n\n  const periodValueToLabel = (value: string) => {\n    const semester = Math.ceil(parseInt(value) / periodPerSemester);\n    const period = semester === periodPerSemester ? '' : `.${parseInt(value) % periodPerSemester || periodPerSemester}`;\n    return `${semester}${period}`;\n  };\n\n  const periodTree = allPeriods.map((periodIndex) => ({\n    itemName: periodValueToLabel(String(periodIndex)),\n    itemValue: periodIndex,\n    disabled: false,\n  }));\n\n  const periodTreeObject = allPeriods.reduce((periods, currentPeriod, periodIndex) => {\n    const semester = Math.ceil(currentPeriod / periodPerSemester);\n    if (periodIndices.includes(String(periodIndex + 1))) {\n      if (!periods[semester]) {\n        periods[semester] = {\n          itemName: `Semester ${semester}`,\n          children: [],\n        };\n      }\n      periods[semester].children.push({\n        ...periodTree[periodIndex],\n        itemValue: String(periodTree[periodIndex].itemValue),\n      } as CheckboxLeaf);\n    }\n    return periods;\n  }, [] as CheckboxBranch[]);\n\n  return periodTreeObject;\n};\n\nconst NUMBER_OF_PERIODS = 7;\nconst PERIOD_PER_SEMESTER = 3;\n\nconst MOCK_CHECKBOX_TREE = createPeriodTree(\n  ['1', '2', '3', '4', '5', '6', '7'],\n  NUMBER_OF_PERIODS,\n  PERIOD_PER_SEMESTER\n);\n\nconst codeString = '<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/CheckboxTree',\n  component: CheckboxTree,\n  parameters: {\n    inspectComponent: CheckboxTree,\n    codeString: codeString,\n  },\n} as Meta<CheckboxTreeProps>;\n\nconst Template: StoryFn<CheckboxTreeProps> = (args) => <CheckboxTree {...args} />;\n\nexport const CheckboxTreeExample = Template.bind({});\nCheckboxTreeExample.args = {\n  title: 'Periode',\n  checkboxTree: MOCK_CHECKBOX_TREE,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  selectedValues: ['3', '4'],\n  onChange: fn(),\n};\n\nconst PERIOD_SEGMENT = 3;\n\nconst periodValueToLabel = (value: string) => {\n  const semester = Math.ceil(parseInt(value) / PERIOD_SEGMENT);\n  const period = semester === PERIOD_SEGMENT ? '' : `.${parseInt(value) % PERIOD_SEGMENT || PERIOD_SEGMENT}`;\n  return `${semester}${period}`;\n};\n\nconst periodLabelToValue = (value: string): string => {\n  const [row, col] = value.split('.').map(Number);\n  return `${(row - 1) * PERIOD_SEGMENT + (col || 1)}`;\n};\n\nexport const CheckboxTreeWithChips: StoryFn<CheckboxTreeProps> = () => {\n  const [activeFilters, setActiveFilters] = useState<string[]>(['5', '4', '1']);\n\n  const handleRemoveActiveFilter = (filterToRemove: string) => {\n    const newActiveFilters = JSON.parse(JSON.stringify(activeFilters)).filter(\n      (filter: string) => filter !== periodLabelToValue(filterToRemove)\n    );\n\n    setActiveFilters(() => newActiveFilters);\n    action('onChange value:')(newActiveFilters);\n  };\n\n  const handlePeriodChange = (value: string[]) => {\n    setActiveFilters([...value]);\n    action('onChange value:')(value);\n  };\n\n  return (\n    <div style={{ width: '15rem' }}>\n      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem', width: '100%', marginBottom: '1rem' }}>\n        {activeFilters &&\n          activeFilters.map((activeFilter, index) => (\n            <Chip\n              label={periodValueToLabel(activeFilter)}\n              onDelete={handleRemoveActiveFilter}\n              key={`${index}_${activeFilter}`}\n            />\n          ))}\n      </div>\n      <CheckboxTree\n        title=\"Periode\"\n        checkboxTree={MOCK_CHECKBOX_TREE}\n        selectedValues={activeFilters}\n        onChange={handlePeriodChange}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAiDA,IAAM,MAtCoB,GAAyB,GAAyB,MAA8B;CACxG,IAAM,IAAa,MAAM,KAAK,EAAE,QAAQ,GAAiB,GAAG,GAAG,MAAQ,IAAM,EAAE,EAEzE,KAAsB,MAAkB;EAC5C,IAAM,IAAW,KAAK,KAAK,SAAS,EAAM,GAAG,EAAkB;EAE/D,OAAO,GAAG,IADK,MAAa,IAAoB,KAAK,IAAI,SAAS,EAAM,GAAG,KAAqB;IAI5F,IAAa,EAAW,KAAK,OAAiB;EAClD,UAAU,EAAmB,OAAO,EAAY,CAAC;EACjD,WAAW;EACX,UAAU;EACX,EAAE;CAmBH,OAjByB,EAAW,QAAQ,GAAS,GAAe,MAAgB;EAClF,IAAM,IAAW,KAAK,KAAK,IAAgB,EAAkB;EAa7D,OAZI,EAAc,SAAS,OAAO,IAAc,EAAE,CAAC,KAC5C,EAAQ,OACX,EAAQ,KAAY;GAClB,UAAU,YAAY;GACtB,UAAU,EAAE;GACb,GAEH,EAAQ,GAAU,SAAS,KAAK;GAC9B,GAAG,EAAW;GACd,WAAW,OAAO,EAAW,GAAa,UAAU;GACrD,CAAiB,GAEb;IACN,EAAE,CAEE;GAOP;CAAC;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAI,EACnC,GACA,EACD,EAKD,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAFiC,MAAS,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAErC,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,OAAO;CACP,cAAc;CAEd,gBAAgB,CAAC,KAAK,IAAI;CAC1B,UAAU,GAAI;CACf;AAED,IAAM,IAAiB,GAEjB,KAAsB,MAAkB;CAC5C,IAAM,IAAW,KAAK,KAAK,SAAS,EAAM,GAAG,EAAe;CAE5D,OAAO,GAAG,IADK,MAAa,IAAiB,KAAK,IAAI,SAAS,EAAM,GAAG,KAAkB;GAItF,KAAsB,MAA0B;CACpD,IAAM,CAAC,GAAK,KAAO,EAAM,MAAM,IAAI,CAAC,IAAI,OAAO;CAC/C,OAAO,IAAI,IAAM,KAAK,KAAkB,KAAO;GAGpC,UAA0D;CACrE,IAAM,CAAC,GAAe,KAAoB,EAAmB;EAAC;EAAK;EAAK;EAAI,CAAC,EAEvE,KAA4B,MAA2B;EAC3D,IAAM,IAAmB,KAAK,MAAM,KAAK,UAAU,EAAc,CAAC,CAAC,QAChE,MAAmB,MAAW,EAAmB,EAAe,CAClE;EAGD,AADA,QAAuB,EAAiB,EACxC,EAAO,kBAAkB,CAAC,EAAiB;;CAQ7C,OACE,kBAAC,OAAD;EAAK,OAAO,EAAE,OAAO,SAAS;YAA9B,CACE,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,UAAU;IAAQ,KAAK;IAAU,OAAO;IAAQ,cAAc;IAAQ;aAClG,KACC,EAAc,KAAK,GAAc,MAC/B,kBAAC,GAAD;IACE,OAAO,EAAmB,EAAa;IACvC,UAAU;IAEV,EADK,GAAG,EAAM,GAAG,IACjB,CACF;GACA,CAAA,EACN,kBAAC,GAAD;GACE,OAAM;GACN,cAAc;GACd,gBAAgB;GAChB,WArBsB,MAAoB;IAE9C,AADA,EAAiB,CAAC,GAAG,EAAM,CAAC,EAC5B,EAAO,kBAAkB,CAAC,EAAM;;GAoB5B,CAAA,CACE"}

package/dist/components/CheckboxTree/index.js

@@ -1,2 +1,2 @@
-import { h as e } from "../../components-DAwjkky5.js";
+import { h as e } from "../../components-BzxAULjf.js";
 export { e as CheckboxTree };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.stories.js","names":[],"sources":["../../../src/components/Chip/Chip.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ChipProps } from './Chip';\n\nimport { Chip } from './Chip';\n\nconst codeString = '<Chip label={string} onDelete={onDeleteFunction(label)}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Chip',\n  component: Chip,\n  argTypes: {},\n  parameters: {\n    inspectComponent: Chip,\n    codeString: codeString,\n  },\n} as Meta<ChipProps>;\n\nconst Template: StoryFn<ChipProps> = (args) => <Chip {...args} />;\n\nconst defaultArgs: Partial<ChipProps> = {\n  label: 'Nederlands',\n  onDelete: fn(),\n};\n\nexport const ChipExample = Template.bind({});\nChipExample.args = {\n  ...defaultArgs,\n};\n\nexport const ChipLongLabel = Template.bind({});\nChipLongLabel.args = {\n  label: 'Een filter met een veel te lang label',\n  onDelete: fn(),\n};\n"],"mappings":";;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,YAAY;EACV,kBAAkB;EACN,YATG;EAUhB;CACF,EAEK,KAAgC,MAAS,kBAAC,GAAD,EAAM,GAAI,GAAQ,CAAA,EAE3D,IAAkC;CACtC,OAAO;CACP,UAAU,GAAI;CACf,EAEY,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO,EACjB,GAAG,GACJ;AAED,IAAa,IAAgB,EAAS,KAAK,EAAE,CAAC;AAC9C,EAAc,OAAO;CACnB,OAAO;CACP,UAAU,GAAI;CACf"}
+{"version":3,"file":"Chip.stories.js","names":[],"sources":["../../../src/components/Chip/Chip.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ChipProps } from './Chip';\n\nimport { Chip } from './Chip';\n\nconst codeString = '<Chip label={string} onDelete={onDeleteFunction(label)}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Chip',\n  component: Chip,\n  argTypes: {},\n  parameters: {\n    inspectComponent: Chip,\n    codeString: codeString,\n  },\n} as Meta<ChipProps>;\n\nconst Template: StoryFn<ChipProps> = (args) => <Chip {...args} />;\n\nconst defaultArgs: Partial<ChipProps> = {\n  label: 'Nederlands',\n  onDelete: fn(),\n};\n\nexport const ChipExample = Template.bind({});\nChipExample.args = {\n  ...defaultArgs,\n};\n\nexport const ChipLongLabel = Template.bind({});\nChipLongLabel.args = {\n  label: 'Een filter met een veel te lang label',\n  onDelete: fn(),\n};\n"],"mappings":";;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAgC,MAAS,kBAAC,GAAD,EAAM,GAAI,GAAQ,CAAA,EAE3D,IAAkC;CACtC,OAAO;CACP,UAAU,GAAI;CACf,EAEY,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO,EACjB,GAAG,GACJ;AAED,IAAa,IAAgB,EAAS,KAAK,EAAE,CAAC;AAC9C,EAAc,OAAO;CACnB,OAAO;CACP,UAAU,GAAI;CACf"}

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Cr_l59hN.js";
+import { r as e } from "../../test-Pa9Lwbsq.js";
 import { t } from "../../icons-TRhI-4V6.js";
 import { t as n } from "../../ControlsButton-B1XRpMUM.js";
 import { t as r } from "../../Periods-BYETtB6R.js";

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

@@ -1 +1 @@
-{"version":3,"file":"ControlsButton.stories.js","names":[],"sources":["../../../src/components/ControlsButton/ControlsButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ControlsButtonProps } from './ControlsButton';\r\n\r\nimport { ControlsButton } from './ControlsButton';\r\n\r\nimport { Icons } from 'components/Icon/icons';\r\nimport { Periods } from 'components/Periods';\r\n\r\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\r\n\r\nconst codeString =\r\n  '<ControlsButton type={radio or checkbox} label={} value={} prefix={} tooltip={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/ControlsButton',\r\n  component: ControlsButton,\r\n  argTypes: {\r\n    label: {\r\n      control: 'text',\r\n    },\r\n    value: {\r\n      control: 'string',\r\n    },\r\n    iconName: {\r\n      control: { type: 'select' },\r\n      options: iconNames,\r\n    },\r\n    forceSquared: {\r\n      control: 'boolean',\r\n    },\r\n    isChecked: {\r\n      control: 'boolean',\r\n    },\r\n    disabled: {\r\n      control: 'boolean',\r\n    },\r\n    onSetValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: ControlsButton,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ControlsButtonProps>;\r\n\r\nconst Template: StoryFn<ControlsButtonProps> = (args) => <ControlsButton {...args} />;\r\n\r\nexport const ControlsButtonExample = Template.bind({});\r\nControlsButtonExample.args = {\r\n  type: 'checkbox',\r\n  label: '1.2',\r\n  value: '1.2',\r\n  forceSquared: true,\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithPrefix = Template.bind({});\r\nWithPrefix.args = {\r\n  type: 'checkbox',\r\n  label: '1.3',\r\n  value: '1.3',\r\n  prefix: '13',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithIcon = Template.bind({});\r\nWithIcon.args = {\r\n  type: 'checkbox',\r\n  label: '2.1',\r\n  value: '2.1',\r\n  iconName: 'AcademicCap',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithTooltip = Template.bind({});\r\nWithTooltip.args = {\r\n  type: 'checkbox',\r\n  label: '5',\r\n  value: '5',\r\n  prefix: '40',\r\n  tooltip: (\r\n    <>\r\n      15 dec - 19 dec\r\n      <br />\r\n      2025\r\n    </>\r\n  ),\r\n  tooltipPosition: 'center',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithComplexLabel = Template.bind({});\r\nWithComplexLabel.args = {\r\n  type: 'checkbox',\r\n  label: (\r\n    <Periods\r\n      periods={[\r\n        {\r\n          id: '2023P1',\r\n          number: 1,\r\n          semesterNumber: 1,\r\n          periodInSemester: 1,\r\n        },\r\n        {\r\n          id: '2023P2',\r\n          number: 2,\r\n          semesterNumber: 1,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P3',\r\n          number: 3,\r\n          semesterNumber: 1,\r\n          periodInSemester: 3,\r\n        },\r\n        {\r\n          id: '2023P5',\r\n          number: 5,\r\n          semesterNumber: 2,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P7',\r\n          number: 7,\r\n          semesterNumber: 3,\r\n          periodInSemester: 1,\r\n        },\r\n      ]}\r\n    />\r\n  ),\r\n  value: '5',\r\n  onSetValue: fn(),\r\n};\r\n"],"mappings":";;;;;AAgBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO,EACL,SAAS,QACV;EACD,OAAO,EACL,SAAS,UACV;EACD,UAAU;GACR,SAAS,EAAE,MAAM,UAAU;GAC3B,SAlBY,OAAO,KAAK,EAAM;GAmB/B;EACD,cAAc,EACZ,SAAS,WACV;EACD,WAAW,EACT,SAAS,WACV;EACD,UAAU,EACR,SAAS,WACV;EACD,YAAY,EACV,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAlCd;EAmCC;CACF,EAEK,KAA0C,MAAS,kBAAC,GAAD,EAAgB,GAAI,GAAQ,CAAA,EAExE,IAAwB,EAAS,KAAK,EAAE,CAAC;AACtD,EAAsB,OAAO;CAC3B,MAAM;CACN,OAAO;CACP,OAAO;CACP,cAAc;CACd,YAAY,GAAI;CACjB;AAED,IAAa,IAAa,EAAS,KAAK,EAAE,CAAC;AAC3C,EAAW,OAAO;CAChB,MAAM;CACN,OAAO;CACP,OAAO;CACP,QAAQ;CACR,YAAY,GAAI;CACjB;AAED,IAAa,IAAW,EAAS,KAAK,EAAE,CAAC;AACzC,EAAS,OAAO;CACd,MAAM;CACN,OAAO;CACP,OAAO;CACP,UAAU;CACV,YAAY,GAAI;CACjB;AAED,IAAa,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,MAAM;CACN,OAAO;CACP,OAAO;CACP,QAAQ;CACR,SACE,kBAAA,GAAA,EAAA,UAAA;EAAE;EAEA,kBAAC,MAAD,EAAM,CAAA;;EAEL,EAAA,CAAA;CAEL,iBAAiB;CACjB,YAAY,GAAI;CACjB;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,MAAM;CACN,OACE,kBAAC,GAAD,EACE,SAAS;EACP;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACF,EACD,CAAA;CAEJ,OAAO;CACP,YAAY,GAAI;CACjB"}
+{"version":3,"file":"ControlsButton.stories.js","names":[],"sources":["../../../src/components/ControlsButton/ControlsButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ControlsButtonProps } from './ControlsButton';\r\n\r\nimport { ControlsButton } from './ControlsButton';\r\n\r\nimport { Icons } from 'components/Icon/icons';\r\nimport { Periods } from 'components/Periods';\r\n\r\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\r\n\r\nconst codeString =\r\n  '<ControlsButton type={radio or checkbox} label={} value={} prefix={} tooltip={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/ControlsButton',\r\n  component: ControlsButton,\r\n  argTypes: {\r\n    label: {\r\n      control: 'text',\r\n    },\r\n    value: {\r\n      control: 'string',\r\n    },\r\n    iconName: {\r\n      control: { type: 'select' },\r\n      options: iconNames,\r\n    },\r\n    forceSquared: {\r\n      control: 'boolean',\r\n    },\r\n    isChecked: {\r\n      control: 'boolean',\r\n    },\r\n    disabled: {\r\n      control: 'boolean',\r\n    },\r\n    onSetValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: ControlsButton,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ControlsButtonProps>;\r\n\r\nconst Template: StoryFn<ControlsButtonProps> = (args) => <ControlsButton {...args} />;\r\n\r\nexport const ControlsButtonExample = Template.bind({});\r\nControlsButtonExample.args = {\r\n  type: 'checkbox',\r\n  label: '1.2',\r\n  value: '1.2',\r\n  forceSquared: true,\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithPrefix = Template.bind({});\r\nWithPrefix.args = {\r\n  type: 'checkbox',\r\n  label: '1.3',\r\n  value: '1.3',\r\n  prefix: '13',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithIcon = Template.bind({});\r\nWithIcon.args = {\r\n  type: 'checkbox',\r\n  label: '2.1',\r\n  value: '2.1',\r\n  iconName: 'AcademicCap',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithTooltip = Template.bind({});\r\nWithTooltip.args = {\r\n  type: 'checkbox',\r\n  label: '5',\r\n  value: '5',\r\n  prefix: '40',\r\n  tooltip: (\r\n    <>\r\n      15 dec - 19 dec\r\n      <br />\r\n      2025\r\n    </>\r\n  ),\r\n  tooltipPosition: 'center',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithComplexLabel = Template.bind({});\r\nWithComplexLabel.args = {\r\n  type: 'checkbox',\r\n  label: (\r\n    <Periods\r\n      periods={[\r\n        {\r\n          id: '2023P1',\r\n          number: 1,\r\n          semesterNumber: 1,\r\n          periodInSemester: 1,\r\n        },\r\n        {\r\n          id: '2023P2',\r\n          number: 2,\r\n          semesterNumber: 1,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P3',\r\n          number: 3,\r\n          semesterNumber: 1,\r\n          periodInSemester: 3,\r\n        },\r\n        {\r\n          id: '2023P5',\r\n          number: 5,\r\n          semesterNumber: 2,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P7',\r\n          number: 7,\r\n          semesterNumber: 3,\r\n          periodInSemester: 1,\r\n        },\r\n      ]}\r\n    />\r\n  ),\r\n  value: '5',\r\n  onSetValue: fn(),\r\n};\r\n"],"mappings":";;;;;AAgBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO,EACL,SAAS,QACV;EACD,OAAO,EACL,SAAS,UACV;EACD,UAAU;GACR,SAAS,EAAE,MAAM,UAAU;GAC3B,SAlBY,OAAO,KAAK,EAkBf;GACV;EACD,cAAc,EACZ,SAAS,WACV;EACD,WAAW,EACT,SAAS,WACV;EACD,UAAU,EACR,SAAS,WACV;EACD,YAAY,EACV,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAA0C,MAAS,kBAAC,GAAD,EAAgB,GAAI,GAAQ,CAAA,EAExE,IAAwB,EAAS,KAAK,EAAE,CAAC;AACtD,EAAsB,OAAO;CAC3B,MAAM;CACN,OAAO;CACP,OAAO;CACP,cAAc;CACd,YAAY,GAAI;CACjB;AAED,IAAa,IAAa,EAAS,KAAK,EAAE,CAAC;AAC3C,EAAW,OAAO;CAChB,MAAM;CACN,OAAO;CACP,OAAO;CACP,QAAQ;CACR,YAAY,GAAI;CACjB;AAED,IAAa,IAAW,EAAS,KAAK,EAAE,CAAC;AACzC,EAAS,OAAO;CACd,MAAM;CACN,OAAO;CACP,OAAO;CACP,UAAU;CACV,YAAY,GAAI;CACjB;AAED,IAAa,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,MAAM;CACN,OAAO;CACP,OAAO;CACP,QAAQ;CACR,SACE,kBAAA,GAAA,EAAA,UAAA;EAAE;EAEA,kBAAC,MAAD,EAAM,CAAA;;EAEL,EAAA,CAAA;CAEL,iBAAiB;CACjB,YAAY,GAAI;CACjB;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,MAAM;CACN,OACE,kBAAC,GAAD,EACE,SAAS;EACP;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACF,EACD,CAAA;CAEJ,OAAO;CACP,YAAY,GAAI;CACjB"}

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Cr_l59hN.js";
+import { r as e } from "../../test-Pa9Lwbsq.js";
 import { Button as t } from "../Buttons/Button.js";
 import { t as n } from "../../ButtonGroup-DR80lTLz.js";
 import { t as r } from "../../Drawer-e7UFHVg9.js";

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.stories.js","names":[],"sources":["../../../src/components/Drawer/Drawer.stories.tsx"],"sourcesContent":["import { OverlayProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { DrawerProps } from './Drawer';\n\nimport { Drawer } from './Drawer';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = `\n  <Drawer isOpen={isOpen} onClose={onCloseFunction} title={title} buttons={buttons}> {children} </Drawer>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Drawer',\n  component: Drawer,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n    closeButtonAriaValueText: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Drawer,\n    codeString: codeString,\n  },\n} as Meta<DrawerProps>;\n\nconst Template: StoryFn<DrawerProps> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <OverlayProvider>\n      <Button onClick={() => setIsOpen(!isOpen)} variant=\"primary\">\n        Open drawer\n      </Button>\n      {isOpen && (\n        <Drawer\n          {...args}\n          isOpen={isOpen}\n          onClose={() => {\n            fn()();\n            return setIsOpen(!isOpen);\n          }}\n        >\n          Example Drawer Content\n        </Drawer>\n      )}\n    </OverlayProvider>\n  );\n};\n\nconst defaultArgs: Partial<DrawerProps> = {\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n};\n\nexport const DrawerExample = Template.bind({});\nDrawerExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithButtons = Template.bind({});\nWithButtons.args = {\n  ...defaultArgs,\n  buttons: (\n    <ButtonGroup>\n      <Button variant=\"primary\">Primary Example Button</Button>\n      <Button variant=\"secondary\">Secondary Example Button</Button>\n    </ButtonGroup>\n  ),\n};\n"],"mappings":";;;;;;;AAiBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ,EACN,OAAO,EACL,SAAS,IACV,EACF;EACD,SAAS,EACP,OAAO,EACL,SAAS,IACV,EACF;EACD,0BAA0B,EACxB,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YA3BG;EA4BhB;CACF,EAEK,KAAkC,MAAS;CAC/C,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAM;AAE3C,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,eAAe,EAAU,CAAC,EAAO;EAAE,SAAQ;YAAU;EAEpD,CAAA,EACR,KACC,kBAAC,GAAD;EACE,GAAI;EACI;EACR,gBACE,GAAI,EAAE,EACC,EAAU,CAAC,EAAO;YAE5B;EAEQ,CAAA,CAEK,EAAA,CAAA;GAIhB,IAAoC;CACxC,OAAO;CACP,0BAA0B;CAC3B,EAEY,IAAgB,EAAS,KAAK,EAAE,CAAC;AAC9C,EAAc,OAAO,EACnB,GAAG,GACJ;AAED,IAAa,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,GAAG;CACH,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;YAAU;EAA+B,CAAA,EACzD,kBAAC,GAAD;EAAQ,SAAQ;YAAY;EAAiC,CAAA,CACjD,EAAA,CAAA;CAEjB"}
+{"version":3,"file":"Drawer.stories.js","names":[],"sources":["../../../src/components/Drawer/Drawer.stories.tsx"],"sourcesContent":["import { OverlayProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { DrawerProps } from './Drawer';\n\nimport { Drawer } from './Drawer';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = `\n  <Drawer isOpen={isOpen} onClose={onCloseFunction} title={title} buttons={buttons}> {children} </Drawer>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Drawer',\n  component: Drawer,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n    closeButtonAriaValueText: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Drawer,\n    codeString: codeString,\n  },\n} as Meta<DrawerProps>;\n\nconst Template: StoryFn<DrawerProps> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <OverlayProvider>\n      <Button onClick={() => setIsOpen(!isOpen)} variant=\"primary\">\n        Open drawer\n      </Button>\n      {isOpen && (\n        <Drawer\n          {...args}\n          isOpen={isOpen}\n          onClose={() => {\n            fn()();\n            return setIsOpen(!isOpen);\n          }}\n        >\n          Example Drawer Content\n        </Drawer>\n      )}\n    </OverlayProvider>\n  );\n};\n\nconst defaultArgs: Partial<DrawerProps> = {\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n};\n\nexport const DrawerExample = Template.bind({});\nDrawerExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithButtons = Template.bind({});\nWithButtons.args = {\n  ...defaultArgs,\n  buttons: (\n    <ButtonGroup>\n      <Button variant=\"primary\">Primary Example Button</Button>\n      <Button variant=\"secondary\">Secondary Example Button</Button>\n    </ButtonGroup>\n  ),\n};\n"],"mappings":";;;;;;;AAiBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ,EACN,OAAO,EACL,SAAS,IACV,EACF;EACD,SAAS,EACP,OAAO,EACL,SAAS,IACV,EACF;EACD,0BAA0B,EACxB,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAkC,MAAS;CAC/C,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAM;CAE3C,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,eAAe,EAAU,CAAC,EAAO;EAAE,SAAQ;YAAU;EAEpD,CAAA,EACR,KACC,kBAAC,GAAD;EACE,GAAI;EACI;EACR,gBACE,GAAI,EAAE,EACC,EAAU,CAAC,EAAO;YAE5B;EAEQ,CAAA,CAEK,EAAA,CAAA;GAIhB,IAAoC;CACxC,OAAO;CACP,0BAA0B;CAC3B,EAEY,IAAgB,EAAS,KAAK,EAAE,CAAC;AAC9C,EAAc,OAAO,EACnB,GAAG,GACJ;AAED,IAAa,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,GAAG;CACH,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;YAAU;EAA+B,CAAA,EACzD,kBAAC,GAAD;EAAQ,SAAQ;YAAY;EAAiC,CAAA,CACjD,EAAA,CAAA;CAEjB"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateDataDisplay.stories.js","names":[],"sources":["../../../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { EmptyStateDataDisplayProps } from './EmptyStateDataDisplay';\n\nimport { EmptyStateDataDisplay } from './EmptyStateDataDisplay';\n\nconst codeString = '<EmptyStateDataDisplay label={label} paragraph={paragraph} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/EmptyStateDataDisplay',\n  component: EmptyStateDataDisplay,\n  parameters: {\n    inspectComponent: EmptyStateDataDisplay,\n    codeString: codeString,\n  },\n} as Meta<EmptyStateDataDisplayProps>;\n\nconst Template: StoryFn<EmptyStateDataDisplayProps> = (args) => <EmptyStateDataDisplay {...args} />;\n\nexport const EmptyStateDataDisplayExample = Template.bind({});\nEmptyStateDataDisplayExample.args = {\n  label: 'This is an example info empty state data display label',\n  paragraph: 'This is an example info empty state data display paragraph',\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAIY,MAF0C,MAAS,kBAAC,GAAD,EAAuB,GAAI,GAAQ,CAAA,EAE9C,KAAK,EAAE,CAAC;AAC7D,EAA6B,OAAO;CAClC,OAAO;CACP,WAAW;CACZ"}
+{"version":3,"file":"EmptyStateDataDisplay.stories.js","names":[],"sources":["../../../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { EmptyStateDataDisplayProps } from './EmptyStateDataDisplay';\n\nimport { EmptyStateDataDisplay } from './EmptyStateDataDisplay';\n\nconst codeString = '<EmptyStateDataDisplay label={label} paragraph={paragraph} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/EmptyStateDataDisplay',\n  component: EmptyStateDataDisplay,\n  parameters: {\n    inspectComponent: EmptyStateDataDisplay,\n    codeString: codeString,\n  },\n} as Meta<EmptyStateDataDisplayProps>;\n\nconst Template: StoryFn<EmptyStateDataDisplayProps> = (args) => <EmptyStateDataDisplay {...args} />;\n\nexport const EmptyStateDataDisplayExample = Template.bind({});\nEmptyStateDataDisplayExample.args = {\n  label: 'This is an example info empty state data display label',\n  paragraph: 'This is an example info empty state data display paragraph',\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAF0C,MAAS,kBAAC,GAAD,EAAuB,GAAI,GAAQ,CAAA,EAE9C,KAAK,EAAE,CAAC;AAC7D,EAA6B,OAAO;CAClC,OAAO;CACP,WAAW;CACZ"}

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

@@ -1 +1 @@
-{"version":3,"file":"ExpandableInfoPanel.stories.js","names":[],"sources":["../../../src/components/ExpandableInfoPanel/ExpandableInfoPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ExpandableInfoPanelProps } from './ExpandableInfoPanel';\r\n\r\nimport { ExpandableInfoPanel } from './ExpandableInfoPanel';\r\n\r\nimport { Repeater } from 'components/Repeater';\r\n\r\nconst codeString =\r\n  '<ExpandableInfoPanel triggerLabel={string} mainHeader={string or reactnode} collapseLabel={string} expandLabel={string} content={string or reactnode} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/ExpandableInfoPanel',\r\n  component: ExpandableInfoPanel,\r\n  parameters: {\r\n    inspectComponent: ExpandableInfoPanel,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ExpandableInfoPanelProps>;\r\n\r\nconst Template: StoryFn<ExpandableInfoPanelProps> = (args) => (\r\n  <>\r\n    <ExpandableInfoPanel {...args} />\r\n    <div style={{ marginTop: '1rem' }}>\r\n      De universiteit biedt een breed scala aan vakken aan, variërend van exacte wetenschappen tot geesteswetenschappen.\r\n      Studenten kunnen kiezen uit uitdagende keuzevakken, minors en specialisaties die hun studie verrijken. Deze\r\n      vaklaanbiedingen stimuleren interdisciplinair leren, persoonlijke ontwikkeling en academische verdieping,\r\n      afgestemd op actuele maatschappelijke vraagstukken en de behoeften van de arbeidsmarkt.\r\n    </div>\r\n  </>\r\n);\r\n\r\nexport const ExpandableInfoPanelExample = Template.bind({});\r\nExpandableInfoPanelExample.args = {\r\n  triggerLabel: 'Wat moet ik doen?',\r\n  mainHeader: <h1>Basisgegevens</h1>,\r\n  collapseLabel: 'Sluit informatiepaneel',\r\n  expandLabel: 'Open informatiepaneel',\r\n  content: (\r\n    <>\r\n      <h3 style={{ marginTop: '0' }}>Wat moet ik doen?</h3>\r\n      <span>\r\n        Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de\r\n        roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan.\r\n      </span>\r\n      <br />\r\n      <br />\r\n      <span>Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator.</span>\r\n    </>\r\n  ),\r\n};\r\n\r\nexport const DefaultOpenWithNote = Template.bind({});\r\nDefaultOpenWithNote.args = {\r\n  triggerLabel: 'Wat moet ik doen?',\r\n  mainHeader: <h1>Basisgegevens</h1>,\r\n  collapseLabel: 'Sluit informatiepaneel',\r\n  expandLabel: 'Open informatiepaneel',\r\n  content: (\r\n    <>\r\n      <h3 style={{ marginTop: '0' }}>Wat moet ik doen?</h3>\r\n      <span>\r\n        Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de\r\n        roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan.\r\n      </span>\r\n      <br />\r\n      <br />\r\n      <span>Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator.</span>\r\n    </>\r\n  ),\r\n  note: (\r\n    <Repeater gap=\"050\">\r\n      <span style={{ fontWeight: '700' }}>Let op</span>\r\n      <span>hier kunt u een extra opmerking achterlaten om de inhoud van uw gewone paneel te versterken.</span>\r\n    </Repeater>\r\n  ),\r\n  defaultOpen: true,\r\n};\r\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARd;EASC;CACF,EAEK,KAA+C,MACnD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAqB,GAAI,GAAQ,CAAA,EACjC,kBAAC,OAAD;CAAK,OAAO,EAAE,WAAW,QAAQ;WAAE;CAK7B,CAAA,CACL,EAAA,CAAA,EAGQ,IAA6B,EAAS,KAAK,EAAE,CAAC;AAC3D,EAA2B,OAAO;CAChC,cAAc;CACd,YAAY,kBAAC,MAAD,EAAA,UAAI,iBAAkB,CAAA;CAClC,eAAe;CACf,aAAa;CACb,SACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,MAAD;GAAI,OAAO,EAAE,WAAW,KAAK;aAAE;GAAsB,CAAA;EACrD,kBAAC,QAAD,EAAA,UAAM,yLAGC,CAAA;EACP,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,QAAD,EAAA,UAAM,2EAA8E,CAAA;EACnF,EAAA,CAAA;CAEN;AAED,IAAa,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,cAAc;CACd,YAAY,kBAAC,MAAD,EAAA,UAAI,iBAAkB,CAAA;CAClC,eAAe;CACf,aAAa;CACb,SACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,MAAD;GAAI,OAAO,EAAE,WAAW,KAAK;aAAE;GAAsB,CAAA;EACrD,kBAAC,QAAD,EAAA,UAAM,yLAGC,CAAA;EACP,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,QAAD,EAAA,UAAM,2EAA8E,CAAA;EACnF,EAAA,CAAA;CAEL,MACE,kBAAC,GAAD;EAAU,KAAI;YAAd,CACE,kBAAC,QAAD;GAAM,OAAO,EAAE,YAAY,OAAO;aAAE;GAAa,CAAA,EACjD,kBAAC,QAAD,EAAA,UAAM,gGAAmG,CAAA,CAChG;;CAEb,aAAa;CACd"}
+{"version":3,"file":"ExpandableInfoPanel.stories.js","names":[],"sources":["../../../src/components/ExpandableInfoPanel/ExpandableInfoPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ExpandableInfoPanelProps } from './ExpandableInfoPanel';\r\n\r\nimport { ExpandableInfoPanel } from './ExpandableInfoPanel';\r\n\r\nimport { Repeater } from 'components/Repeater';\r\n\r\nconst codeString =\r\n  '<ExpandableInfoPanel triggerLabel={string} mainHeader={string or reactnode} collapseLabel={string} expandLabel={string} content={string or reactnode} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/ExpandableInfoPanel',\r\n  component: ExpandableInfoPanel,\r\n  parameters: {\r\n    inspectComponent: ExpandableInfoPanel,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ExpandableInfoPanelProps>;\r\n\r\nconst Template: StoryFn<ExpandableInfoPanelProps> = (args) => (\r\n  <>\r\n    <ExpandableInfoPanel {...args} />\r\n    <div style={{ marginTop: '1rem' }}>\r\n      De universiteit biedt een breed scala aan vakken aan, variërend van exacte wetenschappen tot geesteswetenschappen.\r\n      Studenten kunnen kiezen uit uitdagende keuzevakken, minors en specialisaties die hun studie verrijken. Deze\r\n      vaklaanbiedingen stimuleren interdisciplinair leren, persoonlijke ontwikkeling en academische verdieping,\r\n      afgestemd op actuele maatschappelijke vraagstukken en de behoeften van de arbeidsmarkt.\r\n    </div>\r\n  </>\r\n);\r\n\r\nexport const ExpandableInfoPanelExample = Template.bind({});\r\nExpandableInfoPanelExample.args = {\r\n  triggerLabel: 'Wat moet ik doen?',\r\n  mainHeader: <h1>Basisgegevens</h1>,\r\n  collapseLabel: 'Sluit informatiepaneel',\r\n  expandLabel: 'Open informatiepaneel',\r\n  content: (\r\n    <>\r\n      <h3 style={{ marginTop: '0' }}>Wat moet ik doen?</h3>\r\n      <span>\r\n        Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de\r\n        roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan.\r\n      </span>\r\n      <br />\r\n      <br />\r\n      <span>Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator.</span>\r\n    </>\r\n  ),\r\n};\r\n\r\nexport const DefaultOpenWithNote = Template.bind({});\r\nDefaultOpenWithNote.args = {\r\n  triggerLabel: 'Wat moet ik doen?',\r\n  mainHeader: <h1>Basisgegevens</h1>,\r\n  collapseLabel: 'Sluit informatiepaneel',\r\n  expandLabel: 'Open informatiepaneel',\r\n  content: (\r\n    <>\r\n      <h3 style={{ marginTop: '0' }}>Wat moet ik doen?</h3>\r\n      <span>\r\n        Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de\r\n        roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan.\r\n      </span>\r\n      <br />\r\n      <br />\r\n      <span>Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator.</span>\r\n    </>\r\n  ),\r\n  note: (\r\n    <Repeater gap=\"050\">\r\n      <span style={{ fontWeight: '700' }}>Let op</span>\r\n      <span>hier kunt u een extra opmerking achterlaten om de inhoud van uw gewone paneel te versterken.</span>\r\n    </Repeater>\r\n  ),\r\n  defaultOpen: true,\r\n};\r\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAA+C,MACnD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAqB,GAAI,GAAQ,CAAA,EACjC,kBAAC,OAAD;CAAK,OAAO,EAAE,WAAW,QAAQ;WAAE;CAK7B,CAAA,CACL,EAAA,CAAA,EAGQ,IAA6B,EAAS,KAAK,EAAE,CAAC;AAC3D,EAA2B,OAAO;CAChC,cAAc;CACd,YAAY,kBAAC,MAAD,EAAA,UAAI,iBAAkB,CAAA;CAClC,eAAe;CACf,aAAa;CACb,SACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,MAAD;GAAI,OAAO,EAAE,WAAW,KAAK;aAAE;GAAsB,CAAA;EACrD,kBAAC,QAAD,EAAA,UAAM,yLAGC,CAAA;EACP,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,QAAD,EAAA,UAAM,2EAA8E,CAAA;EACnF,EAAA,CAAA;CAEN;AAED,IAAa,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,cAAc;CACd,YAAY,kBAAC,MAAD,EAAA,UAAI,iBAAkB,CAAA;CAClC,eAAe;CACf,aAAa;CACb,SACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,MAAD;GAAI,OAAO,EAAE,WAAW,KAAK;aAAE;GAAsB,CAAA;EACrD,kBAAC,QAAD,EAAA,UAAM,yLAGC,CAAA;EACP,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,MAAD,EAAM,CAAA;EACN,kBAAC,QAAD,EAAA,UAAM,2EAA8E,CAAA;EACnF,EAAA,CAAA;CAEL,MACE,kBAAC,GAAD;EAAU,KAAI;YAAd,CACE,kBAAC,QAAD;GAAM,OAAO,EAAE,YAAY,OAAO;aAAE;GAAa,CAAA,EACjD,kBAAC,QAAD,EAAA,UAAM,gGAAmG,CAAA,CAChG;;CAEb,aAAa;CACd"}

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackBar.stories.js","names":[],"sources":["../../../src/components/FeedbackBar/FeedbackBar.stories.tsx"],"sourcesContent":["import { useState, type PropsWithChildren } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { FeedbackBar } from 'components/FeedbackBar';\nimport { Button } from 'components/Buttons';\nimport { Repeater } from 'components/Repeater';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = '<FeedbackBar>{children}</FeedbackBar>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBar',\n  component: FeedbackBar,\n  parameters: {\n    inspectComponent: FeedbackBar,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren>;\n\nconst Template: StoryFn<PropsWithChildren> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <Repeater>\n      <ButtonGroup>\n        <Button variant=\"primary\" onClick={() => setIsOpen(true)}>\n          Click to open FeedbackBar\n        </Button>\n        <Button variant=\"primary\" onClick={() => setIsOpen(false)}>\n          Click to reset animation for FeedbackBar\n        </Button>\n      </ButtonGroup>\n      {isOpen && <FeedbackBar {...args} />}\n    </Repeater>\n  );\n};\n\nexport const FeedbackBarExample = Template.bind({});\nFeedbackBarExample.args = {\n  children: 'This is example feedback',\n};\n"],"mappings":";;;;;;AAYA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAoBY,MAlBiC,MAAS;CACrD,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAM;AAE3C,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;EAAU,eAAe,EAAU,GAAK;YAAE;EAEjD,CAAA,EACT,kBAAC,GAAD;EAAQ,SAAQ;EAAU,eAAe,EAAU,GAAM;YAAE;EAElD,CAAA,CACG,EAAA,CAAA,EACb,KAAU,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,CAC3B,EAAA,CAAA;GAI4B,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,UAAU,4BACX"}
+{"version":3,"file":"FeedbackBar.stories.js","names":[],"sources":["../../../src/components/FeedbackBar/FeedbackBar.stories.tsx"],"sourcesContent":["import { useState, type PropsWithChildren } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { FeedbackBar } from 'components/FeedbackBar';\nimport { Button } from 'components/Buttons';\nimport { Repeater } from 'components/Repeater';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = '<FeedbackBar>{children}</FeedbackBar>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBar',\n  component: FeedbackBar,\n  parameters: {\n    inspectComponent: FeedbackBar,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren>;\n\nconst Template: StoryFn<PropsWithChildren> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <Repeater>\n      <ButtonGroup>\n        <Button variant=\"primary\" onClick={() => setIsOpen(true)}>\n          Click to open FeedbackBar\n        </Button>\n        <Button variant=\"primary\" onClick={() => setIsOpen(false)}>\n          Click to reset animation for FeedbackBar\n        </Button>\n      </ButtonGroup>\n      {isOpen && <FeedbackBar {...args} />}\n    </Repeater>\n  );\n};\n\nexport const FeedbackBarExample = Template.bind({});\nFeedbackBarExample.args = {\n  children: 'This is example feedback',\n};\n"],"mappings":";;;;;;AAYA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAoBY,MAlBiC,MAAS;CACrD,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAM;CAE3C,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;EAAU,eAAe,EAAU,GAAK;YAAE;EAEjD,CAAA,EACT,kBAAC,GAAD;EAAQ,SAAQ;EAAU,eAAe,EAAU,GAAM;YAAE;EAElD,CAAA,CACG,EAAA,CAAA,EACb,KAAU,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,CAC3B,EAAA,CAAA;GAI4B,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,UAAU,4BACX"}

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

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../FeedbackBar-ByKp32HE.js";
-import { i as t, n, t as r } from "../../react.esm-R7eBXTUI.js";
+import { i as t, n, t as r } from "../../react.esm-CweFe1CK.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;CAM5B,AALA,GAAG,0CAA0C;EAE3C,AADA,EAAO,kBAAC,GAAD,EAAA,UAAa,uBAAiC,CAAA,CAAC,EACtD,OAAO,EAAO,UAAU,sBAAsB,CAAC,CAAC,mBAAmB;GACnE,EAEF,GAAG,uDAAuD;EAGxD,AAFA,EAAO,kBAAC,GAAD,EAAA,UAAa,8BAAwC,CAAA,CAAC,EAE7D,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,YAAY,wBAAwB;EAEtE,IAAM,IAAc,EAAO,UAAU,SAAS;EAG9C,AAFA,EAAU,MAAM,EAAY,EAE5B,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,IAAI,YAAY,wBAAwB;GAC1E;EACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackBox.stories.js","names":[],"sources":["../../../src/components/FeedbackBox/FeedbackBox.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FeedbackBoxProps } from './FeedbackBox';\n\nimport { FeedbackBox } from './FeedbackBox';\n\nimport { Container } from 'storyComponents/Container';\nimport { Repeater } from 'components/Repeater';\n\nconst codeString = '<FeedbackBox id={id} level={level} feedback={feedback} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBox',\n  component: FeedbackBox,\n  parameters: {\n    inspectComponent: FeedbackBox,\n    codeString,\n  },\n} as Meta<FeedbackBoxProps>;\n\nconst Template: StoryFn<FeedbackBoxProps> = (args) => (\n  <Container>\n    <FeedbackBox {...args} />\n  </Container>\n);\n\nexport const FeedbackBoxExample = Template.bind({});\nFeedbackBoxExample.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: 'Example FeedbackBox text',\n};\n\nexport const WithElementFeedback = Template.bind({});\nWithElementFeedback.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: (\n    <Repeater>\n      <h2>FeedbackElement</h2>\n      <ul>\n        <li>Feedback 1</li>\n        <li>Feedback 2</li>\n        <li>Feedback 3</li>\n      </ul>\n    </Repeater>\n  ),\n};\n"],"mappings":";;;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EAClB,YARe;EAShB;CACF,EAEK,KAAuC,MAC3C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,EACf,CAAA,EAGD,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,IAAI;CACJ,OAAO;CACP,UAAU;CACX;AAED,IAAa,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,IAAI;CACJ,OAAO;CACP,UACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,mBAAoB,CAAA,EACxB,kBAAC,MAAD,EAAA,UAAA;EACE,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA;EACnB,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA;EACnB,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA;EAChB,EAAA,CAAA,CACI,EAAA,CAAA;CAEd"}
+{"version":3,"file":"FeedbackBox.stories.js","names":[],"sources":["../../../src/components/FeedbackBox/FeedbackBox.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FeedbackBoxProps } from './FeedbackBox';\n\nimport { FeedbackBox } from './FeedbackBox';\n\nimport { Container } from 'storyComponents/Container';\nimport { Repeater } from 'components/Repeater';\n\nconst codeString = '<FeedbackBox id={id} level={level} feedback={feedback} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBox',\n  component: FeedbackBox,\n  parameters: {\n    inspectComponent: FeedbackBox,\n    codeString,\n  },\n} as Meta<FeedbackBoxProps>;\n\nconst Template: StoryFn<FeedbackBoxProps> = (args) => (\n  <Container>\n    <FeedbackBox {...args} />\n  </Container>\n);\n\nexport const FeedbackBoxExample = Template.bind({});\nFeedbackBoxExample.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: 'Example FeedbackBox text',\n};\n\nexport const WithElementFeedback = Template.bind({});\nWithElementFeedback.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: (\n    <Repeater>\n      <h2>FeedbackElement</h2>\n      <ul>\n        <li>Feedback 1</li>\n        <li>Feedback 2</li>\n        <li>Feedback 3</li>\n      </ul>\n    </Repeater>\n  ),\n};\n"],"mappings":";;;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EAClB;EACD;CACF,EAEK,KAAuC,MAC3C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,EACf,CAAA,EAGD,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,IAAI;CACJ,OAAO;CACP,UAAU;CACX;AAED,IAAa,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,IAAI;CACJ,OAAO;CACP,UACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,mBAAoB,CAAA,EACxB,kBAAC,MAAD,EAAA,UAAA;EACE,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA;EACnB,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA;EACnB,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA;EAChB,EAAA,CAAA,CACI,EAAA,CAAA;CAEd"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldHint.stories.js","names":[],"sources":["../../../src/components/FieldHint/FieldHint.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FieldHintProps } from './FieldHint';\n\nimport { FieldHint } from './FieldHint';\n\nconst codeString = '<FieldHint value={value} loading={loading} spinnerAriaValueText={spinnerAriaValueText} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/FieldHint',\n  component: FieldHint,\n  argTypes: {\n    value: {\n      control: 'text',\n    },\n    spinnerAriaValueText: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: FieldHint,\n    codeString: codeString,\n  },\n} as Meta<FieldHintProps>;\n\nconst Template: StoryFn<FieldHintProps> = (args) => <FieldHint {...args} />;\n\nconst defaultArgs: Partial<FieldHintProps> = {\n  spinnerAriaValueText: 'FieldHint Loading',\n};\n\nexport const FieldHintExample = Template.bind({});\nFieldHintExample.args = {\n  value: 'This is a FieldHint',\n  loading: false,\n  ...defaultArgs,\n};\n\nexport const LoadingFieldHint = Template.bind({});\nLoadingFieldHint.args = {\n  value: '',\n  loading: true,\n  ...defaultArgs,\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO,EACL,SAAS,QACV;EACD,sBAAsB,EACpB,SAAS,QACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAhBG;EAiBhB;CACF,EAEK,KAAqC,MAAS,kBAAC,GAAD,EAAW,GAAI,GAAQ,CAAA,EAErE,IAAuC,EAC3C,sBAAsB,qBACvB,EAEY,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,SAAS;CACT,GAAG;CACJ;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,SAAS;CACT,GAAG;CACJ"}
+{"version":3,"file":"FieldHint.stories.js","names":[],"sources":["../../../src/components/FieldHint/FieldHint.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FieldHintProps } from './FieldHint';\n\nimport { FieldHint } from './FieldHint';\n\nconst codeString = '<FieldHint value={value} loading={loading} spinnerAriaValueText={spinnerAriaValueText} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/FieldHint',\n  component: FieldHint,\n  argTypes: {\n    value: {\n      control: 'text',\n    },\n    spinnerAriaValueText: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: FieldHint,\n    codeString: codeString,\n  },\n} as Meta<FieldHintProps>;\n\nconst Template: StoryFn<FieldHintProps> = (args) => <FieldHint {...args} />;\n\nconst defaultArgs: Partial<FieldHintProps> = {\n  spinnerAriaValueText: 'FieldHint Loading',\n};\n\nexport const FieldHintExample = Template.bind({});\nFieldHintExample.args = {\n  value: 'This is a FieldHint',\n  loading: false,\n  ...defaultArgs,\n};\n\nexport const LoadingFieldHint = Template.bind({});\nLoadingFieldHint.args = {\n  value: '',\n  loading: true,\n  ...defaultArgs,\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO,EACL,SAAS,QACV;EACD,sBAAsB,EACpB,SAAS,QACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAqC,MAAS,kBAAC,GAAD,EAAW,GAAI,GAAQ,CAAA,EAErE,IAAuC,EAC3C,sBAAsB,qBACvB,EAEY,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,SAAS;CACT,GAAG;CACJ;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,SAAS;CACT,GAAG;CACJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.stories.js","names":[],"sources":["../../../src/components/Fieldset/Fieldset.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FieldsetProps } from './Fieldset';\n\nimport { Fieldset } from './Fieldset';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'storyComponents/Container';\nimport { FormField } from 'components/FormField';\n\nconst codeString = '<Fieldset legend={legend} description={description}>{children}</Fieldset>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Fieldset',\n  component: Fieldset,\n  argTypes: {\n    descriptionId: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Fieldset,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<FieldsetProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FieldsetProps>> = (args) => (\n  <Container size=\"large\">\n    <Fieldset {...args}>\n      <FormField>\n        <Label htmlFor=\"d6aa53fd\">Example label 1</Label>\n        <InputField id=\"d6aa53fd\" />\n      </FormField>\n      <FormField>\n        <Label htmlFor=\"4e7a2f22\">Example label 2</Label>\n        <InputField id=\"4e7a2f22\" />\n      </FormField>\n    </Fieldset>\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FieldsetProps>> = {\n  legend: 'Fieldset example',\n  inline: false,\n};\n\nexport const FieldsetExample = Template.bind({});\nFieldsetExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithDescriptionExample = Template.bind({});\nWithDescriptionExample.args = {\n  ...defaultArgs,\n  description: 'A Fieldset groups several controls as well as labels',\n};\n"],"mappings":";;;;;;;AAcA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,eAAe,EACb,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAfG;EAgBhB;CACF,EAEK,KAAuD,MAC3D,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD;EAAU,GAAI;YAAd,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAW;GAAuB,CAAA,EACjD,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB,EAAA,CAAA,EACZ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAW;GAAuB,CAAA,EACjD,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB,EAAA,CAAA,CACH;;CACD,CAAA,EAGR,IAAyD;CAC7D,QAAQ;CACR,QAAQ;CACT,EAEY,IAAkB,EAAS,KAAK,EAAE,CAAC;AAChD,EAAgB,OAAO,EACrB,GAAG,GACJ;AAED,IAAa,IAAyB,EAAS,KAAK,EAAE,CAAC;AACvD,EAAuB,OAAO;CAC5B,GAAG;CACH,aAAa;CACd"}
+{"version":3,"file":"Fieldset.stories.js","names":[],"sources":["../../../src/components/Fieldset/Fieldset.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FieldsetProps } from './Fieldset';\n\nimport { Fieldset } from './Fieldset';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'storyComponents/Container';\nimport { FormField } from 'components/FormField';\n\nconst codeString = '<Fieldset legend={legend} description={description}>{children}</Fieldset>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Fieldset',\n  component: Fieldset,\n  argTypes: {\n    descriptionId: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Fieldset,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<FieldsetProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FieldsetProps>> = (args) => (\n  <Container size=\"large\">\n    <Fieldset {...args}>\n      <FormField>\n        <Label htmlFor=\"d6aa53fd\">Example label 1</Label>\n        <InputField id=\"d6aa53fd\" />\n      </FormField>\n      <FormField>\n        <Label htmlFor=\"4e7a2f22\">Example label 2</Label>\n        <InputField id=\"4e7a2f22\" />\n      </FormField>\n    </Fieldset>\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FieldsetProps>> = {\n  legend: 'Fieldset example',\n  inline: false,\n};\n\nexport const FieldsetExample = Template.bind({});\nFieldsetExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithDescriptionExample = Template.bind({});\nWithDescriptionExample.args = {\n  ...defaultArgs,\n  description: 'A Fieldset groups several controls as well as labels',\n};\n"],"mappings":";;;;;;;AAcA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,eAAe,EACb,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAuD,MAC3D,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD;EAAU,GAAI;YAAd,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAW;GAAuB,CAAA,EACjD,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB,EAAA,CAAA,EACZ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAW;GAAuB,CAAA,EACjD,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB,EAAA,CAAA,CACH;;CACD,CAAA,EAGR,IAAyD;CAC7D,QAAQ;CACR,QAAQ;CACT,EAEY,IAAkB,EAAS,KAAK,EAAE,CAAC;AAChD,EAAgB,OAAO,EACrB,GAAG,GACJ;AAED,IAAa,IAAyB,EAAS,KAAK,EAAE,CAAC;AACvD,EAAuB,OAAO;CAC5B,GAAG;CACH,aAAa;CACd"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.stories.js","names":[],"sources":["../../../src/components/FormField/FormField.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FormFieldProps } from './FormField';\n\nimport { FormField } from './FormField';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<FormField>{children}</FormField>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/FormField',\n  component: FormField,\n  argTypes: {\n    outerSpace: {\n      control: 'boolean',\n    },\n    inline: {\n      control: 'boolean',\n    },\n    alignStart: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: FormField,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<FormFieldProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FormFieldProps>> = (args) => (\n  <Container>\n    <FormField {...args}>\n      <Label htmlFor=\"d6aa53fd\">Example label</Label>\n      <InputField id=\"d6aa53fd\" />\n    </FormField>\n    <FormField {...args}>\n      <Label htmlFor=\"4e7a2f22\">Example very very very long label to display input alingment compared to label</Label>\n      <InputField id=\"4e7a2f22\" />\n    </FormField>\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FormFieldProps>> = {\n  outerSpace: false,\n  inline: false,\n  alignStart: false,\n};\n\nexport const FormFieldExample = Template.bind({});\nFormFieldExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,YAAY,EACV,SAAS,WACV;EACD,QAAQ,EACN,SAAS,WACV;EACD,YAAY,EACV,SAAS,WACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAnBG;EAoBhB;CACF,EAEK,KAAwD,MAC5D,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CAAW,GAAI;WAAf,CACE,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAAqB,CAAA,EAC/C,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB;IACZ,kBAAC,GAAD;CAAW,GAAI;WAAf,CACE,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAAsF,CAAA,EAChH,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB;GACF,EAAA,CAAA,EAGR,IAA0D;CAC9D,YAAY;CACZ,QAAQ;CACR,YAAY;CACb,EAEY,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO,EACtB,GAAG,GACJ"}
+{"version":3,"file":"FormField.stories.js","names":[],"sources":["../../../src/components/FormField/FormField.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FormFieldProps } from './FormField';\n\nimport { FormField } from './FormField';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<FormField>{children}</FormField>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/FormField',\n  component: FormField,\n  argTypes: {\n    outerSpace: {\n      control: 'boolean',\n    },\n    inline: {\n      control: 'boolean',\n    },\n    alignStart: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: FormField,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<FormFieldProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FormFieldProps>> = (args) => (\n  <Container>\n    <FormField {...args}>\n      <Label htmlFor=\"d6aa53fd\">Example label</Label>\n      <InputField id=\"d6aa53fd\" />\n    </FormField>\n    <FormField {...args}>\n      <Label htmlFor=\"4e7a2f22\">Example very very very long label to display input alingment compared to label</Label>\n      <InputField id=\"4e7a2f22\" />\n    </FormField>\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FormFieldProps>> = {\n  outerSpace: false,\n  inline: false,\n  alignStart: false,\n};\n\nexport const FormFieldExample = Template.bind({});\nFormFieldExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,YAAY,EACV,SAAS,WACV;EACD,QAAQ,EACN,SAAS,WACV;EACD,YAAY,EACV,SAAS,WACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAwD,MAC5D,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CAAW,GAAI;WAAf,CACE,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAAqB,CAAA,EAC/C,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB;IACZ,kBAAC,GAAD;CAAW,GAAI;WAAf,CACE,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAAsF,CAAA,EAChH,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB;GACF,EAAA,CAAA,EAGR,IAA0D;CAC9D,YAAY;CACZ,QAAQ;CACR,YAAY;CACb,EAEY,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO,EACtB,GAAG,GACJ"}

package/dist/components/FormInput/FormInput.js

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

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

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-Cr_l59hN.js";
-import { m as t } from "../../components-DAwjkky5.js";
+import { r as e } from "../../test-Pa9Lwbsq.js";
+import { m as t } from "../../components-BzxAULjf.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;EACb;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,2 +1,2 @@
-import { m as e } from "../../components-DAwjkky5.js";
+import { m as e } from "../../components-BzxAULjf.js";
 export { e as FormInput };

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

@@ -1 +1 @@
-{"version":3,"file":"GridRow.stories.js","names":[],"sources":["../../../src/components/GridRow/GridRow.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { GridRowProps } from './GridRow';\nimport type { CSSProperties } from 'react';\n\nimport { GridRow } from './GridRow';\n\nimport './GridRow.stories.css';\n\nconst gapStyles = {\n  '0': { '--grid-gap': '0.25rem' },\n  '025': { '--grid-gap': '0.25rem' },\n  '050': { '--grid-gap': '0.5rem' },\n  '075': { '--grid-gap': '0.75rem' },\n  '100': { '--grid-gap': '1rem' },\n  '125': { '--grid-gap': '1.25rem' },\n  '150': { '--grid-gap': '1.5rem' },\n  '175': { '--grid-gap': '1.75rem' },\n  '200': { '--grid-gap': '2rem' },\n  '250': { '--grid-gap': '2.5rem' },\n  '300': { '--grid-gap': '3rem' },\n  '350': { '--grid-gap': '3.5rem' },\n};\n\nconst codeString = `\n  <GridRow gutter={gutter} marginTop={marginTop} marginBottom={marginBottom}>\n    // Up to 12 GridRow.Column's can be added as needed.\n    <GridRow.Column size={size} mediumSize={mediumSize} startPositon={startPositon}\n      mediumStartPosition={mediumStartPosition}> {children} </GridRow.Column> </GridRow>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/GridRow',\n  component: GridRow,\n  argTypes: {\n    gutter: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginBottom: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginTop: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n  },\n  parameters: {\n    inspectComponent: GridRow,\n    codeString: codeString,\n  },\n} as Meta<GridRowProps>;\n\nconst Template: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column>Col-12</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"1\">Col-1</GridRow.Column>\n      <GridRow.Column size=\"11\">Col-11</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"2\">Col-2</GridRow.Column>\n      <GridRow.Column size=\"10\">Col-10</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\">Col-3</GridRow.Column>\n      <GridRow.Column size=\"9\">Col-9</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\">Col-4</GridRow.Column>\n      <GridRow.Column size=\"8\">Col-8</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"5\">Col-5</GridRow.Column>\n      <GridRow.Column size=\"7\">Col-7</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nconst defaultArgs: Partial<GridRowProps> = {\n  gutter: '200',\n  marginBottom: '050',\n  marginTop: '0',\n};\n\nexport const GridRowExample = Template.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n\nconst TemplateMedium: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"12\">\n        L: 4, Md: 12\n      </GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"6\" mediumSize=\"12\">\n        L: 6, Md: 12, S: 12\n      </GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nexport const WithMediumBreakpoint = TemplateMedium.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":"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"}
+{"version":3,"file":"GridRow.stories.js","names":[],"sources":["../../../src/components/GridRow/GridRow.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { GridRowProps } from './GridRow';\nimport type { CSSProperties } from 'react';\n\nimport { GridRow } from './GridRow';\n\nimport './GridRow.stories.css';\n\nconst gapStyles = {\n  '0': { '--grid-gap': '0.25rem' },\n  '025': { '--grid-gap': '0.25rem' },\n  '050': { '--grid-gap': '0.5rem' },\n  '075': { '--grid-gap': '0.75rem' },\n  '100': { '--grid-gap': '1rem' },\n  '125': { '--grid-gap': '1.25rem' },\n  '150': { '--grid-gap': '1.5rem' },\n  '175': { '--grid-gap': '1.75rem' },\n  '200': { '--grid-gap': '2rem' },\n  '250': { '--grid-gap': '2.5rem' },\n  '300': { '--grid-gap': '3rem' },\n  '350': { '--grid-gap': '3.5rem' },\n};\n\nconst codeString = `\n  <GridRow gutter={gutter} marginTop={marginTop} marginBottom={marginBottom}>\n    // Up to 12 GridRow.Column's can be added as needed.\n    <GridRow.Column size={size} mediumSize={mediumSize} startPositon={startPositon}\n      mediumStartPosition={mediumStartPosition}> {children} </GridRow.Column> </GridRow>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/GridRow',\n  component: GridRow,\n  argTypes: {\n    gutter: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginBottom: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n    marginTop: {\n      options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n      control: { type: 'select' },\n    },\n  },\n  parameters: {\n    inspectComponent: GridRow,\n    codeString: codeString,\n  },\n} as Meta<GridRowProps>;\n\nconst Template: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column>Col-12</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"1\">Col-1</GridRow.Column>\n      <GridRow.Column size=\"11\">Col-11</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"2\">Col-2</GridRow.Column>\n      <GridRow.Column size=\"10\">Col-10</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\">Col-3</GridRow.Column>\n      <GridRow.Column size=\"9\">Col-9</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\">Col-4</GridRow.Column>\n      <GridRow.Column size=\"8\">Col-8</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"5\">Col-5</GridRow.Column>\n      <GridRow.Column size=\"7\">Col-7</GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n      <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nconst defaultArgs: Partial<GridRowProps> = {\n  gutter: '200',\n  marginBottom: '050',\n  marginTop: '0',\n};\n\nexport const GridRowExample = Template.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n\nconst TemplateMedium: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gapStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"6\">\n        L: 4, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"4\" mediumSize=\"12\">\n        L: 4, Md: 12\n      </GridRow.Column>\n    </GridRow>\n    <GridRow {...args}>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 6, S: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"3\" mediumSize=\"6\">\n        L: 3, Md: 12\n      </GridRow.Column>\n      <GridRow.Column size=\"6\" mediumSize=\"12\">\n        L: 6, Md: 12, S: 12\n      </GridRow.Column>\n    </GridRow>\n  </div>\n);\n\nexport const WithMediumBreakpoint = TemplateMedium.bind({});\nGridRowExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalList.stories.js","names":[],"sources":["../../../src/components/HorizontalList/HorizontalList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { HorizontalListProps } from './HorizontalList';\n\nimport { HorizontalList } from './HorizontalList';\n\nimport { Button } from 'components/Buttons';\nimport { Icon } from 'components/Icon';\n\nconst codeString = '<HorizontalList values={values} separator=\"•\" />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/HorizontalList',\n  component: HorizontalList,\n  argTypes: {\n    separator: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: HorizontalList,\n    codeString: codeString,\n  },\n} as Meta<HorizontalListProps>;\n\nconst Template: StoryFn<HorizontalListProps> = (args) => <HorizontalList {...args} />;\n\nexport const HorizontalListExample = Template.bind({});\nHorizontalListExample.args = {\n  values: ['Curabitur consequat', 'Lectus sit amet luctus vulputate', 'Nisi semi mattis'],\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  values: [\n    <a href=\"/?path=/story/atoms-horizontallist--with-complex-content\" key=\"1\">\n      Curabitur consequat\n    </a>,\n    <Button type=\"button\" variant=\"primary\" key=\"2\">\n      Lectus sit amet luctus vulputate\n    </Button>,\n    <Icon name=\"Sparkles\" key=\"3\" />,\n    <strong key=\"4\">Nisi semi mattis</strong>,\n  ],\n  separator: <Icon name=\"CheveronRight\" size={16} />,\n};\n\nWithComplexContent.argTypes = {\n  ...WithComplexContent.argTypes,\n  separator: {\n    table: {\n      disable: true, // Disable separator controls for this specific story\n    },\n  },\n};\n"],"mappings":";;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,WAAW,EACT,SAAS,QACV,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAbG;EAchB;CACF,EAEK,KAA0C,MAAS,kBAAC,GAAD,EAAgB,GAAI,GAAQ,CAAA,EAExE,IAAwB,EAAS,KAAK,EAAE,CAAC;AACtD,EAAsB,OAAO,EAC3B,QAAQ;CAAC;CAAuB;CAAoC;CAAmB,EACxF;AAED,IAAa,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,QAAQ;EACN,kBAAC,KAAD;GAAG,MAAK;aAAmE;GAEvE,EAFmE,IAEnE;EACJ,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;aAAkB;GAEvC,EAFmC,IAEnC;EACT,kBAAC,GAAD,EAAM,MAAK,YAAqB,EAAN,IAAM;EAChC,kBAAC,UAAD,EAAA,UAAgB,oBAAyB,EAA7B,IAA6B;EAC1C;CACD,WAAW,kBAAC,GAAD;EAAM,MAAK;EAAgB,MAAM;EAAM,CAAA;CACnD,EAED,EAAmB,WAAW;CAC5B,GAAG,EAAmB;CACtB,WAAW,EACT,OAAO,EACL,SAAS,IACV,EACF;CACF"}
+{"version":3,"file":"HorizontalList.stories.js","names":[],"sources":["../../../src/components/HorizontalList/HorizontalList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { HorizontalListProps } from './HorizontalList';\n\nimport { HorizontalList } from './HorizontalList';\n\nimport { Button } from 'components/Buttons';\nimport { Icon } from 'components/Icon';\n\nconst codeString = '<HorizontalList values={values} separator=\"•\" />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/HorizontalList',\n  component: HorizontalList,\n  argTypes: {\n    separator: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: HorizontalList,\n    codeString: codeString,\n  },\n} as Meta<HorizontalListProps>;\n\nconst Template: StoryFn<HorizontalListProps> = (args) => <HorizontalList {...args} />;\n\nexport const HorizontalListExample = Template.bind({});\nHorizontalListExample.args = {\n  values: ['Curabitur consequat', 'Lectus sit amet luctus vulputate', 'Nisi semi mattis'],\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  values: [\n    <a href=\"/?path=/story/atoms-horizontallist--with-complex-content\" key=\"1\">\n      Curabitur consequat\n    </a>,\n    <Button type=\"button\" variant=\"primary\" key=\"2\">\n      Lectus sit amet luctus vulputate\n    </Button>,\n    <Icon name=\"Sparkles\" key=\"3\" />,\n    <strong key=\"4\">Nisi semi mattis</strong>,\n  ],\n  separator: <Icon name=\"CheveronRight\" size={16} />,\n};\n\nWithComplexContent.argTypes = {\n  ...WithComplexContent.argTypes,\n  separator: {\n    table: {\n      disable: true, // Disable separator controls for this specific story\n    },\n  },\n};\n"],"mappings":";;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,WAAW,EACT,SAAS,QACV,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAA0C,MAAS,kBAAC,GAAD,EAAgB,GAAI,GAAQ,CAAA,EAExE,IAAwB,EAAS,KAAK,EAAE,CAAC;AACtD,EAAsB,OAAO,EAC3B,QAAQ;CAAC;CAAuB;CAAoC;CAAmB,EACxF;AAED,IAAa,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,QAAQ;EACN,kBAAC,KAAD;GAAG,MAAK;aAAmE;GAEvE,EAFmE,IAEnE;EACJ,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;aAAkB;GAEvC,EAFmC,IAEnC;EACT,kBAAC,GAAD,EAAM,MAAK,YAAqB,EAAN,IAAM;EAChC,kBAAC,UAAD,EAAA,UAAgB,oBAAyB,EAA7B,IAA6B;EAC1C;CACD,WAAW,kBAAC,GAAD;EAAM,MAAK;EAAgB,MAAM;EAAM,CAAA;CACnD,EAED,EAAmB,WAAW;CAC5B,GAAG,EAAmB;CACtB,WAAW,EACT,OAAO,EACL,SAAS,IACV,EACF;CACF"}

package/dist/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { ReactNode, SVGAttributes } from 'react';\n\nimport { Icons } from './icons';\n\ntype IconName = keyof typeof Icons;\n\nexport interface IconProps extends Omit<SVGAttributes<SVGElement>, 'height' | 'width'> {\n  /** The name of the icon to render. */\n  name: IconName;\n  /** The size (in pixels) of the icon to render. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  size?: 16 | 20 | 24 | 32 | 48 | 64 | 96 | 128;\n  /** The title used for a tooltip. */\n  title?: string;\n}\n\nconst defaultSize = 24;\n\n/** Represents a component to render an icon. */\nexport const Icon = ({ name, size = defaultSize, title, ...restProps }: IconProps): ReactNode => {\n  const Icon = Icons[name];\n\n  return <Icon aria-hidden={true} height={size} width={size} title={title} {...restProps} />;\n};\n"],"mappings":";;;AAgBA,IAAM,IAAc,IAGP,KAAQ,EAAE,SAAM,UAAO,GAAa,UAAO,GAAG,QAAsC;CAC/F,IAAM,IAAO,EAAM;AAEnB,QAAO,kBAAC,GAAD;EAAM,eAAa;EAAM,QAAQ;EAAM,OAAO;EAAa;EAAO,GAAI;EAAa,CAAA"}
+{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { ReactNode, SVGAttributes } from 'react';\n\nimport { Icons } from './icons';\n\ntype IconName = keyof typeof Icons;\n\nexport interface IconProps extends Omit<SVGAttributes<SVGElement>, 'height' | 'width'> {\n  /** The name of the icon to render. */\n  name: IconName;\n  /** The size (in pixels) of the icon to render. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  size?: 16 | 20 | 24 | 32 | 48 | 64 | 96 | 128;\n  /** The title used for a tooltip. */\n  title?: string;\n}\n\nconst defaultSize = 24;\n\n/** Represents a component to render an icon. */\nexport const Icon = ({ name, size = defaultSize, title, ...restProps }: IconProps): ReactNode => {\n  const Icon = Icons[name];\n\n  return <Icon aria-hidden={true} height={size} width={size} title={title} {...restProps} />;\n};\n"],"mappings":";;;AAgBA,IAAM,IAAc,IAGP,KAAQ,EAAE,SAAM,UAAO,GAAa,UAAO,GAAG,QAAsC;CAC/F,IAAM,IAAO,EAAM;CAEnB,OAAO,kBAAC,GAAD;EAAM,eAAa;EAAM,QAAQ;EAAM,OAAO;EAAa;EAAO,GAAI;EAAa,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.js","names":[],"sources":["../../../src/components/Icon/story.module.css","../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":[".icon__wrapper {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-200);\n  border-radius: 0.5rem;\n  color: var(--color-grey-500);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1.5rem 1rem;\n}\n\n.icon__item {\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 1rem;\n  width: 100%;\n}\n\n.icon__item p {\n  color: black;\n  font-size: 13px;\n  margin-left: 15px;\n}\n","import type { Meta, StoryFn } from '@storybook/react';\nimport type { IconProps } from './Icon';\n\nimport { Icon } from './Icon';\nimport { Icons } from './icons';\nimport styles from './story.module.css';\n\nimport { ClipboardButton } from 'storyComponents/ClipboardButton/';\n\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\n\nconst codeString = '<Icon name={iconName} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Icon',\n  component: Icon,\n  argTypes: {\n    name: {\n      control: { type: 'select' },\n      options: iconNames,\n    },\n  },\n  parameters: {\n    inspectComponent: Icon,\n    codeString: codeString,\n  },\n} as Meta<IconProps>;\n\nconst Template: StoryFn<IconProps> = (args) => <Icon {...args} />;\n\nexport const IconExample = Template.bind({});\nIconExample.args = {\n  name: 'ArrowDownOnSquare',\n  size: 32,\n  title: 'Optional Icon title',\n};\n\nexport const IconOverview = () => {\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(4, 1fr)',\n        gridGap: '1rem',\n        padding: '1rem',\n        maxWidth: '1024px',\n      }}\n    >\n      {Object.keys(Icons).map((name) => (\n        <div key={name} className={styles.icon__wrapper}>\n          <Icon name={name as keyof typeof Icons} size={48} />\n          <div className={styles.icon__item}>\n            <span>{name}</span>\n            <ClipboardButton text={`<Icon icon={${name}} />`} />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;GCcA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,MAAM;EACJ,SAAS,EAAE,MAAM,UAAU;EAC3B,SAXY,OAAO,KAAK,EAAM;EAY/B,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAdG;EAehB;CACF,EAIY,MAFyB,MAAS,kBAAC,GAAD,EAAM,GAAI,GAAQ,CAAA,EAE7B,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,MAAM;CACN,MAAM;CACN,OAAO;CACR;AAED,IAAa,UAET,kBAAC,OAAD;CACE,OAAO;EACL,SAAS;EACT,qBAAqB;EACrB,SAAS;EACT,SAAS;EACT,UAAU;EACX;WAEA,OAAO,KAAK,EAAM,CAAC,KAAK,MACvB,kBAAC,OAAD;EAAgB,WAAW,EAAO;YAAlC,CACE,kBAAC,GAAD;GAAY;GAA4B,MAAM;GAAM,CAAA,EACpD,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,QAAD,EAAA,UAAO,GAAY,CAAA,EACnB,kBAAC,GAAD,EAAiB,MAAM,eAAe,EAAK,OAAS,CAAA,CAChD;KACF;IANI,EAMJ,CACN;CACE,CAAA"}
+{"version":3,"file":"Icon.stories.js","names":[],"sources":["../../../src/components/Icon/story.module.css","../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":[".icon__wrapper {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-200);\n  border-radius: 0.5rem;\n  color: var(--color-grey-500);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1.5rem 1rem;\n}\n\n.icon__item {\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 1rem;\n  width: 100%;\n}\n\n.icon__item p {\n  color: black;\n  font-size: 13px;\n  margin-left: 15px;\n}\n","import type { Meta, StoryFn } from '@storybook/react';\nimport type { IconProps } from './Icon';\n\nimport { Icon } from './Icon';\nimport { Icons } from './icons';\nimport styles from './story.module.css';\n\nimport { ClipboardButton } from 'storyComponents/ClipboardButton/';\n\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\n\nconst codeString = '<Icon name={iconName} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Icon',\n  component: Icon,\n  argTypes: {\n    name: {\n      control: { type: 'select' },\n      options: iconNames,\n    },\n  },\n  parameters: {\n    inspectComponent: Icon,\n    codeString: codeString,\n  },\n} as Meta<IconProps>;\n\nconst Template: StoryFn<IconProps> = (args) => <Icon {...args} />;\n\nexport const IconExample = Template.bind({});\nIconExample.args = {\n  name: 'ArrowDownOnSquare',\n  size: 32,\n  title: 'Optional Icon title',\n};\n\nexport const IconOverview = () => {\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(4, 1fr)',\n        gridGap: '1rem',\n        padding: '1rem',\n        maxWidth: '1024px',\n      }}\n    >\n      {Object.keys(Icons).map((name) => (\n        <div key={name} className={styles.icon__wrapper}>\n          <Icon name={name as keyof typeof Icons} size={48} />\n          <div className={styles.icon__item}>\n            <span>{name}</span>\n            <ClipboardButton text={`<Icon icon={${name}} />`} />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;GCcA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,MAAM;EACJ,SAAS,EAAE,MAAM,UAAU;EAC3B,SAXY,OAAO,KAAK,EAWf;EACV,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAFyB,MAAS,kBAAC,GAAD,EAAM,GAAI,GAAQ,CAAA,EAE7B,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,MAAM;CACN,MAAM;CACN,OAAO;CACR;AAED,IAAa,UAET,kBAAC,OAAD;CACE,OAAO;EACL,SAAS;EACT,qBAAqB;EACrB,SAAS;EACT,SAAS;EACT,UAAU;EACX;WAEA,OAAO,KAAK,EAAM,CAAC,KAAK,MACvB,kBAAC,OAAD;EAAgB,WAAW,EAAO;YAAlC,CACE,kBAAC,GAAD;GAAY;GAA4B,MAAM;GAAM,CAAA,EACpD,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,QAAD,EAAA,UAAO,GAAY,CAAA,EACnB,kBAAC,GAAD,EAAiB,MAAM,eAAe,EAAK,OAAS,CAAA,CAChD;KACF;IANI,EAMJ,CACN;CACE,CAAA"}

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Cr_l59hN.js";
+import { r as e } from "../../test-Pa9Lwbsq.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";

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":";;;;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"}
+{"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;EACb;CACF,EAUY,MAR+B,MAAS;CAEnD,IAAM,IAAgB,EAAK,WAAmC,EAAE;CAGhE,OAAO,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/InfoBanner/InfoBanner.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBanner.stories.js","names":[],"sources":["../../../src/components/InfoBanner/InfoBanner.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { InfoBannerProps } from 'components/InfoBanner';\r\n\r\nimport { InfoBanner } from 'components/InfoBanner';\r\n\r\nconst codeString = `<InfoBanner iconName={string} content={ReactNode} />`;\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/InfoBanner',\r\n  component: InfoBanner,\r\n  argTypes: {},\r\n  parameters: {\r\n    inspectComponent: InfoBanner,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<InfoBannerProps>;\r\n\r\nconst Template: StoryFn<InfoBannerProps> = (args) => <InfoBanner {...args} />;\r\n\r\nexport const InfoBannerExample = Template.bind({});\r\nInfoBannerExample.args = {\r\n  content: (\r\n    <span>\r\n      Je voert de roosterwensen in voor <strong>vakaanbieding 2.</strong>\r\n    </span>\r\n  ),\r\n  iconName: 'CalendarEdit',\r\n};\r\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,YAAY;EACV,kBAAkB;EACN,YATG;EAUhB;CACF,EAIY,MAF+B,MAAS,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA,EAEnC,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,SACE,kBAAC,QAAD,EAAA,UAAA,CAAM,sCAC8B,kBAAC,UAAD,EAAA,UAAQ,oBAAyB,CAAA,CAC9D,EAAA,CAAA;CAET,UAAU;CACX"}
+{"version":3,"file":"InfoBanner.stories.js","names":[],"sources":["../../../src/components/InfoBanner/InfoBanner.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { InfoBannerProps } from 'components/InfoBanner';\r\n\r\nimport { InfoBanner } from 'components/InfoBanner';\r\n\r\nconst codeString = `<InfoBanner iconName={string} content={ReactNode} />`;\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/InfoBanner',\r\n  component: InfoBanner,\r\n  argTypes: {},\r\n  parameters: {\r\n    inspectComponent: InfoBanner,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<InfoBannerProps>;\r\n\r\nconst Template: StoryFn<InfoBannerProps> = (args) => <InfoBanner {...args} />;\r\n\r\nexport const InfoBannerExample = Template.bind({});\r\nInfoBannerExample.args = {\r\n  content: (\r\n    <span>\r\n      Je voert de roosterwensen in voor <strong>vakaanbieding 2.</strong>\r\n    </span>\r\n  ),\r\n  iconName: 'CalendarEdit',\r\n};\r\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAF+B,MAAS,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA,EAEnC,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,SACE,kBAAC,QAAD,EAAA,UAAA,CAAM,sCAC8B,kBAAC,UAAD,EAAA,UAAQ,oBAAyB,CAAA,CAC9D,EAAA,CAAA;CAET,UAAU;CACX"}

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

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.stories.js","names":[],"sources":["../../../src/components/InfoMessage/InfoMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { InfoMessageProps } from './InfoMessage';\n\nimport { InfoMessage } from './InfoMessage';\n\nconst codeString = '<InfoMessage message={message} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InfoMessage',\n  component: InfoMessage,\n  argTypes: {\n    message: {\n      control: 'text',\n    },\n    hasOwnContainer: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: InfoMessage,\n    codeString: codeString,\n  },\n} as Meta<InfoMessageProps>;\n\nconst Template: StoryFn<InfoMessageProps> = (args) => <InfoMessage {...args} />;\n\nexport const InfoMessageExample = Template.bind({});\nInfoMessageExample.args = {\n  message: 'This is an example info message',\n  hasOwnContainer: false,\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS,EACP,SAAS,QACV;EACD,iBAAiB,EACf,SAAS,WACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAhBG;EAiBhB;CACF,EAIY,MAFgC,MAAS,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,EAEpC,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,SAAS;CACT,iBAAiB;CAClB"}
+{"version":3,"file":"InfoMessage.stories.js","names":[],"sources":["../../../src/components/InfoMessage/InfoMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { InfoMessageProps } from './InfoMessage';\n\nimport { InfoMessage } from './InfoMessage';\n\nconst codeString = '<InfoMessage message={message} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InfoMessage',\n  component: InfoMessage,\n  argTypes: {\n    message: {\n      control: 'text',\n    },\n    hasOwnContainer: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: InfoMessage,\n    codeString: codeString,\n  },\n} as Meta<InfoMessageProps>;\n\nconst Template: StoryFn<InfoMessageProps> = (args) => <InfoMessage {...args} />;\n\nexport const InfoMessageExample = Template.bind({});\nInfoMessageExample.args = {\n  message: 'This is an example info message',\n  hasOwnContainer: false,\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS,EACP,SAAS,QACV;EACD,iBAAiB,EACf,SAAS,WACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAFgC,MAAS,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,EAEpC,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,SAAS;CACT,iBAAiB;CAClB"}