@caspeco/casper-ui-library 11.3.0 → 12.0.0

package/dist/components/accordion/accordion-item.js

@@ -5,29 +5,29 @@ import { CollapseIcon as r } from "../icon/icons/collapse-icon.js";
 import { ExpandIcon as i } from "../icon/icons/expand-icon.js";
 import { TreeViewCollapseIcon as a } from "../icon/icons/tree-view-collapse-icon.js";
 import { TreeViewExpandIcon as o } from "../icon/icons/tree-view-expand-icon.js";
-import { Accordion as s, Box as c, useAccordionStyles as l } from "@chakra-ui/react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Accordion as u, Box as d, useAccordionStyles as f } from "@chakra-ui/react";
 //#region lib/components/accordion/accordion-item.tsx
 var p = e(), m = (e) => {
 	let m = (0, p.c)(21), h, g, _, v, y;
 	m[0] === e ? (h = m[1], g = m[2], _ = m[3], v = m[4], y = m[5]) : ({children: h, title: v, rightElement: _, value: y, ...g} = e, m[0] = e, m[1] = h, m[2] = g, m[3] = _, m[4] = v, m[5] = y);
-	let b = n(), x = l(), S;
+	let b = n(), x = f(), S;
 	m[6] === b ? S = m[7] : (S = (e) => b === "noBorder" ? e ? a : o : e ? r : i, m[6] = b, m[7] = S);
 	let C = S, w;
-	m[8] !== h || m[9] !== C || m[10] !== _ || m[11] !== x.itemHeader || m[12] !== x.itemIcon || m[13] !== x.itemRightElement || m[14] !== v || m[15] !== b ? (w = /* @__PURE__ */ d(s.ItemContext, { children: (e) => {
-		let { expanded: n } = e, r = C(n), i = /* @__PURE__ */ d(c, {
+	m[8] !== h || m[9] !== C || m[10] !== _ || m[11] !== x.itemHeader || m[12] !== x.itemIcon || m[13] !== x.itemRightElement || m[14] !== v || m[15] !== b ? (w = /* @__PURE__ */ c(u.ItemContext, { children: (e) => {
+		let { expanded: n } = e, r = C(n), i = /* @__PURE__ */ c(d, {
 			as: "span",
 			"aria-hidden": !0,
 			css: x.itemIcon,
-			children: /* @__PURE__ */ d(r, { size: t.Small })
+			children: /* @__PURE__ */ c(r, { size: t.Small })
 		});
-		return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f(c, {
+		return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l(d, {
 			css: x.itemHeader,
 			"data-expanded": n ? "" : void 0,
 			children: [
 				b === "noBorder" && i,
-				/* @__PURE__ */ d("h3", { children: /* @__PURE__ */ d(s.ItemTrigger, { children: v }) }),
-				_ && /* @__PURE__ */ d(c, {
+				/* @__PURE__ */ c("h3", { children: /* @__PURE__ */ c(u.ItemTrigger, { children: v }) }),
+				_ && /* @__PURE__ */ c(d, {
 					css: x.itemRightElement,
 					children: _
 				}),
@@ -36,7 +36,7 @@ var p = e(), m = (e) => {
 		}), h] });
 	} }), m[8] = h, m[9] = C, m[10] = _, m[11] = x.itemHeader, m[12] = x.itemIcon, m[13] = x.itemRightElement, m[14] = v, m[15] = b, m[16] = w) : w = m[16];
 	let T;
-	return m[17] !== g || m[18] !== w || m[19] !== y ? (T = /* @__PURE__ */ d(s.Item, {
+	return m[17] !== g || m[18] !== w || m[19] !== y ? (T = /* @__PURE__ */ c(u.Item, {
 		...g,
 		value: y,
 		children: w

package/dist/components/accordion/accordion-panel.js

@@ -1,15 +1,15 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { Accordion as t } from "@chakra-ui/react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { Accordion as n } from "@chakra-ui/react";
 //#region lib/components/accordion/accordion-panel.tsx
 var r = e();
 function i(e) {
 	let i = (0, r.c)(6), a, o;
 	i[0] === e ? (a = i[1], o = i[2]) : ({children: a, ...o} = e, i[0] = e, i[1] = a, i[2] = o);
 	let s;
-	return i[3] !== a || i[4] !== o ? (s = /* @__PURE__ */ n(t.ItemContent, {
+	return i[3] !== a || i[4] !== o ? (s = /* @__PURE__ */ t(n.ItemContent, {
 		"data-testid": "accordionPanel",
-		children: /* @__PURE__ */ n(t.ItemBody, {
+		children: /* @__PURE__ */ t(n.ItemBody, {
 			...o,
 			children: a
 		})

package/dist/components/accordion/accordion.js

@@ -1,21 +1,21 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { AccordionVariantContext as t } from "./accordion-context.js";
-import { Accordion as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { Accordion as r } from "@chakra-ui/react";
 //#region lib/components/accordion/accordion.tsx
 var i = e();
 function a(e) {
 	let a = (0, i.c)(11), o, s, c;
 	a[0] === e ? (o = a[1], s = a[2], c = a[3]) : ({children: o, variant: c, ...s} = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c);
 	let l = c === void 0 ? "border" : c, u;
-	a[4] !== o || a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ r(n.Root, {
+	a[4] !== o || a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ n(r.Root, {
 		variant: l,
 		collapsible: !0,
 		...s,
 		children: o
 	}), a[4] = o, a[5] = s, a[6] = l, a[7] = u) : u = a[7];
 	let d;
-	return a[8] !== u || a[9] !== l ? (d = /* @__PURE__ */ r(t.Provider, {
+	return a[8] !== u || a[9] !== l ? (d = /* @__PURE__ */ n(t.Provider, {
 		value: l,
 		children: u
 	}), a[8] = u, a[9] = l, a[10] = d) : d = a[10], d;

package/dist/components/alert/alert.js

@@ -4,8 +4,8 @@ import { CloseIcon as o } from "../icon/icons/close-icon.js";
 import { Text as s } from "../text/text.js";
 import { alertIcons as c, getAlertBackgroundColor as l, getAlertTextColor as u } from "./helper.js";
 import "react";
-import { Alert as d, Flex as f, chakra as p } from "@chakra-ui/react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Alert as p, Flex as m, chakra as h } from "@chakra-ui/react";
 //#region lib/components/alert/alert.tsx
 var g = e();
 function _(e) {
@@ -16,46 +16,46 @@ function _(e) {
 	let F = P, I;
 	_[14] === N ? I = _[15] : (I = l(N), _[14] = N, _[15] = I);
 	let L = I, R = y ?? c[N], z;
-	_[16] !== x || _[17] !== F || _[18] !== O ? (z = () => x ? /* @__PURE__ */ m(p.button, {
+	_[16] !== x || _[17] !== F || _[18] !== O ? (z = () => x ? /* @__PURE__ */ d(h.button, {
 		type: "button",
 		"aria-label": "Close",
 		onClick: x,
 		mt: O ? "4px" : 0,
 		alignSelf: O ? "flex-start" : "center",
-		children: /* @__PURE__ */ m(o, {
+		children: /* @__PURE__ */ d(o, {
 			size: r.Medium,
 			color: F
 		})
 	}) : null, _[16] = x, _[17] = F, _[18] = O, _[19] = z) : z = _[19];
 	let B = z, V = b || (O ? "flex-start" : "center"), H = V === "flex-start" ? "4px" : 0, U;
-	_[20] !== R || _[21] !== V || _[22] !== H || _[23] !== F ? (U = /* @__PURE__ */ m(R, {
+	_[20] !== R || _[21] !== V || _[22] !== H || _[23] !== F ? (U = /* @__PURE__ */ d(R, {
 		color: F,
 		size: r.Small,
 		mt: H,
 		alignSelf: V
 	}), _[20] = R, _[21] = V, _[22] = H, _[23] = F, _[24] = U) : U = _[24];
 	let W;
-	_[25] === O ? W = _[26] : (W = O && /* @__PURE__ */ m(s, {
+	_[25] === O ? W = _[26] : (W = O && /* @__PURE__ */ d(s, {
 		fontFamily: n.SubHeader,
 		fontSize: t.Large,
 		fontWeight: "medium",
 		children: O
 	}), _[25] = O, _[26] = W);
 	let G;
-	_[27] !== v || _[28] !== W ? (G = /* @__PURE__ */ h(f, {
+	_[27] !== v || _[28] !== W ? (G = /* @__PURE__ */ f(m, {
 		direction: "column",
 		alignContent: "flex-start",
 		children: [W, v]
 	}), _[27] = v, _[28] = W, _[29] = G) : G = _[29];
 	let K;
-	_[30] !== G || _[31] !== U ? (K = /* @__PURE__ */ h(f, {
+	_[30] !== G || _[31] !== U ? (K = /* @__PURE__ */ f(m, {
 		gap: "10px",
 		children: [U, G]
 	}), _[30] = G, _[31] = U, _[32] = K) : K = _[32];
 	let q;
 	_[33] === B ? q = _[34] : (q = B(), _[33] = B, _[34] = q);
 	let J;
-	_[35] !== K || _[36] !== q ? (J = /* @__PURE__ */ h(f, {
+	_[35] !== K || _[36] !== q ? (J = /* @__PURE__ */ f(m, {
 		align: "center",
 		w: "100%",
 		justify: "space-between",
@@ -63,7 +63,7 @@ function _(e) {
 		children: [K, q]
 	}), _[35] = K, _[36] = q, _[37] = J) : J = _[37];
 	let Y;
-	return _[38] !== L || _[39] !== k || _[40] !== S || _[41] !== A || _[42] !== j || _[43] !== J || _[44] !== F || _[45] !== M ? (Y = /* @__PURE__ */ m(d.Root, {
+	return _[38] !== L || _[39] !== k || _[40] !== S || _[41] !== A || _[42] !== j || _[43] !== J || _[44] !== F || _[45] !== M ? (Y = /* @__PURE__ */ d(p.Root, {
 		bgColor: L,
 		px: A,
 		py: j,

package/dist/components/badge/badge.js

@@ -2,19 +2,19 @@ import { require_compiler_runtime as e } from "../../node_modules/react/compiler
 import { ThemeSpaceVariable as t } from "../../theme/theme-types.js";
 import { IconSizeConstants as n, checkChildRendersToString as r } from "./helper.js";
 import { Children as i } from "react";
-import { Badge as a, Box as o } from "@chakra-ui/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Box as c } from "@chakra-ui/react";
 //#region lib/components/badge/badge.tsx
 var l = e();
 function u(e) {
 	let u = (0, l.c)(13), d, f, p;
 	if (u[0] !== e) {
-		let { icon: t, ...a } = e;
-		p = a;
-		let { size: o, children: c } = p;
+		let { icon: t, ...o } = e;
+		p = o;
+		let { size: s, children: c } = p;
 		d = c;
-		let l = n[o ?? "md"], m = t, h;
-		u[4] !== m || u[5] !== l ? (h = m ? /* @__PURE__ */ s(m, { size: l }) : null, u[4] = m, u[5] = l, u[6] = h) : h = u[6], f = h;
+		let l = n[s ?? "md"], m = t, h;
+		u[4] !== m || u[5] !== l ? (h = m ? /* @__PURE__ */ a(m, { size: l }) : null, u[4] = m, u[5] = l, u[6] = h) : h = u[6], f = h;
 		let g = [];
 		i.forEach(d, (e) => {
 			if (r(e)) g.push(e);
@@ -22,7 +22,7 @@ function u(e) {
 		}), u[0] = e, u[1] = d, u[2] = f, u[3] = p;
 	} else d = u[1], f = u[2], p = u[3];
 	let m;
-	u[7] !== d || u[8] !== f ? (m = /* @__PURE__ */ c(o, {
+	u[7] !== d || u[8] !== f ? (m = /* @__PURE__ */ o(c, {
 		display: "flex",
 		flexDirection: "row",
 		gap: t.XSmall,
@@ -31,7 +31,7 @@ function u(e) {
 		children: [f, d]
 	}), u[7] = d, u[8] = f, u[9] = m) : m = u[9];
 	let h;
-	return u[10] !== p || u[11] !== m ? (h = /* @__PURE__ */ s(a, {
+	return u[10] !== p || u[11] !== m ? (h = /* @__PURE__ */ a(s, {
 		...p,
 		children: m
 	}), u[10] = p, u[11] = m, u[12] = h) : h = u[12], h;
@@ -39,28 +39,28 @@ function u(e) {
 var d = (e) => {
 	let t = (0, l.c)(6), n, r;
 	t[0] === e ? (n = t[1], r = t[2]) : ({solid: r, ...n} = e, t[0] = e, t[1] = n, t[2] = r);
-	let i = r ? "neutralSolid" : "neutral", a;
-	return t[3] !== n || t[4] !== i ? (a = /* @__PURE__ */ s(u, {
+	let i = r ? "neutralSolid" : "neutral", o;
+	return t[3] !== n || t[4] !== i ? (o = /* @__PURE__ */ a(u, {
 		variant: i,
 		...n
-	}), t[3] = n, t[4] = i, t[5] = a) : a = t[5], a;
+	}), t[3] = n, t[4] = i, t[5] = o) : o = t[5], o;
 };
-d.Primary = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+d.Primary = ({ solid: e, ...t }) => /* @__PURE__ */ a(u, {
 	variant: e ? "primarySolid" : "primary",
 	...t
-}), d.Secondary = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+}), d.Secondary = ({ solid: e, ...t }) => /* @__PURE__ */ a(u, {
 	variant: e ? "secondarySolid" : "secondary",
 	...t
-}), d.Success = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+}), d.Success = ({ solid: e, ...t }) => /* @__PURE__ */ a(u, {
 	variant: e ? "successSolid" : "success",
 	...t
-}), d.Error = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+}), d.Error = ({ solid: e, ...t }) => /* @__PURE__ */ a(u, {
 	variant: e ? "errorSolid" : "error",
 	...t
-}), d.Warning = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+}), d.Warning = ({ solid: e, ...t }) => /* @__PURE__ */ a(u, {
 	variant: e ? "warningSolid" : "warning",
 	...t
-}), d.Info = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+}), d.Info = ({ solid: e, ...t }) => /* @__PURE__ */ a(u, {
 	variant: e ? "infoSolid" : "info",
 	...t
 });

package/dist/components/box/box.js

@@ -1,11 +1,11 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { forwardRef as t } from "react";
-import { Box as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { Box as r } from "@chakra-ui/react";
 //#region lib/components/box/box.tsx
 var i = e(), a = t((e, t) => {
 	let a = (0, i.c)(3), o;
-	return a[0] !== e || a[1] !== t ? (o = /* @__PURE__ */ r(n, {
+	return a[0] !== e || a[1] !== t ? (o = /* @__PURE__ */ n(r, {
 		...e,
 		ref: t,
 		children: e.children

package/dist/components/breadcrumbs/breadcrumb-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,KAAK,WAAW,GAAG;IAClB,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,KAAK,8BAA8B,GAAG,IAAI,CACzC,yBAAyB,EACzB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO,CACzC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,8BAA8B,GAAG,WAAW,CAAC;AAE/E,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAUxF"}
+{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,KAAK,WAAW,GAAG;IAClB,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,KAAK,8BAA8B,GAAG,IAAI,CACzC,yBAAyB,EACzB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO,CACzC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,8BAA8B,GAAG,WAAW,CAAC;AAE/E,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAYxF"}

package/dist/components/breadcrumbs/breadcrumb-item.js

@@ -1,18 +1,19 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { Breadcrumb as t } from "@chakra-ui/react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { Breadcrumb as n } from "@chakra-ui/react";
 //#region lib/components/breadcrumbs/breadcrumb-item.tsx
 var r = e();
 function i(e) {
 	let i = (0, r.c)(10), a, o, s;
 	i[0] === e ? (a = i[1], o = i[2], s = i[3]) : ({children: a, isCurrentPage: o, ...s} = e, i[0] = e, i[1] = a, i[2] = o, i[3] = s);
 	let c;
-	i[4] !== a || i[5] !== o ? (c = o ? /* @__PURE__ */ n(t.CurrentLink, {
+	i[4] !== a || i[5] !== o ? (c = o ? /* @__PURE__ */ t(n.CurrentLink, {
 		asChild: !0,
+		cursor: "default",
 		children: a
 	}) : a, i[4] = a, i[5] = o, i[6] = c) : c = i[6];
 	let l;
-	return i[7] !== s || i[8] !== c ? (l = /* @__PURE__ */ n(t.Item, {
+	return i[7] !== s || i[8] !== c ? (l = /* @__PURE__ */ t(n.Item, {
 		whiteSpace: "nowrap",
 		overflow: "hidden",
 		...s,

package/dist/components/breadcrumbs/breadcrumb-link.js

@@ -1,7 +1,7 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { forwardRef as t } from "react";
-import { BreadcrumbLink as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { BreadcrumbLink as r } from "@chakra-ui/react";
 //#region lib/components/breadcrumbs/breadcrumb-link.tsx
 var i = e(), a = t((e, t) => {
 	let a = (0, i.c)(8), o, s;
@@ -9,7 +9,7 @@ var i = e(), a = t((e, t) => {
 	let c;
 	a[3] === Symbol.for("react.memo_cache_sentinel") ? (c = { textDecoration: "underline" }, a[3] = c) : c = a[3];
 	let l;
-	return a[4] !== o || a[5] !== s || a[6] !== t ? (l = /* @__PURE__ */ r(n, {
+	return a[4] !== o || a[5] !== s || a[6] !== t ? (l = /* @__PURE__ */ n(r, {
 		ref: t,
 		overflow: "hidden",
 		textOverflow: "ellipsis",

package/dist/components/breadcrumbs/breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,UAAU,EAAE,CAAC;CAC1B,CAAC;AAgFF,wBAAgB,WAAW,CAAC,EAC3B,WAAW,EACX,mBAAuB,EACvB,kBAAsB,GACtB,EAAE,gBAAgB,+BAoElB"}
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,UAAU,EAAE,CAAC;CAC1B,CAAC;AAiFF,wBAAgB,WAAW,CAAC,EAC3B,WAAW,EACX,mBAAuB,EACvB,kBAAsB,GACtB,EAAE,gBAAgB,+BAoElB"}

package/dist/components/breadcrumbs/breadcrumbs.js

@@ -7,13 +7,13 @@ import { MenuList as c } from "../menu/menu-list.js";
 import { BreadcrumbItem as l } from "./breadcrumb-item.js";
 import { BreadcrumbLink as u } from "./breadcrumb-link.js";
 import { Fragment as d } from "react";
-import { Breadcrumb as f } from "@chakra-ui/react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Breadcrumb as m } from "@chakra-ui/react";
 //#region lib/components/breadcrumbs/breadcrumbs.tsx
 var h = e();
 function g() {
 	let e = (0, h.c)(1), n;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ p(f.Separator, {
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ f(m.Separator, {
 		color: t.OnBackgroundSubdued,
 		opacity: "1",
 		children: "/"
@@ -21,44 +21,44 @@ function g() {
 }
 function _({ key: e, isCurrentPage: n, showSeparator: r, breadCrumb: i }) {
 	let a = n ? t.OnBackground : t.OnBackgroundSubdued;
-	return /* @__PURE__ */ m(d, { children: [/* @__PURE__ */ m(l, {
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, {
 		isCurrentPage: n,
 		color: a,
-		children: [i.as && i.to && !i.href && /* @__PURE__ */ p(u, {
+		children: n ? /* @__PURE__ */ f("span", { children: i.title }) : i.as && i.to && !i.href ? /* @__PURE__ */ f(u, {
 			as: i.as,
 			to: i.to,
 			children: i.title
-		}), i.href && !i.as && !i.to && /* @__PURE__ */ p(u, {
+		}) : i.href && !i.as && !i.to ? /* @__PURE__ */ f(u, {
 			href: i.href,
 			children: i.title
-		})]
-	}), r && /* @__PURE__ */ p(g, {})] }, e);
+		}) : null
+	}), r && /* @__PURE__ */ f(g, {})] }, e);
 }
 function v({ key: e, breadCrumbs: n, showSeparator: r }) {
-	return /* @__PURE__ */ m(d, { children: [/* @__PURE__ */ p(l, {
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, {
 		overflow: "unset",
 		color: t.OnBackgroundSubdued,
-		children: /* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p(o, {
+		children: /* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(o, {
 			variant: "ghost",
 			size: "sm",
 			"aria-label": "Show collapsed items",
 			children: "..."
-		}), /* @__PURE__ */ p(c, { children: n.map((e, t) => e.as && e.to ? /* @__PURE__ */ p(s, {
+		}), /* @__PURE__ */ f(c, { children: n.map((e, t) => e.as && e.to ? /* @__PURE__ */ f(s, {
 			as: e.as,
 			to: e.to,
 			value: e.to,
 			children: e.title
-		}, t) : e.href ? /* @__PURE__ */ p(s, {
+		}, t) : e.href ? /* @__PURE__ */ f(s, {
 			itemType: "link",
 			href: e.href,
 			value: e.href,
 			children: e.title
-		}, t) : /* @__PURE__ */ p(s, {
+		}, t) : /* @__PURE__ */ f(s, {
 			isDisabled: !0,
 			value: e.title,
 			children: e.title
 		}, t)) })] })
-	}), r && /* @__PURE__ */ p(g, {})] }, e);
+	}), r && /* @__PURE__ */ f(g, {})] }, e);
 }
 function y(e) {
 	let a = (0, h.c)(26), { breadCrumbs: o, itemsBeforeCollapse: s, itemsAfterCollapse: c } = e, l = s === void 0 ? 1 : s, u = c === void 0 ? 2 : c, d = l + u;
@@ -66,18 +66,18 @@ function y(e) {
 		let e = o, s;
 		a[0] === e ? s = a[1] : (s = e.map(b), a[0] = e, a[1] = s);
 		let c;
-		return a[2] === s ? c = a[3] : (c = /* @__PURE__ */ p(f.Root, {
+		return a[2] === s ? c = a[3] : (c = /* @__PURE__ */ f(m.Root, {
 			color: t.OnBackground,
 			fontSize: n.Medium,
 			fontFamily: r.Body,
 			width: "100%",
-			children: /* @__PURE__ */ p(f.List, {
+			children: /* @__PURE__ */ f(m.List, {
 				gap: i.Small,
 				children: s
 			})
 		}), a[2] = s, a[3] = c), c;
 	}
-	let m, g, y, x, S, C, w, T;
+	let p, g, y, x, S, C, w, T;
 	if (a[4] !== o || a[5] !== u || a[6] !== l) {
 		let e = o.slice(0, l), s = u > 0 ? o.slice(-u) : [], c = o.slice(l, o.length - u), d = [
 			...e,
@@ -87,7 +87,7 @@ function y(e) {
 			},
 			...s
 		];
-		g = f.Root, S = t.OnBackground, C = n.Medium, w = r.Body, T = "100%", m = f.List, y = i.Small, x = d.map((e, t, n) => {
+		g = m.Root, S = t.OnBackground, C = n.Medium, w = r.Body, T = "100%", p = m.List, y = i.Small, x = d.map((e, t, n) => {
 			let r = t + 1 === n.length;
 			return e.isMenuButton ? v({
 				key: t.toString(),
@@ -99,15 +99,15 @@ function y(e) {
 				showSeparator: !r,
 				breadCrumb: e
 			});
-		}), a[4] = o, a[5] = u, a[6] = l, a[7] = m, a[8] = g, a[9] = y, a[10] = x, a[11] = S, a[12] = C, a[13] = w, a[14] = T;
-	} else m = a[7], g = a[8], y = a[9], x = a[10], S = a[11], C = a[12], w = a[13], T = a[14];
+		}), a[4] = o, a[5] = u, a[6] = l, a[7] = p, a[8] = g, a[9] = y, a[10] = x, a[11] = S, a[12] = C, a[13] = w, a[14] = T;
+	} else p = a[7], g = a[8], y = a[9], x = a[10], S = a[11], C = a[12], w = a[13], T = a[14];
 	let E;
-	a[15] !== m || a[16] !== y || a[17] !== x ? (E = /* @__PURE__ */ p(m, {
+	a[15] !== p || a[16] !== y || a[17] !== x ? (E = /* @__PURE__ */ f(p, {
 		gap: y,
 		children: x
-	}), a[15] = m, a[16] = y, a[17] = x, a[18] = E) : E = a[18];
+	}), a[15] = p, a[16] = y, a[17] = x, a[18] = E) : E = a[18];
 	let D;
-	return a[19] !== g || a[20] !== S || a[21] !== C || a[22] !== w || a[23] !== T || a[24] !== E ? (D = /* @__PURE__ */ p(g, {
+	return a[19] !== g || a[20] !== S || a[21] !== C || a[22] !== w || a[23] !== T || a[24] !== E ? (D = /* @__PURE__ */ f(g, {
 		color: S,
 		fontSize: C,
 		fontFamily: w,

package/dist/components/button/button.d.ts

@@ -7,7 +7,7 @@ import { ButtonSize } from './types.js';
  * @see Docs https://caspeco.github.io/casper-ui-library/components/button
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/button
  */
-export declare const Button: import('react').ForwardRefExoticComponent<import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').LayoutProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & Pick<import('@chakra-ui/react').LinkProps, "target" | "href" | "rel"> & Pick<import('@chakra-ui/react').ButtonProps, "form" | "type" | "children" | "onClick" | "loadingText"> & {
+export declare const Button: import('react').ForwardRefExoticComponent<import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').LayoutProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & Pick<import('@chakra-ui/react').LinkProps, "target" | "href" | "rel"> & Pick<import('@chakra-ui/react').ButtonProps, "children" | "form" | "type" | "onClick" | "loadingText"> & {
     variant?: "primary" | "secondary" | "link" | "ghost" | "tertiary" | "segmentedControl" | "alert";
     size?: ConditionalValue<ButtonSize>;
     leftIcon?: import('../icon/index.js').CasperIconComponent;

package/dist/components/button/button.js

@@ -1,8 +1,8 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { ThemeIconSizeVariable as t } from "../../theme/theme-types.js";
 import { forwardRef as n } from "react";
-import { Button as r } from "@chakra-ui/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as a } from "@chakra-ui/react";
 //#region lib/components/button/button.tsx
 var o = e(), s = {
 	xl: t.Medium,
@@ -18,11 +18,11 @@ var l = n((e, t) => {
 	let n = (0, o.c)(20), { children: s, variant: l, size: u, href: d, isLoading: f, isDisabled: p, leftIcon: m, rightIcon: h } = e, g = l === void 0 ? "secondary" : l, _ = u === void 0 ? "md" : u, v;
 	n[0] === _ ? v = n[1] : (v = c(_), n[0] = _, n[1] = v);
 	let y = v, b = m, x = h, S = d ? "a" : void 0, C = d || void 0, w;
-	n[2] !== b || n[3] !== y ? (w = b && /* @__PURE__ */ i(b, { size: y }), n[2] = b, n[3] = y, n[4] = w) : w = n[4];
+	n[2] !== b || n[3] !== y ? (w = b && /* @__PURE__ */ r(b, { size: y }), n[2] = b, n[3] = y, n[4] = w) : w = n[4];
 	let T;
-	n[5] !== x || n[6] !== y ? (T = x && /* @__PURE__ */ i(x, { size: y }), n[5] = x, n[6] = y, n[7] = T) : T = n[7];
+	n[5] !== x || n[6] !== y ? (T = x && /* @__PURE__ */ r(x, { size: y }), n[5] = x, n[6] = y, n[7] = T) : T = n[7];
 	let E;
-	return n[8] !== s || n[9] !== p || n[10] !== f || n[11] !== e || n[12] !== t || n[13] !== _ || n[14] !== S || n[15] !== C || n[16] !== w || n[17] !== T || n[18] !== g ? (E = /* @__PURE__ */ a(r, {
+	return n[8] !== s || n[9] !== p || n[10] !== f || n[11] !== e || n[12] !== t || n[13] !== _ || n[14] !== S || n[15] !== C || n[16] !== w || n[17] !== T || n[18] !== g ? (E = /* @__PURE__ */ i(a, {
 		as: S,
 		href: C,
 		size: _,

package/dist/components/checkbox/checkbox-icon.js

@@ -1,8 +1,8 @@
 import { Check as e } from "./icons/check.js";
 import { Minus as t } from "./icons/minus.js";
 import { Plus as n } from "./icons/plus.js";
-import { Icon as r } from "@chakra-ui/react";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { Icon as i } from "@chakra-ui/react";
 //#region lib/components/checkbox/checkbox-icon.tsx
 function a(e, t, n) {
 	if (t && !n) switch (e) {
@@ -31,7 +31,7 @@ function o({ variant: o, size: s, isChecked: c, isIndeterminate: l }) {
 			break;
 		default: u = e;
 	}
-	return /* @__PURE__ */ i(r, {
+	return /* @__PURE__ */ r(i, {
 		as: u,
 		boxSize: d
 	});

package/dist/components/checkbox/checkbox.js

@@ -2,28 +2,28 @@ import { require_compiler_runtime as e } from "../../node_modules/react/compiler
 import { ThemeSpaceVariable as t } from "../../theme/theme-types.js";
 import { CheckboxIcon as n } from "./checkbox-icon.js";
 import { forwardRef as r } from "react";
-import { Checkbox as i } from "@chakra-ui/react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Checkbox as s } from "@chakra-ui/react";
 //#region lib/components/checkbox/checkbox.tsx
 var c = e(), l = r((e, r) => {
 	let l = (0, c.c)(34), u, d, f, p, m, h, g, _, v, y, b, x, S;
 	l[0] === e ? (u = l[1], d = l[2], f = l[3], p = l[4], m = l[5], h = l[6], g = l[7], _ = l[8], v = l[9], y = l[10], b = l[11], x = l[12], S = l[13]) : ({children: u, size: _, variant: v, display: y, alignItems: b, justifyContent: x, gap: S, isChecked: d, isIndeterminate: p, isDisabled: f, isInvalid: m, onCheckedChange: h, ...g} = e, l[0] = e, l[1] = u, l[2] = d, l[3] = f, l[4] = p, l[5] = m, l[6] = h, l[7] = g, l[8] = _, l[9] = v, l[10] = y, l[11] = b, l[12] = x, l[13] = S);
 	let C = _ === void 0 ? "md" : _, w = v === void 0 ? "normal" : v, T = y === void 0 ? "flex" : y, E = b === void 0 ? "center" : b, D = x === void 0 ? "flex-start" : x, O = S === void 0 ? t.Small : S, k = !d && p ? "indeterminate" : d, A;
-	l[14] !== u || l[15] !== p || l[16] !== r || l[17] !== C || l[18] !== w ? (A = /* @__PURE__ */ o(i.Context, { children: (e) => /* @__PURE__ */ s(a, { children: [
-		/* @__PURE__ */ o(i.HiddenInput, {
+	l[14] !== u || l[15] !== p || l[16] !== r || l[17] !== C || l[18] !== w ? (A = /* @__PURE__ */ a(s.Context, { children: (e) => /* @__PURE__ */ o(i, { children: [
+		/* @__PURE__ */ a(s.HiddenInput, {
 			"aria-checked": p ? "mixed" : void 0,
 			ref: r
 		}),
-		/* @__PURE__ */ o(i.Control, { children: /* @__PURE__ */ o(n, {
+		/* @__PURE__ */ a(s.Control, { children: /* @__PURE__ */ a(n, {
 			variant: w,
 			size: C,
 			isChecked: e.checked,
 			isIndeterminate: e.indeterminate
 		}) }),
-		u && /* @__PURE__ */ o(i.Label, { children: u })
+		u && /* @__PURE__ */ a(s.Label, { children: u })
 	] }) }), l[14] = u, l[15] = p, l[16] = r, l[17] = C, l[18] = w, l[19] = A) : A = l[19];
 	let j;
-	return l[20] !== E || l[21] !== T || l[22] !== O || l[23] !== f || l[24] !== p || l[25] !== m || l[26] !== D || l[27] !== h || l[28] !== g || l[29] !== C || l[30] !== k || l[31] !== A || l[32] !== w ? (j = /* @__PURE__ */ o(i.Root, {
+	return l[20] !== E || l[21] !== T || l[22] !== O || l[23] !== f || l[24] !== p || l[25] !== m || l[26] !== D || l[27] !== h || l[28] !== g || l[29] !== C || l[30] !== k || l[31] !== A || l[32] !== w ? (j = /* @__PURE__ */ a(s.Root, {
 		size: C,
 		variant: w,
 		colorScheme: "none",

package/dist/components/checkbox-group/checkbox-group.js

@@ -1,13 +1,13 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { Checkbox as t } from "@chakra-ui/react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { Checkbox as n } from "@chakra-ui/react";
 //#region lib/components/checkbox-group/checkbox-group.tsx
 var r = e();
 function i(e) {
 	let i = (0, r.c)(8), a, o, s;
 	i[0] === e ? (a = i[1], o = i[2], s = i[3]) : ({children: a, isDisabled: o, ...s} = e, i[0] = e, i[1] = a, i[2] = o, i[3] = s);
 	let c;
-	return i[4] !== a || i[5] !== o || i[6] !== s ? (c = /* @__PURE__ */ n(t.Group, {
+	return i[4] !== a || i[5] !== o || i[6] !== s ? (c = /* @__PURE__ */ t(n.Group, {
 		disabled: o,
 		gap: 0,
 		...s,

package/dist/components/collapsible/collapsible.d.ts

@@ -1,3 +1,3 @@
 import { CollapsibleProps } from './types.js';
-export declare const Collapsible: ({ children, collapsedHeight, defaultExpanded, locale, }: CollapsibleProps) => import('react').JSX.Element;
+export declare const Collapsible: ({ children, collapsedHeight, defaultExpanded }: CollapsibleProps) => import('react').JSX.Element;
 //# sourceMappingURL=collapsible.d.ts.map

package/dist/components/collapsible/collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,eAAO,MAAM,WAAW,GAAI,yDAKzB,gBAAgB,gCAwFlB,CAAC"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMhD,eAAO,MAAM,WAAW,GAAI,gDAAuD,gBAAgB,gCAuFlG,CAAC"}