@uva-glass/component-library 3.55.0 → 3.55.2

package/dist/components/FormField/FormField.js

@@ -1,23 +1,2 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as s } from "../../clsx-OuTLNxxd.js";
-import '../../assets/FormField.css';const f = {
-  "form-field": "_form-field_hcyqx_1",
-  "form-field--outerspace": "_form-field--outerspace_hcyqx_7",
-  "form-field--inline": "_form-field--inline_hcyqx_11",
-  "form-field--align-start": "_form-field--align-start_hcyqx_16"
-}, a = ({ children: e, outerSpace: i, inline: r, alignStart: o, ...l }) => /* @__PURE__ */ m(
-  "div",
-  {
-    className: s(f["form-field"], {
-      [f["form-field--outerspace"]]: i,
-      [f["form-field--inline"]]: r,
-      [f["form-field--align-start"]]: o
-    }),
-    ...l,
-    children: e
-  }
-);
-export {
-  a as FormField
-};
-//# sourceMappingURL=FormField.js.map
+import { t as e } from "../../FormField-BZSoQdp9.js";
+export { e as FormField };

package/dist/components/FormField/FormField.stories.js

@@ -1,45 +1,40 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { FormField as o } from "./FormField.js";
-import { InputField as t } from "../InputField/InputField.js";
-import { Label as n } from "../Label/Label.js";
-import { Container as a } from "../../storyComponents/Container/Container.js";
-const i = "<FormField>{children}</FormField>", h = {
-  title: "Atoms/FormField",
-  component: o,
-  argTypes: {
-    outerSpace: {
-      control: "boolean"
-    },
-    inline: {
-      control: "boolean"
-    },
-    alignStart: {
-      control: "boolean"
-    }
-  },
-  parameters: {
-    inspectComponent: o,
-    codeString: i
-  }
-}, m = (r) => /* @__PURE__ */ l(a, { children: [
-  /* @__PURE__ */ l(o, { ...r, children: [
-    /* @__PURE__ */ e(n, { htmlFor: "d6aa53fd", children: "Example label" }),
-    /* @__PURE__ */ e(t, { id: "d6aa53fd" })
-  ] }),
-  /* @__PURE__ */ l(o, { ...r, children: [
-    /* @__PURE__ */ e(n, { htmlFor: "4e7a2f22", children: "Example very very very long label to display input alingment compared to label" }),
-    /* @__PURE__ */ e(t, { id: "4e7a2f22" })
-  ] })
-] }), d = {
-  outerSpace: !1,
-  inline: !1,
-  alignStart: !1
-}, p = m.bind({});
-p.args = {
-  ...d
-};
-export {
-  p as FormFieldExample,
-  h as default
-};
-//# sourceMappingURL=FormField.stories.js.map
+import { t as e } from "../../Label-o0BcWTUS.js";
+import { t } from "../../FormField-BZSoQdp9.js";
+import { t as n } from "../../InputField-BWAy19w9.js";
+import { t as r } from "../../Container-BLjtYDqq.js";
+import "../../storyComponents/Container/index.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+var o = {
+	title: "Atoms/FormField",
+	component: t,
+	argTypes: {
+		outerSpace: { control: "boolean" },
+		inline: { control: "boolean" },
+		alignStart: { control: "boolean" }
+	},
+	parameters: {
+		inspectComponent: t,
+		codeString: "<FormField>{children}</FormField>"
+	}
+}, s = (o) => /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a(t, {
+	...o,
+	children: [/* @__PURE__ */ i(e, {
+		htmlFor: "d6aa53fd",
+		children: "Example label"
+	}), /* @__PURE__ */ i(n, { id: "d6aa53fd" })]
+}), /* @__PURE__ */ a(t, {
+	...o,
+	children: [/* @__PURE__ */ i(e, {
+		htmlFor: "4e7a2f22",
+		children: "Example very very very long label to display input alingment compared to label"
+	}), /* @__PURE__ */ i(n, { id: "4e7a2f22" })]
+})] }), c = {
+	outerSpace: !1,
+	inline: !1,
+	alignStart: !1
+}, l = s.bind({});
+l.args = { ...c };
+//#endregion
+export { l as FormFieldExample, o as default };
+
+//# sourceMappingURL=FormField.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.stories.js","sources":["../../../src/components/FormField/FormField.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FormFieldProps } from './FormField';\n\nimport { FormField } from './FormField';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<FormField>{children}</FormField>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/FormField',\n  component: FormField,\n  argTypes: {\n    outerSpace: {\n      control: 'boolean',\n    },\n    inline: {\n      control: 'boolean',\n    },\n    alignStart: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: FormField,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<FormFieldProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FormFieldProps>> = (args) => (\n  <Container>\n    <FormField {...args}>\n      <Label htmlFor=\"d6aa53fd\">Example label</Label>\n      <InputField id=\"d6aa53fd\" />\n    </FormField>\n    <FormField {...args}>\n      <Label htmlFor=\"4e7a2f22\">Example very very very long label to display input alingment compared to label</Label>\n      <InputField id=\"4e7a2f22\" />\n    </FormField>\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FormFieldProps>> = {\n  outerSpace: false,\n  inline: false,\n  alignStart: false,\n};\n\nexport const FormFieldExample = Template.bind({});\nFormFieldExample.args = {\n  ...defaultArgs,\n};\n"],"names":["codeString","FormField_stories","FormField","Template","args","jsxs","Container","jsx","Label","InputField","defaultArgs","FormFieldExample"],"mappings":";;;;;AAUA,MAAMA,IAAa,qCAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,IAEX,QAAQ;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuD,CAACC,MAC5D,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAD,EAACH,GAAA,EAAW,GAAGE,GACb,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAM,SAAQ,YAAW,UAAA,iBAAa;AAAA,IACvC,gBAAAD,EAACE,GAAA,EAAW,IAAG,WAAA,CAAW;AAAA,EAAA,GAC5B;AAAA,EACA,gBAAAJ,EAACH,GAAA,EAAW,GAAGE,GACb,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAM,SAAQ,YAAW,UAAA,kFAA8E;AAAA,IACxG,gBAAAD,EAACE,GAAA,EAAW,IAAG,WAAA,CAAW;AAAA,EAAA,EAAA,CAC5B;AAAA,GACF,GAGIC,IAA0D;AAAA,EAC9D,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY;AACd,GAEaC,IAAmBR,EAAS,KAAK,CAAA,CAAE;AAChDQ,EAAiB,OAAO;AAAA,EACtB,GAAGD;AACL;"}
+{"version":3,"file":"FormField.stories.js","names":[],"sources":["../../../src/components/FormField/FormField.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FormFieldProps } from './FormField';\n\nimport { FormField } from './FormField';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<FormField>{children}</FormField>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/FormField',\n  component: FormField,\n  argTypes: {\n    outerSpace: {\n      control: 'boolean',\n    },\n    inline: {\n      control: 'boolean',\n    },\n    alignStart: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: FormField,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<FormFieldProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FormFieldProps>> = (args) => (\n  <Container>\n    <FormField {...args}>\n      <Label htmlFor=\"d6aa53fd\">Example label</Label>\n      <InputField id=\"d6aa53fd\" />\n    </FormField>\n    <FormField {...args}>\n      <Label htmlFor=\"4e7a2f22\">Example very very very long label to display input alingment compared to label</Label>\n      <InputField id=\"4e7a2f22\" />\n    </FormField>\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FormFieldProps>> = {\n  outerSpace: false,\n  inline: false,\n  alignStart: false,\n};\n\nexport const FormFieldExample = Template.bind({});\nFormFieldExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,YAAY,EACV,SAAS,WACV;EACD,QAAQ,EACN,SAAS,WACV;EACD,YAAY,EACV,SAAS,WACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAnBG;EAoBhB;CACF,EAEK,KAAwD,MAC5D,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CAAW,GAAI;WAAf,CACE,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAAqB,CAAA,EAC/C,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB;IACZ,kBAAC,GAAD;CAAW,GAAI;WAAf,CACE,kBAAC,GAAD;EAAO,SAAQ;YAAW;EAAsF,CAAA,EAChH,kBAAC,GAAD,EAAY,IAAG,YAAa,CAAA,CAClB;GACF,EAAA,CAAA,EAGR,IAA0D;CAC9D,YAAY;CACZ,QAAQ;CACR,YAAY;CACb,EAEY,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO,EACtB,GAAG,GACJ"}

package/dist/components/FormField/index.js

@@ -1,5 +1,2 @@
-import { FormField as e } from "./FormField.js";
-export {
-  e as FormField
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../FormField-BZSoQdp9.js";
+export { e as FormField };

package/dist/components/FormInput/FormInput.js

@@ -1,79 +1,3 @@
-import { jsxs as l, Fragment as k, jsx as r } from "react/jsx-runtime";
-import { c as f } from "../../clsx-OuTLNxxd.js";
-import "../Accordion/Accordion.js";
-import "react";
-import "../Buttons/Button.js";
-import "../Buttons/LinkButton.js";
-import "@react-aria/button";
-import "../Checkbox/Checkbox.js";
-import { Label as g } from "../Label/Label.js";
-import { FeedbackBox as x } from "../FeedbackBox/FeedbackBox.js";
-import "@react-aria/dialog";
-import "@react-aria/focus";
-import "@react-aria/overlays";
-import "../OverlayCloseButton/OverlayCloseButton.js";
-import "../GridRow/GridRow.js";
-import "../IconButton/IconButton.js";
-import "../Input/Input.js";
-import "../InputField/InputField.js";
-import "react-router";
-import "../../TablePlugin-BRZcXq73.js";
-import "../RteEditor/Providers/LanguageProvider.js";
-import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
-import "../RteEditor/hooks/components/Flyout.js";
-import "react-dom";
-import "../../index-yEhaxKq-.js";
-import "../SearchField/SearchField.js";
-import "../SelectListbox/SelectListbox.js";
-import "../SelectListbox/SelectProvider.js";
-import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-BbwlEPIr.js";
-import "../WeekSelector/components/WeekSelectorOptionContainer.js";
-import '../../assets/FormInput.css';const t = {
-  "form-input__container": "_form-input__container_rt0pn_1",
-  "form-input__container--label-left": "_form-input__container--label-left_rt0pn_7",
-  "form-input__container--label-top": "_form-input__container--label-top_rt0pn_18",
-  "form-input__input-feedback-container": "_form-input__input-feedback-container_rt0pn_25",
-  "form-input__input-container": "_form-input__input-container_rt0pn_35",
-  "form-input__input": "_form-input__input_rt0pn_25",
-  "not-valid": "_not-valid_rt0pn_60"
-}, V = ({
-  id: o,
-  label: i,
-  labelPosition: u = "top",
-  type: p = "text",
-  required: s = !1,
-  notValid: d = !1,
-  notValidatedText: e = "",
-  onChange: m,
-  maxLength: _,
-  noContainer: b = !1,
-  customInput: a
-}) => {
-  const h = (n) => ["e", "E", "+", "-"].includes(n.key) && n.preventDefault(), v = (n) => {
-    typeof m == "function" && m(n.target.value);
-  }, c = /* @__PURE__ */ l(k, { children: [
-    i && /* @__PURE__ */ r(g, { htmlFor: o, required: s, alignRight: !0, children: i }),
-    /* @__PURE__ */ l("div", { className: t["form-input__input-feedback-container"], children: [
-      a || /* @__PURE__ */ r("div", { className: t["form-input__input-container"], children: /* @__PURE__ */ r(
-        "input",
-        {
-          id: o,
-          type: p,
-          ...p === "number" && { onKeyDown: h },
-          onChange: v,
-          className: f(t["form-input__input"], {
-            [t["not-valid"]]: d
-          }),
-          ..._ ? { maxLength: _ } : {}
-        }
-      ) }),
-      e !== "" && /* @__PURE__ */ r(x, { level: "error", feedback: e })
-    ] })
-  ] });
-  return b ? c : /* @__PURE__ */ r("div", { className: f(t["form-input__container"], t[`form-input__container--label-${u}`]), children: c });
-};
-export {
-  V as FormInput
-};
-//# sourceMappingURL=FormInput.js.map
+import { m as e } from "../../components-DVUYdcHS.js";
+import "../../PasteHandlerPlugin-DUdocSHB.js";
+export { e as FormInput };

package/dist/components/FormInput/FormInput.stories.js

@@ -1,43 +1,63 @@
-import { jsx as t } from "react/jsx-runtime";
-import { f as i } from "../../index-B_q_4aBT.js";
-import { FormInput as a } from "./FormInput.js";
-import { SelectListbox as o } from "../SelectListbox/SelectListbox.js";
-const m = `
-// Has all HTMLInputElement props available except "className" and "style" 
-<FormInput  />
-`, f = {
-  title: "Organisms/FormInput",
-  component: a,
-  argTypes: {},
-  args: {},
-  parameters: {
-    inspectComponent: a,
-    codeString: m
-  }
-}, r = (e) => /* @__PURE__ */ t(a, { ...e }), p = r.bind({});
-p.args = {
-  id: "vak",
-  label: "Vaknaam (NL)",
-  labelPosition: "left",
-  required: !0,
-  onChange: i()
+import { r as e } from "../../test-CPFNM-bL.js";
+import { m as t } from "../../components-DVUYdcHS.js";
+import "../../PasteHandlerPlugin-DUdocSHB.js";
+import { SelectListbox as n } from "../SelectListbox/SelectListbox.js";
+import { jsx as r } from "react/jsx-runtime";
+var i = {
+	title: "Organisms/FormInput",
+	component: t,
+	argTypes: {},
+	args: {},
+	parameters: {
+		inspectComponent: t,
+		codeString: "\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<FormInput  />\n"
+	}
+}, a = (e) => /* @__PURE__ */ r(t, { ...e }), o = a.bind({});
+o.args = {
+	id: "vak",
+	label: "Vaknaam (NL)",
+	labelPosition: "left",
+	required: !0,
+	onChange: e()
 };
-const u = r.bind({}), l = [
-  { label: "English", value: "EN" },
-  { label: "Dutch", value: "NL" },
-  { label: "German", value: "DE" },
-  { label: "Danish", value: "DK" }
+var s = a.bind({}), c = [
+	{
+		label: "English",
+		value: "EN"
+	},
+	{
+		label: "Dutch",
+		value: "NL"
+	},
+	{
+		label: "German",
+		value: "DE"
+	},
+	{
+		label: "Danish",
+		value: "DK"
+	}
 ];
-u.args = {
-  id: "language",
-  label: "Language",
-  labelPosition: "left",
-  required: !0,
-  customInput: /* @__PURE__ */ t(o, { options: l, defaultValue: "NL", size: "medium", children: l.map(({ label: e, value: n }, s) => /* @__PURE__ */ t(o.SelectOption, { option: { label: e, value: n }, index: s, children: e }, n)) })
+s.args = {
+	id: "language",
+	label: "Language",
+	labelPosition: "left",
+	required: !0,
+	customInput: /* @__PURE__ */ r(n, {
+		options: c,
+		defaultValue: "NL",
+		size: "medium",
+		children: c.map(({ label: e, value: t }, i) => /* @__PURE__ */ r(n.SelectOption, {
+			option: {
+				label: e,
+				value: t
+			},
+			index: i,
+			children: e
+		}, t))
+	})
 };
-export {
-  p as FromInputExample,
-  u as WithCustomInputExample,
-  f as default
-};
-//# sourceMappingURL=FormInput.stories.js.map
+//#endregion
+export { o as FromInputExample, s as WithCustomInputExample, i as default };
+
+//# sourceMappingURL=FormInput.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormInput.stories.js","sources":["../../../src/components/FormInput/FormInput.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { FormInputProps } from './FormInput';\n\nimport { FormInput } from './FormInput';\n\nimport { SelectListbox } from 'components/SelectListbox';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<FormInput  />\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/FormInput',\n  component: FormInput,\n  argTypes: {},\n  args: {},\n  parameters: {\n    inspectComponent: FormInput,\n    codeString: codeString,\n  },\n} as Meta<FormInputProps>;\n\nconst Template: StoryFn<FormInputProps> = (args) => {\n  return <FormInput {...args} />;\n};\n\nexport const FromInputExample = Template.bind({});\n\nFromInputExample.args = {\n  id: 'vak',\n  label: 'Vaknaam (NL)',\n  labelPosition: 'left',\n  required: true,\n  onChange: fn(),\n};\n\nexport const WithCustomInputExample = Template.bind({});\n\nconst mockOptions = [\n  { label: 'English', value: 'EN' },\n  { label: 'Dutch', value: 'NL' },\n  { label: 'German', value: 'DE' },\n  { label: 'Danish', value: 'DK' },\n];\n\nWithCustomInputExample.args = {\n  id: 'language',\n  label: 'Language',\n  labelPosition: 'left',\n  required: true,\n  customInput: (\n    <SelectListbox options={mockOptions} defaultValue=\"NL\" size=\"medium\">\n      {mockOptions.map(({ label, value }, index) => (\n        <SelectListbox.SelectOption option={{ label, value }} index={index} key={value}>\n          {label}\n        </SelectListbox.SelectOption>\n      ))}\n    </SelectListbox>\n  ),\n};\n"],"names":["codeString","FormInput_stories","FormInput","Template","args","jsx","FromInputExample","fn","WithCustomInputExample","mockOptions","SelectListbox","label","value","index"],"mappings":";;;;AASA,MAAMA,IAAa;AAAA;AAAA;AAAA,GAMnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,CAAA;AAAA,EACV,MAAM,CAAA;AAAA,EACN,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAoC,CAACC,MAClC,gBAAAC,EAACH,GAAA,EAAW,GAAGE,EAAA,CAAM,GAGjBE,IAAmBH,EAAS,KAAK,CAAA,CAAE;AAEhDG,EAAiB,OAAO;AAAA,EACtB,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAUC,EAAA;AACZ;AAEO,MAAMC,IAAyBL,EAAS,KAAK,CAAA,CAAE,GAEhDM,IAAc;AAAA,EAClB,EAAE,OAAO,WAAW,OAAO,KAAA;AAAA,EAC3B,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,EACzB,EAAE,OAAO,UAAU,OAAO,KAAA;AAAA,EAC1B,EAAE,OAAO,UAAU,OAAO,KAAA;AAC5B;AAEAD,EAAuB,OAAO;AAAA,EAC5B,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA,EACV,aACE,gBAAAH,EAACK,GAAA,EAAc,SAASD,GAAa,cAAa,MAAK,MAAK,UACzD,UAAAA,EAAY,IAAI,CAAC,EAAE,OAAAE,GAAO,OAAAC,EAAA,GAASC,MAClC,gBAAAR,EAACK,EAAc,cAAd,EAA2B,QAAQ,EAAE,OAAAC,GAAO,OAAAC,EAAA,GAAS,OAAAC,GACnD,UAAAF,EAAA,GADsEC,CAEzE,CACD,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"FormInput.stories.js","names":[],"sources":["../../../src/components/FormInput/FormInput.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { FormInputProps } from './FormInput';\n\nimport { FormInput } from './FormInput';\n\nimport { SelectListbox } from 'components/SelectListbox';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<FormInput  />\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/FormInput',\n  component: FormInput,\n  argTypes: {},\n  args: {},\n  parameters: {\n    inspectComponent: FormInput,\n    codeString: codeString,\n  },\n} as Meta<FormInputProps>;\n\nconst Template: StoryFn<FormInputProps> = (args) => {\n  return <FormInput {...args} />;\n};\n\nexport const FromInputExample = Template.bind({});\n\nFromInputExample.args = {\n  id: 'vak',\n  label: 'Vaknaam (NL)',\n  labelPosition: 'left',\n  required: true,\n  onChange: fn(),\n};\n\nexport const WithCustomInputExample = Template.bind({});\n\nconst mockOptions = [\n  { label: 'English', value: 'EN' },\n  { label: 'Dutch', value: 'NL' },\n  { label: 'German', value: 'DE' },\n  { label: 'Danish', value: 'DK' },\n];\n\nWithCustomInputExample.args = {\n  id: 'language',\n  label: 'Language',\n  labelPosition: 'left',\n  required: true,\n  customInput: (\n    <SelectListbox options={mockOptions} defaultValue=\"NL\" size=\"medium\">\n      {mockOptions.map(({ label, value }, index) => (\n        <SelectListbox.SelectOption option={{ label, value }} index={index} key={value}>\n          {label}\n        </SelectListbox.SelectOption>\n      ))}\n    </SelectListbox>\n  ),\n};\n"],"mappings":";;;;;AAeA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,MAAM,EAAE;CACR,YAAY;EACV,kBAAkB;EACN,YAbG;EAchB;CACF,EAEK,KAAqC,MAClC,kBAAC,GAAD,EAAW,GAAI,GAAQ,CAAA,EAGnB,IAAmB,EAAS,KAAK,EAAE,CAAC;AAEjD,EAAiB,OAAO;CACtB,IAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAU;CACV,UAAU,GAAI;CACf;AAED,IAAa,IAAyB,EAAS,KAAK,EAAE,CAAC,EAEjD,IAAc;CAClB;EAAE,OAAO;EAAW,OAAO;EAAM;CACjC;EAAE,OAAO;EAAS,OAAO;EAAM;CAC/B;EAAE,OAAO;EAAU,OAAO;EAAM;CAChC;EAAE,OAAO;EAAU,OAAO;EAAM;CACjC;AAED,EAAuB,OAAO;CAC5B,IAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAU;CACV,aACE,kBAAC,GAAD;EAAe,SAAS;EAAa,cAAa;EAAK,MAAK;YACzD,EAAY,KAAK,EAAE,UAAO,YAAS,MAClC,kBAAC,EAAc,cAAf;GAA4B,QAAQ;IAAE;IAAO;IAAO;GAAS;aAC1D;GAC0B,EAF4C,EAE5C,CAC7B;EACY,CAAA;CAEnB"}

package/dist/components/FormInput/index.js

@@ -1,5 +1,3 @@
-import { FormInput as m } from "./FormInput.js";
-export {
-  m as FormInput
-};
-//# sourceMappingURL=index.js.map
+import { m as e } from "../../components-DVUYdcHS.js";
+import "../../PasteHandlerPlugin-DUdocSHB.js";
+export { e as FormInput };

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

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

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

@@ -1,5 +1,2 @@
-import { C as r } from "../../../Column-BL3dsYxn.js";
-export {
-  r as Column
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../../Column-BwKEOOuL.js";
+export { e as Column };

package/dist/components/GridRow/GridRow.js

@@ -1,38 +1,27 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as i } from "../../clsx-OuTLNxxd.js";
-import { s as r, C as d } from "../../Column-BL3dsYxn.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__ */ p(
-  "div",
-  {
-    className: i(
-      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
+import { t as e } from "../../clsx-BD2qMUU1.js";
+import { n as t, t as n } from "../../Column-BwKEOOuL.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/GridRow/GridRow.tsx
+var i = {
+	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" }
+}, a = ({ gutter: n = "200", marginBottom: a = "0", marginTop: o = "0", children: s }) => /* @__PURE__ */ r("div", {
+	className: e(t["page-grid__row"], a && t[`page-grid__row-mb-${a}`], o && t[`page-grid__row-mt-${o}`]),
+	style: n && i[n],
+	children: s
+});
+a.Column = n;
+//#endregion
+export { a as GridRow };
+
+//# sourceMappingURL=GridRow.js.map

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

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