@uva-glass/component-library 3.55.7 → 3.55.8

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

@@ -1 +1 @@
-{"version":3,"file":"Button.test.js","names":[],"sources":["../../../src/components/Buttons/Button.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport { Button } from './Button';\n\nconst onClickSpy = jest.fn();\n\ndescribe('Button', () => {\n  it('should render primary', () => {\n    render(<Button variant=\"primary\">Test Button</Button>);\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n  });\n\n  it('should render secondary', () => {\n    render(<Button variant=\"secondary\">Test Button</Button>);\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n    expect(screen.getByText('Test Button')).toHaveClass('button--secondary');\n  });\n\n  it('should render destructive-primary', () => {\n    render(<Button variant=\"destructive-primary\">Test Button</Button>);\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n    expect(screen.getByText('Test Button')).toHaveClass('button--destructive-primary');\n  });\n\n  it('should render destructive-secondary', () => {\n    render(<Button variant=\"destructive-secondary\">Test Button</Button>);\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n    expect(screen.getByText('Test Button')).toHaveClass('button--destructive-secondary');\n  });\n\n  it('should render blank', () => {\n    render(<Button variant=\"blank\">Test Button</Button>);\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n    expect(screen.getByText('Test Button')).toHaveClass('button--blank');\n  });\n\n  it('should render as column', () => {\n    render(\n      <Button variant=\"primary\" displayColumn>\n        Test Button\n      </Button>\n    );\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n    expect(screen.getByText('Test Button')).toHaveClass('button--wide-column');\n  });\n\n  it('should render disabled', () => {\n    render(\n      <Button variant=\"primary\" disabled>\n        Test Button\n      </Button>\n    );\n    const button = screen.getByText('Test Button');\n    expect(button).toBeInTheDocument();\n    expect(button).toHaveAttribute('disabled');\n    fireEvent.click(button);\n    expect(onClickSpy).toHaveBeenCalledTimes(0);\n  });\n\n  it('should call onClick when clicked', () => {\n    render(\n      <Button variant=\"primary\" onClick={onClickSpy}>\n        Test Button\n      </Button>\n    );\n    const button = screen.getByText('Test Button');\n    expect(button).toBeInTheDocument();\n    fireEvent.click(button);\n    expect(onClickSpy).toHaveBeenCalledTimes(1);\n  });\n});\n"],"mappings":";;;;;AAKA,IAAM,IAAa,KAAK,IAAI;AAE5B,SAAS,gBAAgB;CAqDvB,AApDA,GAAG,+BAA+B;EAEhC,AADA,EAAO,kBAAC,GAAD;GAAQ,SAAQ;aAAU;GAAoB,CAAA,CAAC,EACtD,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB;GAC3D,EAEF,GAAG,iCAAiC;EAGlC,AAFA,EAAO,kBAAC,GAAD;GAAQ,SAAQ;aAAY;GAAoB,CAAA,CAAC,EACxD,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB,EAC3D,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,YAAY,oBAAoB;GACxE,EAEF,GAAG,2CAA2C;EAG5C,AAFA,EAAO,kBAAC,GAAD;GAAQ,SAAQ;aAAsB;GAAoB,CAAA,CAAC,EAClE,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB,EAC3D,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,YAAY,8BAA8B;GAClF,EAEF,GAAG,6CAA6C;EAG9C,AAFA,EAAO,kBAAC,GAAD;GAAQ,SAAQ;aAAwB;GAAoB,CAAA,CAAC,EACpE,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB,EAC3D,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,YAAY,gCAAgC;GACpF,EAEF,GAAG,6BAA6B;EAG9B,AAFA,EAAO,kBAAC,GAAD;GAAQ,SAAQ;aAAQ;GAAoB,CAAA,CAAC,EACpD,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB,EAC3D,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,YAAY,gBAAgB;GACpE,EAEF,GAAG,iCAAiC;EAOlC,AANA,EACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAA;aAAc;GAE/B,CAAA,CACV,EACD,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB,EAC3D,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,YAAY,sBAAsB;GAC1E,EAEF,GAAG,gCAAgC;EACjC,EACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,UAAA;aAAS;GAE1B,CAAA,CACV;EACD,IAAM,IAAS,EAAO,UAAU,cAAc;EAI9C,AAHA,OAAO,EAAO,CAAC,mBAAmB,EAClC,OAAO,EAAO,CAAC,gBAAgB,WAAW,EAC1C,EAAU,MAAM,EAAO,EACvB,OAAO,EAAW,CAAC,sBAAsB,EAAE;GAC3C,EAEF,GAAG,0CAA0C;EAC3C,EACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS;aAAY;GAEtC,CAAA,CACV;EACD,IAAM,IAAS,EAAO,UAAU,cAAc;EAG9C,AAFA,OAAO,EAAO,CAAC,mBAAmB,EAClC,EAAU,MAAM,EAAO,EACvB,OAAO,EAAW,CAAC,sBAAsB,EAAE;GAC3C;EACF"}
+{"version":3,"file":"Button.test.js","names":[],"sources":["../../../src/components/Buttons/Button.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport { Button } from './Button';\n\nconst onClickSpy = jest.fn();\n\ndescribe('Button', () => {\n  it('should render primary', () => {\n    render(<Button variant=\"primary\">Test Button</Button>);\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n  });\n\n  it('should render secondary', () => {\n    render(<Button variant=\"secondary\">Test Button</Button>);\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n    expect(screen.getByText('Test Button')).toHaveClass('button--secondary');\n  });\n\n  it('should render destructive-primary', () => {\n    render(<Button variant=\"destructive-primary\">Test Button</Button>);\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n    expect(screen.getByText('Test Button')).toHaveClass('button--destructive-primary');\n  });\n\n  it('should render destructive-secondary', () => {\n    render(<Button variant=\"destructive-secondary\">Test Button</Button>);\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n    expect(screen.getByText('Test Button')).toHaveClass('button--destructive-secondary');\n  });\n\n  it('should render blank', () => {\n    render(<Button variant=\"blank\">Test Button</Button>);\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n    expect(screen.getByText('Test Button')).toHaveClass('button--blank');\n  });\n\n  it('should render as column', () => {\n    render(\n      <Button variant=\"primary\" displayColumn>\n        Test Button\n      </Button>\n    );\n    expect(screen.getByText('Test Button')).toBeInTheDocument();\n    expect(screen.getByText('Test Button')).toHaveClass('button--wide-column');\n  });\n\n  it('should render disabled', () => {\n    render(\n      <Button variant=\"primary\" disabled>\n        Test Button\n      </Button>\n    );\n    const button = screen.getByText('Test Button');\n    expect(button).toBeInTheDocument();\n    expect(button).toHaveAttribute('disabled');\n    fireEvent.click(button);\n    expect(onClickSpy).toHaveBeenCalledTimes(0);\n  });\n\n  it('should call onClick when clicked', () => {\n    render(\n      <Button variant=\"primary\" onClick={onClickSpy}>\n        Test Button\n      </Button>\n    );\n    const button = screen.getByText('Test Button');\n    expect(button).toBeInTheDocument();\n    fireEvent.click(button);\n    expect(onClickSpy).toHaveBeenCalledTimes(1);\n  });\n});\n"],"mappings":";;;;;AAKA,IAAM,IAAa,KAAK,GAAG;AAE3B,SAAS,gBAAgB;CAqDvB,AApDA,GAAG,+BAA+B;EAEhC,AADA,EAAO,kBAAC,GAAD;GAAQ,SAAQ;aAAU;EAAmB,CAAA,CAAC,GACrD,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB;CAC5D,CAAC,GAED,GAAG,iCAAiC;EAGlC,AAFA,EAAO,kBAAC,GAAD;GAAQ,SAAQ;aAAY;EAAmB,CAAA,CAAC,GACvD,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,mBAAmB;CACzE,CAAC,GAED,GAAG,2CAA2C;EAG5C,AAFA,EAAO,kBAAC,GAAD;GAAQ,SAAQ;aAAsB;EAAmB,CAAA,CAAC,GACjE,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,6BAA6B;CACnF,CAAC,GAED,GAAG,6CAA6C;EAG9C,AAFA,EAAO,kBAAC,GAAD;GAAQ,SAAQ;aAAwB;EAAmB,CAAA,CAAC,GACnE,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,+BAA+B;CACrF,CAAC,GAED,GAAG,6BAA6B;EAG9B,AAFA,EAAO,kBAAC,GAAD;GAAQ,SAAQ;aAAQ;EAAmB,CAAA,CAAC,GACnD,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,eAAe;CACrE,CAAC,GAED,GAAG,iCAAiC;EAOlC,AANA,EACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAA;aAAc;EAEhC,CAAA,CACV,GACA,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,qBAAqB;CAC3E,CAAC,GAED,GAAG,gCAAgC;EACjC,EACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,UAAA;aAAS;EAE3B,CAAA,CACV;EACA,IAAM,IAAS,EAAO,UAAU,aAAa;EAI7C,AAHA,OAAO,CAAM,EAAE,kBAAkB,GACjC,OAAO,CAAM,EAAE,gBAAgB,UAAU,GACzC,EAAU,MAAM,CAAM,GACtB,OAAO,CAAU,EAAE,sBAAsB,CAAC;CAC5C,CAAC,GAED,GAAG,0CAA0C;EAC3C,EACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS;aAAY;EAEvC,CAAA,CACV;EACA,IAAM,IAAS,EAAO,UAAU,aAAa;EAG7C,AAFA,OAAO,CAAM,EAAE,kBAAkB,GACjC,EAAU,MAAM,CAAM,GACtB,OAAO,CAAU,EAAE,sBAAsB,CAAC;CAC5C,CAAC;AACH,CAAC"}

package/dist/components/Buttons/LinkButton.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../clsx-BD2qMUU1.js";
-import { t } from "../../Button.module-DJlNwQUj.js";
+import { t as e } from "../../clsx-BWCAbrjV.js";
+import { t } from "../../Button.module-BkAiXo3V.js";
 import { forwardRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 import { Link as i } from "react-router";

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

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.js","names":[],"sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { Link } from 'react-router';\nimport classNames from 'clsx';\n\nimport type { LinkProps } from 'react-router';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport styles from './Button.module.css';\n\nexport interface LinkButtonProps extends Omit<LinkProps, 'className' | 'style'> {\n  /** The variant of the button. */\n  variant: UIButtonVariant;\n}\n\n/** Represents a button that is used as a Link within react-router.\n *\n *  Only works when rendered inside a 'react-router' BrowserRouter\n */\nexport const LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  ({ variant, ...restProps }: LinkButtonProps, forwardedRef) => {\n    return (\n      <Link {...restProps} className={classNames(styles['button'], styles[`button--${variant}`])} ref={forwardedRef} />\n    );\n  }\n);\n"],"mappings":";;;;;;AAkBA,IAAa,IAAa,GACvB,EAAE,YAAS,GAAG,KAA8B,MAEzC,kBAAC,GAAD;CAAM,GAAI;CAAW,WAAW,EAAW,EAAO,QAAW,EAAO,WAAW,KAAW;CAAE,KAAK;CAAgB,CAAA,CAGtH"}
+{"version":3,"file":"LinkButton.js","names":[],"sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { Link } from 'react-router';\nimport classNames from 'clsx';\n\nimport type { LinkProps } from 'react-router';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport styles from './Button.module.css';\n\nexport interface LinkButtonProps extends Omit<LinkProps, 'className' | 'style'> {\n  /** The variant of the button. */\n  variant: UIButtonVariant;\n}\n\n/** Represents a button that is used as a Link within react-router.\n *\n *  Only works when rendered inside a 'react-router' BrowserRouter\n */\nexport const LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  ({ variant, ...restProps }: LinkButtonProps, forwardedRef) => {\n    return (\n      <Link {...restProps} className={classNames(styles['button'], styles[`button--${variant}`])} ref={forwardedRef} />\n    );\n  }\n);\n"],"mappings":";;;;;;AAkBA,IAAa,IAAa,GACvB,EAAE,YAAS,GAAG,KAA8B,MAEzC,kBAAC,GAAD;CAAM,GAAI;CAAW,WAAW,EAAW,EAAO,QAAW,EAAO,WAAW,IAAU;CAAG,KAAK;AAAe,CAAA,CAGtH"}

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
+import { r as e } from "../../test-CpW02epT.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;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"}
+{"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;EACF;EACA,SAAS,EAAE,MAAM,QAAQ;CAC3B,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAsC,MAC1C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA,EACV,CAAA,GAGX,IAAwC;CAC5C,SAAS;CACT,SAAS,EAAG;AACd,GAEa,IAAoB,EAAS,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO;CACvB,UAAU;CACV,GAAG;AACL;AAEA,IAAa,IAAuB,EAAS,KAAK,CAAC,CAAC;AACpD,EAAqB,OAAO;CAC1B,GAAG;CACH,UACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UAAK,UAAY,CAAA,GACjB,kBAAC,OAAD,EAAA,UAAK,UAAY,CAAA,CACjB,EAAA,CAAA;AAEN,GAEA,EAAqB,WAAW;CAC9B,GAAG,EAAqB;CACxB,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;AACF"}

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

@@ -1,6 +1,6 @@
-import "../../dist-V_v3kC0L.js";
+import "../../dist-Cxk2-lJw.js";
 import { LinkButton as e } from "./LinkButton.js";
-import { i as t, n, t as r } from "../../react.esm-CweFe1CK.js";
+import { i as t, n, t as r } from "../../react.esm-GvSawg5E.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/LinkButton.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.test.js","names":[],"sources":["../../../src/components/Buttons/LinkButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { BrowserRouter, Routes, Route } from 'react-router';\n\nimport type { ReactNode } from 'react';\n\nimport { LinkButton } from './LinkButton';\n\nconst routerContainer = ({ children }: { children: ReactNode }) => (\n  <BrowserRouter>\n    <Routes>\n      <Route path={`/`} element={<div>Test route</div>} />\n    </Routes>\n    {children}\n  </BrowserRouter>\n);\n\ndescribe('LinkButton', () => {\n  it('should render', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"primary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n  });\n\n  it('should render primary', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"primary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--primary');\n  });\n\n  it('should render secondary', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"secondary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--secondary');\n  });\n\n  it('should render destructive-primary', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"destructive-primary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-primary');\n  });\n\n  it('should render destructive-secondary', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"destructive-secondary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-secondary');\n  });\n\n  it('should render blank', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"blank\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank');\n  });\n\n  it('should render blank-subtle', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"blank-subtle\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-subtle');\n  });\n\n  it('should render blank-icon', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"blank-icon\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-icon');\n  });\n\n  it('should goto route when clicked', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"primary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    fireEvent.click(screen.getByText('Test LinkButton'));\n    expect(screen.getByText('Test route')).toBeInTheDocument();\n  });\n});\n"],"mappings":"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"}
+{"version":3,"file":"LinkButton.test.js","names":[],"sources":["../../../src/components/Buttons/LinkButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { BrowserRouter, Routes, Route } from 'react-router';\n\nimport type { ReactNode } from 'react';\n\nimport { LinkButton } from './LinkButton';\n\nconst routerContainer = ({ children }: { children: ReactNode }) => (\n  <BrowserRouter>\n    <Routes>\n      <Route path={`/`} element={<div>Test route</div>} />\n    </Routes>\n    {children}\n  </BrowserRouter>\n);\n\ndescribe('LinkButton', () => {\n  it('should render', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"primary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n  });\n\n  it('should render primary', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"primary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--primary');\n  });\n\n  it('should render secondary', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"secondary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--secondary');\n  });\n\n  it('should render destructive-primary', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"destructive-primary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-primary');\n  });\n\n  it('should render destructive-secondary', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"destructive-secondary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-secondary');\n  });\n\n  it('should render blank', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"blank\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank');\n  });\n\n  it('should render blank-subtle', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"blank-subtle\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-subtle');\n  });\n\n  it('should render blank-icon', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"blank-icon\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n    expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-icon');\n  });\n\n  it('should goto route when clicked', () => {\n    render(\n      routerContainer({\n        children: (\n          <LinkButton variant=\"primary\" to={'/'}>\n            Test LinkButton\n          </LinkButton>\n        ),\n      })\n    );\n    fireEvent.click(screen.getByText('Test LinkButton'));\n    expect(screen.getByText('Test route')).toBeInTheDocument();\n  });\n});\n"],"mappings":"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"}

package/dist/components/Buttons/MenuButton.d.ts

@@ -10,4 +10,4 @@ export interface MenuButtonProps extends AriaButtonProps<'button'> {
     iconName?: IconProps['name'];
 }
 /** Represents a button that is used to open a menu. */
-export declare function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps): import("react").JSX.Element;

package/dist/components/Buttons/MenuButton.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../clsx-BD2qMUU1.js";
+import { t as e } from "../../clsx-BWCAbrjV.js";
 import { Icon as t } from "../Icon/Icon.js";
-import { t as n } from "../../Button.module-DJlNwQUj.js";
+import { t as n } from "../../Button.module-BkAiXo3V.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useButton as a } from "@react-aria/button";
 //#region src/components/Buttons/MenuButton.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","names":[],"sources":["../../../src/components/Buttons/MenuButton.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button';\nimport { clsx } from 'clsx';\n\nimport type { AriaButtonProps } from '@react-aria/button';\nimport type { IconProps } from 'components/Icon';\nimport type { RefObject } from 'react';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/Buttons/Button.module.css';\n\nexport interface MenuButtonProps extends AriaButtonProps<'button'> {\n  buttonRef: RefObject<HTMLButtonElement>;\n  /** The variant of the button. */\n  variant: UIButtonVariant;\n  /** The icon to show. */\n  iconName?: IconProps['name'];\n}\n\n/** Represents a button that is used to open a menu. */\nexport function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps) {\n  const { buttonProps } = useButton(restProps, buttonRef);\n\n  return (\n    <button {...buttonProps} ref={buttonRef} className={clsx(styles['button'], styles[`button--${variant}`])}>\n      {children}\n      {iconName && <Icon name={iconName} />}\n    </button>\n  );\n}\n"],"mappings":";;;;;;AAoBA,SAAgB,EAAW,EAAE,cAAW,YAAS,aAAU,aAAU,GAAG,KAA8B;CACpG,IAAM,EAAE,mBAAgB,EAAU,GAAW,EAAU;CAEvD,OACE,kBAAC,UAAD;EAAQ,GAAI;EAAa,KAAK;EAAW,WAAW,EAAK,EAAO,QAAW,EAAO,WAAW,KAAW;YAAxG,CACG,GACA,KAAY,kBAAC,GAAD,EAAM,MAAM,GAAY,CAAA,CAC9B"}
+{"version":3,"file":"MenuButton.js","names":[],"sources":["../../../src/components/Buttons/MenuButton.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button';\nimport { clsx } from 'clsx';\n\nimport type { AriaButtonProps } from '@react-aria/button';\nimport type { IconProps } from 'components/Icon';\nimport type { RefObject } from 'react';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/Buttons/Button.module.css';\n\nexport interface MenuButtonProps extends AriaButtonProps<'button'> {\n  buttonRef: RefObject<HTMLButtonElement>;\n  /** The variant of the button. */\n  variant: UIButtonVariant;\n  /** The icon to show. */\n  iconName?: IconProps['name'];\n}\n\n/** Represents a button that is used to open a menu. */\nexport function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps) {\n  const { buttonProps } = useButton(restProps, buttonRef);\n\n  return (\n    <button {...buttonProps} ref={buttonRef} className={clsx(styles['button'], styles[`button--${variant}`])}>\n      {children}\n      {iconName && <Icon name={iconName} />}\n    </button>\n  );\n}\n"],"mappings":";;;;;;AAoBA,SAAgB,EAAW,EAAE,cAAW,YAAS,aAAU,aAAU,GAAG,KAA8B;CACpG,IAAM,EAAE,mBAAgB,EAAU,GAAW,CAAS;CAEtD,OACE,kBAAC,UAAD;EAAQ,GAAI;EAAa,KAAK;EAAW,WAAW,EAAK,EAAO,QAAW,EAAO,WAAW,IAAU;YAAvG,CACG,GACA,KAAY,kBAAC,GAAD,EAAM,MAAM,EAAW,CAAA,CAC9B;;AAEZ"}

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
+import { r as e } from "../../test-CpW02epT.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;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"}
+{"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;EAAY;EACvG,SAAS,EAAE,MAAM,QAAQ;CAC3B,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAsC,MAAS,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA,GAEtE,IAAwC;CAC5C,SAAS;CACT,SAAS,EAAG;AACd,GAEa,IAAoB,EAAS,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO;CACvB,UAAU;CACV,GAAG;AACL;AAEA,IAAa,IAAmB,EAAS,KAAK,CAAC,CAAC;AAChD,EAAiB,OAAO;CACtB,GAAG;CACH,UAAU;AACZ,GAEA,EAAiB,WAAW;CAC1B,GAAG,EAAiB;CACpB,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;AACF;AAEA,IAAa,IAAuB,EAAS,KAAK,CAAC,CAAC;AACpD,EAAqB,OAAO;CAC1B,GAAG;CACH,UACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UAAK,UAAY,CAAA,GACjB,kBAAC,OAAD,EAAA,UAAK,UAAY,CAAA,CACjB,EAAA,CAAA;AAEN,GAEA,EAAqB,WAAW;CAC9B,GAAG,EAAqB;CACxB,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;AACF"}

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

@@ -1,6 +1,6 @@
-import "../../dist-V_v3kC0L.js";
+import "../../dist-Cxk2-lJw.js";
 import { MenuButton as e } from "./MenuButton.js";
-import { i as t, n, t as r } from "../../react.esm-CweFe1CK.js";
+import { i as t, n, t as r } from "../../react.esm-GvSawg5E.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;CAqF3B,AApFA,GAAG,uBAAuB;EAOxB,AALA,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;EAQhC,AANA,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;EAQlC,AANA,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;EAY5C,AAVA,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;EAY9C,AAVA,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;EAQ9B,AANA,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;EAQnC,AANA,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;EAQnC,AANA,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"}
+{"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,GAAG;AAE3B,SAAS,oBAAoB;CAqF3B,AApFA,GAAG,uBAAuB;EAOxB,AALA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAU,SAAS;GAAY,WAFrC,EAEgD;aAAyC;EAE3F,CAAA,CACd,GACA,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAkB;CAChE,CAAC,GAED,GAAG,+BAA+B;EAQhC,AANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAU,SAAS;GAAY,WAFrC,EAEgD;aAAyC;EAE3F,CAAA,CACd,GACA,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAkB,GAC9D,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,iBAAiB;CAC3E,CAAC,GAED,GAAG,iCAAiC;EAQlC,AANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAY,SAAS;GAAY,WAFvC,EAEkD;aAAyC;EAE7F,CAAA,CACd,GACA,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAkB,GAC9D,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,mBAAmB;CAC7E,CAAC,GAED,GAAG,2CAA2C;EAY5C,AAVA,EACE,kBAAC,GAAD;GACE,SAAQ;GACR,SAAS;GACT,WALY,EAKD;aACZ;EAEW,CAAA,CACd,GACA,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAkB,GAC9D,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,6BAA6B;CACvF,CAAC,GAED,GAAG,6CAA6C;EAY9C,AAVA,EACE,kBAAC,GAAD;GACE,SAAQ;GACR,SAAS;GACT,WALY,EAKD;aACZ;EAEW,CAAA,CACd,GACA,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAkB,GAC9D,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,+BAA+B;CACzF,CAAC,GAED,GAAG,6BAA6B;EAQ9B,AANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,SAAS;GAAY,WAFnC,EAE8C;aAAyC;EAEzF,CAAA,CACd,GACA,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAkB,GAC9D,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,eAAe;CACzE,CAAC,GAED,GAAG,kCAAkC;EAQnC,AANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAa,SAAS;GAAY,WAFxC,EAEmD;aAAyC;EAE9F,CAAA,CACd,GACA,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,kBAAkB,GAC9D,OAAO,EAAO,UAAU,iBAAiB,CAAC,EAAE,YAAY,oBAAoB;CAC9E,CAAC,GAED,GAAG,kCAAkC;EAQnC,AANA,EACE,kBAAC,GAAD;GAAY,SAAQ;GAAa,SAAS;GAAY,WAFxC,EAEmD;aAAyC;EAE9F,CAAA,CACd,GACA,EAAU,MAAM,EAAO,UAAU,iBAAiB,CAAC,GACnD,OAAO,CAAU,EAAE,sBAAsB,CAAC;CAC5C,CAAC;AACH,CAAC"}

package/dist/components/Card/Card.d.ts

@@ -12,4 +12,4 @@ export interface CardProps {
     alignCenter?: boolean;
 }
 /** Represents a component to render a card. */
-export declare const Card: ({ children, header, highContrast, notification, padding, alignCenter, }: PropsWithChildren<CardProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: ({ children, header, highContrast, notification, padding, alignCenter, }: PropsWithChildren<CardProps>) => import("react").JSX.Element;

package/dist/components/Card/Card.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Card-DMFyuTmy.js";
+import { t as e } from "../../Card-BH1ySOiP.js";
 export { e as Card };

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

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

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;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"}
+{"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,UACX;EACA,SAAS,EACP,SAAS;GACP,MAAM;GACN,SAAS;IAAC;IAAS;IAAW;GAAO;EACvC,EACF;EACA,aAAa,EACX,SAAS,UACX;EACA,UAAU,EACR,SAAS,OACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAmD,MAAS,kBAAC,GAAD,EAAM,GAAI,EAAO,CAAA,GAE7E,IAAqD;CACzD,SAAS;CACT,cAAc;CACd,aAAa;CACb,QAAQ;AACV,GAEa,IAAc,EAAS,KAAK,CAAC,CAAC;AAC3C,EAAY,OAAO;CACjB,GAAG;CACH,cAAc;AAChB;AAEA,IAAa,IAAmB,EAAS,KAAK,CAAC,CAAC;AAChD,EAAiB,OAAO;CACtB,GAAG;CACH,cAAc;AAChB;AAEA,IAAa,IAAe,EAAS,KAAK,CAAC,CAAC;AAC5C,EAAa,OAAO;CAClB,GAAG;CACH,UACE;AACJ"}

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

@@ -1,6 +1,6 @@
-import "../../dist-V_v3kC0L.js";
-import { t as e } from "../../Card-DMFyuTmy.js";
-import { i as t, n } from "../../react.esm-CweFe1CK.js";
+import "../../dist-Cxk2-lJw.js";
+import { t as e } from "../../Card-BH1ySOiP.js";
+import { i as t, n } from "../../react.esm-GvSawg5E.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Card/Card.test.tsx
 describe("Card", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"Card.test.js","names":[],"sources":["../../../src/components/Card/Card.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Card } from './Card';\n\ndescribe('Card', () => {\n  it('should render', () => {\n    render(<Card header=\"Header Card\" />);\n    expect(screen.getByText('Header Card')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,cAAc;CACrB,GAAG,uBAAuB;EAExB,AADA,EAAO,kBAAC,GAAD,EAAM,QAAO,eAAgB,CAAA,CAAC,EACrC,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB;GAC3D;EACF"}
+{"version":3,"file":"Card.test.js","names":[],"sources":["../../../src/components/Card/Card.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Card } from './Card';\n\ndescribe('Card', () => {\n  it('should render', () => {\n    render(<Card header=\"Header Card\" />);\n    expect(screen.getByText('Header Card')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,cAAc;CACrB,GAAG,uBAAuB;EAExB,AADA,EAAO,kBAAC,GAAD,EAAM,QAAO,cAAe,CAAA,CAAC,GACpC,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB;CAC5D,CAAC;AACH,CAAC"}

package/dist/components/Card/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Card-DMFyuTmy.js";
+import { t as e } from "../../Card-BH1ySOiP.js";
 export { e as Card };

package/dist/components/Checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Checkbox-D6-b_4dC.js";
+import { t as e } from "../../Checkbox-sAt4To2B.js";
 export { e as Checkbox };

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

@@ -1,7 +1,7 @@
-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";
+import { r as e } from "../../test-CpW02epT.js";
+import { t } from "../../Checkbox-sAt4To2B.js";
+import { t as n } from "../../Label-D0ACrYG3.js";
+import { t as r } from "../../FormField-CcV84TfI.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 var o = {
 	title: "Atoms/Checkbox",

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;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"}
+{"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;CACd;AACF,GASa,MAP6B,MACxC,kBAAC,GAAD;CAAW,QAAA;WAAX,CACE,kBAAC,GAAD;EAAU,IAAG;EAAW,GAAI;CAAO,CAAA,GACnC,kBAAC,GAAD;EAAO,SAAQ;YAAW;CAAuB,CAAA,CACxC;IAG2B,KAAK,CAAC,CAAC;AAC/C,EAAgB,OAAO,EACrB,UAAU,EAAG,EACf;AAuBA,IAAa,MAnB0C,MACrD,kBAAC,GAAD;CAAW,QAAA;WAAX,CACE,kBAAC,OAAD;EACE,OAAO;GACL,WAAW;GACX,WAAW;EACb;YAEA,kBAAC,GAAD;GAAU,IAAG;GAAW,GAAI;EAAO,CAAA;CAChC,CAAA,GACL,kBAAC,GAAD;EAAO,SAAQ;YAAW;CAKnB,CAAA,CACE;IAGsC,KAAK,CAAC,CAAC;AAC1D,EAAc,OAAO,EACnB,UAAU,EAAG,EACf"}

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

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

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

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

package/dist/components/Checkbox/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Checkbox-D6-b_4dC.js";
+import { t as e } from "../../Checkbox-sAt4To2B.js";
 export { e as Checkbox };

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.d.ts

@@ -34,5 +34,5 @@ export interface CheckboxButtonBarProps {
     forceSquared?: boolean;
     onSetValues: (value: string[]) => void;
 }
-export declare const CheckboxButtonBar: ({ checkboxes, defaultValues, label, subLabel, labelPosition, required, notValid, notValidatedText, actAsRadioButtonBar, footerText, disableGroup, segmented, forceSquared, onSetValues, }: CheckboxButtonBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxButtonBar: ({ checkboxes, defaultValues, label, subLabel, labelPosition, required, notValid, notValidatedText, actAsRadioButtonBar, footerText, disableGroup, segmented, forceSquared, onSetValues, }: CheckboxButtonBarProps) => import("react").JSX.Element;
 export {};

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CheckboxButtonBar-5UMIFMKH.js";
+import { t as e } from "../../CheckboxButtonBar-DpNnwLzI.js";
 export { e as CheckboxButtonBar };

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

@@ -1,6 +1,6 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { t } from "../../CheckboxButtonBar-5UMIFMKH.js";
-import { t as n } from "../../Periods-BYETtB6R.js";
+import { r as e } from "../../test-CpW02epT.js";
+import { t } from "../../CheckboxButtonBar-DpNnwLzI.js";
+import { t as n } from "../../Periods-C5cxLlWt.js";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 var o = {
 	title: "Molecules/CheckboxButtonBar",

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;EACb;CACF,EAEK,KAA6C,MAAS,kBAAC,GAAD,EAAmB,GAAI,GAAQ,CAAA,EAE9E,IAA2B,EAAS,KAAK,EAAE,CAAC;AACzD,EAAyB,OAAO;CAC9B,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACF;CACD,eAAe,CAAC,KAAK,IAAI;CACzB,eAAe;CACf,UAAU;CACV,YAAY;CACZ,aAAa,GAAI;CAClB;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACF;CACD,eAAe,CAAC,IAAI;CACpB,eAAe;CACf,qBAAqB;CACrB,aAAa,GAAI;CAClB;AAED,IAAa,IAAa,EAAS,KAAK,EAAE,CAAC;AAC3C,EAAW,OAAO;CAChB,OAAO;CACP,UAAU;CACV,YAAY;E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"}
+{"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,GACX,EACF;EACA,eAAe,EACb,OAAO,EACL,SAAS,GACX,EACF;EACA,OAAO,EACL,SAAS,OACX;EACA,eAAe;GACb,SAAS;GACT,SAAS,CAAC,OAAO,MAAM;EACzB;EACA,UAAU,EACR,SAAS,UACX;EACA,kBAAkB,EAChB,SAAS,OACX;EACA,cAAc,EACZ,SAAS,UACX;EACA,qBAAqB,EACnB,SAAS,UACX;EACA,aAAa,EACX,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAA6C,MAAS,kBAAC,GAAD,EAAmB,GAAI,EAAO,CAAA,GAE7E,IAA2B,EAAS,KAAK,CAAC,CAAC;AACxD,EAAyB,OAAO;CAC9B,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;EACT;EACA;GACE,OAAO;GACP,OAAO;EACT;EACA;GACE,OAAO;GACP,OAAO;EACT;EACA;GACE,OAAO;GACP,OAAO;EACT;EACA;GACE,OAAO;GACP,OAAO;EACT;EACA;GACE,OAAO;GACP,OAAO;EACT;CACF;CACA,eAAe,CAAC,KAAK,GAAG;CACxB,eAAe;CACf,UAAU;CACV,YAAY;CACZ,aAAa,EAAG;AAClB;AAEA,IAAa,IAAmB,EAAS,KAAK,CAAC,CAAC;AAChD,EAAiB,OAAO;CACtB,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;EACT;EACA;GACE,OAAO;GACP,OAAO;EACT;EACA;GACE,OAAO;GACP,OAAO;EACT;EACA;GACE,OAAO;GACP,OAAO;EACT;EACA;GACE,OAAO;GACP,OAAO;EACT;EACA;GACE,OAAO;GACP,OAAO;EACT;CACF;CACA,eAAe,CAAC,GAAG;CACnB,eAAe;CACf,qBAAqB;CACrB,aAAa,EAAG;AAClB;AAEA,IAAa,IAAa,EAAS,KAAK,CAAC,CAAC;AAC1C,EAAW,OAAO;CAChB,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACP,QAAQ;EACV;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;EACV;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;EACV;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;EACV;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;EACV;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;EACV;CACF;CACA,eAAe,CAAC,GAAG;CACnB,eAAe;CACf,qBAAqB;CACrB,aAAa,EAAG;AAClB;AAEA,IAAa,IAAc,EAAS,KAAK,CAAC,CAAC;AAC3C,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,CAAK,CAAA;IAAC;GAEN,EAAA,CAAA;GAEJ,iBAAiB;EACnB;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,CAAK,CAAA;IAAC;GAEN,EAAA,CAAA;EAEN;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,CAAK,CAAA;IAAC;GAEN,EAAA,CAAA;EAEN;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,CAAK,CAAA;IAAC;GAEN,EAAA,CAAA;EAEN;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,CAAK,CAAA;IAAC;GAEN,EAAA,CAAA;EAEN;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,CAAK,CAAA;IAAC;GAEN,EAAA,CAAA;EAEN;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,CAAK,CAAA;IAAC;GAEN,EAAA,CAAA;EAEN;EACA;GACE,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SACE,kBAAA,GAAA,EAAA,UAAA;IAAE;IAEA,kBAAC,MAAD,CAAK,CAAA;IAAC;GAEN,EAAA,CAAA;GAEJ,iBAAiB;EACnB;CACF;CACA,eAAe,CAAC,GAAG;CACnB,eAAe;CACf,qBAAqB;CACrB,aAAa,EAAG;AAClB;AAEA,IAAa,IAAY,EAAS,KAAK,CAAC,CAAC;AACzC,EAAU,OAAO;CACf,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACP,SAAS,kBAAA,GAAA,EAAA,UAAE,cAAa,CAAA;GACxB,iBAAiB;EACnB;EACA;GACE,OAAO;GACP,OAAO;GACP,SAAS,kBAAA,GAAA,EAAA,UAAE,cAAa,CAAA;EAC1B;EACA;GACE,OAAO;GACP,OAAO;GACP,SAAS,kBAAA,GAAA,EAAA,UAAE,cAAa,CAAA;EAC1B;EACA;GACE,OAAO;GACP,OAAO;GACP,SAAS,kBAAA,GAAA,EAAA,UAAE,cAAa,CAAA;GACxB,iBAAiB;EACnB;CACF;CACA,eAAe,CAAC,GAAG;CACnB,eAAe;CACf,qBAAqB;CACrB,WAAW;CACX,aAAa,EAAG;AAClB;AAEA,IAAa,IAAc,EAAS,KAAK,CAAC,CAAC;AAC3C,EAAY,OAAO;CACjB,OAAO;CACP,UAAU;CACV,YAAY,CACV;EAEE,OAAO,kBAAC,GAAD,EAAS,SAAS,CAAC,GAAG,CAAC,EAAI,CAAA;EAClC,OAAO;CACT,GACA;EAEE,OAAO,kBAAC,GAAD,EAAS,SAAS,CAAC,GAAG,CAAC,EAAI,CAAA;EAClC,OAAO;CACT,CACF;CACA,eAAe,CAAC,GAAG;CACnB,eAAe;CACf,qBAAqB;CACrB,WAAW;CACX,aAAa,EAAG;AAClB"}

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

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

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

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

package/dist/components/CheckboxButtonBar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CheckboxButtonBar-5UMIFMKH.js";
+import { t as e } from "../../CheckboxButtonBar-DpNnwLzI.js";
 export { e as CheckboxButtonBar };

package/dist/components/CheckboxTree/CheckboxTree.d.ts

@@ -20,4 +20,4 @@ export interface CheckboxTreeProps {
     onChange?: (value: string[]) => void;
 }
 /** Represents a component to render a tree of checkboxes. */
-export declare const CheckboxTree: ({ title, checkboxTree, selectedValues, noLabelFrontWeight, onChange, }: CheckboxTreeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxTree: ({ title, checkboxTree, selectedValues, noLabelFrontWeight, onChange, }: CheckboxTreeProps) => import("react").JSX.Element;

package/dist/components/CheckboxTree/CheckboxTree.js

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

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

@@ -1,7 +1,7 @@
-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 { o as e } from "../../chunk-SZQXB3JV-xjYHmnzP.js";
+import { r as t } from "../../test-CpW02epT.js";
+import { h as n } from "../../components-D6_Sx8Hs.js";
+import { t as r } from "../../Chip-9XnXFhoJ.js";
 import { useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = ((e, t, n) => {

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;EAE/D,OAAO,GAAG,IADK,MAAa,IAAoB,KAAK,IAAI,SAAS,EAAM,GAAG,KAAqB;IAI5F,IAAa,EAAW,KAAK,OAAiB;EAClD,UAAU,EAAmB,OAAO,EAAY,CAAC;EACjD,WAAW;EACX,UAAU;EACX,EAAE;CAmBH,OAjByB,EAAW,QAAQ,GAAS,GAAe,MAAgB;EAClF,IAAM,IAAW,KAAK,KAAK,IAAgB,EAAkB;EAa7D,OAZI,EAAc,SAAS,OAAO,IAAc,EAAE,CAAC,KAC5C,EAAQ,OACX,EAAQ,KAAY;GAClB,UAAU,YAAY;GACtB,UAAU,EAAE;GACb,GAEH,EAAQ,GAAU,SAAS,KAAK;GAC9B,GAAG,EAAW;GACd,WAAW,OAAO,EAAW,GAAa,UAAU;GACrD,CAAiB,GAEb;IACN,EAAE,CAEE;GAOP;CAAC;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAI,EACnC,GACA,EACD,EAKD,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAFiC,MAAS,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAErC,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,OAAO;CACP,cAAc;CAEd,gBAAgB,CAAC,KAAK,IAAI;CAC1B,UAAU,GAAI;CACf;AAED,IAAM,IAAiB,GAEjB,KAAsB,MAAkB;CAC5C,IAAM,IAAW,KAAK,KAAK,SAAS,EAAM,GAAG,EAAe;CAE5D,OAAO,GAAG,IADK,MAAa,IAAiB,KAAK,IAAI,SAAS,EAAM,GAAG,KAAkB;GAItF,KAAsB,MAA0B;CACpD,IAAM,CAAC,GAAK,KAAO,EAAM,MAAM,IAAI,CAAC,IAAI,OAAO;CAC/C,OAAO,IAAI,IAAM,KAAK,KAAkB,KAAO;GAGpC,UAA0D;CACrE,IAAM,CAAC,GAAe,KAAoB,EAAmB;EAAC;EAAK;EAAK;EAAI,CAAC,EAEvE,KAA4B,MAA2B;EAC3D,IAAM,IAAmB,KAAK,MAAM,KAAK,UAAU,EAAc,CAAC,CAAC,QAChE,MAAmB,MAAW,EAAmB,EAAe,CAClE;EAGD,AADA,QAAuB,EAAiB,EACxC,EAAO,kBAAkB,CAAC,EAAiB;;CAQ7C,OACE,kBAAC,OAAD;EAAK,OAAO,EAAE,OAAO,SAAS;YAA9B,CACE,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,UAAU;IAAQ,KAAK;IAAU,OAAO;IAAQ,cAAc;IAAQ;aAClG,KACC,EAAc,KAAK,GAAc,MAC/B,kBAAC,GAAD;IACE,OAAO,EAAmB,EAAa;IACvC,UAAU;IAEV,EADK,GAAG,EAAM,GAAG,IACjB,CACF;GACA,CAAA,EACN,kBAAC,GAAD;GACE,OAAM;GACN,cAAc;GACd,gBAAgB;GAChB,WArBsB,MAAoB;IAE9C,AADA,EAAiB,CAAC,GAAG,EAAM,CAAC,EAC5B,EAAO,kBAAkB,CAAC,EAAM;;GAoB5B,CAAA,CACE"}
+{"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,EAAgB,IAAI,GAAG,MAAQ,IAAM,CAAC,GAExE,KAAsB,MAAkB;EAC5C,IAAM,IAAW,KAAK,KAAK,SAAS,CAAK,IAAI,CAAiB;EAE9D,OAAO,GAAG,IADK,MAAa,IAAoB,KAAK,IAAI,SAAS,CAAK,IAAI,KAAqB;CAElG,GAEM,IAAa,EAAW,KAAK,OAAiB;EAClD,UAAU,EAAmB,OAAO,CAAW,CAAC;EAChD,WAAW;EACX,UAAU;CACZ,EAAE;CAmBF,OAjByB,EAAW,QAAQ,GAAS,GAAe,MAAgB;EAClF,IAAM,IAAW,KAAK,KAAK,IAAgB,CAAiB;EAa5D,OAZI,EAAc,SAAS,OAAO,IAAc,CAAC,CAAC,MAC3C,EAAQ,OACX,EAAQ,KAAY;GAClB,UAAU,YAAY;GACtB,UAAU,CAAC;EACb,IAEF,EAAQ,GAAU,SAAS,KAAK;GAC9B,GAAG,EAAW;GACd,WAAW,OAAO,EAAW,GAAa,SAAS;EACrD,CAAiB,IAEZ;CACT,GAAG,CAAC,CAEG;AACT,GAME;CAAC;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;AAAG,GAClC,GACA,CACF,GAKA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAFiC,MAAS,kBAAC,GAAD,EAAc,GAAI,EAAO,CAAA,GAEpC,KAAK,CAAC,CAAC;AACnD,EAAoB,OAAO;CACzB,OAAO;CACP,cAAc;CAEd,gBAAgB,CAAC,KAAK,GAAG;CACzB,UAAU,EAAG;AACf;AAEA,IAAM,IAAiB,GAEjB,KAAsB,MAAkB;CAC5C,IAAM,IAAW,KAAK,KAAK,SAAS,CAAK,IAAI,CAAc;CAE3D,OAAO,GAAG,IADK,MAAa,IAAiB,KAAK,IAAI,SAAS,CAAK,IAAI,KAAkB;AAE5F,GAEM,KAAsB,MAA0B;CACpD,IAAM,CAAC,GAAK,KAAO,EAAM,MAAM,GAAG,EAAE,IAAI,MAAM;CAC9C,OAAO,IAAI,IAAM,KAAK,KAAkB,KAAO;AACjD,GAEa,UAA0D;CACrE,IAAM,CAAC,GAAe,KAAoB,EAAmB;EAAC;EAAK;EAAK;CAAG,CAAC,GAEtE,KAA4B,MAA2B;EAC3D,IAAM,IAAmB,KAAK,MAAM,KAAK,UAAU,CAAa,CAAC,EAAE,QAChE,MAAmB,MAAW,EAAmB,CAAc,CAClE;EAGA,AADA,QAAuB,CAAgB,GACvC,EAAO,iBAAiB,EAAE,CAAgB;CAC5C;CAOA,OACE,kBAAC,OAAD;EAAK,OAAO,EAAE,OAAO,QAAQ;YAA7B,CACE,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,UAAU;IAAQ,KAAK;IAAU,OAAO;IAAQ,cAAc;GAAO;aACjG,KACC,EAAc,KAAK,GAAc,MAC/B,kBAAC,GAAD;IACE,OAAO,EAAmB,CAAY;IACtC,UAAU;GAEX,GADM,GAAG,EAAM,GAAG,GAClB,CACF;EACA,CAAA,GACL,kBAAC,GAAD;GACE,OAAM;GACN,cAAc;GACd,gBAAgB;GAChB,WArBsB,MAAoB;IAE9C,AADA,EAAiB,CAAC,GAAG,CAAK,CAAC,GAC3B,EAAO,iBAAiB,EAAE,CAAK;GACjC;EAmBK,CAAA,CACE;;AAET"}

package/dist/components/CheckboxTree/index.js

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

package/dist/components/Chip/Chip.d.ts

@@ -4,4 +4,4 @@ export interface ChipProps {
     /** Function to remove chip from chip-list on label-text*/
     onDelete: (label: string) => void;
 }
-export declare const Chip: ({ label, onDelete }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chip: ({ label, onDelete }: ChipProps) => import("react").JSX.Element;

package/dist/components/Chip/Chip.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Chip-DJHvFToV.js";
+import { t as e } from "../../Chip-9XnXFhoJ.js";
 export { e as Chip };