@uva-glass/component-library 1.48.1 → 1.50.0

package/dist/components/PeriodSelector/PeriodSelector.stories.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { fn as t } from "../../index-MQ0yPLdl.js";
+import { PeriodSelector as e } from "./PeriodSelector.js";
+const i = "<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />", m = {
+  title: "Organisms/PeriodSelector",
+  component: e,
+  parameters: {
+    inspectComponent: e,
+    codeString: i
+  }
+}, a = (o) => /* @__PURE__ */ r(e, { ...o }), l = a.bind({});
+l.args = {
+  maxPeriods: 7,
+  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+  defaultValues: [1, 5, 6],
+  label: "Periode",
+  labelPosition: "top",
+  required: !0,
+  onChange: t()
+};
+export {
+  l as PeriodSelectorExample,
+  m as default
+};
+//# sourceMappingURL=PeriodSelector.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodSelector.stories.js","sources":["../../../src/components/PeriodSelector/PeriodSelector.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodSelectorProps } from './PeriodSelector';\n\nimport { PeriodSelector } from './PeriodSelector';\n\nconst codeString =\n  '<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/PeriodSelector',\n  component: PeriodSelector,\n  parameters: {\n    inspectComponent: PeriodSelector,\n    codeString: codeString,\n  },\n} as Meta<PeriodSelectorProps>;\n\nconst Template: StoryFn<PeriodSelectorProps> = (args) => <PeriodSelector {...args} />;\n\nexport const PeriodSelectorExample = Template.bind({});\n\nPeriodSelectorExample.args = {\n  maxPeriods: 7,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  defaultValues: [1, 5, 6],\n  label: 'Periode',\n  labelPosition: 'top',\n  required: true,\n  onChange: fn(),\n};\n"],"names":["codeString","PeriodSelector_stories","PeriodSelector","Template","args","jsx","PeriodSelectorExample","fn"],"mappings":";;;AAOA,MAAMA,IACJ,uGAGaC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAyC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAgB,GAAGE,EAAM,CAAA,GAEtEE,IAAwBH,EAAS,KAAK,EAAE;AAErDG,EAAsB,OAAO;AAAA,EAC3B,YAAY;AAAA;AAAA,EAEZ,eAAe,CAAC,GAAG,GAAG,CAAC;AAAA,EACvB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAUC,EAAG;AACf;"}

package/dist/components/PeriodSelector/index.d.ts

@@ -0,0 +1 @@
+export * from './PeriodSelector';

package/dist/components/PeriodSelector/index.js

@@ -0,0 +1,5 @@
+import { PeriodSelector as r } from "./PeriodSelector.js";
+export {
+  r as PeriodSelector
+};
+//# sourceMappingURL=index.js.map

package/dist/components/PeriodSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Periods/Periods.d.ts

@@ -5,9 +5,13 @@ interface Period {
     periodInSemester: number;
 }
 export interface PeriodsProps {
+    /** Indicates which periods are selected. */
     periods: Period[] | number[];
+    /** Indicates the maximum number of periods to show in the selector. */
     maxPeriods?: 6 | 7;
+    /** A mapping for the tooltips of each period indicator. */
     titlePeriods?: Record<string, Record<string, string>>;
 }
+/** Represents a component for a period indicator. */
 export declare const Periods: ({ periods, titlePeriods, maxPeriods }: PeriodsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Periods/Periods.js.map

@@ -1 +1 @@
-{"version":3,"file":"Periods.js","sources":["../../../src/components/Periods/Periods.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useId } from 'react';\n\nimport styles from './Periods.module.css';\n\ninterface Period {\n  id: string;\n  number: number;\n  semesterNumber: number;\n  periodInSemester: number;\n}\n\nexport interface PeriodsProps {\n  periods: Period[] | number[];\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods?: 6 | 7;\n  titlePeriods?: Record<string, Record<string, string>>;\n}\n\nconst MAX_PERIODS = 6;\n\nexport const Periods = ({ periods, titlePeriods, maxPeriods = MAX_PERIODS }: PeriodsProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const idPrefix = useId();\n\n  const isArrayOfNumbers = periods.some((value) => {\n    return typeof value === 'number';\n  });\n\n  const getTitles = (titlePeriods: Record<string, Record<string, string>>): string => {\n    let currrentSemesterNumber = 0;\n\n    const title = periods.reduce((acc, period, index) => {\n      const { semesterNumber, periodInSemester } = period as Period;\n      let periodTitle = '';\n      if (semesterNumber !== currrentSemesterNumber) {\n        periodTitle = ` ${titlePeriods.periods['period-title'].replace('{{ semester }}', semesterNumber.toString())} ${periodInSemester}`;\n      } else if (periods[index + 1] && (periods[index + 1] as Period).semesterNumber === currrentSemesterNumber) {\n        periodTitle = `, ${periodInSemester}`;\n      } else {\n        periodTitle = ` ${titlePeriods.periods['last-separator']} ${periodInSemester}`;\n      }\n\n      currrentSemesterNumber = semesterNumber;\n      return `${acc}${periodTitle}`;\n    }, '');\n\n    return title.trim();\n  };\n\n  const isPeriodActive = (periodIndex: number): boolean => {\n    if (isArrayOfNumbers) {\n      return (periods as number[]).includes(periodIndex);\n    } else {\n      return periods.find((period) => (period as Period).number === periodIndex) ? true : false;\n    }\n  };\n\n  return (\n    <div\n      className={styles['period__container']}\n      title={isArrayOfNumbers ? '' : getTitles(titlePeriods as Record<string, Record<string, string>>)}\n    >\n      {maxPeriodsList.map((periodIndex) => {\n        return (\n          <span\n            className={clsx(styles['period__item'], isPeriodActive(periodIndex) ? styles['period__item--active'] : '')}\n            key={`${idPrefix}-${periodIndex}`}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["MAX_PERIODS","Periods","periods","titlePeriods","maxPeriods","maxPeriodsList","_","index","idPrefix","useId","isArrayOfNumbers","value","getTitles","currrentSemesterNumber","acc","period","semesterNumber","periodInSemester","periodTitle","isPeriodActive","periodIndex","jsx","styles","clsx"],"mappings":";;;;;;;GAmBMA,IAAc,GAEPC,IAAU,CAAC,EAAE,SAAAC,GAAS,cAAAC,GAAc,YAAAC,IAAaJ,QAAgC;AACtF,QAAAK,IAAiB,MAAM,KAAK,EAAE,QAAQD,KAAc,CAACE,GAAGC,MAAUA,IAAQ,CAAC,GAC3EC,IAAWC,KAEXC,IAAmBR,EAAQ,KAAK,CAACS,MAC9B,OAAOA,KAAU,QACzB,GAEKC,IAAY,CAACT,MAAiE;AAClF,QAAIU,IAAyB;AAiB7B,WAfcX,EAAQ,OAAO,CAACY,GAAKC,GAAQR,MAAU;AAC7C,YAAA,EAAE,gBAAAS,GAAgB,kBAAAC,EAAqB,IAAAF;AAC7C,UAAIG,IAAc;AAClB,aAAIF,MAAmBH,IACrBK,IAAc,IAAIf,EAAa,QAAQ,cAAc,EAAE,QAAQ,kBAAkBa,EAAe,SAAU,CAAA,CAAC,IAAIC,CAAgB,KACtHf,EAAQK,IAAQ,CAAC,KAAML,EAAQK,IAAQ,CAAC,EAAa,mBAAmBM,IACjFK,IAAc,KAAKD,CAAgB,KAEnCC,IAAc,IAAIf,EAAa,QAAQ,gBAAgB,CAAC,IAAIc,CAAgB,IAGrDJ,IAAAG,GAClB,GAAGF,CAAG,GAAGI,CAAW;AAAA,OAC1B,EAAE,EAEQ;EAAK,GAGdC,IAAiB,CAACC,MAClBV,IACMR,EAAqB,SAASkB,CAAW,IAE1C,EAAAlB,EAAQ,KAAK,CAACa,MAAYA,EAAkB,WAAWK,CAAW;AAK3E,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,OAAOZ,IAAmB,KAAKE,EAAUT,CAAsD;AAAA,MAE9F,UAAAE,EAAe,IAAI,CAACe,MAEjB,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE,EAAKD,EAAO,cAAiBH,EAAeC,CAAW,IAAIE,EAAO,sBAAsB,IAAI,EAAE;AAAA,QAAA;AAAA,QACpG,GAAGd,CAAQ,IAAIY,CAAW;AAAA,MAAA,CAGpC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Periods.js","sources":["../../../src/components/Periods/Periods.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useId } from 'react';\n\nimport styles from './Periods.module.css';\n\ninterface Period {\n  id: string;\n  number: number;\n  semesterNumber: number;\n  periodInSemester: number;\n}\n\nexport interface PeriodsProps {\n  /** Indicates which periods are selected. */\n  periods: Period[] | number[];\n  /** Indicates the maximum number of periods to show in the selector. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods?: 6 | 7;\n  /** A mapping for the tooltips of each period indicator. */\n  titlePeriods?: Record<string, Record<string, string>>;\n}\n\nconst MAX_PERIODS = 6;\n\n/** Represents a component for a period indicator. */\nexport const Periods = ({ periods, titlePeriods, maxPeriods = MAX_PERIODS }: PeriodsProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const idPrefix = useId();\n\n  const isArrayOfNumbers = periods.some((value) => {\n    return typeof value === 'number';\n  });\n\n  const getTitles = (titlePeriods: Record<string, Record<string, string>>): string => {\n    let currentSemesterNumber = 0;\n\n    const title = periods.reduce((acc, period, index) => {\n      const { semesterNumber, periodInSemester } = period as Period;\n      let periodTitle = '';\n      if (semesterNumber !== currentSemesterNumber) {\n        periodTitle = ` ${titlePeriods.periods['period-title'].replace('{{ semester }}', semesterNumber.toString())} ${periodInSemester}`;\n      } else if (periods[index + 1] && (periods[index + 1] as Period).semesterNumber === currentSemesterNumber) {\n        periodTitle = `, ${periodInSemester}`;\n      } else {\n        periodTitle = ` ${titlePeriods.periods['last-separator']} ${periodInSemester}`;\n      }\n\n      currentSemesterNumber = semesterNumber;\n      return `${acc}${periodTitle}`;\n    }, '');\n\n    return title.trim();\n  };\n\n  const isPeriodActive = (periodIndex: number): boolean => {\n    if (isArrayOfNumbers) {\n      return (periods as number[]).includes(periodIndex);\n    } else {\n      return periods.find((period) => (period as Period).number === periodIndex) ? true : false;\n    }\n  };\n\n  return (\n    <div\n      className={styles['period__container']}\n      title={isArrayOfNumbers ? '' : getTitles(titlePeriods as Record<string, Record<string, string>>)}\n    >\n      {maxPeriodsList.map((periodIndex) => {\n        return (\n          <span\n            className={clsx(styles['period__item'], isPeriodActive(periodIndex) ? styles['period__item--active'] : '')}\n            key={`${idPrefix}-${periodIndex}`}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["MAX_PERIODS","Periods","periods","titlePeriods","maxPeriods","maxPeriodsList","_","index","idPrefix","useId","isArrayOfNumbers","value","getTitles","currentSemesterNumber","acc","period","semesterNumber","periodInSemester","periodTitle","isPeriodActive","periodIndex","jsx","styles","clsx"],"mappings":";;;;;;;GAsBMA,IAAc,GAGPC,IAAU,CAAC,EAAE,SAAAC,GAAS,cAAAC,GAAc,YAAAC,IAAaJ,QAAgC;AACtF,QAAAK,IAAiB,MAAM,KAAK,EAAE,QAAQD,KAAc,CAACE,GAAGC,MAAUA,IAAQ,CAAC,GAC3EC,IAAWC,KAEXC,IAAmBR,EAAQ,KAAK,CAACS,MAC9B,OAAOA,KAAU,QACzB,GAEKC,IAAY,CAACT,MAAiE;AAClF,QAAIU,IAAwB;AAiB5B,WAfcX,EAAQ,OAAO,CAACY,GAAKC,GAAQR,MAAU;AAC7C,YAAA,EAAE,gBAAAS,GAAgB,kBAAAC,EAAqB,IAAAF;AAC7C,UAAIG,IAAc;AAClB,aAAIF,MAAmBH,IACrBK,IAAc,IAAIf,EAAa,QAAQ,cAAc,EAAE,QAAQ,kBAAkBa,EAAe,SAAU,CAAA,CAAC,IAAIC,CAAgB,KACtHf,EAAQK,IAAQ,CAAC,KAAML,EAAQK,IAAQ,CAAC,EAAa,mBAAmBM,IACjFK,IAAc,KAAKD,CAAgB,KAEnCC,IAAc,IAAIf,EAAa,QAAQ,gBAAgB,CAAC,IAAIc,CAAgB,IAGtDJ,IAAAG,GACjB,GAAGF,CAAG,GAAGI,CAAW;AAAA,OAC1B,EAAE,EAEQ;EAAK,GAGdC,IAAiB,CAACC,MAClBV,IACMR,EAAqB,SAASkB,CAAW,IAE1C,EAAAlB,EAAQ,KAAK,CAACa,MAAYA,EAAkB,WAAWK,CAAW;AAK3E,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,OAAOZ,IAAmB,KAAKE,EAAUT,CAAsD;AAAA,MAE9F,UAAAE,EAAe,IAAI,CAACe,MAEjB,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE,EAAKD,EAAO,cAAiBH,EAAeC,CAAW,IAAIE,EAAO,sBAAsB,IAAI,EAAE;AAAA,QAAA;AAAA,QACpG,GAAGd,CAAQ,IAAIY,CAAW;AAAA,MAAA,CAGpC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Periods/Periods.stories.js

@@ -42,6 +42,7 @@ const t = "<Periods periods={periods} />", o = [
     }
   },
   parameters: {
+    inspectComponent: e,
     codeString: t
   }
 }, m = (r) => /* @__PURE__ */ s(e, { ...r }), d = m.bind({});

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

@@ -1 +1 @@
-{"version":3,"file":"Periods.stories.js","sources":["../../../src/components/Periods/Periods.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodsProps } from './Periods';\n\nimport { Periods } from './Periods';\n\nconst codeString = '<Periods periods={periods} />';\n\nconst PERIODS = [\n  {\n    id: '2023P1',\n    number: 1,\n    semesterNumber: 1,\n    periodInSemester: 1,\n  },\n  {\n    id: '2023P2',\n    number: 2,\n    semesterNumber: 1,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P5',\n    number: 5,\n    semesterNumber: 2,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P7',\n    number: 7,\n    semesterNumber: 3,\n    periodInSemester: 1,\n  },\n];\n\nconst TITLE_PERIODS = {\n  periods: {\n    'period-title': 'Semester {{ semester }} block',\n    'last-separator': 'en',\n  },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Periods',\n  component: Periods,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    codeString: codeString,\n  },\n} as Meta<PeriodsProps>;\n\nconst Template: StoryFn<PeriodsProps> = (args) => <Periods {...args} />;\n\nexport const PeriodsExample = Template.bind({});\n\nPeriodsExample.args = {\n  periods: PERIODS,\n  maxPeriods: 7,\n  titlePeriods: TITLE_PERIODS,\n};\n"],"names":["codeString","PERIODS","TITLE_PERIODS","Periods_stories","Periods","Template","args","jsx","PeriodsExample"],"mappings":";;AAKA,MAAMA,IAAa,iCAEbC,IAAU;AAAA,EACd;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AACF,GAEMC,IAAgB;AAAA,EACpB,SAAS;AAAA,IACP,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AACF,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA;AAAA,MAER,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,YAAAJ;AAAA,EACF;AACF,GAEMK,IAAkC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAS,GAAGE,EAAM,CAAA,GAExDE,IAAiBH,EAAS,KAAK,EAAE;AAE9CG,EAAe,OAAO;AAAA,EACpB,SAASP;AAAA,EACT,YAAY;AAAA,EACZ,cAAcC;AAChB;"}
+{"version":3,"file":"Periods.stories.js","sources":["../../../src/components/Periods/Periods.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodsProps } from './Periods';\n\nimport { Periods } from './Periods';\n\nconst codeString = '<Periods periods={periods} />';\n\nconst PERIODS = [\n  {\n    id: '2023P1',\n    number: 1,\n    semesterNumber: 1,\n    periodInSemester: 1,\n  },\n  {\n    id: '2023P2',\n    number: 2,\n    semesterNumber: 1,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P5',\n    number: 5,\n    semesterNumber: 2,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P7',\n    number: 7,\n    semesterNumber: 3,\n    periodInSemester: 1,\n  },\n];\n\nconst TITLE_PERIODS = {\n  periods: {\n    'period-title': 'Semester {{ semester }} block',\n    'last-separator': 'en',\n  },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Periods',\n  component: Periods,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Periods,\n    codeString: codeString,\n  },\n} as Meta<PeriodsProps>;\n\nconst Template: StoryFn<PeriodsProps> = (args) => <Periods {...args} />;\n\nexport const PeriodsExample = Template.bind({});\n\nPeriodsExample.args = {\n  periods: PERIODS,\n  maxPeriods: 7,\n  titlePeriods: TITLE_PERIODS,\n};\n"],"names":["codeString","PERIODS","TITLE_PERIODS","Periods_stories","Periods","Template","args","jsx","PeriodsExample"],"mappings":";;AAKA,MAAMA,IAAa,iCAEbC,IAAU;AAAA,EACd;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AACF,GAEMC,IAAgB;AAAA,EACpB,SAAS;AAAA,IACP,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AACF,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA;AAAA,MAER,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAJ;AAAA,EACF;AACF,GAEMK,IAAkC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAS,GAAGE,EAAM,CAAA,GAExDE,IAAiBH,EAAS,KAAK,EAAE;AAE9CG,EAAe,OAAO;AAAA,EACpB,SAASP;AAAA,EACT,YAAY;AAAA,EACZ,cAAcC;AAChB;"}

package/dist/components/ProgrammeCard/ProgrammeCard.d.ts

@@ -1,7 +1,11 @@
 import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
 export interface ProgrammeCardProps {
+    /** The callback function that is invoked when the card is clicked. */
     onClick: (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
+    /** The header contents. */
     header?: ReactNode;
+    /** The programme details. */
     details?: ReactNode;
 }
+/** Represents a component to render a card for a programme. */
 export declare const ProgrammeCard: ({ onClick, header, details }: ProgrammeCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ProgrammeCard/ProgrammeCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgrammeCard.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\n\nimport styles from './ProgrammeCard.module.css';\n\nexport interface ProgrammeCardProps {\n  onClick: (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;\n  header?: ReactNode;\n  details?: ReactNode;\n}\n\nexport const ProgrammeCard = ({ onClick, header, details }: ProgrammeCardProps) => {\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      onClick(event);\n    }\n  };\n\n  return (\n    <div className={styles['programme-card']} role=\"button\" onClick={onClick} onKeyDown={handleKeyDown} tabIndex={0}>\n      {header}\n      {details && <hr className={styles['programme-card__divider']} />}\n      {details}\n    </div>\n  );\n};\n"],"names":["ProgrammeCard","onClick","header","details","handleKeyDown","event","jsxs","styles","jsx"],"mappings":";;;;GAUaA,IAAgB,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,SAAAC,QAAkC;AAC3E,QAAAC,IAAgB,CAACC,MAAyC;AAC9D,IAAIJ,MAAYI,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACrDA,EAAM,eAAe,GACrBJ,EAAQI,CAAK;AAAA,EACf;AAGF,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,gBAAgB,GAAG,MAAK,UAAS,SAAAN,GAAkB,WAAWG,GAAe,UAAU,GAC3G,UAAA;AAAA,IAAAF;AAAA,IACAC,KAAY,gBAAAK,EAAA,MAAA,EAAG,WAAWD,EAAO,yBAAyB,GAAG;AAAA,IAC7DJ;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"ProgrammeCard.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\n\nimport styles from './ProgrammeCard.module.css';\n\nexport interface ProgrammeCardProps {\n  /** The callback function that is invoked when the card is clicked. */\n  onClick: (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;\n  /** The header contents. */\n  header?: ReactNode;\n  /** The programme details. */\n  details?: ReactNode;\n}\n\n/** Represents a component to render a card for a programme. */\nexport const ProgrammeCard = ({ onClick, header, details }: ProgrammeCardProps) => {\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      onClick(event);\n    }\n  };\n\n  return (\n    <div className={styles['programme-card']} role=\"button\" onClick={onClick} onKeyDown={handleKeyDown} tabIndex={0}>\n      {header}\n      {details && <hr className={styles['programme-card__divider']} />}\n      {details}\n    </div>\n  );\n};\n"],"names":["ProgrammeCard","onClick","header","details","handleKeyDown","event","jsxs","styles","jsx"],"mappings":";;;;GAcaA,IAAgB,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,SAAAC,QAAkC;AAC3E,QAAAC,IAAgB,CAACC,MAAyC;AAC9D,IAAIJ,MAAYI,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACrDA,EAAM,eAAe,GACrBJ,EAAQI,CAAK;AAAA,EACf;AAGF,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,gBAAgB,GAAG,MAAK,UAAS,SAAAN,GAAkB,WAAWG,GAAe,UAAU,GAC3G,UAAA;AAAA,IAAAF;AAAA,IACAC,KAAY,gBAAAK,EAAA,MAAA,EAAG,WAAWD,EAAO,yBAAyB,GAAG;AAAA,IAC7DJ;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -1,6 +1,6 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { fn as a } from "../../index-MQ0yPLdl.js";
-import { ProgrammeCard as t } from "./ProgrammeCard.js";
+import { ProgrammeCard as o } from "./ProgrammeCard.js";
 import { Container as n } from "../../storyComponents/Container/Container.js";
 import "react";
 import { Icon as m } from "../Icon/Icon.js";
@@ -21,11 +21,12 @@ import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 const l = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", I = {
   title: "Atoms/ProgrammeCard",
-  component: t,
+  component: o,
   parameters: {
+    inspectComponent: o,
     codeString: l
   }
-}, s = (o) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ r(t, { ...o }) }), d = s.bind({});
+}, s = (t) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ e(o, { ...t }) }), d = s.bind({});
 d.args = {
   header: "This is my header",
   details: "This is my details",
@@ -33,30 +34,30 @@ d.args = {
 };
 const p = s.bind({});
 p.args = {
-  header: /* @__PURE__ */ e(i, { flexDirection: "row", gap: "150", children: [
-    /* @__PURE__ */ r(m, { name: "Envelope", size: 32 }),
-    /* @__PURE__ */ r("h2", { style: { margin: 0 }, children: "This is my header" })
+  header: /* @__PURE__ */ r(i, { flexDirection: "row", gap: "150", children: [
+    /* @__PURE__ */ e(m, { name: "Envelope", size: 32 }),
+    /* @__PURE__ */ e("h2", { style: { margin: 0 }, children: "This is my header" })
   ] }),
-  details: /* @__PURE__ */ e(i, { flexDirection: "row", gap: "150", children: [
-    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
-      /* @__PURE__ */ r(m, { name: "FaceFrown" }),
+  details: /* @__PURE__ */ r(i, { flexDirection: "row", gap: "150", children: [
+    /* @__PURE__ */ r(i, { flexDirection: "row", children: [
+      /* @__PURE__ */ e(m, { name: "FaceFrown" }),
       "Details 1"
     ] }),
-    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
-      /* @__PURE__ */ r(m, { name: "Heart" }),
+    /* @__PURE__ */ r(i, { flexDirection: "row", children: [
+      /* @__PURE__ */ e(m, { name: "Heart" }),
       "Details 2"
     ] }),
-    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
-      /* @__PURE__ */ r(m, { name: "Sparkles" }),
+    /* @__PURE__ */ r(i, { flexDirection: "row", children: [
+      /* @__PURE__ */ e(m, { name: "Sparkles" }),
       "Details 3"
     ] })
   ] }),
   onClick: a()
 };
-const c = (o) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ e(i, { children: [
-  /* @__PURE__ */ r(t, { ...o }),
-  /* @__PURE__ */ r(t, { ...o }),
-  /* @__PURE__ */ r(t, { ...o })
+const c = (t) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ r(i, { children: [
+  /* @__PURE__ */ e(o, { ...t }),
+  /* @__PURE__ */ e(o, { ...t }),
+  /* @__PURE__ */ e(o, { ...t })
 ] }) }), h = c.bind({});
 h.args = {
   header: "This is my header",

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

@@ -1 +1 @@
-{"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\n  parameters: {\n    codeString: codeString,\n  },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <ProgrammeCard {...args} />\n  </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  header: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Icon name=\"Envelope\" size={32} />\n      <h2 style={{ margin: 0 }}>This is my header</h2>\n    </Repeater>\n  ),\n  details: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"FaceFrown\" />\n        Details 1\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Heart\" />\n        Details 2\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Sparkles\" />\n        Details 3\n      </Repeater>\n    </Repeater>\n  ),\n  onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <Repeater>\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n    </Repeater>\n  </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n"],"names":["codeString","ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,IAAa,2FAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,YAAAF;AAAA,EACF;AACF,GAEMG,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,EAAE;AACpDI,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASC,EAAG;AACd;AAEO,MAAMC,IAAqBN,EAAS,KAAK,EAAE;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,qBAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,GAE1B;AAAA,EAAA,GACF;AAAA,EAEF,SAASJ,EAAG;AACd;AAEA,MAAMK,IAA2D,CAACT,MAChE,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACK,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EAC3B,CAAA,EACF,CAAA,GAGWU,IAAsBD,EAA4B,KAAK,EAAE;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASN,EAAG;AACd;"}
+{"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\n  parameters: {\n    inspectComponent: ProgrammeCard,\n    codeString: codeString,\n  },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <ProgrammeCard {...args} />\n  </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  header: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Icon name=\"Envelope\" size={32} />\n      <h2 style={{ margin: 0 }}>This is my header</h2>\n    </Repeater>\n  ),\n  details: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"FaceFrown\" />\n        Details 1\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Heart\" />\n        Details 2\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Sparkles\" />\n        Details 3\n      </Repeater>\n    </Repeater>\n  ),\n  onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <Repeater>\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n    </Repeater>\n  </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n"],"names":["codeString","ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,IAAa,2FAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,EAAE;AACpDI,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASC,EAAG;AACd;AAEO,MAAMC,IAAqBN,EAAS,KAAK,EAAE;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,qBAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,GAE1B;AAAA,EAAA,GACF;AAAA,EAEF,SAASJ,EAAG;AACd;AAEA,MAAMK,IAA2D,CAACT,MAChE,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACK,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EAC3B,CAAA,EACF,CAAA,GAGWU,IAAsBD,EAA4B,KAAK,EAAE;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASN,EAAG;AACd;"}

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,8 +1,13 @@
 import { InputHTMLAttributes } from 'react';
 export interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {
+    /** The id of the element. */
     id: string;
+    /** The label of the radio button. */
     label: string;
+    /** The description that is shown under the label. */
     description?: string;
+    /** The gap between the label and radio button. */
     gap?: 'normal' | 'large';
 }
+/** Represents a component for a radio button. */
 export declare const RadioButton: ({ id, label, gap, description, ...restProps }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes } from 'react';\n\nimport styles from './RadioButton.module.css';\n\nexport interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {\n  id: string;\n  label: string;\n  description?: string;\n  gap?: 'normal' | 'large';\n}\n\nexport const RadioButton = ({ id, label, gap = 'normal', description, ...restProps }: RadioButtonProps) => (\n  <div className={clsx(styles['radio-button'], styles[`radio-button--gap-${gap}`])}>\n    <input\n      className={styles['radio-button__input']}\n      {...restProps}\n      id={id}\n      type=\"radio\"\n      aria-describedby={description ? `${id}-description` : undefined}\n    />\n    <label className={styles['radio-button__label']} htmlFor={id}>\n      {label}\n    </label>\n    {description && (\n      <p id={`${id}-description`} className={styles['radio-button__description']}>\n        {description}\n      </p>\n    )}\n  </div>\n);\n"],"names":["RadioButton","id","label","gap","description","restProps","clsx","styles","jsx"],"mappings":";;;;;;;;GAaaA,IAAc,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,KAAAC,IAAM,UAAU,aAAAC,GAAa,GAAGC,0BACtE,OAAI,EAAA,WAAWC,EAAKC,EAAO,cAAc,GAAGA,EAAO,qBAAqBJ,CAAG,EAAE,CAAC,GAC7E,UAAA;AAAA,EAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO,qBAAqB;AAAA,MACtC,GAAGF;AAAA,MACJ,IAAAJ;AAAA,MACA,MAAK;AAAA,MACL,oBAAkBG,IAAc,GAAGH,CAAE,iBAAiB;AAAA,IAAA;AAAA,EACxD;AAAA,EACA,gBAAAO,EAAC,WAAM,WAAWD,EAAO,qBAAqB,GAAG,SAASN,GACvD,UACHC,GAAA;AAAA,EACCE,KACE,gBAAAI,EAAA,KAAA,EAAE,IAAI,GAAGP,CAAE,gBAAgB,WAAWM,EAAO,2BAA2B,GACtE,UACHH,EAAA,CAAA;AAAA,EAEJ,CAAA;"}
+{"version":3,"file":"RadioButton.js","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes } from 'react';\n\nimport styles from './RadioButton.module.css';\n\nexport interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {\n  /** The id of the element. */\n  id: string;\n  /** The label of the radio button. */\n  label: string;\n  /** The description that is shown under the label. */\n  description?: string;\n  /** The gap between the label and radio button. */\n  gap?: 'normal' | 'large';\n}\n\n/** Represents a component for a radio button. */\nexport const RadioButton = ({ id, label, gap = 'normal', description, ...restProps }: RadioButtonProps) => (\n  <div className={clsx(styles['radio-button'], styles[`radio-button--gap-${gap}`])}>\n    <input\n      className={styles['radio-button__input']}\n      {...restProps}\n      id={id}\n      type=\"radio\"\n      aria-describedby={description ? `${id}-description` : undefined}\n    />\n    <label className={styles['radio-button__label']} htmlFor={id}>\n      {label}\n    </label>\n    {description && (\n      <p id={`${id}-description`} className={styles['radio-button__description']}>\n        {description}\n      </p>\n    )}\n  </div>\n);\n"],"names":["RadioButton","id","label","gap","description","restProps","clsx","styles","jsx"],"mappings":";;;;;;;;GAkBaA,IAAc,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,KAAAC,IAAM,UAAU,aAAAC,GAAa,GAAGC,0BACtE,OAAI,EAAA,WAAWC,EAAKC,EAAO,cAAc,GAAGA,EAAO,qBAAqBJ,CAAG,EAAE,CAAC,GAC7E,UAAA;AAAA,EAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO,qBAAqB;AAAA,MACtC,GAAGF;AAAA,MACJ,IAAAJ;AAAA,MACA,MAAK;AAAA,MACL,oBAAkBG,IAAc,GAAGH,CAAE,iBAAiB;AAAA,IAAA;AAAA,EACxD;AAAA,EACA,gBAAAO,EAAC,WAAM,WAAWD,EAAO,qBAAqB,GAAG,SAASN,GACvD,UACHC,GAAA;AAAA,EACCE,KACE,gBAAAI,EAAA,KAAA,EAAE,IAAI,GAAGP,CAAE,gBAAgB,WAAWM,EAAO,2BAA2B,GACtE,UACHH,EAAA,CAAA;AAAA,EAEJ,CAAA;"}

package/dist/components/RadioButton/RadioButton.stories.js

@@ -1,10 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-import { RadioButton as o } from "./RadioButton.js";
-import '../../assets/RadioButton2.css';const a = `
+import { jsx as o } from "react/jsx-runtime";
+import { RadioButton as e } from "./RadioButton.js";
+import '../../assets/RadioButton2.css';const n = `
   <RadioButton checked={checked} id={id} label={label} name={name} 
-    onChange={onChangeFunction} value={value} description={description} /> `, r = {
+    onChange={onChangeFunction} value={value} description={description} /> `, s = {
   title: "Atoms/RadioButton",
-  component: o,
+  component: e,
   argTypes: {
     id: {
       control: "text"
@@ -23,9 +23,10 @@ import '../../assets/RadioButton2.css';const a = `
     }
   },
   parameters: {
-    codeString: a
+    inspectComponent: e,
+    codeString: n
   }
-}, n = (t) => /* @__PURE__ */ e("fieldset", { className: "fieldset", children: /* @__PURE__ */ e(o, { ...t }) }), i = n.bind({});
+}, a = (t) => /* @__PURE__ */ o("fieldset", { className: "fieldset", children: /* @__PURE__ */ o(e, { ...t }) }), i = a.bind({});
 i.args = {
   gap: "normal",
   disabled: !1,
@@ -35,6 +36,6 @@ i.args = {
 };
 export {
   i as RadioButtonExample,
-  r as default
+  s as default
 };
 //# sourceMappingURL=RadioButton.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.stories.js","sources":["../../../src/components/RadioButton/RadioButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { RadioButtonProps } from './RadioButton';\n\nimport { RadioButton } from './RadioButton';\nimport './RadioButton.stories.css';\n\nconst codeString = `\n  <RadioButton checked={checked} id={id} label={label} name={name} \n    onChange={onChangeFunction} value={value} description={description} /> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/RadioButton',\n  component: RadioButton,\n  argTypes: {\n    id: {\n      control: 'text',\n    },\n    label: {\n      control: 'text',\n    },\n    description: {\n      control: 'text',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    gap: {\n      control: 'radio',\n    },\n  },\n  parameters: {\n    codeString: codeString,\n  },\n} as Meta<RadioButtonProps>;\n\nconst Template: StoryFn<RadioButtonProps> = (args) => (\n  <fieldset className=\"fieldset\">\n    <RadioButton {...args} />\n  </fieldset>\n);\n\nexport const RadioButtonExample = Template.bind({});\nRadioButtonExample.args = {\n  gap: 'normal',\n  disabled: false,\n  label: 'Sample label',\n  description: 'Sample description',\n  id: 'de501f21',\n};\n"],"names":["codeString","RadioButton_stories","RadioButton","Template","args","jsx","RadioButtonExample"],"mappings":";;AAMA,MAAMA,IAAa;AAAA;AAAA,8EAKJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,IAAI;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,IACA,KAAK;AAAA,MACH,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,YAAAF;AAAA,EACF;AACF,GAEMG,IAAsC,CAACC,MAC1C,gBAAAC,EAAA,YAAA,EAAS,WAAU,YAClB,UAAC,gBAAAA,EAAAH,GAAA,EAAa,GAAGE,EAAM,CAAA,EACzB,CAAA,GAGWE,IAAqBH,EAAS,KAAK,EAAE;AAClDG,EAAmB,OAAO;AAAA,EACxB,KAAK;AAAA,EACL,UAAU;AAAA,EACV,OAAO;AAAA,EACP,aAAa;AAAA,EACb,IAAI;AACN;"}
+{"version":3,"file":"RadioButton.stories.js","sources":["../../../src/components/RadioButton/RadioButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { RadioButtonProps } from './RadioButton';\n\nimport { RadioButton } from './RadioButton';\nimport './RadioButton.stories.css';\n\nconst codeString = `\n  <RadioButton checked={checked} id={id} label={label} name={name} \n    onChange={onChangeFunction} value={value} description={description} /> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/RadioButton',\n  component: RadioButton,\n  argTypes: {\n    id: {\n      control: 'text',\n    },\n    label: {\n      control: 'text',\n    },\n    description: {\n      control: 'text',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    gap: {\n      control: 'radio',\n    },\n  },\n  parameters: {\n    inspectComponent: RadioButton,\n    codeString: codeString,\n  },\n} as Meta<RadioButtonProps>;\n\nconst Template: StoryFn<RadioButtonProps> = (args) => (\n  <fieldset className=\"fieldset\">\n    <RadioButton {...args} />\n  </fieldset>\n);\n\nexport const RadioButtonExample = Template.bind({});\nRadioButtonExample.args = {\n  gap: 'normal',\n  disabled: false,\n  label: 'Sample label',\n  description: 'Sample description',\n  id: 'de501f21',\n};\n"],"names":["codeString","RadioButton_stories","RadioButton","Template","args","jsx","RadioButtonExample"],"mappings":";;AAMA,MAAMA,IAAa;AAAA;AAAA,8EAKJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,IAAI;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,IACA,KAAK;AAAA,MACH,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAsC,CAACC,MAC1C,gBAAAC,EAAA,YAAA,EAAS,WAAU,YAClB,UAAC,gBAAAA,EAAAH,GAAA,EAAa,GAAGE,EAAM,CAAA,EACzB,CAAA,GAGWE,IAAqBH,EAAS,KAAK,EAAE;AAClDG,EAAmB,OAAO;AAAA,EACxB,KAAK;AAAA,EACL,UAAU;AAAA,EACV,OAAO;AAAA,EACP,aAAa;AAAA,EACb,IAAI;AACN;"}

package/dist/components/Repeater/Repeater.d.ts

@@ -1,6 +1,9 @@
 import { PropsWithChildren } from 'react';
 export interface RepeaterProps {
+    /** The direction of the items. */
     flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    /** The gap between the items. */
     gap?: '025' | '050' | '075' | '100' | '150' | '200';
 }
+/** Represents a component to show a list of items. */
 export declare const Repeater: ({ children, flexDirection, gap }: PropsWithChildren<RepeaterProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Repeater/Repeater.js.map

@@ -1 +1 @@
-{"version":3,"file":"Repeater.js","sources":["../../../src/components/Repeater/Repeater.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './Repeater.module.css';\n\nexport interface RepeaterProps {\n  flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  gap?: '025' | '050' | '075' | '100' | '150' | '200';\n}\n\nexport const Repeater = ({ children, flexDirection = 'column', gap = '050' }: PropsWithChildren<RepeaterProps>) => {\n  return (\n    <div className={clsx(styles['repeater'], styles[`repeater--${flexDirection}`], styles[`repeater--gap-${gap}`])}>\n      {children}\n    </div>\n  );\n};\n"],"names":["Repeater","children","flexDirection","gap","clsx","styles"],"mappings":";;;;;;;;;;;;;;GAWaA,IAAW,CAAC,EAAE,UAAAC,GAAU,eAAAC,IAAgB,UAAU,KAAAC,IAAM,8BAEhE,OAAI,EAAA,WAAWC,EAAKC,EAAO,UAAaA,EAAO,aAAaH,CAAa,EAAE,GAAGG,EAAO,iBAAiBF,CAAG,EAAE,CAAC,GAC1G,UAAAF,EACH,CAAA;"}
+{"version":3,"file":"Repeater.js","sources":["../../../src/components/Repeater/Repeater.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './Repeater.module.css';\n\nexport interface RepeaterProps {\n  /** The direction of the items. */\n  flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  /** The gap between the items. */\n  gap?: '025' | '050' | '075' | '100' | '150' | '200';\n}\n\n/** Represents a component to show a list of items. */\nexport const Repeater = ({ children, flexDirection = 'column', gap = '050' }: PropsWithChildren<RepeaterProps>) => {\n  return (\n    <div className={clsx(styles['repeater'], styles[`repeater--${flexDirection}`], styles[`repeater--gap-${gap}`])}>\n      {children}\n    </div>\n  );\n};\n"],"names":["Repeater","children","flexDirection","gap","clsx","styles"],"mappings":";;;;;;;;;;;;;;GAcaA,IAAW,CAAC,EAAE,UAAAC,GAAU,eAAAC,IAAgB,UAAU,KAAAC,IAAM,8BAEhE,OAAI,EAAA,WAAWC,EAAKC,EAAO,UAAaA,EAAO,aAAaH,CAAa,EAAE,GAAGG,EAAO,iBAAiBF,CAAG,EAAE,CAAC,GAC1G,UAAAF,EACH,CAAA;"}

package/dist/components/Repeater/Repeater.stories.js

@@ -1,7 +1,7 @@
-import { jsxs as i, Fragment as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, Fragment as n, jsx as e } from "react/jsx-runtime";
 import { Repeater as t } from "./Repeater.js";
 import { Container as o } from "../../storyComponents/Container/Container.js";
-const a = "<Repeater flexDirection={flexDirection} gap={gap}>{children}</Repeater>", d = {
+const l = "<Repeater flexDirection={flexDirection} gap={gap}>{children}</Repeater>", d = {
   title: "Atoms/Repeater",
   component: t,
   argTypes: {
@@ -23,13 +23,14 @@ const a = "<Repeater flexDirection={flexDirection} gap={gap}>{children}</Repeate
     }
   },
   parameters: {
-    codeString: a
+    inspectComponent: t,
+    codeString: l
   }
-}, n = (r) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { ...r }) }), p = n.bind({});
+}, a = (r) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { ...r }) }), p = a.bind({});
 p.args = {
   flexDirection: "column",
   gap: "050",
-  children: /* @__PURE__ */ i(l, { children: [
+  children: /* @__PURE__ */ i(n, { children: [
     /* @__PURE__ */ e("div", { children: "Example item 1" }),
     /* @__PURE__ */ e("div", { children: "Example item 2" }),
     /* @__PURE__ */ e("div", { children: "Example item 3" })

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

@@ -1 +1 @@
-{"version":3,"file":"Repeater.stories.js","sources":["../../../src/components/Repeater/Repeater.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { RepeaterProps } from './Repeater';\n\nimport { Repeater } from './Repeater';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<Repeater flexDirection={flexDirection} gap={gap}>{children}</Repeater>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Repeater',\n  component: Repeater,\n  argTypes: {\n    flexDirection: {\n      control: {\n        type: 'select',\n      },\n    },\n    gap: {\n      control: {\n        type: 'select',\n        sort: false,\n      },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<RepeaterProps>>;\n\nconst Template: StoryFn<PropsWithChildren<RepeaterProps>> = (args) => (\n  <Container>\n    <Repeater {...args} />\n  </Container>\n);\n\nexport const RepeaterExample = Template.bind({});\nRepeaterExample.args = {\n  flexDirection: 'column',\n  gap: '050',\n  children: (\n    <>\n      <div>Example item 1</div>\n      <div>Example item 2</div>\n      <div>Example item 3</div>\n    </>\n  ),\n};\n"],"names":["codeString","Repeater_stories","Repeater","Template","args","jsx","Container","RepeaterExample","jsxs","Fragment"],"mappings":";;;AAQA,MAAMA,IAAa,2EAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,eAAe;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,KAAK;AAAA,MACH,SAAS;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,YAAAF;AAAA,EACF;AACF,GAEMG,IAAsD,CAACC,MAC3D,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAU,GAAGE,EAAM,CAAA,EACtB,CAAA,GAGWG,IAAkBJ,EAAS,KAAK,EAAE;AAC/CI,EAAgB,OAAO;AAAA,EACrB,eAAe;AAAA,EACf,KAAK;AAAA,EACL,UAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAJ,EAAC,SAAI,UAAc,iBAAA,CAAA;AAAA,IACnB,gBAAAA,EAAC,SAAI,UAAc,iBAAA,CAAA;AAAA,IACnB,gBAAAA,EAAC,SAAI,UAAc,iBAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;"}
+{"version":3,"file":"Repeater.stories.js","sources":["../../../src/components/Repeater/Repeater.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { RepeaterProps } from './Repeater';\n\nimport { Repeater } from './Repeater';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<Repeater flexDirection={flexDirection} gap={gap}>{children}</Repeater>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Repeater',\n  component: Repeater,\n  argTypes: {\n    flexDirection: {\n      control: {\n        type: 'select',\n      },\n    },\n    gap: {\n      control: {\n        type: 'select',\n        sort: false,\n      },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Repeater,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<RepeaterProps>>;\n\nconst Template: StoryFn<PropsWithChildren<RepeaterProps>> = (args) => (\n  <Container>\n    <Repeater {...args} />\n  </Container>\n);\n\nexport const RepeaterExample = Template.bind({});\nRepeaterExample.args = {\n  flexDirection: 'column',\n  gap: '050',\n  children: (\n    <>\n      <div>Example item 1</div>\n      <div>Example item 2</div>\n      <div>Example item 3</div>\n    </>\n  ),\n};\n"],"names":["codeString","Repeater_stories","Repeater","Template","args","jsx","Container","RepeaterExample","jsxs","Fragment"],"mappings":";;;AAQA,MAAMA,IAAa,2EAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,eAAe;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,KAAK;AAAA,MACH,SAAS;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAsD,CAACC,MAC3D,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAU,GAAGE,EAAM,CAAA,EACtB,CAAA,GAGWG,IAAkBJ,EAAS,KAAK,EAAE;AAC/CI,EAAgB,OAAO;AAAA,EACrB,eAAe;AAAA,EACf,KAAK;AAAA,EACL,UAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAJ,EAAC,SAAI,UAAc,iBAAA,CAAA;AAAA,IACnB,gBAAAA,EAAC,SAAI,UAAc,iBAAA,CAAA;AAAA,IACnB,gBAAAA,EAAC,SAAI,UAAc,iBAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;"}

package/dist/components/SectionNotification/SectionNotification.d.ts

@@ -1,5 +1,7 @@
 import { PropsWithChildren } from 'react';
 export interface SectionNotificationProps {
+    /** `true` if the notification bar should be full width; otherwise, `false`. */
     fullWidth?: boolean;
 }
+/** Represents a component to show notifications within a [Card](/story/atoms-card--card-example). */
 export declare const SectionNotification: ({ fullWidth, children }: PropsWithChildren<SectionNotificationProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SectionNotification/SectionNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionNotification.js","sources":["../../../src/components/SectionNotification/SectionNotification.tsx"],"sourcesContent":["import classNames from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './SectionNotification.module.css';\n\nexport interface SectionNotificationProps {\n  fullWidth?: boolean;\n}\n\nexport const SectionNotification = ({ fullWidth = false, children }: PropsWithChildren<SectionNotificationProps>) => (\n  <div\n    className={classNames(styles['section-notification'], {\n      [styles['section-notification--fullwidth']]: fullWidth,\n    })}\n  >\n    {children}\n  </div>\n);\n"],"names":["SectionNotification","fullWidth","children","jsx","classNames","styles"],"mappings":";;;;;GAUaA,IAAsB,CAAC,EAAE,WAAAC,IAAY,IAAO,UAAAC,EACvD,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,sBAAsB,GAAG;AAAA,MACpD,CAACA,EAAO,iCAAiC,CAAC,GAAGJ;AAAA,IAAA,CAC9C;AAAA,IAEA,UAAAC;AAAA,EAAA;AACH;"}
+{"version":3,"file":"SectionNotification.js","sources":["../../../src/components/SectionNotification/SectionNotification.tsx"],"sourcesContent":["import classNames from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './SectionNotification.module.css';\n\nexport interface SectionNotificationProps {\n  /** `true` if the notification bar should be full width; otherwise, `false`. */\n  fullWidth?: boolean;\n}\n\n/** Represents a component to show notifications within a [Card](/story/atoms-card--card-example). */\nexport const SectionNotification = ({ fullWidth = false, children }: PropsWithChildren<SectionNotificationProps>) => (\n  <div\n    className={classNames(styles['section-notification'], {\n      [styles['section-notification--fullwidth']]: fullWidth,\n    })}\n  >\n    {children}\n  </div>\n);\n"],"names":["SectionNotification","fullWidth","children","jsx","classNames","styles"],"mappings":";;;;;GAYaA,IAAsB,CAAC,EAAE,WAAAC,IAAY,IAAO,UAAAC,EACvD,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,sBAAsB,GAAG;AAAA,MACpD,CAACA,EAAO,iCAAiC,CAAC,GAAGJ;AAAA,IAAA,CAC9C;AAAA,IAEA,UAAAC;AAAA,EAAA;AACH;"}

package/dist/components/SectionNotification/SectionNotification.stories.js

@@ -10,6 +10,7 @@ const n = "<SectionNotification fullWidth={fullWidth}>{children}</SectionNotific
     }
   },
   parameters: {
+    inspectComponent: t,
     codeString: n
   }
 }, e = (i) => /* @__PURE__ */ o(t, { ...i }), c = e.bind({});

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

@@ -1 +1 @@
-{"version":3,"file":"SectionNotification.stories.js","sources":["../../../src/components/SectionNotification/SectionNotification.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { SectionNotificationProps } from 'components/SectionNotification';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nconst codeString = '<SectionNotification fullWidth={fullWidth}>{children}</SectionNotification>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/SectionNotification',\n  component: SectionNotification,\n  argTypes: {\n    fullWidth: {\n      control: 'boolean',\n      default: false,\n    },\n  },\n  parameters: {\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<SectionNotificationProps>>;\n\nconst Template: StoryFn<PropsWithChildren<SectionNotificationProps>> = (args) => <SectionNotification {...args} />;\n\nexport const SectionNotificationExample = Template.bind({});\nSectionNotificationExample.args = {\n  fullWidth: true,\n  children: 'This is an example notification',\n};\n"],"names":["codeString","SectionNotification_stories","SectionNotification","Template","args","jsx","SectionNotificationExample"],"mappings":";;AAMA,MAAMA,IAAa,+EAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,YAAAF;AAAA,EACF;AACF,GAEMG,IAAiE,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAqB,GAAGE,EAAM,CAAA,GAEnGE,IAA6BH,EAAS,KAAK,EAAE;AAC1DG,EAA2B,OAAO;AAAA,EAChC,WAAW;AAAA,EACX,UAAU;AACZ;"}
+{"version":3,"file":"SectionNotification.stories.js","sources":["../../../src/components/SectionNotification/SectionNotification.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { SectionNotificationProps } from 'components/SectionNotification';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nconst codeString = '<SectionNotification fullWidth={fullWidth}>{children}</SectionNotification>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/SectionNotification',\n  component: SectionNotification,\n  argTypes: {\n    fullWidth: {\n      control: 'boolean',\n      default: false,\n    },\n  },\n  parameters: {\n    inspectComponent: SectionNotification,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<SectionNotificationProps>>;\n\nconst Template: StoryFn<PropsWithChildren<SectionNotificationProps>> = (args) => <SectionNotification {...args} />;\n\nexport const SectionNotificationExample = Template.bind({});\nSectionNotificationExample.args = {\n  fullWidth: true,\n  children: 'This is an example notification',\n};\n"],"names":["codeString","SectionNotification_stories","SectionNotification","Template","args","jsx","SectionNotificationExample"],"mappings":";;AAMA,MAAMA,IAAa,+EAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAiE,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAqB,GAAGE,EAAM,CAAA,GAEnGE,IAA6BH,EAAS,KAAK,EAAE;AAC1DG,EAA2B,OAAO;AAAA,EAChC,WAAW;AAAA,EACX,UAAU;AACZ;"}

package/dist/components/SelectListbox/SelectListBox.stories.d.ts

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/react';
 import { PropsWithChildren } from 'react';
-import { SelectListboxProps, SelectListbox } from './SelectListbox';
-declare const _default: Meta<typeof SelectListbox>;
+import { SelectListboxProps } from './SelectListbox';
+declare const _default: Meta<SelectListboxProps>;
 export default _default;
 export declare const SelectListboxExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SelectListboxProps>>;
 export declare const WithComponentOption: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SelectListboxProps>>;

package/dist/components/SelectListbox/SelectListBox.stories.js

@@ -131,6 +131,7 @@ const d = ({
     }
   },
   parameters: {
+    inspectComponent: r,
     codeString: v
   }
 }, o = {