@caspeco/casper-ui-library 10.3.1 → 10.5.0

package/dist/components/modal/modal.js

@@ -1,59 +1,55 @@
-import { jsx as x, jsxs as V } from "react/jsx-runtime";
-import { c as $ } from "../../_virtual/compiler-runtime.js";
-import { useBreakpointValue as q, Dialog as F, Portal as w } from "@chakra-ui/react";
-import { useState as A } from "react";
-import { ModalBodyContext as G } from "./modal-body-context.js";
-function T(g) {
-  const e = $.c(43);
-  let t, o, l, n, s, i, r, f, h, v, C, O;
-  e[0] !== g ? ({
-    children: t,
-    isOpen: n,
-    onClose: s,
-    closeOnOverlayClick: l,
-    closeOnEsc: o,
-    onCloseComplete: i,
-    returnFocusOnClose: f,
-    trapFocus: h,
-    size: v,
-    scrollBehavior: C,
-    isCentered: O,
-    ...r
-  } = g, e[0] = g, e[1] = t, e[2] = o, e[3] = l, e[4] = n, e[5] = s, e[6] = i, e[7] = r, e[8] = f, e[9] = h, e[10] = v, e[11] = C, e[12] = O) : (t = e[1], o = e[2], l = e[3], n = e[4], s = e[5], i = e[6], r = e[7], f = e[8], h = e[9], v = e[10], C = e[11], O = e[12]);
-  const P = f === void 0 ? !0 : f, k = h === void 0 ? !0 : h, S = v === void 0 ? "sm" : v, j = C === void 0 ? "inside" : C, _ = O === void 0 ? !0 : O, [z, D] = A(null);
-  let B, E;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = {
-    base: "bottomSheet",
-    md: void 0
-  }, E = {
-    ssr: !1
-  }, e[13] = B, e[14] = E) : (B = e[13], E = e[14]);
-  const c = q(B, E);
-  let b;
-  e[15] !== s ? (b = function(I) {
-    I.open || s?.();
-  }, e[15] = s, e[16] = b) : b = e[16];
-  const M = b;
-  let a;
-  e[17] !== z ? (a = {
-    bodyElement: z,
-    setBodyElement: D
-  }, e[17] = z, e[18] = a) : a = e[18];
-  const R = _ ? "center" : void 0;
-  let d;
-  e[19] !== c ? (d = /* @__PURE__ */ x(F.Backdrop, { "data-variant": c }), e[19] = c, e[20] = d) : d = e[20];
-  let m;
-  e[21] !== t ? (m = /* @__PURE__ */ x(F.Positioner, { children: /* @__PURE__ */ x(F.Content, { children: t }) }), e[21] = t, e[22] = m) : m = e[22];
-  let p;
-  e[23] !== d || e[24] !== m ? (p = /* @__PURE__ */ V(w, { children: [
-    d,
-    m
-  ] }), e[23] = d, e[24] = m, e[25] = p) : p = e[25];
-  let u;
-  e[26] !== o || e[27] !== l || e[28] !== M || e[29] !== n || e[30] !== i || e[31] !== r || e[32] !== P || e[33] !== j || e[34] !== S || e[35] !== R || e[36] !== p || e[37] !== k || e[38] !== c ? (u = /* @__PURE__ */ x(F.Root, { variant: c, scrollBehavior: j, motionPreset: "slide-in-bottom", size: S, placement: R, closeOnInteractOutside: l, closeOnEscape: o, open: n, onOpenChange: M, restoreFocus: P, trapFocus: k, onExitComplete: i, ...r, children: p }), e[26] = o, e[27] = l, e[28] = M, e[29] = n, e[30] = i, e[31] = r, e[32] = P, e[33] = j, e[34] = S, e[35] = R, e[36] = p, e[37] = k, e[38] = c, e[39] = u) : u = e[39];
-  let y;
-  return e[40] !== u || e[41] !== a ? (y = /* @__PURE__ */ x(G.Provider, { value: a, children: u }), e[40] = u, e[41] = a, e[42] = y) : y = e[42], y;
+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";
+//#region lib/components/modal/modal.tsx
+var c = e();
+function l(e) {
+	let l = (0, c.c)(43), u, d, f, p, m, h, g, _, v, y, b, x;
+	l[0] === e ? (u = l[1], d = l[2], f = l[3], p = l[4], m = l[5], h = l[6], g = l[7], _ = l[8], v = l[9], y = l[10], b = l[11], x = l[12]) : ({children: u, isOpen: p, onClose: m, closeOnOverlayClick: f, closeOnEsc: d, onCloseComplete: h, returnFocusOnClose: _, trapFocus: v, size: y, scrollBehavior: b, isCentered: x, ...g} = e, l[0] = e, l[1] = u, l[2] = d, l[3] = f, l[4] = p, l[5] = m, l[6] = h, l[7] = g, l[8] = _, l[9] = v, l[10] = y, l[11] = b, l[12] = x);
+	let S = _ === void 0 || _, C = v === void 0 || v, w = y === void 0 ? "sm" : y, T = b === void 0 ? "inside" : b, E = x === void 0 || x, [D, O] = n(null), k, A;
+	l[13] === Symbol.for("react.memo_cache_sentinel") ? (k = {
+		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;
+	l[15] === m ? M = l[16] : (M = function(e) {
+		e.open || m?.();
+	}, l[15] = m, l[16] = M);
+	let N = M, P;
+	l[17] === D ? P = l[18] : (P = {
+		bodyElement: D,
+		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);
+	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);
+	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];
+	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, {
+		variant: j,
+		scrollBehavior: T,
+		motionPreset: "slide-in-bottom",
+		size: w,
+		placement: F,
+		closeOnInteractOutside: f,
+		closeOnEscape: d,
+		open: p,
+		onOpenChange: N,
+		restoreFocus: S,
+		trapFocus: C,
+		onExitComplete: h,
+		...g,
+		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, {
+		value: P,
+		children: z
+	}), l[40] = z, l[41] = P, l[42] = B) : B = l[42], B;
 }
-export {
-  T as Modal
-};
+//#endregion
+export { l as Modal };

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

@@ -1,91 +1,79 @@
-import { jsx as v } from "react/jsx-runtime";
-import { c as A } from "../../_virtual/compiler-runtime.js";
-import { Button as _, Link as H } from "@chakra-ui/react";
-import { ThemeColorVariable as f, ThemeSpaceVariable as x, ThemeFontSizeVariable as k, ThemeFontVariable as w } from "../../theme/theme-types.js";
-const S = {
-  fontFamily: w.Body,
-  fontSize: k.Medium,
-  color: f.OnSurface,
-  py: x.Small,
-  px: x.Medium,
-  fontWeight: "medium",
-  // "Reset" styles:
-  textDecoration: "none",
-  userSelect: "none",
-  height: "auto",
-  borderRadius: 0,
-  textAlign: "left",
-  background: "transparent",
-  outline: "none",
-  lineHeight: "auto",
-  border: 0,
-  transitionProperty: "none",
-  // Pseudo styles:
-  _disabled: {
-    opacity: 0.48
-  },
-  _hover: {
-    color: f.OnSurface,
-    textDecoration: "none",
-    cursor: "pointer",
-    bg: f.AccentHoverAlpha,
-    _disabled: {
-      bg: "none",
-      cursor: "not-allowed"
-    }
-  },
-  _focus: {
-    "&:not(:focus-visible)": {
-      outline: "none"
-    }
-  },
-  _focusVisible: {
-    outline: `2px solid ${f.OnSurface}`,
-    outlineOffset: "2px"
-  },
-  _active: {
-    color: f.OnSurface,
-    bg: f.AccentActiveAlpha,
-    _hover: {
-      bg: f.AccentActiveAlpha
-    }
-  }
+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";
+//#region lib/components/navigation-list/navigation-list-item.tsx
+var c = e(), l = {
+	fontFamily: r.Body,
+	fontSize: n.Medium,
+	color: t.OnSurface,
+	py: i.Small,
+	px: i.Medium,
+	fontWeight: "medium",
+	textDecoration: "none",
+	userSelect: "none",
+	height: "auto",
+	borderRadius: 0,
+	textAlign: "left",
+	background: "transparent",
+	outline: "none",
+	lineHeight: "auto",
+	border: 0,
+	transitionProperty: "none",
+	_disabled: { opacity: .48 },
+	_hover: {
+		color: t.OnSurface,
+		textDecoration: "none",
+		cursor: "pointer",
+		bg: t.AccentHoverAlpha,
+		_disabled: {
+			bg: "none",
+			cursor: "not-allowed"
+		}
+	},
+	_focus: { "&:not(:focus-visible)": { outline: "none" } },
+	_focusVisible: {
+		outline: `2px solid ${t.OnSurface}`,
+		outlineOffset: "2px"
+	},
+	_active: {
+		color: t.OnSurface,
+		bg: t.AccentActiveAlpha,
+		_hover: { bg: t.AccentActiveAlpha }
+	}
 };
-function T(u) {
-  const e = A.c(20);
-  let o, t, i, n, l, r, c, s, a;
-  e[0] !== u ? ({
-    children: o,
-    display: n,
-    w: l,
-    minW: r,
-    minH: c,
-    to: s,
-    href: a,
-    isDisabled: t,
-    ...i
-  } = u, e[0] = u, e[1] = o, e[2] = t, e[3] = i, e[4] = n, e[5] = l, e[6] = r, e[7] = c, e[8] = s, e[9] = a) : (o = e[1], t = e[2], i = e[3], n = e[4], l = e[5], r = e[6], c = e[7], s = e[8], a = e[9]);
-  const m = n === void 0 ? "block" : n, p = l === void 0 ? "100%" : l, d = r === void 0 ? "auto" : r, h = c === void 0 ? "auto" : c, g = s === void 0 ? void 0 : s, y = t ? void 0 : a === void 0 ? void 0 : a;
-  let b;
-  return e[10] !== o || e[11] !== m || e[12] !== t || e[13] !== h || e[14] !== d || e[15] !== i || e[16] !== y || e[17] !== g || e[18] !== p ? (b = /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v(H, { css: S, w: p, minW: d, minH: h, display: m, href: y, "aria-disabled": t, to: g, ...i, children: o }) }), e[10] = o, e[11] = m, e[12] = t, e[13] = h, e[14] = d, e[15] = i, e[16] = y, e[17] = g, e[18] = p, e[19] = b) : b = e[19], b;
+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, {
+		css: l,
+		w: g,
+		minW: _,
+		minH: v,
+		display: h,
+		href: b,
+		"aria-disabled": r,
+		to: y,
+		...i,
+		children: n
+	}) }), 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 B(u) {
-  const e = A.c(16);
-  let o, t, i, n, l, r, c;
-  e[0] !== u ? ({
-    children: o,
-    display: n,
-    w: l,
-    minW: r,
-    minH: c,
-    isDisabled: t,
-    ...i
-  } = u, e[0] = u, e[1] = o, e[2] = t, e[3] = i, e[4] = n, e[5] = l, e[6] = r, e[7] = c) : (o = e[1], t = e[2], i = e[3], n = e[4], l = e[5], r = e[6], c = e[7]);
-  const s = n === void 0 ? "block" : n, a = l === void 0 ? "100%" : l, m = r === void 0 ? "auto" : r, p = c === void 0 ? "auto" : c;
-  let d;
-  return e[8] !== o || e[9] !== s || e[10] !== t || e[11] !== p || e[12] !== m || e[13] !== i || e[14] !== a ? (d = /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v(_, { css: S, w: a, minW: m, minH: p, display: s, type: "button", disabled: t, ...i, children: o }) }), e[8] = o, e[9] = s, e[10] = t, e[11] = p, e[12] = m, e[13] = i, e[14] = a, e[15] = d) : d = e[15], d;
+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, {
+		css: l,
+		w: m,
+		minW: h,
+		minH: g,
+		display: p,
+		type: "button",
+		disabled: r,
+		...i,
+		children: n
+	}) }), t[8] = n, t[9] = p, t[10] = r, t[11] = g, t[12] = h, t[13] = i, t[14] = m, t[15] = _) : _ = t[15], _;
 }
-export {
-  B as NavigationListButton,
-  T as NavigationListLink
-};
+//#endregion
+export { d as NavigationListButton, u as NavigationListLink };

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

@@ -1,18 +1,24 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as n } from "../../_virtual/compiler-runtime.js";
-import { List as m, Box as p } from "@chakra-ui/react";
-function x(l) {
-  const e = n.c(8);
-  let t, o;
-  e[0] !== l ? ({
-    children: t,
-    ...o
-  } = l, e[0] = l, e[1] = t, e[2] = o) : (t = e[1], o = e[2]);
-  let i;
-  e[3] !== t ? (i = /* @__PURE__ */ s(m.Root, { as: "ol", m: 0, listStyleType: "none", children: t }), e[3] = t, e[4] = i) : i = e[4];
-  let r;
-  return e[5] !== o || e[6] !== i ? (r = /* @__PURE__ */ s(p, { as: "nav", ...o, children: i }), e[5] = o, e[6] = i, e[7] = r) : r = e[7], r;
+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";
+//#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, {
+		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, {
+		as: "nav",
+		...s,
+		children: c
+	}), a[5] = s, a[6] = c, a[7] = l) : l = a[7], l;
 }
-export {
-  x as NavigationList
-};
+//#endregion
+export { a as NavigationList };

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

@@ -1,41 +1,35 @@
-import { ThemeSpaceVariable as a, ThemeColorVariable as e, ThemeFontSizeVariable as o, ThemeFontVariable as t } from "../../theme/theme-types.js";
-import { defineRecipe as n } from "@chakra-ui/react";
-const i = {
-  fontFamily: t.Body,
-  color: e.OnBackground,
-  fontVariant: "tabular-nums",
-  display: "flex",
-  alignItems: "center",
-  gap: a.Medium,
-  "& .paginator-buttons-container": {
-    display: "inline-flex",
-    "& button": {
-      fontSize: o.Large
-    }
-  }
-}, r = {
-  width: "100%",
-  justifyContent: "flex-end",
-  padding: a.Small
-}, l = {
-  width: "fit-content",
-  padding: `${a.XSmall} ${a.Medium}`,
-  borderRadius: a.Small,
-  border: `1px solid ${e.OnSurfaceBorder}`,
-  backgroundColor: e.Surface,
-  boxShadow: `0 4px 12px 0 ${e.ShadowCard}`,
-  "& .paginator-buttons-container": {
-    gap: a.Small
-  }
-}, s = n({
-  base: i,
-  variants: {
-    variant: {
-      ghost: r,
-      outline: l
-    }
-  }
+import { ThemeColorVariable as e, ThemeFontSizeVariable as t, ThemeFontVariable as n, ThemeSpaceVariable 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,
+	color: e.OnBackground,
+	fontVariant: "tabular-nums",
+	display: "flex",
+	alignItems: "center",
+	gap: r.Medium,
+	"& .paginator-buttons-container": {
+		display: "inline-flex",
+		"& button": { fontSize: t.Large }
+	}
+}, o = {
+	width: "100%",
+	justifyContent: "flex-end",
+	padding: r.Small
+}, s = {
+	width: "fit-content",
+	padding: `${r.XSmall} ${r.Medium}`,
+	borderRadius: r.Small,
+	border: `1px solid ${e.OnSurfaceBorder}`,
+	backgroundColor: e.Surface,
+	boxShadow: `0 4px 12px 0 ${e.ShadowCard}`,
+	"& .paginator-buttons-container": { gap: r.Small }
+}, c = i({
+	base: a,
+	variants: { variant: {
+		ghost: o,
+		outline: s
+	} }
 });
-export {
-  s as paginatorRecipe
-};
+//#endregion
+export { c as paginatorRecipe };

package/dist/components/paginator/paginator.js

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

package/dist/components/paginator/translations.js

@@ -1,36 +1,36 @@
-const r = {
-  currentPage: (e, a, g) => `${e}-${a} of ${g}`,
-  previousPage: "Previous page",
-  nextPage: "Next page"
-}, n = {
-  "sv-SE": {
-    currentPage: (e, a, g) => `${e}-${a} av ${g}`,
-    previousPage: "Föregående sida",
-    nextPage: "Nästa sida"
-  },
-  "en-US": r,
-  "en-GB": r,
-  "nb-NO": {
-    currentPage: (e, a, g) => `${e}-${a} av ${g}`,
-    previousPage: "Forrige side",
-    nextPage: "Neste side"
-  },
-  "da-DK": {
-    currentPage: (e, a, g) => `${e}-${a} af ${g}`,
-    previousPage: "Forrige side",
-    nextPage: "Næste side"
-  },
-  "fr-FR": {
-    currentPage: (e, a, g) => `${e}-${a} sur ${g}`,
-    previousPage: "Page précédente",
-    nextPage: "Page suivante"
-  },
-  "nl-BE": {
-    currentPage: (e, a, g) => `${e}-${a} van ${g}`,
-    previousPage: "Vorige pagina",
-    nextPage: "Volgende pagina"
-  }
-};
-export {
-  n as translations
+//#region lib/components/paginator/translations.ts
+var e = {
+	currentPage: (e, t, n) => `${e}-${t} of ${n}`,
+	previousPage: "Previous page",
+	nextPage: "Next page"
+}, t = {
+	"sv-SE": {
+		currentPage: (e, t, n) => `${e}-${t} av ${n}`,
+		previousPage: "Föregående sida",
+		nextPage: "Nästa sida"
+	},
+	"en-US": e,
+	"en-GB": e,
+	"nb-NO": {
+		currentPage: (e, t, n) => `${e}-${t} av ${n}`,
+		previousPage: "Forrige side",
+		nextPage: "Neste side"
+	},
+	"da-DK": {
+		currentPage: (e, t, n) => `${e}-${t} af ${n}`,
+		previousPage: "Forrige side",
+		nextPage: "Næste side"
+	},
+	"fr-FR": {
+		currentPage: (e, t, n) => `${e}-${t} sur ${n}`,
+		previousPage: "Page précédente",
+		nextPage: "Page suivante"
+	},
+	"nl-BE": {
+		currentPage: (e, t, n) => `${e}-${t} van ${n}`,
+		previousPage: "Vorige pagina",
+		nextPage: "Volgende pagina"
+	}
 };
+//#endregion
+export { t as translations };