@uva-glass/component-library 1.33.0 → 1.35.0

package/dist/Column-CbI7YoMS.js

@@ -0,0 +1,101 @@
+import { jsx as p } from "react/jsx-runtime";
+import { c as d } from "./clsx-OuTLNxxd.js";
+import './assets/Column.css';const _ = {
+  "page-grid__row": "_page-grid__row_10tcv_1",
+  "page-grid__row-mt-0": "_page-grid__row-mt-0_10tcv_10",
+  "page-grid__row-mt-025": "_page-grid__row-mt-025_10tcv_14",
+  "page-grid__row-mt-050": "_page-grid__row-mt-050_10tcv_18",
+  "page-grid__row-mt-075": "_page-grid__row-mt-075_10tcv_22",
+  "page-grid__row-mt-100": "_page-grid__row-mt-100_10tcv_26",
+  "page-grid__row-mt-125": "_page-grid__row-mt-125_10tcv_30",
+  "page-grid__row-mt-150": "_page-grid__row-mt-150_10tcv_34",
+  "page-grid__row-mt-175": "_page-grid__row-mt-175_10tcv_38",
+  "page-grid__row-mt-200": "_page-grid__row-mt-200_10tcv_42",
+  "page-grid__row-mt-250": "_page-grid__row-mt-250_10tcv_46",
+  "page-grid__row-mt-300": "_page-grid__row-mt-300_10tcv_50",
+  "page-grid__row-mt-350": "_page-grid__row-mt-350_10tcv_54",
+  "page-grid__row-mb-0": "_page-grid__row-mb-0_10tcv_58",
+  "page-grid__row-mb-025": "_page-grid__row-mb-025_10tcv_62",
+  "page-grid__row-mb-050": "_page-grid__row-mb-050_10tcv_66",
+  "page-grid__row-mb-075": "_page-grid__row-mb-075_10tcv_70",
+  "page-grid__row-mb-100": "_page-grid__row-mb-100_10tcv_74",
+  "page-grid__row-mb-125": "_page-grid__row-mb-125_10tcv_78",
+  "page-grid__row-mb-150": "_page-grid__row-mb-150_10tcv_82",
+  "page-grid__row-mb-175": "_page-grid__row-mb-175_10tcv_86",
+  "page-grid__row-mb-200": "_page-grid__row-mb-200_10tcv_90",
+  "page-grid__row-mb-250": "_page-grid__row-mb-250_10tcv_94",
+  "page-grid__row-mb-300": "_page-grid__row-mb-300_10tcv_98",
+  "page-grid__row-mb-350": "_page-grid__row-mb-350_10tcv_102",
+  "page-grid__col-12": "_page-grid__col-12_10tcv_110",
+  "page-grid__col": "_page-grid__col_10tcv_110",
+  "page-grid__col-1": "_page-grid__col-1_10tcv_110",
+  "page-grid__col-2": "_page-grid__col-2_10tcv_123",
+  "page-grid__col-3": "_page-grid__col-3_10tcv_131",
+  "page-grid__col-4": "_page-grid__col-4_10tcv_139",
+  "page-grid__col-5": "_page-grid__col-5_10tcv_147",
+  "page-grid__col-6": "_page-grid__col-6_10tcv_155",
+  "page-grid__col-7": "_page-grid__col-7_10tcv_163",
+  "page-grid__col-8": "_page-grid__col-8_10tcv_171",
+  "page-grid__col-9": "_page-grid__col-9_10tcv_179",
+  "page-grid__col-10": "_page-grid__col-10_10tcv_187",
+  "page-grid__col-11": "_page-grid__col-11_10tcv_195",
+  "page-grid__col-md-1": "_page-grid__col-md-1_10tcv_206",
+  "page-grid__col-md-2": "_page-grid__col-md-2_10tcv_214",
+  "page-grid__col-md-3": "_page-grid__col-md-3_10tcv_222",
+  "page-grid__col-md-4": "_page-grid__col-md-4_10tcv_230",
+  "page-grid__col-md-5": "_page-grid__col-md-5_10tcv_238",
+  "page-grid__col-md-6": "_page-grid__col-md-6_10tcv_246",
+  "page-grid__col-md-7": "_page-grid__col-md-7_10tcv_254",
+  "page-grid__col-md-8": "_page-grid__col-md-8_10tcv_262",
+  "page-grid__col-md-9": "_page-grid__col-md-9_10tcv_270",
+  "page-grid__col-md-10": "_page-grid__col-md-10_10tcv_278",
+  "page-grid__col-md-11": "_page-grid__col-md-11_10tcv_286",
+  "page-grid__col-md-12": "_page-grid__col-md-12_10tcv_294",
+  "page-grid__col-start-position-1": "_page-grid__col-start-position-1_10tcv_303",
+  "page-grid__col-start-position-2": "_page-grid__col-start-position-2_10tcv_307",
+  "page-grid__col-start-position-3": "_page-grid__col-start-position-3_10tcv_311",
+  "page-grid__col-start-position-4": "_page-grid__col-start-position-4_10tcv_315",
+  "page-grid__col-start-position-5": "_page-grid__col-start-position-5_10tcv_319",
+  "page-grid__col-start-position-6": "_page-grid__col-start-position-6_10tcv_323",
+  "page-grid__col-start-position-7": "_page-grid__col-start-position-7_10tcv_327",
+  "page-grid__col-start-position-8": "_page-grid__col-start-position-8_10tcv_331",
+  "page-grid__col-start-position-9": "_page-grid__col-start-position-9_10tcv_335",
+  "page-grid__col-start-position-10": "_page-grid__col-start-position-10_10tcv_339",
+  "page-grid__col-start-position-11": "_page-grid__col-start-position-11_10tcv_343",
+  "page-grid__col-md-start-position-1": "_page-grid__col-md-start-position-1_10tcv_350",
+  "page-grid__col-md-start-position-2": "_page-grid__col-md-start-position-2_10tcv_354",
+  "page-grid__col-md-start-position-3": "_page-grid__col-md-start-position-3_10tcv_358",
+  "page-grid__col-md-start-position-4": "_page-grid__col-md-start-position-4_10tcv_362",
+  "page-grid__col-md-start-position-5": "_page-grid__col-md-start-position-5_10tcv_366",
+  "page-grid__col-md-start-position-6": "_page-grid__col-md-start-position-6_10tcv_370",
+  "page-grid__col-md-start-position-7": "_page-grid__col-md-start-position-7_10tcv_374",
+  "page-grid__col-md-start-position-8": "_page-grid__col-md-start-position-8_10tcv_378",
+  "page-grid__col-md-start-position-9": "_page-grid__col-md-start-position-9_10tcv_382",
+  "page-grid__col-md-start-position-10": "_page-grid__col-md-start-position-10_10tcv_386",
+  "page-grid__col-md-start-position-11": "_page-grid__col-md-start-position-11_10tcv_390"
+}, l = ({
+  size: g,
+  mediumSize: r,
+  startPositon: o,
+  mediumStartPosition: i,
+  position: t,
+  children: a
+}) => /* @__PURE__ */ p(
+  "div",
+  {
+    className: d(
+      _["page-grid_col"],
+      g && _[`page-grid__col-${g}`],
+      r && _[`page-grid__col-md-${r}`],
+      o && _[`page-grid__col-start-position-${o}`],
+      i && _[`page-grid__col-md-start-position-${i}`],
+      t && _[`page-grid__col-${t}`]
+    ),
+    children: a
+  }
+);
+export {
+  l as C,
+  _ as s
+};
+//# sourceMappingURL=Column-CbI7YoMS.js.map

package/dist/Column-CbI7YoMS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column-CbI7YoMS.js","sources":["../src/components/GridRow/Column/Column.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from 'components/GridRow/GridRow.module.css';\n\ntype columnSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';\n\nexport interface ColumnProps {\n  size?: columnSize;\n  mediumSize?: columnSize;\n  startPositon?: columnSize;\n  mediumStartPosition?: columnSize;\n  position?: 'start' | 'center' | 'end';\n}\n\nexport const Column = ({\n  size,\n  mediumSize,\n  startPositon,\n  mediumStartPosition,\n  position,\n  children,\n}: PropsWithChildren<ColumnProps>) => {\n  return (\n    <div\n      className={clsx(\n        styles['page-grid_col'],\n        size && styles[`page-grid__col-${size}`],\n        mediumSize && styles[`page-grid__col-md-${mediumSize}`],\n        startPositon && styles[`page-grid__col-start-position-${startPositon}`],\n        mediumStartPosition && styles[`page-grid__col-md-start-position-${mediumStartPosition}`],\n        position && styles[`page-grid__col-${position}`]\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Column","size","mediumSize","startPositon","mediumStartPosition","position","children","jsx","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgBaA,IAAS,CAAC;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACTC,EAAO,eAAe;AAAA,MACtBR,KAAQQ,EAAO,kBAAkBR,CAAI,EAAE;AAAA,MACvCC,KAAcO,EAAO,qBAAqBP,CAAU,EAAE;AAAA,MACtDC,KAAgBM,EAAO,iCAAiCN,CAAY,EAAE;AAAA,MACtEC,KAAuBK,EAAO,oCAAoCL,CAAmB,EAAE;AAAA,MACvFC,KAAYI,EAAO,kBAAkBJ,CAAQ,EAAE;AAAA,IACjD;AAAA,IAEC,UAAAC;AAAA,EAAA;AAAA;"}

package/dist/{MultiSelect-Cb4-L7lm.js → MultiSelect-Drcfmp0z.js}

@@ -5,6 +5,7 @@ import { Label as n } from "./components/Label/Label.js";
 import "react";
 import { Button as p } from "./components/Button/Button.js";
 import "./components/OverlayCloseButton/OverlayCloseButton.js";
+import "./components/GridRow/GridRow.js";
 import "./components/IconButton/IconButton.js";
 import "./components/Input/Input.js";
 import "./components/InputField/InputField.js";
@@ -43,4 +44,4 @@ export {
   o as M,
   d as a
 };
-//# sourceMappingURL=MultiSelect-Cb4-L7lm.js.map
+//# sourceMappingURL=MultiSelect-Drcfmp0z.js.map

package/dist/{MultiSelect-Cb4-L7lm.js.map → MultiSelect-Drcfmp0z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect-Cb4-L7lm.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n  label: string;\n  clearTrigger?: string;\n  onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n  return (\n    <header className={styles['multi-select__header']}>\n      <Label htmlFor=\"multi-select-list\">{label}</Label>\n      {clearTrigger && (\n        <Button variant={'blank'} onClick={onClear}>\n          {clearTrigger}\n        </Button>\n      )}\n    </header>\n  );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\nexport interface MultiSelectProps {\n  scrollable?: boolean;\n  noBorder?: boolean;\n  header?: ReactNode;\n}\n\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n  <>\n    {header}\n    <div\n      className={clsx(styles['multi-select'], {\n        [styles['multi-select--no-border']]: noBorder,\n      })}\n    >\n      <ul\n        className={clsx(styles['multi-select__list'], {\n          [styles['multi-select__list--scrollable']]: scrollable,\n        })}\n        id=\"multi-select-list\"\n      >\n        {children}\n      </ul>\n    </div>\n  </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem"],"mappings":";;;;;;;;;;;;AAUO,SAASA,EAAkB,EAAE,OAAAC,GAAO,cAAAC,GAAc,SAAAC,KAAmC;AAC1F,SACG,gBAAAC,EAAA,UAAA,EAAO,WAAWC,EAAO,sBAAsB,GAC9C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAM,SAAQ,qBAAqB,UAAMN,GAAA;AAAA,IACzCC,KACE,gBAAAI,EAAAE,GAAA,EAAO,SAAS,SAAS,SAASL,GAChC,UACHD,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;ACPa,MAAAO,IAAc,CAAC,EAAE,YAAAC,IAAa,IAAM,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,QAE9D,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,EACD,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,cAAc,GAAG;AAAA,QACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGM;AAAA,MAAA,CACtC;AAAA,MAED,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWS,EAAKV,EAAO,oBAAoB,GAAG;AAAA,YAC5C,CAACA,EAAO,gCAAgC,CAAC,GAAGK;AAAA,UAAA,CAC7C;AAAA,UACD,IAAG;AAAA,UAEF,UAAAG;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAAA,GACF;AAGFJ,EAAY,oBAAoBT;AAChCS,EAAY,kBAAkBO;"}
+{"version":3,"file":"MultiSelect-Drcfmp0z.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n  label: string;\n  clearTrigger?: string;\n  onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n  return (\n    <header className={styles['multi-select__header']}>\n      <Label htmlFor=\"multi-select-list\">{label}</Label>\n      {clearTrigger && (\n        <Button variant={'blank'} onClick={onClear}>\n          {clearTrigger}\n        </Button>\n      )}\n    </header>\n  );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\nexport interface MultiSelectProps {\n  scrollable?: boolean;\n  noBorder?: boolean;\n  header?: ReactNode;\n}\n\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n  <>\n    {header}\n    <div\n      className={clsx(styles['multi-select'], {\n        [styles['multi-select--no-border']]: noBorder,\n      })}\n    >\n      <ul\n        className={clsx(styles['multi-select__list'], {\n          [styles['multi-select__list--scrollable']]: scrollable,\n        })}\n        id=\"multi-select-list\"\n      >\n        {children}\n      </ul>\n    </div>\n  </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem"],"mappings":";;;;;;;;;;;;;AAUO,SAASA,EAAkB,EAAE,OAAAC,GAAO,cAAAC,GAAc,SAAAC,KAAmC;AAC1F,SACG,gBAAAC,EAAA,UAAA,EAAO,WAAWC,EAAO,sBAAsB,GAC9C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAM,SAAQ,qBAAqB,UAAMN,GAAA;AAAA,IACzCC,KACE,gBAAAI,EAAAE,GAAA,EAAO,SAAS,SAAS,SAASL,GAChC,UACHD,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;ACPa,MAAAO,IAAc,CAAC,EAAE,YAAAC,IAAa,IAAM,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,QAE9D,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,EACD,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,cAAc,GAAG;AAAA,QACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGM;AAAA,MAAA,CACtC;AAAA,MAED,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWS,EAAKV,EAAO,oBAAoB,GAAG;AAAA,YAC5C,CAACA,EAAO,gCAAgC,CAAC,GAAGK;AAAA,UAAA,CAC7C;AAAA,UACD,IAAG;AAAA,UAEF,UAAAG;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAAA,GACF;AAGFJ,EAAY,oBAAoBT;AAChCS,EAAY,kBAAkBO;"}

package/dist/assets/Column.css

@@ -0,0 +1 @@
+._page-grid__row_10tcv_1{--grid-cols: 12;display:flex;flex-wrap:wrap;min-width:100%;position:relative}._page-grid__row-mt-0_10tcv_10{margin-top:0}._page-grid__row-mt-025_10tcv_14{margin-top:.25rem}._page-grid__row-mt-050_10tcv_18{margin-top:.5rem}._page-grid__row-mt-075_10tcv_22{margin-top:.75rem}._page-grid__row-mt-100_10tcv_26{margin-top:1rem}._page-grid__row-mt-125_10tcv_30{margin-top:1.25rem}._page-grid__row-mt-150_10tcv_34{margin-top:1.5rem}._page-grid__row-mt-175_10tcv_38{margin-top:1.75rem}._page-grid__row-mt-200_10tcv_42{margin-top:2rem}._page-grid__row-mt-250_10tcv_46{margin-top:2.5rem}._page-grid__row-mt-300_10tcv_50{margin-top:3rem}._page-grid__row-mt-350_10tcv_54{margin-top:3.5rem}._page-grid__row-mb-0_10tcv_58{margin-bottom:0}._page-grid__row-mb-025_10tcv_62{margin-bottom:.25rem}._page-grid__row-mb-050_10tcv_66{margin-bottom:.5rem}._page-grid__row-mb-075_10tcv_70{margin-bottom:.75rem}._page-grid__row-mb-100_10tcv_74{margin-bottom:1rem}._page-grid__row-mb-125_10tcv_78{margin-bottom:1.25rem}._page-grid__row-mb-150_10tcv_82{margin-bottom:1.5rem}._page-grid__row-mb-175_10tcv_86{margin-bottom:1.75rem}._page-grid__row-mb-200_10tcv_90{margin-bottom:2rem}._page-grid__row-mb-250_10tcv_94{margin-bottom:2.5rem}._page-grid__row-mb-300_10tcv_98{margin-bottom:3rem}._page-grid__row-mb-350_10tcv_102{margin-bottom:3.5rem}[class^=page-grid__col]{position:relative}._page-grid__col-12_10tcv_110,._page-grid__col_10tcv_110{flex-basis:100%}._page-grid__col-1_10tcv_110{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-2_10tcv_123{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-3_10tcv_131{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-4_10tcv_139{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-5_10tcv_147{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-6_10tcv_155{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-7_10tcv_163{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-8_10tcv_171{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-9_10tcv_179{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-10_10tcv_187{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-11_10tcv_195{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}@media only screen and (max-width: 64rem){._page-grid__col-md-1_10tcv_206{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-2_10tcv_214{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-3_10tcv_222{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-4_10tcv_230{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-5_10tcv_238{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-6_10tcv_246{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-7_10tcv_254{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-8_10tcv_262{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-9_10tcv_270{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-10_10tcv_278{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-11_10tcv_286{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-12_10tcv_294{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}}._page-grid__col-start-position-1_10tcv_303{margin-left:calc((1 / 12 * 100%))}._page-grid__col-start-position-2_10tcv_307{margin-left:calc((2 / 12 * 100%))}._page-grid__col-start-position-3_10tcv_311{margin-left:25%}._page-grid__col-start-position-4_10tcv_315{margin-left:calc((4 / 12 * 100%))}._page-grid__col-start-position-5_10tcv_319{margin-left:calc((5 / 12 * 100%))}._page-grid__col-start-position-6_10tcv_323{margin-left:50%}._page-grid__col-start-position-7_10tcv_327{margin-left:calc((7 / 12 * 100%))}._page-grid__col-start-position-8_10tcv_331{margin-left:calc((8 / 12 * 100%))}._page-grid__col-start-position-9_10tcv_335{margin-left:75%}._page-grid__col-start-position-10_10tcv_339{margin-left:calc((10 / 12 * 100%))}._page-grid__col-start-position-11_10tcv_343{margin-left:calc((11 / 12 * 100%))}@media only screen and (max-width: 64rem){._page-grid__col-md-start-position-1_10tcv_350{margin-left:calc((1 / 12 * 100%))}._page-grid__col-md-start-position-2_10tcv_354{margin-left:calc((2 / 12 * 100%))}._page-grid__col-md-start-position-3_10tcv_358{margin-left:25%}._page-grid__col-md-start-position-4_10tcv_362{margin-left:calc((4 / 12 * 100%))}._page-grid__col-md-start-position-5_10tcv_366{margin-left:calc((5 / 12 * 100%))}._page-grid__col-md-start-position-6_10tcv_370{margin-left:50%}._page-grid__col-md-start-position-7_10tcv_374{margin-left:calc((7 / 12 * 100%))}._page-grid__col-md-start-position-8_10tcv_378{margin-left:calc((8 / 12 * 100%))}._page-grid__col-md-start-position-9_10tcv_382{margin-left:75%}._page-grid__col-md-start-position-10_10tcv_386{margin-left:calc((10 / 12 * 100%))}._page-grid__col-md-start-position-11_10tcv_390{margin-left:calc((11 / 12 * 100%))}}@media only screen and (max-width: 40rem){._page-grid__col-1_10tcv_110,._page-grid__col-2_10tcv_123,._page-grid__col-3_10tcv_131,._page-grid__col-4_10tcv_139,._page-grid__col-5_10tcv_147,._page-grid__col-6_10tcv_155,._page-grid__col-7_10tcv_163,._page-grid__col-8_10tcv_171,._page-grid__col-9_10tcv_179,._page-grid__col-10_10tcv_187,._page-grid__col-11_10tcv_195{flex-basis:100%;margin-left:0;max-width:100%}}

package/dist/assets/GridRow.css

@@ -0,0 +1 @@
+.page-wrapper{--columns: 12;--gutter: 2rem;--color: rgba(126 195 240 / 25%);--repeating-width: calc(100% / var(--columns));--column-width: calc((100% / var(--columns)) - var(--grid-gap));--background-width: calc(100% + var(--grid-gap));--background-columns: repeating-linear-gradient( to right, var(--color), var(--color) var(--column-width), transparent var(--column-width), transparent var(--repeating-width) );align-content:flex-start;border:1px solid;border-color:transparent #e9e9e9;display:flex;flex-wrap:wrap;max-width:80rem;min-height:calc(100vh - 8rem);position:relative}.page-wrapper:before{background-image:var(--background-columns);content:"";inset:0 calc(var(--grid-gap) / -2) 0 calc(var(--grid-gap) / 2);opacity:.5;position:absolute;z-index:-1}.page-wrapper>div>div{background-color:#0000000d;box-shadow:inset calc(var(--grid-gap) / 2) 0 0 0 #c8000026,inset calc(var(--grid-gap) / -2) 0 0 0 #c8000026;padding:0 calc(var(--grid-gap) / 2);text-align:center}

package/dist/assets/HorizontalList.css

@@ -0,0 +1 @@
+._horizontal-list-wrapper_1ahjq_1{margin:0}._horizontal-list-separator_1ahjq_5{margin:0 .5rem}

package/dist/assets/Input.css

@@ -1 +1 @@
-._input_96vyw_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--color-black);color:var(--color-black);font-family:inherit;font-size:inherit;height:2rem;margin:0;padding:0 .5rem}._input--numeric_96vyw_13{text-align:right;width:8rem}._input--error_96vyw_18,._input_96vyw_1:invalid{border-color:var(--color-chilean-fire)}._input--full-with_96vyw_23{min-width:100%;width:0}._input_96vyw_1::placeholder{color:var(--color-black-transparent);font-size:inherit;opacity:1}._input_96vyw_1[type=file]{border:none}._input_96vyw_1:disabled{color:var(--color-black-transparent)}
+._input_25til_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--color-black);color:var(--color-black);font-family:inherit;font-size:inherit;height:2rem;margin:0;padding:0 .5rem}._input--numeric_25til_13{text-align:right;width:8rem}._input--error_25til_18,._input_25til_1:invalid{border-color:var(--color-chilean-fire)}._input--full-with_25til_23{min-width:100%;width:0}._input_25til_1::placeholder{color:var(--color-black-transparent);font-size:inherit;opacity:1}._input_25til_1[type=file]{border:none}._input_25til_1:disabled{color:var(--color-black-transparent)}

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

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+
+type columnSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+export interface ColumnProps {
+    size?: columnSize;
+    mediumSize?: columnSize;
+    startPositon?: columnSize;
+    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 {};

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

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "../../../clsx-OuTLNxxd.js";
+import { C as t } from "../../../Column-CbI7YoMS.js";
+export {
+  t as Column
+};
+//# sourceMappingURL=Column.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+
+type spacing = '0' | '025' | '050' | '075' | '100' | '125' | '150' | '175' | '200' | '250' | '300' | '350';
+export interface GridRowProps {
+    gutter?: spacing;
+    marginBottom?: spacing;
+    marginTop?: spacing;
+}
+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;
+};
+export {};

package/dist/components/GridRow/GridRow.js

@@ -0,0 +1,38 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as p } from "../../clsx-OuTLNxxd.js";
+import { s as r, C as d } from "../../Column-CbI7YoMS.js";
+const s = {
+  0: { "--grid-gap": "0.25rem" },
+  "025": { "--grid-gap": "0.25rem" },
+  "050": { "--grid-gap": "0.5rem" },
+  "075": { "--grid-gap": "0.75rem" },
+  100: { "--grid-gap": "1rem" },
+  125: { "--grid-gap": "1.25rem" },
+  150: { "--grid-gap": "1.5rem" },
+  175: { "--grid-gap": "1.75rem" },
+  200: { "--grid-gap": "2rem" },
+  250: { "--grid-gap": "2.5rem" },
+  300: { "--grid-gap": "3rem" },
+  350: { "--grid-gap": "3.5rem" }
+}, o = ({
+  gutter: g = "200",
+  marginBottom: e = "0",
+  marginTop: m = "0",
+  children: a
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: p(
+      r["page-grid__row"],
+      e && r[`page-grid__row-mb-${e}`],
+      m && r[`page-grid__row-mt-${m}`]
+    ),
+    style: g && s[g],
+    children: a
+  }
+);
+o.Column = d;
+export {
+  o as GridRow
+};
+//# sourceMappingURL=GridRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridRow.js","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  gutter?: spacing;\n  marginBottom?: spacing;\n  marginTop?: spacing;\n}\n\nconst gabStyles = {\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\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 && (gabStyles[gutter] as CSSProperties)}\n    >\n      {children}\n    </div>\n  );\n};\n\nGridRow.Column = Column;\n"],"names":["gabStyles","GridRow","gutter","marginBottom","marginTop","children","jsx","clsx","styles","Column"],"mappings":";;;AAcA,MAAMA,IAAY;AAAA,EAChB,GAAK,EAAE,cAAc,UAAU;AAAA,EAC/B,OAAO,EAAE,cAAc,UAAU;AAAA,EACjC,OAAO,EAAE,cAAc,SAAS;AAAA,EAChC,OAAO,EAAE,cAAc,UAAU;AAAA,EACjC,KAAO,EAAE,cAAc,OAAO;AAAA,EAC9B,KAAO,EAAE,cAAc,UAAU;AAAA,EACjC,KAAO,EAAE,cAAc,SAAS;AAAA,EAChC,KAAO,EAAE,cAAc,UAAU;AAAA,EACjC,KAAO,EAAE,cAAc,OAAO;AAAA,EAC9B,KAAO,EAAE,cAAc,SAAS;AAAA,EAChC,KAAO,EAAE,cAAc,OAAO;AAAA,EAC9B,KAAO,EAAE,cAAc,SAAS;AAClC,GAEaC,IAAU,CAAC;AAAA,EACtB,QAAAC,IAAS;AAAA,EACT,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACTC,EAAO,gBAAgB;AAAA,MACvBL,KAAgBK,EAAO,qBAAqBL,CAAY,EAAE;AAAA,MAC1DC,KAAaI,EAAO,qBAAqBJ,CAAS,EAAE;AAAA,IACtD;AAAA,IACA,OAAOF,KAAWF,EAAUE,CAAM;AAAA,IAEjC,UAAAG;AAAA,EAAA;AAAA;AAKPJ,EAAQ,SAASQ;"}

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

@@ -0,0 +1,6 @@
+import { GridRowProps } from './GridRow';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, GridRowProps>;
+export default _default;
+export declare const GridRowExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, GridRowProps>;
+export declare const WithMediumBreakpoint: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, GridRowProps>;

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

@@ -0,0 +1,87 @@
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { GridRow as e } from "./GridRow.js";
+import '../../assets/GridRow.css';const n = {
+  0: { "--grid-gap": "0.25rem" },
+  "025": { "--grid-gap": "0.25rem" },
+  "050": { "--grid-gap": "0.5rem" },
+  "075": { "--grid-gap": "0.75rem" },
+  100: { "--grid-gap": "1rem" },
+  125: { "--grid-gap": "1.25rem" },
+  150: { "--grid-gap": "1.5rem" },
+  175: { "--grid-gap": "1.75rem" },
+  200: { "--grid-gap": "2rem" },
+  250: { "--grid-gap": "2.5rem" },
+  300: { "--grid-gap": "3rem" },
+  350: { "--grid-gap": "3.5rem" }
+}, p = {
+  title: "Organisms/GridRow",
+  component: e,
+  argTypes: {
+    gutter: {
+      options: ["0", "025", "050", "075", "100", "125", "150", "175", "200", "250", "300", "350"],
+      control: { type: "select" }
+    },
+    marginBottom: {
+      options: ["0", "025", "050", "075", "100", "125", "150", "175", "200", "250", "300", "350"],
+      control: { type: "select" }
+    },
+    marginTop: {
+      options: ["0", "025", "050", "075", "100", "125", "150", "175", "200", "250", "300", "350"],
+      control: { type: "select" }
+    }
+  }
+}, m = (l) => /* @__PURE__ */ r("div", { className: "page-wrapper", style: l.gutter && n[l.gutter], children: [
+  /* @__PURE__ */ i(e, { ...l, children: /* @__PURE__ */ i(e.Column, { size: "12", children: "Col-1" }) }),
+  /* @__PURE__ */ r(e, { ...l, children: [
+    /* @__PURE__ */ i(e.Column, { size: "1", children: "Col-1" }),
+    /* @__PURE__ */ i(e.Column, { size: "11", children: "Col-11" })
+  ] }),
+  /* @__PURE__ */ r(e, { ...l, children: [
+    /* @__PURE__ */ i(e.Column, { size: "2", children: "Col-2" }),
+    /* @__PURE__ */ i(e.Column, { size: "10", children: "Col-10" })
+  ] }),
+  /* @__PURE__ */ r(e, { ...l, children: [
+    /* @__PURE__ */ i(e.Column, { size: "3", children: "Col-3" }),
+    /* @__PURE__ */ i(e.Column, { size: "9", children: "Col-9" })
+  ] }),
+  /* @__PURE__ */ r(e, { ...l, children: [
+    /* @__PURE__ */ i(e.Column, { size: "4", children: "Col-4" }),
+    /* @__PURE__ */ i(e.Column, { size: "8", children: "Col-8" })
+  ] }),
+  /* @__PURE__ */ r(e, { ...l, children: [
+    /* @__PURE__ */ i(e.Column, { size: "5", children: "Col-5" }),
+    /* @__PURE__ */ i(e.Column, { size: "7", children: "Col-7" })
+  ] }),
+  /* @__PURE__ */ r(e, { ...l, children: [
+    /* @__PURE__ */ i(e.Column, { size: "6", children: "Col-6" }),
+    /* @__PURE__ */ i(e.Column, { size: "6", children: "Col-6" })
+  ] })
+] }), o = {
+  gutter: "200",
+  marginBottom: "050",
+  marginTop: "0"
+}, d = m.bind({});
+d.args = {
+  ...o
+};
+const t = (l) => /* @__PURE__ */ r("div", { className: "page-wrapper", style: l.gutter && n[l.gutter], children: [
+  /* @__PURE__ */ r(e, { ...l, children: [
+    /* @__PURE__ */ i(e.Column, { size: "4", mediumSize: "6", children: "L: 4, Md: 6, S: 12" }),
+    /* @__PURE__ */ i(e.Column, { size: "4", mediumSize: "6", children: "L: 4, Md: 6, S: 12" }),
+    /* @__PURE__ */ i(e.Column, { size: "4", mediumSize: "12", children: "L: 4, Md: 12" })
+  ] }),
+  /* @__PURE__ */ r(e, { ...l, children: [
+    /* @__PURE__ */ i(e.Column, { size: "3", mediumSize: "6", children: "L: 3, Md: 6, S: 12" }),
+    /* @__PURE__ */ i(e.Column, { size: "3", mediumSize: "6", children: "L: 3, Md: 12" }),
+    /* @__PURE__ */ i(e.Column, { size: "6", mediumSize: "12", children: "L: 6, Md: 12, S: 12" })
+  ] })
+] }), u = t.bind({});
+d.args = {
+  ...o
+};
+export {
+  d as GridRowExample,
+  u as WithMediumBreakpoint,
+  p as default
+};
+//# sourceMappingURL=GridRow.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridRow.stories.js","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 gabStyles = {\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// 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} as Meta<GridRowProps>;\n\nconst Template: StoryFn<GridRowProps> = (args) => (\n  <div className=\"page-wrapper\" style={args.gutter && (gabStyles[args.gutter] as CSSProperties)}>\n    <GridRow {...args}>\n      <GridRow.Column size=\"12\">Col-1</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 && (gabStyles[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"],"names":["gabStyles","GridRow_stories","GridRow","Template","args","jsxs","jsx","defaultArgs","GridRowExample","TemplateMedium","WithMediumBreakpoint"],"mappings":";;AAQA,MAAMA,IAAY;AAAA,EAChB,GAAK,EAAE,cAAc,UAAU;AAAA,EAC/B,OAAO,EAAE,cAAc,UAAU;AAAA,EACjC,OAAO,EAAE,cAAc,SAAS;AAAA,EAChC,OAAO,EAAE,cAAc,UAAU;AAAA,EACjC,KAAO,EAAE,cAAc,OAAO;AAAA,EAC9B,KAAO,EAAE,cAAc,UAAU;AAAA,EACjC,KAAO,EAAE,cAAc,SAAS;AAAA,EAChC,KAAO,EAAE,cAAc,UAAU;AAAA,EACjC,KAAO,EAAE,cAAc,OAAO;AAAA,EAC9B,KAAO,EAAE,cAAc,SAAS;AAAA,EAChC,KAAO,EAAE,cAAc,OAAO;AAAA,EAC9B,KAAO,EAAE,cAAc,SAAS;AAClC,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SAAS,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1F,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1F,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,WAAW;AAAA,MACT,SAAS,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1F,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,EACF;AACF,GAEMC,IAAkC,CAACC,MACvC,gBAAAC,EAAC,OAAI,EAAA,WAAU,gBAAe,OAAOD,EAAK,UAAWJ,EAAUI,EAAK,MAAM,GACxE,UAAA;AAAA,EAAC,gBAAAE,EAAAJ,GAAA,EAAS,GAAGE,GACX,UAAC,gBAAAE,EAAAJ,EAAQ,QAAR,EAAe,MAAK,MAAK,UAAA,QAAA,CAAK,EACjC,CAAA;AAAA,EACA,gBAAAG,EAACH,GAAS,EAAA,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAK,SAAA;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,MAAK,UAAM,UAAA;AAAA,EAAA,GAClC;AAAA,EACA,gBAAAG,EAACH,GAAS,EAAA,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAK,SAAA;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,MAAK,UAAM,UAAA;AAAA,EAAA,GAClC;AAAA,EACA,gBAAAG,EAACH,GAAS,EAAA,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAK,SAAA;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAK,SAAA;AAAA,EAAA,GAChC;AAAA,EACA,gBAAAG,EAACH,GAAS,EAAA,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAK,SAAA;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAK,SAAA;AAAA,EAAA,GAChC;AAAA,EACA,gBAAAG,EAACH,GAAS,EAAA,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAK,SAAA;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAK,SAAA;AAAA,EAAA,GAChC;AAAA,EACA,gBAAAG,EAACH,GAAS,EAAA,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAK,SAAA;AAAA,sBAC7BA,EAAQ,QAAR,EAAe,MAAK,KAAI,UAAK,SAAA;AAAA,EAAA,GAChC;AAAA,EACF,CAAA,GAGIK,IAAqC;AAAA,EACzC,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AACb,GAEaC,IAAiBL,EAAS,KAAK,EAAE;AAC9CK,EAAe,OAAO;AAAA,EACpB,GAAGD;AACL;AAEA,MAAME,IAAwC,CAACL,MAC7C,gBAAAC,EAAC,OAAI,EAAA,WAAU,gBAAe,OAAOD,EAAK,UAAWJ,EAAUI,EAAK,MAAM,GACxE,UAAA;AAAA,EAAC,gBAAAC,EAAAH,GAAA,EAAS,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,KAAI,UAExC,sBAAA;AAAA,IACA,gBAAAI,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,KAAI,UAExC,sBAAA;AAAA,IACA,gBAAAI,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,MAAK,UAEzC,gBAAA;AAAA,EAAA,GACF;AAAA,EACA,gBAAAG,EAACH,GAAS,EAAA,GAAGE,GACX,UAAA;AAAA,IAAA,gBAAAE,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,KAAI,UAExC,sBAAA;AAAA,IACA,gBAAAI,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,KAAI,UAExC,gBAAA;AAAA,IACA,gBAAAI,EAACJ,EAAQ,QAAR,EAAe,MAAK,KAAI,YAAW,MAAK,UAEzC,uBAAA;AAAA,EAAA,GACF;AAAA,EACF,CAAA,GAGWQ,IAAuBD,EAAe,KAAK,EAAE;AAC1DD,EAAe,OAAO;AAAA,EACpB,GAAGD;AACL;"}

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

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

package/dist/components/GridRow/index.js

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

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

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

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

@@ -0,0 +1,5 @@
+export interface HorizontalListProps {
+    values: string[];
+    separator?: string;
+}
+export declare const HorizontalList: ({ values, separator }: HorizontalListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/HorizontalList/HorizontalList.js

@@ -0,0 +1,12 @@
+import { jsx as l, jsxs as e } from "react/jsx-runtime";
+import '../../assets/HorizontalList.css';const o = {
+  "horizontal-list-wrapper": "_horizontal-list-wrapper_1ahjq_1",
+  "horizontal-list-separator": "_horizontal-list-separator_1ahjq_5"
+}, n = ({ values: r, separator: s = "•" }) => /* @__PURE__ */ l("div", { className: o["horizontal-list-wrapper"], children: r.map((a, t) => /* @__PURE__ */ e("span", { children: [
+  a,
+  t < r.length - 1 && /* @__PURE__ */ l("span", { className: o["horizontal-list-separator"], dangerouslySetInnerHTML: { __html: s } })
+] }, `${a.replace(" ", "-")}_${t}`)) });
+export {
+  n as HorizontalList
+};
+//# sourceMappingURL=HorizontalList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalList.js","sources":["../../../src/components/HorizontalList/HorizontalList.tsx"],"sourcesContent":["import styles from './HorizontalList.module.css';\n\nexport interface HorizontalListProps {\n  values: string[];\n  separator?: string;\n}\n\nexport const HorizontalList = ({ values, separator = '&bull;' }: HorizontalListProps) => {\n  return (\n    <div className={styles['horizontal-list-wrapper']}>\n      {values.map((string, index) => (\n        <span key={`${string.replace(' ', '-')}_${index}`}>\n          {string}\n          {index < values.length - 1 && (\n            <span className={styles['horizontal-list-separator']} dangerouslySetInnerHTML={{ __html: separator }} />\n          )}\n        </span>\n      ))}\n    </div>\n  );\n};\n"],"names":["HorizontalList","values","separator","jsx","styles","string","index","jsxs"],"mappings":";;;;GAOaA,IAAiB,CAAC,EAAE,QAAAC,GAAQ,WAAAC,IAAY,eAEhD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,yBAAyB,GAC7C,UAAOH,EAAA,IAAI,CAACI,GAAQC,MACnB,gBAAAC,EAAC,QACE,EAAA,UAAA;AAAA,EAAAF;AAAA,EACAC,IAAQL,EAAO,SAAS,uBACtB,QAAK,EAAA,WAAWG,EAAO,2BAA2B,GAAG,yBAAyB,EAAE,QAAQF,EAAa,EAAA,CAAA;AAH/F,EAAA,GAAA,GAAGG,EAAO,QAAQ,KAAK,GAAG,CAAC,IAAIC,CAAK,EAK/C,CACD,EACH,CAAA;"}

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

@@ -0,0 +1,5 @@
+import { HorizontalListProps } from './HorizontalList';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, HorizontalListProps>;
+export default _default;
+export declare const HorizontalListExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, HorizontalListProps>;

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

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import { HorizontalList as t } from "./HorizontalList.js";
+const n = {
+  title: "Atoms/HorizontalList",
+  component: t,
+  argTypes: {
+    separator: {
+      control: "text"
+    }
+  }
+}, a = (o) => /* @__PURE__ */ s(t, { ...o }), r = {
+  values: ["Curabitur consequat", "Lectus sit amet luctus vulputate", "Nisi semi mattis"],
+  separator: "•"
+}, e = a.bind({});
+e.args = {
+  ...r
+};
+export {
+  e as HorizontalListExample,
+  n as default
+};
+//# sourceMappingURL=HorizontalList.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalList.stories.js","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\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} as Meta<HorizontalListProps>;\n\nconst Template: StoryFn<HorizontalListProps> = (args) => <HorizontalList {...args} />;\n\nconst defaultArgs: Partial<HorizontalListProps> = {\n  values: ['Curabitur consequat', 'Lectus sit amet luctus vulputate', 'Nisi semi mattis'],\n  separator: '&bull;',\n};\n\nexport const HorizontalListExample = Template.bind({});\nHorizontalListExample.args = {\n  ...defaultArgs,\n};\n"],"names":["HorizontalList_stories","HorizontalList","Template","args","jsx","defaultArgs","HorizontalListExample"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAyC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAgB,GAAGE,EAAM,CAAA,GAE7EE,IAA4C;AAAA,EAChD,QAAQ,CAAC,uBAAuB,oCAAoC,kBAAkB;AAAA,EACtF,WAAW;AACb,GAEaC,IAAwBJ,EAAS,KAAK,EAAE;AACrDI,EAAsB,OAAO;AAAA,EAC3B,GAAGD;AACL;"}

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

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

package/dist/components/HorizontalList/index.js

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

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

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

package/dist/components/Input/Input.js

@@ -1,28 +1,28 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { c as f } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Input.css';const m = "_input_96vyw_1", t = {
-  input: m,
-  "input--numeric": "_input--numeric_96vyw_13",
-  "input--error": "_input--error_96vyw_18",
-  "input--full-with": "_input--full-with_96vyw_23"
-}, a = c(function({ id: r, appearance: n, type: i = "text", isNumeric: u, fullWidth: p, ...o }, e) {
-  return /* @__PURE__ */ _(
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as _ } from "react";
+import { c } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Input.css';const f = "_input_25til_1", t = {
+  input: f,
+  "input--numeric": "_input--numeric_25til_13",
+  "input--error": "_input--error_25til_18",
+  "input--full-with": "_input--full-with_25til_23"
+}, x = _(function({ id: i, appearance: r, type: n = "text", isNumeric: u, fullWidth: p, ...o }, e) {
+  return /* @__PURE__ */ l(
     "input",
     {
       ...o,
       ref: e,
-      id: r,
-      className: f(t.input, {
-        [t["input--error"]]: n === "error",
+      id: i,
+      className: c(t.input, {
+        [t["input--error"]]: r === "error",
         [t["input--full-with"]]: p,
         [t["input--numeric"]]: u
       }),
-      type: i
+      type: n
     }
   );
 });
 export {
-  a as Input
+  x as Input
 };
 //# sourceMappingURL=Input.js.map

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

@@ -6,15 +6,16 @@ import { Container as u } from "../storyComponents/Container/Container.js";
 import { Icon as f } from "../Icon/Icon.js";
 import "../Button/Button.js";
 import "../OverlayCloseButton/OverlayCloseButton.js";
+import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
-import "../../MultiSelect-Cb4-L7lm.js";
+import "../../MultiSelect-Drcfmp0z.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 const C = (t) => {
   const r = t.variant ?? [];
   return { ...t, variant: r.toString() };
-}, E = {
+}, _ = {
   title: "Atoms/InputField",
   component: l,
   argTypes: {
@@ -73,6 +74,6 @@ export {
   h as InputFieldExample,
   I as WithIconClearTrigger,
   v as WithStringClearTrigger,
-  E as default
+  _ as default
 };
 //# sourceMappingURL=InputField.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.stories.js","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 'components/storyComponents/Container';\nimport { Icon } from 'components';\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    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\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"],"names":["transformArgs","args","variantArray","InputField_stories","InputField","Template","inputValue","setInputValue","useState","inputRef","useRef","handleChange","event","fn","handleClear","Container","jsx","defaultArgs","InputFieldExample","WithStringClearTrigger","WithIconClearTrigger","Icon"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAAgB,CAACC,MAA0B;AAEzC,QAAAC,IAAgBD,EAAK,WAAmC;AACvD,SAAA,EAAE,GAAGA,GAAW,SAASC,EAAa,SAAS;AACxD,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,OAAO;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,QAAQ,YAAY,OAAO;AAAA,IACvC;AAAA,IACA,IAAI;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAqC,CAACJ,MAAS;AACnD,QAAM,CAACK,GAAYC,CAAa,IAAIC,EAAmC,EAAE,GACnEC,IAAWC,EAAyB,IAAI,GAExCC,IAAe,CAACC,MAAyC;AAC/C,IAAAL,EAAAK,EAAM,OAAO,KAAK,GAChCC,EAAA,EAAK,cAAc;AAAA,EAAA,GAGfC,IAAc,MAAM;AACxB,IAAAP,EAAc,EAAE,GAChBM,EAAA,EAAK,aAAa;AAAA,EAAA;AAGpB,2BACGE,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACZ;AAAA,IAAA;AAAA,MACE,GAAGJ,EAAcC,CAAI;AAAA,MACtB,OAAOK;AAAA,MACP,UAAUK;AAAA,MACV,SAASG;AAAA,MACT,KAAKL;AAAA,IAAA;AAAA,EAET,EAAA,CAAA;AAEJ,GAEMQ,IAAwC;AAAA,EAC5C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,IAAI;AACN,GAEaC,IAAoBb,EAAS,KAAK,EAAE;AACjDa,EAAkB,OAAO;AAAA,EACvB,GAAGD;AACL;AAEO,MAAME,IAAyBd,EAAS,KAAK,EAAE;AACtDc,EAAuB,OAAO;AAAA,EAC5B,GAAGF;AAAA,EACH,cAAc;AAChB;AAEO,MAAMG,IAAuBf,EAAS,KAAK,EAAE;AACpDe,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,cAAc,gBAAAD,EAACK,GAAK,EAAA,MAAK,QAAQ,CAAA;AACnC;"}
+{"version":3,"file":"InputField.stories.js","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 'components/storyComponents/Container';\nimport { Icon } from 'components';\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    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\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"],"names":["transformArgs","args","variantArray","InputField_stories","InputField","Template","inputValue","setInputValue","useState","inputRef","useRef","handleChange","event","fn","handleClear","Container","jsx","defaultArgs","InputFieldExample","WithStringClearTrigger","WithIconClearTrigger","Icon"],"mappings":";;;;;;;;;;;;;;AAYA,MAAMA,IAAgB,CAACC,MAA0B;AAEzC,QAAAC,IAAgBD,EAAK,WAAmC;AACvD,SAAA,EAAE,GAAGA,GAAW,SAASC,EAAa,SAAS;AACxD,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,OAAO;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,QAAQ,YAAY,OAAO;AAAA,IACvC;AAAA,IACA,IAAI;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAqC,CAACJ,MAAS;AACnD,QAAM,CAACK,GAAYC,CAAa,IAAIC,EAAmC,EAAE,GACnEC,IAAWC,EAAyB,IAAI,GAExCC,IAAe,CAACC,MAAyC;AAC/C,IAAAL,EAAAK,EAAM,OAAO,KAAK,GAChCC,EAAA,EAAK,cAAc;AAAA,EAAA,GAGfC,IAAc,MAAM;AACxB,IAAAP,EAAc,EAAE,GAChBM,EAAA,EAAK,aAAa;AAAA,EAAA;AAGpB,2BACGE,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACZ;AAAA,IAAA;AAAA,MACE,GAAGJ,EAAcC,CAAI;AAAA,MACtB,OAAOK;AAAA,MACP,UAAUK;AAAA,MACV,SAASG;AAAA,MACT,KAAKL;AAAA,IAAA;AAAA,EAET,EAAA,CAAA;AAEJ,GAEMQ,IAAwC;AAAA,EAC5C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,IAAI;AACN,GAEaC,IAAoBb,EAAS,KAAK,EAAE;AACjDa,EAAkB,OAAO;AAAA,EACvB,GAAGD;AACL;AAEO,MAAME,IAAyBd,EAAS,KAAK,EAAE;AACtDc,EAAuB,OAAO;AAAA,EAC5B,GAAGF;AAAA,EACH,cAAc;AAChB;AAEO,MAAMG,IAAuBf,EAAS,KAAK,EAAE;AACpDe,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,cAAc,gBAAAD,EAACK,GAAK,EAAA,MAAK,QAAQ,CAAA;AACnC;"}

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
 import "../../MultiSelectItem-CwKowz2B.js";
-import { M as p } from "../../MultiSelect-Cb4-L7lm.js";
+import { M as p } from "../../MultiSelect-Drcfmp0z.js";
 export {
   p as MultiSelect
 };

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

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { f as d } from "../../index-CYUtHyCV.js";
 import { useState as b } from "react";
-import { M as l } from "../../MultiSelect-Cb4-L7lm.js";
+import { M as l } from "../../MultiSelect-Drcfmp0z.js";
 import { Container as S } from "../storyComponents/Container/Container.js";
 const T = {
   title: "Organisms/MultiSelect",

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

@@ -4,13 +4,14 @@ import "../../Label/Label.js";
 import "react";
 import "../../Button/Button.js";
 import "../../OverlayCloseButton/OverlayCloseButton.js";
+import "../../GridRow/GridRow.js";
 import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
-import { a as u } from "../../../MultiSelect-Cb4-L7lm.js";
+import { a as x } from "../../../MultiSelect-Drcfmp0z.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 export {
-  u as MultiSelectHeader
+  x as MultiSelectHeader
 };
 //# sourceMappingURL=MultiSelectHeader.js.map

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

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

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../../MultiSelect-Cb4-L7lm.js";
+import { M as l } from "../../MultiSelect-Drcfmp0z.js";
 export {
   l as MultiSelect
 };

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

@@ -6,14 +6,15 @@ import "react";
 import { Icon as m } from "../Icon/Icon.js";
 import "../Button/Button.js";
 import "../OverlayCloseButton/OverlayCloseButton.js";
+import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
-import "../../MultiSelect-Cb4-L7lm.js";
+import "../../MultiSelect-Drcfmp0z.js";
 import { Repeater as i } from "../Repeater/Repeater.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
-const E = {
+const F = {
   title: "Atoms/ProgrammeCard",
   component: t
 }, s = (o) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ e(t, { ...o }) }), l = s.bind({});
@@ -44,20 +45,20 @@ d.args = {
   ] }),
   onClick: a()
 };
-const c = (o) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ r(i, { children: [
+const p = (o) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ r(i, { children: [
   /* @__PURE__ */ e(t, { ...o }),
   /* @__PURE__ */ e(t, { ...o }),
   /* @__PURE__ */ e(t, { ...o })
-] }) }), p = c.bind({});
-p.args = {
+] }) }), c = p.bind({});
+c.args = {
   header: "This is my header",
   details: "This is my details",
   onClick: a()
 };
 export {
-  p as MultiProgrammeCards,
+  c as MultiProgrammeCards,
   l as ProgrammeCardExample,
   d as WithComplexContent,
-  E as default
+  F as default
 };
 //# sourceMappingURL=ProgrammeCard.stories.js.map

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 'components/storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\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":["ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,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 'components/storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\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":["ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,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/index.d.ts

@@ -10,6 +10,8 @@ export * from './Drawer';
 export * from './FieldHint';
 export * from './Fieldset';
 export * from './FormField';
+export * from './GridRow';
+export * from './HorizontalList';
 export * from './Icon';
 export * from './IconButton';
 export * from './InfoMessage';

package/dist/components/index.js

@@ -1,68 +1,72 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
 import { AppStatusBar as p } from "./AppStatusBar/AppStatusBar.js";
 import { Attention as f } from "./Attention/Attention.js";
-import { Backdrop as a } from "./Backdrop/Backdrop.js";
+import { Backdrop as i } from "./Backdrop/Backdrop.js";
 import { Button as n } from "./Button/Button.js";
 import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
 import { Card as d } from "./Card/Card.js";
 import { Checkbox as S } from "./Checkbox/Checkbox.js";
 import { Drawer as M } from "./Drawer/Drawer.js";
 import { FieldHint as I } from "./FieldHint/FieldHint.js";
-import { Fieldset as L } from "./Fieldset/Fieldset.js";
+import { Fieldset as C } from "./Fieldset/Fieldset.js";
 import { FormField as g } from "./FormField/FormField.js";
-import { Icon as A } from "./Icon/Icon.js";
-import { IconButton as P } from "./IconButton/IconButton.js";
-import { InfoMessage as R } from "./InfoMessage/InfoMessage.js";
-import { Input as w } from "./Input/Input.js";
-import { InputField as G } from "./InputField/InputField.js";
-import { Label as N } from "./Label/Label.js";
-import { M as T } from "../MenuLink-CIzBwlKY.js";
-import { MetaDataList as q } from "./MetaDataList/MetaDataList.js";
-import { ModalDialog as E } from "./ModalDialog/ModalDialog.js";
-import { M as K } from "../MultiSelect-Cb4-L7lm.js";
-import { OverlayCloseButton as U } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { ProgrammeCard as W } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Y } from "./RadioButton/RadioButton.js";
-import { Repeater as _ } from "./Repeater/Repeater.js";
-import { SectionNotification as oo } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as to } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as po, useSelect as mo } from "./SelectListbox/SelectProvider.js";
-import { Spinner as xo } from "./Spinner/Spinner.js";
-import { StatusPill as io } from "./StatusPill/StatusPill.js";
-import { Tooltip as lo } from "./Tooltip/Tooltip.js";
+import { GridRow as A } from "./GridRow/GridRow.js";
+import { HorizontalList as P } from "./HorizontalList/HorizontalList.js";
+import { Icon as v } from "./Icon/Icon.js";
+import { IconButton as G } from "./IconButton/IconButton.js";
+import { InfoMessage as h } from "./InfoMessage/InfoMessage.js";
+import { Input as z } from "./Input/Input.js";
+import { InputField as O } from "./InputField/InputField.js";
+import { Label as j } from "./Label/Label.js";
+import { M as E } from "../MenuLink-CIzBwlKY.js";
+import { MetaDataList as K } from "./MetaDataList/MetaDataList.js";
+import { ModalDialog as U } from "./ModalDialog/ModalDialog.js";
+import { M as W } from "../MultiSelect-Drcfmp0z.js";
+import { OverlayCloseButton as Y } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { ProgrammeCard as _ } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as oo } from "./RadioButton/RadioButton.js";
+import { Repeater as to } from "./Repeater/Repeater.js";
+import { SectionNotification as po } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as fo } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as io, useSelect as ao } from "./SelectListbox/SelectProvider.js";
+import { Spinner as lo } from "./Spinner/Spinner.js";
+import { StatusPill as co } from "./StatusPill/StatusPill.js";
+import { Tooltip as So } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
   f as Attention,
-  a as Backdrop,
+  i as Backdrop,
   n as Button,
   u as ButtonGroup,
   d as Card,
   S as Checkbox,
   M as Drawer,
   I as FieldHint,
-  L as Fieldset,
+  C as Fieldset,
   g as FormField,
-  A as Icon,
-  P as IconButton,
-  R as InfoMessage,
-  w as Input,
-  G as InputField,
-  N as Label,
-  T as MenuLink,
-  q as MetaDataList,
-  E as ModalDialog,
-  K as MultiSelect,
-  U as OverlayCloseButton,
-  W as ProgrammeCard,
-  Y as RadioButton,
-  _ as Repeater,
-  oo as SectionNotification,
-  to as SelectListbox,
-  po as SelectProvider,
-  xo as Spinner,
-  io as StatusPill,
-  lo as Tooltip,
-  mo as useSelect
+  A as GridRow,
+  P as HorizontalList,
+  v as Icon,
+  G as IconButton,
+  h as InfoMessage,
+  z as Input,
+  O as InputField,
+  j as Label,
+  E as MenuLink,
+  K as MetaDataList,
+  U as ModalDialog,
+  W as MultiSelect,
+  Y as OverlayCloseButton,
+  _ as ProgrammeCard,
+  oo as RadioButton,
+  to as Repeater,
+  po as SectionNotification,
+  fo as SelectListbox,
+  io as SelectProvider,
+  lo as Spinner,
+  co as StatusPill,
+  So as Tooltip,
+  ao as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/index.js

@@ -1,68 +1,72 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { AppStatusBar as p } from "./components/AppStatusBar/AppStatusBar.js";
 import { Attention as f } from "./components/Attention/Attention.js";
-import { Backdrop as a } from "./components/Backdrop/Backdrop.js";
+import { Backdrop as i } from "./components/Backdrop/Backdrop.js";
 import { Button as n } from "./components/Button/Button.js";
 import { ButtonGroup as u } from "./components/ButtonGroup/ButtonGroup.js";
 import { Card as d } from "./components/Card/Card.js";
 import { Checkbox as S } from "./components/Checkbox/Checkbox.js";
 import { Drawer as M } from "./components/Drawer/Drawer.js";
 import { FieldHint as I } from "./components/FieldHint/FieldHint.js";
-import { Fieldset as L } from "./components/Fieldset/Fieldset.js";
+import { Fieldset as C } from "./components/Fieldset/Fieldset.js";
 import { FormField as g } from "./components/FormField/FormField.js";
-import { Icon as A } from "./components/Icon/Icon.js";
-import { IconButton as P } from "./components/IconButton/IconButton.js";
-import { InfoMessage as R } from "./components/InfoMessage/InfoMessage.js";
-import { Input as w } from "./components/Input/Input.js";
-import { InputField as G } from "./components/InputField/InputField.js";
-import { Label as N } from "./components/Label/Label.js";
-import { M as T } from "./MenuLink-CIzBwlKY.js";
-import { MetaDataList as q } from "./components/MetaDataList/MetaDataList.js";
-import { ModalDialog as E } from "./components/ModalDialog/ModalDialog.js";
-import { M as K } from "./MultiSelect-Cb4-L7lm.js";
-import { OverlayCloseButton as U } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { ProgrammeCard as W } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Y } from "./components/RadioButton/RadioButton.js";
-import { Repeater as _ } from "./components/Repeater/Repeater.js";
-import { SectionNotification as oo } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as to } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as po, useSelect as mo } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as xo } from "./components/Spinner/Spinner.js";
-import { StatusPill as io } from "./components/StatusPill/StatusPill.js";
-import { Tooltip as lo } from "./components/Tooltip/Tooltip.js";
+import { GridRow as A } from "./components/GridRow/GridRow.js";
+import { HorizontalList as P } from "./components/HorizontalList/HorizontalList.js";
+import { Icon as v } from "./components/Icon/Icon.js";
+import { IconButton as G } from "./components/IconButton/IconButton.js";
+import { InfoMessage as h } from "./components/InfoMessage/InfoMessage.js";
+import { Input as z } from "./components/Input/Input.js";
+import { InputField as O } from "./components/InputField/InputField.js";
+import { Label as j } from "./components/Label/Label.js";
+import { M as E } from "./MenuLink-CIzBwlKY.js";
+import { MetaDataList as K } from "./components/MetaDataList/MetaDataList.js";
+import { ModalDialog as U } from "./components/ModalDialog/ModalDialog.js";
+import { M as W } from "./MultiSelect-Drcfmp0z.js";
+import { OverlayCloseButton as Y } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { ProgrammeCard as _ } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as oo } from "./components/RadioButton/RadioButton.js";
+import { Repeater as to } from "./components/Repeater/Repeater.js";
+import { SectionNotification as po } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as fo } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as io, useSelect as ao } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as lo } from "./components/Spinner/Spinner.js";
+import { StatusPill as co } from "./components/StatusPill/StatusPill.js";
+import { Tooltip as So } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
   f as Attention,
-  a as Backdrop,
+  i as Backdrop,
   n as Button,
   u as ButtonGroup,
   d as Card,
   S as Checkbox,
   M as Drawer,
   I as FieldHint,
-  L as Fieldset,
+  C as Fieldset,
   g as FormField,
-  A as Icon,
-  P as IconButton,
-  R as InfoMessage,
-  w as Input,
-  G as InputField,
-  N as Label,
-  T as MenuLink,
-  q as MetaDataList,
-  E as ModalDialog,
-  K as MultiSelect,
-  U as OverlayCloseButton,
-  W as ProgrammeCard,
-  Y as RadioButton,
-  _ as Repeater,
-  oo as SectionNotification,
-  to as SelectListbox,
-  po as SelectProvider,
-  xo as Spinner,
-  io as StatusPill,
-  lo as Tooltip,
-  mo as useSelect
+  A as GridRow,
+  P as HorizontalList,
+  v as Icon,
+  G as IconButton,
+  h as InfoMessage,
+  z as Input,
+  O as InputField,
+  j as Label,
+  E as MenuLink,
+  K as MetaDataList,
+  U as ModalDialog,
+  W as MultiSelect,
+  Y as OverlayCloseButton,
+  _ as ProgrammeCard,
+  oo as RadioButton,
+  to as Repeater,
+  po as SectionNotification,
+  fo as SelectListbox,
+  io as SelectProvider,
+  lo as Spinner,
+  co as StatusPill,
+  So as Tooltip,
+  ao as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.33.0",
+  "version": "1.35.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",