@uva-glass/component-library 3.55.5 → 3.55.6

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.stories.js","names":[],"sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { AccordionProps } from './Accordion';\n\nimport { Accordion } from './Accordion';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<Accordion title={title} content={content}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Accordion',\n  component: Accordion,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Accordion,\n    codeString: codeString,\n  },\n} as Meta<AccordionProps>;\n\nconst Template: StoryFn<AccordionProps> = (args) => (\n  <Container>\n    <Accordion {...args} />\n  </Container>\n);\n\nexport const AccordionExample = Template.bind({});\nAccordionExample.args = {\n  title: 'Example title',\n  content: 'Example content',\n};\n\nexport const WithComplexProps = Template.bind({});\nWithComplexProps.args = {\n  title: <div style={{ fontWeight: 'bold' }}>Complex sample title</div>,\n  content: <div style={{ fontStyle: 'italic' }}>Complex sample content</div>,\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU,EAER,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAhBG;EAiBhB;CACF,EAEK,KAAqC,MACzC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAW,GAAI,GAAQ,CAAA,EACb,CAAA,EAGD,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,SAAS;CACV;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO,kBAAC,OAAD;EAAK,OAAO,EAAE,YAAY,QAAQ;YAAE;EAA0B,CAAA;CACrE,SAAS,kBAAC,OAAD;EAAK,OAAO,EAAE,WAAW,UAAU;YAAE;EAA4B,CAAA;CAC3E"}
+{"version":3,"file":"Accordion.stories.js","names":[],"sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { AccordionProps } from './Accordion';\n\nimport { Accordion } from './Accordion';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<Accordion title={title} content={content}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Accordion',\n  component: Accordion,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Accordion,\n    codeString: codeString,\n  },\n} as Meta<AccordionProps>;\n\nconst Template: StoryFn<AccordionProps> = (args) => (\n  <Container>\n    <Accordion {...args} />\n  </Container>\n);\n\nexport const AccordionExample = Template.bind({});\nAccordionExample.args = {\n  title: 'Example title',\n  content: 'Example content',\n};\n\nexport const WithComplexProps = Template.bind({});\nWithComplexProps.args = {\n  title: <div style={{ fontWeight: 'bold' }}>Complex sample title</div>,\n  content: <div style={{ fontStyle: 'italic' }}>Complex sample content</div>,\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU,EAER,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAqC,MACzC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAW,GAAI,GAAQ,CAAA,EACb,CAAA,EAGD,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,SAAS;CACV;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO,kBAAC,OAAD;EAAK,OAAO,EAAE,YAAY,QAAQ;YAAE;EAA0B,CAAA;CACrE,SAAS,kBAAC,OAAD;EAAK,OAAO,EAAE,WAAW,UAAU;YAAE;EAA4B,CAAA;CAC3E"}

package/dist/components/Accordion/Accordion.test.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionCard.stories.js","names":[],"sources":["../../../src/components/AccordionCard/AccordionCard.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { AccordionCardProps } from './AccordionCard';\n\nimport { AccordionCard } from './AccordionCard';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<AccordionCard title={title} content={content}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/AccordionCard',\n  component: AccordionCard,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: AccordionCard,\n    codeString: codeString,\n  },\n} as Meta<AccordionCardProps>;\n\nconst Template: StoryFn<AccordionCardProps> = (args) => (\n  <Container size=\"large\">\n    <AccordionCard {...args} />\n  </Container>\n);\n\nexport const AccordionCardExample = Template.bind({});\nAccordionCardExample.args = {\n  title: 'Vakaanbieding 1',\n  content: (\n    <div>\n      <h3 style={{ marginTop: '0' }}>Vakaanmelding: Het Belang van een Goede Start van Je Studiejaar</h3>\n      <p>\n        Vakaanmelding is een cruciale stap in het studieproces, waarbij studenten zich inschrijven voor de vakken die\n        zij tijdens een semester of studiejaar willen volgen. Deze procedure is belangrijk om een gestructureerd en\n        succesvol academisch traject te waarborgen. Hieronder bespreken we wat vakaanmelding inhoudt, waarom het\n        essentieel is en hoe je je optimaal kunt voorbereiden.\n      </p>\n      <h3>Wat is vakaanmelding?</h3>\n      <p>\n        Vakaanmelding is het proces waarbij studenten via een digitaal systeem (zoals Blackboard, Canvas of een\n        specifieke universiteitsportal) aangeven welke vakken zij willen volgen. Dit kan variëren van verplichte\n        kernvakken tot keuzevakken die aansluiten bij persoonlijke interesses of specialisaties.\n      </p>\n    </div>\n  ),\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU,EAER,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAhBG;EAiBhB;CACF,EAQY,MANkC,MAC7C,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;CACjB,CAAA,EAG+B,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,OAAO;CACP,SACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,MAAD;GAAI,OAAO,EAAE,WAAW,KAAK;aAAE;GAAoE,CAAA;EACnG,kBAAC,KAAD,EAAA,UAAG,6XAKC,CAAA;EACJ,kBAAC,MAAD,EAAA,UAAI,yBAA0B,CAAA;EAC9B,kBAAC,KAAD,EAAA,UAAG,6SAIC,CAAA;EACA,EAAA,CAAA;CAET"}
+{"version":3,"file":"AccordionCard.stories.js","names":[],"sources":["../../../src/components/AccordionCard/AccordionCard.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { AccordionCardProps } from './AccordionCard';\n\nimport { AccordionCard } from './AccordionCard';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<AccordionCard title={title} content={content}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/AccordionCard',\n  component: AccordionCard,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: AccordionCard,\n    codeString: codeString,\n  },\n} as Meta<AccordionCardProps>;\n\nconst Template: StoryFn<AccordionCardProps> = (args) => (\n  <Container size=\"large\">\n    <AccordionCard {...args} />\n  </Container>\n);\n\nexport const AccordionCardExample = Template.bind({});\nAccordionCardExample.args = {\n  title: 'Vakaanbieding 1',\n  content: (\n    <div>\n      <h3 style={{ marginTop: '0' }}>Vakaanmelding: Het Belang van een Goede Start van Je Studiejaar</h3>\n      <p>\n        Vakaanmelding is een cruciale stap in het studieproces, waarbij studenten zich inschrijven voor de vakken die\n        zij tijdens een semester of studiejaar willen volgen. Deze procedure is belangrijk om een gestructureerd en\n        succesvol academisch traject te waarborgen. Hieronder bespreken we wat vakaanmelding inhoudt, waarom het\n        essentieel is en hoe je je optimaal kunt voorbereiden.\n      </p>\n      <h3>Wat is vakaanmelding?</h3>\n      <p>\n        Vakaanmelding is het proces waarbij studenten via een digitaal systeem (zoals Blackboard, Canvas of een\n        specifieke universiteitsportal) aangeven welke vakken zij willen volgen. Dit kan variëren van verplichte\n        kernvakken tot keuzevakken die aansluiten bij persoonlijke interesses of specialisaties.\n      </p>\n    </div>\n  ),\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU,EAER,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAQY,MANkC,MAC7C,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;CACjB,CAAA,EAG+B,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,OAAO;CACP,SACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,MAAD;GAAI,OAAO,EAAE,WAAW,KAAK;aAAE;GAAoE,CAAA;EACnG,kBAAC,KAAD,EAAA,UAAG,6XAKC,CAAA;EACJ,kBAAC,MAAD,EAAA,UAAI,yBAA0B,CAAA;EAC9B,kBAAC,KAAD,EAAA,UAAG,6SAIC,CAAA;EACA,EAAA,CAAA;CAET"}

package/dist/components/AccordionCard/AccordionCard.test.js

@@ -1,7 +1,7 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../AccordionCard-BXy-plB7.js";
-import { a as t, i as n, n as r, t as i } from "../../react.esm-R7eBXTUI.js";
-import { t as a } from "../../esm-ipAmzhQq.js";
+import { a as t, i as n, n as r, t as i } from "../../react.esm-D_F72rY1.js";
+import { t as a } from "../../esm-BwHoYxVb.js";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/components/AccordionCard/AccordionCard.test.tsx
 describe("AccordionCard", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"ActionList.stories.js","names":[],"sources":["../../../src/components/ActionList/ActionList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { ActionListProps } from './ActionList';\n\nimport { ActionList } from './ActionList';\n\nconst codeString = `\n  <ActionList iconName={iconName} variant={variant} label=\"\">\n    {mockActions.map(({ action, value }) => (\n      <button type=\"button\" onClick={() => onActionClick({ action, id })} key={value}> {action.title} </button>\n    ))}\n  </ActionList>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ActionList',\n  component: ActionList,\n  argTypes: {\n    variant: {\n      options: ['primary', 'secondary', 'destructive-primary', 'destructive-secondary', 'blank', 'blank-icon'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: ActionList,\n    codeString: codeString,\n  },\n} as Meta<ActionListProps>;\n\nconst Template: StoryFn<ActionListProps> = (args) => (\n  <div style={{ marginLeft: '5rem', width: '40px' }}>\n    <ActionList {...args} />\n  </div>\n);\n\nconst defaultArgs: Partial<ActionListProps> = {\n  label: '',\n  variant: 'blank-icon',\n  iconName: 'EllipsisVertical',\n  children: [\n    <button key=\"1\" type=\"button\">\n      Action 1\n    </button>,\n    <button key=\"2\" type=\"button\">\n      Action 2\n    </button>,\n    <button key=\"3\" type=\"button\">\n      Action 3\n    </button>,\n  ],\n};\n\nexport const ActionListExample = Template.bind({});\nActionListExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;AAcA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAW;GAAa;GAAuB;GAAyB;GAAS;GAAa;EACxG,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YApBG;EAqBhB;CACF,EAEK,KAAsC,MAC1C,kBAAC,OAAD;CAAK,OAAO;EAAE,YAAY;EAAQ,OAAO;EAAQ;WAC/C,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA;CACpB,CAAA,EAGF,IAAwC;CAC5C,OAAO;CACP,SAAS;CACT,UAAU;CACV,UAAU;EACR,kBAAC,UAAD;GAAgB,MAAK;aAAS;GAErB,EAFG,IAEH;EACT,kBAAC,UAAD;GAAgB,MAAK;aAAS;GAErB,EAFG,IAEH;EACT,kBAAC,UAAD;GAAgB,MAAK;aAAS;GAErB,EAFG,IAEH;EACV;CACF,EAEY,IAAoB,EAAS,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO,EACvB,GAAG,GACJ"}
+{"version":3,"file":"ActionList.stories.js","names":[],"sources":["../../../src/components/ActionList/ActionList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { ActionListProps } from './ActionList';\n\nimport { ActionList } from './ActionList';\n\nconst codeString = `\n  <ActionList iconName={iconName} variant={variant} label=\"\">\n    {mockActions.map(({ action, value }) => (\n      <button type=\"button\" onClick={() => onActionClick({ action, id })} key={value}> {action.title} </button>\n    ))}\n  </ActionList>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ActionList',\n  component: ActionList,\n  argTypes: {\n    variant: {\n      options: ['primary', 'secondary', 'destructive-primary', 'destructive-secondary', 'blank', 'blank-icon'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: ActionList,\n    codeString: codeString,\n  },\n} as Meta<ActionListProps>;\n\nconst Template: StoryFn<ActionListProps> = (args) => (\n  <div style={{ marginLeft: '5rem', width: '40px' }}>\n    <ActionList {...args} />\n  </div>\n);\n\nconst defaultArgs: Partial<ActionListProps> = {\n  label: '',\n  variant: 'blank-icon',\n  iconName: 'EllipsisVertical',\n  children: [\n    <button key=\"1\" type=\"button\">\n      Action 1\n    </button>,\n    <button key=\"2\" type=\"button\">\n      Action 2\n    </button>,\n    <button key=\"3\" type=\"button\">\n      Action 3\n    </button>,\n  ],\n};\n\nexport const ActionListExample = Template.bind({});\nActionListExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;AAcA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAW;GAAa;GAAuB;GAAyB;GAAS;GAAa;EACxG,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAsC,MAC1C,kBAAC,OAAD;CAAK,OAAO;EAAE,YAAY;EAAQ,OAAO;EAAQ;WAC/C,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA;CACpB,CAAA,EAGF,IAAwC;CAC5C,OAAO;CACP,SAAS;CACT,UAAU;CACV,UAAU;EACR,kBAAC,UAAD;GAAgB,MAAK;aAAS;GAErB,EAFG,IAEH;EACT,kBAAC,UAAD;GAAgB,MAAK;aAAS;GAErB,EAFG,IAEH;EACT,kBAAC,UAAD;GAAgB,MAAK;aAAS;GAErB,EAFG,IAEH;EACV;CACF,EAEY,IAAoB,EAAS,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO,EACvB,GAAG,GACJ"}

package/dist/components/ActionList/ActionList.test.js

@@ -1,7 +1,7 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../ActionList-O9w1hqNg.js";
-import { a as t, i as n, n as r } from "../../react.esm-R7eBXTUI.js";
-import { t as i } from "../../esm-ipAmzhQq.js";
+import { a as t, i as n, n as r } from "../../react.esm-D_F72rY1.js";
+import { t as i } from "../../esm-BwHoYxVb.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/ActionList/ActionList.test.tsx
 var o = jest.fn(), s = [

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

@@ -1 +1 @@
-{"version":3,"file":"AppStatusBar.stories.js","names":[],"sources":["../../../src/components/AppStatusBar/AppStatusBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { AppStatusBarProps } from './AppStatusBar';\n\nimport { AppStatusBar } from './AppStatusBar';\n\nconst codeString = '<AppStatusBar severity={severity} message={message} key={key} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/AppStatusBar',\n  component: AppStatusBar,\n  argTypes: {\n    severity: {\n      options: ['info', 'warning', 'error'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: AppStatusBar,\n    codeString: codeString,\n  },\n} as Meta<AppStatusBarProps>;\n\nconst Template: StoryFn<AppStatusBarProps> = (args) => <AppStatusBar {...args} />;\n\nconst defaultArgs: Partial<AppStatusBarProps> = {\n  message: 'Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen!.',\n  severity: 'warning',\n};\n\nexport const AppStatusBarExample = Template.bind({});\nAppStatusBarExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU;EACR,SAAS;GAAC;GAAQ;GAAW;GAAQ;EACrC,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAdG;EAehB;CACF,EAEK,KAAwC,MAAS,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAE3E,IAA0C;CAC9C,SAAS;CACT,UAAU;CACX,EAEY,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,GAAG,GACJ"}
+{"version":3,"file":"AppStatusBar.stories.js","names":[],"sources":["../../../src/components/AppStatusBar/AppStatusBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { AppStatusBarProps } from './AppStatusBar';\n\nimport { AppStatusBar } from './AppStatusBar';\n\nconst codeString = '<AppStatusBar severity={severity} message={message} key={key} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/AppStatusBar',\n  component: AppStatusBar,\n  argTypes: {\n    severity: {\n      options: ['info', 'warning', 'error'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: AppStatusBar,\n    codeString: codeString,\n  },\n} as Meta<AppStatusBarProps>;\n\nconst Template: StoryFn<AppStatusBarProps> = (args) => <AppStatusBar {...args} />;\n\nconst defaultArgs: Partial<AppStatusBarProps> = {\n  message: 'Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen!.',\n  severity: 'warning',\n};\n\nexport const AppStatusBarExample = Template.bind({});\nAppStatusBarExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU;EACR,SAAS;GAAC;GAAQ;GAAW;GAAQ;EACrC,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAwC,MAAS,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAE3E,IAA0C;CAC9C,SAAS;CACT,UAAU;CACX,EAEY,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,GAAG,GACJ"}

package/dist/components/AppStatusBar/AppStatusBar.test.js

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../AppStatusBar-Bca0KFDR.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/AppStatusBar/AppStatusBar.test.tsx
 describe("AppStatusBar", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"Attention.stories.js","names":[],"sources":["../../../src/components/Attention/Attention.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\n\nimport { Attention } from './Attention';\n\nconst codeString = '<Attention>{message}</Attention>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Attention',\n  component: Attention,\n  parameters: {\n    inspectComponent: Attention,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren>;\n\nconst Template: StoryFn<PropsWithChildren> = (args) => <Attention {...args}>Example Attention</Attention>;\n\nexport const AttentionExample = Template.bind({});\nAttentionExample.args = {};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAIY,MAFiC,MAAS,kBAAC,GAAD;CAAW,GAAI;WAAM;CAA6B,CAAA,EAEhE,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO,EAAE"}
+{"version":3,"file":"Attention.stories.js","names":[],"sources":["../../../src/components/Attention/Attention.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\n\nimport { Attention } from './Attention';\n\nconst codeString = '<Attention>{message}</Attention>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Attention',\n  component: Attention,\n  parameters: {\n    inspectComponent: Attention,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren>;\n\nconst Template: StoryFn<PropsWithChildren> = (args) => <Attention {...args}>Example Attention</Attention>;\n\nexport const AttentionExample = Template.bind({});\nAttentionExample.args = {};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAFiC,MAAS,kBAAC,GAAD;CAAW,GAAI;WAAM;CAA6B,CAAA,EAEhE,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO,EAAE"}

package/dist/components/Attention/Attention.test.js

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../Attention-Bq5UU9I8.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/Attention/Attention.test.tsx
 describe("Attention", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.stories.js","names":[],"sources":["../../../src/components/Backdrop/Backdrop.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { BackdropProps } from './Backdrop';\n\nimport { Backdrop } from './Backdrop';\n\nimport { Container } from 'storyComponents/Container';\n\nimport './Backdrop.stories.css';\n\ntype BackdropStoryProps = BackdropProps & { visible: boolean };\n\nconst codeString = '<Backdrop>{children}</Backdrop>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Backdrop',\n  component: Backdrop,\n  argTypes: {\n    children: {\n      control: 'text',\n    },\n    visible: {\n      control: 'boolean',\n      name: 'Show Backdrop',\n    },\n  },\n  parameters: {\n    inspectComponent: Backdrop,\n    codeString: codeString,\n  },\n} as Meta<BackdropStoryProps>;\n\nconst Template: StoryFn<BackdropStoryProps> = (args) => {\n  return (\n    <Container visible={args.visible}>\n      <Backdrop>\n        <div className=\"container\">{args.children}</div>\n      </Backdrop>\n    </Container>\n  );\n};\n\nexport const BackdropExample = Template.bind({});\nBackdropExample.args = {\n  visible: true,\n  children: 'Dummy Overlay',\n};\n"],"mappings":";;;;AAcA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,UAAU,EACR,SAAS,QACV;EACD,SAAS;GACP,SAAS;GACT,MAAM;GACP;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAjBG;EAkBhB;CACF,EAYY,MAVkC,MAE3C,kBAAC,GAAD;CAAW,SAAS,EAAK;WACvB,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EAAK,WAAU;YAAa,EAAK;EAAe,CAAA,EACvC,CAAA;CACD,CAAA,EAIwB,KAAK,EAAE,CAAC;AAChD,EAAgB,OAAO;CACrB,SAAS;CACT,UAAU;CACX"}
+{"version":3,"file":"Backdrop.stories.js","names":[],"sources":["../../../src/components/Backdrop/Backdrop.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { BackdropProps } from './Backdrop';\n\nimport { Backdrop } from './Backdrop';\n\nimport { Container } from 'storyComponents/Container';\n\nimport './Backdrop.stories.css';\n\ntype BackdropStoryProps = BackdropProps & { visible: boolean };\n\nconst codeString = '<Backdrop>{children}</Backdrop>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Backdrop',\n  component: Backdrop,\n  argTypes: {\n    children: {\n      control: 'text',\n    },\n    visible: {\n      control: 'boolean',\n      name: 'Show Backdrop',\n    },\n  },\n  parameters: {\n    inspectComponent: Backdrop,\n    codeString: codeString,\n  },\n} as Meta<BackdropStoryProps>;\n\nconst Template: StoryFn<BackdropStoryProps> = (args) => {\n  return (\n    <Container visible={args.visible}>\n      <Backdrop>\n        <div className=\"container\">{args.children}</div>\n      </Backdrop>\n    </Container>\n  );\n};\n\nexport const BackdropExample = Template.bind({});\nBackdropExample.args = {\n  visible: true,\n  children: 'Dummy Overlay',\n};\n"],"mappings":";;;;AAcA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,UAAU,EACR,SAAS,QACV;EACD,SAAS;GACP,SAAS;GACT,MAAM;GACP;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAYY,MAVkC,MAE3C,kBAAC,GAAD;CAAW,SAAS,EAAK;WACvB,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EAAK,WAAU;YAAa,EAAK;EAAe,CAAA,EACvC,CAAA;CACD,CAAA,EAIwB,KAAK,EAAE,CAAC;AAChD,EAAgB,OAAO;CACrB,SAAS;CACT,UAAU;CACX"}

package/dist/components/Backdrop/Backdrop.test.js

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../Backdrop-D8AHeuBn.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/Backdrop/Backdrop.test.tsx
 describe("Backdrop", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.stories.js","names":[],"sources":["../../../src/components/ButtonGroup/ButtonGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { ButtonGroupProps } from './ButtonGroup';\n\nimport { ButtonGroup } from './ButtonGroup';\n\nimport { Button } from 'components/Buttons/Button';\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = `\n  <ButtonGroup reversed={reversed} stacked={stacked}>\n    <Button variant={variant} onClick={onClickedFunction}>{children}</Button>\n    <Button variant={variant} onClick={onClickedFunction}>{children}</Button>\n  </ButtonGroup>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ButtonGroup',\n  component: ButtonGroup,\n  argTypes: {\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: ButtonGroup,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<ButtonGroupProps>>;\n\nconst Template: StoryFn<PropsWithChildren<ButtonGroupProps>> = (args) => (\n  <Container>\n    <ButtonGroup {...args} />\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<ButtonGroupProps>> = {\n  stacked: false,\n  reversed: false,\n  children: (\n    <>\n      <Button variant=\"primary\">Primary button</Button>\n      <Button variant=\"secondary\">Secondary button</Button>\n    </>\n  ),\n};\n\nexport const ButtonGroupExample = Template.bind({});\nButtonGroupExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;;;AAiBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YApBG;EAqBhB;CACF,EAEK,KAA0D,MAC9D,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,EACf,CAAA,EAGR,IAA4D;CAChE,SAAS;CACT,UAAU;CACV,UACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;YAAU;EAAuB,CAAA,EACjD,kBAAC,GAAD;EAAQ,SAAQ;YAAY;EAAyB,CAAA,CACpD,EAAA,CAAA;CAEN,EAEY,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,GAAG,GACJ"}
+{"version":3,"file":"ButtonGroup.stories.js","names":[],"sources":["../../../src/components/ButtonGroup/ButtonGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { ButtonGroupProps } from './ButtonGroup';\n\nimport { ButtonGroup } from './ButtonGroup';\n\nimport { Button } from 'components/Buttons/Button';\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = `\n  <ButtonGroup reversed={reversed} stacked={stacked}>\n    <Button variant={variant} onClick={onClickedFunction}>{children}</Button>\n    <Button variant={variant} onClick={onClickedFunction}>{children}</Button>\n  </ButtonGroup>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ButtonGroup',\n  component: ButtonGroup,\n  argTypes: {\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: ButtonGroup,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<ButtonGroupProps>>;\n\nconst Template: StoryFn<PropsWithChildren<ButtonGroupProps>> = (args) => (\n  <Container>\n    <ButtonGroup {...args} />\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<ButtonGroupProps>> = {\n  stacked: false,\n  reversed: false,\n  children: (\n    <>\n      <Button variant=\"primary\">Primary button</Button>\n      <Button variant=\"secondary\">Secondary button</Button>\n    </>\n  ),\n};\n\nexport const ButtonGroupExample = Template.bind({});\nButtonGroupExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;;;AAiBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAA0D,MAC9D,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,EACf,CAAA,EAGR,IAA4D;CAChE,SAAS;CACT,UAAU;CACV,UACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;YAAU;EAAuB,CAAA,EACjD,kBAAC,GAAD;EAAQ,SAAQ;YAAY;EAAyB,CAAA,CACpD,EAAA,CAAA;CAEN,EAEY,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,GAAG,GACJ"}

package/dist/components/Buttons/Button.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 "./Button.js";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 var a = {

package/dist/components/Buttons/Button.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","names":[],"sources":["../../../src/components/Buttons/Button.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ButtonProps } from './Button';\n\nimport { Button } from './Button';\n\nconst codeString = '<Button variant={variant} onClick={onClictFunction}>{children}</Button>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Buttons/Button',\n  component: Button,\n  argTypes: {\n    variant: {\n      options: [\n        'primary',\n        'secondary',\n        'destructive-primary',\n        'destructive-secondary',\n        'destructive-secondary-transparent',\n        'blank',\n        'blank-subtle',\n        'blank-icon',\n      ],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: Button,\n    codeString: codeString,\n  },\n} as Meta<ButtonProps>;\n\nconst Template: StoryFn<ButtonProps> = (args) => <Button {...args} />;\n\nconst defaultArgs: Partial<ButtonProps> = {\n  variant: 'primary',\n  disabled: false,\n  displayColumn: false,\n  onClick: fn(),\n};\n\nexport const ButtonExample = Template.bind({});\nButtonExample.args = {\n  children: 'Click me!',\n  ...defaultArgs,\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n  ...defaultArgs,\n  children: (\n    <>\n      <div>Child 1</div>\n      <div>Child 2</div>\n    </>\n  ),\n};\nWithMultipleChildren.argTypes = {\n  ...WithMultipleChildren.argTypes,\n  children: {\n    table: {\n      disable: true, // Disable children controls for this specific story\n    },\n  },\n};\n"],"mappings":";;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,SAAS;EACP,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACD,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAvBG;EAwBhB;CACF,EAEK,KAAkC,MAAS,kBAAC,GAAD,EAAQ,GAAI,GAAQ,CAAA,EAE/D,IAAoC;CACxC,SAAS;CACT,UAAU;CACV,eAAe;CACf,SAAS,GAAI;CACd,EAEY,IAAgB,EAAS,KAAK,EAAE,CAAC;AAC9C,EAAc,OAAO;CACnB,UAAU;CACV,GAAG;CACJ;AAED,IAAa,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,GAAG;CACH,UACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,EAClB,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,CACjB,EAAA,CAAA;CAEN,EACD,EAAqB,WAAW;CAC9B,GAAG,EAAqB;CACxB,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;CACF"}
+{"version":3,"file":"Button.stories.js","names":[],"sources":["../../../src/components/Buttons/Button.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ButtonProps } from './Button';\n\nimport { Button } from './Button';\n\nconst codeString = '<Button variant={variant} onClick={onClictFunction}>{children}</Button>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Buttons/Button',\n  component: Button,\n  argTypes: {\n    variant: {\n      options: [\n        'primary',\n        'secondary',\n        'destructive-primary',\n        'destructive-secondary',\n        'destructive-secondary-transparent',\n        'blank',\n        'blank-subtle',\n        'blank-icon',\n      ],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: Button,\n    codeString: codeString,\n  },\n} as Meta<ButtonProps>;\n\nconst Template: StoryFn<ButtonProps> = (args) => <Button {...args} />;\n\nconst defaultArgs: Partial<ButtonProps> = {\n  variant: 'primary',\n  disabled: false,\n  displayColumn: false,\n  onClick: fn(),\n};\n\nexport const ButtonExample = Template.bind({});\nButtonExample.args = {\n  children: 'Click me!',\n  ...defaultArgs,\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n  ...defaultArgs,\n  children: (\n    <>\n      <div>Child 1</div>\n      <div>Child 2</div>\n    </>\n  ),\n};\nWithMultipleChildren.argTypes = {\n  ...WithMultipleChildren.argTypes,\n  children: {\n    table: {\n      disable: true, // Disable children controls for this specific story\n    },\n  },\n};\n"],"mappings":";;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,SAAS;EACP,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACD,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAkC,MAAS,kBAAC,GAAD,EAAQ,GAAI,GAAQ,CAAA,EAE/D,IAAoC;CACxC,SAAS;CACT,UAAU;CACV,eAAe;CACf,SAAS,GAAI;CACd,EAEY,IAAgB,EAAS,KAAK,EAAE,CAAC;AAC9C,EAAc,OAAO;CACnB,UAAU;CACV,GAAG;CACJ;AAED,IAAa,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,GAAG;CACH,UACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,EAClB,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,CACjB,EAAA,CAAA;CAEN,EACD,EAAqB,WAAW;CAC9B,GAAG,EAAqB;CACxB,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;CACF"}

package/dist/components/Buttons/Button.test.js

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { Button as e } from "./Button.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/Buttons/Button.test.tsx
 var a = jest.fn();

package/dist/components/Buttons/LinkButton.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Cr_l59hN.js";
+import { r as e } from "../../test-Pa9Lwbsq.js";
 import { LinkButton as t } from "./LinkButton.js";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 import { BrowserRouter as a } from "react-router";

package/dist/components/Buttons/LinkButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.stories.js","names":[],"sources":["../../../src/components/Buttons/LinkButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { BrowserRouter } from 'react-router';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { LinkButtonProps } from './LinkButton';\n\nimport { LinkButton } from './LinkButton';\n\nconst codeString = `\n// Has all HTMLAnchorElement props available except \"className\" and \"style\" \n <LinkButton variant={variant} to={to} replace={replace} buttonRef={buttonRef}>{children}</LinkButton>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Buttons/LinkButton',\n  component: LinkButton,\n  argTypes: {\n    variant: {\n      options: [\n        'primary',\n        'secondary',\n        'destructive-primary',\n        'destructive-secondary',\n        'blank',\n        'blank-subtle',\n        'blank-icon',\n      ],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: LinkButton,\n    codeString: codeString,\n  },\n} as Meta<LinkButtonProps>;\n\nconst Template: StoryFn<LinkButtonProps> = (args) => (\n  <BrowserRouter>\n    <LinkButton {...args} />\n  </BrowserRouter>\n);\n\nconst defaultArgs: Partial<LinkButtonProps> = {\n  variant: 'primary',\n  onClick: fn(),\n};\n\nexport const LinkButtonExample = Template.bind({});\nLinkButtonExample.args = {\n  children: 'Click me!',\n  ...defaultArgs,\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n  ...defaultArgs,\n  children: (\n    <>\n      <div>Child 1</div>\n      <div>Child 2</div>\n    </>\n  ),\n};\n\nWithMultipleChildren.argTypes = {\n  ...WithMultipleChildren.argTypes,\n  children: {\n    table: {\n      disable: true, // Disable children controls for this specific story\n    },\n  },\n};\n"],"mappings":";;;;AAcA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,SAAS;EACP,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACD,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAzBG;EA0BhB;CACF,EAEK,KAAsC,MAC1C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA,EACV,CAAA,EAGZ,IAAwC;CAC5C,SAAS;CACT,SAAS,GAAI;CACd,EAEY,IAAoB,EAAS,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,UAAU;CACV,GAAG;CACJ;AAED,IAAa,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,GAAG;CACH,UACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,EAClB,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,CACjB,EAAA,CAAA;CAEN,EAED,EAAqB,WAAW;CAC9B,GAAG,EAAqB;CACxB,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;CACF"}
+{"version":3,"file":"LinkButton.stories.js","names":[],"sources":["../../../src/components/Buttons/LinkButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { BrowserRouter } from 'react-router';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { LinkButtonProps } from './LinkButton';\n\nimport { LinkButton } from './LinkButton';\n\nconst codeString = `\n// Has all HTMLAnchorElement props available except \"className\" and \"style\" \n <LinkButton variant={variant} to={to} replace={replace} buttonRef={buttonRef}>{children}</LinkButton>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Buttons/LinkButton',\n  component: LinkButton,\n  argTypes: {\n    variant: {\n      options: [\n        'primary',\n        'secondary',\n        'destructive-primary',\n        'destructive-secondary',\n        'blank',\n        'blank-subtle',\n        'blank-icon',\n      ],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: LinkButton,\n    codeString: codeString,\n  },\n} as Meta<LinkButtonProps>;\n\nconst Template: StoryFn<LinkButtonProps> = (args) => (\n  <BrowserRouter>\n    <LinkButton {...args} />\n  </BrowserRouter>\n);\n\nconst defaultArgs: Partial<LinkButtonProps> = {\n  variant: 'primary',\n  onClick: fn(),\n};\n\nexport const LinkButtonExample = Template.bind({});\nLinkButtonExample.args = {\n  children: 'Click me!',\n  ...defaultArgs,\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n  ...defaultArgs,\n  children: (\n    <>\n      <div>Child 1</div>\n      <div>Child 2</div>\n    </>\n  ),\n};\n\nWithMultipleChildren.argTypes = {\n  ...WithMultipleChildren.argTypes,\n  children: {\n    table: {\n      disable: true, // Disable children controls for this specific story\n    },\n  },\n};\n"],"mappings":";;;;AAcA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,SAAS;EACP,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACD,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAsC,MAC1C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA,EACV,CAAA,EAGZ,IAAwC;CAC5C,SAAS;CACT,SAAS,GAAI;CACd,EAEY,IAAoB,EAAS,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,UAAU;CACV,GAAG;CACJ;AAED,IAAa,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,GAAG;CACH,UACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,EAClB,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,CACjB,EAAA,CAAA;CAEN,EAED,EAAqB,WAAW;CAC9B,GAAG,EAAqB;CACxB,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;CACF"}

package/dist/components/Buttons/LinkButton.test.js

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { LinkButton as e } from "./LinkButton.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, jsxs as a } from "react/jsx-runtime";
 import { BrowserRouter as o, Route as s, Routes as c } from "react-router";
 //#region src/components/Buttons/LinkButton.test.tsx

package/dist/components/Buttons/MenuButton.stories.js

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

package/dist/components/Buttons/MenuButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.stories.js","names":[],"sources":["../../../src/components/Buttons/MenuButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MenuButtonProps } from './MenuButton';\n\nimport { MenuButton } from './MenuButton';\n\nconst codeString = `\n// Has all LabelHTMLAttributes props available except \"className\" and \"style\" \n <MenuButton variant={variant} onClick={onClickFunction} onKeyDown={onKeyDown} onKeyUp={onKeyUp} buttonRef={buttonRef}>{children}</MenuButton>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Buttons/MenuButton',\n  component: MenuButton,\n  argTypes: {\n    variant: {\n      options: ['primary', 'secondary', 'destructive-primary', 'destructive-secondary', 'blank', 'blank-icon'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: MenuButton,\n    codeString: codeString,\n  },\n} as Meta<MenuButtonProps>;\n\nconst Template: StoryFn<MenuButtonProps> = (args) => <MenuButton {...args} />;\n\nconst defaultArgs: Partial<MenuButtonProps> = {\n  variant: 'primary',\n  onClick: fn(),\n};\n\nexport const MenuButtonExample = Template.bind({});\nMenuButtonExample.args = {\n  children: 'Click me!',\n  ...defaultArgs,\n};\n\nexport const WithIconChildren = Template.bind({});\nWithIconChildren.args = {\n  ...defaultArgs,\n  iconName: 'EllipsisVertical',\n};\n\nWithIconChildren.argTypes = {\n  ...WithIconChildren.argTypes,\n  children: {\n    table: {\n      disable: true, // Disable children controls for this specific story\n    },\n  },\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n  ...defaultArgs,\n  children: (\n    <>\n      <div>Child 1</div>\n      <div>Child 2</div>\n    </>\n  ),\n};\n\nWithMultipleChildren.argTypes = {\n  ...WithMultipleChildren.argTypes,\n  children: {\n    table: {\n      disable: true, // Disable children controls for this specific story\n    },\n  },\n};\n"],"mappings":";;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAW;GAAa;GAAuB;GAAyB;GAAS;GAAa;EACxG,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAjBG;EAkBhB;CACF,EAEK,KAAsC,MAAS,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA,EAEvE,IAAwC;CAC5C,SAAS;CACT,SAAS,GAAI;CACd,EAEY,IAAoB,EAAS,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,UAAU;CACV,GAAG;CACJ;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,GAAG;CACH,UAAU;CACX,EAED,EAAiB,WAAW;CAC1B,GAAG,EAAiB;CACpB,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;CACF;AAED,IAAa,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,GAAG;CACH,UACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,EAClB,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,CACjB,EAAA,CAAA;CAEN,EAED,EAAqB,WAAW;CAC9B,GAAG,EAAqB;CACxB,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;CACF"}
+{"version":3,"file":"MenuButton.stories.js","names":[],"sources":["../../../src/components/Buttons/MenuButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MenuButtonProps } from './MenuButton';\n\nimport { MenuButton } from './MenuButton';\n\nconst codeString = `\n// Has all LabelHTMLAttributes props available except \"className\" and \"style\" \n <MenuButton variant={variant} onClick={onClickFunction} onKeyDown={onKeyDown} onKeyUp={onKeyUp} buttonRef={buttonRef}>{children}</MenuButton>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Buttons/MenuButton',\n  component: MenuButton,\n  argTypes: {\n    variant: {\n      options: ['primary', 'secondary', 'destructive-primary', 'destructive-secondary', 'blank', 'blank-icon'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: MenuButton,\n    codeString: codeString,\n  },\n} as Meta<MenuButtonProps>;\n\nconst Template: StoryFn<MenuButtonProps> = (args) => <MenuButton {...args} />;\n\nconst defaultArgs: Partial<MenuButtonProps> = {\n  variant: 'primary',\n  onClick: fn(),\n};\n\nexport const MenuButtonExample = Template.bind({});\nMenuButtonExample.args = {\n  children: 'Click me!',\n  ...defaultArgs,\n};\n\nexport const WithIconChildren = Template.bind({});\nWithIconChildren.args = {\n  ...defaultArgs,\n  iconName: 'EllipsisVertical',\n};\n\nWithIconChildren.argTypes = {\n  ...WithIconChildren.argTypes,\n  children: {\n    table: {\n      disable: true, // Disable children controls for this specific story\n    },\n  },\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n  ...defaultArgs,\n  children: (\n    <>\n      <div>Child 1</div>\n      <div>Child 2</div>\n    </>\n  ),\n};\n\nWithMultipleChildren.argTypes = {\n  ...WithMultipleChildren.argTypes,\n  children: {\n    table: {\n      disable: true, // Disable children controls for this specific story\n    },\n  },\n};\n"],"mappings":";;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAW;GAAa;GAAuB;GAAyB;GAAS;GAAa;EACxG,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAsC,MAAS,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA,EAEvE,IAAwC;CAC5C,SAAS;CACT,SAAS,GAAI;CACd,EAEY,IAAoB,EAAS,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,UAAU;CACV,GAAG;CACJ;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,GAAG;CACH,UAAU;CACX,EAED,EAAiB,WAAW;CAC1B,GAAG,EAAiB;CACpB,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;CACF;AAED,IAAa,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,GAAG;CACH,UACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,EAClB,kBAAC,OAAD,EAAA,UAAK,WAAa,CAAA,CACjB,EAAA,CAAA;CAEN,EAED,EAAqB,WAAW;CAC9B,GAAG,EAAqB;CACxB,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;CACF"}

package/dist/components/Buttons/MenuButton.test.js

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { MenuButton as e } from "./MenuButton.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 { createRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/Buttons/MenuButton.test.tsx

package/dist/components/Buttons/MenuButton.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.test.js","names":[],"sources":["../../../src/components/Buttons/MenuButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { createRef } from 'react';\n\nimport type { RefObject } from 'react';\n\nimport { MenuButton } from './MenuButton';\n\nconst onClickSpy = jest.fn();\n\ndescribe('LinkButton', () => {\n  it('should render', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n  });\n\n  it('should render primary', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--primary');\n  });\n\n  it('should render secondary', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"secondary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--secondary');\n  });\n\n  it('should render destructive-primary', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton\n        variant=\"destructive-primary\"\n        onClick={onClickSpy}\n        buttonRef={testRef as RefObject<HTMLButtonElement>}\n      >\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-primary');\n  });\n\n  it('should render destructive-secondary', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton\n        variant=\"destructive-secondary\"\n        onClick={onClickSpy}\n        buttonRef={testRef as RefObject<HTMLButtonElement>}\n      >\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-secondary');\n  });\n\n  it('should render blank', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"blank\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank');\n  });\n\n  it('should render blank-icon', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank-icon');\n  });\n\n  it('should fire when clicked', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    fireEvent.click(screen.getByText('Test MenuButton'));\n    expect(onClickSpy).toHaveBeenCalledTimes(1);\n  });\n});\n"],"mappings":";;;;;;AAQA,IAAM,IAAa,KAAK,IAAI;AAE5B,SAAS,oBAAoB;AAqF3B,CApFA,GAAG,uBAAuB;AAOxB,EALA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAU,SAAS;GAAY,WAFrC,GAAW;aAE8E;GAE1F,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB;GAC/D,EAEF,GAAG,+BAA+B;AAQhC,EANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAU,SAAS;GAAY,WAFrC,GAAW;aAE8E;GAE1F,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,kBAAkB;GAC1E,EAEF,GAAG,iCAAiC;AAQlC,EANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAY,SAAS;GAAY,WAFvC,GAAW;aAEgF;GAE5F,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,oBAAoB;GAC5E,EAEF,GAAG,2CAA2C;AAY5C,EAVA,EACE,kBAAC,GAAD;GACE,SAAQ;GACR,SAAS;GACT,WALY,GAAW;aAMxB;GAEY,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,8BAA8B;GACtF,EAEF,GAAG,6CAA6C;AAY9C,EAVA,EACE,kBAAC,GAAD;GACE,SAAQ;GACR,SAAS;GACT,WALY,GAAW;aAMxB;GAEY,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,gCAAgC;GACxF,EAEF,GAAG,6BAA6B;AAQ9B,EANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,SAAS;GAAY,WAFnC,GAAW;aAE4E;GAExF,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,gBAAgB;GACxE,EAEF,GAAG,kCAAkC;AAQnC,EANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAa,SAAS;GAAY,WAFxC,GAAW;aAEiF;GAE7F,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,qBAAqB;GAC7E,EAEF,GAAG,kCAAkC;AAQnC,EANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAa,SAAS;GAAY,WAFxC,GAAW;aAEiF;GAE7F,CAAA,CACd,EACD,EAAU,MAAM,EAAO,UAAU,kBAAkB,CAAC,EACpD,OAAO,EAAW,CAAC,sBAAsB,EAAE;GAC3C;EACF"}
+{"version":3,"file":"MenuButton.test.js","names":[],"sources":["../../../src/components/Buttons/MenuButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { createRef } from 'react';\n\nimport type { RefObject } from 'react';\n\nimport { MenuButton } from './MenuButton';\n\nconst onClickSpy = jest.fn();\n\ndescribe('LinkButton', () => {\n  it('should render', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n  });\n\n  it('should render primary', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--primary');\n  });\n\n  it('should render secondary', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"secondary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--secondary');\n  });\n\n  it('should render destructive-primary', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton\n        variant=\"destructive-primary\"\n        onClick={onClickSpy}\n        buttonRef={testRef as RefObject<HTMLButtonElement>}\n      >\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-primary');\n  });\n\n  it('should render destructive-secondary', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton\n        variant=\"destructive-secondary\"\n        onClick={onClickSpy}\n        buttonRef={testRef as RefObject<HTMLButtonElement>}\n      >\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-secondary');\n  });\n\n  it('should render blank', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"blank\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank');\n  });\n\n  it('should render blank-icon', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n    expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank-icon');\n  });\n\n  it('should fire when clicked', () => {\n    const testRef = createRef();\n    render(\n      <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n        Test MenuButton\n      </MenuButton>\n    );\n    fireEvent.click(screen.getByText('Test MenuButton'));\n    expect(onClickSpy).toHaveBeenCalledTimes(1);\n  });\n});\n"],"mappings":";;;;;;AAQA,IAAM,IAAa,KAAK,IAAI;AAE5B,SAAS,oBAAoB;AAqF3B,CApFA,GAAG,uBAAuB;AAOxB,EALA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAU,SAAS;GAAY,WAFrC,GAEgD;aAAyC;GAE1F,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB;GAC/D,EAEF,GAAG,+BAA+B;AAQhC,EANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAU,SAAS;GAAY,WAFrC,GAEgD;aAAyC;GAE1F,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,kBAAkB;GAC1E,EAEF,GAAG,iCAAiC;AAQlC,EANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAY,SAAS;GAAY,WAFvC,GAEkD;aAAyC;GAE5F,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,oBAAoB;GAC5E,EAEF,GAAG,2CAA2C;AAY5C,EAVA,EACE,kBAAC,GAAD;GACE,SAAQ;GACR,SAAS;GACT,WALY,GAKD;aACZ;GAEY,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,8BAA8B;GACtF,EAEF,GAAG,6CAA6C;AAY9C,EAVA,EACE,kBAAC,GAAD;GACE,SAAQ;GACR,SAAS;GACT,WALY,GAKD;aACZ;GAEY,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,gCAAgC;GACxF,EAEF,GAAG,6BAA6B;AAQ9B,EANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,SAAS;GAAY,WAFnC,GAE8C;aAAyC;GAExF,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,gBAAgB;GACxE,EAEF,GAAG,kCAAkC;AAQnC,EANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAa,SAAS;GAAY,WAFxC,GAEmD;aAAyC;GAE7F,CAAA,CACd,EACD,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,mBAAmB,EAC/D,OAAO,EAAO,UAAU,kBAAkB,CAAC,CAAC,YAAY,qBAAqB;GAC7E,EAEF,GAAG,kCAAkC;AAQnC,EANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAa,SAAS;GAAY,WAFxC,GAEmD;aAAyC;GAE7F,CAAA,CACd,EACD,EAAU,MAAM,EAAO,UAAU,kBAAkB,CAAC,EACpD,OAAO,EAAW,CAAC,sBAAsB,EAAE;GAC3C;EACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.stories.js","names":[],"sources":["../../../src/components/Card/Card.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CardProps } from './Card';\n\nimport { Card } from './Card';\n\nconst codeString = '<Card header={header}>{children}</Card>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Card',\n  component: Card,\n  argTypes: {\n    highContrast: {\n      control: 'boolean',\n    },\n    padding: {\n      control: {\n        type: 'select',\n        options: ['small', 'regular', 'large'],\n      },\n    },\n    alignCenter: {\n      control: 'boolean',\n    },\n    children: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: Card,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<CardProps>>;\n\nconst Template: StoryFn<PropsWithChildren<CardProps>> = (args) => <Card {...args} />;\n\nconst defaultArgs: Partial<PropsWithChildren<CardProps>> = {\n  padding: 'regular',\n  highContrast: false,\n  alignCenter: false,\n  header: 'Example Header',\n};\n\nexport const CardExample = Template.bind({});\nCardExample.args = {\n  ...defaultArgs,\n  notification: '',\n};\n\nexport const WithNotification = Template.bind({});\nWithNotification.args = {\n  ...defaultArgs,\n  notification: 'This is an example notification',\n};\n\nexport const WithChildren = Template.bind({});\nWithChildren.args = {\n  ...defaultArgs,\n  children:\n    \"Chuck Norris is the reason why Waldo is hiding Remember the Soviet Union? They decided to quit after watching a DeltaForce marathon on Satellite TV, Chuck Norris CAN eat soup with a fork Morgan Freeman is the only person that could narrate Chuck Norris's life, other than himself, The quickest way to a man's heart is with Chuck Norris' fist. Chuck Norris ran in Nascar and came in 1st place. Then again, Chuck Norris wins everything.\",\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,cAAc,EACZ,SAAS,WACV;EACD,SAAS,EACP,SAAS;GACP,MAAM;GACN,SAAS;IAAC;IAAS;IAAW;IAAQ;GACvC,EACF;EACD,aAAa,EACX,SAAS,WACV;EACD,UAAU,EACR,SAAS,QACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAzBG;EA0BhB;CACF,EAEK,KAAmD,MAAS,kBAAC,GAAD,EAAM,GAAI,GAAQ,CAAA,EAE9E,IAAqD;CACzD,SAAS;CACT,cAAc;CACd,aAAa;CACb,QAAQ;CACT,EAEY,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,GAAG;CACH,cAAc;CACf;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,GAAG;CACH,cAAc;CACf;AAED,IAAa,IAAe,EAAS,KAAK,EAAE,CAAC;AAC7C,EAAa,OAAO;CAClB,GAAG;CACH,UACE;CACH"}
+{"version":3,"file":"Card.stories.js","names":[],"sources":["../../../src/components/Card/Card.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CardProps } from './Card';\n\nimport { Card } from './Card';\n\nconst codeString = '<Card header={header}>{children}</Card>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Card',\n  component: Card,\n  argTypes: {\n    highContrast: {\n      control: 'boolean',\n    },\n    padding: {\n      control: {\n        type: 'select',\n        options: ['small', 'regular', 'large'],\n      },\n    },\n    alignCenter: {\n      control: 'boolean',\n    },\n    children: {\n      control: 'text',\n    },\n  },\n  parameters: {\n    inspectComponent: Card,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<CardProps>>;\n\nconst Template: StoryFn<PropsWithChildren<CardProps>> = (args) => <Card {...args} />;\n\nconst defaultArgs: Partial<PropsWithChildren<CardProps>> = {\n  padding: 'regular',\n  highContrast: false,\n  alignCenter: false,\n  header: 'Example Header',\n};\n\nexport const CardExample = Template.bind({});\nCardExample.args = {\n  ...defaultArgs,\n  notification: '',\n};\n\nexport const WithNotification = Template.bind({});\nWithNotification.args = {\n  ...defaultArgs,\n  notification: 'This is an example notification',\n};\n\nexport const WithChildren = Template.bind({});\nWithChildren.args = {\n  ...defaultArgs,\n  children:\n    \"Chuck Norris is the reason why Waldo is hiding Remember the Soviet Union? They decided to quit after watching a DeltaForce marathon on Satellite TV, Chuck Norris CAN eat soup with a fork Morgan Freeman is the only person that could narrate Chuck Norris's life, other than himself, The quickest way to a man's heart is with Chuck Norris' fist. Chuck Norris ran in Nascar and came in 1st place. Then again, Chuck Norris wins everything.\",\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,cAAc,EACZ,SAAS,WACV;EACD,SAAS,EACP,SAAS;GACP,MAAM;GACN,SAAS;IAAC;IAAS;IAAW;IAAQ;GACvC,EACF;EACD,aAAa,EACX,SAAS,WACV;EACD,UAAU,EACR,SAAS,QACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAmD,MAAS,kBAAC,GAAD,EAAM,GAAI,GAAQ,CAAA,EAE9E,IAAqD;CACzD,SAAS;CACT,cAAc;CACd,aAAa;CACb,QAAQ;CACT,EAEY,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,GAAG;CACH,cAAc;CACf;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,GAAG;CACH,cAAc;CACf;AAED,IAAa,IAAe,EAAS,KAAK,EAAE,CAAC;AAC7C,EAAa,OAAO;CAClB,GAAG;CACH,UACE;CACH"}

package/dist/components/Card/Card.test.js

@@ -1,6 +1,6 @@
-import "../../dist-BIkFjHck.js";
+import "../../dist-V_v3kC0L.js";
 import { t as e } from "../../Card-DMFyuTmy.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/Card/Card.test.tsx
 describe("Card", () => {

package/dist/components/Checkbox/Checkbox.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 "../../Checkbox-D6-b_4dC.js";
 import { t as n } from "../../Label-o0BcWTUS.js";
 import { t as r } from "../../FormField-BZSoQdp9.js";

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxProps } from './Checkbox';\n\nimport { Checkbox } from './Checkbox';\n\nimport { FormField } from 'components/FormField';\nimport { Label } from 'components/Label';\n\nconst codeString = '<Checkbox checked={} id={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Checkbox',\n  component: Checkbox,\n  parameters: {\n    inspectComponent: Checkbox,\n    codeString: codeString,\n  },\n} as Meta<CheckboxProps>;\n\nconst Template: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <Checkbox id=\"72103b4d\" {...args} />\n    <Label htmlFor=\"72103b4d\">Example Checkbox</Label>\n  </FormField>\n);\n\nexport const CheckboxExample = Template.bind({});\nCheckboxExample.args = {\n  onChange: fn(),\n};\n\n// Extra story created for UX to see how we can solve placement of checkbox when paired with long content\n// TODO: should this component be refactored to always include a label? (see RadioButton)\nconst WithLongLabelTemplate: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <div\n      style={{\n        alignSelf: 'flex-start',\n        marginTop: '0.18rem',\n      }}\n    >\n      <Checkbox id=\"72103b4e\" {...args} />\n    </div>\n    <Label htmlFor=\"72103b4e\">\n      Example Checkbox with long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long label\n    </Label>\n  </FormField>\n);\n\nexport const WithLongLabel = WithLongLabelTemplate.bind({});\nWithLongLabel.args = {\n  onChange: fn(),\n};\n"],"mappings":";;;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EASY,MAP6B,MACxC,kBAAC,GAAD;CAAW,QAAA;WAAX,CACE,kBAAC,GAAD;EAAU,IAAG;EAAW,GAAI;EAAQ,CAAA,EACpC,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAAwB,CAAA,CACxC;IAG0B,KAAK,EAAE,CAAC;AAChD,EAAgB,OAAO,EACrB,UAAU,GAAI,EACf;AAuBD,IAAa,MAnB0C,MACrD,kBAAC,GAAD;CAAW,QAAA;WAAX,CACE,kBAAC,OAAD;EACE,OAAO;GACL,WAAW;GACX,WAAW;GACZ;YAED,kBAAC,GAAD;GAAU,IAAG;GAAW,GAAI;GAAQ,CAAA;EAChC,CAAA,EACN,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAKlB,CAAA,CACE;IAGqC,KAAK,EAAE,CAAC;AAC3D,EAAc,OAAO,EACnB,UAAU,GAAI,EACf"}
+{"version":3,"file":"Checkbox.stories.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxProps } from './Checkbox';\n\nimport { Checkbox } from './Checkbox';\n\nimport { FormField } from 'components/FormField';\nimport { Label } from 'components/Label';\n\nconst codeString = '<Checkbox checked={} id={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Checkbox',\n  component: Checkbox,\n  parameters: {\n    inspectComponent: Checkbox,\n    codeString: codeString,\n  },\n} as Meta<CheckboxProps>;\n\nconst Template: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <Checkbox id=\"72103b4d\" {...args} />\n    <Label htmlFor=\"72103b4d\">Example Checkbox</Label>\n  </FormField>\n);\n\nexport const CheckboxExample = Template.bind({});\nCheckboxExample.args = {\n  onChange: fn(),\n};\n\n// Extra story created for UX to see how we can solve placement of checkbox when paired with long content\n// TODO: should this component be refactored to always include a label? (see RadioButton)\nconst WithLongLabelTemplate: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <div\n      style={{\n        alignSelf: 'flex-start',\n        marginTop: '0.18rem',\n      }}\n    >\n      <Checkbox id=\"72103b4e\" {...args} />\n    </div>\n    <Label htmlFor=\"72103b4e\">\n      Example Checkbox with long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long label\n    </Label>\n  </FormField>\n);\n\nexport const WithLongLabel = WithLongLabelTemplate.bind({});\nWithLongLabel.args = {\n  onChange: fn(),\n};\n"],"mappings":";;;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EASY,MAP6B,MACxC,kBAAC,GAAD;CAAW,QAAA;WAAX,CACE,kBAAC,GAAD;EAAU,IAAG;EAAW,GAAI;EAAQ,CAAA,EACpC,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAAwB,CAAA,CACxC;IAG0B,KAAK,EAAE,CAAC;AAChD,EAAgB,OAAO,EACrB,UAAU,GAAI,EACf;AAuBD,IAAa,MAnB0C,MACrD,kBAAC,GAAD;CAAW,QAAA;WAAX,CACE,kBAAC,OAAD;EACE,OAAO;GACL,WAAW;GACX,WAAW;GACZ;YAED,kBAAC,GAAD;GAAU,IAAG;GAAW,GAAI;GAAQ,CAAA;EAChC,CAAA,EACN,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAKlB,CAAA,CACE;IAGqC,KAAK,EAAE,CAAC;AAC3D,EAAc,OAAO,EACnB,UAAU,GAAI,EACf"}

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

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

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

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

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

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

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

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

package/dist/components/CheckboxTree/CheckboxTree.js

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

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

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

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

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

package/dist/components/CheckboxTree/index.js

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

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

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

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

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

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

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

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

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

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

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

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

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