@uva-glass/component-library 3.55.5 → 3.55.6

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;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"}

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-D_F72rY1.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/FeedbackBar/FeedbackBar.test.tsx
 describe("FeedbackBar", () => {

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":";;;AAQA,IAAM,IAAY;CAChB,GAAK,EAAE,cAAc,WAAW;CAChC,OAAO,EAAE,cAAc,WAAW;CAClC,OAAO,EAAE,cAAc,UAAU;CACjC,OAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,UAAU;CAClC,EAUD,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ;GACN,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAM;GAC3F,SAAS,EAAE,MAAM,UAAU;GAC5B;EACD,cAAc;GACZ,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAM;GAC3F,SAAS,EAAE,MAAM,UAAU;GAC5B;EACD,WAAW;GACT,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAM;GAC3F,SAAS,EAAE,MAAM,UAAU;GAC5B;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YA3BG;EA4BhB;CACF,EAEK,KAAmC,MACvC,kBAAC,OAAD;CAAK,WAAU;CAAe,OAAO,EAAK,UAAW,EAAU,EAAK;WAApE;EACE,kBAAC,GAAD;GAAS,GAAI;aACX,kBAAC,EAAQ,QAAT,EAAA,UAAgB,UAAuB,CAAA;GAC/B,CAAA;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAK;IAAuB,CAAA,CACzC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAK;IAAuB,CAAA,CACzC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACN;IAGF,IAAqC;CACzC,QAAQ;CACR,cAAc;CACd,WAAW;CACZ,EAEY,IAAiB,EAAS,KAAK,EAAE,CAAC;AAC/C,EAAe,OAAO,EACpB,GAAG,GACJ;AA6BD,IAAa,MA3BkC,MAC7C,kBAAC,OAAD;CAAK,WAAU;CAAe,OAAO,EAAK,UAAW,EAAU,EAAK;WAApE,CACE,kBAAC,GAAD;EAAS,GAAI;YAAb;GACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAK;IAExB,CAAA;GACT;KACV,kBAAC,GAAD;EAAS,GAAI;YAAb;GACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAK;IAExB,CAAA;GACT;IACN;IAG2C,KAAK,EAAE,CAAC;AAC3D,EAAe,OAAO,EACpB,GAAG,GACJ"}
+{"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":";;;AAQA,IAAM,IAAY;CAChB,GAAK,EAAE,cAAc,WAAW;CAChC,OAAO,EAAE,cAAc,WAAW;CAClC,OAAO,EAAE,cAAc,UAAU;CACjC,OAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,UAAU;CAClC,EAUD,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ;GACN,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAM;GAC3F,SAAS,EAAE,MAAM,UAAU;GAC5B;EACD,cAAc;GACZ,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAM;GAC3F,SAAS,EAAE,MAAM,UAAU;GAC5B;EACD,WAAW;GACT,SAAS;IAAC;IAAK;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAO;IAAM;GAC3F,SAAS,EAAE,MAAM,UAAU;GAC5B;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAmC,MACvC,kBAAC,OAAD;CAAK,WAAU;CAAe,OAAO,EAAK,UAAW,EAAU,EAAK;WAApE;EACE,kBAAC,GAAD;GAAS,GAAI;aACX,kBAAC,EAAQ,QAAT,EAAA,UAAgB,UAAuB,CAAA;GAC/B,CAAA;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAK;IAAuB,CAAA,CACzC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAK;IAAuB,CAAA,CACzC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACV,kBAAC,GAAD;GAAS,GAAI;aAAb,CACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,EAC/C,kBAAC,EAAQ,QAAT;IAAgB,MAAK;cAAI;IAAsB,CAAA,CACvC;;EACN;IAGF,IAAqC;CACzC,QAAQ;CACR,cAAc;CACd,WAAW;CACZ,EAEY,IAAiB,EAAS,KAAK,EAAE,CAAC;AAC/C,EAAe,OAAO,EACpB,GAAG,GACJ;AA6BD,IAAa,MA3BkC,MAC7C,kBAAC,OAAD;CAAK,WAAU;CAAe,OAAO,EAAK,UAAW,EAAU,EAAK;WAApE,CACE,kBAAC,GAAD;EAAS,GAAI;YAAb;GACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAK;IAExB,CAAA;GACT;KACV,kBAAC,GAAD;EAAS,GAAI;YAAb;GACE,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAI;IAEvB,CAAA;GACjB,kBAAC,EAAQ,QAAT;IAAgB,MAAK;IAAI,YAAW;cAAK;IAExB,CAAA;GACT;IACN;IAG2C,KAAK,EAAE,CAAC;AAC3D,EAAe,OAAO,EACpB,GAAG,GACJ"}

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.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;AAGhE,QAAO,kBAAC,GAAD;EAFkB,GAAG;EAAW,SAAS,EAAa,UAAU;EAE9B,CAAA;GAGD,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,cAAc;CACd,SAAS;CACT,UAAU;CACV,MAAM;CACN,UAAU;CACV,UAAU,kBAAC,GAAD,EAAM,MAAK,SAAU,CAAA;CAC/B,SAAS,GAAI;CACd"}

package/dist/components/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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.js","names":[],"sources":["../../../src/components/Input/Input.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { InputProps } from './Input';\n\nimport { Input } from './Input';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<Input id={id} type={type} aria-label={aria-label} onChange={onChangeFunction} value={value}/>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Input',\n  component: Input,\n  argTypes: {\n    appearance: {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      control: 'inline-radio',\n    },\n  },\n  args: {\n    id: '30daa7c7',\n    type: 'text',\n    disabled: false,\n    placeholder: '',\n  },\n  parameters: {\n    inspectComponent: Input,\n    codeString: codeString,\n  },\n} as Meta<InputProps>;\n\nconst Template: StoryFn<InputProps> = (args) => {\n  return <Input {...args} />;\n};\n\nexport const InputExample = Template.bind({});\nInputExample.args = {};\n\nexport const FullWidth = Template.bind({});\nFullWidth.args = {\n  fullWidth: true,\n};\n\nexport const Numeric = Template.bind({});\nNumeric.args = {\n  isNumeric: true,\n};\n\nexport const WithErrorAppearance = Template.bind({});\nWithErrorAppearance.args = {\n  appearance: 'error',\n};\n"],"mappings":";;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,YAAY,EACV,OAAO,EACL,SAAS,IACV,EACF;EACD,MAAM,EACJ,SAAS,gBACV;EACF;CACD,MAAM;EACJ,IAAI;EACJ,MAAM;EACN,UAAU;EACV,aAAa;EACd;CACD,YAAY;EACV,kBAAkB;EACN,YA3BG;EA4BhB;CACF,EAEK,KAAiC,MAC9B,kBAAC,GAAD,EAAO,GAAI,GAAQ,CAAA,EAGf,IAAe,EAAS,KAAK,EAAE,CAAC;AAC7C,EAAa,OAAO,EAAE;AAEtB,IAAa,IAAY,EAAS,KAAK,EAAE,CAAC;AAC1C,EAAU,OAAO,EACf,WAAW,IACZ;AAED,IAAa,IAAU,EAAS,KAAK,EAAE,CAAC;AACxC,EAAQ,OAAO,EACb,WAAW,IACZ;AAED,IAAa,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,YAAY,SACb"}
+{"version":3,"file":"Input.stories.js","names":[],"sources":["../../../src/components/Input/Input.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { InputProps } from './Input';\n\nimport { Input } from './Input';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<Input id={id} type={type} aria-label={aria-label} onChange={onChangeFunction} value={value}/>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Input',\n  component: Input,\n  argTypes: {\n    appearance: {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      control: 'inline-radio',\n    },\n  },\n  args: {\n    id: '30daa7c7',\n    type: 'text',\n    disabled: false,\n    placeholder: '',\n  },\n  parameters: {\n    inspectComponent: Input,\n    codeString: codeString,\n  },\n} as Meta<InputProps>;\n\nconst Template: StoryFn<InputProps> = (args) => {\n  return <Input {...args} />;\n};\n\nexport const InputExample = Template.bind({});\nInputExample.args = {};\n\nexport const FullWidth = Template.bind({});\nFullWidth.args = {\n  fullWidth: true,\n};\n\nexport const Numeric = Template.bind({});\nNumeric.args = {\n  isNumeric: true,\n};\n\nexport const WithErrorAppearance = Template.bind({});\nWithErrorAppearance.args = {\n  appearance: 'error',\n};\n"],"mappings":";;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,YAAY,EACV,OAAO,EACL,SAAS,IACV,EACF;EACD,MAAM,EACJ,SAAS,gBACV;EACF;CACD,MAAM;EACJ,IAAI;EACJ,MAAM;EACN,UAAU;EACV,aAAa;EACd;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAiC,MAC9B,kBAAC,GAAD,EAAO,GAAI,GAAQ,CAAA,EAGf,IAAe,EAAS,KAAK,EAAE,CAAC;AAC7C,EAAa,OAAO,EAAE;AAEtB,IAAa,IAAY,EAAS,KAAK,EAAE,CAAC;AAC1C,EAAU,OAAO,EACf,WAAW,IACZ;AAED,IAAa,IAAU,EAAS,KAAK,EAAE,CAAC;AACxC,EAAQ,OAAO,EACb,WAAW,IACZ;AAED,IAAa,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,YAAY,SACb"}

package/dist/components/InputField/InputField.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 "../../InputField-BWAy19w9.js";
 import { t as r } from "../../Container-BLjtYDqq.js";

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

@@ -1 +1 @@
-{"version":3,"file":"Label.stories.js","names":[],"sources":["../../../src/components/Label/Label.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { LabelProps } from './Label';\n\nimport { Label } from './Label';\n\nconst codeString = `\n// Has all LabelHTMLAttributes props available except \"className\" and \"style\" \n <Label htmlFor={htmlFor}>{children}</Label>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Label',\n  component: Label,\n  argTypes: {\n    htmlFor: {\n      control: 'text',\n    },\n    children: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: Label,\n    codeString: codeString,\n  },\n} as Meta<LabelProps>;\n\nconst Template: StoryFn<LabelProps> = (args) => <Label {...args} />;\n\nconst defaultArgs: Partial<LabelProps> = {\n  children: 'Lorem Ipsum',\n  htmlFor: 'bd79f7ec',\n};\n\nexport const LabelExample = Template.bind({});\nLabelExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithNoFontWeight = Template.bind({});\nWithNoFontWeight.args = {\n  ...defaultArgs,\n  noFontWeight: true,\n};\n"],"mappings":";;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS,EACP,SAAS,QACV;EACD,UAAU,EACR,SAAS,QACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAnBG;EAoBhB;CACF,EAEK,KAAiC,MAAS,kBAAC,GAAD,EAAO,GAAI,GAAQ,CAAA,EAE7D,IAAmC;CACvC,UAAU;CACV,SAAS;CACV,EAEY,IAAe,EAAS,KAAK,EAAE,CAAC;AAC7C,EAAa,OAAO,EAClB,GAAG,GACJ;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,GAAG;CACH,cAAc;CACf"}
+{"version":3,"file":"Label.stories.js","names":[],"sources":["../../../src/components/Label/Label.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { LabelProps } from './Label';\n\nimport { Label } from './Label';\n\nconst codeString = `\n// Has all LabelHTMLAttributes props available except \"className\" and \"style\" \n <Label htmlFor={htmlFor}>{children}</Label>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Label',\n  component: Label,\n  argTypes: {\n    htmlFor: {\n      control: 'text',\n    },\n    children: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: Label,\n    codeString: codeString,\n  },\n} as Meta<LabelProps>;\n\nconst Template: StoryFn<LabelProps> = (args) => <Label {...args} />;\n\nconst defaultArgs: Partial<LabelProps> = {\n  children: 'Lorem Ipsum',\n  htmlFor: 'bd79f7ec',\n};\n\nexport const LabelExample = Template.bind({});\nLabelExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithNoFontWeight = Template.bind({});\nWithNoFontWeight.args = {\n  ...defaultArgs,\n  noFontWeight: true,\n};\n"],"mappings":";;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS,EACP,SAAS,QACV;EACD,UAAU,EACR,SAAS,QACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAiC,MAAS,kBAAC,GAAD,EAAO,GAAI,GAAQ,CAAA,EAE7D,IAAmC;CACvC,UAAU;CACV,SAAS;CACV,EAEY,IAAe,EAAS,KAAK,EAAE,CAAC;AAC7C,EAAa,OAAO,EAClB,GAAG,GACJ;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,GAAG;CACH,cAAc;CACf"}

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

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../Label-o0BcWTUS.js";
-import { i as t, n } from "../../react.esm-R7eBXTUI.js";
+import { i as t, n } from "../../react.esm-D_F72rY1.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Label/Label.test.tsx
 describe("Label", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"MenuLink.stories.js","names":[],"sources":["../../../src/components/MenuLink/MenuLink.stories.tsx"],"sourcesContent":["import { MemoryRouter, type NavLinkProps } from 'react-router';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MenuLinkProps } from './MenuLink';\n\nimport { MenuLink } from './MenuLink';\n\nimport './MenuLink.stories.css';\n\nconst codeString = `\n// Can only be used wrapped in a 'react-router' <MemoryRouter />\n <MenuLink to={linkUrl}>{children}</MenuLink>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/MenuLink',\n  component: MenuLink,\n  parameters: {\n    inspectComponent: MenuLink,\n    codeString: codeString,\n  },\n} as Meta<Omit<NavLinkProps, 'style'>>;\n\nconst menuLinks = [\n  { to: '/menu-link-1', title: 'Menu Link One' },\n  { to: '/menu-link-2', title: 'Menu Link Two' },\n  { to: '/menu-link-3', title: 'Menu Link Three' },\n];\n\nconst Template: StoryFn<Omit<MenuLinkProps, 'style'>> = () => {\n  return (\n    <MemoryRouter initialEntries={menuLinks.map((link) => link.to)} initialIndex={0}>\n      <nav className=\"navbar\">\n        {menuLinks.map((link) => (\n          <MenuLink key={link.to} to={link.to}>\n            {link.title}\n          </MenuLink>\n        ))}\n      </nav>\n    </MemoryRouter>\n  );\n};\n\nexport const MenuLinkExample = Template.bind({});\n\nconst menuLinks02 = [\n  { to: '/menu-link-1', title: 'Menu Link One (no default behavior)', overrideDefaultBehavior: true },\n  { to: '/menu-link-2', title: 'Menu Link Two', overrideDefaultBehavior: false },\n  { to: '/menu-link-3', title: 'Menu Link Three', overrideDefaultBehavior: false },\n];\n\nconst TemplateMenuLinkOverrideDefaultBehavior: StoryFn<Omit<MenuLinkProps, 'style'>> = () => {\n  return (\n    <MemoryRouter initialEntries={menuLinks02.map((link) => link.to)} initialIndex={0}>\n      <nav className=\"navbar\">\n        {menuLinks02.map((link) => (\n          <MenuLink key={link.to} to={link.to} overrideDefault={link.overrideDefaultBehavior}>\n            {link.title}\n          </MenuLink>\n        ))}\n      </nav>\n    </MemoryRouter>\n  );\n};\n\nexport const MenuLinkOverrideDefaultBehavior = TemplateMenuLinkOverrideDefaultBehavior.bind({});\n"],"mappings":";;;AAeA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YAXG;EAYhB;CACF,EAEK,IAAY;CAChB;EAAE,IAAI;EAAgB,OAAO;EAAiB;CAC9C;EAAE,IAAI;EAAgB,OAAO;EAAiB;CAC9C;EAAE,IAAI;EAAgB,OAAO;EAAmB;CACjD,EAgBY,WAZT,kBAAC,GAAD;CAAc,gBAAgB,EAAU,KAAK,MAAS,EAAK,GAAG;CAAE,cAAc;WAC5E,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAU,KAAK,MACd,kBAAC,GAAD;GAAwB,IAAI,EAAK;aAC9B,EAAK;GACG,EAFI,EAAK,GAET,CACX;EACE,CAAA;CACO,CAAA,EAIqB,KAAK,EAAE,CAAC,EAE1C,IAAc;CAClB;EAAE,IAAI;EAAgB,OAAO;EAAuC,yBAAyB;EAAM;CACnG;EAAE,IAAI;EAAgB,OAAO;EAAiB,yBAAyB;EAAO;CAC9E;EAAE,IAAI;EAAgB,OAAO;EAAmB,yBAAyB;EAAO;CACjF,EAgBY,WAZT,kBAAC,GAAD;CAAc,gBAAgB,EAAY,KAAK,MAAS,EAAK,GAAG;CAAE,cAAc;WAC9E,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;GAAwB,IAAI,EAAK;GAAI,iBAAiB,EAAK;aACxD,EAAK;GACG,EAFI,EAAK,GAET,CACX;EACE,CAAA;CACO,CAAA,EAIoE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"MenuLink.stories.js","names":[],"sources":["../../../src/components/MenuLink/MenuLink.stories.tsx"],"sourcesContent":["import { MemoryRouter, type NavLinkProps } from 'react-router';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MenuLinkProps } from './MenuLink';\n\nimport { MenuLink } from './MenuLink';\n\nimport './MenuLink.stories.css';\n\nconst codeString = `\n// Can only be used wrapped in a 'react-router' <MemoryRouter />\n <MenuLink to={linkUrl}>{children}</MenuLink>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/MenuLink',\n  component: MenuLink,\n  parameters: {\n    inspectComponent: MenuLink,\n    codeString: codeString,\n  },\n} as Meta<Omit<NavLinkProps, 'style'>>;\n\nconst menuLinks = [\n  { to: '/menu-link-1', title: 'Menu Link One' },\n  { to: '/menu-link-2', title: 'Menu Link Two' },\n  { to: '/menu-link-3', title: 'Menu Link Three' },\n];\n\nconst Template: StoryFn<Omit<MenuLinkProps, 'style'>> = () => {\n  return (\n    <MemoryRouter initialEntries={menuLinks.map((link) => link.to)} initialIndex={0}>\n      <nav className=\"navbar\">\n        {menuLinks.map((link) => (\n          <MenuLink key={link.to} to={link.to}>\n            {link.title}\n          </MenuLink>\n        ))}\n      </nav>\n    </MemoryRouter>\n  );\n};\n\nexport const MenuLinkExample = Template.bind({});\n\nconst menuLinks02 = [\n  { to: '/menu-link-1', title: 'Menu Link One (no default behavior)', overrideDefaultBehavior: true },\n  { to: '/menu-link-2', title: 'Menu Link Two', overrideDefaultBehavior: false },\n  { to: '/menu-link-3', title: 'Menu Link Three', overrideDefaultBehavior: false },\n];\n\nconst TemplateMenuLinkOverrideDefaultBehavior: StoryFn<Omit<MenuLinkProps, 'style'>> = () => {\n  return (\n    <MemoryRouter initialEntries={menuLinks02.map((link) => link.to)} initialIndex={0}>\n      <nav className=\"navbar\">\n        {menuLinks02.map((link) => (\n          <MenuLink key={link.to} to={link.to} overrideDefault={link.overrideDefaultBehavior}>\n            {link.title}\n          </MenuLink>\n        ))}\n      </nav>\n    </MemoryRouter>\n  );\n};\n\nexport const MenuLinkOverrideDefaultBehavior = TemplateMenuLinkOverrideDefaultBehavior.bind({});\n"],"mappings":";;;AAeA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,IAAY;CAChB;EAAE,IAAI;EAAgB,OAAO;EAAiB;CAC9C;EAAE,IAAI;EAAgB,OAAO;EAAiB;CAC9C;EAAE,IAAI;EAAgB,OAAO;EAAmB;CACjD,EAgBY,WAZT,kBAAC,GAAD;CAAc,gBAAgB,EAAU,KAAK,MAAS,EAAK,GAAG;CAAE,cAAc;WAC5E,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAU,KAAK,MACd,kBAAC,GAAD;GAAwB,IAAI,EAAK;aAC9B,EAAK;GACG,EAFI,EAAK,GAET,CACX;EACE,CAAA;CACO,CAAA,EAIqB,KAAK,EAAE,CAAC,EAE1C,IAAc;CAClB;EAAE,IAAI;EAAgB,OAAO;EAAuC,yBAAyB;EAAM;CACnG;EAAE,IAAI;EAAgB,OAAO;EAAiB,yBAAyB;EAAO;CAC9E;EAAE,IAAI;EAAgB,OAAO;EAAmB,yBAAyB;EAAO;CACjF,EAgBY,WAZT,kBAAC,GAAD;CAAc,gBAAgB,EAAY,KAAK,MAAS,EAAK,GAAG;CAAE,cAAc;WAC9E,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;GAAwB,IAAI,EAAK;GAAI,iBAAiB,EAAK;aACxD,EAAK;GACG,EAFI,EAAK,GAET,CACX;EACE,CAAA;CACO,CAAA,EAIoE,KAAK,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MetaDataBar.stories.js","names":[],"sources":["../../../src/components/MetaDataBar/MetaDataBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataBarProps } from './MetaDataBar';\nimport type { IconProps } from 'components/Icon';\n\nimport { MetaDataBar } from './MetaDataBar';\n\nconst codeString = '<MetaDataBar itemData={itemData} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/MetaDataBar',\n  component: MetaDataBar,\n  parameters: {\n    inspectComponent: MetaDataBar,\n    codeString: codeString,\n  },\n} as Meta<MetaDataBarProps>;\n\nconst Template: StoryFn<MetaDataBarProps> = (args) => <MetaDataBar {...args} />;\n\nexport const MetaDataBarExample = Template.bind({});\nMetaDataBarExample.args = {\n  itemData: [\n    { iconName: 'AcademicCap' as IconProps['name'], itemLabel: 'Jedi Academy' },\n    { iconName: 'UserCircle' as IconProps['name'], itemLabel: 'Luuk Hemelwandelaar' },\n  ],\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAIY,MAFgC,MAAS,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,EAEpC,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,UAAU,CACR;CAAE,UAAU;CAAoC,WAAW;CAAgB,EAC3E;CAAE,UAAU;CAAmC,WAAW;CAAuB,CAClF,EACF"}
+{"version":3,"file":"MetaDataBar.stories.js","names":[],"sources":["../../../src/components/MetaDataBar/MetaDataBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataBarProps } from './MetaDataBar';\nimport type { IconProps } from 'components/Icon';\n\nimport { MetaDataBar } from './MetaDataBar';\n\nconst codeString = '<MetaDataBar itemData={itemData} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/MetaDataBar',\n  component: MetaDataBar,\n  parameters: {\n    inspectComponent: MetaDataBar,\n    codeString: codeString,\n  },\n} as Meta<MetaDataBarProps>;\n\nconst Template: StoryFn<MetaDataBarProps> = (args) => <MetaDataBar {...args} />;\n\nexport const MetaDataBarExample = Template.bind({});\nMetaDataBarExample.args = {\n  itemData: [\n    { iconName: 'AcademicCap' as IconProps['name'], itemLabel: 'Jedi Academy' },\n    { iconName: 'UserCircle' as IconProps['name'], itemLabel: 'Luuk Hemelwandelaar' },\n  ],\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAFgC,MAAS,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,EAEpC,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,UAAU,CACR;CAAE,UAAU;CAAoC,WAAW;CAAgB,EAC3E;CAAE,UAAU;CAAmC,WAAW;CAAuB,CAClF,EACF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MetaDataList.stories.js","names":[],"sources":["../../../src/components/MetaDataList/MetaDataList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataListProps } from './MetaDataList';\n\nimport { MetaDataList } from './MetaDataList';\n\nimport { Container } from 'storyComponents/Container/';\n\nconst codeString = '<MetaDataList items={items} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/MetaDataList',\n  component: MetaDataList,\n  parameters: {\n    inspectComponent: MetaDataList,\n    codeString: codeString,\n  },\n} as Meta<MetaDataListProps>;\n\nconst Template: StoryFn<MetaDataListProps> = (args) => (\n  <Container>\n    <MetaDataList {...args} />\n  </Container>\n);\n\nexport const MetaDataListExample = Template.bind({});\nMetaDataListExample.args = {\n  items: {\n    'item one': 'foo',\n    'item two': 'bar',\n    'item three': 'baz',\n  },\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAQY,MANiC,MAC5C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAChB,CAAA,EAG8B,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,OAAO;CACL,YAAY;CACZ,YAAY;CACZ,cAAc;CACf,EACF"}
+{"version":3,"file":"MetaDataList.stories.js","names":[],"sources":["../../../src/components/MetaDataList/MetaDataList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataListProps } from './MetaDataList';\n\nimport { MetaDataList } from './MetaDataList';\n\nimport { Container } from 'storyComponents/Container/';\n\nconst codeString = '<MetaDataList items={items} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/MetaDataList',\n  component: MetaDataList,\n  parameters: {\n    inspectComponent: MetaDataList,\n    codeString: codeString,\n  },\n} as Meta<MetaDataListProps>;\n\nconst Template: StoryFn<MetaDataListProps> = (args) => (\n  <Container>\n    <MetaDataList {...args} />\n  </Container>\n);\n\nexport const MetaDataListExample = Template.bind({});\nMetaDataListExample.args = {\n  items: {\n    'item one': 'foo',\n    'item two': 'bar',\n    'item three': 'baz',\n  },\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAQY,MANiC,MAC5C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAChB,CAAA,EAG8B,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,OAAO;CACL,YAAY;CACZ,YAAY;CACZ,cAAc;CACf,EACF"}

package/dist/components/ModalDialog/ModalDialog.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 "../../Label-o0BcWTUS.js";

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

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.stories.js","names":[],"sources":["../../../src/components/ModalDialog/ModalDialog.stories.tsx"],"sourcesContent":["import { ModalProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ModalDialogProps } from './ModalDialog';\n\nimport { ModalDialog } from './ModalDialog';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { FormField } from 'components/FormField';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\n\nconst codeString = `\n/* ModalDialog has more styling props (see Info-tab).\n Code example is made with the most commonly used props. **/\n  <ModalDialog isOpen={isOpen} title={title} onClose={onCloseFunction}\n    onSubmit={onSubmitFunction} buttons={buttons}> {children} </ModalDialog>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ModalDialog',\n  component: ModalDialog,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    noValidate: {\n      control: 'boolean',\n    },\n    role: {\n      control: 'radio',\n      options: ['dialog', 'alertdialog'],\n    },\n    onSubmit: {\n      table: {\n        disable: true,\n      },\n    },\n    onClose: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: ModalDialog,\n    codeString: codeString,\n  },\n} as Meta<ModalDialogProps>;\n\nconst Template: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <Label htmlFor=\"text-field\">Example Text Field</Label>\n        <InputField id=\"text-field\" />\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nconst defaultArgs: Partial<ModalDialogProps> = {\n  padded: false,\n  size: 'regular',\n  noButtonBorder: false,\n  variant: 'dialog',\n  role: 'dialog',\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n  noValidate: false,\n  onSubmit: fn(),\n  onClose: fn(),\n  buttons: (\n    <ButtonGroup reversed>\n      <Button variant=\"primary\" onClick={fn()}>\n        OK\n      </Button>\n      <Button variant=\"secondary\" onClick={fn()}>\n        Cancel\n      </Button>\n    </ButtonGroup>\n  ),\n  isOpen: true,\n};\n\nexport const ModalDialogExample = Template.bind({});\nModalDialogExample.args = {\n  ...defaultArgs,\n};\n\nexport const Loading = Template.bind({});\nLoading.args = {\n  ...defaultArgs,\n  isLoading: true,\n  spinnerAriaValueText: 'Loading',\n};\n\nconst LongContentTemplate: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <div>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla.\n          Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut\n          fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere\n          cubilia curae; Cras molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod.\n          Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet\n          dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac\n          molestie dignissim, elementum sed quam. Suspendisse mollis venenatis libero, pellentesque vestibulum elit\n          consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus\n          neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae\n          ultrices erat.\n        </div>\n        <div>\n          Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam\n          porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Phasellus ac\n          diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non,\n          vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut\n          sapien tempor, a ornare ipsum faucibus.\n        </div>\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nexport const WithLongContentAndNoBorder = LongContentTemplate.bind({});\nWithLongContentAndNoBorder.args = {\n  ...defaultArgs,\n  noButtonBorder: true,\n};\n"],"mappings":";;;;;;;;;AAsBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ,EACN,OAAO,EACL,SAAS,IACV,EACF;EACD,YAAY,EACV,SAAS,WACV;EACD,MAAM;GACJ,SAAS;GACT,SAAS,CAAC,UAAU,cAAc;GACnC;EACD,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;EACD,SAAS,EACP,OAAO,EACL,SAAS,IACV,EACF;EACD,SAAS,EACP,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YA1CG;EA2ChB;CACF,EAEK,KAAuC,MAC3C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAa,GAAI;WACf,kBAAC,GAAD;EAAW,YAAA;YAAX,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAa;GAA0B,CAAA,EACtD,kBAAC,GAAD,EAAY,IAAG,cAAe,CAAA,CACpB;;CACA,CAAA,EACA,CAAA,EAGZ,IAAyC;CAC7C,QAAQ;CACR,MAAM;CACN,gBAAgB;CAChB,SAAS;CACT,MAAM;CACN,OAAO;CACP,0BAA0B;CAC1B,YAAY;CACZ,UAAU,GAAI;CACd,SAAS,GAAI;CACb,SACE,kBAAC,GAAD;EAAa,UAAA;YAAb,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS,GAAI;aAAE;GAEhC,CAAA,EACT,kBAAC,GAAD;GAAQ,SAAQ;GAAY,SAAS,GAAI;aAAE;GAElC,CAAA,CACG;;CAEhB,QAAQ;CACT,EAEY,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,GAAG,GACJ;AAED,IAAa,IAAU,EAAS,KAAK,EAAE,CAAC;AACxC,EAAQ,OAAO;CACb,GAAG;CACH,WAAW;CACX,sBAAsB;CACvB;AA8BD,IAAa,MA5B2C,MACtD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAa,GAAI;WACf,kBAAC,GAAD;EAAW,YAAA;YAAX,CACE,kBAAC,OAAD,EAAA,UAAK,+8BAWC,CAAA,EACN,kBAAC,OAAD,EAAA,UAAK,6dAMC,CAAA,CACI;;CACA,CAAA,EACA,CAAA,EAG4C,KAAK,EAAE,CAAC;AACtE,EAA2B,OAAO;CAChC,GAAG;CACH,gBAAgB;CACjB"}
+{"version":3,"file":"ModalDialog.stories.js","names":[],"sources":["../../../src/components/ModalDialog/ModalDialog.stories.tsx"],"sourcesContent":["import { ModalProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ModalDialogProps } from './ModalDialog';\n\nimport { ModalDialog } from './ModalDialog';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { FormField } from 'components/FormField';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\n\nconst codeString = `\n/* ModalDialog has more styling props (see Info-tab).\n Code example is made with the most commonly used props. **/\n  <ModalDialog isOpen={isOpen} title={title} onClose={onCloseFunction}\n    onSubmit={onSubmitFunction} buttons={buttons}> {children} </ModalDialog>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ModalDialog',\n  component: ModalDialog,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    noValidate: {\n      control: 'boolean',\n    },\n    role: {\n      control: 'radio',\n      options: ['dialog', 'alertdialog'],\n    },\n    onSubmit: {\n      table: {\n        disable: true,\n      },\n    },\n    onClose: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: ModalDialog,\n    codeString: codeString,\n  },\n} as Meta<ModalDialogProps>;\n\nconst Template: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <Label htmlFor=\"text-field\">Example Text Field</Label>\n        <InputField id=\"text-field\" />\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nconst defaultArgs: Partial<ModalDialogProps> = {\n  padded: false,\n  size: 'regular',\n  noButtonBorder: false,\n  variant: 'dialog',\n  role: 'dialog',\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n  noValidate: false,\n  onSubmit: fn(),\n  onClose: fn(),\n  buttons: (\n    <ButtonGroup reversed>\n      <Button variant=\"primary\" onClick={fn()}>\n        OK\n      </Button>\n      <Button variant=\"secondary\" onClick={fn()}>\n        Cancel\n      </Button>\n    </ButtonGroup>\n  ),\n  isOpen: true,\n};\n\nexport const ModalDialogExample = Template.bind({});\nModalDialogExample.args = {\n  ...defaultArgs,\n};\n\nexport const Loading = Template.bind({});\nLoading.args = {\n  ...defaultArgs,\n  isLoading: true,\n  spinnerAriaValueText: 'Loading',\n};\n\nconst LongContentTemplate: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <div>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla.\n          Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut\n          fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere\n          cubilia curae; Cras molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod.\n          Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet\n          dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac\n          molestie dignissim, elementum sed quam. Suspendisse mollis venenatis libero, pellentesque vestibulum elit\n          consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus\n          neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae\n          ultrices erat.\n        </div>\n        <div>\n          Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam\n          porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Phasellus ac\n          diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non,\n          vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut\n          sapien tempor, a ornare ipsum faucibus.\n        </div>\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nexport const WithLongContentAndNoBorder = LongContentTemplate.bind({});\nWithLongContentAndNoBorder.args = {\n  ...defaultArgs,\n  noButtonBorder: true,\n};\n"],"mappings":";;;;;;;;;AAsBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ,EACN,OAAO,EACL,SAAS,IACV,EACF;EACD,YAAY,EACV,SAAS,WACV;EACD,MAAM;GACJ,SAAS;GACT,SAAS,CAAC,UAAU,cAAc;GACnC;EACD,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;EACD,SAAS,EACP,OAAO,EACL,SAAS,IACV,EACF;EACD,SAAS,EACP,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAuC,MAC3C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAa,GAAI;WACf,kBAAC,GAAD;EAAW,YAAA;YAAX,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAa;GAA0B,CAAA,EACtD,kBAAC,GAAD,EAAY,IAAG,cAAe,CAAA,CACpB;;CACA,CAAA,EACA,CAAA,EAGZ,IAAyC;CAC7C,QAAQ;CACR,MAAM;CACN,gBAAgB;CAChB,SAAS;CACT,MAAM;CACN,OAAO;CACP,0BAA0B;CAC1B,YAAY;CACZ,UAAU,GAAI;CACd,SAAS,GAAI;CACb,SACE,kBAAC,GAAD;EAAa,UAAA;YAAb,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS,GAAI;aAAE;GAEhC,CAAA,EACT,kBAAC,GAAD;GAAQ,SAAQ;GAAY,SAAS,GAAI;aAAE;GAElC,CAAA,CACG;;CAEhB,QAAQ;CACT,EAEY,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,GAAG,GACJ;AAED,IAAa,IAAU,EAAS,KAAK,EAAE,CAAC;AACxC,EAAQ,OAAO;CACb,GAAG;CACH,WAAW;CACX,sBAAsB;CACvB;AA8BD,IAAa,MA5B2C,MACtD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAa,GAAI;WACf,kBAAC,GAAD;EAAW,YAAA;YAAX,CACE,kBAAC,OAAD,EAAA,UAAK,+8BAWC,CAAA,EACN,kBAAC,OAAD,EAAA,UAAK,6dAMC,CAAA,CACI;;CACA,CAAA,EACA,CAAA,EAG4C,KAAK,EAAE,CAAC;AACtE,EAA2B,OAAO;CAChC,GAAG;CACH,gBAAgB;CACjB"}

package/dist/components/MultiSelect/MultiSelect.js

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

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

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

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

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

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

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

package/dist/components/MultiSelect/index.js

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

package/dist/components/MultiSelectBox/MultiSelectBox.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 "../../MultiSelectBox-Cuh_o-A1.js";
 import { useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectBox.stories.js","names":[],"sources":["../../../src/components/MultiSelectBox/MultiSelectBox.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectBoxProps, MultiSelectData } from './MultiSelectBox';\n\nimport { MultiSelectBox } from './MultiSelectBox';\n\nconst codeString = `<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelectBox',\n  component: MultiSelectBox,\n  argTypes: {\n    onChange: {\n      action: 'Selected values',\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: MultiSelectBox,\n    codeString: codeString,\n  },\n} as Meta<MultiSelectBoxProps>;\n\nconst mockItems = [\n  { label: 'A.B. Docent', value: '1' },\n  { label: 'B.C. Docent met lange achternaam', value: '2' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '3',\n  },\n  { label: 'H.I. Docent', value: '4' },\n  { label: 'K.L. Docent ', value: '5' },\n  { label: 'A.B. Docent', value: '6' },\n  { label: 'B.C. Docent met lange achternaam', value: '7' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '8',\n  },\n  { label: 'H.I. Docent', value: '9' },\n  { label: 'K.L. Docent ', value: '10' },\n];\n\nconst Template: StoryFn<MultiSelectBoxProps> = (args) => {\n  const [selectedItems, setSelectedItems] = useState<MultiSelectData[]>(args.defaultSelectedItems || []);\n\n  const handleChange = (items: MultiSelectData[]) => {\n    if (args.onChange) {\n      args.onChange(items);\n    }\n    setSelectedItems(items);\n  };\n\n  return (\n    <div style={{ width: '30rem', margin: '0rem auto 0 auto' }}>\n      <span>{selectedItems.map((item) => item.label).join(', ')}</span>\n      <MultiSelectBox {...args} onChange={handleChange} />\n    </div>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectBoxProps> = {\n  fullWidth: false,\n  labelSuffix: 'geselecteerd',\n  maxOptionHeight: '20rem',\n  optionPositionRight: false,\n  disabled: false,\n  selectData: mockItems,\n  onChange: fn(),\n};\n\nexport const MultiSelectBoxExample = Template.bind({});\nMultiSelectBoxExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithDefaultSelectedItems = Template.bind({});\nWithDefaultSelectedItems.args = {\n  ...defaultArgs,\n  defaultSelectedItems: [\n    { label: 'A.B. Docent', value: '1' },\n    { label: 'H.I. Docent', value: '4' },\n    { label: 'A.B. Docent', value: '6' },\n  ],\n};\n"],"mappings":";;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU;EACR,QAAQ;EACR,OAAO,EACL,SAAS,IACV;EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAhBG;EAiBhB;CACF,EAEK,IAAY;CAChB;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAoC,OAAO;EAAK;CACzD;EACE,OAAO;EACP,OAAO;EACR;CACD;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAgB,OAAO;EAAK;CACrC;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAoC,OAAO;EAAK;CACzD;EACE,OAAO;EACP,OAAO;EACR;CACD;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAgB,OAAO;EAAM;CACvC,EAEK,KAA0C,MAAS;CACvD,IAAM,CAAC,GAAe,KAAoB,EAA4B,EAAK,wBAAwB,EAAE,CAAC,EAEhG,KAAgB,MAA6B;AAIjD,EAHI,EAAK,YACP,EAAK,SAAS,EAAM,EAEtB,EAAiB,EAAM;;AAGzB,QACE,kBAAC,OAAD;EAAK,OAAO;GAAE,OAAO;GAAS,QAAQ;GAAoB;YAA1D,CACE,kBAAC,QAAD,EAAA,UAAO,EAAc,KAAK,MAAS,EAAK,MAAM,CAAC,KAAK,KAAK,EAAQ,CAAA,EACjE,kBAAC,GAAD;GAAgB,GAAI;GAAM,UAAU;GAAgB,CAAA,CAChD;;GAIJ,IAA4C;CAChD,WAAW;CACX,aAAa;CACb,iBAAiB;CACjB,qBAAqB;CACrB,UAAU;CACV,YAAY;CACZ,UAAU,GAAI;CACf,EAEY,IAAwB,EAAS,KAAK,EAAE,CAAC;AACtD,EAAsB,OAAO,EAC3B,GAAG,GACJ;AAED,IAAa,IAA2B,EAAS,KAAK,EAAE,CAAC;AACzD,EAAyB,OAAO;CAC9B,GAAG;CACH,sBAAsB;EACpB;GAAE,OAAO;GAAe,OAAO;GAAK;EACpC;GAAE,OAAO;GAAe,OAAO;GAAK;EACpC;GAAE,OAAO;GAAe,OAAO;GAAK;EACrC;CACF"}
+{"version":3,"file":"MultiSelectBox.stories.js","names":[],"sources":["../../../src/components/MultiSelectBox/MultiSelectBox.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectBoxProps, MultiSelectData } from './MultiSelectBox';\n\nimport { MultiSelectBox } from './MultiSelectBox';\n\nconst codeString = `<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/MultiSelectBox',\n  component: MultiSelectBox,\n  argTypes: {\n    onChange: {\n      action: 'Selected values',\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: MultiSelectBox,\n    codeString: codeString,\n  },\n} as Meta<MultiSelectBoxProps>;\n\nconst mockItems = [\n  { label: 'A.B. Docent', value: '1' },\n  { label: 'B.C. Docent met lange achternaam', value: '2' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '3',\n  },\n  { label: 'H.I. Docent', value: '4' },\n  { label: 'K.L. Docent ', value: '5' },\n  { label: 'A.B. Docent', value: '6' },\n  { label: 'B.C. Docent met lange achternaam', value: '7' },\n  {\n    label: 'prof. F.G. Docent met lang achternaam',\n    value: '8',\n  },\n  { label: 'H.I. Docent', value: '9' },\n  { label: 'K.L. Docent ', value: '10' },\n];\n\nconst Template: StoryFn<MultiSelectBoxProps> = (args) => {\n  const [selectedItems, setSelectedItems] = useState<MultiSelectData[]>(args.defaultSelectedItems || []);\n\n  const handleChange = (items: MultiSelectData[]) => {\n    if (args.onChange) {\n      args.onChange(items);\n    }\n    setSelectedItems(items);\n  };\n\n  return (\n    <div style={{ width: '30rem', margin: '0rem auto 0 auto' }}>\n      <span>{selectedItems.map((item) => item.label).join(', ')}</span>\n      <MultiSelectBox {...args} onChange={handleChange} />\n    </div>\n  );\n};\n\nconst defaultArgs: Partial<MultiSelectBoxProps> = {\n  fullWidth: false,\n  labelSuffix: 'geselecteerd',\n  maxOptionHeight: '20rem',\n  optionPositionRight: false,\n  disabled: false,\n  selectData: mockItems,\n  onChange: fn(),\n};\n\nexport const MultiSelectBoxExample = Template.bind({});\nMultiSelectBoxExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithDefaultSelectedItems = Template.bind({});\nWithDefaultSelectedItems.args = {\n  ...defaultArgs,\n  defaultSelectedItems: [\n    { label: 'A.B. Docent', value: '1' },\n    { label: 'H.I. Docent', value: '4' },\n    { label: 'A.B. Docent', value: '6' },\n  ],\n};\n"],"mappings":";;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU;EACR,QAAQ;EACR,OAAO,EACL,SAAS,IACV;EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,IAAY;CAChB;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAoC,OAAO;EAAK;CACzD;EACE,OAAO;EACP,OAAO;EACR;CACD;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAgB,OAAO;EAAK;CACrC;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAoC,OAAO;EAAK;CACzD;EACE,OAAO;EACP,OAAO;EACR;CACD;EAAE,OAAO;EAAe,OAAO;EAAK;CACpC;EAAE,OAAO;EAAgB,OAAO;EAAM;CACvC,EAEK,KAA0C,MAAS;CACvD,IAAM,CAAC,GAAe,KAAoB,EAA4B,EAAK,wBAAwB,EAAE,CAAC,EAEhG,KAAgB,MAA6B;AAIjD,EAHI,EAAK,YACP,EAAK,SAAS,EAAM,EAEtB,EAAiB,EAAM;;AAGzB,QACE,kBAAC,OAAD;EAAK,OAAO;GAAE,OAAO;GAAS,QAAQ;GAAoB;YAA1D,CACE,kBAAC,QAAD,EAAA,UAAO,EAAc,KAAK,MAAS,EAAK,MAAM,CAAC,KAAK,KAAK,EAAQ,CAAA,EACjE,kBAAC,GAAD;GAAgB,GAAI;GAAM,UAAU;GAAgB,CAAA,CAChD;;GAIJ,IAA4C;CAChD,WAAW;CACX,aAAa;CACb,iBAAiB;CACjB,qBAAqB;CACrB,UAAU;CACV,YAAY;CACZ,UAAU,GAAI;CACf,EAEY,IAAwB,EAAS,KAAK,EAAE,CAAC;AACtD,EAAsB,OAAO,EAC3B,GAAG,GACJ;AAED,IAAa,IAA2B,EAAS,KAAK,EAAE,CAAC;AACzD,EAAyB,OAAO;CAC9B,GAAG;CACH,sBAAsB;EACpB;GAAE,OAAO;GAAe,OAAO;GAAK;EACpC;GAAE,OAAO;GAAe,OAAO;GAAK;EACpC;GAAE,OAAO;GAAe,OAAO;GAAK;EACrC;CACF"}

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

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../MultiSelectBox-Cuh_o-A1.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-D_F72rY1.js";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/MultiSelectBox/MultiSelectBox.test.tsx
 var s = jest.fn(), c = [

package/dist/components/Notification/Notification.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 "../../Notification-CIhsHuF0.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.stories.js","names":[],"sources":["../../../src/components/Notification/Notification.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { NotificationProps } from './Notification';\n\nimport { Notification } from './Notification';\n\nconst codeString = `<Notification title={title} subtitle={subtitle} action={action} \n  level={level} variant={variant} onClose={() => {}} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Notification',\n  component: Notification,\n  argTypes: {\n    level: {\n      options: ['neutral', 'information', 'success', 'warning', 'danger'],\n      control: { type: 'radio' },\n    },\n    variant: {\n      options: ['default', 'bar'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: Notification,\n    codeString: codeString,\n  },\n} as Meta<NotificationProps>;\n\nconst Template: StoryFn<NotificationProps> = (args) => <Notification {...args} />;\n\nconst defaultArgs: Partial<NotificationProps> = {\n  level: 'information',\n  title: 'Titel van de melding',\n  onClose: fn(),\n};\n\nexport const NotificationExample = Template.bind({});\nNotificationExample.args = {\n  ...defaultArgs,\n  variant: 'default',\n  subtitle: 'Subtekst ter verduidelijking van de melding.',\n  action: <span>Actie</span>,\n};\n\nexport const AsBar = Template.bind({});\nAsBar.args = {\n  ...defaultArgs,\n  variant: 'bar',\n};\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO;GACL,SAAS;IAAC;IAAW;IAAe;IAAW;IAAW;IAAS;GACnE,SAAS,EAAE,MAAM,SAAS;GAC3B;EACD,SAAS;GACP,SAAS,CAAC,WAAW,MAAM;GAC3B,SAAS,EAAE,MAAM,SAAS;GAC3B;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAnBG;EAoBhB;CACF,EAEK,KAAwC,MAAS,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAE3E,IAA0C;CAC9C,OAAO;CACP,OAAO;CACP,SAAS,GAAI;CACd,EAEY,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,GAAG;CACH,SAAS;CACT,UAAU;CACV,QAAQ,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;CAC3B;AAED,IAAa,IAAQ,EAAS,KAAK,EAAE,CAAC;AACtC,EAAM,OAAO;CACX,GAAG;CACH,SAAS;CACV"}
+{"version":3,"file":"Notification.stories.js","names":[],"sources":["../../../src/components/Notification/Notification.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { NotificationProps } from './Notification';\n\nimport { Notification } from './Notification';\n\nconst codeString = `<Notification title={title} subtitle={subtitle} action={action} \n  level={level} variant={variant} onClose={() => {}} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Notification',\n  component: Notification,\n  argTypes: {\n    level: {\n      options: ['neutral', 'information', 'success', 'warning', 'danger'],\n      control: { type: 'radio' },\n    },\n    variant: {\n      options: ['default', 'bar'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: Notification,\n    codeString: codeString,\n  },\n} as Meta<NotificationProps>;\n\nconst Template: StoryFn<NotificationProps> = (args) => <Notification {...args} />;\n\nconst defaultArgs: Partial<NotificationProps> = {\n  level: 'information',\n  title: 'Titel van de melding',\n  onClose: fn(),\n};\n\nexport const NotificationExample = Template.bind({});\nNotificationExample.args = {\n  ...defaultArgs,\n  variant: 'default',\n  subtitle: 'Subtekst ter verduidelijking van de melding.',\n  action: <span>Actie</span>,\n};\n\nexport const AsBar = Template.bind({});\nAsBar.args = {\n  ...defaultArgs,\n  variant: 'bar',\n};\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO;GACL,SAAS;IAAC;IAAW;IAAe;IAAW;IAAW;IAAS;GACnE,SAAS,EAAE,MAAM,SAAS;GAC3B;EACD,SAAS;GACP,SAAS,CAAC,WAAW,MAAM;GAC3B,SAAS,EAAE,MAAM,SAAS;GAC3B;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAwC,MAAS,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAE3E,IAA0C;CAC9C,OAAO;CACP,OAAO;CACP,SAAS,GAAI;CACd,EAEY,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,GAAG;CACH,SAAS;CACT,UAAU;CACV,QAAQ,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;CAC3B;AAED,IAAa,IAAQ,EAAS,KAAK,EAAE,CAAC;AACtC,EAAM,OAAO;CACX,GAAG;CACH,SAAS;CACV"}

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

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../Notification-CIhsHuF0.js";
-import { i as t, n } from "../../react.esm-R7eBXTUI.js";
+import { i as t, n } from "../../react.esm-D_F72rY1.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Notification/Notification.test.tsx
 describe("Notification", () => {

package/dist/components/OverlayCloseButton/OverlayCloseButton.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 "../../OverlayCloseButton-rttFbAM_.js";
 import { t as n } from "../../Container-BLjtYDqq.js";
 import "../../storyComponents/Container/index.js";

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

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