@uva-glass/component-library 3.55.7 → 3.55.9

package/dist/components/GridRow/Column/Column.d.ts

@@ -7,5 +7,5 @@ export interface ColumnProps {
     mediumStartPosition?: columnSize;
     position?: 'start' | 'center' | 'end';
 }
-export declare const Column: ({ size, mediumSize, startPositon, mediumStartPosition, position, children, }: PropsWithChildren<ColumnProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Column: ({ size, mediumSize, startPositon, mediumStartPosition, position, children, }: PropsWithChildren<ColumnProps>) => import("react").JSX.Element;
 export {};

package/dist/components/GridRow/Column/Column.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../Column-BwKEOOuL.js";
+import { t as e } from "../../../Column-BwCVSZrG.js";
 export { e as Column };

package/dist/components/GridRow/Column/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../Column-BwKEOOuL.js";
+import { t as e } from "../../../Column-BwCVSZrG.js";
 export { e as Column };

package/dist/components/GridRow/GridRow.d.ts

@@ -10,7 +10,7 @@ export interface GridRowProps {
 }
 /** Represents a component for a grid. */
 export declare const GridRow: {
-    ({ gutter, marginBottom, marginTop, children, }: PropsWithChildren<GridRowProps>): import("react/jsx-runtime").JSX.Element;
-    Column: ({ size, mediumSize, startPositon, mediumStartPosition, position, children, }: PropsWithChildren<import('./Column').ColumnProps>) => import("react/jsx-runtime").JSX.Element;
+    ({ gutter, marginBottom, marginTop, children, }: PropsWithChildren<GridRowProps>): import("react").JSX.Element;
+    Column: ({ size, mediumSize, startPositon, mediumStartPosition, position, children, }: PropsWithChildren<import('./Column').ColumnProps>) => import("react").JSX.Element;
 };
 export {};

package/dist/components/GridRow/GridRow.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../clsx-BD2qMUU1.js";
-import { n as t, t as n } from "../../Column-BwKEOOuL.js";
+import { t as e } from "../../clsx-BWCAbrjV.js";
+import { n as t, t as n } from "../../Column-BwCVSZrG.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/GridRow/GridRow.tsx
 var i = {

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

@@ -1 +1 @@
-{"version":3,"file":"GridRow.js","names":[],"sources":["../../../src/components/GridRow/GridRow.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { CSSProperties, PropsWithChildren } from 'react';\n\nimport { Column } from './Column';\nimport styles from './GridRow.module.css';\n\ntype spacing = '0' | '025' | '050' | '075' | '100' | '125' | '150' | '175' | '200' | '250' | '300' | '350';\nexport interface GridRowProps {\n  /** The horizontal padding between columns. */\n  gutter?: spacing;\n  /** The vertical padding (at the bottom) between rows. */\n  marginBottom?: spacing;\n  /** The vertical padding (at the top) between rows. */\n  marginTop?: spacing;\n}\n\nconst gapStyles = {\n  '0': { '--grid-gap': '0.25rem' },\n  '025': { '--grid-gap': '0.25rem' },\n  '050': { '--grid-gap': '0.5rem' },\n  '075': { '--grid-gap': '0.75rem' },\n  '100': { '--grid-gap': '1rem' },\n  '125': { '--grid-gap': '1.25rem' },\n  '150': { '--grid-gap': '1.5rem' },\n  '175': { '--grid-gap': '1.75rem' },\n  '200': { '--grid-gap': '2rem' },\n  '250': { '--grid-gap': '2.5rem' },\n  '300': { '--grid-gap': '3rem' },\n  '350': { '--grid-gap': '3.5rem' },\n};\n\n/** Represents a component for a grid. */\nexport const GridRow = ({\n  gutter = '200',\n  marginBottom = '0',\n  marginTop = '0',\n  children,\n}: PropsWithChildren<GridRowProps>) => {\n  return (\n    <div\n      className={clsx(\n        styles['page-grid__row'],\n        marginBottom && styles[`page-grid__row-mb-${marginBottom}`],\n        marginTop && styles[`page-grid__row-mt-${marginTop}`]\n      )}\n      style={gutter && (gapStyles[gutter] as CSSProperties)}\n    >\n      {children}\n    </div>\n  );\n};\n\nGridRow.Column = Column;\n"],"mappings":";;;;AAiBA,IAAM,IAAY;CAChB,GAAK,EAAE,cAAc,WAAW;CAChC,OAAO,EAAE,cAAc,WAAW;CAClC,OAAO,EAAE,cAAc,UAAU;CACjC,OAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,WAAW;CAClC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,QAAQ;CAC/B,KAAO,EAAE,cAAc,UAAU;CAClC,EAGY,KAAW,EACtB,YAAS,OACT,kBAAe,KACf,eAAY,KACZ,kBAGE,kBAAC,OAAD;CACE,WAAW,EACT,EAAO,mBACP,KAAgB,EAAO,qBAAqB,MAC5C,KAAa,EAAO,qBAAqB,KAC1C;CACD,OAAO,KAAW,EAAU;CAE3B;CACG,CAAA;AAIV,EAAQ,SAAS"}
+{"version":3,"file":"GridRow.js","names":[],"sources":["../../../src/components/GridRow/GridRow.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { CSSProperties, PropsWithChildren } from 'react';\n\nimport { Column } from './Column';\nimport styles from './GridRow.module.css';\n\ntype spacing = '0' | '025' | '050' | '075' | '100' | '125' | '150' | '175' | '200' | '250' | '300' | '350';\nexport interface GridRowProps {\n  /** The horizontal padding between columns. */\n  gutter?: spacing;\n  /** The vertical padding (at the bottom) between rows. */\n  marginBottom?: spacing;\n  /** The vertical padding (at the top) between rows. */\n  marginTop?: spacing;\n}\n\nconst gapStyles = {\n  '0': { '--grid-gap': '0.25rem' },\n  '025': { '--grid-gap': '0.25rem' },\n  '050': { '--grid-gap': '0.5rem' },\n  '075': { '--grid-gap': '0.75rem' },\n  '100': { '--grid-gap': '1rem' },\n  '125': { '--grid-gap': '1.25rem' },\n  '150': { '--grid-gap': '1.5rem' },\n  '175': { '--grid-gap': '1.75rem' },\n  '200': { '--grid-gap': '2rem' },\n  '250': { '--grid-gap': '2.5rem' },\n  '300': { '--grid-gap': '3rem' },\n  '350': { '--grid-gap': '3.5rem' },\n};\n\n/** Represents a component for a grid. */\nexport const GridRow = ({\n  gutter = '200',\n  marginBottom = '0',\n  marginTop = '0',\n  children,\n}: PropsWithChildren<GridRowProps>) => {\n  return (\n    <div\n      className={clsx(\n        styles['page-grid__row'],\n        marginBottom && styles[`page-grid__row-mb-${marginBottom}`],\n        marginTop && styles[`page-grid__row-mt-${marginTop}`]\n      )}\n      style={gutter && (gapStyles[gutter] as CSSProperties)}\n    >\n      {children}\n    </div>\n  );\n};\n\nGridRow.Column = Column;\n"],"mappings":";;;;AAiBA,IAAM,IAAY;CAChB,GAAK,EAAE,cAAc,UAAU;CAC/B,OAAO,EAAE,cAAc,UAAU;CACjC,OAAO,EAAE,cAAc,SAAS;CAChC,OAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,OAAO;CAC9B,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,SAAS;CAChC,KAAO,EAAE,cAAc,UAAU;CACjC,KAAO,EAAE,cAAc,OAAO;CAC9B,KAAO,EAAE,cAAc,SAAS;CAChC,KAAO,EAAE,cAAc,OAAO;CAC9B,KAAO,EAAE,cAAc,SAAS;AAClC,GAGa,KAAW,EACtB,YAAS,OACT,kBAAe,KACf,eAAY,KACZ,kBAGE,kBAAC,OAAD;CACE,WAAW,EACT,EAAO,mBACP,KAAgB,EAAO,qBAAqB,MAC5C,KAAa,EAAO,qBAAqB,IAC3C;CACA,OAAO,KAAW,EAAU;CAE3B;AACE,CAAA;AAIT,EAAQ,SAAS"}

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

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

package/dist/components/HorizontalList/HorizontalList.d.ts

@@ -6,4 +6,4 @@ export interface HorizontalListProps {
     separator?: ReactNode;
 }
 /** Represents a component to show text separated by a given separator in a horizontal direction. */
-export declare const HorizontalList: ({ values, separator }: HorizontalListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalList: ({ values, separator }: HorizontalListProps) => import("react").JSX.Element;

package/dist/components/HorizontalList/HorizontalList.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../HorizontalList-C22DaDz-.js";
+import { t as e } from "../../HorizontalList-CLlRGWZX.js";
 export { e as HorizontalList };

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

@@ -1,6 +1,6 @@
 import { Icon as e } from "../Icon/Icon.js";
 import { Button as t } from "../Buttons/Button.js";
-import { t as n } from "../../HorizontalList-C22DaDz-.js";
+import { t as n } from "../../HorizontalList-CLlRGWZX.js";
 import { jsx as r } from "react/jsx-runtime";
 var i = {
 	title: "Atoms/HorizontalList",

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

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

package/dist/components/HorizontalList/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../HorizontalList-C22DaDz-.js";
+import { t as e } from "../../HorizontalList-CLlRGWZX.js";
 export { e as HorizontalList };

package/dist/components/Icon/Icon.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../icons-TRhI-4V6.js";
+import { t as e } from "../../icons-C80wqcF0.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Icon/Icon.tsx
 var n = 24, r = ({ name: r, size: i = n, title: a, ...o }) => {

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

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

package/dist/components/Icon/Icon.stories.d.ts

@@ -3,4 +3,4 @@ import { IconProps } from './Icon';
 declare const _default: Meta<IconProps>;
 export default _default;
 export declare const IconExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
-export declare const IconOverview: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconOverview: () => import("react").JSX.Element;

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

@@ -1,6 +1,6 @@
-import { t as e } from "../../icons-TRhI-4V6.js";
+import { t as e } from "../../icons-C80wqcF0.js";
 import { Icon as t } from "./Icon.js";
-import { t as n } from "../../ClipboardButton-geHjMl2J.js";
+import { t as n } from "../../ClipboardButton-Cg6LGUiD.js";
 import "../../storyComponents/ClipboardButton/index.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import '../../assets/Icon.css';var a = {

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

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

package/dist/components/Icon/icons/index.d.ts

@@ -113,13 +113,13 @@ export declare const Icons: {
         desc?: string;
         descId?: string;
     }>;
-    BubbleMessage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    BubbleAlert: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    BubbleAlert: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    BubbleMessage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
@@ -257,6 +257,12 @@ export declare const Icons: {
         desc?: string;
         descId?: string;
     }>;
+    CircleBan: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     CircleLarge: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

package/dist/components/Icon/icons/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../icons-TRhI-4V6.js";
+import { t as e } from "../../../icons-C80wqcF0.js";
 export { e as Icons };

package/dist/components/IconButton/IconButton.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../IconButton-CWCMH9uf.js";
+import { t as e } from "../../IconButton-CSNMVEG1.js";
 export { e as IconButton };

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

@@ -1,6 +1,6 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
+import { r as e } from "../../test-Bd7kXF_B.js";
 import { Icon as t } from "../Icon/Icon.js";
-import { t as n } from "../../IconButton-CWCMH9uf.js";
+import { t as n } from "../../IconButton-CSNMVEG1.js";
 import { jsx as r } from "react/jsx-runtime";
 var i = {
 	title: "Atoms/IconButton",

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.stories.js","names":[],"sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { IconButtonProps } from 'components/IconButton';\n\nimport { IconButton } from 'components/IconButton';\nimport { Icon } from 'components/Icon';\n\nconst codeString = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>\n  <Icon name={iconName} size={size} />\n  </IconButton>`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/IconButton',\n  component: IconButton,\n  argTypes: {\n    variant: {\n      options: ['destructive'],\n      control: { type: 'check' },\n    },\n    noBorder: {\n      control: 'boolean',\n      default: false,\n    },\n    wide: {\n      control: 'boolean',\n      default: false,\n    },\n    'aria-label': {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      options: ['button', 'submit', 'reset'],\n      control: { type: 'select' },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: IconButton,\n    codeString: codeString,\n  },\n} as Meta<IconButtonProps>;\n\nconst Template: StoryFn<IconButtonProps> = (args) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  const iconButtonArgs = { ...args, ...{ variant: variantArray.toString() } } as IconButtonProps;\n\n  return <IconButton {...iconButtonArgs} />;\n};\n\nexport const IconButtonExample = Template.bind({});\nIconButtonExample.args = {\n  'aria-label': 'Trash',\n  variant: 'destructive',\n  noBorder: false,\n  wide: false,\n  disabled: false,\n  children: <Icon name=\"Trash\" />,\n  onClick: fn(),\n};\n"],"mappings":";;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,cAAc;GACxB,SAAS,EAAE,MAAM,SAAS;GAC3B;EACD,UAAU;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,SAAS;GACT,SAAS;GACV;EACD,cAAc,EACZ,OAAO,EACL,SAAS,IACV,EACF;EACD,MAAM;GACJ,SAAS;IAAC;IAAU;IAAU;IAAQ;GACtC,SAAS,EAAE,MAAM,UAAU;GAC5B;EACD,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAUY,MAR+B,MAAS;CAEnD,IAAM,IAAgB,EAAK,WAAmC,EAAE;CAGhE,OAAO,kBAAC,GAAD;EAFkB,GAAG;EAAW,SAAS,EAAa,UAAU;EAE9B,CAAA;GAGD,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,cAAc;CACd,SAAS;CACT,UAAU;CACV,MAAM;CACN,UAAU;CACV,UAAU,kBAAC,GAAD,EAAM,MAAK,SAAU,CAAA;CAC/B,SAAS,GAAI;CACd"}
+{"version":3,"file":"IconButton.stories.js","names":[],"sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { IconButtonProps } from 'components/IconButton';\n\nimport { IconButton } from 'components/IconButton';\nimport { Icon } from 'components/Icon';\n\nconst codeString = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>\n  <Icon name={iconName} size={size} />\n  </IconButton>`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/IconButton',\n  component: IconButton,\n  argTypes: {\n    variant: {\n      options: ['destructive'],\n      control: { type: 'check' },\n    },\n    noBorder: {\n      control: 'boolean',\n      default: false,\n    },\n    wide: {\n      control: 'boolean',\n      default: false,\n    },\n    'aria-label': {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      options: ['button', 'submit', 'reset'],\n      control: { type: 'select' },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: IconButton,\n    codeString: codeString,\n  },\n} as Meta<IconButtonProps>;\n\nconst Template: StoryFn<IconButtonProps> = (args) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  const iconButtonArgs = { ...args, ...{ variant: variantArray.toString() } } as IconButtonProps;\n\n  return <IconButton {...iconButtonArgs} />;\n};\n\nexport const IconButtonExample = Template.bind({});\nIconButtonExample.args = {\n  'aria-label': 'Trash',\n  variant: 'destructive',\n  noBorder: false,\n  wide: false,\n  disabled: false,\n  children: <Icon name=\"Trash\" />,\n  onClick: fn(),\n};\n"],"mappings":";;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,aAAa;GACvB,SAAS,EAAE,MAAM,QAAQ;EAC3B;EACA,UAAU;GACR,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,SAAS;GACT,SAAS;EACX;EACA,cAAc,EACZ,OAAO,EACL,SAAS,GACX,EACF;EACA,MAAM;GACJ,SAAS;IAAC;IAAU;IAAU;GAAO;GACrC,SAAS,EAAE,MAAM,SAAS;EAC5B;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAUa,MAR+B,MAAS;CAEnD,IAAM,IAAgB,EAAK,WAAmC,CAAC;CAG/D,OAAO,kBAAC,GAAD;EAFkB,GAAG;EAAW,SAAS,EAAa,SAAS;CAE9B,CAAA;AAC1C,GAE0C,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO;CACvB,cAAc;CACd,SAAS;CACT,UAAU;CACV,MAAM;CACN,UAAU;CACV,UAAU,kBAAC,GAAD,EAAM,MAAK,QAAS,CAAA;CAC9B,SAAS,EAAG;AACd"}

package/dist/components/IconButton/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../IconButton-CWCMH9uf.js";
+import { t as e } from "../../IconButton-CSNMVEG1.js";
 export { e as IconButton };

package/dist/components/InfoBanner/InfoBanner.d.ts

@@ -6,4 +6,4 @@ export interface InfoBannerProps {
     /** Content or message as sting or react component. */
     content?: string | ReactNode;
 }
-export declare const InfoBanner: ({ iconName, content }: InfoBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoBanner: ({ iconName, content }: InfoBannerProps) => import("react").JSX.Element;

package/dist/components/InfoBanner/InfoBanner.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../InfoBanner-DyznQLGr.js";
+import { t as e } from "../../InfoBanner-DqBWtCVE.js";
 export { e as InfoBanner };

package/dist/components/InfoBanner/InfoBanner.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../InfoBanner-DyznQLGr.js";
+import { t as e } from "../../InfoBanner-DqBWtCVE.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = {
 	title: "Atoms/InfoBanner",

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

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

package/dist/components/InfoBanner/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../InfoBanner-DyznQLGr.js";
+import { t as e } from "../../InfoBanner-DqBWtCVE.js";
 export { e as InfoBanner };

package/dist/components/InfoMessage/InfoMessage.d.ts

@@ -6,4 +6,4 @@ export interface InfoMessageProps {
     hasOwnContainer?: boolean;
 }
 /** Represents a component to show an info message. */
-export declare const InfoMessage: ({ message, hasOwnContainer }: PropsWithChildren<InfoMessageProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoMessage: ({ message, hasOwnContainer }: PropsWithChildren<InfoMessageProps>) => import("react").JSX.Element;

package/dist/components/InfoMessage/InfoMessage.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../InfoMessage-I-VlwxVc.js";
+import { t as e } from "../../InfoMessage-COywXu4O.js";
 export { e as InfoMessage };

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../InfoMessage-I-VlwxVc.js";
+import { t as e } from "../../InfoMessage-COywXu4O.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = {
 	title: "Atoms/InfoMessage",

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

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

package/dist/components/InfoMessage/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../InfoMessage-I-VlwxVc.js";
+import { t as e } from "../../InfoMessage-COywXu4O.js";
 export { e as InfoMessage };

package/dist/components/Input/Input.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Input-Bn-arMaC.js";
+import { t as e } from "../../Input-BzKvzbzP.js";
 export { e as Input };

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../Input-Bn-arMaC.js";
+import { t as e } from "../../Input-BzKvzbzP.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = {
 	title: "Atoms/Input",

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

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

package/dist/components/Input/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Input-Bn-arMaC.js";
+import { t as e } from "../../Input-BzKvzbzP.js";
 export { e as Input };

package/dist/components/InputField/InputField.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../InputField-BWAy19w9.js";
+import { t as e } from "../../InputField-T01uazlI.js";
 export { e as InputField };

package/dist/components/InputField/InputField.stories.js

@@ -1,7 +1,7 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
+import { r as e } from "../../test-Bd7kXF_B.js";
 import { Icon as t } from "../Icon/Icon.js";
-import { t as n } from "../../InputField-BWAy19w9.js";
-import { t as r } from "../../Container-BLjtYDqq.js";
+import { t as n } from "../../InputField-T01uazlI.js";
+import { t as r } from "../../Container-DK25h_-f.js";
 import "../../storyComponents/Container/index.js";
 import { useRef as i, useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.stories.js","names":[],"sources":["../../../src/components/InputField/InputField.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { fn } from 'storybook/test';\n\nimport type { ChangeEvent } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { InputFieldProps } from './InputField';\n\nimport { InputField } from './InputField';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon } from 'components';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}\n  value={value} type={type} clearTrigger={clearTrigger} />\n`;\n\nconst transformArgs = (args: InputFieldProps) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  return { ...args, ...{ variant: variantArray.toString() } } as InputFieldProps;\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InputField',\n  component: InputField,\n  argTypes: {\n    variant: {\n      options: ['large'],\n      control: 'check',\n    },\n    width: {\n      control: 'radio',\n      options: [undefined, 'small', 'compact'],\n    },\n    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    background: {\n      control: 'check',\n      options: ['white'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: InputField,\n    codeString: codeString,\n  },\n} as Meta<InputFieldProps>;\n\nconst Template: StoryFn<InputFieldProps> = (args) => {\n  const [inputValue, setInputValue] = useState<InputFieldProps['value']>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    fn()('handleChange');\n  };\n\n  const handleClear = () => {\n    setInputValue('');\n    fn()('handleClear');\n  };\n\n  return (\n    <Container>\n      <InputField\n        {...transformArgs(args)}\n        value={inputValue}\n        onChange={handleChange}\n        onClear={handleClear}\n        ref={inputRef}\n      />\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<InputFieldProps> = {\n  type: 'text',\n  variant: undefined,\n  id: '4f9ca77d',\n};\n\nexport const InputFieldExample = Template.bind({});\nInputFieldExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithStringClearTrigger = Template.bind({});\nWithStringClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: 'Clear',\n};\n\nexport const WithIconClearTrigger = Template.bind({});\nWithIconClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: <Icon name=\"Cross\" />,\n};\n"],"mappings":";;;;;;;;AAYA,IAAM,IAAa,sOAMb,KAAiB,MAA0B;CAE/C,IAAM,IAAgB,EAAK,WAAmC,EAAE;CAChE,OAAO;EAAE,GAAG;EAAW,SAAS,EAAa,UAAU;EAAI;GAI7D,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,QAAQ;GAClB,SAAS;GACV;EACD,OAAO;GACL,SAAS;GACT,SAAS;IAAC,KAAA;IAAW;IAAS;IAAU;GACzC;EACD,MAAM;GACJ,SAAS;GACT,SAAS;IAAC;IAAQ;IAAY;IAAQ;GACvC;EACD,YAAY;GACV,SAAS;GACT,SAAS,CAAC,QAAQ;GACnB;EACD,IAAI,EACF,SAAS,QACV;EACD,cAAc,EACZ,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAsC,MAAS;CACnD,IAAM,CAAC,GAAY,KAAiB,EAAmC,GAAG,EACpE,IAAW,EAAyB,KAAK,EAEzC,KAAgB,MAAyC;EAE7D,AADA,EAAc,EAAM,OAAO,MAAM,EACjC,GAAI,CAAC,eAAe;IAGhB,UAAoB;EAExB,AADA,EAAc,GAAG,EACjB,GAAI,CAAC,cAAc;;CAGrB,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,GAAI,EAAc,EAAK;EACvB,OAAO;EACP,UAAU;EACV,SAAS;EACT,KAAK;EACL,CAAA,EACQ,CAAA;GAIV,IAAwC;CAC5C,MAAM;CACN,SAAS,KAAA;CACT,IAAI;CACL,EAEY,IAAoB,EAAS,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO,EACvB,GAAG,GACJ;AAED,IAAa,IAAyB,EAAS,KAAK,EAAE,CAAC;AACvD,EAAuB,OAAO;CAC5B,GAAG;CACH,cAAc;CACf;AAED,IAAa,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,GAAG;CACH,cAAc,kBAAC,GAAD,EAAM,MAAK,SAAU,CAAA;CACpC"}
+{"version":3,"file":"InputField.stories.js","names":[],"sources":["../../../src/components/InputField/InputField.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { fn } from 'storybook/test';\n\nimport type { ChangeEvent } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { InputFieldProps } from './InputField';\n\nimport { InputField } from './InputField';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon } from 'components';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}\n  value={value} type={type} clearTrigger={clearTrigger} />\n`;\n\nconst transformArgs = (args: InputFieldProps) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  return { ...args, ...{ variant: variantArray.toString() } } as InputFieldProps;\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InputField',\n  component: InputField,\n  argTypes: {\n    variant: {\n      options: ['large'],\n      control: 'check',\n    },\n    width: {\n      control: 'radio',\n      options: [undefined, 'small', 'compact'],\n    },\n    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    background: {\n      control: 'check',\n      options: ['white'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: InputField,\n    codeString: codeString,\n  },\n} as Meta<InputFieldProps>;\n\nconst Template: StoryFn<InputFieldProps> = (args) => {\n  const [inputValue, setInputValue] = useState<InputFieldProps['value']>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    fn()('handleChange');\n  };\n\n  const handleClear = () => {\n    setInputValue('');\n    fn()('handleClear');\n  };\n\n  return (\n    <Container>\n      <InputField\n        {...transformArgs(args)}\n        value={inputValue}\n        onChange={handleChange}\n        onClear={handleClear}\n        ref={inputRef}\n      />\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<InputFieldProps> = {\n  type: 'text',\n  variant: undefined,\n  id: '4f9ca77d',\n};\n\nexport const InputFieldExample = Template.bind({});\nInputFieldExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithStringClearTrigger = Template.bind({});\nWithStringClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: 'Clear',\n};\n\nexport const WithIconClearTrigger = Template.bind({});\nWithIconClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: <Icon name=\"Cross\" />,\n};\n"],"mappings":";;;;;;;;AAYA,IAAM,IAAa,sOAMb,KAAiB,MAA0B;CAE/C,IAAM,IAAgB,EAAK,WAAmC,CAAC;CAC/D,OAAO;EAAE,GAAG;EAAW,SAAS,EAAa,SAAS;CAAI;AAC5D,GAGA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS;GACP,SAAS,CAAC,OAAO;GACjB,SAAS;EACX;EACA,OAAO;GACL,SAAS;GACT,SAAS;IAAC,KAAA;IAAW;IAAS;GAAS;EACzC;EACA,MAAM;GACJ,SAAS;GACT,SAAS;IAAC;IAAQ;IAAY;GAAO;EACvC;EACA,YAAY;GACV,SAAS;GACT,SAAS,CAAC,OAAO;EACnB;EACA,IAAI,EACF,SAAS,OACX;EACA,cAAc,EACZ,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAsC,MAAS;CACnD,IAAM,CAAC,GAAY,KAAiB,EAAmC,EAAE,GACnE,IAAW,EAAyB,IAAI,GAExC,KAAgB,MAAyC;EAE7D,AADA,EAAc,EAAM,OAAO,KAAK,GAChC,EAAG,EAAE,cAAc;CACrB,GAEM,UAAoB;EAExB,AADA,EAAc,EAAE,GAChB,EAAG,EAAE,aAAa;CACpB;CAEA,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,GAAI,EAAc,CAAI;EACtB,OAAO;EACP,UAAU;EACV,SAAS;EACT,KAAK;CACN,CAAA,EACQ,CAAA;AAEf,GAEM,IAAwC;CAC5C,MAAM;CACN,SAAS,KAAA;CACT,IAAI;AACN,GAEa,IAAoB,EAAS,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO,EACvB,GAAG,EACL;AAEA,IAAa,IAAyB,EAAS,KAAK,CAAC,CAAC;AACtD,EAAuB,OAAO;CAC5B,GAAG;CACH,cAAc;AAChB;AAEA,IAAa,IAAuB,EAAS,KAAK,CAAC,CAAC;AACpD,EAAqB,OAAO;CAC1B,GAAG;CACH,cAAc,kBAAC,GAAD,EAAM,MAAK,QAAS,CAAA;AACpC"}

package/dist/components/InputField/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../InputField-BWAy19w9.js";
+import { t as e } from "../../InputField-T01uazlI.js";
 export { e as InputField };

package/dist/components/Label/Label.d.ts

@@ -10,4 +10,4 @@ export interface LabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>,
     alignRight?: boolean;
 }
 /** Represents a component that renders a label for an input element. */
-export declare const Label: ({ children, htmlFor, noFontWeight, required, alignRight, ...restProps }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Label: ({ children, htmlFor, noFontWeight, required, alignRight, ...restProps }: LabelProps) => import("react").JSX.Element;

package/dist/components/Label/Label.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Label-o0BcWTUS.js";
+import { t as e } from "../../Label-D0ACrYG3.js";
 export { e as Label };

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Label.test.js","names":[],"sources":["../../../src/components/Label/Label.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Label } from './Label';\n\ndescribe('Label', () => {\n  it('should render', () => {\n    render(<Label htmlFor=\"testComponent\">Test label</Label>);\n    expect(screen.getByText('Test label')).toBeInTheDocument();\n  });\n\n  it('should render with required', () => {\n    render(\n      <Label htmlFor=\"testComponent\" required={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--required');\n  });\n\n  it('should render with noFontWeight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" noFontWeight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--unset-font-weight');\n  });\n\n  it('should render with alignRight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" alignRight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--align-right');\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,eAAe;CAwBtB,AAvBA,GAAG,uBAAuB;EAExB,AADA,EAAO,kBAAC,GAAD;GAAO,SAAQ;aAAgB;GAAkB,CAAA,CAAC,EACzD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB;GAC1D,EAEF,GAAG,qCAAqC;EAMtC,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,UAAU;aAAM;GAEvC,CAAA,CACT,EACD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,YAAY,kBAAkB;GACrE,EAEF,GAAG,yCAAyC;EAM1C,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,cAAc;aAAM;GAE3C,CAAA,CACT,EACD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,YAAY,2BAA2B;GAC9E,EAEF,GAAG,uCAAuC;EAMxC,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,YAAY;aAAM;GAEzC,CAAA,CACT,EACD,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,YAAY,qBAAqB;GACxE;EACF"}
+{"version":3,"file":"Label.test.js","names":[],"sources":["../../../src/components/Label/Label.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Label } from './Label';\n\ndescribe('Label', () => {\n  it('should render', () => {\n    render(<Label htmlFor=\"testComponent\">Test label</Label>);\n    expect(screen.getByText('Test label')).toBeInTheDocument();\n  });\n\n  it('should render with required', () => {\n    render(\n      <Label htmlFor=\"testComponent\" required={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--required');\n  });\n\n  it('should render with noFontWeight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" noFontWeight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--unset-font-weight');\n  });\n\n  it('should render with alignRight', () => {\n    render(\n      <Label htmlFor=\"testComponent\" alignRight={true}>\n        Test label\n      </Label>\n    );\n    expect(screen.getByText('Test label')).toHaveClass('label--align-right');\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,eAAe;CAwBtB,AAvBA,GAAG,uBAAuB;EAExB,AADA,EAAO,kBAAC,GAAD;GAAO,SAAQ;aAAgB;EAAiB,CAAA,CAAC,GACxD,OAAO,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAkB;CAC3D,CAAC,GAED,GAAG,qCAAqC;EAMtC,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,UAAU;aAAM;EAExC,CAAA,CACT,GACA,OAAO,EAAO,UAAU,YAAY,CAAC,EAAE,YAAY,iBAAiB;CACtE,CAAC,GAED,GAAG,yCAAyC;EAM1C,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,cAAc;aAAM;EAE5C,CAAA,CACT,GACA,OAAO,EAAO,UAAU,YAAY,CAAC,EAAE,YAAY,0BAA0B;CAC/E,CAAC,GAED,GAAG,uCAAuC;EAMxC,AALA,EACE,kBAAC,GAAD;GAAO,SAAQ;GAAgB,YAAY;aAAM;EAE1C,CAAA,CACT,GACA,OAAO,EAAO,UAAU,YAAY,CAAC,EAAE,YAAY,oBAAoB;CACzE,CAAC;AACH,CAAC"}

package/dist/components/Label/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Label-o0BcWTUS.js";
+import { t as e } from "../../Label-D0ACrYG3.js";
 export { e as Label };

package/dist/components/MenuLink/MenuLink.d.ts

@@ -3,4 +3,4 @@ import { NavLinkProps } from 'react-router';
 export interface MenuLinkProps extends Omit<NavLinkProps, 'style'> {
     overrideDefault?: boolean;
 }
-export declare const MenuLink: ({ overrideDefault, ...props }: MenuLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuLink: ({ overrideDefault, ...props }: MenuLinkProps) => import("react").JSX.Element;

package/dist/components/MenuLink/MenuLink.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../MenuLink-Cm1yZO_5.js";
+import { t as e } from "../../MenuLink-La_3ANEL.js";
 export { e as MenuLink };

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../MenuLink-Cm1yZO_5.js";
+import { t as e } from "../../MenuLink-La_3ANEL.js";
 import { jsx as t } from "react/jsx-runtime";
 import { MemoryRouter as n } from "react-router";
 import '../../assets/MenuLink.css';var r = {

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

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

package/dist/components/MenuLink/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../MenuLink-Cm1yZO_5.js";
+import { t as e } from "../../MenuLink-La_3ANEL.js";
 export { e as MenuLink };

package/dist/components/MetaDataBar/MetaDataBar.d.ts

@@ -8,4 +8,4 @@ export interface MetaDataBarProps {
     itemData: itemType[];
 }
 /** Represents a component that displays a array of data in a bar. */
-export declare const MetaDataBar: ({ itemData }: MetaDataBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetaDataBar: ({ itemData }: MetaDataBarProps) => import("react").JSX.Element;

package/dist/components/MetaDataBar/MetaDataBar.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../MetaDataBar-C4QO9oBV.js";
+import { t as e } from "../../MetaDataBar-48J7yPrb.js";
 export { e as MetaDataBar };

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../MetaDataBar-C4QO9oBV.js";
+import { t as e } from "../../MetaDataBar-48J7yPrb.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = {
 	title: "Molecules/MetaDataBar",

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

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