@uva-glass/component-library 3.55.1 → 3.55.2

package/dist/components/ActionList/ActionList.js

@@ -1,83 +1,2 @@
-import { jsxs as k, jsx as c } from "react/jsx-runtime";
-import { c as T } from "../../clsx-OuTLNxxd.js";
-import { useId as U, useRef as l, Children as w, useState as b, useEffect as D } from "react";
-import { Icon as m } from "../Icon/Icon.js";
-import "../Buttons/Button.js";
-import "../Buttons/LinkButton.js";
-import { MenuButton as $ } from "../Buttons/MenuButton.js";
-import '../../assets/ActionList.css';const p = {
-  "action-list": "_action-list_ocnrd_1",
-  "action-list--open": "_action-list--open_ocnrd_13",
-  "action-list-container": "_action-list-container_ocnrd_17"
-}, O = -1, s = 1;
-function q({ label: h, prefixIcon: E, iconName: C, variant: L = "secondary", children: f }) {
-  const I = U(), _ = l(null), n = l(null), r = l(null), u = w.count(f), [d, i] = b(O), [a, g] = b(!1);
-  function R() {
-    g(!0), document.addEventListener("click", N, { once: !0, capture: !0 });
-  }
-  function o(e) {
-    e && r.current && !r.current.contains(e.target) || (i(O), g(!1), document.removeEventListener("click", N, { capture: !0 }));
-  }
-  function x() {
-    a ? o() : R();
-  }
-  function y(e) {
-    if (!a) return;
-    ["ArrowUp", "ArrowDown", "Home", "End"].includes(e.code) && e.preventDefault(), e.code === "Tab" && o();
-  }
-  function A(e) {
-    (e.code === "Space" || e.key === "Enter") && (e.target === _.current ? x() : e.key === "Enter" && e.target !== n.current && "firstChild" in e.target && e.target.firstChild.click()), e.code === "Escape" && o(), e.code === "ArrowUp" && i((t) => t === 0 ? u - s : t - s), e.code === "ArrowDown" && i((t) => t === u - s ? 0 : t + s), e.code === "Home" && i(0), e.code === "End" && i(u - s);
-  }
-  const N = (e) => {
-    const { target: t } = e;
-    !t || !r.current || r.current.contains(t) || o();
-  };
-  return D(() => {
-    if (d < 0 || !n.current) return;
-    const e = n.current.children.item(d);
-    e && e.focus();
-  }, [d]), D(() => {
-    !n.current || !n.current.hasChildNodes() || Array.from(n.current.children).filter((e) => e.nodeType === Node.ELEMENT_NODE && e.hasChildNodes()).forEach((e) => {
-      Array.from(e.children).filter((t) => t.nodeType === Node.ELEMENT_NODE).forEach((t) => {
-        t.setAttribute("tabIndex", "-1");
-      });
-    });
-  }, [f]), /* @__PURE__ */ k("div", { className: p["action-list-container"], ref: r, children: [
-    /* @__PURE__ */ k(
-      $,
-      {
-        onClick: x,
-        onKeyDown: y,
-        onKeyUp: A,
-        buttonRef: _,
-        variant: L,
-        children: [
-          E && /* @__PURE__ */ c(m, { size: 24, name: E }),
-          h,
-          C ? /* @__PURE__ */ c(m, { size: 24, name: C }) : /* @__PURE__ */ c(m, { size: 16, name: a ? "CheveronUp" : "CheveronDown" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        "aria-activedescendant": `${I}-child-${d}`,
-        "aria-label": h,
-        className: T(p["action-list"], {
-          [p["action-list--open"]]: a
-        }),
-        onClickCapture: o,
-        onKeyDown: y,
-        onKeyUp: A,
-        ref: n,
-        role: "menu",
-        tabIndex: -1,
-        children: w.map(f, (e, t) => /* @__PURE__ */ c("div", { role: "menuitem", tabIndex: -1, children: e }, `${I}-child-${t}`))
-      }
-    )
-  ] });
-}
-export {
-  q as ActionList
-};
-//# sourceMappingURL=ActionList.js.map
+import { t as e } from "../../ActionList-O9w1hqNg.js";
+export { e as ActionList };

package/dist/components/ActionList/ActionList.stories.js

@@ -1,39 +1,50 @@
+import { t as e } from "../../ActionList-O9w1hqNg.js";
 import { jsx as t } from "react/jsx-runtime";
-import { ActionList as n } from "./ActionList.js";
-const o = `
-  <ActionList iconName={iconName} variant={variant} label="">
-    {mockActions.map(({ action, value }) => (
-      <button type="button" onClick={() => onActionClick({ action, id })} key={value}> {action.title} </button>
-    ))}
-  </ActionList>
-`, l = {
-  title: "Atoms/ActionList",
-  component: n,
-  argTypes: {
-    variant: {
-      options: ["primary", "secondary", "destructive-primary", "destructive-secondary", "blank", "blank-icon"],
-      control: { type: "radio" }
-    }
-  },
-  parameters: {
-    inspectComponent: n,
-    codeString: o
-  }
-}, e = (i) => /* @__PURE__ */ t("div", { style: { marginLeft: "5rem", width: "40px" }, children: /* @__PURE__ */ t(n, { ...i }) }), c = {
-  label: "",
-  variant: "blank-icon",
-  iconName: "EllipsisVertical",
-  children: [
-    /* @__PURE__ */ t("button", { type: "button", children: "Action 1" }, "1"),
-    /* @__PURE__ */ t("button", { type: "button", children: "Action 2" }, "2"),
-    /* @__PURE__ */ t("button", { type: "button", children: "Action 3" }, "3")
-  ]
-}, a = e.bind({});
-a.args = {
-  ...c
-};
-export {
-  a as ActionListExample,
-  l as default
-};
-//# sourceMappingURL=ActionList.stories.js.map
+var n = {
+	title: "Atoms/ActionList",
+	component: e,
+	argTypes: { variant: {
+		options: [
+			"primary",
+			"secondary",
+			"destructive-primary",
+			"destructive-secondary",
+			"blank",
+			"blank-icon"
+		],
+		control: { type: "radio" }
+	} },
+	parameters: {
+		inspectComponent: e,
+		codeString: "\n  <ActionList iconName={iconName} variant={variant} label=\"\">\n    {mockActions.map(({ action, value }) => (\n      <button type=\"button\" onClick={() => onActionClick({ action, id })} key={value}> {action.title} </button>\n    ))}\n  </ActionList>\n"
+	}
+}, r = (n) => /* @__PURE__ */ t("div", {
+	style: {
+		marginLeft: "5rem",
+		width: "40px"
+	},
+	children: /* @__PURE__ */ t(e, { ...n })
+}), i = {
+	label: "",
+	variant: "blank-icon",
+	iconName: "EllipsisVertical",
+	children: [
+		/* @__PURE__ */ t("button", {
+			type: "button",
+			children: "Action 1"
+		}, "1"),
+		/* @__PURE__ */ t("button", {
+			type: "button",
+			children: "Action 2"
+		}, "2"),
+		/* @__PURE__ */ t("button", {
+			type: "button",
+			children: "Action 3"
+		}, "3")
+	]
+}, a = r.bind({});
+a.args = { ...i };
+//#endregion
+export { a as ActionListExample, n as default };
+
+//# sourceMappingURL=ActionList.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionList.stories.js","sources":["../../../src/components/ActionList/ActionList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { ActionListProps } from './ActionList';\n\nimport { ActionList } from './ActionList';\n\nconst codeString = `\n  <ActionList iconName={iconName} variant={variant} label=\"\">\n    {mockActions.map(({ action, value }) => (\n      <button type=\"button\" onClick={() => onActionClick({ action, id })} key={value}> {action.title} </button>\n    ))}\n  </ActionList>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ActionList',\n  component: ActionList,\n  argTypes: {\n    variant: {\n      options: ['primary', 'secondary', 'destructive-primary', 'destructive-secondary', 'blank', 'blank-icon'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: ActionList,\n    codeString: codeString,\n  },\n} as Meta<ActionListProps>;\n\nconst Template: StoryFn<ActionListProps> = (args) => (\n  <div style={{ marginLeft: '5rem', width: '40px' }}>\n    <ActionList {...args} />\n  </div>\n);\n\nconst defaultArgs: Partial<ActionListProps> = {\n  label: '',\n  variant: 'blank-icon',\n  iconName: 'EllipsisVertical',\n  children: [\n    <button key=\"1\" type=\"button\">\n      Action 1\n    </button>,\n    <button key=\"2\" type=\"button\">\n      Action 2\n    </button>,\n    <button key=\"3\" type=\"button\">\n      Action 3\n    </button>,\n  ],\n};\n\nexport const ActionListExample = Template.bind({});\nActionListExample.args = {\n  ...defaultArgs,\n};\n"],"names":["codeString","ActionList_stories","ActionList","Template","args","jsx","defaultArgs","ActionListExample"],"mappings":";;AAKA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,WAAW,aAAa,uBAAuB,yBAAyB,SAAS,YAAY;AAAA,MACvG,SAAS,EAAE,MAAM,QAAA;AAAA,IAAQ;AAAA,EAC3B;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAqC,CAACC,MAC1C,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,YAAY,QAAQ,OAAO,UACvC,UAAA,gBAAAA,EAACH,GAAA,EAAY,GAAGE,GAAM,GACxB,GAGIE,IAAwC;AAAA,EAC5C,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,IACR,gBAAAD,EAAC,UAAA,EAAe,MAAK,UAAS,wBAAlB,GAEZ;AAAA,IACA,gBAAAA,EAAC,UAAA,EAAe,MAAK,UAAS,wBAAlB,GAEZ;AAAA,IACA,gBAAAA,EAAC,UAAA,EAAe,MAAK,UAAS,wBAAlB,GAEZ;AAAA,EAAA;AAEJ,GAEaE,IAAoBJ,EAAS,KAAK,CAAA,CAAE;AACjDI,EAAkB,OAAO;AAAA,EACvB,GAAGD;AACL;"}
+{"version":3,"file":"ActionList.stories.js","names":[],"sources":["../../../src/components/ActionList/ActionList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { ActionListProps } from './ActionList';\n\nimport { ActionList } from './ActionList';\n\nconst codeString = `\n  <ActionList iconName={iconName} variant={variant} label=\"\">\n    {mockActions.map(({ action, value }) => (\n      <button type=\"button\" onClick={() => onActionClick({ action, id })} key={value}> {action.title} </button>\n    ))}\n  </ActionList>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ActionList',\n  component: ActionList,\n  argTypes: {\n    variant: {\n      options: ['primary', 'secondary', 'destructive-primary', 'destructive-secondary', 'blank', 'blank-icon'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: ActionList,\n    codeString: codeString,\n  },\n} as Meta<ActionListProps>;\n\nconst Template: StoryFn<ActionListProps> = (args) => (\n  <div style={{ marginLeft: '5rem', width: '40px' }}>\n    <ActionList {...args} />\n  </div>\n);\n\nconst defaultArgs: Partial<ActionListProps> = {\n  label: '',\n  variant: 'blank-icon',\n  iconName: 'EllipsisVertical',\n  children: [\n    <button key=\"1\" type=\"button\">\n      Action 1\n    </button>,\n    <button key=\"2\" type=\"button\">\n      Action 2\n    </button>,\n    <button key=\"3\" type=\"button\">\n      Action 3\n    </button>,\n  ],\n};\n\nexport const ActionListExample = Template.bind({});\nActionListExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;AAcA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAW;GAAa;GAAuB;GAAyB;GAAS;GAAa;EACxG,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YApBG;EAqBhB;CACF,EAEK,KAAsC,MAC1C,kBAAC,OAAD;CAAK,OAAO;EAAE,YAAY;EAAQ,OAAO;EAAQ;WAC/C,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA;CACpB,CAAA,EAGF,IAAwC;CAC5C,OAAO;CACP,SAAS;CACT,UAAU;CACV,UAAU;EACR,kBAAC,UAAD;GAAgB,MAAK;aAAS;GAErB,EAFG,IAEH;EACT,kBAAC,UAAD;GAAgB,MAAK;aAAS;GAErB,EAFG,IAEH;EACT,kBAAC,UAAD;GAAgB,MAAK;aAAS;GAErB,EAFG,IAEH;EACV;CACF,EAEY,IAAoB,EAAS,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO,EACvB,GAAG,GACJ"}

package/dist/components/ActionList/ActionList.test.js

@@ -1,60 +1,100 @@
-import { jsx as i } from "react/jsx-runtime";
-import "../../index-CULNJwuI.js";
-import { r as n, s as t, w as a } from "../../react.esm-C68fQMAi.js";
-import { u as l } from "../../index-YdDr6J97.js";
-import { ActionList as o } from "./ActionList.js";
-const T = jest.fn(), c = [
-  /* @__PURE__ */ i("button", { type: "button", onClick: T, children: "Test Action 1" }, "1"),
-  /* @__PURE__ */ i("button", { type: "button", children: "Test Action 2" }, "2"),
-  /* @__PURE__ */ i("button", { type: "button", children: "Test Action 3" }, "3")
+import "../../dist-D6qYwmKD.js";
+import "../../lib-6BbFZdI7.js";
+import { t as e } from "../../ActionList-O9w1hqNg.js";
+import "../../test-utils-BSs0eZfL.js";
+import "../../client-C0JVBgoR.js";
+import { a as t, i as n, n as r } from "../../react.esm-Cev8dB-E.js";
+import { t as i } from "../../esm-Cmy7DlsJ.js";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/ActionList/ActionList.test.tsx
+var o = jest.fn(), s = [
+	/* @__PURE__ */ a("button", {
+		type: "button",
+		onClick: o,
+		children: "Test Action 1"
+	}, "1"),
+	/* @__PURE__ */ a("button", {
+		type: "button",
+		children: "Test Action 2"
+	}, "2"),
+	/* @__PURE__ */ a("button", {
+		type: "button",
+		children: "Test Action 3"
+	}, "3")
 ];
 describe("ActionList", () => {
-  it("should render (variant primary)", () => {
-    n(
-      /* @__PURE__ */ i(o, { label: "Test ActionList", variant: "primary", iconName: "EllipsisVertical", children: c.map((e) => e) })
-    ), expect(t.getByText("Test ActionList")).toBeInTheDocument(), expect(t.getByText("Test ActionList")).toHaveClass("button--primary"), expect(t.getByText("Test Action 1")).toBeInTheDocument(), expect(t.getByText("Test Action 2")).toBeInTheDocument(), expect(t.getByText("Test Action 3")).toBeInTheDocument();
-  }), it("should render variant secondary", () => {
-    n(
-      /* @__PURE__ */ i(o, { label: "Test ActionList", variant: "secondary", iconName: "EllipsisVertical", children: c.map((e) => e) })
-    ), expect(t.getByText("Test ActionList")).toBeInTheDocument(), expect(t.getByText("Test ActionList")).toHaveClass("button--secondary");
-  }), it("should render variant destructive-primary", () => {
-    n(
-      /* @__PURE__ */ i(o, { label: "Test ActionList", variant: "destructive-primary", iconName: "EllipsisVertical", children: c.map((e) => e) })
-    ), expect(t.getByText("Test ActionList")).toBeInTheDocument(), expect(t.getByText("Test ActionList")).toHaveClass("button--destructive-primary");
-  }), it("should render variant destructive-secondary", () => {
-    n(
-      /* @__PURE__ */ i(o, { label: "Test ActionList", variant: "destructive-secondary", iconName: "EllipsisVertical", children: c.map((e) => e) })
-    ), expect(t.getByText("Test ActionList")).toBeInTheDocument(), expect(t.getByText("Test ActionList")).toHaveClass("button--destructive-secondary");
-  }), it("should render variant blank", () => {
-    n(
-      /* @__PURE__ */ i(o, { label: "Test ActionList", variant: "blank", iconName: "EllipsisVertical", children: c.map((e) => e) })
-    ), expect(t.getByText("Test ActionList")).toBeInTheDocument(), expect(t.getByText("Test ActionList")).toHaveClass("button--blank");
-  }), it("should render variant blank-icon", () => {
-    n(
-      /* @__PURE__ */ i(o, { label: "Test ActionList", variant: "blank-icon", iconName: "EllipsisVertical", children: c.map((e) => e) })
-    ), expect(t.getByText("Test ActionList")).toBeInTheDocument(), expect(t.getByText("Test ActionList")).toHaveClass("button--blank-icon");
-  }), it("should toggle content visibility on click", async () => {
-    n(
-      /* @__PURE__ */ i(o, { label: "Test ActionList", variant: "blank-icon", iconName: "EllipsisVertical", children: c.map((r) => r) })
-    );
-    const e = t.getByText("Test ActionList"), s = t.getByRole("menu");
-    expect(e).toBeInTheDocument(), expect(s).toBeInTheDocument(), await l.click(e), await a(() => {
-      expect(s).toHaveClass("action-list--open");
-    }), await l.click(e), await a(() => {
-      expect(s).not.toHaveClass("action-list--open");
-    });
-  }), it("should fire action on click on action button", async () => {
-    n(
-      /* @__PURE__ */ i(o, { label: "Test ActionList", variant: "blank-icon", iconName: "EllipsisVertical", children: c.map((p) => p) })
-    );
-    const e = t.getByText("Test ActionList"), s = t.getByRole("menu");
-    expect(e).toBeInTheDocument(), expect(s).toBeInTheDocument(), await l.click(e), await a(() => {
-      expect(s).toHaveClass("action-list--open");
-    });
-    const r = t.getByText("Test Action 1");
-    await l.click(r), expect(T).toHaveBeenCalledTimes(1), await a(() => {
-      expect(s).not.toHaveClass("action-list--open");
-    });
-  });
+	it("should render (variant primary)", () => {
+		r(/* @__PURE__ */ a(e, {
+			label: "Test ActionList",
+			variant: "primary",
+			iconName: "EllipsisVertical",
+			children: s.map((e) => e)
+		})), expect(n.getByText("Test ActionList")).toBeInTheDocument(), expect(n.getByText("Test ActionList")).toHaveClass("button--primary"), expect(n.getByText("Test Action 1")).toBeInTheDocument(), expect(n.getByText("Test Action 2")).toBeInTheDocument(), expect(n.getByText("Test Action 3")).toBeInTheDocument();
+	}), it("should render variant secondary", () => {
+		r(/* @__PURE__ */ a(e, {
+			label: "Test ActionList",
+			variant: "secondary",
+			iconName: "EllipsisVertical",
+			children: s.map((e) => e)
+		})), expect(n.getByText("Test ActionList")).toBeInTheDocument(), expect(n.getByText("Test ActionList")).toHaveClass("button--secondary");
+	}), it("should render variant destructive-primary", () => {
+		r(/* @__PURE__ */ a(e, {
+			label: "Test ActionList",
+			variant: "destructive-primary",
+			iconName: "EllipsisVertical",
+			children: s.map((e) => e)
+		})), expect(n.getByText("Test ActionList")).toBeInTheDocument(), expect(n.getByText("Test ActionList")).toHaveClass("button--destructive-primary");
+	}), it("should render variant destructive-secondary", () => {
+		r(/* @__PURE__ */ a(e, {
+			label: "Test ActionList",
+			variant: "destructive-secondary",
+			iconName: "EllipsisVertical",
+			children: s.map((e) => e)
+		})), expect(n.getByText("Test ActionList")).toBeInTheDocument(), expect(n.getByText("Test ActionList")).toHaveClass("button--destructive-secondary");
+	}), it("should render variant blank", () => {
+		r(/* @__PURE__ */ a(e, {
+			label: "Test ActionList",
+			variant: "blank",
+			iconName: "EllipsisVertical",
+			children: s.map((e) => e)
+		})), expect(n.getByText("Test ActionList")).toBeInTheDocument(), expect(n.getByText("Test ActionList")).toHaveClass("button--blank");
+	}), it("should render variant blank-icon", () => {
+		r(/* @__PURE__ */ a(e, {
+			label: "Test ActionList",
+			variant: "blank-icon",
+			iconName: "EllipsisVertical",
+			children: s.map((e) => e)
+		})), expect(n.getByText("Test ActionList")).toBeInTheDocument(), expect(n.getByText("Test ActionList")).toHaveClass("button--blank-icon");
+	}), it("should toggle content visibility on click", async () => {
+		r(/* @__PURE__ */ a(e, {
+			label: "Test ActionList",
+			variant: "blank-icon",
+			iconName: "EllipsisVertical",
+			children: s.map((e) => e)
+		}));
+		let o = n.getByText("Test ActionList"), c = n.getByRole("menu");
+		expect(o).toBeInTheDocument(), expect(c).toBeInTheDocument(), await i.click(o), await t(() => {
+			expect(c).toHaveClass("action-list--open");
+		}), await i.click(o), await t(() => {
+			expect(c).not.toHaveClass("action-list--open");
+		});
+	}), it("should fire action on click on action button", async () => {
+		r(/* @__PURE__ */ a(e, {
+			label: "Test ActionList",
+			variant: "blank-icon",
+			iconName: "EllipsisVertical",
+			children: s.map((e) => e)
+		}));
+		let c = n.getByText("Test ActionList"), l = n.getByRole("menu");
+		expect(c).toBeInTheDocument(), expect(l).toBeInTheDocument(), await i.click(c), await t(() => {
+			expect(l).toHaveClass("action-list--open");
+		});
+		let u = n.getByText("Test Action 1");
+		await i.click(u), expect(o).toHaveBeenCalledTimes(1), await t(() => {
+			expect(l).not.toHaveClass("action-list--open");
+		});
+	});
 });
-//# sourceMappingURL=ActionList.test.js.map
+//#endregion
+
+//# sourceMappingURL=ActionList.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionList.test.js","sources":["../../../src/components/ActionList/ActionList.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { ActionList } from './ActionList';\n\nconst onClickSpy = jest.fn();\n\nconst BUTTON_LIST = [\n  <button key=\"1\" type=\"button\" onClick={onClickSpy}>\n    Test Action 1\n  </button>,\n  <button key=\"2\" type=\"button\">\n    Test Action 2\n  </button>,\n  <button key=\"3\" type=\"button\">\n    Test Action 3\n  </button>,\n];\n\ndescribe('ActionList', () => {\n  it('should render (variant primary)', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"primary\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--primary');\n    expect(screen.getByText('Test Action 1')).toBeInTheDocument();\n    expect(screen.getByText('Test Action 2')).toBeInTheDocument();\n    expect(screen.getByText('Test Action 3')).toBeInTheDocument();\n  });\n\n  it('should render variant secondary', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"secondary\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--secondary');\n  });\n\n  it('should render variant destructive-primary', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"destructive-primary\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--destructive-primary');\n  });\n\n  it('should render variant destructive-secondary', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"destructive-secondary\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--destructive-secondary');\n  });\n\n  it('should render variant blank', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"blank\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--blank');\n  });\n\n  it('should render variant blank-icon', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--blank-icon');\n  });\n\n  it('should toggle content visibility on click', async () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    const triggerElement = screen.getByText('Test ActionList');\n    const actionListElement = screen.getByRole('menu');\n    expect(triggerElement).toBeInTheDocument();\n    expect(actionListElement).toBeInTheDocument();\n    await userEvent.click(triggerElement);\n    await waitFor(() => {\n      expect(actionListElement).toHaveClass('action-list--open');\n    });\n    await userEvent.click(triggerElement);\n    await waitFor(() => {\n      expect(actionListElement).not.toHaveClass('action-list--open');\n    });\n  });\n\n  it('should fire action on click on action button', async () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    const triggerElement = screen.getByText('Test ActionList');\n    const actionListElement = screen.getByRole('menu');\n    expect(triggerElement).toBeInTheDocument();\n    expect(actionListElement).toBeInTheDocument();\n    await userEvent.click(triggerElement);\n    await waitFor(() => {\n      expect(actionListElement).toHaveClass('action-list--open');\n    });\n    const actionButton = screen.getByText('Test Action 1');\n    await userEvent.click(actionButton);\n    expect(onClickSpy).toHaveBeenCalledTimes(1);\n    await waitFor(() => {\n      expect(actionListElement).not.toHaveClass('action-list--open');\n    });\n  });\n});\n"],"names":["onClickSpy","BUTTON_LIST","jsx","render","ActionList","button","screen","triggerElement","actionListElement","userEvent","waitFor","actionButton"],"mappings":"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"}
+{"version":3,"file":"ActionList.test.js","names":[],"sources":["../../../src/components/ActionList/ActionList.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { ActionList } from './ActionList';\n\nconst onClickSpy = jest.fn();\n\nconst BUTTON_LIST = [\n  <button key=\"1\" type=\"button\" onClick={onClickSpy}>\n    Test Action 1\n  </button>,\n  <button key=\"2\" type=\"button\">\n    Test Action 2\n  </button>,\n  <button key=\"3\" type=\"button\">\n    Test Action 3\n  </button>,\n];\n\ndescribe('ActionList', () => {\n  it('should render (variant primary)', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"primary\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--primary');\n    expect(screen.getByText('Test Action 1')).toBeInTheDocument();\n    expect(screen.getByText('Test Action 2')).toBeInTheDocument();\n    expect(screen.getByText('Test Action 3')).toBeInTheDocument();\n  });\n\n  it('should render variant secondary', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"secondary\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--secondary');\n  });\n\n  it('should render variant destructive-primary', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"destructive-primary\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--destructive-primary');\n  });\n\n  it('should render variant destructive-secondary', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"destructive-secondary\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--destructive-secondary');\n  });\n\n  it('should render variant blank', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"blank\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--blank');\n  });\n\n  it('should render variant blank-icon', () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    expect(screen.getByText('Test ActionList')).toBeInTheDocument();\n    expect(screen.getByText('Test ActionList')).toHaveClass('button--blank-icon');\n  });\n\n  it('should toggle content visibility on click', async () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    const triggerElement = screen.getByText('Test ActionList');\n    const actionListElement = screen.getByRole('menu');\n    expect(triggerElement).toBeInTheDocument();\n    expect(actionListElement).toBeInTheDocument();\n    await userEvent.click(triggerElement);\n    await waitFor(() => {\n      expect(actionListElement).toHaveClass('action-list--open');\n    });\n    await userEvent.click(triggerElement);\n    await waitFor(() => {\n      expect(actionListElement).not.toHaveClass('action-list--open');\n    });\n  });\n\n  it('should fire action on click on action button', async () => {\n    render(\n      <ActionList label=\"Test ActionList\" variant=\"blank-icon\" iconName=\"EllipsisVertical\">\n        {BUTTON_LIST.map((button) => button)}\n      </ActionList>\n    );\n    const triggerElement = screen.getByText('Test ActionList');\n    const actionListElement = screen.getByRole('menu');\n    expect(triggerElement).toBeInTheDocument();\n    expect(actionListElement).toBeInTheDocument();\n    await userEvent.click(triggerElement);\n    await waitFor(() => {\n      expect(actionListElement).toHaveClass('action-list--open');\n    });\n    const actionButton = screen.getByText('Test Action 1');\n    await userEvent.click(actionButton);\n    expect(onClickSpy).toHaveBeenCalledTimes(1);\n    await waitFor(() => {\n      expect(actionListElement).not.toHaveClass('action-list--open');\n    });\n  });\n});\n"],"mappings":"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"}

package/dist/components/ActionList/index.js

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

package/dist/components/AppStatusBar/AppStatusBar.js

@@ -1,13 +1,2 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as r } from "../../clsx-OuTLNxxd.js";
-import '../../assets/AppStatusBar.css';const a = {
-  "app-status-bar": "_app-status-bar_12hif_1",
-  "app-status-bar__message": "_app-status-bar__message_12hif_9",
-  "app-status-bar--info": "_app-status-bar--info_12hif_13",
-  "app-status-bar--warning": "_app-status-bar--warning_12hif_17",
-  "app-status-bar--error": "_app-status-bar--error_12hif_21"
-}, u = ({ message: t, severity: p }) => /* @__PURE__ */ s("div", { className: r(a["app-status-bar"], a[`app-status-bar--${p.toLowerCase()}`]), children: /* @__PURE__ */ s("p", { className: a["app-status-bar__message"], dangerouslySetInnerHTML: { __html: t } }) });
-export {
-  u as AppStatusBar
-};
-//# sourceMappingURL=AppStatusBar.js.map
+import { t as e } from "../../AppStatusBar-Bca0KFDR.js";
+export { e as AppStatusBar };

package/dist/components/AppStatusBar/AppStatusBar.stories.js

@@ -1,27 +1,26 @@
-import { jsx as s } from "react/jsx-runtime";
-import { AppStatusBar as e } from "./AppStatusBar.js";
-const o = "<AppStatusBar severity={severity} message={message} key={key} />", m = {
-  title: "Atoms/AppStatusBar",
-  component: e,
-  argTypes: {
-    severity: {
-      options: ["info", "warning", "error"],
-      control: { type: "radio" }
-    }
-  },
-  parameters: {
-    inspectComponent: e,
-    codeString: o
-  }
-}, r = (t) => /* @__PURE__ */ s(e, { ...t }), n = {
-  message: "Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen!.",
-  severity: "warning"
+import { t as e } from "../../AppStatusBar-Bca0KFDR.js";
+import { jsx as t } from "react/jsx-runtime";
+var n = {
+	title: "Atoms/AppStatusBar",
+	component: e,
+	argTypes: { severity: {
+		options: [
+			"info",
+			"warning",
+			"error"
+		],
+		control: { type: "radio" }
+	} },
+	parameters: {
+		inspectComponent: e,
+		codeString: "<AppStatusBar severity={severity} message={message} key={key} />"
+	}
+}, r = (n) => /* @__PURE__ */ t(e, { ...n }), i = {
+	message: "Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen!.",
+	severity: "warning"
 }, a = r.bind({});
-a.args = {
-  ...n
-};
-export {
-  a as AppStatusBarExample,
-  m as default
-};
-//# sourceMappingURL=AppStatusBar.stories.js.map
+a.args = { ...i };
+//#endregion
+export { a as AppStatusBarExample, n as default };
+
+//# sourceMappingURL=AppStatusBar.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppStatusBar.stories.js","sources":["../../../src/components/AppStatusBar/AppStatusBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { AppStatusBarProps } from './AppStatusBar';\n\nimport { AppStatusBar } from './AppStatusBar';\n\nconst codeString = '<AppStatusBar severity={severity} message={message} key={key} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/AppStatusBar',\n  component: AppStatusBar,\n  argTypes: {\n    severity: {\n      options: ['info', 'warning', 'error'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: AppStatusBar,\n    codeString: codeString,\n  },\n} as Meta<AppStatusBarProps>;\n\nconst Template: StoryFn<AppStatusBarProps> = (args) => <AppStatusBar {...args} />;\n\nconst defaultArgs: Partial<AppStatusBarProps> = {\n  message: 'Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen!.',\n  severity: 'warning',\n};\n\nexport const AppStatusBarExample = Template.bind({});\nAppStatusBarExample.args = {\n  ...defaultArgs,\n};\n"],"names":["codeString","AppStatusBar_stories","AppStatusBar","Template","args","jsx","defaultArgs","AppStatusBarExample"],"mappings":";;AAKA,MAAMA,IAAa,oEAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,CAAC,QAAQ,WAAW,OAAO;AAAA,MACpC,SAAS,EAAE,MAAM,QAAA;AAAA,IAAQ;AAAA,EAC3B;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAc,GAAGE,GAAM,GAEzEE,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,UAAU;AACZ,GAEaC,IAAsBJ,EAAS,KAAK,CAAA,CAAE;AACnDI,EAAoB,OAAO;AAAA,EACzB,GAAGD;AACL;"}
+{"version":3,"file":"AppStatusBar.stories.js","names":[],"sources":["../../../src/components/AppStatusBar/AppStatusBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { AppStatusBarProps } from './AppStatusBar';\n\nimport { AppStatusBar } from './AppStatusBar';\n\nconst codeString = '<AppStatusBar severity={severity} message={message} key={key} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/AppStatusBar',\n  component: AppStatusBar,\n  argTypes: {\n    severity: {\n      options: ['info', 'warning', 'error'],\n      control: { type: 'radio' },\n    },\n  },\n  parameters: {\n    inspectComponent: AppStatusBar,\n    codeString: codeString,\n  },\n} as Meta<AppStatusBarProps>;\n\nconst Template: StoryFn<AppStatusBarProps> = (args) => <AppStatusBar {...args} />;\n\nconst defaultArgs: Partial<AppStatusBarProps> = {\n  message: 'Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen!.',\n  severity: 'warning',\n};\n\nexport const AppStatusBarExample = Template.bind({});\nAppStatusBarExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU;EACR,SAAS;GAAC;GAAQ;GAAW;GAAQ;EACrC,SAAS,EAAE,MAAM,SAAS;EAC3B,EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAdG;EAehB;CACF,EAEK,KAAwC,MAAS,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAE3E,IAA0C;CAC9C,SAAS;CACT,UAAU;CACX,EAEY,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,GAAG,GACJ"}

package/dist/components/AppStatusBar/AppStatusBar.test.js

@@ -1,10 +1,19 @@
-import { jsx as e } from "react/jsx-runtime";
-import "../../index-CULNJwuI.js";
-import { r, s as t } from "../../react.esm-C68fQMAi.js";
-import { AppStatusBar as s } from "./AppStatusBar.js";
+import "../../dist-D6qYwmKD.js";
+import "../../lib-6BbFZdI7.js";
+import { t as e } from "../../AppStatusBar-Bca0KFDR.js";
+import "../../test-utils-BSs0eZfL.js";
+import "../../client-C0JVBgoR.js";
+import { i as t, n } from "../../react.esm-Cev8dB-E.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/AppStatusBar/AppStatusBar.test.tsx
 describe("AppStatusBar", () => {
-  it("should render", () => {
-    r(/* @__PURE__ */ e(s, { message: "AppStatusBar message", severity: "info" })), expect(t.getByText("AppStatusBar message")).toBeInTheDocument();
-  });
+	it("should render", () => {
+		n(/* @__PURE__ */ r(e, {
+			message: "AppStatusBar message",
+			severity: "info"
+		})), expect(t.getByText("AppStatusBar message")).toBeInTheDocument();
+	});
 });
-//# sourceMappingURL=AppStatusBar.test.js.map
+//#endregion
+
+//# sourceMappingURL=AppStatusBar.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppStatusBar.test.js","sources":["../../../src/components/AppStatusBar/AppStatusBar.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { AppStatusBar } from './AppStatusBar';\n\ndescribe('AppStatusBar', () => {\n  it('should render', () => {\n    render(<AppStatusBar message=\"AppStatusBar message\" severity=\"info\" />);\n    expect(screen.getByText('AppStatusBar message')).toBeInTheDocument();\n  });\n});\n"],"names":["render","AppStatusBar","screen"],"mappings":";;;;AAKA,SAAS,gBAAgB,MAAM;AAC7B,KAAG,iBAAiB,MAAM;AACxB,IAAAA,oBAAQC,GAAA,EAAa,SAAQ,wBAAuB,UAAS,QAAO,CAAE,GACtE,OAAOC,EAAO,UAAU,sBAAsB,CAAC,EAAE,kBAAA;AAAA,EACnD,CAAC;AACH,CAAC;"}
+{"version":3,"file":"AppStatusBar.test.js","names":[],"sources":["../../../src/components/AppStatusBar/AppStatusBar.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { AppStatusBar } from './AppStatusBar';\n\ndescribe('AppStatusBar', () => {\n  it('should render', () => {\n    render(<AppStatusBar message=\"AppStatusBar message\" severity=\"info\" />);\n    expect(screen.getByText('AppStatusBar message')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;;;;AAKA,SAAS,sBAAsB;AAC7B,IAAG,uBAAuB;AAExB,EADA,EAAO,kBAAC,GAAD;GAAc,SAAQ;GAAuB,UAAS;GAAS,CAAA,CAAC,EACvE,OAAO,EAAO,UAAU,uBAAuB,CAAC,CAAC,mBAAmB;GACpE;EACF"}

package/dist/components/AppStatusBar/index.js

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

package/dist/components/Attention/Attention.js

@@ -1,12 +1,2 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import { Icon as o } from "../Icon/Icon.js";
-import '../../assets/Attention.css';const e = "_attention_kdl29_1", s = {
-  attention: e
-}, l = ({ children: t }) => /* @__PURE__ */ n("div", { className: s.attention, children: [
-  /* @__PURE__ */ i(o, { name: "ExclamationCircleFillMini", size: 24 }),
-  t
-] });
-export {
-  l as Attention
-};
-//# sourceMappingURL=Attention.js.map
+import { t as e } from "../../Attention-Bq5UU9I8.js";
+export { e as Attention };

package/dist/components/Attention/Attention.stories.js

@@ -1,16 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Attention as t } from "./Attention.js";
-const o = "<Attention>{message}</Attention>", p = {
-  title: "Atoms/Attention",
-  component: t,
-  parameters: {
-    inspectComponent: t,
-    codeString: o
-  }
-}, i = (n) => /* @__PURE__ */ e(t, { ...n, children: "Example Attention" }), s = i.bind({});
-s.args = {};
-export {
-  s as AttentionExample,
-  p as default
-};
-//# sourceMappingURL=Attention.stories.js.map
+import { t as e } from "../../Attention-Bq5UU9I8.js";
+import { jsx as t } from "react/jsx-runtime";
+var n = {
+	title: "Atoms/Attention",
+	component: e,
+	parameters: {
+		inspectComponent: e,
+		codeString: "<Attention>{message}</Attention>"
+	}
+}, r = ((n) => /* @__PURE__ */ t(e, {
+	...n,
+	children: "Example Attention"
+})).bind({});
+r.args = {};
+//#endregion
+export { r as AttentionExample, n as default };
+
+//# sourceMappingURL=Attention.stories.js.map