@caspeco/casper-ui-library 5.1.1 → 5.3.0

package/README.md

@@ -63,3 +63,4 @@ export default defineConfig({
 3. Make your changes.
 4. Bump the `version` field in `package.json` (following [Semantic versioning](https://semver.org/)) and run `npm install`.
 5. Open a [pull request](https://github.com/Caspeco/casper-ui-library/pulls) using the template and assign a reviewer.
+6. When you have gotten your PR approved, merge the PR. If you have a new version in package.json it will automatically publish your changes to npm. A new version of the documentation website will always be built.

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

@@ -1,5 +1,5 @@
 import { BreadcrumbItemProps as ChakraBreadcrumbItemProps } from '@chakra-ui/react';
-type ChakraBreadcrumbItemProperties = Pick<ChakraBreadcrumbItemProps, "children" | "isCurrentPage" | "key" | "color">;
+type ChakraBreadcrumbItemProperties = Pick<ChakraBreadcrumbItemProps, "overflow" | "children" | "isCurrentPage" | "key" | "color">;
 export type BreadcrumbItemProps = ChakraBreadcrumbItemProperties;
 export declare function BreadcrumbItem({ children, ...props }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,KAAK,8BAA8B,GAAG,IAAI,CACzC,yBAAyB,EACzB,UAAU,GAAG,eAAe,GAAG,KAAK,GAAG,OAAO,CAC9C,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,8BAA8B,CAAC;AAEjE,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAEzE"}
+{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,KAAK,8BAA8B,GAAG,IAAI,CACzC,yBAAyB,EACzB,UAAU,GAAG,UAAU,GAAG,eAAe,GAAG,KAAK,GAAG,OAAO,CAC3D,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,8BAA8B,CAAC;AAEjE,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE"}

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

@@ -1,8 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
-import { BreadcrumbItem as t } from "@chakra-ui/react";
-function a({ children: r, ...m }) {
-  return /* @__PURE__ */ e(t, { ...m, children: r });
+import { jsx as m } from "react/jsx-runtime";
+import { BreadcrumbItem as o } from "@chakra-ui/react";
+function c({ children: r, ...e }) {
+  return /* @__PURE__ */ m(o, { whiteSpace: "nowrap", overflow: "hidden", ...e, children: r });
 }
 export {
-  a as BreadcrumbItem
+  c as BreadcrumbItem
 };

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-link.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumb-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,KAAK,8BAA8B,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;AAClG,MAAM,MAAM,mBAAmB,GAAG,8BAA8B,GAAG;IAClE,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAEzE"}
+{"version":3,"file":"breadcrumb-link.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumb-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,KAAK,8BAA8B,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;AAClG,MAAM,MAAM,mBAAmB,GAAG,8BAA8B,GAAG;IAClE,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE"}

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

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
-import { BreadcrumbLink as n } from "@chakra-ui/react";
-function t({ children: r, ...m }) {
-  return /* @__PURE__ */ i(n, { ...m, children: r });
+import { BreadcrumbLink as o } from "@chakra-ui/react";
+function t({ children: r, ...e }) {
+  return /* @__PURE__ */ i(o, { overflow: "hidden", textOverflow: "ellipsis", ...e, children: r });
 }
 export {
   t as BreadcrumbLink

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

@@ -1,11 +1,22 @@
+import { As } from '@chakra-ui/react';
 export type Breadcrumb = {
     title: string;
-    as?: any;
+    as?: As;
     to?: string;
     href?: string;
 };
 export type BreadcrumbsProps = {
+    /**
+     * The number of items to show before the ellipsis when collapsed.
+     * @default 1
+     */
+    itemsBeforeCollapse?: number;
+    /**
+     * The number of items to show after the ellipsis when collapsed.
+     * @default 2
+     */
+    itemsAfterCollapse?: number;
     breadCrumbs: Breadcrumb[];
 };
-export declare function Breadcrumbs({ breadCrumbs }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumbs({ breadCrumbs, itemsBeforeCollapse, itemsAfterCollapse, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=breadcrumbs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,WAAW,EAAE,UAAU,EAAE,CAAC;CAC1B,CAAC;AAgEF,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,EAAE,gBAAgB,2CAoC5D"}
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../lib/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAI3E,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,UAAU,EAAE,CAAC;CAC1B,CAAC;AAgEF,wBAAgB,WAAW,CAAC,EAC3B,WAAW,EACX,mBAAuB,EACvB,kBAAsB,GACtB,EAAE,gBAAgB,2CA6DlB"}

package/dist/components/breadcrumbs/breadcrumbs.js

@@ -1,55 +1,80 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { Breadcrumb as p } from "@chakra-ui/react";
-import { BreadcrumbItem as u } from "./breadcrumb-item.js";
-import { BreadcrumbLink as f } from "./breadcrumb-link.js";
-import { Menu as d } from "../menu/menu.js";
-import { MenuButton as g } from "../menu/menu-button.js";
-import { MenuList as M } from "../menu/menu-list.js";
-import { MenuItem as s } from "../menu/menu-item.js";
-import { ThemeFontVariable as k, ThemeFontSizeVariable as S, ThemeColorVariable as c } from "../../theme/theme-types.js";
-function y({ key: n, isCurrentPage: i, breadCrumb: t }) {
-  const e = i ? c.OnBackground : c.OnBackgroundSubdued;
-  return /* @__PURE__ */ h(u, { isCurrentPage: i, color: e, children: [
-    t.as && t.to && !t.href && /* @__PURE__ */ o(f, { as: t.as, to: t.to, children: t.title }),
-    t.href && !t.as && !t.to && /* @__PURE__ */ o(f, { href: t.href, children: t.title })
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { Breadcrumb as f } from "@chakra-ui/react";
+import { BreadcrumbItem as M } from "./breadcrumb-item.js";
+import { BreadcrumbLink as m } from "./breadcrumb-link.js";
+import { Menu as O } from "../menu/menu.js";
+import { MenuButton as w } from "../menu/menu-button.js";
+import { MenuList as z } from "../menu/menu-list.js";
+import { MenuItem as u } from "../menu/menu-item.js";
+import { ThemeFontVariable as a, ThemeFontSizeVariable as B, ThemeColorVariable as c } from "../../theme/theme-types.js";
+function g({ key: n, isCurrentPage: e, breadCrumb: t }) {
+  const i = e ? c.OnBackground : c.OnBackgroundSubdued;
+  return /* @__PURE__ */ d(M, { isCurrentPage: e, color: i, children: [
+    t.as && t.to && !t.href && /* @__PURE__ */ o(m, { as: t.as, to: t.to, children: t.title }),
+    t.href && !t.as && !t.to && /* @__PURE__ */ o(m, { href: t.href, children: t.title })
   ] }, n);
 }
-function I({ key: n, breadCrumbs: i }) {
-  return /* @__PURE__ */ o(u, { color: c.OnBackgroundSubdued, children: /* @__PURE__ */ h(d, { children: [
-    /* @__PURE__ */ o(g, { variant: "ghost", size: "sm", "aria-label": "Show collapsed items", children: "..." }),
-    /* @__PURE__ */ o(M, { children: i.map((t, e) => t.as && t.to ? /* @__PURE__ */ o(s, { as: t.as, to: t.to, children: t.title }, e) : t.href ? /* @__PURE__ */ o(s, { itemType: "link", href: t.href, children: t.title }, e) : /* @__PURE__ */ o(s, { isDisabled: !0, children: t.title }, e)) })
+function F({ key: n, breadCrumbs: e }) {
+  return /* @__PURE__ */ o(M, { overflow: "unset", color: c.OnBackgroundSubdued, children: /* @__PURE__ */ d(O, { children: [
+    /* @__PURE__ */ o(w, { variant: "ghost", size: "sm", "aria-label": "Show collapsed items", children: "..." }),
+    /* @__PURE__ */ o(z, { children: e.map((t, i) => t.as && t.to ? /* @__PURE__ */ o(u, { as: t.as, to: t.to, children: t.title }, i) : t.href ? /* @__PURE__ */ o(u, { itemType: "link", href: t.href, children: t.title }, i) : /* @__PURE__ */ o(u, { isDisabled: !0, children: t.title }, i)) })
   ] }) }, n);
 }
-function D({ breadCrumbs: n }) {
-  const i = n.length > 4, t = i ? n.slice(1, -2) : [], e = n.filter((r) => !t.includes(r)), m = i ? [
-    ...e.slice(0, 1),
+function H({
+  breadCrumbs: n,
+  itemsBeforeCollapse: e = 1,
+  itemsAfterCollapse: t = 2
+}) {
+  const i = e + t;
+  if (!(n.length > i)) {
+    const l = n;
+    return /* @__PURE__ */ o(
+      f,
+      {
+        color: c.OnBackground,
+        fontSize: B.Medium,
+        fontFamily: a.Body,
+        width: "100%",
+        children: l.map((r, s, h) => {
+          const I = s + 1 === h.length;
+          return g({
+            key: s.toString(),
+            isCurrentPage: I,
+            breadCrumb: r
+          });
+        })
+      }
+    );
+  }
+  const k = n.slice(0, e), p = t > 0 ? n.slice(-t) : [], S = n.slice(e, n.length - t), y = [
+    ...k,
     {
       title: "",
-      as: "",
       isMenuButton: !0
     },
-    ...e.slice(1)
-  ] : e;
+    ...p
+  ];
   return /* @__PURE__ */ o(
-    p,
+    f,
     {
       color: c.OnBackground,
-      fontSize: S.Medium,
-      fontFamily: k.Body,
-      children: m.map((r, l, a) => {
-        const B = l + 1 === a.length;
-        return r.isMenuButton ? I({
-          key: l.toString(),
-          breadCrumbs: t
-        }) : y({
-          key: l.toString(),
-          isCurrentPage: B,
-          breadCrumb: r
+      fontSize: B.Medium,
+      fontFamily: a.Body,
+      width: "100%",
+      children: y.map((l, r, s) => {
+        const h = r + 1 === s.length;
+        return l.isMenuButton ? F({
+          key: r.toString(),
+          breadCrumbs: S
+        }) : g({
+          key: r.toString(),
+          isCurrentPage: h,
+          breadCrumb: l
         });
       })
     }
   );
 }
 export {
-  D as Breadcrumbs
+  H as Breadcrumbs
 };

package/dist/components/menu/index.d.ts

@@ -6,6 +6,7 @@ export { MenuDivider } from './menu-divider.js';
 export type { MenuDividerProps } from './menu-divider.js';
 export { MenuGroup } from './menu-group.js';
 export type { MenuGroupProps } from './menu-group.js';
+export { MenuIconButton } from './menu-icon-button.js';
 export { MenuItem } from './menu-item.js';
 export type { MenuItemProps } from './menu-item.js';
 export { MenuList } from './menu-list.js';

package/dist/components/menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/menu/menu-box-button.d.ts

@@ -1,3 +1,7 @@
 import { BoxProps } from '../box/index.js';
+/**
+ * A Box that acts as a trigger for Menu
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/menu/
+ */
 export declare const MenuBoxButton: ({ children, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=menu-box-button.d.ts.map

package/dist/components/menu/menu-box-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-box-button.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-box-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,aAAa,GAAI,wBAAwB,QAAQ,4CAM7D,CAAC"}
+{"version":3,"file":"menu-box-button.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-box-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGtD;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,wBAAwB,QAAQ,4CAM7D,CAAC"}

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

@@ -1,3 +1,7 @@
 import { ButtonProps } from '../button/index.js';
+/**
+ * A Button that acts as a trigger for Menu
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/menu/
+ */
 export declare const MenuButton: ({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=menu-button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D,eAAO,MAAM,UAAU,GAAI,wBAAwB,WAAW,4CAM7D,CAAC"}
+{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,wBAAwB,WAAW,4CAM7D,CAAC"}

package/dist/components/menu/menu-icon-button.d.ts

@@ -0,0 +1,7 @@
+import { IconButtonProps } from '../icon-button/index.js';
+/**
+ * An IconButton that acts as a trigger for Menu
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/menu/
+ */
+export declare const MenuIconButton: (iconButtonProps: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menu-icon-button.d.ts.map

package/dist/components/menu/menu-icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-icon-button.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-icon-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,iBAAiB,eAAe,4CAE9D,CAAC"}

package/dist/components/menu/menu-icon-button.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+import { MenuButton as n } from "@chakra-ui/react";
+import { IconButton as r } from "../icon-button/icon-button.js";
+const p = (o) => /* @__PURE__ */ t(n, { as: r, ...o });
+export {
+  p as MenuIconButton
+};

package/dist/components/menu/menu.d.ts

@@ -1,6 +1,9 @@
 import { MenuProps as ChakraMenuProps } from '@chakra-ui/react';
 type ChakraMenuProperties = Pick<ChakraMenuProps, "children" | "closeOnBlur" | "closeOnSelect" | "matchWidth" | "placement" | "offset" | "isLazy" | "lazyBehavior">;
 export type MenuProps = Partial<ChakraMenuProperties>;
+/**
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/menu/
+ */
 export declare function Menu({ children, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=menu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,KAAK,oBAAoB,GAAG,IAAI,CAC/B,eAAe,EACb,UAAU,GACV,aAAa,GACb,eAAe,GACf,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,cAAc,CAChB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAEtD,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAMrD"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,KAAK,oBAAoB,GAAG,IAAI,CAC/B,eAAe,EACb,UAAU,GACV,aAAa,GACb,eAAe,GACf,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,cAAc,CAChB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAEtD;;GAEG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAMrD"}

package/dist/components/table/index.d.ts

@@ -4,5 +4,5 @@ export { TableContent } from './table-content.js';
 export { TableToolbar } from './table-toolbar.js';
 export type { TableContentProps } from './table-content.js';
 export type { TableToolbarProps } from './table-toolbar.js';
-export type { CellContext, ColumnDef, ExpandedState, TableDataType, TableProps, TableSubrows, VisibilityState, } from './types.js';
+export type { CellContext, ColumnDef, ExpandedState, RowSelectionState, TableDataType, TableProps, TableSubrows, VisibilityState, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,aAAa,EACb,UAAU,EACV,YAAY,EACZ,eAAe,GACf,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,eAAe,GACf,MAAM,SAAS,CAAC"}

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

@@ -1,7 +1,7 @@
 import { CellContext, Column, ColumnDef, ExpandedState, RowData, RowSelectionState, VisibilityState } from '@tanstack/react-table';
 import { PropsWithChildren } from 'react';
 import { Locales } from './translations.js';
-export type { CellContext, ColumnDef, ExpandedState, VisibilityState };
+export type { CellContext, ColumnDef, ExpandedState, RowSelectionState, VisibilityState };
 export type TableSubrows<K> = {
     subRows?: K[];
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,WAAW,EACX,MAAM,EACN,SAAS,EACT,aAAa,EACb,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC;AAEvE,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC7B,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/E,UAAU,cAAc,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC;IACjD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5C;;;;;OAKG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAClD;;OAEG;IACH,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D;;;OAGG;IACH,4BAA4B,CAAC,EAAE,eAAe,CAAC;IAC/C;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAKvG,qBAAqB,CAAC,EAAE,eAAe,CAAC;IACxC;;OAEG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtD,0EAA0E;IAC1E,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACxC;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC;AAE1F;;;GAGG;AACH,OAAO,QAAQ,uBAAuB,CAAC;IACtC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QACjD,SAAS,CAAC,EAAE,OAAO,CAAC;QAEpB,WAAW,CAAC,EAAE,KAAK,CAAC;QAEpB,YAAY,CAAC,EAAE,MAAM,CAAC;KACtB;IACD,UAAU,SAAS,CAAC,KAAK,SAAS,OAAO;QACxC,KAAK,CAAC,EAAE,KAAK,CAAC;KACd;CACD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,WAAW,EACX,MAAM,EACN,SAAS,EACT,aAAa,EACb,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC;AAE1F,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC7B,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/E,UAAU,cAAc,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC;IACjD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5C;;;;;OAKG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAClD;;OAEG;IACH,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D;;;OAGG;IACH,4BAA4B,CAAC,EAAE,eAAe,CAAC;IAC/C;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAKvG,qBAAqB,CAAC,EAAE,eAAe,CAAC;IACxC;;OAEG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtD,0EAA0E;IAC1E,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACxC;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC;AAE1F;;;GAGG;AACH,OAAO,QAAQ,uBAAuB,CAAC;IACtC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QACjD,SAAS,CAAC,EAAE,OAAO,CAAC;QAEpB,WAAW,CAAC,EAAE,KAAK,CAAC;QAEpB,YAAY,CAAC,EAAE,MAAM,CAAC;KACtB;IACD,UAAU,SAAS,CAAC,KAAK,SAAS,OAAO;QACxC,KAAK,CAAC,EAAE,KAAK,CAAC;KACd;CACD"}

package/dist/index.js

@@ -1,9 +1,9 @@
 import { useColorMode as e, useDisclosure as t, useRadioGroup as m } from "@chakra-ui/react";
 import { isTouchScreenDevice as x } from "./theme/theme-helper.js";
 import { ThemeColorModeScript as a, ThemeProvider as i, ThemeProviderContext as n } from "./theme/theme-provider.js";
-import { ThemeBorderVariable as d, ThemeBreakPointVariable as u, ThemeColorVariable as T, ThemeFontSizeVariable as c, ThemeFontVariable as s, ThemeIconSizeVariable as b, ThemeRadiusVariable as h, ThemeShadowVariable as M, ThemeSpaceVariable as g } from "./theme/theme-types.js";
+import { ThemeBorderVariable as d, ThemeBreakPointVariable as u, ThemeColorVariable as T, ThemeFontSizeVariable as c, ThemeFontVariable as s, ThemeIconSizeVariable as b, ThemeRadiusVariable as M, ThemeShadowVariable as h, ThemeSpaceVariable as g } from "./theme/theme-types.js";
 import { Accordion as C } from "./components/accordion/accordion.js";
-import { AccordionItem as k } from "./components/accordion/accordion-item.js";
+import { AccordionItem as I } from "./components/accordion/accordion-item.js";
 import { AccordionPanel as L } from "./components/accordion/accordion-panel.js";
 import { Alert as V } from "./components/alert/alert.js";
 import { Badge as D } from "./components/badge/badge.js";
@@ -27,10 +27,10 @@ import { Grid as no } from "./components/grid/grid.js";
 import { GridItem as uo } from "./components/grid/grid-item.js";
 import { Heading as co } from "./components/heading/heading.js";
 import { Icon as bo } from "./components/icon/icon.js";
-import { Icons as Mo } from "./components/icon/types.js";
+import { Icons as ho } from "./components/icon/types.js";
 import { IconButton as Bo } from "./components/icon-button/icon-button.js";
 import { Image as So } from "./components/image/image.js";
-import { ImageUpload as Io } from "./components/image-upload/image-upload.js";
+import { ImageUpload as ko } from "./components/image-upload/image-upload.js";
 import { ImageUploadAspectRatio as Po } from "./components/image-upload/types.js";
 import { Input as vo } from "./components/input/input.js";
 import { Link as Fo } from "./components/link/link.js";
@@ -41,48 +41,49 @@ import { MenuBoxButton as zo } from "./components/menu/menu-box-button.js";
 import { MenuButton as Eo } from "./components/menu/menu-button.js";
 import { MenuDivider as Wo } from "./components/menu/menu-divider.js";
 import { MenuGroup as qo } from "./components/menu/menu-group.js";
-import { MenuItem as Ko } from "./components/menu/menu-item.js";
-import { MenuList as Xo } from "./components/menu/menu-list.js";
-import { Message as Zo } from "./components/message/message.js";
-import { Modal as $o } from "./components/modal/modal.js";
-import { ModalBody as rr } from "./components/modal/modal-body.js";
-import { ModalCloseButton as tr } from "./components/modal/modal-close-button.js";
-import { ModalFooter as pr } from "./components/modal/modal-footer.js";
-import { ModalHeader as fr } from "./components/modal/modal-header.js";
-import { NavigationList as ir } from "./components/navigation-list/navigation-list.js";
-import { NavigationListButton as lr, NavigationListLink as dr } from "./components/navigation-list/navigation-list-item.js";
-import { Paginator as Tr } from "./components/paginator/paginator.js";
-import { QuantityButton as sr } from "./components/quantity-button/quantity-button.js";
-import { Radio as hr } from "./components/radio/radio.js";
-import { RadioAddon as gr } from "./components/radio/radio-addon.js";
-import { RadioCard as Cr } from "./components/radio/radio-card.js";
-import { RadioGroup as kr } from "./components/radio-group/radio-group.js";
-import { SegmentedControl as Lr } from "./components/segmented-control/segmented-control.js";
-import { Select as Vr } from "./components/select/select.js";
-import { Skeleton as Dr } from "./components/skeleton/skeleton.js";
-import { SkeletonText as Rr } from "./components/skeleton/skeleton-text.js";
-import { Stack as Gr } from "./components/stack/stack.js";
-import { StepContext as wr } from "./components/stepper/step-context.js";
-import { Stepper as yr } from "./components/stepper/stepper.js";
-import { Switch as Ur } from "./components/switch/switch.js";
-import { createColumnHelper as Qr } from "./node_modules/@tanstack/table-core/build/lib/index.js";
-import { Table as jr } from "./components/table/table.js";
-import { TableContent as Jr } from "./components/table/table-content.js";
-import { TableToolbar as Or } from "./components/table/table-toolbar.js";
-import { Tab as Yr } from "./components/tabs/tab.js";
-import { TabList as _r } from "./components/tabs/tab-list.js";
-import { TabPanel as oe } from "./components/tabs/tab-panel.js";
-import { TabPanels as ee } from "./components/tabs/tab-panels.js";
-import { Tabs as me } from "./components/tabs/tabs.js";
-import { Tag as xe } from "./components/tag/tag.js";
-import { Text as ae } from "./components/text/text.js";
-import { Textarea as ne } from "./components/textarea/textarea.js";
-import { useToast as de } from "./components/toast/toast.js";
-import { ToggleButton as Te } from "./components/toggle-button/toggle-button.js";
-import { Tooltip as se } from "./components/tooltip/tooltip.js";
+import { MenuIconButton as Ko } from "./components/menu/menu-icon-button.js";
+import { MenuItem as Xo } from "./components/menu/menu-item.js";
+import { MenuList as Zo } from "./components/menu/menu-list.js";
+import { Message as $o } from "./components/message/message.js";
+import { Modal as rr } from "./components/modal/modal.js";
+import { ModalBody as tr } from "./components/modal/modal-body.js";
+import { ModalCloseButton as pr } from "./components/modal/modal-close-button.js";
+import { ModalFooter as fr } from "./components/modal/modal-footer.js";
+import { ModalHeader as ir } from "./components/modal/modal-header.js";
+import { NavigationList as lr } from "./components/navigation-list/navigation-list.js";
+import { NavigationListButton as ur, NavigationListLink as Tr } from "./components/navigation-list/navigation-list-item.js";
+import { Paginator as sr } from "./components/paginator/paginator.js";
+import { QuantityButton as Mr } from "./components/quantity-button/quantity-button.js";
+import { Radio as gr } from "./components/radio/radio.js";
+import { RadioAddon as Cr } from "./components/radio/radio-addon.js";
+import { RadioCard as Ir } from "./components/radio/radio-card.js";
+import { RadioGroup as Lr } from "./components/radio-group/radio-group.js";
+import { SegmentedControl as Vr } from "./components/segmented-control/segmented-control.js";
+import { Select as Dr } from "./components/select/select.js";
+import { Skeleton as Rr } from "./components/skeleton/skeleton.js";
+import { SkeletonText as Gr } from "./components/skeleton/skeleton-text.js";
+import { Stack as wr } from "./components/stack/stack.js";
+import { StepContext as yr } from "./components/stepper/step-context.js";
+import { Stepper as Ur } from "./components/stepper/stepper.js";
+import { Switch as Qr } from "./components/switch/switch.js";
+import { createColumnHelper as jr } from "./node_modules/@tanstack/table-core/build/lib/index.js";
+import { Table as Jr } from "./components/table/table.js";
+import { TableContent as Or } from "./components/table/table-content.js";
+import { TableToolbar as Yr } from "./components/table/table-toolbar.js";
+import { Tab as _r } from "./components/tabs/tab.js";
+import { TabList as oe } from "./components/tabs/tab-list.js";
+import { TabPanel as ee } from "./components/tabs/tab-panel.js";
+import { TabPanels as me } from "./components/tabs/tab-panels.js";
+import { Tabs as xe } from "./components/tabs/tabs.js";
+import { Tag as ae } from "./components/tag/tag.js";
+import { Text as ne } from "./components/text/text.js";
+import { Textarea as de } from "./components/textarea/textarea.js";
+import { useToast as Te } from "./components/toast/toast.js";
+import { ToggleButton as se } from "./components/toggle-button/toggle-button.js";
+import { Tooltip as Me } from "./components/tooltip/tooltip.js";
 export {
   C as Accordion,
-  k as AccordionItem,
+  I as AccordionItem,
   L as AccordionPanel,
   V as Alert,
   D as Badge,
@@ -108,9 +109,9 @@ export {
   co as Heading,
   bo as Icon,
   Bo as IconButton,
-  Mo as Icons,
+  ho as Icons,
   So as Image,
-  Io as ImageUpload,
+  ko as ImageUpload,
   Po as ImageUploadAspectRatio,
   vo as Input,
   Fo as Link,
@@ -121,42 +122,43 @@ export {
   Eo as MenuButton,
   Wo as MenuDivider,
   qo as MenuGroup,
-  Ko as MenuItem,
-  Xo as MenuList,
-  Zo as Message,
-  $o as Modal,
-  rr as ModalBody,
-  tr as ModalCloseButton,
-  pr as ModalFooter,
-  fr as ModalHeader,
-  ir as NavigationList,
-  lr as NavigationListButton,
-  dr as NavigationListLink,
-  Tr as Paginator,
-  sr as QuantityButton,
-  hr as Radio,
-  gr as RadioAddon,
-  Cr as RadioCard,
-  kr as RadioGroup,
-  Lr as SegmentedControl,
-  Vr as Select,
-  Dr as Skeleton,
-  Rr as SkeletonText,
-  Gr as Stack,
-  wr as StepContext,
-  yr as Stepper,
-  Ur as Switch,
-  Yr as Tab,
-  _r as TabList,
-  oe as TabPanel,
-  ee as TabPanels,
-  jr as Table,
-  Jr as TableContent,
-  Or as TableToolbar,
-  me as Tabs,
-  xe as Tag,
-  ae as Text,
-  ne as Textarea,
+  Ko as MenuIconButton,
+  Xo as MenuItem,
+  Zo as MenuList,
+  $o as Message,
+  rr as Modal,
+  tr as ModalBody,
+  pr as ModalCloseButton,
+  fr as ModalFooter,
+  ir as ModalHeader,
+  lr as NavigationList,
+  ur as NavigationListButton,
+  Tr as NavigationListLink,
+  sr as Paginator,
+  Mr as QuantityButton,
+  gr as Radio,
+  Cr as RadioAddon,
+  Ir as RadioCard,
+  Lr as RadioGroup,
+  Vr as SegmentedControl,
+  Dr as Select,
+  Rr as Skeleton,
+  Gr as SkeletonText,
+  wr as Stack,
+  yr as StepContext,
+  Ur as Stepper,
+  Qr as Switch,
+  _r as Tab,
+  oe as TabList,
+  ee as TabPanel,
+  me as TabPanels,
+  Jr as Table,
+  Or as TableContent,
+  Yr as TableToolbar,
+  xe as Tabs,
+  ae as Tag,
+  ne as Text,
+  de as Textarea,
   d as ThemeBorderVariable,
   u as ThemeBreakPointVariable,
   T as ThemeColorVariable,
@@ -165,15 +167,15 @@ export {
   b as ThemeIconSizeVariable,
   i as ThemeProvider,
   n as ThemeProviderContext,
-  h as ThemeRadiusVariable,
-  M as ThemeShadowVariable,
+  M as ThemeRadiusVariable,
+  h as ThemeShadowVariable,
   g as ThemeSpaceVariable,
-  Te as ToggleButton,
-  se as Tooltip,
-  Qr as createColumnHelper,
+  se as ToggleButton,
+  Me as Tooltip,
+  jr as createColumnHelper,
   x as isTouchScreenDevice,
   e as useColorMode,
   t as useDisclosure,
   m as useRadioGroup,
-  de as useToast
+  Te as useToast
 };

package/dist/theme/theme-config/components/paginator-theme.d.ts

@@ -7,6 +7,7 @@ export declare const paginatorConfig: {
         display: string;
         justifyContent: string;
         alignItems: string;
+        fontVariant: string;
         padding: ThemeSpaceVariable;
         gap: ThemeSpaceVariable;
         div: {

package/dist/theme/theme-config/components/paginator-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginator-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/paginator-theme.ts"],"names":[],"mappings":"AACA,OAAO,EACN,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB1B,CAAC"}
+{"version":3,"file":"paginator-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/paginator-theme.ts"],"names":[],"mappings":"AACA,OAAO,EACN,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiB1B,CAAC"}

package/dist/theme/theme-config/components/paginator-theme.js

@@ -1,22 +1,23 @@
-import { defineStyleConfig as o } from "@chakra-ui/react";
-import { ThemeFontSizeVariable as a, ThemeSpaceVariable as e, ThemeColorVariable as i, ThemeFontVariable as t } from "../../theme-types.js";
-const r = o({
+import { defineStyleConfig as a } from "@chakra-ui/react";
+import { ThemeFontSizeVariable as o, ThemeSpaceVariable as e, ThemeColorVariable as t, ThemeFontVariable as i } from "../../theme-types.js";
+const l = a({
   baseStyle: {
     width: "100%",
-    fontFamily: t.Body,
-    color: i.OnBackground,
+    fontFamily: i.Body,
+    color: t.OnBackground,
     display: "flex",
     justifyContent: "flex-end",
     alignItems: "center",
+    fontVariant: "tabular-nums",
     padding: e.Small,
     gap: e.Medium,
     div: {
       button: {
-        fontSize: a.Large
+        fontSize: o.Large
       }
     }
   }
 });
 export {
-  r as paginatorConfig
+  l as paginatorConfig
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "5.1.1",
+	"version": "5.3.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -40,7 +40,7 @@
 		"jsdom": "^26.1.0",
 		"tsc-alias": "^1.8.16",
 		"typescript": "~5.9.2",
-		"typescript-eslint": "^8.40.0",
+		"typescript-eslint": "^8.41.0",
 		"vite": "^7.1.3",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-tsconfig-paths": "^5.1.4",