@uva-glass/component-library 3.57.3 → 3.57.5

package/dist/components/StatusBadge/StatusBadge.test.js

@@ -1,16 +1,17 @@
-import "../../dist-oLwM--0y.js";
-import { t as e } from "../../StatusBage-hJmNPqtk.js";
-import { i as t, n } from "../../react.esm-DwWzhs9e.js";
+import { s as e } from "../../dom.esm-S0SD0DBW.js";
+import "../../dist-CuwCMU7Y.js";
+import { t } from "../../StatusBage-hJmNPqtk.js";
+import { n } from "../../react.esm-D50lAl1F.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/StatusBadge/StatusBadge.test.tsx
 describe("StatusBadge", () => {
 	it("should render with message", () => {
-		n(/* @__PURE__ */ r(e, { label: "Status message" })), expect(t.getByText("Status message")).toBeInTheDocument();
+		n(/* @__PURE__ */ r(t, { label: "Status message" })), expect(e.getByText("Status message")).toBeInTheDocument();
 	}), it("should render with highContract", () => {
-		n(/* @__PURE__ */ r(e, {
+		n(/* @__PURE__ */ r(t, {
 			label: "Status message",
 			highContrast: !0
-		})), expect(t.getByText("Status message")).toHaveClass("statusbadge--high-contrast");
+		})), expect(e.getByText("Status message")).toHaveClass("statusbadge--high-contrast");
 	});
 });
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.test.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { StatusBadge } from './StatusBage';\n\ndescribe('StatusBadge', () => {\n  it('should render with message', () => {\n    render(<StatusBadge label=\"Status message\" />);\n    expect(screen.getByText('Status message')).toBeInTheDocument();\n  });\n\n  it('should render with highContract', () => {\n    render(<StatusBadge label=\"Status message\" highContrast={true} />);\n    expect(screen.getByText('Status message')).toHaveClass('statusbadge--high-contrast');\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,qBAAqB;CAM5B,AALA,GAAG,oCAAoC;EAErC,AADA,EAAO,kBAAC,GAAD,EAAa,OAAM,iBAAkB,CAAA,CAAC,GAC7C,OAAO,EAAO,UAAU,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;CAC/D,CAAC,GAED,GAAG,yCAAyC;EAE1C,AADA,EAAO,kBAAC,GAAD;GAAa,OAAM;GAAiB,cAAc;EAAO,CAAA,CAAC,GACjE,OAAO,EAAO,UAAU,gBAAgB,CAAC,CAAC,CAAC,YAAY,4BAA4B;CACrF,CAAC;AACH,CAAC"}
+{"version":3,"file":"StatusBadge.test.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { StatusBadge } from './StatusBage';\n\ndescribe('StatusBadge', () => {\n  it('should render with message', () => {\n    render(<StatusBadge label=\"Status message\" />);\n    expect(screen.getByText('Status message')).toBeInTheDocument();\n  });\n\n  it('should render with highContract', () => {\n    render(<StatusBadge label=\"Status message\" highContrast={true} />);\n    expect(screen.getByText('Status message')).toHaveClass('statusbadge--high-contrast');\n  });\n});\n"],"mappings":";;;;;;AAKA,SAAS,qBAAqB;CAM5B,AALA,GAAG,oCAAoC;EAErC,AADA,EAAO,kBAAC,GAAD,EAAa,OAAM,iBAAkB,CAAA,CAAC,GAC7C,OAAO,EAAO,UAAU,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;CAC/D,CAAC,GAED,GAAG,yCAAyC;EAE1C,AADA,EAAO,kBAAC,GAAD;GAAa,OAAM;GAAiB,cAAc;EAAO,CAAA,CAAC,GACjE,OAAO,EAAO,UAAU,gBAAgB,CAAC,CAAC,CAAC,YAAY,4BAA4B;CACrF,CAAC;AACH,CAAC"}

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Gtly6H2f.js";
+import { r as e } from "../../test-BjtC-Q32.js";
 import { t } from "../../TextArea-D_VoyGIO.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {

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

@@ -1,35 +1,36 @@
-import "../../dist-oLwM--0y.js";
-import { t as e } from "../../TextArea-D_VoyGIO.js";
-import { i as t, n, t as r } from "../../react.esm-DwWzhs9e.js";
-import { t as i } from "../../esm-BXzGXYWZ.js";
+import { s as e } from "../../dom.esm-S0SD0DBW.js";
+import "../../dist-CuwCMU7Y.js";
+import { t } from "../../TextArea-D_VoyGIO.js";
+import { n, t as r } from "../../react.esm-D50lAl1F.js";
+import { t as i } from "../../esm-Bfz5h0_d.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/TextArea/TextArea.test.tsx
 describe("TextArea", () => {
 	it("should render correctly with label", () => {
-		n(/* @__PURE__ */ a(e, {
+		n(/* @__PURE__ */ a(t, {
 			onChange: jest.fn(),
 			label: "Test Label"
-		})), expect(t.getByText("Test Label")).toBeInTheDocument();
+		})), expect(e.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");
+		n(/* @__PURE__ */ a(t, { onChange: i }));
+		let o = e.getByRole("textbox");
 		r.input(o, { target: { value: "Hello" } }), expect(i).toHaveBeenCalledWith("Hello");
 	}), it("should update character count", () => {
-		n(/* @__PURE__ */ a(e, {
+		n(/* @__PURE__ */ a(t, {
 			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();
+		let i = e.getByRole("textbox");
+		r.input(i, { target: { value: "Test" } }), expect(e.getByText("4")).toBeInTheDocument(), expect(e.getByText("/ 10")).toBeInTheDocument();
 	}), it("should not exceed max characters limit", async () => {
 		let r = jest.fn();
-		n(/* @__PURE__ */ a(e, {
+		n(/* @__PURE__ */ a(t, {
 			onChange: r,
 			maxCharacters: 5
 		}));
-		let o = t.getByRole("textbox");
+		let o = e.getByRole("textbox");
 		await i.type(o, "ExceedsLimit"), expect(r).toHaveBeenCalled(), expect(r.mock.calls[r.mock.calls.length - 1][0].length).toBe(5);
 	});
 });

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

@@ -1 +1 @@
-{"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;CAyBzB,AAxBA,GAAG,4CAA4C;EAE7C,AADA,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,GAAG;GAAG,OAAM;EAAc,CAAA,CAAC,GAC3D,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,CAAC,kBAAkB;CAC3D,CAAC,GAED,GAAG,mDAAmD;EACpD,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD,EAAU,UAAU,EAAe,CAAA,CAAC;EAE3C,IAAM,IAAW,EAAO,UAAU,SAAS;EAE3C,AADA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,QAAQ,EAAE,CAAC,GACxD,OAAO,CAAY,CAAC,CAAC,qBAAqB,OAAO;CACnD,CAAC,GAED,GAAG,uCAAuC;EACxC,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,GAAG;GAAG,OAAM;GAAO,eAAe;EAAK,CAAA,CAAC;EAExE,IAAM,IAAW,EAAO,UAAU,SAAS;EAI3C,AAHA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,CAAC,GAEvD,OAAO,EAAO,UAAU,GAAG,CAAC,CAAC,CAAC,kBAAkB,GAChD,OAAO,EAAO,UAAU,MAAM,CAAC,CAAC,CAAC,kBAAkB;CACrD,CAAC,GAED,GAAG,0CAA0C,YAAY;EACvD,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD;GAAU,UAAU;GAAc,eAAe;EAAI,CAAA,CAAC;EAE7D,IAAM,IAAW,EAAO,UAAU,SAAS;EAM3C,AAJA,MAAM,EAAU,KAAK,GAAU,cAAc,GAE7C,OAAO,CAAY,CAAC,CAAC,iBAAiB,GAEtC,OAAO,EAAa,KAAK,MAAM,EAAa,KAAK,MAAM,SAAS,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;CACtF,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;CAyBzB,AAxBA,GAAG,4CAA4C;EAE7C,AADA,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,GAAG;GAAG,OAAM;EAAc,CAAA,CAAC,GAC3D,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,CAAC,kBAAkB;CAC3D,CAAC,GAED,GAAG,mDAAmD;EACpD,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD,EAAU,UAAU,EAAe,CAAA,CAAC;EAE3C,IAAM,IAAW,EAAO,UAAU,SAAS;EAE3C,AADA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,QAAQ,EAAE,CAAC,GACxD,OAAO,CAAY,CAAC,CAAC,qBAAqB,OAAO;CACnD,CAAC,GAED,GAAG,uCAAuC;EACxC,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,GAAG;GAAG,OAAM;GAAO,eAAe;EAAK,CAAA,CAAC;EAExE,IAAM,IAAW,EAAO,UAAU,SAAS;EAI3C,AAHA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,CAAC,GAEvD,OAAO,EAAO,UAAU,GAAG,CAAC,CAAC,CAAC,kBAAkB,GAChD,OAAO,EAAO,UAAU,MAAM,CAAC,CAAC,CAAC,kBAAkB;CACrD,CAAC,GAED,GAAG,0CAA0C,YAAY;EACvD,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD;GAAU,UAAU;GAAc,eAAe;EAAI,CAAA,CAAC;EAE7D,IAAM,IAAW,EAAO,UAAU,SAAS;EAM3C,AAJA,MAAM,EAAU,KAAK,GAAU,cAAc,GAE7C,OAAO,CAAY,CAAC,CAAC,iBAAiB,GAEtC,OAAO,EAAa,KAAK,MAAM,EAAa,KAAK,MAAM,SAAS,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;CACtF,CAAC;AACH,CAAC"}

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Gtly6H2f.js";
+import { r as e } from "../../test-BjtC-Q32.js";
 import { t } from "../../ToggleSwitch-ev4Jh4y-.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Gtly6H2f.js";
+import { r as e } from "../../test-BjtC-Q32.js";
 import { t } from "../../VarIndicator-D0cnlcIf.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/VarIndicator/VarIndicator.stories.tsx

package/dist/components/VarIndicator/VarIndicator.test.js

@@ -1,7 +1,8 @@
-import "../../dist-oLwM--0y.js";
-import { t as e } from "../../VarIndicator-D0cnlcIf.js";
-import { a as t, i as n, n as r } from "../../react.esm-DwWzhs9e.js";
-import { t as i } from "../../esm-BXzGXYWZ.js";
+import { c as e, s as t } from "../../dom.esm-S0SD0DBW.js";
+import "../../dist-CuwCMU7Y.js";
+import { t as n } from "../../VarIndicator-D0cnlcIf.js";
+import { n as r } from "../../react.esm-D50lAl1F.js";
+import { t as i } from "../../esm-Bfz5h0_d.js";
 import { useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/components/VarIndicator/VarIndicator.test.tsx
@@ -13,13 +14,13 @@ var s = {
 };
 jest.mock("components/Icon", () => ({ Icon: ({ name: e }) => /* @__PURE__ */ o("svg", { "data-testid": e }) }));
 var c = () => {
-	let [t, n] = a(1);
-	return /* @__PURE__ */ o(e, {
+	let [e, t] = a(1);
+	return /* @__PURE__ */ o(n, {
 		label: s,
 		variant: "SUBMITTED",
 		maxSteps: 3,
-		currentStep: t,
-		onClick: () => n(2)
+		currentStep: e,
+		onClick: () => t(2)
 	});
 };
 describe("VarIndicator", () => {
@@ -27,44 +28,44 @@ describe("VarIndicator", () => {
 	beforeEach(() => {
 		a.mockClear();
 	}), it("should render Concept (DRAFT)", () => {
-		r(/* @__PURE__ */ o(e, {
+		r(/* @__PURE__ */ o(n, {
 			label: s,
 			variant: "DRAFT"
-		})), expect(n.getByText("Concept")).toBeInTheDocument();
+		})), expect(t.getByText("Concept")).toBeInTheDocument();
 	}), it("should render Concept (REJECTED)", () => {
-		r(/* @__PURE__ */ o(e, {
+		r(/* @__PURE__ */ o(n, {
 			label: s,
 			variant: "REJECTED"
-		})), expect(n.getByText("Concept")).toBeInTheDocument();
+		})), expect(t.getByText("Concept")).toBeInTheDocument();
 	}), it("should render Concept (ACTIVE)", () => {
-		r(/* @__PURE__ */ o(e, {
+		r(/* @__PURE__ */ o(n, {
 			label: s,
 			variant: "ACTIVE"
-		})), expect(n.getByText("Actief")).toBeInTheDocument();
+		})), expect(t.getByText("Actief")).toBeInTheDocument();
 	}), it("should render dots (SUBMITTED)", () => {
-		r(/* @__PURE__ */ o(e, {
+		r(/* @__PURE__ */ o(n, {
 			label: s,
 			variant: "SUBMITTED",
 			maxSteps: 3,
 			currentStep: 0
-		})), expect(n.getByText("Verificatie")).toBeInTheDocument(), expect(n.getAllByTestId("CircleSmall")).toHaveLength(3), expect(n.queryByTestId("CircleSmallFilled")).not.toBeInTheDocument();
+		})), expect(t.getByText("Verificatie")).toBeInTheDocument(), expect(t.getAllByTestId("CircleSmall")).toHaveLength(3), expect(t.queryByTestId("CircleSmallFilled")).not.toBeInTheDocument();
 	}), it("should render filled dots when currentStep != 0 (SUBMITTED)", () => {
-		r(/* @__PURE__ */ o(e, {
+		r(/* @__PURE__ */ o(n, {
 			label: s,
 			variant: "SUBMITTED",
 			maxSteps: 3,
 			currentStep: 1,
 			onClick: a
 		}));
-		let t = n.getByText("Verificatie");
-		expect(t).toBeInTheDocument(), expect(n.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(n.getAllByTestId("CircleSmall")).toHaveLength(2);
+		let e = t.getByText("Verificatie");
+		expect(e).toBeInTheDocument(), expect(t.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(t.getAllByTestId("CircleSmall")).toHaveLength(2);
 	}), it("should render filled dots currentStep is updated (SUBMITTED)", async () => {
-		r(/* @__PURE__ */ o(c, {})), expect(n.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(n.getAllByTestId("CircleSmall")).toHaveLength(2);
-		let e = n.getByText("Verificatie");
-		await i.click(e), await t(() => {
-			expect(n.getAllByTestId("CircleSmallFilled")).toHaveLength(2);
-		}), await t(() => {
-			expect(n.getAllByTestId("CircleSmall")).toHaveLength(1);
+		r(/* @__PURE__ */ o(c, {})), expect(t.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(t.getAllByTestId("CircleSmall")).toHaveLength(2);
+		let n = t.getByText("Verificatie");
+		await i.click(n), await e(() => {
+			expect(t.getAllByTestId("CircleSmallFilled")).toHaveLength(2);
+		}), await e(() => {
+			expect(t.getAllByTestId("CircleSmall")).toHaveLength(1);
 		});
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"VarIndicator.test.js","names":[],"sources":["../../../src/components/VarIndicator/VarIndicator.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { useState } from 'react';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n  DRAFT: 'Concept',\n  REJECTED: 'Concept',\n  SUBMITTED: 'Verificatie',\n  ACTIVE: 'Actief',\n};\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: string }) => <svg data-testid={name} />,\n}));\n\nconst TestWrapper = () => {\n  const [currentStep, setCurrentStep] = useState(1);\n  return (\n    // When clicked the onClick callback updates currentStep from 1 to 2.\n    <VarIndicator\n      label={LABELS}\n      variant=\"SUBMITTED\"\n      maxSteps={3}\n      currentStep={currentStep}\n      onClick={() => setCurrentStep(2)}\n    />\n  );\n};\n\ndescribe('VarIndicator', () => {\n  const onClickSpy = jest.fn();\n\n  beforeEach(() => {\n    onClickSpy.mockClear();\n  });\n\n  it('should render Concept (DRAFT)', () => {\n    render(<VarIndicator label={LABELS} variant=\"DRAFT\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (REJECTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"REJECTED\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (ACTIVE)', () => {\n    render(<VarIndicator label={LABELS} variant=\"ACTIVE\" />);\n    expect(screen.getByText('Actief')).toBeInTheDocument();\n  });\n\n  it('should render dots (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={0} />);\n    expect(screen.getByText('Verificatie')).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(3);\n    expect(screen.queryByTestId('CircleSmallFilled')).not.toBeInTheDocument();\n  });\n\n  it('should render filled dots when currentStep != 0 (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={1} onClick={onClickSpy} />);\n    const verificationButton = screen.getByText('Verificatie');\n    expect(verificationButton).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n  });\n\n  it('should render filled dots currentStep is updated (SUBMITTED)', async () => {\n    render(<TestWrapper />);\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n    const verificationButton = screen.getByText('Verificatie');\n    await userEvent.click(verificationButton);\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(2);\n    });\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmall')).toHaveLength(1);\n    });\n  });\n});\n"],"mappings":";;;;;;;AAQA,IAAM,IAAS;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;AACV;AAEA,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAA6B,kBAAC,OAAD,EAAK,eAAa,EAAO,CAAA,EACjE,EAAE;AAEF,IAAM,UAAoB;CACxB,IAAM,CAAC,GAAa,KAAkB,EAAS,CAAC;CAChD,OAEE,kBAAC,GAAD;EACE,OAAO;EACP,SAAQ;EACR,UAAU;EACG;EACb,eAAe,EAAe,CAAC;CAChC,CAAA;AAEL;AAEA,SAAS,sBAAsB;CAC7B,IAAM,IAAa,KAAK,GAAG;CAoC3B,AAlCA,iBAAiB;EACf,EAAW,UAAU;CACvB,CAAC,GAED,GAAG,uCAAuC;EAExC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAS,CAAA,CAAC,GACtD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,CAAC,kBAAkB;CACxD,CAAC,GAED,GAAG,0CAA0C;EAE3C,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAY,CAAA,CAAC,GACzD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,CAAC,kBAAkB;CACxD,CAAC,GAED,GAAG,wCAAwC;EAEzC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAU,CAAA,CAAC,GACvD,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,CAAC,kBAAkB;CACvD,CAAC,GAED,GAAG,wCAAwC;EAIzC,AAHA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;EAAI,CAAA,CAAC,GACvF,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,CAAC,kBAAkB,GAC1D,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,GAC3D,OAAO,EAAO,cAAc,mBAAmB,CAAC,CAAC,CAAC,IAAI,kBAAkB;CAC1E,CAAC,GAED,GAAG,qEAAqE;EACtE,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAG,SAAS;EAAa,CAAA,CAAC;EAC5G,IAAM,IAAqB,EAAO,UAAU,aAAa;EAGzD,AAFA,OAAO,CAAkB,CAAC,CAAC,kBAAkB,GAC7C,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,GACjE,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;CAC7D,CAAC,GAED,GAAG,gEAAgE,YAAY;EAG7E,AAFA,EAAO,kBAAC,GAAD,CAAc,CAAA,CAAC,GACtB,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,GACjE,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;EAC3D,IAAM,IAAqB,EAAO,UAAU,aAAa;EAKzD,AAJA,MAAM,EAAU,MAAM,CAAkB,GACxC,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC;EACnE,CAAC,GACD,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;EAC7D,CAAC;CACH,CAAC;AACH,CAAC"}
+{"version":3,"file":"VarIndicator.test.js","names":[],"sources":["../../../src/components/VarIndicator/VarIndicator.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { useState } from 'react';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n  DRAFT: 'Concept',\n  REJECTED: 'Concept',\n  SUBMITTED: 'Verificatie',\n  ACTIVE: 'Actief',\n};\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: string }) => <svg data-testid={name} />,\n}));\n\nconst TestWrapper = () => {\n  const [currentStep, setCurrentStep] = useState(1);\n  return (\n    // When clicked the onClick callback updates currentStep from 1 to 2.\n    <VarIndicator\n      label={LABELS}\n      variant=\"SUBMITTED\"\n      maxSteps={3}\n      currentStep={currentStep}\n      onClick={() => setCurrentStep(2)}\n    />\n  );\n};\n\ndescribe('VarIndicator', () => {\n  const onClickSpy = jest.fn();\n\n  beforeEach(() => {\n    onClickSpy.mockClear();\n  });\n\n  it('should render Concept (DRAFT)', () => {\n    render(<VarIndicator label={LABELS} variant=\"DRAFT\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (REJECTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"REJECTED\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (ACTIVE)', () => {\n    render(<VarIndicator label={LABELS} variant=\"ACTIVE\" />);\n    expect(screen.getByText('Actief')).toBeInTheDocument();\n  });\n\n  it('should render dots (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={0} />);\n    expect(screen.getByText('Verificatie')).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(3);\n    expect(screen.queryByTestId('CircleSmallFilled')).not.toBeInTheDocument();\n  });\n\n  it('should render filled dots when currentStep != 0 (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={1} onClick={onClickSpy} />);\n    const verificationButton = screen.getByText('Verificatie');\n    expect(verificationButton).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n  });\n\n  it('should render filled dots currentStep is updated (SUBMITTED)', async () => {\n    render(<TestWrapper />);\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n    const verificationButton = screen.getByText('Verificatie');\n    await userEvent.click(verificationButton);\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(2);\n    });\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmall')).toHaveLength(1);\n    });\n  });\n});\n"],"mappings":";;;;;;;;AAQA,IAAM,IAAS;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;AACV;AAEA,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAA6B,kBAAC,OAAD,EAAK,eAAa,EAAO,CAAA,EACjE,EAAE;AAEF,IAAM,UAAoB;CACxB,IAAM,CAAC,GAAa,KAAkB,EAAS,CAAC;CAChD,OAEE,kBAAC,GAAD;EACE,OAAO;EACP,SAAQ;EACR,UAAU;EACG;EACb,eAAe,EAAe,CAAC;CAChC,CAAA;AAEL;AAEA,SAAS,sBAAsB;CAC7B,IAAM,IAAa,KAAK,GAAG;CAoC3B,AAlCA,iBAAiB;EACf,EAAW,UAAU;CACvB,CAAC,GAED,GAAG,uCAAuC;EAExC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAS,CAAA,CAAC,GACtD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,CAAC,kBAAkB;CACxD,CAAC,GAED,GAAG,0CAA0C;EAE3C,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAY,CAAA,CAAC,GACzD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,CAAC,kBAAkB;CACxD,CAAC,GAED,GAAG,wCAAwC;EAEzC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAU,CAAA,CAAC,GACvD,OAAO,EAAO,UAAU,QAAQ,CAAC,CAAC,CAAC,kBAAkB;CACvD,CAAC,GAED,GAAG,wCAAwC;EAIzC,AAHA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;EAAI,CAAA,CAAC,GACvF,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,CAAC,kBAAkB,GAC1D,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,GAC3D,OAAO,EAAO,cAAc,mBAAmB,CAAC,CAAC,CAAC,IAAI,kBAAkB;CAC1E,CAAC,GAED,GAAG,qEAAqE;EACtE,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAG,SAAS;EAAa,CAAA,CAAC;EAC5G,IAAM,IAAqB,EAAO,UAAU,aAAa;EAGzD,AAFA,OAAO,CAAkB,CAAC,CAAC,kBAAkB,GAC7C,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,GACjE,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;CAC7D,CAAC,GAED,GAAG,gEAAgE,YAAY;EAG7E,AAFA,EAAO,kBAAC,GAAD,CAAc,CAAA,CAAC,GACtB,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,GACjE,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;EAC3D,IAAM,IAAqB,EAAO,UAAU,aAAa;EAKzD,AAJA,MAAM,EAAU,MAAM,CAAkB,GACxC,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC;EACnE,CAAC,GACD,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;EAC7D,CAAC;CACH,CAAC;AACH,CAAC"}

package/dist/components/hooks/useResponsive.js

@@ -8,7 +8,7 @@ var n = {
 	xl: 1200,
 	xxl: 1400
 }, r = () => {
-	let r = (e, t) => t ? `(min-width: ${e}px)` : `(max-width: ${e - 1}px)`, i = (e) => typeof window < "u" ? window.matchMedia(e).matches : !1, a = () => {
+	let r = (e, t) => t ? `(min-width: ${e}px)` : `(max-width: ${e - 1}px)`, i = (e) => typeof window < "u" && window.matchMedia(e).matches, a = () => {
 		let e = {
 			xs: !1,
 			sm: !1,

package/dist/components/hooks/useResponsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResponsive.js","names":[],"sources":["../../../src/components/hooks/useResponsive.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst BREAKPOINTS = {\n  xs: 375,\n  sm: 576,\n  md: 768,\n  lg: 992,\n  xl: 1200,\n  xxl: 1400,\n};\n\ntype BreakpointState = Record<keyof typeof BREAKPOINTS, boolean>;\ntype InitialBreakpoints = keyof typeof BREAKPOINTS | '_initial';\ntype Orientation = 'portrait' | 'landscape' | null;\ntype ResponsiveState = {\n  greaterThan: BreakpointState;\n  lessThan: BreakpointState;\n  orientation: Orientation;\n  mediaType: InitialBreakpoints;\n};\n\nexport const useResponsive = (): ResponsiveState => {\n  const getMediaQuery = (size: number, greater: boolean): string => {\n    return greater ? `(min-width: ${size}px)` : `(max-width: ${size - 1}px)`;\n  };\n\n  const getMatches = (query: string) => {\n    if (typeof window !== 'undefined') {\n      return window.matchMedia(query).matches;\n    }\n    return false;\n  };\n\n  const createResponsiveObject = () => {\n    const initialBreakpointState: BreakpointState = {\n      xs: false,\n      sm: false,\n      md: false,\n      lg: false,\n      xl: false,\n      xxl: false,\n    };\n\n    const greaterThan = { ...initialBreakpointState };\n    const lessThan = { ...initialBreakpointState };\n\n    Object.entries(BREAKPOINTS).forEach(([key, size]) => {\n      greaterThan[key as keyof typeof BREAKPOINTS] = getMatches(getMediaQuery(size, true));\n      lessThan[key as keyof typeof BREAKPOINTS] = getMatches(getMediaQuery(size, false));\n    });\n\n    const orientation: Orientation = getMatches('(orientation: portrait)')\n      ? 'portrait'\n      : getMatches('(orientation: landscape)')\n        ? 'landscape'\n        : null;\n\n    const mediaType = (Object.keys(greaterThan).findLast((key) => greaterThan[key as keyof typeof greaterThan]) ||\n      '_initial') as InitialBreakpoints;\n\n    return { greaterThan, lessThan, orientation, mediaType };\n  };\n\n  const [responsive, setResponsive] = useState(createResponsiveObject());\n\n  useEffect(() => {\n    const handleChange = () => setResponsive(createResponsiveObject());\n\n    window.addEventListener('resize', handleChange);\n\n    return () => window.removeEventListener('resize', handleChange);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return responsive;\n};\n"],"mappings":";;AAEA,IAAM,IAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;AACP,GAYa,UAAuC;CAClD,IAAM,KAAiB,GAAc,MAC5B,IAAU,eAAe,EAAK,OAAO,eAAe,IAAO,EAAE,MAGhE,KAAc,MACd,OAAO,SAAW,MACb,OAAO,WAAW,CAAK,CAAC,CAAC,UAE3B,IAGH,UAA+B;EACnC,IAAM,IAA0C;GAC9C,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;EACP,GAEM,IAAc,EAAE,GAAG,EAAuB,GAC1C,IAAW,EAAE,GAAG,EAAuB;EAgB7C,OAdA,OAAO,QAAQ,CAAW,CAAC,CAAC,SAAS,CAAC,GAAK,OAAU;GAEnD,AADA,EAAY,KAAmC,EAAW,EAAc,GAAM,EAAI,CAAC,GACnF,EAAS,KAAmC,EAAW,EAAc,GAAM,EAAK,CAAC;EACnF,CAAC,GAWM;GAAE;GAAa;GAAU,aATC,EAAW,yBAAyB,IACjE,aACA,EAAW,0BAA0B,IACnC,cACA;GAKuC,WAH1B,OAAO,KAAK,CAAW,CAAC,CAAC,UAAU,MAAQ,EAAY,EAAgC,KACxG;EAEqD;CACzD,GAEM,CAAC,GAAY,KAAiB,EAAS,EAAuB,CAAC;CAWrE,OATA,QAAgB;EACd,IAAM,UAAqB,EAAc,EAAuB,CAAC;EAIjE,OAFA,OAAO,iBAAiB,UAAU,CAAY,SAEjC,OAAO,oBAAoB,UAAU,CAAY;CAEhE,GAAG,CAAC,CAAC,GAEE;AACT"}
+{"version":3,"file":"useResponsive.js","names":[],"sources":["../../../src/components/hooks/useResponsive.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst BREAKPOINTS = {\n  xs: 375,\n  sm: 576,\n  md: 768,\n  lg: 992,\n  xl: 1200,\n  xxl: 1400,\n};\n\ntype BreakpointState = Record<keyof typeof BREAKPOINTS, boolean>;\ntype InitialBreakpoints = keyof typeof BREAKPOINTS | '_initial';\ntype Orientation = 'portrait' | 'landscape' | null;\ntype ResponsiveState = {\n  greaterThan: BreakpointState;\n  lessThan: BreakpointState;\n  orientation: Orientation;\n  mediaType: InitialBreakpoints;\n};\n\nexport const useResponsive = (): ResponsiveState => {\n  const getMediaQuery = (size: number, greater: boolean): string => {\n    return greater ? `(min-width: ${size}px)` : `(max-width: ${size - 1}px)`;\n  };\n\n  const getMatches = (query: string) => {\n    if (typeof window !== 'undefined') {\n      return window.matchMedia(query).matches;\n    }\n    return false;\n  };\n\n  const createResponsiveObject = () => {\n    const initialBreakpointState: BreakpointState = {\n      xs: false,\n      sm: false,\n      md: false,\n      lg: false,\n      xl: false,\n      xxl: false,\n    };\n\n    const greaterThan = { ...initialBreakpointState };\n    const lessThan = { ...initialBreakpointState };\n\n    Object.entries(BREAKPOINTS).forEach(([key, size]) => {\n      greaterThan[key as keyof typeof BREAKPOINTS] = getMatches(getMediaQuery(size, true));\n      lessThan[key as keyof typeof BREAKPOINTS] = getMatches(getMediaQuery(size, false));\n    });\n\n    const orientation: Orientation = getMatches('(orientation: portrait)')\n      ? 'portrait'\n      : getMatches('(orientation: landscape)')\n        ? 'landscape'\n        : null;\n\n    const mediaType = (Object.keys(greaterThan).findLast((key) => greaterThan[key as keyof typeof greaterThan]) ||\n      '_initial') as InitialBreakpoints;\n\n    return { greaterThan, lessThan, orientation, mediaType };\n  };\n\n  const [responsive, setResponsive] = useState(createResponsiveObject());\n\n  useEffect(() => {\n    const handleChange = () => setResponsive(createResponsiveObject());\n\n    window.addEventListener('resize', handleChange);\n\n    return () => window.removeEventListener('resize', handleChange);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return responsive;\n};\n"],"mappings":";;AAEA,IAAM,IAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;AACP,GAYa,UAAuC;CAClD,IAAM,KAAiB,GAAc,MAC5B,IAAU,eAAe,EAAK,OAAO,eAAe,IAAO,EAAE,MAGhE,KAAc,MACd,OAAO,SAAW,OACb,OAAO,WAAW,CAAK,CAAC,CAAC,SAK9B,UAA+B;EACnC,IAAM,IAA0C;GAC9C,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;EACP,GAEM,IAAc,EAAE,GAAG,EAAuB,GAC1C,IAAW,EAAE,GAAG,EAAuB;EAgB7C,OAdA,OAAO,QAAQ,CAAW,CAAC,CAAC,SAAS,CAAC,GAAK,OAAU;GAEnD,AADA,EAAY,KAAmC,EAAW,EAAc,GAAM,EAAI,CAAC,GACnF,EAAS,KAAmC,EAAW,EAAc,GAAM,EAAK,CAAC;EACnF,CAAC,GAWM;GAAE;GAAa;GAAU,aATC,EAAW,yBAAyB,IACjE,aACA,EAAW,0BAA0B,IACnC,cACA;GAKuC,WAH1B,OAAO,KAAK,CAAW,CAAC,CAAC,UAAU,MAAQ,EAAY,EAAgC,KACxG;EAEqD;CACzD,GAEM,CAAC,GAAY,KAAiB,EAAS,EAAuB,CAAC;CAWrE,OATA,QAAgB;EACd,IAAM,UAAqB,EAAc,EAAuB,CAAC;EAIjE,OAFA,OAAO,iBAAiB,UAAU,CAAY,SAEjC,OAAO,oBAAoB,UAAU,CAAY;CAEhE,GAAG,CAAC,CAAC,GAEE;AACT"}

package/dist/components/index.js

@@ -17,16 +17,16 @@ import { t as h } from "../CheckboxButtonBar-OrJSqUTN.js";
 import { t as g } from "../Label-52ny6d06.js";
 import { t as _ } from "../FeedbackBox-BpOf_dxg.js";
 import { t as v } from "../ControlsButton-Byx4XQtB.js";
-import { d as y, f as b, h as x, m as S, n as C, t as w, u as T } from "../components-CgBF6db6.js";
+import { d as y, f as b, h as x, m as S, n as C, t as w, u as T } from "../components-D2rPfyIW.js";
 import { t as E } from "../Chip-9XnXFhoJ.js";
 import { t as D } from "../CopyableText-BKsM-TuS.js";
-import { t as O } from "../DataTable-Cgn_RKTA.js";
+import { t as O } from "../DataTable-UslvEf3c.js";
 import { t as k } from "../Drawer-fUw0LEuj.js";
 import { t as A } from "../OverlayCloseButton-Dt6Yec8G.js";
 import { t as j } from "../EmptyStateDataDisplay-FBDAGO88.js";
 import { t as M } from "../ExpandableInfoPanel-BmbgbAjf.js";
-import { t as N } from "../FeedbackBar-DEDpoNy7.js";
-import { t as P } from "../Repeater-BAEfOMZI.js";
+import { t as N } from "../FeedbackBar-DsOWAAGt.js";
+import { t as P } from "../Repeater-DUo13Mq6.js";
 import { t as F } from "../FieldHint-FEBzgLI_.js";
 import { t as I } from "../Spinner-BmPjd2Bv.js";
 import { t as L } from "../Fieldset-CgnLyAyS.js";
@@ -53,7 +53,7 @@ import { t as re } from "../RadioGroup-DlQjMmpa.js";
 import { SearchField as ie } from "./SearchField/SearchField.js";
 import { SelectProvider as ae, useSelect as oe } from "./SelectListbox/SelectProvider.js";
 import { SelectListbox as se } from "./SelectListbox/SelectListbox.js";
-import { t as ce } from "../Slider-Czd2xAGf.js";
+import { t as ce } from "../Slider-CqYFsgRL.js";
 import { Sortable as le } from "./Sortable/Sortable.js";
 import { t as ue } from "../StatusBage-hJmNPqtk.js";
 import { t as de } from "../StatusPill-vdqU92pW.js";