reactive-bulma 5.1.21 → 5.1.23

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

@@ -10,12 +10,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, children: s
 		l ? `${e.OFFSET}${l}` : null,
 		u ? `${e.NARROW}` : null,
 		a
-	]);
+	]), p = i ?? n({
+		tag: d,
+		parsedClasses: f
+	});
 	return /* @__PURE__ */ r("section", {
-		"data-testid": i ?? n({
-			tag: d,
-			parsedClasses: f
-		}),
+		"data-testid": p,
 		className: f,
 		style: o ?? void 0,
 		children: s

package/dist/components/atoms/Delete/index.js

@@ -8,12 +8,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, size: s = nu
 		l,
 		s ? `${e.IS}${s}` : null,
 		a
-	]);
+	]), d = i ?? n({
+		tag: l,
+		parsedClasses: u
+	});
 	return /* @__PURE__ */ r("button", {
-		"data-testid": i ?? n({
-			tag: l,
-			parsedClasses: u
-		}),
+		"data-testid": d,
 		className: u,
 		style: o ?? void 0,
 		onClick: c ?? void 0

package/dist/components/atoms/GridCell/index.js

@@ -14,12 +14,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, children: s
 		p ? `is-col-span-${p}` : null,
 		m ? `is-row-span-${m}` : null,
 		a
-	]);
+	]), g = i ?? n({
+		tag: "cell",
+		parsedClasses: h
+	});
 	return /* @__PURE__ */ r("section", {
-		"data-testid": i ?? n({
-			tag: "cell",
-			parsedClasses: h
-		}),
+		"data-testid": g,
 		className: h,
 		style: o ?? void 0,
 		children: s

package/dist/components/atoms/Icon/index.js

@@ -6,16 +6,16 @@ import "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/atoms/Icon/index.tsx
 var s = "icon", c = "mdi", l = (n, i) => {
-	let o = i ? `${s}-text-${i}` : `${s}-text`;
+	let o = i ? `${s}-text-${i}` : `${s}-text`, c = r({
+		tag: `${s}-container`,
+		parsedClasses: i ? `${e.HAS_TEXT}${i}` : "",
+		rules: [{
+			regExp: t.HAS_TEXT,
+			replacer: ""
+		}]
+	});
 	return /* @__PURE__ */ a("span", {
-		"data-testid": r({
-			tag: `${s}-container`,
-			parsedClasses: i ? `${e.HAS_TEXT}${i}` : "",
-			rules: [{
-				regExp: t.HAS_TEXT,
-				replacer: ""
-			}]
-		}),
+		"data-testid": c,
 		className: o,
 		children: n
 	});

package/dist/components/atoms/Input/index.js

@@ -13,12 +13,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, type: s, val
 		v ? e.FOCUSED : null,
 		p ? e.SKELETON : null,
 		a
-	]);
+	]), C = i ?? n({
+		tag: "input",
+		parsedClasses: S
+	});
 	return /* @__PURE__ */ r("input", {
-		"data-testid": i ?? n({
-			tag: "input",
-			parsedClasses: S
-		}),
+		"data-testid": C,
 		type: s,
 		placeholder: u ?? void 0,
 		value: c ?? void 0,

package/dist/components/atoms/LevelHeader/index.js

@@ -2,20 +2,23 @@ import { parseTestId as e } from "../../../functions/parsers.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/atoms/LevelHeader/index.tsx
-var r = ({ testId: r = null, cssClasses: i = null, style: a = null, header: o, value: s }) => /* @__PURE__ */ n("section", {
-	"data-testid": r ?? e({
+var r = ({ testId: r = null, cssClasses: i = null, style: a = null, header: o, value: s }) => {
+	let c = r ?? e({
 		tag: "level-header",
 		parsedClasses: i ?? ""
-	}),
-	className: i ?? void 0,
-	style: a ?? void 0,
-	children: [/* @__PURE__ */ t("p", {
-		className: "heading",
-		children: o
-	}), /* @__PURE__ */ t("p", {
-		className: "title",
-		children: s
-	})]
-});
+	});
+	return /* @__PURE__ */ n("section", {
+		"data-testid": c,
+		className: i ?? void 0,
+		style: a ?? void 0,
+		children: [/* @__PURE__ */ t("p", {
+			className: "heading",
+			children: o
+		}), /* @__PURE__ */ t("p", {
+			className: "title",
+			children: s
+		})]
+	});
+};
 //#endregion
 export { r as default };

package/dist/components/atoms/MenuItem/index.js

@@ -7,12 +7,12 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, text: o, isA
 		"menuItem",
 		s ? "is-active" : null,
 		i
-	]);
+	]), u = r ?? t({
+		tag: "menuItem",
+		parsedClasses: l
+	});
 	return /* @__PURE__ */ n("a", {
-		"data-testid": r ?? t({
-			tag: "menuItem",
-			parsedClasses: l
-		}),
+		"data-testid": u,
 		className: l,
 		style: a ?? void 0,
 		"aria-hidden": "true",

package/dist/components/atoms/NavBarItem/index.js

@@ -7,12 +7,12 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, children: o,
 		"navbar-item",
 		s ? "is-selected" : null,
 		i
-	]);
+	]), u = r ?? t({
+		tag: "navbar-item",
+		parsedClasses: l
+	});
 	return /* @__PURE__ */ n("a", {
-		"data-testid": r ?? t({
-			tag: "navbar-item",
-			parsedClasses: l
-		}),
+		"data-testid": u,
 		className: l,
 		style: a ?? void 0,
 		"aria-hidden": "true",

package/dist/components/atoms/PaginationItem/index.js

@@ -7,12 +7,12 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, text: o, lab
 		"pagination-link",
 		l ? "is-current" : null,
 		i
-	]);
+	]), f = r ?? t({
+		tag: "pagination-link",
+		parsedClasses: d
+	});
 	return /* @__PURE__ */ n("a", {
-		"data-testid": r ?? t({
-			tag: "pagination-link",
-			parsedClasses: d
-		}),
+		"data-testid": f,
 		className: d,
 		style: a ?? void 0,
 		"aria-label": `${l ? c : s} ${o}`,

package/dist/components/atoms/ProgressBar/index.js

@@ -9,12 +9,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, value: s = 0
 		l ? `${e.IS}${l}` : null,
 		u ? `${e.IS}${u}` : null,
 		a
-	]);
+	]), h = i ?? n({
+		tag: f,
+		parsedClasses: m
+	});
 	return /* @__PURE__ */ r("progress", {
-		"data-testid": i ?? n({
-			tag: f,
-			parsedClasses: m
-		}),
+		"data-testid": h,
 		className: m,
 		style: o ?? void 0,
 		value: d ? void 0 : s,

package/dist/components/atoms/RadioButton/index.js

@@ -7,27 +7,30 @@ var o = ({ containerTestId: o = null, containerCssClasses: s = null, containerSt
 	let m = e(["control", s]), h = o ?? t({
 		tag: "container-",
 		parsedClasses: m
-	}), g = r(() => l.map((e, t) => /* @__PURE__ */ a("label", {
-		className: "radio",
-		children: [/* @__PURE__ */ i("input", {
-			"data-testid": e.testId ?? `test-radio-button-item-${t}`,
-			type: "radio",
-			style: e.style ?? void 0,
-			name: u,
-			value: e.value,
-			defaultChecked: e.isChecked,
-			disabled: e.isDisabled,
-			onClick: d,
-			onChange: f,
-			onBlur: p
-		}), /* @__PURE__ */ i("p", {
-			style: {
-				display: "inline-block",
-				marginLeft: "5px"
-			},
-			children: e.label
-		})]
-	}, `radio-button-item-${n()}`)), [
+	}), g = r(() => l.map((e, t) => {
+		let r = e.testId ?? `test-radio-button-item-${t}`;
+		return /* @__PURE__ */ a("label", {
+			className: "radio",
+			children: [/* @__PURE__ */ i("input", {
+				"data-testid": r,
+				type: "radio",
+				style: e.style ?? void 0,
+				name: u,
+				value: e.value,
+				defaultChecked: e.isChecked,
+				disabled: e.isDisabled,
+				onClick: d,
+				onChange: f,
+				onBlur: p
+			}), /* @__PURE__ */ i("p", {
+				style: {
+					display: "inline-block",
+					marginLeft: "5px"
+				},
+				children: e.label
+			})]
+		}, `radio-button-item-${n()}`);
+	}), [
 		l,
 		u,
 		d,

package/dist/components/atoms/Select/index.js

@@ -24,9 +24,9 @@ var a = ({ testId: a = null, containerTestId: o = null, cssClasses: s = null, co
 	]), E = r(() => a ?? n({
 		tag: "select",
 		parsedClasses: T
-	}), [a, T]);
+	}), [a, T]), D = r(() => o ?? `${E}-container`, [o, E]);
 	return /* @__PURE__ */ i("section", {
-		"data-testid": r(() => o ?? `${E}-container`, [o, E]),
+		"data-testid": D,
 		className: T,
 		style: u ?? void 0,
 		children: /* @__PURE__ */ i("select", {

package/dist/components/atoms/Skeleton/index.js

@@ -3,12 +3,12 @@ import "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/atoms/Skeleton/index.tsx
 var r = ({ testId: r = null, cssClasses: i = null, style: a = null, children: o, displayType: s = "block" }) => {
-	let c = `skeleton-${s}`, l = e([c, i]);
+	let c = `skeleton-${s}`, l = e([c, i]), u = r ?? t({
+		tag: c,
+		parsedClasses: l
+	});
 	return /* @__PURE__ */ n("section", {
-		"data-testid": r ?? t({
-			tag: c,
-			parsedClasses: l
-		}),
+		"data-testid": u,
 		className: l,
 		style: a ?? void 0,
 		children: o

package/dist/components/atoms/TableCell/index.js

@@ -4,12 +4,12 @@ import "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/atoms/TableCell/index.tsx
 var i = ({ testId: i = null, cssClasses: a = null, style: o = null, color: s = null, content: c, onClick: l = null }) => {
-	let u = t([s ? `${e.IS}${s}` : null, a]);
+	let u = t([s ? `${e.IS}${s}` : null, a]), d = i ?? n({
+		tag: "table-cell",
+		parsedClasses: u
+	});
 	return /* @__PURE__ */ r("td", {
-		"data-testid": i ?? n({
-			tag: "table-cell",
-			parsedClasses: u
-		}),
+		"data-testid": d,
 		className: u,
 		style: o ?? void 0,
 		onClick: l ?? void 0,

package/dist/components/atoms/TableHeadCell/index.js

@@ -4,12 +4,12 @@ import "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/atoms/TableHeadCell/index.tsx
 var i = ({ testId: i = null, cssClasses: a = null, style: o = null, color: s = null, content: c, onClick: l = null }) => {
-	let u = t([s ? `${e.IS}${s}` : null, a]);
+	let u = t([s ? `${e.IS}${s}` : null, a]), d = i ?? n({
+		tag: "table-head-cell",
+		parsedClasses: u
+	});
 	return /* @__PURE__ */ r("th", {
-		"data-testid": i ?? n({
-			tag: "table-head-cell",
-			parsedClasses: u
-		}),
+		"data-testid": d,
 		className: u,
 		style: o ?? void 0,
 		onClick: l ?? void 0,

package/dist/components/atoms/TextArea/index.js

@@ -13,19 +13,19 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, value: s = n
 		m ? "has-fixed-size" : null,
 		p ? e.SKELETON : null,
 		a
-	]);
+	]), S = i ?? n({
+		tag: "textarea",
+		parsedClasses: x,
+		rules: [{
+			regExp: /textarea/gm,
+			replacer: ""
+		}, {
+			regExp: /is-|has-/gm,
+			replacer: "-"
+		}]
+	});
 	return /* @__PURE__ */ r("textarea", {
-		"data-testid": i ?? n({
-			tag: "textarea",
-			parsedClasses: x,
-			rules: [{
-				regExp: /textarea/gm,
-				replacer: ""
-			}, {
-				regExp: /is-|has-/gm,
-				replacer: "-"
-			}]
-		}),
+		"data-testid": S,
 		value: s ?? void 0,
 		name: c,
 		cols: l ?? void 0,

package/dist/components/atoms/Tile/index.js

@@ -12,19 +12,19 @@ var a = ({ testId: a = null, cssClasses: o = null, style: s = null, children: c,
 		d ? `${e.NOTIFICATION} ${d}` : null,
 		f ? `${e.VERTICAL}` : null,
 		o
-	]);
+	]), h = a ?? r({
+		tag: p,
+		parsedClasses: m,
+		rules: [{
+			regExp: t.TILE,
+			replacer: ""
+		}, {
+			regExp: t.IS,
+			replacer: "-"
+		}]
+	});
 	return /* @__PURE__ */ i("section", {
-		"data-testid": a ?? r({
-			tag: p,
-			parsedClasses: m,
-			rules: [{
-				regExp: t.TILE,
-				replacer: ""
-			}, {
-				regExp: t.IS,
-				replacer: "-"
-			}]
-		}),
+		"data-testid": h,
 		className: m,
 		style: s ?? void 0,
 		children: c

package/dist/components/atoms/Title/index.js

@@ -11,13 +11,16 @@ var o = (n, r) => {
 		a === "title" && s ? "is-spaced" : null,
 		r ? e.SKELETON : null,
 		c
-	]);
+	]), u = n?.testId ?? `test-${n?.type}`;
 	return /* @__PURE__ */ i("p", {
-		"data-testid": n?.testId ?? `test-${n?.type}`,
+		"data-testid": u,
 		className: l,
 		style: n?.style ?? void 0,
 		children: n?.text
 	});
-}, s = ({ main: e, secondary: t, isSkeleton: i }) => /* @__PURE__ */ a(r, { children: [n(() => o(e, i), [e, i]), n(() => o(t, i), [t, i])] });
+}, s = ({ main: e, secondary: t, isSkeleton: i }) => {
+	let s = n(() => o(e, i), [e, i]), c = n(() => o(t, i), [t, i]);
+	return /* @__PURE__ */ a(r, { children: [s, c] });
+};
 //#endregion
 export { s as default };

package/dist/components/molecules/ButtonGroup/index.js

@@ -11,27 +11,27 @@ var a = ({ testId: a = null, cssClasses: o = null, style: s = null, buttonList:
 		l ? "has-addons" : null,
 		!u || u === "left" ? null : `is-${u}`,
 		o
-	]);
+	]), f = a ?? t({
+		tag: "buttons",
+		parsedClasses: d,
+		rules: [{
+			regExp: /has-|is-/gm,
+			replacer: "-"
+		}, {
+			regExp: /buttons/gm,
+			replacer: ""
+		}]
+	});
 	return /* @__PURE__ */ i("section", {
-		"data-testid": a ?? t({
-			tag: "buttons",
-			parsedClasses: d,
-			rules: [{
-				regExp: /has-|is-/gm,
-				replacer: "-"
-			}, {
-				regExp: /buttons/gm,
-				replacer: ""
-			}]
-		}),
+		"data-testid": f,
 		className: d,
 		style: s ?? void 0,
 		children: c.map((e, t, a) => {
-			let o = a.some(({ isSelected: e }) => e), s = o && e.isSelected || !o;
-			return /* @__PURE__ */ i(n, {
+			let o = a.some(({ isSelected: e }) => e), s = o && e.isSelected || !o, c = {
 				...e,
 				color: s ? e.color : void 0
-			}, `button-group-item-${r()}`);
+			};
+			return /* @__PURE__ */ i(n, { ...c }, `button-group-item-${r()}`);
 		})
 	});
 };

package/dist/components/molecules/FormFieldInput/index.js

@@ -70,27 +70,27 @@ var d = ({ testId: s, element: c, isHorizontal: d }) => {
 		e,
 		t,
 		i
+	]), o = s(() => d({
+		testId: e,
+		element: n,
+		isHorizontal: i
+	}), [
+		e,
+		n,
+		i
+	]), l = s(() => d({
+		testId: e,
+		element: r,
+		isHorizontal: i
+	}), [
+		e,
+		r,
+		i
 	]);
 	return /* @__PURE__ */ u(c, { children: [
-		s(() => d({
-			testId: e,
-			element: n,
-			isHorizontal: i
-		}), [
-			e,
-			n,
-			i
-		]),
+		o,
 		a,
-		s(() => d({
-			testId: e,
-			element: r,
-			isHorizontal: i
-		}), [
-			e,
-			r,
-			i
-		])
+		l
 	] });
 };
 //#endregion

package/dist/components/molecules/Grid/index.js

@@ -35,19 +35,19 @@ var c = ({ testId: c = null, containerTestId: l = null, cssClasses: u = null, co
 			b ? `${e.HAS}${b}-cols` : null,
 			i,
 			d
-		]);
+		]), o = l ?? r({
+			tag: C,
+			parsedClasses: a,
+			rules: [{
+				regExp: t.FIXED_GRID,
+				replacer: ""
+			}, {
+				regExp: t.IS_HAS,
+				replacer: "-"
+			}]
+		});
 		return /* @__PURE__ */ s("section", {
-			"data-testid": l ?? r({
-				tag: C,
-				parsedClasses: a,
-				rules: [{
-					regExp: t.FIXED_GRID,
-					replacer: ""
-				}, {
-					regExp: t.IS_HAS,
-					replacer: "-"
-				}]
-			}),
+			"data-testid": o,
 			className: a,
 			style: p ?? void 0,
 			children: D

package/dist/components/molecules/InputControl/index.js

@@ -52,17 +52,17 @@ var u = (e) => e ? /* @__PURE__ */ c(i, { ...e }) : null, d = (t) => t ? `${e.IS
 		position: "right"
 	} : void 0), [v]), A = o(() => {
 		if (g === null) return null;
-		let e = "help", i = n([e, d(h?.color ?? g?.color)]);
+		let e = "help", i = d(h?.color ?? g?.color), a = n([e, i]), o = r({
+			tag: e,
+			parsedClasses: a,
+			rules: [{
+				regExp: t.HELP,
+				replacer: ""
+			}]
+		});
 		return /* @__PURE__ */ c("p", {
-			"data-testid": r({
-				tag: e,
-				parsedClasses: i,
-				rules: [{
-					regExp: t.HELP,
-					replacer: ""
-				}]
-			}),
-			className: i,
+			"data-testid": o,
+			className: a,
 			children: g.text
 		});
 	}, [g, h.color]);

package/dist/components/molecules/LevelItem/index.js

@@ -7,19 +7,19 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, content: o,
 		"level-item",
 		s ? "has-text-centered" : null,
 		i
-	]);
+	]), l = r ?? t({
+		tag: "level-item",
+		parsedClasses: c,
+		rules: [{
+			regExp: /is-|has-/gm,
+			replacer: "-"
+		}, {
+			regExp: /level-item/gm,
+			replacer: ""
+		}]
+	});
 	return /* @__PURE__ */ n("section", {
-		"data-testid": r ?? t({
-			tag: "level-item",
-			parsedClasses: c,
-			rules: [{
-				regExp: /is-|has-/gm,
-				replacer: "-"
-			}, {
-				regExp: /level-item/gm,
-				replacer: ""
-			}]
-		}),
+		"data-testid": l,
 		className: c,
 		style: a ?? void 0,
 		children: o

package/dist/components/molecules/Notification/index.js

@@ -11,12 +11,12 @@ var o = ({ testId: o = null, cssClasses: s = null, style: c = null, children: l
 		d ? `${e.IS}${d}` : null,
 		f ? e.LIGHT : null,
 		s
-	]);
+	]), h = o ?? n({
+		tag: p,
+		parsedClasses: m
+	});
 	return /* @__PURE__ */ a("section", {
-		"data-testid": o ?? n({
-			tag: p,
-			parsedClasses: m
-		}),
+		"data-testid": h,
 		className: m,
 		style: c ?? void 0,
 		children: [u ? /* @__PURE__ */ i(r, { ...u }) : null, l]

package/dist/components/molecules/Pagination/index.js

@@ -6,12 +6,16 @@ import "../../atoms/index.js";
 import a, { useCallback as o, useMemo as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/molecules/Pagination/index.tsx
-var u = "pagination", d = "pagination-list", f = (n) => n ? /* @__PURE__ */ c("a", {
-	className: t([n.cssClasses, n.isDisabled ? e.DISABLED : null]),
-	onClick: n.onClick ?? void 0,
-	"aria-hidden": "true",
-	children: n.text
-}) : null, p = ({ testId: p = null, containerTestId: m = null, cssClasses: h = null, containerCssClasses: g = null, style: _ = null, containerStyle: v = null, pages: y, ellipsisItems: b = 0, showPreviousPageButton: x = {
+var u = "pagination", d = "pagination-list", f = (n) => {
+	if (!n) return null;
+	let r = t([n.cssClasses, n.isDisabled ? e.DISABLED : null]);
+	return /* @__PURE__ */ c("a", {
+		className: r,
+		onClick: n.onClick ?? void 0,
+		"aria-hidden": "true",
+		children: n.text
+	});
+}, p = ({ testId: p = null, containerTestId: m = null, cssClasses: h = null, containerCssClasses: g = null, style: _ = null, containerStyle: v = null, pages: y, ellipsisItems: b = 0, showPreviousPageButton: x = {
 	text: "Previous",
 	cssClasses: `${u}-previous`
 }, showNextPageButton: S = {

package/dist/components/molecules/PanelBlock/index.js

@@ -28,12 +28,12 @@ var c = ({ type: c, props: l }, u, d, f, p) => {
 		"panel-block",
 		f ? "is-active" : null,
 		a
-	]);
+	]), h = r ?? t({
+		tag: "panel-block",
+		parsedClasses: m
+	});
 	return /* @__PURE__ */ o("a", {
-		"data-testid": r ?? t({
-			tag: "panel-block",
-			parsedClasses: m
-		}),
+		"data-testid": h,
 		className: m,
 		style: l ?? void 0,
 		"aria-hidden": "true",

package/dist/components/molecules/PanelTabs/index.js

@@ -4,12 +4,12 @@ import "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/molecules/PanelTabs/index.tsx
 var i = ({ testId: i = null, cssClasses: a = null, style: o = null, tabList: s }) => {
-	let c = e(["panel-tabs", a]);
+	let c = e(["panel-tabs", a]), l = i ?? t({
+		tag: "panel-tabs",
+		parsedClasses: c
+	});
 	return /* @__PURE__ */ r("section", {
-		"data-testid": i ?? t({
-			tag: "panel-tabs",
-			parsedClasses: c
-		}),
+		"data-testid": l,
 		className: c,
 		style: o ?? void 0,
 		children: s.map((e) => /* @__PURE__ */ r("a", {

package/dist/components/molecules/Section/index.js

@@ -8,12 +8,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, content: s,
 		l,
 		c ? `${e.IS}${c}` : null,
 		a
-	]);
+	]), d = i ?? n({
+		tag: l,
+		parsedClasses: u
+	});
 	return /* @__PURE__ */ r("section", {
-		"data-testid": i ?? n({
-			tag: l,
-			parsedClasses: u
-		}),
+		"data-testid": d,
 		className: u,
 		style: o ?? void 0,
 		children: s

package/dist/components/molecules/TagList/index.js

@@ -6,12 +6,12 @@ import "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/molecules/TagList/index.tsx
 var a = ({ testId: a = null, cssClasses: o = null, style: s = null, listOfTags: c }) => {
-	let l = e(["tags", o]);
+	let l = e(["tags", o]), u = a ?? t({
+		tag: "tags",
+		parsedClasses: l
+	});
 	return /* @__PURE__ */ i("section", {
-		"data-testid": a ?? t({
-			tag: "tags",
-			parsedClasses: l
-		}),
+		"data-testid": u,
 		className: l,
 		style: s ?? void 0,
 		children: c.map((e) => /* @__PURE__ */ i(n, { ...e }, `tag-list-item-${r()}`))

package/dist/components/molecules/TileBox/index.js

@@ -12,19 +12,19 @@ var i = ({ testId: i = null, cssClasses: a = "box", style: o = null, children: s
 		u ? `notification ${u}` : null,
 		d ? "is-vertical" : null,
 		a
-	]);
+	]), p = i ?? t({
+		tag: "tileBox",
+		parsedClasses: f,
+		rules: [{
+			regExp: /notification |tileBox/gm,
+			replacer: ""
+		}, {
+			regExp: /is-/gm,
+			replacer: "-"
+		}]
+	});
 	return /* @__PURE__ */ r(n, {
-		testId: i ?? t({
-			tag: "tileBox",
-			parsedClasses: f,
-			rules: [{
-				regExp: /notification |tileBox/gm,
-				replacer: ""
-			}, {
-				regExp: /is-/gm,
-				replacer: "-"
-			}]
-		}),
+		testId: p,
 		cssClasses: a,
 		style: o ?? void 0,
 		isVertical: d,

package/dist/components/organisms/TileGroup/index.js

@@ -13,19 +13,19 @@ var o = ({ testId: o = null, cssClasses: s = null, style: c = null, context: l =
 		u,
 		d ? "is-vertical" : null,
 		s
-	]);
+	]), h = o ?? n({
+		tag: p,
+		parsedClasses: m,
+		rules: [{
+			regExp: e.TILE_GROUP,
+			replacer: ""
+		}, {
+			regExp: e.IS,
+			replacer: "-"
+		}]
+	});
 	return /* @__PURE__ */ a(i, {
-		testId: o ?? n({
-			tag: p,
-			parsedClasses: m,
-			rules: [{
-				regExp: e.TILE_GROUP,
-				replacer: ""
-			}, {
-				regExp: e.IS,
-				replacer: "-"
-			}]
-		}),
+		testId: h,
 		cssClasses: s ?? void 0,
 		style: c ?? void 0,
 		context: l,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "5.1.21",
+  "version": "5.1.23",
   "description": "A component library based on React, Bulma, Typescript and Vite",
   "keywords": [
     "typescript",
@@ -70,47 +70,47 @@
     "@semantic-release/github": "^12.0.9",
     "@semantic-release/npm": "^13.1.5",
     "@semantic-release/release-notes-generator": "^14.1.1",
-    "@storybook/addon-docs": "^10.5.5",
-    "@storybook/addon-links": "^10.5.5",
-    "@storybook/addon-onboarding": "^10.5.5",
-    "@storybook/addon-themes": "^10.5.5",
-    "@storybook/react-vite": "^10.5.5",
-    "@testing-library/jest-dom": "^7.0.0",
+    "@storybook/addon-docs": "^10.5.7",
+    "@storybook/addon-links": "^10.5.7",
+    "@storybook/addon-onboarding": "^10.5.7",
+    "@storybook/addon-themes": "^10.5.7",
+    "@storybook/react-vite": "^10.5.7",
+    "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
+    "@testing-library/user-event": "^14.6.3",
     "@types/css-modules": "^1.0.5",
     "@types/jest": "^30.0.0",
-    "@types/node": "^26.1.2",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
+    "@types/node": "^26.2.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
     "@typescript-eslint/eslint-plugin": "^8.65.0",
-    "@typescript-eslint/parser": "^8.65.0",
-    "@vitejs/plugin-react": "^6.0.4",
+    "@typescript-eslint/parser": "^8.66.0",
+    "@vitejs/plugin-react": "^6.0.5",
     "babel-jest": "^30.4.1",
     "babel-loader": "^10.1.1",
     "bulma": "^1.0.4",
-    "eslint": "^10.8.0",
+    "eslint": "^10.8.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.3",
-    "eslint-plugin-storybook": "^10.5.5",
+    "eslint-plugin-storybook": "^10.5.7",
     "glob": "^13.0.6",
-    "globals": "^17.8.0",
+    "globals": "^17.9.0",
     "husky": "^9.1.7",
     "hygen": "^6.2.11",
     "jest": "^30.4.2",
     "jest-environment-jsdom": "^30.4.1",
-    "lint-staged": "^17.2.0",
-    "npm-check-updates": "^23.0.0",
+    "lint-staged": "^17.3.0",
+    "npm-check-updates": "^23.0.2",
     "prettier": "^3.9.6",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "semantic-release": "^25.0.8",
-    "storybook": "^10.5.5",
+    "semantic-release": "^25.0.9",
+    "storybook": "^10.5.7",
     "tslib": "^2.8.1",
     "typescript": "~6.0.3",
-    "typescript-eslint": "^8.65.0",
-    "vite": "^8.1.5",
+    "typescript-eslint": "^8.66.0",
+    "vite": "^8.2.1",
     "vite-plugin-dts": "^5.0.3"
   },
   "lint-staged": {