@caspeco/casper-ui-library 11.4.0 → 12.1.0

package/dist/components/tabs/tab-with-image.js

@@ -1,25 +1,25 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeRadiusVariable as t, ThemeSpaceVariable as n } from "../../theme/theme-types.js";
-import { AspectRatio as r, Box as i, Flex as a, Image as o, VisuallyHidden as s, useMediaQuery as c, useSlotRecipe as l, useTabsContext as u } from "@chakra-ui/react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ThemeRadius as t, ThemeSpace as n } from "../../theme/theme-types.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { AspectRatio as a, Box as o, Flex as s, Image as c, VisuallyHidden as l, useMediaQuery as u, useSlotRecipe as d, useTabsContext as f } from "@chakra-ui/react";
 //#region lib/components/tabs/tab-with-image.tsx
 var p = e();
 function m(e) {
 	let m = (0, p.c)(30), { value: h, imgAlt: g, imgSrc: _, children: v, isDisabled: y } = e, b;
 	m[0] === Symbol.for("react.memo_cache_sentinel") ? (b = ["(min-width: 48em)"], m[0] = b) : b = m[0];
-	let [x] = c(b), S = x ? "96px" : "72px", C = u(), w;
+	let [x] = u(b), S = x ? "96px" : "72px", C = f(), w;
 	m[1] !== C || m[2] !== h ? (w = C.getTriggerProps({ value: h }), m[1] = C, m[2] = h, m[3] = w) : w = m[3];
 	let T = w, E;
 	m[4] === Symbol.for("react.memo_cache_sentinel") ? (E = { key: "tabs" }, m[4] = E) : E = m[4];
-	let D = l(E), O = x ? "md" : "sm", k;
+	let D = d(E), O = x ? "md" : "sm", k;
 	m[5] !== O || m[6] !== D ? (k = D({
 		variant: "default",
 		size: O
 	}), m[5] = O, m[6] = D, m[7] = k) : k = m[7];
 	let A = k, j;
-	m[8] === v ? j = m[9] : (j = /* @__PURE__ */ d(s, { children: v }), m[8] = v, m[9] = j);
+	m[8] === v ? j = m[9] : (j = /* @__PURE__ */ r(l, { children: v }), m[8] = v, m[9] = j);
 	let M;
-	m[10] !== S || m[11] !== g || m[12] !== _ ? (M = /* @__PURE__ */ d(o, {
+	m[10] !== S || m[11] !== g || m[12] !== _ ? (M = /* @__PURE__ */ r(c, {
 		src: _,
 		alt: g,
 		h: S,
@@ -28,7 +28,7 @@ function m(e) {
 		borderRadius: t.Medium
 	}), m[10] = S, m[11] = g, m[12] = _, m[13] = M) : M = m[13];
 	let N;
-	m[14] !== S || m[15] !== M ? (N = /* @__PURE__ */ d(r, {
+	m[14] !== S || m[15] !== M ? (N = /* @__PURE__ */ r(a, {
 		ratio: 1,
 		maxWidth: S,
 		minWidth: S,
@@ -36,7 +36,7 @@ function m(e) {
 		children: M
 	}), m[14] = S, m[15] = M, m[16] = N) : N = m[16];
 	let P = T["aria-selected"] ? !0 : void 0, F = y ? !0 : void 0, I;
-	m[17] !== v || m[18] !== A.trigger || m[19] !== F || m[20] !== P ? (I = /* @__PURE__ */ d(i, {
+	m[17] !== v || m[18] !== A.trigger || m[19] !== F || m[20] !== P ? (I = /* @__PURE__ */ r(o, {
 		outline: "none",
 		css: A.trigger,
 		"data-selected": P,
@@ -44,14 +44,14 @@ function m(e) {
 		children: v
 	}), m[17] = v, m[18] = A.trigger, m[19] = F, m[20] = P, m[21] = I) : I = m[21];
 	let L;
-	m[22] !== I || m[23] !== N ? (L = /* @__PURE__ */ f(a, {
+	m[22] !== I || m[23] !== N ? (L = /* @__PURE__ */ i(s, {
 		direction: "column",
 		align: "center",
 		role: "group",
 		children: [N, I]
 	}), m[22] = I, m[23] = N, m[24] = L) : L = m[24];
 	let R;
-	return m[25] !== y || m[26] !== L || m[27] !== j || m[28] !== T ? (R = /* @__PURE__ */ f("button", {
+	return m[25] !== y || m[26] !== L || m[27] !== j || m[28] !== T ? (R = /* @__PURE__ */ i("button", {
 		...T,
 		disabled: y,
 		children: [j, L]

package/dist/components/tabs/tab.js

@@ -1,14 +1,14 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { CustomTabWithImage as t } from "./tab-with-image.js";
-import { Tabs as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { Tabs as r } from "@chakra-ui/react";
 //#region lib/components/tabs/tab.tsx
 var i = e();
 function a(e) {
 	let a = (0, i.c)(18), o, s, c, l, u, d;
 	if (a[0] === e ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6]) : ({imgSrc: l, imgAlt: s, imgFallbackColor: c, children: o, isDisabled: u, ...d} = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d), l) {
 		let e;
-		return a[7] !== o || a[8] !== s || a[9] !== c || a[10] !== l || a[11] !== u || a[12] !== d ? (e = /* @__PURE__ */ r(t, {
+		return a[7] !== o || a[8] !== s || a[9] !== c || a[10] !== l || a[11] !== u || a[12] !== d ? (e = /* @__PURE__ */ n(t, {
 			imgAlt: s,
 			imgSrc: l,
 			imgFallbackColor: c,
@@ -18,7 +18,7 @@ function a(e) {
 		}), a[7] = o, a[8] = s, a[9] = c, a[10] = l, a[11] = u, a[12] = d, a[13] = e) : e = a[13], e;
 	}
 	let f;
-	return a[14] !== o || a[15] !== u || a[16] !== d ? (f = /* @__PURE__ */ r(n.Trigger, {
+	return a[14] !== o || a[15] !== u || a[16] !== d ? (f = /* @__PURE__ */ n(r.Trigger, {
 		disabled: u,
 		...d,
 		children: o

package/dist/components/tabs/tabs-recipe.js

@@ -1,5 +1,5 @@
 import { ThemeBorderToken as e, ThemeColorToken as t, ThemeFontSizeToken as n, ThemeFontToken as r, ThemeRadiusToken as i } from "../../theme/theme-tokens.js";
-import { ThemeColorVariable as a, ThemeSpaceVariable as o } from "../../theme/theme-types.js";
+import { ThemeColor as a, ThemeSpace as o } from "../../theme/theme-types.js";
 import { defineSlotRecipe as s } from "@chakra-ui/react";
 import { tabsAnatomy as c } from "@chakra-ui/react/anatomy";
 //#region lib/components/tabs/tabs-recipe.ts

package/dist/components/tabs/tabs.js

@@ -1,6 +1,6 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { Tabs as t } from "@chakra-ui/react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { Tabs as n } from "@chakra-ui/react";
 //#region lib/components/tabs/tabs.tsx
 var r = e();
 function i(e) {
@@ -12,7 +12,7 @@ function i(e) {
 		md: "md"
 	}, i[6] = d) : d = i[6];
 	let f;
-	return i[7] !== a || i[8] !== o || i[9] !== s || i[10] !== c || i[11] !== u ? (f = /* @__PURE__ */ n(t.Root, {
+	return i[7] !== a || i[8] !== o || i[9] !== s || i[10] !== c || i[11] !== u ? (f = /* @__PURE__ */ t(n.Root, {
 		variant: u,
 		fitted: o,
 		lazyMount: s,

package/dist/components/tabs/types.d.ts

@@ -1,4 +1,4 @@
-import { ThemeColorVariable, ThemeStyleProps } from '../../theme/index.js';
+import { ThemeColor, ThemeStyleProps } from '../../theme/index.js';
 import { BoxProps, Tabs as ChakraTabs } from '@chakra-ui/react';
 export type TabListProps = Pick<ChakraTabs.ListProps, "children"> & ThemeStyleProps;
 export type TabPanelsProps = Pick<BoxProps, "children"> & ThemeStyleProps;
@@ -15,7 +15,7 @@ type CustomTabProps = {
     imgAlt?: string | undefined;
     /** Color to use for an image fallback.
      * Is set as background color for a placeholder box seen until image is loaded. */
-    imgFallbackColor?: ThemeColorVariable | undefined;
+    imgFallbackColor?: ThemeColor | undefined;
 };
 type ConditionalTabProps = {
     imgSrc: string;

package/dist/components/tabs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAErE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAEpF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG,eAAe,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,GAAG,eAAe,GAAG,OAAO,CAAC,GAC1G,eAAe,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAG7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEH,KAAK,cAAc,GAAG;IACrB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;sFACkF;IAClF,gBAAgB,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;CAClD,CAAC;AAEF,KAAK,mBAAmB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,MAAM,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE3G,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,GACzE,eAAe,GACf,cAAc,GACd,mBAAmB,GAAG;IAErB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAErE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAEpF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG,eAAe,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,GAAG,eAAe,GAAG,OAAO,CAAC,GAC1G,eAAe,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAG7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEH,KAAK,cAAc,GAAG;IACrB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;sFACkF;IAClF,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,KAAK,mBAAmB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,MAAM,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE3G,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,GACzE,eAAe,GACf,cAAc,GACd,mBAAmB,GAAG;IAErB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/components/tag/tag-recipe.js

@@ -1,4 +1,4 @@
-import { ThemeColorVariable as e, ThemeFontSizeVariable as t, ThemeFontVariable as n, ThemeIconSizeVariable as r, ThemeRadiusVariable as i, ThemeSpaceVariable as a } from "../../theme/theme-types.js";
+import { ThemeColor as e, ThemeFont as t, ThemeFontSize as n, ThemeIconSize as r, ThemeRadius as i, ThemeSpace as a } from "../../theme/theme-types.js";
 import { defineSlotRecipe as o } from "@chakra-ui/react";
 import { tagAnatomy as s } from "@chakra-ui/react/anatomy";
 //#region lib/components/tag/tag-recipe.ts
@@ -161,7 +161,7 @@ var d = o({
 			textWrap: "unset",
 			mx: a.XSmall,
 			letterSpacing: "0.0125em",
-			font: n.Body
+			font: t.Body
 		},
 		closeTrigger: {
 			opacity: "0.48",
@@ -182,7 +182,7 @@ var d = o({
 						width: r.Small
 					}
 				},
-				label: { fontSize: t.Small },
+				label: { fontSize: n.Small },
 				closeTrigger: {
 					boxSize: r.Small,
 					"& svg": { boxSize: r.Small }
@@ -198,7 +198,7 @@ var d = o({
 						width: r.Medium
 					}
 				},
-				label: { fontSize: t.Medium },
+				label: { fontSize: n.Medium },
 				closeTrigger: {
 					boxSize: r.Medium,
 					"& svg": { boxSize: r.Medium }
@@ -214,7 +214,7 @@ var d = o({
 						width: r.Medium
 					}
 				},
-				label: { fontSize: t.Medium },
+				label: { fontSize: n.Medium },
 				closeTrigger: {
 					boxSize: r.Medium,
 					"& svg": { boxSize: r.Medium }

package/dist/components/tag/tag.js

@@ -1,34 +1,34 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { CloseIcon as t } from "../icon/icons/close-icon.js";
-import { Tag as n, TagLabel as r } from "@chakra-ui/react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Tag as a, TagLabel as o } from "@chakra-ui/react";
 //#region lib/components/tag/tag.tsx
 var s = e();
 function c(e) {
 	let c = (0, s.c)(33), l, u, d, f, p, m, h, g, _, v, y;
 	c[0] === e ? (l = c[1], u = c[2], d = c[3], f = c[4], p = c[5], m = c[6], h = c[7], g = c[8], _ = c[9], v = c[10], y = c[11]) : ({children: d, icon: f, onClose: m, ariaLabel: u, prepend: h, size: v, variant: y, solid: _, isDisabled: p, append: l, ...g} = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d, c[4] = f, c[5] = p, c[6] = m, c[7] = h, c[8] = g, c[9] = _, c[10] = v, c[11] = y);
 	let b = v === void 0 ? "xs" : v, x = y === void 0 ? "neutral" : y, S = f, C = _ ? `${x}Solid` : x, w;
-	c[12] === S ? w = c[13] : (w = S && /* @__PURE__ */ a(S, { className: "tag-icon" }), c[12] = S, c[13] = w);
+	c[12] === S ? w = c[13] : (w = S && /* @__PURE__ */ r(S, { className: "tag-icon" }), c[12] = S, c[13] = w);
 	let T;
-	c[14] === h ? T = c[15] : (T = h && /* @__PURE__ */ a(i, { children: h }), c[14] = h, c[15] = T);
+	c[14] === h ? T = c[15] : (T = h && /* @__PURE__ */ r(n, { children: h }), c[14] = h, c[15] = T);
 	let E;
-	c[16] === d ? E = c[17] : (E = /* @__PURE__ */ a(r, {
+	c[16] === d ? E = c[17] : (E = /* @__PURE__ */ r(o, {
 		display: "flex",
 		alignContent: "center",
 		children: d
 	}), c[16] = d, c[17] = E);
 	let D;
-	c[18] === l ? D = c[19] : (D = l && /* @__PURE__ */ a(i, { children: l }), c[18] = l, c[19] = D);
+	c[18] === l ? D = c[19] : (D = l && /* @__PURE__ */ r(n, { children: l }), c[18] = l, c[19] = D);
 	let O;
-	c[20] !== u || c[21] !== p || c[22] !== m ? (O = m && /* @__PURE__ */ a(n.CloseTrigger, {
+	c[20] !== u || c[21] !== p || c[22] !== m ? (O = m && /* @__PURE__ */ r(a.CloseTrigger, {
 		"aria-label": u,
 		disabled: p,
 		color: "inherit",
 		onClick: m,
-		children: /* @__PURE__ */ a(t, {})
+		children: /* @__PURE__ */ r(t, {})
 	}), c[20] = u, c[21] = p, c[22] = m, c[23] = O) : O = c[23];
 	let k;
-	return c[24] !== g || c[25] !== C || c[26] !== b || c[27] !== w || c[28] !== T || c[29] !== E || c[30] !== D || c[31] !== O ? (k = /* @__PURE__ */ o(n.Root, {
+	return c[24] !== g || c[25] !== C || c[26] !== b || c[27] !== w || c[28] !== T || c[29] !== E || c[30] !== D || c[31] !== O ? (k = /* @__PURE__ */ i(a.Root, {
 		size: b,
 		variant: C,
 		...g,
@@ -42,79 +42,79 @@ function c(e) {
 	}), c[24] = g, c[25] = C, c[26] = b, c[27] = w, c[28] = T, c[29] = E, c[30] = D, c[31] = O, c[32] = k) : k = c[32], k;
 }
 var l = Object.assign(c, {
-	Neutral: (e) => /* @__PURE__ */ a(c, {
+	Neutral: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "neutral"
 	}),
-	Primary: (e) => /* @__PURE__ */ a(c, {
+	Primary: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "primary"
 	}),
-	Secondary: (e) => /* @__PURE__ */ a(c, {
+	Secondary: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "secondary"
 	}),
-	Success: (e) => /* @__PURE__ */ a(c, {
+	Success: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "success"
 	}),
-	Error: (e) => /* @__PURE__ */ a(c, {
+	Error: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "error"
 	}),
-	Warning: (e) => /* @__PURE__ */ a(c, {
+	Warning: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "warning"
 	}),
-	Info: (e) => /* @__PURE__ */ a(c, {
+	Info: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "info"
 	}),
-	Muted: (e) => /* @__PURE__ */ a(c, {
+	Muted: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "muted"
 	}),
-	Strong: (e) => /* @__PURE__ */ a(c, {
+	Strong: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "strong"
 	}),
-	PickerBerry: (e) => /* @__PURE__ */ a(c, {
+	PickerBerry: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "pickerBerry"
 	}),
-	PickerCoral: (e) => /* @__PURE__ */ a(c, {
+	PickerCoral: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "pickerCoral"
 	}),
-	PickerFlamingo: (e) => /* @__PURE__ */ a(c, {
+	PickerFlamingo: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "pickerFlamingo"
 	}),
-	PickerFog: (e) => /* @__PURE__ */ a(c, {
+	PickerFog: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "pickerFog"
 	}),
-	PickerHoney: (e) => /* @__PURE__ */ a(c, {
+	PickerHoney: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "pickerHoney"
 	}),
-	PickerLemon: (e) => /* @__PURE__ */ a(c, {
+	PickerLemon: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "pickerLemon"
 	}),
-	PickerLime: (e) => /* @__PURE__ */ a(c, {
+	PickerLime: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "pickerLime"
 	}),
-	PickerOlive: (e) => /* @__PURE__ */ a(c, {
+	PickerOlive: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "pickerOlive"
 	}),
-	PickerPlum: (e) => /* @__PURE__ */ a(c, {
+	PickerPlum: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "pickerPlum"
 	}),
-	PickerSky: (e) => /* @__PURE__ */ a(c, {
+	PickerSky: (e) => /* @__PURE__ */ r(c, {
 		...e,
 		variant: "pickerSky"
 	})

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

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../lib/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACzF,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,KAAK,gBAAgB,GAAG;IACvB,gEAAgE;IAChE,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAG3C,UAAU,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CAC1C,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AAElF;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACpB,EAAQ,EACR,UAAmC,EACnC,QAAuC,EACvC,UAAqB,EACrB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,WAAW,EACX,GAAG,KAAK,EACR,EAAE,SAAS,+BAkBX"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../lib/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,KAAK,gBAAgB,GAAG;IACvB,gEAAgE;IAChE,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAG3C,UAAU,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CAC1C,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AAElF;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACpB,EAAQ,EACR,UAA2B,EAC3B,QAA+B,EAC/B,UAAqB,EACrB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,WAAW,EACX,GAAG,KAAK,EACR,EAAE,SAAS,+BAkBX"}

package/dist/components/text/text.js

@@ -1,14 +1,14 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeFontSizeVariable as t, ThemeFontVariable as n } from "../../theme/theme-types.js";
-import { Text as r } from "@chakra-ui/react";
-import { jsx as i } from "react/jsx-runtime";
+import { ThemeFont as t, ThemeFontSize as n } from "../../theme/theme-types.js";
+import { jsx as r } from "react/jsx-runtime";
+import { Text as i } from "@chakra-ui/react";
 //#region lib/components/text/text.tsx
 var a = e();
 function o(e) {
 	let o = (0, a.c)(26), s, c, l, u, d, f, p, m, h, g, _, v;
 	o[0] === e ? (s = o[1], c = o[2], l = o[3], u = o[4], d = o[5], f = o[6], p = o[7], m = o[8], h = o[9], g = o[10], _ = o[11], v = o[12]) : ({as: h, fontFamily: g, fontSize: _, fontWeight: v, color: u, children: l, decoration: d, noOfLines: p, align: s, casing: c, isTruncated: f, ...m} = e, o[0] = e, o[1] = s, o[2] = c, o[3] = l, o[4] = u, o[5] = d, o[6] = f, o[7] = p, o[8] = m, o[9] = h, o[10] = g, o[11] = _, o[12] = v);
-	let y = h === void 0 ? "p" : h, b = g === void 0 ? n.Body : g, x = _ === void 0 ? t.Medium : _, S = v === void 0 ? "normal" : v, C;
-	return o[13] !== s || o[14] !== y || o[15] !== c || o[16] !== l || o[17] !== u || o[18] !== d || o[19] !== b || o[20] !== x || o[21] !== S || o[22] !== f || o[23] !== p || o[24] !== m ? (C = /* @__PURE__ */ i(r, {
+	let y = h === void 0 ? "p" : h, b = g === void 0 ? t.Body : g, x = _ === void 0 ? n.Medium : _, S = v === void 0 ? "normal" : v, C;
+	return o[13] !== s || o[14] !== y || o[15] !== c || o[16] !== l || o[17] !== u || o[18] !== d || o[19] !== b || o[20] !== x || o[21] !== S || o[22] !== f || o[23] !== p || o[24] !== m ? (C = /* @__PURE__ */ r(i, {
 		as: y,
 		fontFamily: b,
 		fontSize: x,

package/dist/components/textarea/textarea-recipe.js

@@ -1,6 +1,6 @@
 import { isTouchScreenDevice as e } from "../../theme/theme-helper.js";
 import { ThemeBorderToken as t, ThemeColorToken as n, ThemeFontToken as r, ThemeRadiusToken as i, ThemeSpaceToken as a } from "../../theme/theme-tokens.js";
-import { ThemeColorVariable as o } from "../../theme/theme-types.js";
+import { ThemeColor as o } from "../../theme/theme-types.js";
 import { defineRecipe as s } from "@chakra-ui/react";
 //#region lib/components/textarea/textarea-recipe.ts
 var c = {

package/dist/components/textarea/textarea.js

@@ -1,13 +1,13 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import t from "react";
-import { Textarea as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { Textarea as r } from "@chakra-ui/react";
 //#region lib/components/textarea/textarea.tsx
 var i = e(), a = t.forwardRef((e, t) => {
 	let a = (0, i.c)(13), o, s, c, l, u;
 	a[0] === e ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5]) : ({isDisabled: o, isReadOnly: s, isRequired: c, resize: l, ...u} = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u);
 	let d;
-	return a[6] !== o || a[7] !== s || a[8] !== c || a[9] !== t || a[10] !== l || a[11] !== u ? (d = /* @__PURE__ */ r(n, {
+	return a[6] !== o || a[7] !== s || a[8] !== c || a[9] !== t || a[10] !== l || a[11] !== u ? (d = /* @__PURE__ */ n(r, {
 		resize: l,
 		ref: t,
 		disabled: o,

package/dist/components/toaster/toast-store.d.ts

@@ -1,5 +1,5 @@
 import { AlertType } from '../alert/index.js';
-import { ThemeSpaceVariable } from '../../theme/index.js';
+import { ThemeSpace } from '../../theme/index.js';
 import { ConditionalValue, CreateToasterReturn } from '@chakra-ui/react';
 import { ReactNode } from 'react';
 export type ShowToastOptions = {
@@ -14,7 +14,7 @@ export type ShowToastOptions = {
      * Distance from the bottom of the screen to the toast.
      * Defaults to 48px on larger screens and 8px on smaller screens.
      */
-    distanceToBottom?: ConditionalValue<ThemeSpaceVariable | (string & {})>;
+    distanceToBottom?: ConditionalValue<ThemeSpace | (string & {})>;
     /** Duration in milliseconds for which the toast is visible. Set to `null` for indefinite duration. */
     duration?: number | null;
 };

package/dist/components/toaster/toast-store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-store.d.ts","sourceRoot":"","sources":["../../../lib/components/toaster/toast-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAEN,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC9B,uDAAuD;IACvD,WAAW,EAAE,SAAS,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;kEAC8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;IAExE,sGAAsG;IACtG,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,gBAAgB,QAgBnG;AAGD,eAAO,MAAM,UAAU,EAAE,mBASvB,CAAC"}
+{"version":3,"file":"toast-store.d.ts","sourceRoot":"","sources":["../../../lib/components/toaster/toast-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAEN,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC9B,uDAAuD;IACvD,WAAW,EAAE,SAAS,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;kEAC8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;IAEhE,sGAAsG;IACtG,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,gBAAgB,QAgBnG;AAGD,eAAO,MAAM,UAAU,EAAE,mBASvB,CAAC"}

package/dist/components/toaster/toaster.js

@@ -1,9 +1,9 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeShadowVariable as t, ThemeSpaceVariable as n } from "../../theme/theme-types.js";
+import { ThemeShadow as t, ThemeSpace as n } from "../../theme/theme-types.js";
 import { Alert as r } from "../alert/alert.js";
 import { toastStore as i } from "./toast-store.js";
-import { Portal as a, Toast as o, Toaster as s } from "@chakra-ui/react";
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
+import { Portal as o, Toast as s, Toaster as c } from "@chakra-ui/react";
 //#region lib/components/toaster/toaster.tsx
 var l = e(), u = () => {
 	let e = (0, l.c)(2), u;
@@ -12,20 +12,20 @@ var l = e(), u = () => {
 		md: "560px"
 	}, e[0] = u) : u = e[0];
 	let f = u, p = d, m;
-	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ c(a, { children: /* @__PURE__ */ c(s, {
+	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ a(o, { children: /* @__PURE__ */ a(c, {
 		toaster: i,
 		children: (e) => {
-			let { id: a, title: s, description: l, type: u, closable: d, meta: m } = e, h = d === void 0 || d;
-			return /* @__PURE__ */ c(o.Root, {
+			let { id: o, title: c, description: l, type: u, closable: d, meta: m } = e, h = d === void 0 || d;
+			return /* @__PURE__ */ a(s.Root, {
 				width: f,
 				padding: n.Small,
 				pb: p(m),
-				children: /* @__PURE__ */ c(r, {
-					title: s,
+				children: /* @__PURE__ */ a(r, {
+					title: c,
 					type: m?.alertType ?? u,
-					onClose: h ? () => i.remove(a) : void 0,
+					onClose: h ? () => i.remove(o) : void 0,
 					boxShadow: t.Small,
-					children: /* @__PURE__ */ c(o.Description, { children: l })
+					children: /* @__PURE__ */ a(s.Description, { children: l })
 				})
 			});
 		}

package/dist/components/toggle-button/toggle-button.js

@@ -1,7 +1,7 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { useButtonChildren as t } from "./use-button-children.js";
-import { Button as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { Button as r } from "@chakra-ui/react";
 //#region lib/components/toggle-button/toggle-button.tsx
 var i = e();
 function a(e) {
@@ -11,7 +11,7 @@ function a(e) {
 		c = t, o = n, l = r, s = d, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l;
 	} else o = a[1], s = a[2], c = a[3], l = a[4];
 	let u = c !== void 0 && c, d = l === void 0 ? "outline" : l, f = t(e), p = d === "ghost" ? "toggleGhost" : "toggle", m;
-	return a[5] !== f || a[6] !== p || a[7] !== o || a[8] !== u || a[9] !== s ? (m = /* @__PURE__ */ r(n, {
+	return a[5] !== f || a[6] !== p || a[7] !== o || a[8] !== u || a[9] !== s ? (m = /* @__PURE__ */ n(r, {
 		"aria-pressed": u,
 		type: "button",
 		variant: p,

package/dist/components/toggle-button/use-button-children.js

@@ -1,7 +1,7 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeFontSizeVariable as t } from "../../theme/theme-types.js";
-import { Flex as n, Text as r, useBreakpointValue as i } from "@chakra-ui/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ThemeFontSize as t } from "../../theme/theme-types.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Flex as i, Text as a, useBreakpointValue as o } from "@chakra-ui/react";
 //#region lib/components/toggle-button/use-button-children.tsx
 var s = e(), c = ["md", "lg"];
 function l(e) {
@@ -9,27 +9,27 @@ function l(e) {
 	l[0] === p ? m = l[1] : (m = typeof p == "string" || p === void 0 ? { base: p } : p, l[0] = p, l[1] = m);
 	let h;
 	l[2] === Symbol.for("react.memo_cache_sentinel") ? (h = { ssr: !1 }, l[2] = h) : h = l[2];
-	let g = i(m, h), _ = g && c.includes(g);
+	let g = o(m, h), _ = g && c.includes(g);
 	if (f && _) {
 		let e;
-		l[3] === d ? e = l[4] : (e = /* @__PURE__ */ a(r, { children: d }), l[3] = d, l[4] = e);
-		let i;
-		l[5] === f ? i = l[6] : (i = /* @__PURE__ */ a(r, {
+		l[3] === d ? e = l[4] : (e = /* @__PURE__ */ n(a, { children: d }), l[3] = d, l[4] = e);
+		let o;
+		l[5] === f ? o = l[6] : (o = /* @__PURE__ */ n(a, {
 			fontSize: t.XSmall,
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap",
 			overflow: "hidden",
 			width: "100%",
 			children: f
-		}), l[5] = f, l[6] = i);
+		}), l[5] = f, l[6] = o);
 		let s;
-		return l[7] !== e || l[8] !== i ? (s = /* @__PURE__ */ o(n, {
+		return l[7] !== e || l[8] !== o ? (s = /* @__PURE__ */ r(i, {
 			"aria-hidden": "true",
 			flexDirection: "column",
 			alignItems: "center",
 			overflow: "hidden",
-			children: [e, i]
-		}), l[7] = e, l[8] = i, l[9] = s) : s = l[9], s;
+			children: [e, o]
+		}), l[7] = e, l[8] = o, l[9] = s) : s = l[9], s;
 	}
 	return d;
 }

package/dist/components/tooltip/tooltip.d.ts

@@ -12,6 +12,6 @@ export type TooltipProps = Pick<ChakraTooltip.RootProps, "children" | "disabled"
  * @see Docs https://caspeco.github.io/casper-ui-library/components/tooltip
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
  */
-export declare function Tooltip(props: TooltipProps): string | number | bigint | boolean | import('react').JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+export declare function Tooltip(props: TooltipProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import('react').JSX.Element | null | undefined;
 export {};
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/tooltip/tooltip.js

@@ -1,30 +1,30 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeColorVariable as t, ThemeFontSizeVariable as n, ThemeFontVariable as r, ThemeRadiusVariable as i, ThemeSpaceVariable as a } from "../../theme/theme-types.js";
-import { Portal as o, Tooltip as s } from "@chakra-ui/react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ThemeColor as t, ThemeFont as n, ThemeFontSize as r, ThemeRadius as i, ThemeSpace as a } from "../../theme/theme-types.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Portal as l, Tooltip as u } from "@chakra-ui/react";
 //#region lib/components/tooltip/tooltip.tsx
 var d = e();
 function f(e) {
 	let f = (0, d.c)(25), p, m, h, g, _, v, y, b;
 	f[0] === e ? (p = f[1], m = f[2], h = f[3], g = f[4], _ = f[5], v = f[6], y = f[7], b = f[8]) : ({children: p, label: h, placement: _, p: v, fontSize: y, fontFamily: b, disabled: m, ...g} = e, f[0] = e, f[1] = p, f[2] = m, f[3] = h, f[4] = g, f[5] = _, f[6] = v, f[7] = y, f[8] = b);
-	let x = _ === void 0 ? "bottom" : _, S = v === void 0 ? a.Small : v, C = y === void 0 ? n.Small : y, w = b === void 0 ? r.Body : b;
+	let x = _ === void 0 ? "bottom" : _, S = v === void 0 ? a.Small : v, C = y === void 0 ? r.Small : y, w = b === void 0 ? n.Body : b;
 	if (m) return p;
 	let T;
 	f[9] === x ? T = f[10] : (T = { placement: x }, f[9] = x, f[10] = T);
 	let E;
-	f[11] === p ? E = f[12] : (E = /* @__PURE__ */ l(s.Trigger, {
+	f[11] === p ? E = f[12] : (E = /* @__PURE__ */ s(u.Trigger, {
 		asChild: !0,
-		children: /* @__PURE__ */ l("span", { children: p })
+		children: /* @__PURE__ */ s("span", { children: p })
 	}), f[11] = p, f[12] = E);
 	let D;
 	f[13] === Symbol.for("react.memo_cache_sentinel") ? (D = { "--tooltip-bg": t.OnSurface }, f[13] = D) : D = f[13];
 	let O;
-	f[14] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ l(s.Arrow, {
+	f[14] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ s(u.Arrow, {
 		css: { "--arrow-size": a.Small },
-		children: /* @__PURE__ */ l(s.ArrowTip, {})
+		children: /* @__PURE__ */ s(u.ArrowTip, {})
 	}), f[14] = O) : O = f[14];
 	let k;
-	f[15] !== w || f[16] !== C || f[17] !== h || f[18] !== S ? (k = /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(s.Positioner, { children: /* @__PURE__ */ u(s.Content, {
+	f[15] !== w || f[16] !== C || f[17] !== h || f[18] !== S ? (k = /* @__PURE__ */ s(l, { children: /* @__PURE__ */ s(u.Positioner, { children: /* @__PURE__ */ c(u.Content, {
 		p: S,
 		borderRadius: i.Medium,
 		fontSize: C,
@@ -34,7 +34,7 @@ function f(e) {
 		children: [O, h]
 	}) }) }), f[15] = w, f[16] = C, f[17] = h, f[18] = S, f[19] = k) : k = f[19];
 	let A;
-	return f[20] !== g || f[21] !== T || f[22] !== E || f[23] !== k ? (A = /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u(s.Root, {
+	return f[20] !== g || f[21] !== T || f[22] !== E || f[23] !== k ? (A = /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c(u.Root, {
 		positioning: T,
 		...g,
 		children: [E, k]