@uva-glass/component-library 3.55.1 → 3.55.3

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js

@@ -1,318 +1,285 @@
-import { jsx as e, jsxs as t, Fragment as l } from "react/jsx-runtime";
-import { f as o } from "../../index-B_q_4aBT.js";
-import { CheckboxButtonBar as i } from "./CheckboxButtonBar.js";
-import { Periods as r } from "../Periods/Periods.js";
-const u = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", B = {
-  title: "Molecules/CheckboxButtonBar",
-  component: i,
-  argTypes: {
-    checkboxes: {
-      table: {
-        disable: !0
-      }
-    },
-    defaultValues: {
-      table: {
-        disable: !0
-      }
-    },
-    label: {
-      control: "text"
-    },
-    labelPosition: {
-      control: "radio",
-      options: ["top", "left"]
-    },
-    required: {
-      control: "boolean"
-    },
-    notValidatedText: {
-      control: "text"
-    },
-    disableGroup: {
-      control: "boolean"
-    },
-    actAsRadioButtonBar: {
-      control: "boolean"
-    },
-    onSetValues: {
-      table: {
-        disable: !0
-      }
-    }
-  },
-  parameters: {
-    inspectComponent: i,
-    codeString: u
-  }
-}, a = (s) => /* @__PURE__ */ e(i, { ...s }), n = a.bind({});
-n.args = {
-  label: "Periode",
-  required: !0,
-  checkboxes: [
-    {
-      label: "1.1",
-      value: "1"
-    },
-    {
-      label: "1.2",
-      value: "2"
-    },
-    {
-      label: "1.3",
-      value: "3"
-    },
-    {
-      label: "4",
-      value: "4"
-    },
-    {
-      label: "5",
-      value: "5"
-    },
-    {
-      label: "6",
-      value: "6"
-    }
-  ],
-  defaultValues: ["1", "2"],
-  labelPosition: "top",
-  subLabel: "Selecteer een week",
-  footerText: "Weken in periode 2",
-  onSetValues: o()
+import { r as e } from "../../test-DQruvi8i.js";
+import { t } from "../../CheckboxButtonBar-CalU0IYK.js";
+import { t as n } from "../../Periods-BYETtB6R.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+var o = {
+	title: "Molecules/CheckboxButtonBar",
+	component: t,
+	argTypes: {
+		checkboxes: { table: { disable: !0 } },
+		defaultValues: { table: { disable: !0 } },
+		label: { control: "text" },
+		labelPosition: {
+			control: "radio",
+			options: ["top", "left"]
+		},
+		required: { control: "boolean" },
+		notValidatedText: { control: "text" },
+		disableGroup: { control: "boolean" },
+		actAsRadioButtonBar: { control: "boolean" },
+		onSetValues: { table: { disable: !0 } }
+	},
+	parameters: {
+		inspectComponent: t,
+		codeString: "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />"
+	}
+}, s = (e) => /* @__PURE__ */ i(t, { ...e }), c = s.bind({});
+c.args = {
+	label: "Periode",
+	required: !0,
+	checkboxes: [
+		{
+			label: "1.1",
+			value: "1"
+		},
+		{
+			label: "1.2",
+			value: "2"
+		},
+		{
+			label: "1.3",
+			value: "3"
+		},
+		{
+			label: "4",
+			value: "4"
+		},
+		{
+			label: "5",
+			value: "5"
+		},
+		{
+			label: "6",
+			value: "6"
+		}
+	],
+	defaultValues: ["1", "2"],
+	labelPosition: "top",
+	subLabel: "Selecteer een week",
+	footerText: "Weken in periode 2",
+	onSetValues: e()
 };
-const b = a.bind({});
-b.args = {
-  label: "Weken",
-  required: !0,
-  checkboxes: [
-    {
-      label: "1",
-      value: "1"
-    },
-    {
-      label: "2",
-      value: "2"
-    },
-    {
-      label: "3",
-      value: "3"
-    },
-    {
-      label: "4",
-      value: "4"
-    },
-    {
-      label: "5",
-      value: "5"
-    },
-    {
-      label: "6",
-      value: "6"
-    }
-  ],
-  defaultValues: ["1"],
-  labelPosition: "top",
-  actAsRadioButtonBar: !0,
-  onSetValues: o()
+var l = s.bind({});
+l.args = {
+	label: "Weken",
+	required: !0,
+	checkboxes: [
+		{
+			label: "1",
+			value: "1"
+		},
+		{
+			label: "2",
+			value: "2"
+		},
+		{
+			label: "3",
+			value: "3"
+		},
+		{
+			label: "4",
+			value: "4"
+		},
+		{
+			label: "5",
+			value: "5"
+		},
+		{
+			label: "6",
+			value: "6"
+		}
+	],
+	defaultValues: ["1"],
+	labelPosition: "top",
+	actAsRadioButtonBar: !0,
+	onSetValues: e()
 };
-const p = a.bind({});
-p.args = {
-  label: "Weken",
-  required: !0,
-  checkboxes: [
-    {
-      label: "1",
-      value: "1",
-      prefix: "13"
-    },
-    {
-      label: "2",
-      value: "2",
-      prefix: "14"
-    },
-    {
-      label: "3",
-      value: "3",
-      prefix: "15"
-    },
-    {
-      label: "4",
-      value: "4",
-      prefix: "16"
-    },
-    {
-      label: "5",
-      value: "5",
-      prefix: "17"
-    },
-    {
-      label: "6",
-      value: "6",
-      prefix: "18"
-    }
-  ],
-  defaultValues: ["1"],
-  labelPosition: "top",
-  actAsRadioButtonBar: !1,
-  onSetValues: o()
+var u = s.bind({});
+u.args = {
+	label: "Weken",
+	required: !0,
+	checkboxes: [
+		{
+			label: "1",
+			value: "1",
+			prefix: "13"
+		},
+		{
+			label: "2",
+			value: "2",
+			prefix: "14"
+		},
+		{
+			label: "3",
+			value: "3",
+			prefix: "15"
+		},
+		{
+			label: "4",
+			value: "4",
+			prefix: "16"
+		},
+		{
+			label: "5",
+			value: "5",
+			prefix: "17"
+		},
+		{
+			label: "6",
+			value: "6",
+			prefix: "18"
+		}
+	],
+	defaultValues: ["1"],
+	labelPosition: "top",
+	actAsRadioButtonBar: !1,
+	onSetValues: e()
 };
-const d = a.bind({});
+var d = s.bind({});
 d.args = {
-  label: "Weken",
-  required: !0,
-  checkboxes: [
-    {
-      label: "1",
-      value: "1",
-      prefix: "36",
-      tooltip: /* @__PURE__ */ t(l, { children: [
-        "1 sept - 5 sept",
-        /* @__PURE__ */ e("br", {}),
-        "2025"
-      ] }),
-      tooltipPosition: "left"
-    },
-    {
-      label: "2",
-      value: "2",
-      prefix: "37",
-      tooltip: /* @__PURE__ */ t(l, { children: [
-        "8 sept - 12 sept",
-        /* @__PURE__ */ e("br", {}),
-        "2025"
-      ] })
-    },
-    {
-      label: "3",
-      value: "3",
-      prefix: "38",
-      tooltip: /* @__PURE__ */ t(l, { children: [
-        "15 sept - 19 sept",
-        /* @__PURE__ */ e("br", {}),
-        "2025"
-      ] })
-    },
-    {
-      label: "4",
-      value: "4",
-      prefix: "39",
-      tooltip: /* @__PURE__ */ t(l, { children: [
-        "22 sept - 26 sept",
-        /* @__PURE__ */ e("br", {}),
-        "2025"
-      ] })
-    },
-    {
-      label: "5",
-      value: "5",
-      prefix: "40",
-      tooltip: /* @__PURE__ */ t(l, { children: [
-        "29 sept - 3 okt",
-        /* @__PURE__ */ e("br", {}),
-        "2025"
-      ] })
-    },
-    {
-      label: "6",
-      value: "6",
-      prefix: "41",
-      tooltip: /* @__PURE__ */ t(l, { children: [
-        "6 okt - 10 okt",
-        /* @__PURE__ */ e("br", {}),
-        "2025"
-      ] })
-    },
-    {
-      label: "7",
-      value: "7",
-      prefix: "42",
-      tooltip: /* @__PURE__ */ t(l, { children: [
-        "13 okt - 17 okt",
-        /* @__PURE__ */ e("br", {}),
-        "2025"
-      ] })
-    },
-    {
-      label: "8",
-      value: "8",
-      prefix: "43",
-      tooltip: /* @__PURE__ */ t(l, { children: [
-        "20 okt - 24 okt",
-        /* @__PURE__ */ e("br", {}),
-        "2025"
-      ] }),
-      tooltipPosition: "right"
-    }
-  ],
-  defaultValues: ["1"],
-  labelPosition: "top",
-  actAsRadioButtonBar: !1,
-  onSetValues: o()
+	label: "Weken",
+	required: !0,
+	checkboxes: [
+		{
+			label: "1",
+			value: "1",
+			prefix: "36",
+			tooltip: /* @__PURE__ */ a(r, { children: [
+				"1 sept - 5 sept",
+				/* @__PURE__ */ i("br", {}),
+				"2025"
+			] }),
+			tooltipPosition: "left"
+		},
+		{
+			label: "2",
+			value: "2",
+			prefix: "37",
+			tooltip: /* @__PURE__ */ a(r, { children: [
+				"8 sept - 12 sept",
+				/* @__PURE__ */ i("br", {}),
+				"2025"
+			] })
+		},
+		{
+			label: "3",
+			value: "3",
+			prefix: "38",
+			tooltip: /* @__PURE__ */ a(r, { children: [
+				"15 sept - 19 sept",
+				/* @__PURE__ */ i("br", {}),
+				"2025"
+			] })
+		},
+		{
+			label: "4",
+			value: "4",
+			prefix: "39",
+			tooltip: /* @__PURE__ */ a(r, { children: [
+				"22 sept - 26 sept",
+				/* @__PURE__ */ i("br", {}),
+				"2025"
+			] })
+		},
+		{
+			label: "5",
+			value: "5",
+			prefix: "40",
+			tooltip: /* @__PURE__ */ a(r, { children: [
+				"29 sept - 3 okt",
+				/* @__PURE__ */ i("br", {}),
+				"2025"
+			] })
+		},
+		{
+			label: "6",
+			value: "6",
+			prefix: "41",
+			tooltip: /* @__PURE__ */ a(r, { children: [
+				"6 okt - 10 okt",
+				/* @__PURE__ */ i("br", {}),
+				"2025"
+			] })
+		},
+		{
+			label: "7",
+			value: "7",
+			prefix: "42",
+			tooltip: /* @__PURE__ */ a(r, { children: [
+				"13 okt - 17 okt",
+				/* @__PURE__ */ i("br", {}),
+				"2025"
+			] })
+		},
+		{
+			label: "8",
+			value: "8",
+			prefix: "43",
+			tooltip: /* @__PURE__ */ a(r, { children: [
+				"20 okt - 24 okt",
+				/* @__PURE__ */ i("br", {}),
+				"2025"
+			] }),
+			tooltipPosition: "right"
+		}
+	],
+	defaultValues: ["1"],
+	labelPosition: "top",
+	actAsRadioButtonBar: !1,
+	onSetValues: e()
 };
-const c = a.bind({});
-c.args = {
-  label: "Year(s)",
-  required: !0,
-  checkboxes: [
-    {
-      label: "1",
-      value: "1",
-      tooltip: /* @__PURE__ */ e(l, { children: "2023 - 2024" }),
-      tooltipPosition: "left"
-    },
-    {
-      label: "2",
-      value: "2",
-      tooltip: /* @__PURE__ */ e(l, { children: "2025 - 2026" })
-    },
-    {
-      label: "3",
-      value: "3",
-      tooltip: /* @__PURE__ */ e(l, { children: "2026 - 2027" })
-    },
-    {
-      label: "4",
-      value: "4",
-      tooltip: /* @__PURE__ */ e(l, { children: "2027 - 2028" }),
-      tooltipPosition: "right"
-    }
-  ],
-  defaultValues: ["1"],
-  labelPosition: "top",
-  actAsRadioButtonBar: !1,
-  segmented: !0,
-  onSetValues: o()
-};
-const f = a.bind({});
+var f = s.bind({});
 f.args = {
-  label: "Aanbieding",
-  required: !0,
-  checkboxes: [
-    {
-      // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-      label: /* @__PURE__ */ e(r, { periods: [1, 2] }),
-      value: "1"
-    },
-    {
-      // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-      label: /* @__PURE__ */ e(r, { periods: [2, 3] }),
-      value: "2"
-    }
-  ],
-  defaultValues: ["1"],
-  labelPosition: "top",
-  actAsRadioButtonBar: !1,
-  segmented: !0,
-  onSetValues: o()
+	label: "Year(s)",
+	required: !0,
+	checkboxes: [
+		{
+			label: "1",
+			value: "1",
+			tooltip: /* @__PURE__ */ i(r, { children: "2023 - 2024" }),
+			tooltipPosition: "left"
+		},
+		{
+			label: "2",
+			value: "2",
+			tooltip: /* @__PURE__ */ i(r, { children: "2025 - 2026" })
+		},
+		{
+			label: "3",
+			value: "3",
+			tooltip: /* @__PURE__ */ i(r, { children: "2026 - 2027" })
+		},
+		{
+			label: "4",
+			value: "4",
+			tooltip: /* @__PURE__ */ i(r, { children: "2027 - 2028" }),
+			tooltipPosition: "right"
+		}
+	],
+	defaultValues: ["1"],
+	labelPosition: "top",
+	actAsRadioButtonBar: !1,
+	segmented: !0,
+	onSetValues: e()
 };
-export {
-  b as AsRadioButtonBar,
-  n as CheckboxButtonBarExample,
-  c as Segmented,
-  f as WithPeriods,
-  p as WithPrefix,
-  d as WithTooltip,
-  B as default
+var p = s.bind({});
+p.args = {
+	label: "Aanbieding",
+	required: !0,
+	checkboxes: [{
+		label: /* @__PURE__ */ i(n, { periods: [1, 2] }),
+		value: "1"
+	}, {
+		label: /* @__PURE__ */ i(n, { periods: [2, 3] }),
+		value: "2"
+	}],
+	defaultValues: ["1"],
+	labelPosition: "top",
+	actAsRadioButtonBar: !1,
+	segmented: !0,
+	onSetValues: e()
 };
-//# sourceMappingURL=CheckboxButtonBar.stories.js.map
+//#endregion
+export { l as AsRadioButtonBar, c as CheckboxButtonBarExample, f as Segmented, p as WithPeriods, u as WithPrefix, d as WithTooltip, o as default };
+
+//# sourceMappingURL=CheckboxButtonBar.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButtonBar.stories.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxButtonBarProps } from './CheckboxButtonBar';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nimport { Periods } from 'components/Periods';\n\nconst codeString =\n  '<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/CheckboxButtonBar',\n  component: CheckboxButtonBar,\n  argTypes: {\n    checkboxes: {\n      table: {\n        disable: true,\n      },\n    },\n    defaultValues: {\n      table: {\n        disable: true,\n      },\n    },\n    label: {\n      control: 'text',\n    },\n    labelPosition: {\n      control: 'radio',\n      options: ['top', 'left'],\n    },\n    required: {\n      control: 'boolean',\n    },\n    notValidatedText: {\n      control: 'text',\n    },\n    disableGroup: {\n      control: 'boolean',\n    },\n    actAsRadioButtonBar: {\n      control: 'boolean',\n    },\n    onSetValues: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: CheckboxButtonBar,\n    codeString: codeString,\n  },\n} as Meta<CheckboxButtonBarProps>;\n\nconst Template: StoryFn<CheckboxButtonBarProps> = (args) => <CheckboxButtonBar {...args} />;\n\nexport const CheckboxButtonBarExample = Template.bind({});\nCheckboxButtonBarExample.args = {\n  label: 'Periode',\n  required: true,\n  checkboxes: [\n    {\n      label: '1.1',\n      value: '1',\n    },\n    {\n      label: '1.2',\n      value: '2',\n    },\n    {\n      label: '1.3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1', '2'],\n  labelPosition: 'top',\n  subLabel: 'Selecteer een week',\n  footerText: 'Weken in periode 2',\n  onSetValues: fn(),\n};\n\nexport const AsRadioButtonBar = Template.bind({});\nAsRadioButtonBar.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n    },\n    {\n      label: '2',\n      value: '2',\n    },\n    {\n      label: '3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: true,\n  onSetValues: fn(),\n};\n\nexport const WithPrefix = Template.bind({});\nWithPrefix.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '13',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '14',\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '15',\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '16',\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '17',\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '18',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const WithTooltip = Template.bind({});\nWithTooltip.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '36',\n      tooltip: (\n        <>\n          1 sept - 5 sept\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '37',\n      tooltip: (\n        <>\n          8 sept - 12 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '38',\n      tooltip: (\n        <>\n          15 sept - 19 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '39',\n      tooltip: (\n        <>\n          22 sept - 26 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '40',\n      tooltip: (\n        <>\n          29 sept - 3 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '41',\n      tooltip: (\n        <>\n          6 okt - 10 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '7',\n      value: '7',\n      prefix: '42',\n      tooltip: (\n        <>\n          13 okt - 17 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '8',\n      value: '8',\n      prefix: '43',\n      tooltip: (\n        <>\n          20 okt - 24 okt\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const Segmented = Template.bind({});\nSegmented.args = {\n  label: 'Year(s)',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      tooltip: <>2023 - 2024</>,\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      tooltip: <>2025 - 2026</>,\n    },\n    {\n      label: '3',\n      value: '3',\n      tooltip: <>2026 - 2027</>,\n    },\n    {\n      label: '4',\n      value: '4',\n      tooltip: <>2027 - 2028</>,\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  segmented: true,\n  onSetValues: fn(),\n};\n\nexport const WithPeriods = Template.bind({});\nWithPeriods.args = {\n  label: 'Aanbieding',\n  required: true,\n  checkboxes: [\n    {\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      label: <Periods periods={[1, 2]} />,\n      value: '1',\n    },\n    {\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      label: <Periods periods={[2, 3]} />,\n      value: '2',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  segmented: true,\n  onSetValues: fn(),\n};\n"],"names":["codeString","CheckboxButtonBar_stories","CheckboxButtonBar","Template","args","jsx","CheckboxButtonBarExample","fn","AsRadioButtonBar","WithPrefix","WithTooltip","jsxs","Fragment","Segmented","WithPeriods","Periods"],"mappings":"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"}
+{"version":3,"file":"CheckboxButtonBar.stories.js","names":[],"sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxButtonBarProps } from './CheckboxButtonBar';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nimport { Periods } from 'components/Periods';\n\nconst codeString =\n  '<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/CheckboxButtonBar',\n  component: CheckboxButtonBar,\n  argTypes: {\n    checkboxes: {\n      table: {\n        disable: true,\n      },\n    },\n    defaultValues: {\n      table: {\n        disable: true,\n      },\n    },\n    label: {\n      control: 'text',\n    },\n    labelPosition: {\n      control: 'radio',\n      options: ['top', 'left'],\n    },\n    required: {\n      control: 'boolean',\n    },\n    notValidatedText: {\n      control: 'text',\n    },\n    disableGroup: {\n      control: 'boolean',\n    },\n    actAsRadioButtonBar: {\n      control: 'boolean',\n    },\n    onSetValues: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: CheckboxButtonBar,\n    codeString: codeString,\n  },\n} as Meta<CheckboxButtonBarProps>;\n\nconst Template: StoryFn<CheckboxButtonBarProps> = (args) => <CheckboxButtonBar {...args} />;\n\nexport const CheckboxButtonBarExample = Template.bind({});\nCheckboxButtonBarExample.args = {\n  label: 'Periode',\n  required: true,\n  checkboxes: [\n    {\n      label: '1.1',\n      value: '1',\n    },\n    {\n      label: '1.2',\n      value: '2',\n    },\n    {\n      label: '1.3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1', '2'],\n  labelPosition: 'top',\n  subLabel: 'Selecteer een week',\n  footerText: 'Weken in periode 2',\n  onSetValues: fn(),\n};\n\nexport const AsRadioButtonBar = Template.bind({});\nAsRadioButtonBar.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n    },\n    {\n      label: '2',\n      value: '2',\n    },\n    {\n      label: '3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: true,\n  onSetValues: fn(),\n};\n\nexport const WithPrefix = Template.bind({});\nWithPrefix.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '13',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '14',\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '15',\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '16',\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '17',\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '18',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const WithTooltip = Template.bind({});\nWithTooltip.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '36',\n      tooltip: (\n        <>\n          1 sept - 5 sept\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '37',\n      tooltip: (\n        <>\n          8 sept - 12 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '38',\n      tooltip: (\n        <>\n          15 sept - 19 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '39',\n      tooltip: (\n        <>\n          22 sept - 26 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '40',\n      tooltip: (\n        <>\n          29 sept - 3 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '41',\n      tooltip: (\n        <>\n          6 okt - 10 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '7',\n      value: '7',\n      prefix: '42',\n      tooltip: (\n        <>\n          13 okt - 17 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '8',\n      value: '8',\n      prefix: '43',\n      tooltip: (\n        <>\n          20 okt - 24 okt\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const Segmented = Template.bind({});\nSegmented.args = {\n  label: 'Year(s)',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      tooltip: <>2023 - 2024</>,\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      tooltip: <>2025 - 2026</>,\n    },\n    {\n      label: '3',\n      value: '3',\n      tooltip: <>2026 - 2027</>,\n    },\n    {\n      label: '4',\n      value: '4',\n      tooltip: <>2027 - 2028</>,\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  segmented: true,\n  onSetValues: fn(),\n};\n\nexport const WithPeriods = Template.bind({});\nWithPeriods.args = {\n  label: 'Aanbieding',\n  required: true,\n  checkboxes: [\n    {\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      label: <Periods periods={[1, 2]} />,\n      value: '1',\n    },\n    {\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      label: <Periods periods={[2, 3]} />,\n      value: '2',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  segmented: true,\n  onSetValues: fn(),\n};\n"],"mappings":";;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,YAAY,EACV,OAAO,EACL,SAAS,IACV,EACF;EACD,eAAe,EACb,OAAO,EACL,SAAS,IACV,EACF;EACD,OAAO,EACL,SAAS,QACV;EACD,eAAe;GACb,SAAS;GACT,SAAS,CAAC,OAAO,OAAO;GACzB;EACD,UAAU,EACR,SAAS,WACV;EACD,kBAAkB,EAChB,SAAS,QACV;EACD,cAAc,EACZ,SAAS,WACV;EACD,qBAAqB,EACnB,SAAS,WACV;EACD,aAAa,EACX,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YA5Cd;EA6CC;CACF,EAEK,KAA6C,MAAS,kBAAC,GAAD,EAAmB,GAAI,GAAQ,CAAA,EAE9E,IAA2B,EAAS,KAAK,EAAE,CAAC;AACzD,EAAyB,OAAO;CAC9B,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACF;CACD,eAAe,CAAC,KAAK,IAAI;CACzB,eAAe;CACf,UAAU;CACV,YAAY;CACZ,aAAa,GAAI;CAClB;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,OAAO;CACP,UAAU;CACV,YAAY;EACV;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACD;GACE,OAAO;GACP,OAAO;GACR;EACF;CACD,eAAe,CAAC,IAAI;CACpB,eAAe;CACf,qBAAqB;CACrB,aAAa,GAAI;CAClB;AAED,IAAa,IAAa,EAAS,KAAK,EAAE,CAAC;AAC3C,EAAW,OAAO;CAChB,OAAO;CACP,UAAU;CACV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"}