@caspeco/casper-ui-library 11.4.0 → 12.1.0

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

@@ -1,9 +1,9 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeColorVariable as t, ThemeIconSizeVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
+import { ThemeColor as t, ThemeIconSize as n, ThemeSpace as r } from "../../theme/theme-types.js";
 import { Flex as i } from "../flex/flex.js";
 import { setMenuItemElementType as a } from "./helper.js";
-import { Menu as o } from "@chakra-ui/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Menu as c } from "@chakra-ui/react";
 //#region lib/components/menu/menu-item.tsx
 var l = e(), u = (e) => {
 	let u = (0, l.c)(30), d, f, p, m, h, g, _, v, y;
@@ -11,16 +11,16 @@ var l = e(), u = (e) => {
 	let b = v !== void 0 && v, x = y === void 0 ? "button" : y, S;
 	u[10] !== d || u[11] !== x ? (S = d ?? a(x), u[10] = d, u[11] = x, u[12] = S) : S = u[12];
 	let C = S, w = m, T = _, E;
-	u[13] === w ? E = u[14] : (E = w && /* @__PURE__ */ s(w, { size: n.Medium }), u[13] = w, u[14] = E);
+	u[13] === w ? E = u[14] : (E = w && /* @__PURE__ */ o(w, { size: n.Medium }), u[13] = w, u[14] = E);
 	let D = E, O;
-	u[15] === T ? O = u[16] : (O = T && /* @__PURE__ */ s(T, {
+	u[15] === T ? O = u[16] : (O = T && /* @__PURE__ */ o(T, {
 		color: t.OnSurfaceSubdued,
 		size: n.Small
 	}), u[15] = T, u[16] = O);
 	let k;
-	u[17] === p ? k = u[18] : (k = p && /* @__PURE__ */ s(o.ItemCommand, { children: p }), u[17] = p, u[18] = k);
+	u[17] === p ? k = u[18] : (k = p && /* @__PURE__ */ o(c.ItemCommand, { children: p }), u[17] = p, u[18] = k);
 	let A;
-	u[19] !== f || u[20] !== O || u[21] !== k ? (A = /* @__PURE__ */ c(i, {
+	u[19] !== f || u[20] !== O || u[21] !== k ? (A = /* @__PURE__ */ s(i, {
 		justifyContent: "space-between",
 		alignItems: "center",
 		gap: r.XSmall,
@@ -32,7 +32,7 @@ var l = e(), u = (e) => {
 		]
 	}), u[19] = f, u[20] = O, u[21] = k, u[22] = A) : A = u[22];
 	let j;
-	return u[23] !== C || u[24] !== b || u[25] !== h || u[26] !== g || u[27] !== D || u[28] !== A ? (j = /* @__PURE__ */ c(o.Item, {
+	return u[23] !== C || u[24] !== b || u[25] !== h || u[26] !== g || u[27] !== D || u[28] !== A ? (j = /* @__PURE__ */ s(c.Item, {
 		as: C,
 		className: "menu-item",
 		disabled: b,

package/dist/components/menu/menu-list.js

@@ -1,12 +1,12 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { Menu as t, Portal as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { Menu as n, Portal as r } from "@chakra-ui/react";
 //#region lib/components/menu/menu-list.tsx
 var i = e(), a = (e) => {
 	let a = (0, i.c)(6), o, s;
 	a[0] === e ? (o = a[1], s = a[2]) : ({children: o, ...s} = e, a[0] = e, a[1] = o, a[2] = s);
 	let c;
-	return a[3] !== o || a[4] !== s ? (c = /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(t.Positioner, { children: /* @__PURE__ */ r(t.Content, {
+	return a[3] !== o || a[4] !== s ? (c = /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n.Positioner, { children: /* @__PURE__ */ t(n.Content, {
 		...s,
 		children: o
 	}) }) }), a[3] = o, a[4] = s, a[5] = c) : c = a[5], c;

package/dist/components/menu/menu-recipe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-recipe.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,oBAAoB,EAA4C,MAAM,kBAAkB,CAAC;AAuDvG,eAAO,MAAM,UAAU,EAAE,oBAyBvB,CAAC"}
+{"version":3,"file":"menu-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-recipe.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAA4C,MAAM,kBAAkB,CAAC;AAuDvG,eAAO,MAAM,UAAU,EAAE,oBAyBvB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { ThemeColorVariable as e, ThemeFontSizeVariable as t, ThemeShadowVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
+import { ThemeColor as e, ThemeFontSize as t, ThemeShadow as n, ThemeSpace as r } from "../../theme/theme-types.js";
 import { defineSlotRecipe as i } from "@chakra-ui/react";
 import { menuAnatomy as a } from "@chakra-ui/react/anatomy";
 //#region lib/components/menu/menu-recipe.ts

package/dist/components/menu/menu.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 { Menu as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { Menu as r } from "@chakra-ui/react";
 //#region lib/components/menu/menu.tsx
 var i = e(), a = t(function(e, t) {
 	let a = (0, i.c)(23), o, s, c, l, u, d, f;
@@ -21,9 +21,9 @@ var i = e(), a = t(function(e, t) {
 		overflowPadding: 0
 	}, a[10] = s, a[11] = p, a[12] = g, a[13] = _) : _ = a[13];
 	let v = _, y = h === "unmount", b = typeof o == "function", x;
-	a[14] !== o || a[15] !== b ? (x = b ? /* @__PURE__ */ r(n.Context, { children: (e) => o({ isOpen: e.open }) }) : o, a[14] = o, a[15] = b, a[16] = x) : x = a[16];
+	a[14] !== o || a[15] !== b ? (x = b ? /* @__PURE__ */ n(r.Context, { children: (e) => o({ isOpen: e.open }) }) : o, a[14] = o, a[15] = b, a[16] = x) : x = a[16];
 	let S;
-	return a[17] !== m || a[18] !== v || a[19] !== l || a[20] !== x || a[21] !== y ? (S = /* @__PURE__ */ r(n.Root, {
+	return a[17] !== m || a[18] !== v || a[19] !== l || a[20] !== x || a[21] !== y ? (S = /* @__PURE__ */ n(r.Root, {
 		lazyMount: m,
 		unmountOnExit: y,
 		positioning: v,

package/dist/components/message/message.js

@@ -1,28 +1,28 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeColorVariable as t, ThemeFontSizeVariable as n, ThemeRadiusVariable as r, ThemeSpaceVariable as i } from "../../theme/theme-types.js";
+import { ThemeColor as t, ThemeFontSize as n, ThemeRadius as r, ThemeSpace as i } from "../../theme/theme-types.js";
 import { Text as a } from "../text/text.js";
 import "react";
-import { Box as o } from "@chakra-ui/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Box as c } from "@chakra-ui/react";
 //#region lib/components/message/message.tsx
 var l = e();
 function u(e) {
 	let u = (0, l.c)(32), d, f, p, m, h, g, _, v;
 	u[0] === e ? (d = u[1], f = u[2], p = u[3], m = u[4], h = u[5], g = u[6], _ = u[7], v = u[8]) : ({children: f, time: v, from: h, author: _, autoFloat: d, errorState: m, errorMessage: p, ...g} = e, u[0] = e, u[1] = d, u[2] = f, u[3] = p, u[4] = m, u[5] = h, u[6] = g, u[7] = _, u[8] = v);
 	let y = (_ === void 0 ? "you" : _) === "you", b = d ? y ? "flex-start" : "flex-end" : void 0, x = y ? t.BackgroundDisabled : t.Accent, S = m ? "0.48" : "1", C = y ? r.Large : void 0, w = y ? void 0 : r.Large, T = y ? t.OnBackground : t.OnAccent, E;
-	u[9] !== f || u[10] !== T ? (E = /* @__PURE__ */ s(a, {
+	u[9] !== f || u[10] !== T ? (E = /* @__PURE__ */ o(a, {
 		fontSize: n.Medium,
 		color: T,
 		children: f
 	}), u[9] = f, u[10] = T, u[11] = E) : E = u[11];
 	let D;
-	u[12] !== h || u[13] !== y ? (D = h && /* @__PURE__ */ s(a, {
+	u[12] !== h || u[13] !== y ? (D = h && /* @__PURE__ */ o(a, {
 		fontSize: n.Small,
 		color: y ? t.OnBackgroundSubdued : t.InfoContainer,
 		children: h
 	}), u[12] = h, u[13] = y, u[14] = D) : D = u[14];
 	let O;
-	u[15] !== x || u[16] !== S || u[17] !== C || u[18] !== w || u[19] !== E || u[20] !== D ? (O = /* @__PURE__ */ c(o, {
+	u[15] !== x || u[16] !== S || u[17] !== C || u[18] !== w || u[19] !== E || u[20] !== D ? (O = /* @__PURE__ */ s(c, {
 		bg: x,
 		opacity: S,
 		px: i.Medium,
@@ -34,9 +34,9 @@ function u(e) {
 		children: [E, D]
 	}), u[15] = x, u[16] = S, u[17] = C, u[18] = w, u[19] = E, u[20] = D, u[21] = O) : O = u[21];
 	let k;
-	u[22] !== p || u[23] !== m || u[24] !== y || u[25] !== v ? (k = v && /* @__PURE__ */ s(o, {
+	u[22] !== p || u[23] !== m || u[24] !== y || u[25] !== v ? (k = v && /* @__PURE__ */ o(c, {
 		ml: i.Small,
-		children: /* @__PURE__ */ s(a, {
+		children: /* @__PURE__ */ o(a, {
 			fontSize: n.XSmall,
 			color: m ? t.Error : t.OnBackgroundSubdued,
 			textAlign: y ? void 0 : "right",
@@ -44,7 +44,7 @@ function u(e) {
 		})
 	}), u[22] = p, u[23] = m, u[24] = y, u[25] = v, u[26] = k) : k = u[26];
 	let A;
-	return u[27] !== g || u[28] !== O || u[29] !== k || u[30] !== b ? (A = /* @__PURE__ */ c(o, {
+	return u[27] !== g || u[28] !== O || u[29] !== k || u[30] !== b ? (A = /* @__PURE__ */ s(c, {
 		...g,
 		alignSelf: b,
 		children: [O, k]

package/dist/components/modal/modal-body.js

@@ -1,14 +1,14 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { useModalBodyContext as t } from "./modal-body-context.js";
-import { Dialog as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { Dialog as r } from "@chakra-ui/react";
 //#region lib/components/modal/modal-body.tsx
 var i = e();
 function a(e) {
 	let a = (0, i.c)(7), o, s;
 	a[0] === e ? (o = a[1], s = a[2]) : ({children: o, ...s} = e, a[0] = e, a[1] = o, a[2] = s);
 	let c = t()?.setBodyElement, l;
-	return a[3] !== o || a[4] !== s || a[5] !== c ? (l = /* @__PURE__ */ r(n.Body, {
+	return a[3] !== o || a[4] !== s || a[5] !== c ? (l = /* @__PURE__ */ n(r.Body, {
 		ref: c,
 		...s,
 		children: o

package/dist/components/modal/modal-close-button.js

@@ -1,24 +1,24 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeIconSizeVariable as t, ThemeSpaceVariable as n } from "../../theme/theme-types.js";
+import { ThemeIconSize as t, ThemeSpace as n } from "../../theme/theme-types.js";
 import { CloseIcon as r } from "../icon/icons/close-icon.js";
-import { DialogCloseTrigger as i } from "@chakra-ui/react";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
+import { DialogCloseTrigger as a } from "@chakra-ui/react";
 //#region lib/components/modal/modal-close-button.tsx
 var o = e();
 function s(e) {
 	let s = (0, o.c)(2), { isAbsolutePositioned: c } = e;
 	if (c !== void 0 && c) {
 		let e;
-		return s[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ a(i, {
+		return s[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ i(a, {
 			position: "absolute",
 			zIndex: 1,
 			top: n.Medium,
 			right: n.Medium,
-			children: /* @__PURE__ */ a(r, { size: t.Medium })
+			children: /* @__PURE__ */ i(r, { size: t.Medium })
 		}), s[0] = e) : e = s[0], e;
 	}
 	let l;
-	return s[1] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ a(i, { children: /* @__PURE__ */ a(r, { size: t.Medium }) }), s[1] = l) : l = s[1], l;
+	return s[1] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(r, { size: t.Medium }) }), s[1] = l) : l = s[1], l;
 }
 //#endregion
 export { s as ModalCloseButton };

package/dist/components/modal/modal-footer.js

@@ -1,8 +1,8 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { useModalBodyContext as t } from "./modal-body-context.js";
 import { useEffect as n, useState as r } from "react";
-import { Dialog as i } from "@chakra-ui/react";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
+import { Dialog as a } from "@chakra-ui/react";
 //#region lib/components/modal/modal-footer.tsx
 var o = e();
 function s(e) {
@@ -20,7 +20,7 @@ function s(e) {
 		return e.observe(f), () => e.disconnect();
 	}, m = [f], s[3] = f, s[4] = p, s[5] = m), n(p, m);
 	let h = u ? "0px 0px 16px rgba(0, 0, 0, 0.24)" : "none", g;
-	return s[6] !== h || s[7] !== c || s[8] !== l ? (g = /* @__PURE__ */ a(i.Footer, {
+	return s[6] !== h || s[7] !== c || s[8] !== l ? (g = /* @__PURE__ */ i(a.Footer, {
 		boxShadow: h,
 		...l,
 		children: c

package/dist/components/modal/modal-header.js

@@ -1,13 +1,13 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { Dialog as t } from "@chakra-ui/react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { Dialog as n } from "@chakra-ui/react";
 //#region lib/components/modal/modal-header.tsx
 var r = e();
 function i(e) {
 	let i = (0, r.c)(9), a, o, s;
 	i[0] === e ? (a = i[1], o = i[2], s = i[3]) : ({children: a, sticky: s, ...o} = e, i[0] = e, i[1] = a, i[2] = o, i[3] = s);
 	let c = s !== void 0 && s, l = c ? "sticky" : void 0, u = c ? 0 : void 0, d;
-	return i[4] !== a || i[5] !== o || i[6] !== l || i[7] !== u ? (d = /* @__PURE__ */ n(t.Header, {
+	return i[4] !== a || i[5] !== o || i[6] !== l || i[7] !== u ? (d = /* @__PURE__ */ t(n.Header, {
 		position: l,
 		top: u,
 		...o,

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

@@ -1 +1 @@
-{"version":3,"file":"modal.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal.composition.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,mCA+BvB,CAAC;AA8BF,eAAO,MAAM,SAAS,mCAarB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAatB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAarB,CAAC;AACF,eAAO,MAAM,cAAc,mCAa1B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAapB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAiE1B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAqExB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAsEzB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAwExB,CAAC;AAEF,eAAO,MAAM,2BAA2B,mCAkDvC,CAAC"}
+{"version":3,"file":"modal.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal.composition.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,mCA0BvB,CAAC;AA8BF,eAAO,MAAM,SAAS,mCAarB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAatB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAarB,CAAC;AACF,eAAO,MAAM,cAAc,mCAa1B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAapB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAiE1B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAiExB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAsEzB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAwExB,CAAC;AAEF,eAAO,MAAM,2BAA2B,mCAkDvC,CAAC"}

package/dist/components/modal/modal.js

@@ -1,8 +1,8 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { ModalBodyContext as t } from "./modal-body-context.js";
 import { useState as n } from "react";
-import { Dialog as r, Portal as i, useBreakpointValue as a } from "@chakra-ui/react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Dialog as a, Portal as o, useBreakpointValue as s } from "@chakra-ui/react";
 //#region lib/components/modal/modal.tsx
 var c = e();
 function l(e) {
@@ -13,7 +13,7 @@ function l(e) {
 		base: "bottomSheet",
 		md: void 0
 	}, A = { ssr: !1 }, l[13] = k, l[14] = A) : (k = l[13], A = l[14]);
-	let j = a(k, A), M;
+	let j = s(k, A), M;
 	l[15] === m ? M = l[16] : (M = function(e) {
 		e.open || m?.();
 	}, l[15] = m, l[16] = M);
@@ -23,13 +23,13 @@ function l(e) {
 		setBodyElement: O
 	}, l[17] = D, l[18] = P);
 	let F = E ? "center" : void 0, I;
-	l[19] === j ? I = l[20] : (I = /* @__PURE__ */ o(r.Backdrop, { "data-variant": j }), l[19] = j, l[20] = I);
+	l[19] === j ? I = l[20] : (I = /* @__PURE__ */ r(a.Backdrop, { "data-variant": j }), l[19] = j, l[20] = I);
 	let L;
-	l[21] === u ? L = l[22] : (L = /* @__PURE__ */ o(r.Positioner, { children: /* @__PURE__ */ o(r.Content, { children: u }) }), l[21] = u, l[22] = L);
+	l[21] === u ? L = l[22] : (L = /* @__PURE__ */ r(a.Positioner, { children: /* @__PURE__ */ r(a.Content, { children: u }) }), l[21] = u, l[22] = L);
 	let R;
-	l[23] !== I || l[24] !== L ? (R = /* @__PURE__ */ s(i, { children: [I, L] }), l[23] = I, l[24] = L, l[25] = R) : R = l[25];
+	l[23] !== I || l[24] !== L ? (R = /* @__PURE__ */ i(o, { children: [I, L] }), l[23] = I, l[24] = L, l[25] = R) : R = l[25];
 	let z;
-	l[26] !== d || l[27] !== f || l[28] !== N || l[29] !== p || l[30] !== h || l[31] !== g || l[32] !== S || l[33] !== T || l[34] !== w || l[35] !== F || l[36] !== R || l[37] !== C || l[38] !== j ? (z = /* @__PURE__ */ o(r.Root, {
+	l[26] !== d || l[27] !== f || l[28] !== N || l[29] !== p || l[30] !== h || l[31] !== g || l[32] !== S || l[33] !== T || l[34] !== w || l[35] !== F || l[36] !== R || l[37] !== C || l[38] !== j ? (z = /* @__PURE__ */ r(a.Root, {
 		variant: j,
 		scrollBehavior: T,
 		motionPreset: "slide-in-bottom",
@@ -46,7 +46,7 @@ function l(e) {
 		children: R
 	}), l[26] = d, l[27] = f, l[28] = N, l[29] = p, l[30] = h, l[31] = g, l[32] = S, l[33] = T, l[34] = w, l[35] = F, l[36] = R, l[37] = C, l[38] = j, l[39] = z) : z = l[39];
 	let B;
-	return l[40] !== z || l[41] !== P ? (B = /* @__PURE__ */ o(t.Provider, {
+	return l[40] !== z || l[41] !== P ? (B = /* @__PURE__ */ r(t.Provider, {
 		value: P,
 		children: z
 	}), l[40] = z, l[41] = P, l[42] = B) : B = l[42], B;

package/dist/components/navigation-list/navigation-list-item.js

@@ -1,11 +1,11 @@
 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 { Button as a, Link as o } from "@chakra-ui/react";
-import { jsx as s } from "react/jsx-runtime";
+import { ThemeColor as t, ThemeFont as n, ThemeFontSize as r, ThemeSpace as i } from "../../theme/theme-types.js";
+import { jsx as a } from "react/jsx-runtime";
+import { Button as o, Link as s } from "@chakra-ui/react";
 //#region lib/components/navigation-list/navigation-list-item.tsx
 var c = e(), l = {
-	fontFamily: r.Body,
-	fontSize: n.Medium,
+	fontFamily: n.Body,
+	fontSize: r.Medium,
 	color: t.OnSurface,
 	py: i.Small,
 	px: i.Medium,
@@ -43,10 +43,10 @@ var c = e(), l = {
 	}
 };
 function u(e) {
-	let t = (0, c.c)(20), n, r, i, a, u, d, f, p, m;
-	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], u = t[5], d = t[6], f = t[7], p = t[8], m = t[9]) : ({children: n, display: a, w: u, minW: d, minH: f, to: p, href: m, isDisabled: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = u, t[6] = d, t[7] = f, t[8] = p, t[9] = m);
-	let h = a === void 0 ? "block" : a, g = u === void 0 ? "100%" : u, _ = d === void 0 ? "auto" : d, v = f === void 0 ? "auto" : f, y = p === void 0 ? void 0 : p, b = r || m === void 0 ? void 0 : m, x;
-	return t[10] !== n || t[11] !== h || t[12] !== r || t[13] !== v || t[14] !== _ || t[15] !== i || t[16] !== b || t[17] !== y || t[18] !== g ? (x = /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(o, {
+	let t = (0, c.c)(20), n, r, i, o, u, d, f, p, m;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], o = t[4], u = t[5], d = t[6], f = t[7], p = t[8], m = t[9]) : ({children: n, display: o, w: u, minW: d, minH: f, to: p, href: m, isDisabled: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = o, t[5] = u, t[6] = d, t[7] = f, t[8] = p, t[9] = m);
+	let h = o === void 0 ? "block" : o, g = u === void 0 ? "100%" : u, _ = d === void 0 ? "auto" : d, v = f === void 0 ? "auto" : f, y = p === void 0 ? void 0 : p, b = r || m === void 0 ? void 0 : m, x;
+	return t[10] !== n || t[11] !== h || t[12] !== r || t[13] !== v || t[14] !== _ || t[15] !== i || t[16] !== b || t[17] !== y || t[18] !== g ? (x = /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(s, {
 		css: l,
 		w: g,
 		minW: _,
@@ -60,10 +60,10 @@ function u(e) {
 	}) }), t[10] = n, t[11] = h, t[12] = r, t[13] = v, t[14] = _, t[15] = i, t[16] = b, t[17] = y, t[18] = g, t[19] = x) : x = t[19], x;
 }
 function d(e) {
-	let t = (0, c.c)(16), n, r, i, o, u, d, f;
-	t[0] === e ? (n = t[1], r = t[2], i = t[3], o = t[4], u = t[5], d = t[6], f = t[7]) : ({children: n, display: o, w: u, minW: d, minH: f, isDisabled: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = o, t[5] = u, t[6] = d, t[7] = f);
-	let p = o === void 0 ? "block" : o, m = u === void 0 ? "100%" : u, h = d === void 0 ? "auto" : d, g = f === void 0 ? "auto" : f, _;
-	return t[8] !== n || t[9] !== p || t[10] !== r || t[11] !== g || t[12] !== h || t[13] !== i || t[14] !== m ? (_ = /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(a, {
+	let t = (0, c.c)(16), n, r, i, s, u, d, f;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], s = t[4], u = t[5], d = t[6], f = t[7]) : ({children: n, display: s, w: u, minW: d, minH: f, isDisabled: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = s, t[5] = u, t[6] = d, t[7] = f);
+	let p = s === void 0 ? "block" : s, m = u === void 0 ? "100%" : u, h = d === void 0 ? "auto" : d, g = f === void 0 ? "auto" : f, _;
+	return t[8] !== n || t[9] !== p || t[10] !== r || t[11] !== g || t[12] !== h || t[13] !== i || t[14] !== m ? (_ = /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(o, {
 		css: l,
 		w: m,
 		minW: h,

package/dist/components/navigation-list/navigation-list.js

@@ -1,20 +1,20 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { Box as t, List as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { Box as n, List as r } from "@chakra-ui/react";
 //#region lib/components/navigation-list/navigation-list.tsx
 var i = e();
 function a(e) {
 	let a = (0, i.c)(8), o, s;
 	a[0] === e ? (o = a[1], s = a[2]) : ({children: o, ...s} = e, a[0] = e, a[1] = o, a[2] = s);
 	let c;
-	a[3] === o ? c = a[4] : (c = /* @__PURE__ */ r(n.Root, {
+	a[3] === o ? c = a[4] : (c = /* @__PURE__ */ t(r.Root, {
 		as: "ol",
 		m: 0,
 		listStyleType: "none",
 		children: o
 	}), a[3] = o, a[4] = c);
 	let l;
-	return a[5] !== s || a[6] !== c ? (l = /* @__PURE__ */ r(t, {
+	return a[5] !== s || a[6] !== c ? (l = /* @__PURE__ */ t(n, {
 		as: "nav",
 		...s,
 		children: c

package/dist/components/paginator/paginator-recipe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginator-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator-recipe.ts"],"names":[],"mappings":"AAMA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAsCxE,eAAO,MAAM,eAAe;;;;;EAQ1B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,CAAC,OAAO,eAAe,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC"}
+{"version":3,"file":"paginator-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator-recipe.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAsCxE,eAAO,MAAM,eAAe;;;;;EAQ1B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,CAAC,OAAO,eAAe,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC"}

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

@@ -1,8 +1,8 @@
-import { ThemeColorVariable as e, ThemeFontSizeVariable as t, ThemeFontVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
+import { ThemeColor as e, ThemeFont as t, ThemeFontSize as n, ThemeSpace as r } from "../../theme/theme-types.js";
 import { defineRecipe as i } from "@chakra-ui/react";
 //#region lib/components/paginator/paginator-recipe.ts
 var a = {
-	fontFamily: n.Body,
+	fontFamily: t.Body,
 	color: e.OnBackground,
 	fontVariant: "tabular-nums",
 	display: "flex",
@@ -10,7 +10,7 @@ var a = {
 	gap: r.Medium,
 	"& .paginator-buttons-container": {
 		display: "inline-flex",
-		"& button": { fontSize: t.Large }
+		"& button": { fontSize: n.Large }
 	}
 }, o = {
 	width: "100%",

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

@@ -1 +1 @@
-{"version":3,"file":"paginator.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.composition.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,cAAc,mCAAqD,CAAC;AAEjF,eAAO,MAAM,gBAAgB,mCAAuD,CAAC"}
+{"version":3,"file":"paginator.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.composition.tsx"],"names":[],"mappings":"AA2BA,eAAO,MAAM,cAAc,mCAAqD,CAAC;AAEjF,eAAO,MAAM,gBAAgB,mCAAuD,CAAC"}

package/dist/components/paginator/paginator.d.ts

@@ -1,10 +1,7 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { PaginatorVariant } from './paginator-recipe.js';
-import { Locale } from './translations.js';
 export type PaginatorProps = ThemeStyleProps & {
     variant?: PaginatorVariant;
-    /** Which locale to use for translations */
-    locale: Locale;
     /** The size of each page */
     pageSize?: number;
     /** The total number of items */
@@ -14,5 +11,5 @@ export type PaginatorProps = ThemeStyleProps & {
     /** Invoked when the page index changes */
     onPageChange?: (newPageIndex: number) => void;
 };
-export declare function Paginator({ locale, pageSize, itemCount, pageIndex: _pageIndex, onPageChange, variant, ...rest }: PaginatorProps): import('react').JSX.Element;
+export declare function Paginator({ pageSize, itemCount, pageIndex: _pageIndex, onPageChange, variant, ...rest }: PaginatorProps): import('react').JSX.Element;
 //# sourceMappingURL=paginator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"paginator.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,KAAK,MAAM,EAAgB,MAAM,gBAAgB,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG;IAC9C,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;IAEf,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAElB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACzB,MAAM,EACN,QAAa,EACb,SAAS,EACT,SAAS,EAAE,UAAU,EACrB,YAAY,EACZ,OAAiB,EACjB,GAAG,IAAI,EACP,EAAE,cAAc,+BA8ChB"}
+{"version":3,"file":"paginator.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG;IAC9C,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAElB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACzB,QAAa,EACb,SAAS,EACT,SAAS,EAAE,UAAU,EACrB,YAAY,EACZ,OAAiB,EACjB,GAAG,IAAI,EACP,EAAE,cAAc,+BA8ChB"}

package/dist/components/paginator/paginator.js

@@ -2,65 +2,66 @@ import { require_compiler_runtime as e } from "../../node_modules/react/compiler
 import { BackIcon as t } from "../icon/icons/back-icon.js";
 import { ForwardIcon as n } from "../icon/icons/forward-icon.js";
 import { IconButton as r } from "../icon-button/icon-button.js";
-import { translations as i } from "./translations.js";
-import { Box as a, useControllableState as o, useRecipe as s } from "@chakra-ui/react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useComponentTranslations as i } from "../../theme/translations.js";
+import { paginatorTranslations as a } from "./paginator.translations.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Box as c, useControllableState as l, useRecipe as u } from "@chakra-ui/react";
 //#region lib/components/paginator/paginator.tsx
-var u = e();
-function d(e) {
-	let d = (0, u.c)(44), f, p, m, h, g, _, v;
-	d[0] === e ? (f = d[1], p = d[2], m = d[3], h = d[4], g = d[5], _ = d[6], v = d[7]) : ({locale: m, pageSize: _, itemCount: p, pageIndex: f, onPageChange: h, variant: v, ...g} = e, d[0] = e, d[1] = f, d[2] = p, d[3] = m, d[4] = h, d[5] = g, d[6] = _, d[7] = v);
+var d = e();
+function f(e) {
+	let f = (0, d.c)(43), p, m, h, g, _, v;
+	f[0] === e ? (p = f[1], m = f[2], h = f[3], g = f[4], _ = f[5], v = f[6]) : ({pageSize: _, itemCount: m, pageIndex: p, onPageChange: h, variant: v, ...g} = e, f[0] = e, f[1] = p, f[2] = m, f[3] = h, f[4] = g, f[5] = _, f[6] = v);
 	let y = _ === void 0 ? 10 : _, b = v === void 0 ? "ghost" : v, x;
-	d[8] !== f || d[9] !== h ? (x = {
-		value: f,
+	f[7] !== p || f[8] !== h ? (x = {
+		value: p,
 		defaultValue: 0,
 		onChange: h
-	}, d[8] = f, d[9] = h, d[10] = x) : x = d[10];
-	let [S, C] = o(x), w;
-	d[11] === Symbol.for("react.memo_cache_sentinel") ? (w = { key: "paginator" }, d[11] = w) : w = d[11];
-	let T = s(w), E;
-	d[12] !== T || d[13] !== b ? (E = T({ variant: b }), d[12] = T, d[13] = b, d[14] = E) : E = d[14];
-	let D = E, O = i[m], k = S > 0, A = y > 0 && S < Math.ceil(p / y) - 1, j = S * y + 1, M = Math.max(Math.min(y * (S + 1), p), 1), N;
-	d[15] !== S || d[16] !== C ? (N = () => {
+	}, f[7] = p, f[8] = h, f[9] = x) : x = f[9];
+	let [S, C] = l(x), w;
+	f[10] === Symbol.for("react.memo_cache_sentinel") ? (w = { key: "paginator" }, f[10] = w) : w = f[10];
+	let T = u(w), E;
+	f[11] !== T || f[12] !== b ? (E = T({ variant: b }), f[11] = T, f[12] = b, f[13] = E) : E = f[13];
+	let D = E, O = i(a), k = S > 0, A = y > 0 && S < Math.ceil(m / y) - 1, j = S * y + 1, M = Math.max(Math.min(y * (S + 1), m), 1), N;
+	f[14] !== S || f[15] !== C ? (N = () => {
 		C(S - 1);
-	}, d[15] = S, d[16] = C, d[17] = N) : N = d[17];
+	}, f[14] = S, f[15] = C, f[16] = N) : N = f[16];
 	let P = N, F;
-	d[18] !== S || d[19] !== C ? (F = () => {
+	f[17] !== S || f[18] !== C ? (F = () => {
 		C(S + 1);
-	}, d[18] = S, d[19] = C, d[20] = F) : F = d[20];
+	}, f[17] = S, f[18] = C, f[19] = F) : F = f[19];
 	let I = F, L;
-	d[21] !== p || d[22] !== M || d[23] !== j || d[24] !== O ? (L = O.currentPage(j, M, p), d[21] = p, d[22] = M, d[23] = j, d[24] = O, d[25] = L) : L = d[25];
+	f[20] !== m || f[21] !== M || f[22] !== j || f[23] !== O ? (L = O.currentPage(j, M, m), f[20] = m, f[21] = M, f[22] = j, f[23] = O, f[24] = L) : L = f[24];
 	let R;
-	d[26] === L ? R = d[27] : (R = /* @__PURE__ */ c(a, { children: L }), d[26] = L, d[27] = R);
+	f[25] === L ? R = f[26] : (R = /* @__PURE__ */ o(c, { children: L }), f[25] = L, f[26] = R);
 	let z = !k, B;
-	d[28] !== P || d[29] !== z || d[30] !== O.previousPage ? (B = /* @__PURE__ */ c(r, {
+	f[27] !== P || f[28] !== z || f[29] !== O.previousPage ? (B = /* @__PURE__ */ o(r, {
 		icon: t,
 		size: "md",
 		variant: "ghost",
 		"aria-label": O.previousPage,
 		onClick: P,
 		isDisabled: z
-	}), d[28] = P, d[29] = z, d[30] = O.previousPage, d[31] = B) : B = d[31];
+	}), f[27] = P, f[28] = z, f[29] = O.previousPage, f[30] = B) : B = f[30];
 	let V = !A, H;
-	d[32] !== I || d[33] !== V || d[34] !== O.nextPage ? (H = /* @__PURE__ */ c(r, {
+	f[31] !== I || f[32] !== V || f[33] !== O.nextPage ? (H = /* @__PURE__ */ o(r, {
 		icon: n,
 		size: "md",
 		variant: "ghost",
 		"aria-label": O.nextPage,
 		onClick: I,
 		isDisabled: V
-	}), d[32] = I, d[33] = V, d[34] = O.nextPage, d[35] = H) : H = d[35];
+	}), f[31] = I, f[32] = V, f[33] = O.nextPage, f[34] = H) : H = f[34];
 	let U;
-	d[36] !== B || d[37] !== H ? (U = /* @__PURE__ */ l(a, {
+	f[35] !== B || f[36] !== H ? (U = /* @__PURE__ */ s(c, {
 		className: "paginator-buttons-container",
 		children: [B, H]
-	}), d[36] = B, d[37] = H, d[38] = U) : U = d[38];
+	}), f[35] = B, f[36] = H, f[37] = U) : U = f[37];
 	let W;
-	return d[39] !== g || d[40] !== D || d[41] !== U || d[42] !== R ? (W = /* @__PURE__ */ l(a, {
+	return f[38] !== g || f[39] !== D || f[40] !== U || f[41] !== R ? (W = /* @__PURE__ */ s(c, {
 		css: D,
 		...g,
 		children: [R, U]
-	}), d[39] = g, d[40] = D, d[41] = U, d[42] = R, d[43] = W) : W = d[43], W;
+	}), f[38] = g, f[39] = D, f[40] = U, f[41] = R, f[42] = W) : W = f[42], W;
 }
 //#endregion
-export { d as Paginator };
+export { f as Paginator };

package/dist/components/paginator/paginator.translations.d.ts

@@ -0,0 +1,7 @@
+export type PaginatorTranslation = {
+    currentPage: (start: number, end: number, itemCount: number) => string;
+    previousPage: string;
+    nextPage: string;
+};
+export declare const paginatorTranslations: import('../../theme/translations.js').ComponentTranslations<PaginatorTranslation>;
+//# sourceMappingURL=paginator.translations.d.ts.map

package/dist/components/paginator/paginator.translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginator.translations.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.translations.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,oBAAoB,GAAG;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACvE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,qBAAqB,4EA6DhC,CAAC"}

package/dist/components/paginator/paginator.translations.js

@@ -0,0 +1,66 @@
+import { defineTranslations as e } from "../../theme/translations.js";
+//#region lib/components/paginator/paginator.translations.ts
+var t = e({
+	en: {
+		currentPage: (e, t, n) => `${e}-${t} of ${n}`,
+		previousPage: "Previous page",
+		nextPage: "Next page"
+	},
+	sv: {
+		currentPage: (e, t, n) => `${e}-${t} av ${n}`,
+		previousPage: "Föregående sida",
+		nextPage: "Nästa sida"
+	},
+	nb: {
+		currentPage: (e, t, n) => `${e}-${t} av ${n}`,
+		previousPage: "Forrige side",
+		nextPage: "Neste side"
+	},
+	da: {
+		currentPage: (e, t, n) => `${e}-${t} af ${n}`,
+		previousPage: "Forrige side",
+		nextPage: "Næste side"
+	},
+	fr: {
+		currentPage: (e, t, n) => `${e}-${t} sur ${n}`,
+		previousPage: "Page précédente",
+		nextPage: "Page suivante"
+	},
+	nl: {
+		currentPage: (e, t, n) => `${e}-${t} van ${n}`,
+		previousPage: "Vorige pagina",
+		nextPage: "Volgende pagina"
+	},
+	de: {
+		currentPage: (e, t, n) => `${e}-${t} von ${n}`,
+		previousPage: "Vorherige Seite",
+		nextPage: "Nächste Seite"
+	},
+	fi: {
+		currentPage: (e, t, n) => `${e}-${t} / ${n}`,
+		previousPage: "Edellinen sivu",
+		nextPage: "Seuraava sivu"
+	},
+	es: {
+		currentPage: (e, t, n) => `${e}-${t} de ${n}`,
+		previousPage: "Página anterior",
+		nextPage: "Página siguiente"
+	},
+	et: {
+		currentPage: (e, t, n) => `${e}-${t} / ${n}`,
+		previousPage: "Eelmine leht",
+		nextPage: "Järgmine leht"
+	},
+	lt: {
+		currentPage: (e, t, n) => `${e}-${t} iš ${n}`,
+		previousPage: "Ankstesnis puslapis",
+		nextPage: "Kitas puslapis"
+	},
+	lv: {
+		currentPage: (e, t, n) => `${e}-${t} no ${n}`,
+		previousPage: "Iepriekšējā lapa",
+		nextPage: "Nākamā lapa"
+	}
+});
+//#endregion
+export { t as paginatorTranslations };