@uva-glass/component-library 3.55.1 → 3.55.2

package/dist/components/TextArea/TextArea.stories.js

@@ -1,34 +1,33 @@
-import { jsx as r } from "react/jsx-runtime";
-import { f as a } from "../../index-B_q_4aBT.js";
-import { TextArea as e } from "./TextArea.js";
-const m = `
-  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `, x = {
-  title: "Atoms/TextArea",
-  component: e,
-  argTypes: { label: { control: "text" }, maxCharacters: { control: "number" } },
-  parameters: { inspectComponent: e, codeString: m }
-}, l = (t) => /* @__PURE__ */ r(e, { ...t }), n = l.bind({});
-n.args = {
-  label: "Sample label",
-  maxCharacters: 140,
-  defaultValue: "Sample default value",
-  onChange: a()
+import { r as e } from "../../test-CPFNM-bL.js";
+import { t } from "../../TextArea-DqKIpOfT.js";
+import { jsx as n } from "react/jsx-runtime";
+var r = {
+	title: "Atoms/TextArea",
+	component: t,
+	argTypes: {
+		label: { control: "text" },
+		maxCharacters: { control: "number" }
+	},
+	parameters: {
+		inspectComponent: t,
+		codeString: "\n  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> "
+	}
+}, i = (e) => /* @__PURE__ */ n(t, { ...e }), a = i.bind({});
+a.args = {
+	label: "Sample label",
+	maxCharacters: 140,
+	defaultValue: "Sample default value",
+	onChange: e()
 };
-const o = l.bind({});
+var o = i.bind({});
 o.args = {
-  label: "Sample label",
-  subLabel: "Sample sub label",
-  maxCharacters: 140,
-  defaultValue: `Sample default value 
- Sample default value 
- Sample default value 
- Sample default value 
- Sample default value`,
-  onChange: a()
+	label: "Sample label",
+	subLabel: "Sample sub label",
+	maxCharacters: 140,
+	defaultValue: "Sample default value \n Sample default value \n Sample default value \n Sample default value \n Sample default value",
+	onChange: e()
 };
-export {
-  n as TextAreaExample,
-  o as TextAreaSubtitleExample,
-  x as default
-};
-//# sourceMappingURL=TextArea.stories.js.map
+//#endregion
+export { a as TextAreaExample, o as TextAreaSubtitleExample, r as default };
+
+//# sourceMappingURL=TextArea.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.stories.js","sources":["../../../src/components/TextArea/TextArea.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { TextAreaProps } from './TextArea';\n\nimport { TextArea } from './TextArea';\n\nconst codeString = `\n  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/TextArea',\n  component: TextArea,\n  argTypes: { label: { control: 'text' }, maxCharacters: { control: 'number' } },\n  parameters: { inspectComponent: TextArea, codeString: codeString },\n} as Meta<TextAreaProps>;\n\nconst Template: StoryFn<TextAreaProps> = (args) => <TextArea {...args} />;\n\nexport const TextAreaExample = Template.bind({});\nTextAreaExample.args = {\n  label: 'Sample label',\n  maxCharacters: 140,\n  defaultValue: 'Sample default value',\n  onChange: fn(),\n};\n\nexport const TextAreaSubtitleExample = Template.bind({});\nTextAreaSubtitleExample.args = {\n  label: 'Sample label',\n  subLabel: 'Sample sub label',\n  maxCharacters: 140,\n  defaultValue:\n    'Sample default value \\n Sample default value \\n Sample default value \\n Sample default value \\n Sample default value',\n  onChange: fn(),\n};\n"],"names":["codeString","TextArea_stories","TextArea","Template","args","jsx","TextAreaExample","fn","TextAreaSubtitleExample"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,mFAInBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,EAAE,OAAO,EAAE,SAAS,OAAA,GAAU,eAAe,EAAE,SAAS,WAAS;AAAA,EAC3E,YAAY,EAAE,kBAAkBA,GAAU,YAAAF,EAAA;AAC5C,GAEMG,IAAmC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAU,GAAGE,GAAM,GAE1DE,IAAkBH,EAAS,KAAK,CAAA,CAAE;AAC/CG,EAAgB,OAAO;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAUC,EAAA;AACZ;AAEO,MAAMC,IAA0BL,EAAS,KAAK,CAAA,CAAE;AACvDK,EAAwB,OAAO;AAAA,EAC7B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cACE;AAAA;AAAA;AAAA;AAAA;AAAA,EACF,UAAUD,EAAA;AACZ;"}
+{"version":3,"file":"TextArea.stories.js","names":[],"sources":["../../../src/components/TextArea/TextArea.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { TextAreaProps } from './TextArea';\n\nimport { TextArea } from './TextArea';\n\nconst codeString = `\n  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/TextArea',\n  component: TextArea,\n  argTypes: { label: { control: 'text' }, maxCharacters: { control: 'number' } },\n  parameters: { inspectComponent: TextArea, codeString: codeString },\n} as Meta<TextAreaProps>;\n\nconst Template: StoryFn<TextAreaProps> = (args) => <TextArea {...args} />;\n\nexport const TextAreaExample = Template.bind({});\nTextAreaExample.args = {\n  label: 'Sample label',\n  maxCharacters: 140,\n  defaultValue: 'Sample default value',\n  onChange: fn(),\n};\n\nexport const TextAreaSubtitleExample = Template.bind({});\nTextAreaSubtitleExample.args = {\n  label: 'Sample label',\n  subLabel: 'Sample sub label',\n  maxCharacters: 140,\n  defaultValue:\n    'Sample default value \\n Sample default value \\n Sample default value \\n Sample default value \\n Sample default value',\n  onChange: fn(),\n};\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EAAE,OAAO,EAAE,SAAS,QAAQ;EAAE,eAAe,EAAE,SAAS,UAAU;EAAE;CAC9E,YAAY;EAAE,kBAAkB;EAAsB,YARrC;EAQiD;CACnE,EAEK,KAAoC,MAAS,kBAAC,GAAD,EAAU,GAAI,GAAQ,CAAA,EAE5D,IAAkB,EAAS,KAAK,EAAE,CAAC;AAChD,EAAgB,OAAO;CACrB,OAAO;CACP,eAAe;CACf,cAAc;CACd,UAAU,GAAI;CACf;AAED,IAAa,IAA0B,EAAS,KAAK,EAAE,CAAC;AACxD,EAAwB,OAAO;CAC7B,OAAO;CACP,UAAU;CACV,eAAe;CACf,cACE;CACF,UAAU,GAAI;CACf"}

package/dist/components/TextArea/TextArea.test.js

@@ -1,25 +1,41 @@
+import "../../dist-D6qYwmKD.js";
+import "../../lib-6BbFZdI7.js";
+import { t as e } from "../../TextArea-DqKIpOfT.js";
+import "../../test-utils-BSs0eZfL.js";
+import "../../client-C0JVBgoR.js";
+import { i as t, n, t as r } from "../../react.esm-Cev8dB-E.js";
+import { t as i } from "../../esm-Cmy7DlsJ.js";
 import { jsx as a } from "react/jsx-runtime";
-import "../../index-CULNJwuI.js";
-import { r as n, s as t, f as r } from "../../react.esm-C68fQMAi.js";
-import { u as s } from "../../index-YdDr6J97.js";
-import { TextArea as o } from "./TextArea.js";
+//#region src/components/TextArea/TextArea.test.tsx
 describe("TextArea", () => {
-  it("should render correctly with label", () => {
-    n(/* @__PURE__ */ a(o, { onChange: jest.fn(), label: "Test Label" })), expect(t.getByText("Test Label")).toBeInTheDocument();
-  }), it("should call onChange when text is entered", () => {
-    const e = jest.fn();
-    n(/* @__PURE__ */ a(o, { onChange: e }));
-    const l = t.getByRole("textbox");
-    r.input(l, { target: { value: "Hello" } }), expect(e).toHaveBeenCalledWith("Hello");
-  }), it("should update character count", () => {
-    n(/* @__PURE__ */ a(o, { onChange: jest.fn(), label: "Test", maxCharacters: 10 }));
-    const e = t.getByRole("textbox");
-    r.input(e, { target: { value: "Test" } }), expect(t.getByText("4")).toBeInTheDocument(), expect(t.getByText("/ 10")).toBeInTheDocument();
-  }), it("should not exceed max characters limit", async () => {
-    const e = jest.fn();
-    n(/* @__PURE__ */ a(o, { onChange: e, maxCharacters: 5 }));
-    const l = t.getByRole("textbox");
-    await s.type(l, "ExceedsLimit"), expect(e).toHaveBeenCalled(), expect(e.mock.calls[e.mock.calls.length - 1][0].length).toBe(5);
-  });
+	it("should render correctly with label", () => {
+		n(/* @__PURE__ */ a(e, {
+			onChange: jest.fn(),
+			label: "Test Label"
+		})), expect(t.getByText("Test Label")).toBeInTheDocument();
+	}), it("should call onChange when text is entered", () => {
+		let i = jest.fn();
+		n(/* @__PURE__ */ a(e, { onChange: i }));
+		let o = t.getByRole("textbox");
+		r.input(o, { target: { value: "Hello" } }), expect(i).toHaveBeenCalledWith("Hello");
+	}), it("should update character count", () => {
+		n(/* @__PURE__ */ a(e, {
+			onChange: jest.fn(),
+			label: "Test",
+			maxCharacters: 10
+		}));
+		let i = t.getByRole("textbox");
+		r.input(i, { target: { value: "Test" } }), expect(t.getByText("4")).toBeInTheDocument(), expect(t.getByText("/ 10")).toBeInTheDocument();
+	}), it("should not exceed max characters limit", async () => {
+		let r = jest.fn();
+		n(/* @__PURE__ */ a(e, {
+			onChange: r,
+			maxCharacters: 5
+		}));
+		let o = t.getByRole("textbox");
+		await i.type(o, "ExceedsLimit"), expect(r).toHaveBeenCalled(), expect(r.mock.calls[r.mock.calls.length - 1][0].length).toBe(5);
+	});
 });
-//# sourceMappingURL=TextArea.test.js.map
+//#endregion
+
+//# sourceMappingURL=TextArea.test.js.map

package/dist/components/TextArea/TextArea.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.test.js","sources":["../../../src/components/TextArea/TextArea.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { TextArea } from './TextArea';\n\ndescribe('TextArea', () => {\n  it('should render correctly with label', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test Label\" />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n  });\n\n  it('should call onChange when text is entered', () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Hello' } });\n    expect(handleChange).toHaveBeenCalledWith('Hello');\n  });\n\n  it('should update character count', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test\" maxCharacters={10} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Test' } });\n\n    expect(screen.getByText('4')).toBeInTheDocument();\n    expect(screen.getByText('/ 10')).toBeInTheDocument();\n  });\n\n  it('should not exceed max characters limit', async () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} maxCharacters={5} />);\n\n    const textarea = screen.getByRole('textbox');\n\n    await userEvent.type(textarea, 'ExceedsLimit');\n\n    expect(handleChange).toHaveBeenCalled();\n    // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n    expect(handleChange.mock.calls[handleChange.mock.calls.length - 1][0].length).toBe(5);\n  });\n});\n"],"names":["render","jsx","TextArea","screen","handleChange","textarea","fireEvent","userEvent"],"mappings":";;;;;AAMA,SAAS,YAAY,MAAM;AACzB,KAAG,sCAAsC,MAAM;AAC7C,IAAAA,EAAO,gBAAAC,EAACC,KAAS,UAAU,KAAK,MAAM,OAAM,cAAa,CAAE,GAC3D,OAAOC,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAA;AAAA,EACzC,CAAC,GAED,GAAG,6CAA6C,MAAM;AACpD,UAAMC,IAAe,KAAK,GAAA;AAC1B,IAAAJ,EAAO,gBAAAC,EAACC,GAAA,EAAS,UAAUE,EAAA,CAAc,CAAE;AAE3C,UAAMC,IAAWF,EAAO,UAAU,SAAS;AAC3C,IAAAG,EAAU,MAAMD,GAAU,EAAE,QAAQ,EAAE,OAAO,QAAA,GAAW,GACxD,OAAOD,CAAY,EAAE,qBAAqB,OAAO;AAAA,EACnD,CAAC,GAED,GAAG,iCAAiC,MAAM;AACxC,IAAAJ,EAAO,gBAAAC,EAACC,GAAA,EAAS,UAAU,KAAK,GAAA,GAAM,OAAM,QAAO,eAAe,GAAA,CAAI,CAAE;AAExE,UAAMG,IAAWF,EAAO,UAAU,SAAS;AAC3C,IAAAG,EAAU,MAAMD,GAAU,EAAE,QAAQ,EAAE,OAAO,OAAA,GAAU,GAEvD,OAAOF,EAAO,UAAU,GAAG,CAAC,EAAE,kBAAA,GAC9B,OAAOA,EAAO,UAAU,MAAM,CAAC,EAAE,kBAAA;AAAA,EACnC,CAAC,GAED,GAAG,0CAA0C,YAAY;AACvD,UAAMC,IAAe,KAAK,GAAA;AAC1B,IAAAJ,oBAAQE,GAAA,EAAS,UAAUE,GAAc,eAAe,GAAG,CAAE;AAE7D,UAAMC,IAAWF,EAAO,UAAU,SAAS;AAE3C,UAAMI,EAAU,KAAKF,GAAU,cAAc,GAE7C,OAAOD,CAAY,EAAE,iBAAA,GAErB,OAAOA,EAAa,KAAK,MAAMA,EAAa,KAAK,MAAM,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC;AAAA,EACtF,CAAC;AACH,CAAC;"}
+{"version":3,"file":"TextArea.test.js","names":[],"sources":["../../../src/components/TextArea/TextArea.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { TextArea } from './TextArea';\n\ndescribe('TextArea', () => {\n  it('should render correctly with label', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test Label\" />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n  });\n\n  it('should call onChange when text is entered', () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Hello' } });\n    expect(handleChange).toHaveBeenCalledWith('Hello');\n  });\n\n  it('should update character count', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test\" maxCharacters={10} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Test' } });\n\n    expect(screen.getByText('4')).toBeInTheDocument();\n    expect(screen.getByText('/ 10')).toBeInTheDocument();\n  });\n\n  it('should not exceed max characters limit', async () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} maxCharacters={5} />);\n\n    const textarea = screen.getByRole('textbox');\n\n    await userEvent.type(textarea, 'ExceedsLimit');\n\n    expect(handleChange).toHaveBeenCalled();\n    // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n    expect(handleChange.mock.calls[handleChange.mock.calls.length - 1][0].length).toBe(5);\n  });\n});\n"],"mappings":";;;;;;;;;AAMA,SAAS,kBAAkB;AAyBzB,CAxBA,GAAG,4CAA4C;AAE7C,EADA,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,IAAI;GAAE,OAAM;GAAe,CAAA,CAAC,EAC5D,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB;GAC1D,EAEF,GAAG,mDAAmD;EACpD,IAAM,IAAe,KAAK,IAAI;AAC9B,IAAO,kBAAC,GAAD,EAAU,UAAU,GAAgB,CAAA,CAAC;EAE5C,IAAM,IAAW,EAAO,UAAU,UAAU;AAE5C,EADA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,SAAS,EAAE,CAAC,EACzD,OAAO,EAAa,CAAC,qBAAqB,QAAQ;GAClD,EAEF,GAAG,uCAAuC;AACxC,IAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,IAAI;GAAE,OAAM;GAAO,eAAe;GAAM,CAAA,CAAC;EAEzE,IAAM,IAAW,EAAO,UAAU,UAAU;AAI5C,EAHA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,QAAQ,EAAE,CAAC,EAExD,OAAO,EAAO,UAAU,IAAI,CAAC,CAAC,mBAAmB,EACjD,OAAO,EAAO,UAAU,OAAO,CAAC,CAAC,mBAAmB;GACpD,EAEF,GAAG,0CAA0C,YAAY;EACvD,IAAM,IAAe,KAAK,IAAI;AAC9B,IAAO,kBAAC,GAAD;GAAU,UAAU;GAAc,eAAe;GAAK,CAAA,CAAC;EAE9D,IAAM,IAAW,EAAO,UAAU,UAAU;AAM5C,EAJA,MAAM,EAAU,KAAK,GAAU,eAAe,EAE9C,OAAO,EAAa,CAAC,kBAAkB,EAEvC,OAAO,EAAa,KAAK,MAAM,EAAa,KAAK,MAAM,SAAS,GAAG,GAAG,OAAO,CAAC,KAAK,EAAE;GACrF;EACF"}

package/dist/components/TextArea/index.js

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

package/dist/components/ToggleSwitch/ToggleSwitch.js

@@ -1,66 +1,2 @@
-import { jsx as e, jsxs as _ } from "react/jsx-runtime";
-import { c as a } from "../../clsx-OuTLNxxd.js";
-import '../../assets/ToggleSwitch.css';const l = {
-  "toggle-switch": "_toggle-switch_lh249_1",
-  "toggle-switch__visible": "_toggle-switch__visible_lh249_9",
-  "toggle-switch--disabled": "_toggle-switch--disabled_lh249_54",
-  "toggle-switch--loading": "_toggle-switch--loading_lh249_64",
-  "toggle-switch--visually-hidden": "_toggle-switch--visually-hidden_lh249_74",
-  "toggle-switch--disabled-label": "_toggle-switch--disabled-label_lh249_87",
-  "toggle-switch--loading-cursor": "_toggle-switch--loading-cursor_lh249_91",
-  "toggle-switch--extra-left-gap": "_toggle-switch--extra-left-gap_lh249_95"
-};
-function n({
-  condition: i,
-  wrapper: g,
-  children: t
-}) {
-  return i ? g(t) : t;
-}
-function b({
-  label: i,
-  labelPosition: g = "after",
-  labelVisible: t = !0,
-  loading: o = !1,
-  extraLeftGap: h,
-  ...s
-}) {
-  const c = /* @__PURE__ */ e(
-    "span",
-    {
-      className: a(
-        { [l["toggle-switch--visually-hidden"]]: !t },
-        { [l["toggle-switch--disabled-label"]]: s.disabled }
-      ),
-      children: i
-    }
-  );
-  return /* @__PURE__ */ e(
-    n,
-    {
-      condition: o,
-      wrapper: (d) => /* @__PURE__ */ e("div", { className: l["toggle-switch--loading-cursor"], children: d }),
-      children: /* @__PURE__ */ _(
-        "label",
-        {
-          className: a(
-            l["toggle-switch"],
-            { [l["toggle-switch--disabled"]]: s.disabled },
-            { [l["toggle-switch--loading"]]: o },
-            { [l["toggle-switch--extra-left-gap"]]: h }
-          ),
-          children: [
-            g === "before" && c,
-            /* @__PURE__ */ e("input", { className: l["toggle-switch--visually-hidden"], ...s, type: "checkbox" }),
-            /* @__PURE__ */ e("span", { className: l["toggle-switch__visible"], title: t ? "" : i }),
-            g === "after" && c
-          ]
-        }
-      )
-    }
-  );
-}
-export {
-  b as ToggleSwitch
-};
-//# sourceMappingURL=ToggleSwitch.js.map
+import { t as e } from "../../ToggleSwitch-C7z7JVtx.js";
+export { e as ToggleSwitch };

package/dist/components/ToggleSwitch/ToggleSwitch.stories.js

@@ -1,26 +1,20 @@
-import { jsx as o } from "react/jsx-runtime";
-import { f as l } from "../../index-B_q_4aBT.js";
-import { ToggleSwitch as e } from "./ToggleSwitch.js";
-const a = `
-// Has all InputHTMLAttributes props available except "className" and "style" 
-<ToggleSwitch onChange={onChangeFunction} checked={checked} label={label} />
-`, p = {
-  title: "Atoms/ToggleSwitch",
-  component: e,
-  parameters: {
-    inspectComponent: e,
-    codeString: a
-  }
-}, n = (t) => /* @__PURE__ */ o(e, { ...t }), s = {
-  label: "Toggle switch example",
-  labelPosition: "before",
-  onChange: l()
-}, c = n.bind({});
-c.args = {
-  ...s
-};
-export {
-  c as ToggleSwitchExample,
-  p as default
-};
-//# sourceMappingURL=ToggleSwitch.stories.js.map
+import { r as e } from "../../test-CPFNM-bL.js";
+import { t } from "../../ToggleSwitch-C7z7JVtx.js";
+import { jsx as n } from "react/jsx-runtime";
+var r = {
+	title: "Atoms/ToggleSwitch",
+	component: t,
+	parameters: {
+		inspectComponent: t,
+		codeString: "\n// Has all InputHTMLAttributes props available except \"className\" and \"style\" \n<ToggleSwitch onChange={onChangeFunction} checked={checked} label={label} />\n"
+	}
+}, i = (e) => /* @__PURE__ */ n(t, { ...e }), a = {
+	label: "Toggle switch example",
+	labelPosition: "before",
+	onChange: e()
+}, o = i.bind({});
+o.args = { ...a };
+//#endregion
+export { o as ToggleSwitchExample, r as default };
+
+//# sourceMappingURL=ToggleSwitch.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.stories.js","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ToggleSwitchProps } from './ToggleSwitch';\n\nimport { ToggleSwitch } from './ToggleSwitch';\n\nconst codeString = `\n// Has all InputHTMLAttributes props available except \"className\" and \"style\" \n<ToggleSwitch onChange={onChangeFunction} checked={checked} label={label} />\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ToggleSwitch',\n  component: ToggleSwitch,\n  parameters: {\n    inspectComponent: ToggleSwitch,\n    codeString: codeString,\n  },\n} as Meta<ToggleSwitchProps>;\n\nconst Template: StoryFn<ToggleSwitchProps> = (args) => {\n  return <ToggleSwitch {...args} />;\n};\n\nconst defaultArgs: Partial<ToggleSwitchProps> = {\n  label: 'Toggle switch example',\n  labelPosition: 'before',\n  onChange: fn(),\n};\n\nexport const ToggleSwitchExample = Template.bind({});\nToggleSwitchExample.args = {\n  ...defaultArgs,\n};\n"],"names":["codeString","ToggleSwitch_stories","ToggleSwitch","Template","args","jsx","defaultArgs","fn","ToggleSwitchExample"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA;AAAA;AAAA,GAMnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MACrC,gBAAAC,EAACH,GAAA,EAAc,GAAGE,EAAA,CAAM,GAG3BE,IAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAUC,EAAA;AACZ,GAEaC,IAAsBL,EAAS,KAAK,CAAA,CAAE;AACnDK,EAAoB,OAAO;AAAA,EACzB,GAAGF;AACL;"}
+{"version":3,"file":"ToggleSwitch.stories.js","names":[],"sources":["../../../src/components/ToggleSwitch/ToggleSwitch.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ToggleSwitchProps } from './ToggleSwitch';\n\nimport { ToggleSwitch } from './ToggleSwitch';\n\nconst codeString = `\n// Has all InputHTMLAttributes props available except \"className\" and \"style\" \n<ToggleSwitch onChange={onChangeFunction} checked={checked} label={label} />\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ToggleSwitch',\n  component: ToggleSwitch,\n  parameters: {\n    inspectComponent: ToggleSwitch,\n    codeString: codeString,\n  },\n} as Meta<ToggleSwitchProps>;\n\nconst Template: StoryFn<ToggleSwitchProps> = (args) => {\n  return <ToggleSwitch {...args} />;\n};\n\nconst defaultArgs: Partial<ToggleSwitchProps> = {\n  label: 'Toggle switch example',\n  labelPosition: 'before',\n  onChange: fn(),\n};\n\nexport const ToggleSwitchExample = Template.bind({});\nToggleSwitchExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YAXG;EAYhB;CACF,EAEK,KAAwC,MACrC,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAG7B,IAA0C;CAC9C,OAAO;CACP,eAAe;CACf,UAAU,GAAI;CACf,EAEY,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,GAAG,GACJ"}

package/dist/components/ToggleSwitch/index.js

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

package/dist/components/Tooltip/Tooltip.js

@@ -1,75 +1,2 @@
-import { jsxs as B, jsx as h } from "react/jsx-runtime";
-import { useRef as z, useState as R, useCallback as E, useEffect as p } from "react";
-import '../../assets/Tooltip.css';const M = "_tooltip_small_zy1z9_8", j = "_tooltip_medium_zy1z9_9", I = "_tooltip_large_zy1z9_10", f = {
-  "tooltip-container": "_tooltip-container_zy1z9_1",
-  tooltip_small: M,
-  tooltip_medium: j,
-  tooltip_large: I,
-  "tooltip_under-trigger": "_tooltip_under-trigger_zy1z9_64"
-};
-function X({ element: b, id: _, text: L, size: n = "medium", openUnderTrigger: s = !1 }) {
-  const l = z(null), c = z(null), [i, o] = R(!1), [d, k] = R({ top: 0, left: 0 }), m = n === "small" && 20 || n === "large" && 35 || 27, g = n === "small" && 25 || n === "large" && 70 || 47, e = E(() => {
-    if (l.current && c.current) {
-      const t = l.current.getBoundingClientRect(), v = c.current.getBoundingClientRect(), a = window.scrollY, C = window.scrollX;
-      let r = t.top + a + m - v.height;
-      const O = t.left + C + g + (t.width - v.width) / 2;
-      r -= a, r < 0 && (r = t.bottom + a), k({ top: r, left: O });
-    }
-  }, [g, m]), u = E(
-    (t) => {
-      t.key === "Escape" && o(!1);
-    },
-    [o]
-  );
-  function y() {
-    o(!0);
-  }
-  function w() {
-    o(!1);
-  }
-  function x() {
-    o(!i);
-  }
-  return p(() => {
-    if (!l.current) return;
-    const t = l.current;
-    return t.addEventListener("keyup", u, !0), () => {
-      t.removeEventListener("keyup", u, !0);
-    };
-  }, [u]), p(() => (e(), window.addEventListener("resize", e), () => {
-    window.removeEventListener("resize", e);
-  }), [e]), p(() => {
-    i && !s && e();
-  }, [i, s, e]), /* @__PURE__ */ B(
-    "div",
-    {
-      className: f["tooltip-container"],
-      onBlur: w,
-      onFocus: y,
-      onMouseEnter: y,
-      onMouseLeave: w,
-      onMouseUp: x,
-      ref: l,
-      role: "button",
-      tabIndex: -1,
-      children: [
-        /* @__PURE__ */ h("div", { "aria-describedby": i ? _ : void 0, children: b }),
-        i && /* @__PURE__ */ h(
-          "span",
-          {
-            ref: c,
-            className: s ? f["tooltip_under-trigger"] : f[`tooltip_${n}`],
-            id: _,
-            role: "tooltip",
-            style: s ? {} : { top: d.top, left: d.left },
-            children: L
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  X as Tooltip
-};
-//# sourceMappingURL=Tooltip.js.map
+import { t as e } from "../../Tooltip-BzB3jznk.js";
+export { e as Tooltip };

package/dist/components/Tooltip/Tooltip.stories.js

@@ -1,33 +1,28 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Tooltip as e } from "./Tooltip.js";
-import { Container as i } from "../../storyComponents/Container/Container.js";
-const r = "<Tooltip element={element} id={id} text={text} size={size} />", c = {
-  title: "Atoms/Tooltip",
-  component: e,
-  argTypes: {
-    element: {
-      control: "text"
-    },
-    // Disable openUnderTrigger controls as this is a Lens specific prop that we should not use in other places.
-    // This is still needed until Lens structure is reworked.
-    openUnderTrigger: {
-      table: {
-        disable: !0
-      }
-    }
-  },
-  parameters: {
-    inspectComponent: e,
-    codeString: r
-  }
-}, n = (o) => /* @__PURE__ */ t(i, { centerContent: !0, children: /* @__PURE__ */ t(e, { ...o }) }), l = n.bind({});
-l.args = {
-  element: "Tooltip Trigger",
-  id: "52fcc9e9",
-  text: "Here is your Tooltip"
+import { t as e } from "../../Tooltip-BzB3jznk.js";
+import { t } from "../../Container-BLjtYDqq.js";
+import "../../storyComponents/Container/index.js";
+import { jsx as n } from "react/jsx-runtime";
+var r = {
+	title: "Atoms/Tooltip",
+	component: e,
+	argTypes: {
+		element: { control: "text" },
+		openUnderTrigger: { table: { disable: !0 } }
+	},
+	parameters: {
+		inspectComponent: e,
+		codeString: "<Tooltip element={element} id={id} text={text} size={size} />"
+	}
+}, i = ((r) => /* @__PURE__ */ n(t, {
+	centerContent: !0,
+	children: /* @__PURE__ */ n(e, { ...r })
+})).bind({});
+i.args = {
+	element: "Tooltip Trigger",
+	id: "52fcc9e9",
+	text: "Here is your Tooltip"
 };
-export {
-  l as TooltipExample,
-  c as default
-};
-//# sourceMappingURL=Tooltip.stories.js.map
+//#endregion
+export { i as TooltipExample, r as default };
+
+//# sourceMappingURL=Tooltip.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.js","sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { TooltipProps } from './Tooltip';\n\nimport { Tooltip } from './Tooltip';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<Tooltip element={element} id={id} text={text} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Tooltip',\n  component: Tooltip,\n  argTypes: {\n    element: {\n      control: 'text',\n    },\n    // Disable openUnderTrigger controls as this is a Lens specific prop that we should not use in other places.\n    // This is still needed until Lens structure is reworked.\n    openUnderTrigger: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Tooltip,\n    codeString: codeString,\n  },\n} as Meta<TooltipProps>;\n\nconst Template: StoryFn<TooltipProps> = (args) => (\n  <Container centerContent>\n    <Tooltip {...args} />\n  </Container>\n);\n\nexport const TooltipExample = Template.bind({});\nTooltipExample.args = {\n  element: 'Tooltip Trigger',\n  id: '52fcc9e9',\n  text: 'Here is your Tooltip',\n};\n"],"names":["codeString","Tooltip_stories","Tooltip","Template","args","jsx","Container","TooltipExample"],"mappings":";;;AAOA,MAAMA,IAAa,iEAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA,IAIX,kBAAkB;AAAA,MAChB,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAkC,CAACC,MACvC,gBAAAC,EAACC,GAAA,EAAU,eAAa,IACtB,UAAA,gBAAAD,EAACH,GAAA,EAAS,GAAGE,EAAA,CAAM,EAAA,CACrB,GAGWG,IAAiBJ,EAAS,KAAK,CAAA,CAAE;AAC9CI,EAAe,OAAO;AAAA,EACpB,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AACR;"}
+{"version":3,"file":"Tooltip.stories.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { TooltipProps } from './Tooltip';\n\nimport { Tooltip } from './Tooltip';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<Tooltip element={element} id={id} text={text} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Tooltip',\n  component: Tooltip,\n  argTypes: {\n    element: {\n      control: 'text',\n    },\n    // Disable openUnderTrigger controls as this is a Lens specific prop that we should not use in other places.\n    // This is still needed until Lens structure is reworked.\n    openUnderTrigger: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Tooltip,\n    codeString: codeString,\n  },\n} as Meta<TooltipProps>;\n\nconst Template: StoryFn<TooltipProps> = (args) => (\n  <Container centerContent>\n    <Tooltip {...args} />\n  </Container>\n);\n\nexport const TooltipExample = Template.bind({});\nTooltipExample.args = {\n  element: 'Tooltip Trigger',\n  id: '52fcc9e9',\n  text: 'Here is your Tooltip',\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS,EACP,SAAS,QACV;EAGD,kBAAkB,EAChB,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YApBG;EAqBhB;CACF,EAQY,MAN4B,MACvC,kBAAC,GAAD;CAAW,eAAA;WACT,kBAAC,GAAD,EAAS,GAAI,GAAQ,CAAA;CACX,CAAA,EAGyB,KAAK,EAAE,CAAC;AAC/C,EAAe,OAAO;CACpB,SAAS;CACT,IAAI;CACJ,MAAM;CACP"}

package/dist/components/Tooltip/index.js

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

package/dist/components/VarIndicator/VarIndicator.js

@@ -1,62 +1,2 @@
-import { jsx as r, jsxs as o, Fragment as d } from "react/jsx-runtime";
-import { c as l } from "../../clsx-OuTLNxxd.js";
-import { Icon as t } from "../Icon/Icon.js";
-import '../../assets/VarIndicator.css';const a = {
-  "var-indicator__container": "_var-indicator__container_15lwy_27",
-  "var-indicator__label": "_var-indicator__label_15lwy_46",
-  "var-indicator__step-container": "_var-indicator__step-container_15lwy_50",
-  "var-indicator__container--compact": "_var-indicator__container--compact_15lwy_61",
-  "var-indicator__container--compact-flyover-wrapper": "_var-indicator__container--compact-flyover-wrapper_15lwy_71",
-  "var-indicator__container--draft": "_var-indicator__container--draft_15lwy_85",
-  "var-indicator__container--rejected": "_var-indicator__container--rejected_15lwy_86",
-  "var-indicator__container--submitted": "_var-indicator__container--submitted_15lwy_101",
-  "var-indicator__container--active": "_var-indicator__container--active_15lwy_113"
-}, v = {
-  DRAFT: "CircleLarge",
-  REJECTED: "CircleLarge",
-  SUBMITTED: "CircleLargeDotted",
-  ACTIVE: "SignalActive"
-}, T = ({
-  label: s,
-  variant: i = "DRAFT",
-  maxSteps: n,
-  currentStep: m = 1,
-  isCompact: _,
-  onClick: p
-}) => {
-  const e = () => /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ r(t, { name: v[i], size: 16 }),
-    /* @__PURE__ */ r("span", { className: a["var-indicator__label"], children: s[`${i}`] }),
-    n && n > 0 && i === "SUBMITTED" && Array.from({ length: n }, (c, y) => y + 1).map((c) => /* @__PURE__ */ r("div", { className: a["var-indicator__step-container"], children: /* @__PURE__ */ r(t, { name: c <= m ? "CircleSmallFilled" : "CircleSmall" }) }, c))
-  ] });
-  return /* @__PURE__ */ r(
-    "button",
-    {
-      className: l(
-        a["var-indicator__container"],
-        a[`var-indicator__container--${i.toLowerCase()}`],
-        {
-          [a["var-indicator__container--compact"]]: _
-        }
-      ),
-      onClick: p,
-      children: _ ? /* @__PURE__ */ o(d, { children: [
-        /* @__PURE__ */ r(t, { name: v[i], size: 16 }),
-        /* @__PURE__ */ r(
-          "div",
-          {
-            className: l(
-              a["var-indicator__container"],
-              a["var-indicator__container--compact-flyover-wrapper"]
-            ),
-            children: /* @__PURE__ */ r(e, {})
-          }
-        )
-      ] }) : /* @__PURE__ */ r(e, {})
-    }
-  );
-};
-export {
-  T as VarIndicator
-};
-//# sourceMappingURL=VarIndicator.js.map
+import { t as e } from "../../VarIndicator-C-GueOZD.js";
+export { e as VarIndicator };

package/dist/components/VarIndicator/VarIndicator.stories.js

@@ -1,30 +1,31 @@
-import { jsx as r } from "react/jsx-runtime";
-import { f as n } from "../../index-B_q_4aBT.js";
-import { VarIndicator as t } from "./VarIndicator.js";
-const o = {
-  DRAFT: "Concept",
-  REJECTED: "Concept",
-  SUBMITTED: "Verificatie",
-  ACTIVE: "Actief"
-}, a = "<VarIndicator label={[string]: [string]} maxSteps={number} currentStep={number} onClick={() => void} />", d = {
-  title: "Atoms/VarIndicator",
-  component: t,
-  argTypes: {},
-  parameters: {
-    inspectComponent: t,
-    codeString: a
-  }
-}, i = (e) => /* @__PURE__ */ r("div", { style: { margin: "0 0 0 6rem" }, children: /* @__PURE__ */ r(t, { ...e }) }), c = {
-  label: o,
-  maxSteps: 3,
-  currentStep: 2,
-  onClick: n()
-}, s = i.bind({});
-s.args = {
-  ...c
-};
-export {
-  s as VarIndicatorExample,
-  d as default
-};
-//# sourceMappingURL=VarIndicator.stories.js.map
+import { r as e } from "../../test-CPFNM-bL.js";
+import { t } from "../../VarIndicator-C-GueOZD.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/VarIndicator/VarIndicator.stories.tsx
+var r = {
+	DRAFT: "Concept",
+	REJECTED: "Concept",
+	SUBMITTED: "Verificatie",
+	ACTIVE: "Actief"
+}, i = {
+	title: "Atoms/VarIndicator",
+	component: t,
+	argTypes: {},
+	parameters: {
+		inspectComponent: t,
+		codeString: "<VarIndicator label={[string]: [string]} maxSteps={number} currentStep={number} onClick={() => void} />"
+	}
+}, a = (e) => /* @__PURE__ */ n("div", {
+	style: { margin: "0 0 0 6rem" },
+	children: /* @__PURE__ */ n(t, { ...e })
+}), o = {
+	label: r,
+	maxSteps: 3,
+	currentStep: 2,
+	onClick: e()
+}, s = a.bind({});
+s.args = { ...o };
+//#endregion
+export { s as VarIndicatorExample, i as default };
+
+//# sourceMappingURL=VarIndicator.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VarIndicator.stories.js","sources":["../../../src/components/VarIndicator/VarIndicator.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { VarIndicatorProps } from './VarIndicator';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n  DRAFT: 'Concept',\n  REJECTED: 'Concept',\n  SUBMITTED: 'Verificatie',\n  ACTIVE: 'Actief',\n};\n\nconst codeString =\n  '<VarIndicator label={[string]: [string]} maxSteps={number} currentStep={number} onClick={() => void} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/VarIndicator',\n  component: VarIndicator,\n  argTypes: {},\n  parameters: {\n    inspectComponent: VarIndicator,\n    codeString: codeString,\n  },\n} as Meta<VarIndicatorProps>;\n\nconst Template: StoryFn<VarIndicatorProps> = (args) => (\n  <div style={{ margin: '0 0 0 6rem' }}>\n    <VarIndicator {...args} />\n  </div>\n);\n\nconst defaultArgs: Partial<VarIndicatorProps> = {\n  label: LABELS,\n  maxSteps: 3,\n  currentStep: 2,\n  onClick: fn(),\n};\n\nexport const VarIndicatorExample = Template.bind({});\nVarIndicatorExample.args = {\n  ...defaultArgs,\n};\n"],"names":["LABELS","codeString","VarIndicator_stories","VarIndicator","Template","args","jsx","defaultArgs","fn","VarIndicatorExample"],"mappings":";;;AAOA,MAAMA,IAAS;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AACV,GAEMC,IACJ,2GAGFC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,CAAA;AAAA,EACV,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MAC5C,gBAAAC,EAAC,SAAI,OAAO,EAAE,QAAQ,aAAA,GACpB,UAAA,gBAAAA,EAACH,GAAA,EAAc,GAAGE,GAAM,GAC1B,GAGIE,IAA0C;AAAA,EAC9C,OAAOP;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,SAASQ,EAAA;AACX,GAEaC,IAAsBL,EAAS,KAAK,CAAA,CAAE;AACnDK,EAAoB,OAAO;AAAA,EACzB,GAAGF;AACL;"}
+{"version":3,"file":"VarIndicator.stories.js","names":[],"sources":["../../../src/components/VarIndicator/VarIndicator.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { VarIndicatorProps } from './VarIndicator';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n  DRAFT: 'Concept',\n  REJECTED: 'Concept',\n  SUBMITTED: 'Verificatie',\n  ACTIVE: 'Actief',\n};\n\nconst codeString =\n  '<VarIndicator label={[string]: [string]} maxSteps={number} currentStep={number} onClick={() => void} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/VarIndicator',\n  component: VarIndicator,\n  argTypes: {},\n  parameters: {\n    inspectComponent: VarIndicator,\n    codeString: codeString,\n  },\n} as Meta<VarIndicatorProps>;\n\nconst Template: StoryFn<VarIndicatorProps> = (args) => (\n  <div style={{ margin: '0 0 0 6rem' }}>\n    <VarIndicator {...args} />\n  </div>\n);\n\nconst defaultArgs: Partial<VarIndicatorProps> = {\n  label: LABELS,\n  maxSteps: 3,\n  currentStep: 2,\n  onClick: fn(),\n};\n\nexport const VarIndicatorExample = Template.bind({});\nVarIndicatorExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;;AAOA,IAAM,IAAS;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;CACT,EAMD,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,YAAY;EACV,kBAAkB;EACN,YATd;EAUC;CACF,EAEK,KAAwC,MAC5C,kBAAC,OAAD;CAAK,OAAO,EAAE,QAAQ,cAAc;WAClC,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA;CACtB,CAAA,EAGF,IAA0C;CAC9C,OAAO;CACP,UAAU;CACV,aAAa;CACb,SAAS,GAAI;CACd,EAEY,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,GAAG,GACJ"}