@uva-glass/component-library 1.5.0 → 1.7.1

package/dist/components/Button/Button.js

@@ -1,31 +1,30 @@
-import { jsx as _ } from "react/jsx-runtime";
+import { jsx as b } from "react/jsx-runtime";
 import { c as m } from "../../clsx-DB4S2d7J.js";
-import { forwardRef as b } from "react";
-import '../../assets/Button.css';const a = "_button_1gimu_3", t = {
-  "visually-hidden": "_visually-hidden_1gimu_1",
-  button: a,
+import { forwardRef as _ } from "react";
+import '../../assets/Button.css';const c = "_button_1gimu_3", t = {
+  button: c,
   "button--blank": "_button--blank_1gimu_36",
   "button--primary": "_button--primary_1gimu_53",
   "button--secondary": "_button--secondary_1gimu_69",
   "button--destructive-primary": "_button--destructive-primary_1gimu_85",
   "button--destructive-secondary": "_button--destructive-secondary_1gimu_103",
   "button--wide-column": "_button--wide-column_1gimu_121"
-}, y = b((o, n) => {
-  const { children: u, type: r = "button", variant: i, displayColumn: e = !1, ...s } = o;
-  return /* @__PURE__ */ _(
+}, p = _((o, n) => {
+  const { children: u, type: r = "button", variant: e, displayColumn: i = !1, ...s } = o;
+  return /* @__PURE__ */ b(
     "button",
     {
       ...s,
       type: r,
       ref: n,
-      className: m(t.button, t[`button--${i}`], {
-        [t["button--wide-column"]]: e
+      className: m(t.button, t[`button--${e}`], {
+        [t["button--wide-column"]]: i
       }),
       children: u
     }
   );
 });
 export {
-  y as Button
+  p as Button
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Button.module.css';\n\nexport type UIButtonVariant = 'primary' | 'secondary' | 'destructive-primary' | 'destructive-secondary' | 'blank';\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {\n  variant: UIButtonVariant;\n  children: ReactNode;\n  displayColumn?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, forwardedRef) => {\n  const { children, type = 'button', variant, displayColumn = false, ...restProps } = props;\n\n  return (\n    <button\n      {...restProps}\n      type={type}\n      ref={forwardedRef}\n      className={clsx(styles['button'], styles[`button--${variant}`], {\n        [styles['button--wide-column']]: displayColumn,\n      })}\n    >\n      {children}\n    </button>\n  );\n});\n"],"names":["Button","forwardRef","props","forwardedRef","children","type","variant","displayColumn","restProps","jsx","clsx","styles"],"mappings":";;;;;;;;;;;;GAeaA,IAASC,EAA2C,CAACC,GAAOC,MAAiB;AAClF,QAAA,EAAE,UAAAC,GAAU,MAAAC,IAAO,UAAU,SAAAC,GAAS,eAAAC,IAAgB,IAAO,GAAGC,EAAc,IAAAN;AAGlF,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,MAAAH;AAAA,MACA,KAAKF;AAAA,MACL,WAAWO,EAAKC,EAAO,QAAWA,EAAO,WAAWL,CAAO,EAAE,GAAG;AAAA,QAC9D,CAACK,EAAO,qBAAqB,CAAC,GAAGJ;AAAA,MAAA,CAClC;AAAA,MAEA,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Button.module.css';\n\nexport type UIButtonVariant = 'primary' | 'secondary' | 'destructive-primary' | 'destructive-secondary' | 'blank';\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {\n  variant: UIButtonVariant;\n  children: ReactNode;\n  displayColumn?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, forwardedRef) => {\n  const { children, type = 'button', variant, displayColumn = false, ...restProps } = props;\n\n  return (\n    <button\n      {...restProps}\n      type={type}\n      ref={forwardedRef}\n      className={clsx(styles['button'], styles[`button--${variant}`], {\n        [styles['button--wide-column']]: displayColumn,\n      })}\n    >\n      {children}\n    </button>\n  );\n});\n"],"names":["Button","forwardRef","props","forwardedRef","children","type","variant","displayColumn","restProps","jsx","clsx","styles"],"mappings":";;;;;;;;;;;GAeaA,IAASC,EAA2C,CAACC,GAAOC,MAAiB;AAClF,QAAA,EAAE,UAAAC,GAAU,MAAAC,IAAO,UAAU,SAAAC,GAAS,eAAAC,IAAgB,IAAO,GAAGC,EAAc,IAAAN;AAGlF,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,MAAAH;AAAA,MACA,KAAKF;AAAA,MACL,WAAWO,EAAKC,EAAO,QAAWA,EAAO,WAAWL,CAAO,EAAE,GAAG;AAAA,QAC9D,CAACK,EAAO,qBAAqB,CAAC,GAAGJ;AAAA,MAAA,CAClC;AAAA,MAEA,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/components/Card/Card.js

@@ -1,9 +1,8 @@
-import { jsxs as h, jsx as d } from "react/jsx-runtime";
+import { jsxs as h, jsx as l } from "react/jsx-runtime";
 import { c as t } from "../../clsx-DB4S2d7J.js";
-import { SectionNotification as i } from "../SectionNotification/SectionNotification.js";
-import '../../assets/Card.css';const n = "_card_aw9hz_3", a = {
-  "visually-hidden": "_visually-hidden_aw9hz_1",
-  card: n,
+import { SectionNotification as o } from "../SectionNotification/SectionNotification.js";
+import '../../assets/Card.css';const g = "_card_aw9hz_3", a = {
+  card: g,
   "card--regular": "_card--regular_aw9hz_9",
   "card--large": "_card--large_aw9hz_10",
   "card--small": "_card--small_aw9hz_15",
@@ -11,10 +10,10 @@ import '../../assets/Card.css';const n = "_card_aw9hz_3", a = {
   "card--high-contrast": "_card--high-contrast_aw9hz_35",
   "card--align-center": "_card--align-center_aw9hz_39"
 }, w = ({
-  children: e,
+  children: d,
   header: c,
   highContrast: s,
-  notification: l,
+  notification: e,
   padding: r = "regular",
   alignCenter: _ = !1
 }) => /* @__PURE__ */ h(
@@ -28,9 +27,9 @@ import '../../assets/Card.css';const n = "_card_aw9hz_3", a = {
       [a["card--align-center"]]: _
     }),
     children: [
-      l && /* @__PURE__ */ d(i, { children: l }),
-      c && /* @__PURE__ */ d("div", { className: a["card-header"], children: c }),
-      e
+      e && /* @__PURE__ */ l(o, { children: e }),
+      c && /* @__PURE__ */ l("div", { className: a["card-header"], children: c }),
+      d
     ]
   }
 );

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import classNames from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Card.module.css';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nexport interface CardProps {\n  header?: ReactNode;\n  highContrast?: boolean;\n  notification?: ReactNode;\n  padding?: 'small' | 'regular' | 'large';\n  alignCenter?: boolean;\n}\n\nexport const Card = ({\n  children,\n  header,\n  highContrast,\n  notification,\n  padding = 'regular',\n  alignCenter = false,\n}: PropsWithChildren<CardProps>) => (\n  <div\n    className={classNames(styles['card'], {\n      [styles['card--high-contrast']]: highContrast,\n      [styles['card--regular']]: padding === 'regular',\n      [styles['card--small']]: padding === 'small',\n      [styles['card--large']]: padding === 'large',\n      [styles['card--align-center']]: alignCenter,\n    })}\n  >\n    {notification && <SectionNotification>{notification}</SectionNotification>}\n    {header && <div className={styles['card-header']}>{header}</div>}\n    {children}\n  </div>\n);\n"],"names":["Card","children","header","highContrast","notification","padding","alignCenter","jsxs","classNames","styles","jsx","SectionNotification"],"mappings":";;;;;;;;;;;;GAgBaA,IAAO,CAAC;AAAA,EACnB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAChB,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,MAAS;AAAA,MACpC,CAACA,EAAO,qBAAqB,CAAC,GAAGN;AAAA,MACjC,CAACM,EAAO,eAAe,CAAC,GAAGJ,MAAY;AAAA,MACvC,CAACI,EAAO,aAAa,CAAC,GAAGJ,MAAY;AAAA,MACrC,CAACI,EAAO,aAAa,CAAC,GAAGJ,MAAY;AAAA,MACrC,CAACI,EAAO,oBAAoB,CAAC,GAAGH;AAAA,IAAA,CACjC;AAAA,IAEA,UAAA;AAAA,MAAgBF,KAAA,gBAAAM,EAACC,KAAqB,UAAaP,EAAA,CAAA;AAAA,MACnDF,KAAW,gBAAAQ,EAAA,OAAA,EAAI,WAAWD,EAAO,aAAa,GAAI,UAAOP,GAAA;AAAA,MACzDD;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import classNames from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Card.module.css';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nexport interface CardProps {\n  header?: ReactNode;\n  highContrast?: boolean;\n  notification?: ReactNode;\n  padding?: 'small' | 'regular' | 'large';\n  alignCenter?: boolean;\n}\n\nexport const Card = ({\n  children,\n  header,\n  highContrast,\n  notification,\n  padding = 'regular',\n  alignCenter = false,\n}: PropsWithChildren<CardProps>) => (\n  <div\n    className={classNames(styles['card'], {\n      [styles['card--high-contrast']]: highContrast,\n      [styles['card--regular']]: padding === 'regular',\n      [styles['card--small']]: padding === 'small',\n      [styles['card--large']]: padding === 'large',\n      [styles['card--align-center']]: alignCenter,\n    })}\n  >\n    {notification && <SectionNotification>{notification}</SectionNotification>}\n    {header && <div className={styles['card-header']}>{header}</div>}\n    {children}\n  </div>\n);\n"],"names":["Card","children","header","highContrast","notification","padding","alignCenter","jsxs","classNames","styles","jsx","SectionNotification"],"mappings":";;;;;;;;;;;GAgBaA,IAAO,CAAC;AAAA,EACnB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAChB,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,MAAS;AAAA,MACpC,CAACA,EAAO,qBAAqB,CAAC,GAAGN;AAAA,MACjC,CAACM,EAAO,eAAe,CAAC,GAAGJ,MAAY;AAAA,MACvC,CAACI,EAAO,aAAa,CAAC,GAAGJ,MAAY;AAAA,MACrC,CAACI,EAAO,aAAa,CAAC,GAAGJ,MAAY;AAAA,MACrC,CAACI,EAAO,oBAAoB,CAAC,GAAGH;AAAA,IAAA,CACjC;AAAA,IAEA,UAAA;AAAA,MAAgBF,KAAA,gBAAAM,EAACC,KAAqB,UAAaP,EAAA,CAAA;AAAA,MACnDF,KAAW,gBAAAQ,EAAA,OAAA,EAAI,WAAWD,EAAO,aAAa,GAAI,UAAOP,GAAA;AAAA,MACzDD;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/dist/components/IconButton/IconButton.js

@@ -1,29 +1,28 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as b } from "../../clsx-DB4S2d7J.js";
-import { forwardRef as l } from "react";
+import { jsx as b } from "react/jsx-runtime";
+import { c as d } from "../../clsx-DB4S2d7J.js";
+import { forwardRef as s } from "react";
 import '../../assets/IconButton.css';const t = {
-  "visually-hidden": "_visually-hidden_ldxal_1",
   "icon-button": "_icon-button_ldxal_3",
   "icon-button--destructive": "_icon-button--destructive_ldxal_29",
   "icon-button--no-border": "_icon-button--no-border_ldxal_37",
   "icon-button--wide": "_icon-button--wide_ldxal_46"
-}, x = l(
-  ({ children: o, type: n = "button", variant: i, noBorder: c, wide: e, ...u }, d) => /* @__PURE__ */ r(
+}, m = s(
+  ({ children: o, type: n = "button", variant: c, noBorder: i, wide: r, ...e }, u) => /* @__PURE__ */ b(
     "button",
     {
-      ...u,
-      className: b(t["icon-button"], {
-        [t["icon-button--destructive"]]: i === "destructive",
-        [t["icon-button--no-border"]]: c,
-        [t["icon-button--wide"]]: e
+      ...e,
+      className: d(t["icon-button"], {
+        [t["icon-button--destructive"]]: c === "destructive",
+        [t["icon-button--no-border"]]: i,
+        [t["icon-button--wide"]]: r
       }),
-      ref: d,
+      ref: u,
       type: n,
       children: o
     }
   )
 );
 export {
-  x as IconButton
+  m as IconButton
 };
 //# sourceMappingURL=IconButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport styles from './IconButton.module.css';\n\nexport interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {\n  'aria-label': string;\n  variant?: 'destructive';\n  noBorder?: boolean;\n  wide?: boolean;\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ children, type = 'button', variant, noBorder, wide, ...restProps }: IconButtonProps, forwardedRef) => (\n    <button\n      {...restProps}\n      className={clsx(styles['icon-button'], {\n        [styles['icon-button--destructive']]: variant === 'destructive',\n        [styles['icon-button--no-border']]: noBorder,\n        [styles['icon-button--wide']]: wide,\n      })}\n      ref={forwardedRef}\n      type={type}\n    >\n      {children}\n    </button>\n  )\n);\n"],"names":["IconButton","forwardRef","children","type","variant","noBorder","wide","restProps","forwardedRef","jsx","clsx","styles"],"mappings":";;;;;;;;;GAcaA,IAAaC;AAAA,EACxB,CAAC,EAAE,UAAAC,GAAU,MAAAC,IAAO,UAAU,SAAAC,GAAS,UAAAC,GAAU,MAAAC,GAAM,GAAGC,KAA8BC,MACtF,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAWG,EAAKC,EAAO,aAAa,GAAG;AAAA,QACrC,CAACA,EAAO,0BAA0B,CAAC,GAAGP,MAAY;AAAA,QAClD,CAACO,EAAO,wBAAwB,CAAC,GAAGN;AAAA,QACpC,CAACM,EAAO,mBAAmB,CAAC,GAAGL;AAAA,MAAA,CAChC;AAAA,MACD,KAAKE;AAAA,MACL,MAAAL;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport styles from './IconButton.module.css';\n\nexport interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {\n  'aria-label': string;\n  variant?: 'destructive';\n  noBorder?: boolean;\n  wide?: boolean;\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ children, type = 'button', variant, noBorder, wide, ...restProps }: IconButtonProps, forwardedRef) => (\n    <button\n      {...restProps}\n      className={clsx(styles['icon-button'], {\n        [styles['icon-button--destructive']]: variant === 'destructive',\n        [styles['icon-button--no-border']]: noBorder,\n        [styles['icon-button--wide']]: wide,\n      })}\n      ref={forwardedRef}\n      type={type}\n    >\n      {children}\n    </button>\n  )\n);\n"],"names":["IconButton","forwardRef","children","type","variant","noBorder","wide","restProps","forwardedRef","jsx","clsx","styles"],"mappings":";;;;;;;;GAcaA,IAAaC;AAAA,EACxB,CAAC,EAAE,UAAAC,GAAU,MAAAC,IAAO,UAAU,SAAAC,GAAS,UAAAC,GAAU,MAAAC,GAAM,GAAGC,KAA8BC,MACtF,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAWG,EAAKC,EAAO,aAAa,GAAG;AAAA,QACrC,CAACA,EAAO,0BAA0B,CAAC,GAAGP,MAAY;AAAA,QAClD,CAACO,EAAO,wBAAwB,CAAC,GAAGN;AAAA,QACpC,CAACM,EAAO,mBAAmB,CAAC,GAAGL;AAAA,MAAA,CAChC;AAAA,MACD,KAAKE;AAAA,MACL,MAAAL;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -1,10 +1,10 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { f as a } from "../../index-Ca2Q7D5u.js";
-import { IconButton as o } from "./IconButton.js";
-import { Icon as n } from "../Icon/Icon.js";
-const f = {
+import { IconButton as e } from "./IconButton.js";
+import { Icon as l } from "../Icon/Icon.js";
+const m = {
   title: "Atoms/IconButton",
-  component: o,
+  component: e,
   argTypes: {
     variant: {
       options: ["destructive"],
@@ -33,18 +33,21 @@ const f = {
       }
     }
   }
-}, r = (e) => /* @__PURE__ */ t(o, { ...e }), l = r.bind({});
-l.args = {
+}, s = (t) => {
+  const n = t.variant ?? [], r = { ...t, variant: n.toString() };
+  return /* @__PURE__ */ o(e, { ...r });
+}, i = s.bind({});
+i.args = {
   "aria-label": "Trash",
   variant: "destructive",
   noBorder: !1,
   wide: !1,
   disabled: !1,
-  children: /* @__PURE__ */ t(n, { name: "Trash" }),
+  children: /* @__PURE__ */ o(l, { name: "Trash" }),
   onClick: a()
 };
 export {
-  l as IconButtonExample,
-  f as default
+  i as IconButtonExample,
+  m as default
 };
 //# sourceMappingURL=IconButton.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.stories.js","sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { IconButtonProps } from 'components/IconButton';\n\nimport { IconButton } from 'components/IconButton';\nimport { Icon } from 'components/Icon';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/IconButton',\n  component: IconButton,\n  argTypes: {\n    variant: {\n      options: ['destructive'],\n      control: { type: 'check' },\n    },\n    noBorder: {\n      control: 'boolean',\n      default: false,\n    },\n    wide: {\n      control: 'boolean',\n      default: false,\n    },\n    'aria-label': {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      options: ['button', 'submit', 'reset'],\n      control: { type: 'select' },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<IconButtonProps>;\n\nconst Template: StoryFn<IconButtonProps> = (args) => <IconButton {...args} />;\n\nexport const IconButtonExample = Template.bind({});\nIconButtonExample.args = {\n  'aria-label': 'Trash',\n  variant: 'destructive',\n  noBorder: false,\n  wide: false,\n  disabled: false,\n  children: <Icon name=\"Trash\" />,\n  onClick: fn(),\n};\n"],"names":["IconButton_stories","IconButton","Template","args","jsx","IconButtonExample","Icon","fn"],"mappings":";;;;AASA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,aAAa;AAAA,MACvB,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,CAAC,UAAU,UAAU,OAAO;AAAA,MACrC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAqC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAY,GAAGE,EAAM,CAAA,GAE9DE,IAAoBH,EAAS,KAAK,EAAE;AACjDG,EAAkB,OAAO;AAAA,EACvB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU,gBAAAD,EAACE,GAAK,EAAA,MAAK,QAAQ,CAAA;AAAA,EAC7B,SAASC,EAAG;AACd;"}
+{"version":3,"file":"IconButton.stories.js","sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { IconButtonProps } from 'components/IconButton';\n\nimport { IconButton } from 'components/IconButton';\nimport { Icon } from 'components/Icon';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/IconButton',\n  component: IconButton,\n  argTypes: {\n    variant: {\n      options: ['destructive'],\n      control: { type: 'check' },\n    },\n    noBorder: {\n      control: 'boolean',\n      default: false,\n    },\n    wide: {\n      control: 'boolean',\n      default: false,\n    },\n    'aria-label': {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      options: ['button', 'submit', 'reset'],\n      control: { type: 'select' },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<IconButtonProps>;\n\nconst Template: StoryFn<IconButtonProps> = (args) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  const iconButtonArgs = { ...args, ...{ variant: variantArray.toString() } } as IconButtonProps;\n\n  return <IconButton {...iconButtonArgs} />;\n};\n\nexport const IconButtonExample = Template.bind({});\nIconButtonExample.args = {\n  'aria-label': 'Trash',\n  variant: 'destructive',\n  noBorder: false,\n  wide: false,\n  disabled: false,\n  children: <Icon name=\"Trash\" />,\n  onClick: fn(),\n};\n"],"names":["IconButton_stories","IconButton","Template","args","variantArray","iconButtonArgs","jsx","IconButtonExample","Icon","fn"],"mappings":";;;;AASA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,aAAa;AAAA,MACvB,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,CAAC,UAAU,UAAU,OAAO;AAAA,MACrC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAqC,CAACC,MAAS;AAE7C,QAAAC,IAAgBD,EAAK,WAAmC,IACxDE,IAAiB,EAAE,GAAGF,GAAW,SAASC,EAAa,SAAS;AAE/D,SAAA,gBAAAE,EAACL,GAAY,EAAA,GAAGI,EAAgB,CAAA;AACzC,GAEaE,IAAoBL,EAAS,KAAK,EAAE;AACjDK,EAAkB,OAAO;AAAA,EACvB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU,gBAAAD,EAACE,GAAK,EAAA,MAAK,QAAQ,CAAA;AAAA,EAC7B,SAASC,EAAG;AACd;"}

package/dist/components/InfoMessage/InfoMessage.js

@@ -1,24 +1,23 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { c as _ } from "../../clsx-DB4S2d7J.js";
-import { Icon as a } from "../Icon/Icon.js";
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { c as a } from "../../clsx-DB4S2d7J.js";
+import { Icon as _ } from "../Icon/Icon.js";
 import '../../assets/InfoMessage.css';const e = {
-  "visually-hidden": "_visually-hidden_elg9f_1",
   "info-message": "_info-message_elg9f_3",
   "info-message__container": "_info-message__container_elg9f_8",
   "info-message__icon": "_info-message__icon_elg9f_13"
-}, c = ({ message: s, hasOwnContainer: i = !1 }) => /* @__PURE__ */ n(
+}, g = ({ message: s, hasOwnContainer: o = !1 }) => /* @__PURE__ */ n(
   "div",
   {
-    className: _(e["info-message"], {
-      [e["info-message__container"]]: i
+    className: a(e["info-message"], {
+      [e["info-message__container"]]: o
     }),
     children: [
-      /* @__PURE__ */ o(a, { name: "InformationCircleFillMini", className: e["info-message__icon"] }),
+      /* @__PURE__ */ i(_, { name: "InformationCircleFillMini", className: e["info-message__icon"] }),
       s
     ]
   }
 );
 export {
-  c as InfoMessage
+  g as InfoMessage
 };
 //# sourceMappingURL=InfoMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.js","sources":["../../../src/components/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './InfoMessage.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface InfoMessageProps {\n  message: string;\n  hasOwnContainer?: boolean;\n}\n\nexport const InfoMessage = ({ message, hasOwnContainer = false }: PropsWithChildren<InfoMessageProps>) => (\n  <div\n    className={clsx(styles['info-message'], {\n      [styles['info-message__container']]: hasOwnContainer,\n    })}\n  >\n    <Icon name=\"InformationCircleFillMini\" className={styles['info-message__icon']} />\n    {message}\n  </div>\n);\n"],"names":["InfoMessage","message","hasOwnContainer","jsxs","clsx","styles","jsx","Icon"],"mappings":";;;;;;;;GAaaA,IAAc,CAAC,EAAE,SAAAC,GAAS,iBAAAC,IAAkB,GACvD,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,cAAc,GAAG;AAAA,MACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGH;AAAA,IAAA,CACtC;AAAA,IAED,UAAA;AAAA,MAAA,gBAAAI,EAACC,KAAK,MAAK,6BAA4B,WAAWF,EAAO,oBAAoB,GAAG;AAAA,MAC/EJ;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"InfoMessage.js","sources":["../../../src/components/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './InfoMessage.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface InfoMessageProps {\n  message: string;\n  hasOwnContainer?: boolean;\n}\n\nexport const InfoMessage = ({ message, hasOwnContainer = false }: PropsWithChildren<InfoMessageProps>) => (\n  <div\n    className={clsx(styles['info-message'], {\n      [styles['info-message__container']]: hasOwnContainer,\n    })}\n  >\n    <Icon name=\"InformationCircleFillMini\" className={styles['info-message__icon']} />\n    {message}\n  </div>\n);\n"],"names":["InfoMessage","message","hasOwnContainer","jsxs","clsx","styles","jsx","Icon"],"mappings":";;;;;;;GAaaA,IAAc,CAAC,EAAE,SAAAC,GAAS,iBAAAC,IAAkB,GACvD,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,cAAc,GAAG;AAAA,MACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGH;AAAA,IAAA,CACtC;AAAA,IAED,UAAA;AAAA,MAAA,gBAAAI,EAACC,KAAK,MAAK,6BAA4B,WAAWF,EAAO,oBAAoB,GAAG;AAAA,MAC/EJ;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes } from 'react';
+
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {
+    appearance?: 'error';
+    type?: 'text' | 'search' | 'password' | 'email' | 'file';
+    fullWidth?: boolean;
+    id: string;
+    isNumeric?: boolean;
+}
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Input/Input.js

@@ -0,0 +1,28 @@
+import { jsx as _ } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { c as f } from "../../clsx-DB4S2d7J.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__ */ _(
+    "input",
+    {
+      ...o,
+      ref: e,
+      id: r,
+      className: f(t.input, {
+        [t["input--error"]]: n === "error",
+        [t["input--full-with"]]: p,
+        [t["input--numeric"]]: u
+      }),
+      type: i
+    }
+  );
+});
+export {
+  a as Input
+};
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes } from 'react';\n\nimport styles from './Input.module.css';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {\n  appearance?: 'error';\n  type?: 'text' | 'search' | 'password' | 'email' | 'file';\n  fullWidth?: boolean;\n  id: string;\n  isNumeric?: boolean;\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { id, appearance, type = 'text', isNumeric, fullWidth, ...restProps }: InputProps,\n  forwardedRef\n) {\n  return (\n    <input\n      {...restProps}\n      ref={forwardedRef}\n      id={id}\n      className={clsx(styles['input'], {\n        [styles['input--error']]: appearance === 'error',\n        [styles['input--full-with']]: fullWidth,\n        [styles['input--numeric']]: isNumeric,\n      })}\n      type={type}\n    />\n  );\n});\n"],"names":["Input","forwardRef","id","appearance","type","isNumeric","fullWidth","restProps","forwardedRef","jsx","clsx","styles"],"mappings":";;;;;;;;GAeaA,IAAQC,EAAyC,SAC5D,EAAE,IAAAC,GAAI,YAAAC,GAAY,MAAAC,IAAO,QAAQ,WAAAC,GAAW,WAAAC,GAAW,GAAGC,EAAA,GAC1DC,GACA;AAEE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,KAAKC;AAAA,MACL,IAAAN;AAAA,MACA,WAAWQ,EAAKC,EAAO,OAAU;AAAA,QAC/B,CAACA,EAAO,cAAc,CAAC,GAAGR,MAAe;AAAA,QACzC,CAACQ,EAAO,kBAAkB,CAAC,GAAGL;AAAA,QAC9B,CAACK,EAAO,gBAAgB,CAAC,GAAGN;AAAA,MAAA,CAC7B;AAAA,MACD,MAAAD;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

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

@@ -0,0 +1,8 @@
+import { InputProps } from './Input';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, InputProps>;
+export default _default;
+export declare const InputExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
+export declare const FullWidth: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
+export declare const Numeric: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
+export declare const WithErrorAppearance: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;

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

@@ -0,0 +1,41 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Input as r } from "./Input.js";
+const u = {
+  title: "Atoms/Input",
+  component: r,
+  argTypes: {
+    appearance: {
+      table: {
+        disable: !0
+      }
+    },
+    type: {
+      control: "inline-radio"
+    }
+  },
+  args: {
+    id: "30daa7c7",
+    type: "text"
+  }
+}, t = (e) => /* @__PURE__ */ a(r, { ...e }), n = t.bind({});
+n.args = {};
+const o = t.bind({});
+o.args = {
+  fullWidth: !0
+};
+const i = t.bind({});
+i.args = {
+  isNumeric: !0
+};
+const p = t.bind({});
+p.args = {
+  appearance: "error"
+};
+export {
+  o as FullWidth,
+  n as InputExample,
+  i as Numeric,
+  p as WithErrorAppearance,
+  u as default
+};
+//# sourceMappingURL=Input.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.js","sources":["../../../src/components/Input/Input.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { InputProps } from './Input';\n\nimport { Input } from './Input';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Input',\n  component: Input,\n  argTypes: {\n    appearance: {\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      control: 'inline-radio',\n    },\n  },\n  args: {\n    id: '30daa7c7',\n    type: 'text',\n  },\n} as Meta<InputProps>;\n\nconst Template: StoryFn<InputProps> = (args) => {\n  return <Input {...args} />;\n};\n\nexport const InputExample = Template.bind({});\nInputExample.args = {};\n\nexport const FullWidth = Template.bind({});\nFullWidth.args = {\n  fullWidth: true,\n};\n\nexport const Numeric = Template.bind({});\nNumeric.args = {\n  isNumeric: true,\n};\n\nexport const WithErrorAppearance = Template.bind({});\nWithErrorAppearance.args = {\n  appearance: 'error',\n};\n"],"names":["Input_stories","Input","Template","args","jsx","InputExample","FullWidth","Numeric","WithErrorAppearance"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AACF,GAEMC,IAAgC,CAACC,MAC9B,gBAAAC,EAACH,GAAO,EAAA,GAAGE,EAAM,CAAA,GAGbE,IAAeH,EAAS,KAAK,EAAE;AAC5CG,EAAa,OAAO,CAAA;AAEb,MAAMC,IAAYJ,EAAS,KAAK,EAAE;AACzCI,EAAU,OAAO;AAAA,EACf,WAAW;AACb;AAEO,MAAMC,IAAUL,EAAS,KAAK,EAAE;AACvCK,EAAQ,OAAO;AAAA,EACb,WAAW;AACb;AAEO,MAAMC,IAAsBN,EAAS,KAAK,EAAE;AACnDM,EAAoB,OAAO;AAAA,EACzB,YAAY;AACd;"}

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

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

package/dist/components/Input/index.js

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

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

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

package/dist/components/InputField/InputField.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+
+export interface InputFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {
+    variant?: 'large';
+    hint?: string;
+    spinnerAriaValueText: string;
+    isHintLoading?: boolean;
+    type?: 'text' | 'search' | 'password' | 'email';
+    autoComplete?: 'off';
+    id: string;
+}
+export declare const InputField: import('react').ForwardRefExoticComponent<InputFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/InputField/InputField.js

@@ -0,0 +1,29 @@
+import { jsxs as m, Fragment as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { c } from "../../clsx-DB4S2d7J.js";
+import { FieldHint as _ } from "./components/FieldHint.js";
+import '../../assets/InputField2.css';const i = {
+  "input-field": "_input-field_16tae_1",
+  "input-field--large": "_input-field--large_16tae_15"
+}, v = u(
+  ({ autoComplete: l = "off", id: f, variant: o, hint: e, isHintLoading: t, spinnerAriaValueText: p, type: a = "text", ...n }, d) => /* @__PURE__ */ m(s, { children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        ...n,
+        autoComplete: l,
+        ref: d,
+        id: f,
+        className: c(i["input-field"], {
+          [i["input-field--large"]]: o === "large"
+        }),
+        type: a
+      }
+    ),
+    (e || t) && /* @__PURE__ */ r(_, { loading: t, spinnerAriaValueText: p, value: e })
+  ] })
+);
+export {
+  v as InputField
+};
+//# sourceMappingURL=InputField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sources":["../../../src/components/InputField/InputField.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes } from 'react';\n\nimport styles from './InputField.module.css';\nimport { FieldHint } from './components/FieldHint';\n\nexport interface InputFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {\n  variant?: 'large';\n  hint?: string;\n  spinnerAriaValueText: string;\n  isHintLoading?: boolean;\n  type?: 'text' | 'search' | 'password' | 'email';\n  autoComplete?: 'off'\n  id: string;\n}\n\nexport const InputField = forwardRef<HTMLInputElement, InputFieldProps>(\n  (\n    { autoComplete = 'off', id, variant, hint, isHintLoading, spinnerAriaValueText, type = 'text', ...restProps }: InputFieldProps,\n    forwardedRef\n  ) => {\n    return (\n      <>\n        <input\n          {...restProps}\n          autoComplete={autoComplete}\n          ref={forwardedRef}\n          id={id}\n          className={clsx(styles['input-field'], {\n            [styles['input-field--large']]: variant === 'large',\n          })}\n          type={type}\n        />\n        {(hint || isHintLoading) && <FieldHint loading={isHintLoading} spinnerAriaValueText={spinnerAriaValueText} value={hint} />}\n      </>\n    );\n  }\n);\n"],"names":["InputField","forwardRef","autoComplete","id","variant","hint","isHintLoading","spinnerAriaValueText","type","restProps","forwardedRef","jsxs","Fragment","jsx","clsx","styles","FieldHint"],"mappings":";;;;;;;GAkBaA,IAAaC;AAAA,EACxB,CACE,EAAE,cAAAC,IAAe,OAAO,IAAAC,GAAI,SAAAC,GAAS,MAAAC,GAAM,eAAAC,GAAe,sBAAAC,GAAsB,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GAClGC,MAII,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGJ;AAAA,QACJ,cAAAP;AAAA,QACA,KAAKQ;AAAA,QACL,IAAAP;AAAA,QACA,WAAWW,EAAKC,EAAO,aAAa,GAAG;AAAA,UACrC,CAACA,EAAO,oBAAoB,CAAC,GAAGX,MAAY;AAAA,QAAA,CAC7C;AAAA,QACD,MAAAI;AAAA,MAAA;AAAA,IACF;AAAA,KACEH,KAAQC,MAAmB,gBAAAO,EAAAG,GAAA,EAAU,SAASV,GAAe,sBAAAC,GAA4C,OAAOF,GAAM;AAAA,EAC1H,EAAA,CAAA;AAGN;"}

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

@@ -0,0 +1,7 @@
+import { InputFieldProps } from './InputField';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, InputFieldProps>;
+export default _default;
+export declare const InputFieldExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputFieldProps>;
+export declare const WithHint: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputFieldProps>;
+export declare const WithLoadingHint: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputFieldProps>;

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

@@ -0,0 +1,65 @@
+import { jsx as o } from "react/jsx-runtime";
+import { InputField as e } from "./InputField.js";
+import '../../assets/InputField.css';const r = (t) => {
+  const a = t.variant ?? [];
+  return { ...t, variant: a.toString() };
+}, m = {
+  title: "Atoms/InputField",
+  component: e,
+  argTypes: {
+    variant: {
+      options: ["large"],
+      control: "check"
+    },
+    hint: {
+      control: "text"
+    },
+    spinnerAriaValueText: {
+      control: "text"
+    },
+    isHintLoading: {
+      control: Boolean,
+      table: {
+        disable: !0
+      }
+    },
+    type: {
+      control: "radio",
+      options: ["text", "search", "password", "email"]
+    },
+    id: {
+      control: "text"
+    },
+    autoComplete: {
+      control: "radio",
+      options: ["off"]
+    }
+  }
+}, n = (t) => /* @__PURE__ */ o("div", { className: "form", children: /* @__PURE__ */ o("div", { className: "form-field", children: /* @__PURE__ */ o(e, { ...r(t) }) }) }), i = {
+  type: "text",
+  variant: void 0,
+  hint: void 0,
+  spinnerAriaValueText: "Loading",
+  autoComplete: "off",
+  id: "4f9ca77d"
+}, s = n.bind({});
+s.args = {
+  ...i
+};
+const l = n.bind({});
+l.args = {
+  ...i,
+  hint: "Example hint"
+};
+const d = n.bind({});
+d.args = {
+  ...i,
+  isHintLoading: !0
+};
+export {
+  s as InputFieldExample,
+  l as WithHint,
+  d as WithLoadingHint,
+  m as default
+};
+//# sourceMappingURL=InputField.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.stories.js","sources":["../../../src/components/InputField/InputField.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { InputFieldProps } from './InputField';\n\nimport './InputField.stories.css';\n\nimport { InputField } from './InputField';\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    hint: {\n      control: 'text',\n    },\n    spinnerAriaValueText: {\n      control: 'text',\n    },\n    isHintLoading: {\n      control: Boolean,\n      table: {\n        disable: true,\n      },\n    },\n    type: {\n      control: 'radio',\n      options: ['text', 'search', 'password', 'email'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      control: 'radio',\n      options: ['off'],\n    },\n  },\n} as Meta<InputFieldProps>;\n\nconst Template: StoryFn<InputFieldProps> = (args) => (\n  <div className=\"form\">\n    <div className=\"form-field\">\n      <InputField {...transformArgs(args)} />\n    </div>\n  </div>\n);\n\nconst defaultArgs: Partial<InputFieldProps> = {\n  type: 'text',\n  variant: undefined,\n  hint: undefined,\n  spinnerAriaValueText: 'Loading',\n  autoComplete: 'off',\n  id: '4f9ca77d',\n};\n\nexport const InputFieldExample = Template.bind({});\nInputFieldExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithHint = Template.bind({});\nWithHint.args = {\n  ...defaultArgs,\n  hint: 'Example hint',\n};\n\nexport const WithLoadingHint = Template.bind({});\nWithLoadingHint.args = {\n  ...defaultArgs,\n  isHintLoading: true\n};\n"],"names":["transformArgs","args","variantArray","InputField_stories","InputField","Template","jsx","defaultArgs","InputFieldExample","WithHint","WithLoadingHint"],"mappings":";;AAOA,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,IACX;AAAA,IACA,sBAAsB;AAAA,MACpB,SAAS;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,QAAQ,UAAU,YAAY,OAAO;AAAA,IACjD;AAAA,IACA,IAAI;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,SAAS,CAAC,KAAK;AAAA,IACjB;AAAA,EACF;AACF,GAEMC,IAAqC,CAACJ,wBACzC,OAAI,EAAA,WAAU,QACb,UAAC,gBAAAK,EAAA,OAAA,EAAI,WAAU,cACb,4BAACF,GAAY,EAAA,GAAGJ,EAAcC,CAAI,EAAG,CAAA,GACvC,EACF,CAAA,GAGIM,IAAwC;AAAA,EAC5C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,IAAI;AACN,GAEaC,IAAoBH,EAAS,KAAK,EAAE;AACjDG,EAAkB,OAAO;AAAA,EACvB,GAAGD;AACL;AAEO,MAAME,IAAWJ,EAAS,KAAK,EAAE;AACxCI,EAAS,OAAO;AAAA,EACd,GAAGF;AAAA,EACH,MAAM;AACR;AAEO,MAAMG,IAAkBL,EAAS,KAAK,EAAE;AAC/CK,EAAgB,OAAO;AAAA,EACrB,GAAGH;AAAA,EACH,eAAe;AACjB;"}

package/dist/components/InputField/components/FieldHint.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    value?: string;
+    spinnerAriaValueText: string;
+    loading?: boolean;
+}
+export declare function FieldHint({ value, spinnerAriaValueText, loading }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/InputField/components/FieldHint.js

@@ -0,0 +1,15 @@
+import { jsxs as r, jsx as n, Fragment as s } from "react/jsx-runtime";
+import { Spinner as f } from "../../Spinner/Spinner.js";
+import '../../../assets/FieldHint.css';const l = {
+  "field-hint": "_field-hint_f5ej1_1"
+};
+function m({ value: i, spinnerAriaValueText: e, loading: t }) {
+  return /* @__PURE__ */ r("span", { className: l["field-hint"], children: [
+    i && /* @__PURE__ */ n(s, { children: i }),
+    !i && t && /* @__PURE__ */ n(f, { ariaValueText: e })
+  ] });
+}
+export {
+  m as FieldHint
+};
+//# sourceMappingURL=FieldHint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHint.js","sources":["../../../../src/components/InputField/components/FieldHint.tsx"],"sourcesContent":["import styles from './FieldHint.module.css';\n\nimport { Spinner } from 'components/Spinner/Spinner';\n\ninterface Props {\n  value?: string;\n  spinnerAriaValueText: string;\n  loading?: boolean;\n}\n\nexport function FieldHint({ value, spinnerAriaValueText, loading }: Props) {\n  return (\n    <span className={styles['field-hint']}>\n      {value && <>{value}</>}\n      {!value && loading && <Spinner ariaValueText={spinnerAriaValueText} />}\n    </span>\n  );\n}\n"],"names":["FieldHint","value","spinnerAriaValueText","loading","jsxs","styles","jsx","Spinner"],"mappings":";;;;;AAUO,SAASA,EAAU,EAAE,OAAAC,GAAO,sBAAAC,GAAsB,SAAAC,KAAkB;AACzE,SACG,gBAAAC,EAAA,QAAA,EAAK,WAAWC,EAAO,YAAY,GACjC,UAAA;AAAA,IAAAJ,4BAAY,UAAMA,EAAA,CAAA;AAAA,IAClB,CAACA,KAASE,KAAY,gBAAAG,EAAAC,GAAA,EAAQ,eAAeL,GAAsB;AAAA,EACtE,EAAA,CAAA;AAEJ;"}

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

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

package/dist/components/InputField/index.js

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

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

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

package/dist/components/SectionNotification/SectionNotification.js

@@ -1,13 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as s } from "../../clsx-DB4S2d7J.js";
+import { c } from "../../clsx-DB4S2d7J.js";
 import '../../assets/SectionNotification.css';const i = {
-  "visually-hidden": "_visually-hidden_xsb8x_1",
   "section-notification": "_section-notification_xsb8x_3",
   "section-notification--fullwidth": "_section-notification--fullwidth_xsb8x_12"
 }, a = ({ fullWidth: t = !1, children: o }) => /* @__PURE__ */ n(
   "div",
   {
-    className: s(i["section-notification"], {
+    className: c(i["section-notification"], {
       [i["section-notification--fullwidth"]]: t
     }),
     children: o

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  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;"}

package/dist/components/SelectListbox/components/SelectButton.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as C } from "react/jsx-runtime";
 import { c as f } from "../../../clsx-DB4S2d7J.js";
 import { forwardRef as E, useRef as g, useEffect as c } from "react";
-import { s as t } from "../../../SelectListbox.module-1nd3xIGj.js";
+import { s as t } from "../../../SelectListbox.module-DSjx989r.js";
 import { Icon as L } from "../../Icon/Icon.js";
 import { useSelect as N } from "../SelectProvider.js";
 const O = E((d, u) => {

package/dist/components/SelectListbox/components/SelectContainer.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useRef as i, useCallback as u, useEffect as l } from "react";
 import { useSelect as m } from "../SelectProvider.js";
-import { s as f } from "../../../SelectListbox.module-1nd3xIGj.js";
+import { s as f } from "../../../SelectListbox.module-DSjx989r.js";
 const E = ({ children: o }) => {
   const { isOpen: r, setIsOpen: n } = m(), t = i(null), e = u(
     ({ target: s }) => {