@caspeco/casper-ui-library 11.4.0 → 12.1.0

package/README.md

@@ -86,11 +86,11 @@ You may need to tweak the [pixelmatch comparator options](https://vitest.dev/api
    ```bash
    git checkout -b UTF-837-add-checkbox-component
    ```
-3. Make your changes.
-4. Bump the `version` field in `package.json` (following [Semantic versioning](https://semver.org/)) and run `npm install`. The version reflects API changes only (e.g. removing a prop → MAJOR, adding a prop → MINOR, no public API changes → PATCH). UI changes are **NOT** API changes.
-5. Open a [pull request](https://github.com/Caspeco/casper-ui-library/pulls) using the template and assign a reviewer.
-6. If the PR makes significant changes to the UI (e.g. changes the sizes for all buttons), clearly announce this in the [Mattermost channel](https://snack.azure.caspeco.com/default/channels/casper-ui-20---devs).
-7. After approval, merge the PR. If you have a new version in package.json it will automatically publish your changes to npm. The documentation website is always rebuilt.
+3. Make your changes. Don't touch the `version` field in `package.json`, CI handles it.
+4. Open a [pull request](https://github.com/Caspeco/casper-ui-library/pulls) using the template and assign a reviewer.
+5. If the change should be released, add **one** of the labels `bump-patch`, `bump-minor` or `bump-major` (following [Semantic versioning](https://semver.org/)). The version reflects API changes only (e.g. removing a prop → MAJOR, adding a prop → MINOR, no public API changes → PATCH). UI changes are **NOT** API changes.
+6. If the PR makes significant changes to the UI (e.g. changes the sizes for all buttons), clearly announce this in the [Mattermost channel](https://snack.azure.caspeco.com/default/channels/casper-ui-20).
+7. After approval, merge the PR. If it has a bump label, CI bumps the version, commits it to `main` and publishes to npm. [`@caspeco/casper-ui-css`](../casper-ui-css) is released the same way with its own `bump-css-*` labels. The documentation website is always rebuilt.
 
 ### How to add new icons
 

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

@@ -1,33 +1,33 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeIconSizeVariable as t } from "../../theme/theme-types.js";
+import { ThemeIconSize as t } from "../../theme/theme-types.js";
 import { useAccordionVariant as n } from "./accordion-context.js";
 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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/alert.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACrB,SAAkB,EAClB,EAA8B,EAC9B,EAAW,EACX,CAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAa,EACb,iBAAiB,EACjB,IAAI,EAAE,UAAU,EAChB,GAAG,KAAK,EACR,EAAE,UAAU,+BAgEZ"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/alert.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACrB,SAAkB,EAClB,EAAsB,EACtB,EAAW,EACX,CAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAa,EACb,iBAAiB,EACjB,IAAI,EAAE,UAAU,EAChB,GAAG,KAAK,EACR,EAAE,UAAU,+BAuDZ"}

package/dist/components/alert/alert.js

@@ -1,11 +1,11 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeFontSizeVariable as t, ThemeFontVariable as n, ThemeIconSizeVariable as r, ThemeRadiusVariable as i, ThemeSpaceVariable as a } from "../../theme/theme-types.js";
+import { ThemeFont as t, ThemeFontSize as n, ThemeIconSize as r, ThemeRadius as i, ThemeSpace as a } from "../../theme/theme-types.js";
 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, {
-		fontFamily: n.SubHeader,
-		fontSize: t.Large,
+	_[25] === O ? W = _[26] : (W = O && /* @__PURE__ */ d(s, {
+		fontFamily: t.SubHeader,
+		fontSize: n.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,
@@ -72,7 +72,7 @@ function _(e) {
 		display: "flex",
 		alignItems: "center",
 		minHeight: k,
-		fontFamily: n.Body,
+		fontFamily: t.Body,
 		color: F,
 		...S,
 		children: J

package/dist/components/alert/helper.d.ts

@@ -1,7 +1,7 @@
 import { CasperIconComponent } from '../icon/index.js';
-import { ThemeColorVariable } from '../../theme/index.js';
+import { ThemeColor } from '../../theme/index.js';
 import { AlertType } from './types.js';
-export declare const getAlertTextColor: (type: AlertType) => ThemeColorVariable;
-export declare const getAlertBackgroundColor: (type: AlertType) => ThemeColorVariable;
+export declare const getAlertTextColor: (type: AlertType) => ThemeColor;
+export declare const getAlertBackgroundColor: (type: AlertType) => ThemeColor;
 export declare const alertIcons: Record<AlertType, CasperIconComponent>;
 //# sourceMappingURL=helper.d.ts.map

package/dist/components/alert/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAKN,KAAK,mBAAmB,EACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,KAAG,kBAcnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,MAAM,SAAS,KAAG,kBAczD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,mBAAmB,CAM7D,CAAC"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/alert/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAKN,KAAK,mBAAmB,EACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,KAAG,UAcnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,MAAM,SAAS,KAAG,UAczD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,mBAAmB,CAM7D,CAAC"}

package/dist/components/alert/helper.js

@@ -1,4 +1,4 @@
-import { ThemeColorVariable as e } from "../../theme/theme-types.js";
+import { ThemeColor as e } from "../../theme/theme-types.js";
 import { CircleInfoIcon as t } from "../icon/icons/circle-info-icon.js";
 import { CircleSuccessIcon as n } from "../icon/icons/circle-success-icon.js";
 import { HexagonErrorIcon as r } from "../icon/icons/hexagon-error-icon.js";

package/dist/components/badge/badge.js

@@ -1,20 +1,20 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeSpaceVariable as t } from "../../theme/theme-types.js";
+import { ThemeSpace 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/badge/helper.d.ts

@@ -1,8 +1,8 @@
-import { ThemeIconSizeVariable } from '../../theme/index.js';
+import { ThemeIconSize } from '../../theme/index.js';
 import { ReactNode } from 'react';
 export declare const IconSizeConstants: {
-    readonly md: ThemeIconSizeVariable.Small;
-    readonly sm: ThemeIconSizeVariable.XSmall;
+    readonly md: ThemeIconSize.Small;
+    readonly sm: ThemeIconSize.XSmall;
 };
 export declare const checkChildRendersToString: (child: ReactNode) => boolean;
 //# sourceMappingURL=helper.d.ts.map

package/dist/components/badge/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC;AAEX,eAAO,MAAM,yBAAyB,GAAI,OAAO,SAAS,KAAG,OAW5D,CAAC"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/badge/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC;AAEX,eAAO,MAAM,yBAAyB,GAAI,OAAO,SAAS,KAAG,OAW5D,CAAC"}

package/dist/components/badge/helper.js

@@ -1,4 +1,4 @@
-import { ThemeIconSizeVariable as e } from "../../theme/theme-types.js";
+import { ThemeIconSize as e } from "../../theme/theme-types.js";
 import { isValidElement as t } from "react";
 //#region lib/components/badge/helper.ts
 var n = {

package/dist/components/box/box.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/box/box.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,mCAA+B,CAAC;AAEpD,eAAO,MAAM,MAAM,mCAIlB,CAAC;AAEF,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAYlB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAQxB,CAAC;AAEF,eAAO,MAAM,MAAM,mCA2BlB,CAAC"}
+{"version":3,"file":"box.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/box/box.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,mCAA+B,CAAC;AAEpD,eAAO,MAAM,MAAM,mCAIlB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAYlB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAIxB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAmBlB,CAAC"}

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.js

@@ -1,19 +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.js

@@ -1,5 +1,5 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeColorVariable as t, ThemeFontSizeVariable as n, ThemeFontVariable as r, ThemeSpaceVariable as i } from "../../theme/theme-types.js";
+import { ThemeColor as t, ThemeFont as n, ThemeFontSize as r, ThemeSpace as i } from "../../theme/theme-types.js";
 import { Menu as a } from "../menu/menu.js";
 import { MenuButton as o } from "../menu/menu-button.js";
 import { MenuItem as s } from "../menu/menu-item.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__ */ p(l, {
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, {
 		isCurrentPage: n,
 		color: a,
-		children: n ? /* @__PURE__ */ p("span", { children: i.title }) : 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
 		}) : null
-	}), r && /* @__PURE__ */ p(g, {})] }, e);
+	}), 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,
+			fontSize: r.Medium,
+			fontFamily: n.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 = r.Medium, w = n.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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../lib/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,kBAAkB,CAAC;AAEjF,OAAO,KAAK,EAAe,UAAU,EAAE,MAAM,SAAS,CAAC;AAwBvD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;;;;;;qDAiCjB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../lib/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,kBAAkB,CAAC;AAEjF,OAAO,KAAK,EAAe,UAAU,EAAE,MAAM,SAAS,CAAC;AAsBvD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;;;;;;qDAiCjB,CAAC"}

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 { ThemeIconSize 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
 	});