@soft-stech/bootsman-ui-shadcn 1.4.31 → 1.4.33

package/dist/components/ui/pagination/BuiPaginationCommon.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../variables-Ct6TXY_l.js";
+import { _ as f } from "../../../variables-Cp5imn3x.js";
 export {
   f as default
 };

package/dist/components/ui/pagination/BuiPaginationCommon.vue.d.ts

@@ -2,6 +2,11 @@ declare const pageSizes: readonly [10, 20, 30, 40, 50];
 export type PageSize = (typeof pageSizes)[number];
 declare let __VLS_typeProps: {
     total: number;
+    translations?: {
+        itemsPerPage: string;
+        page: string;
+        of: string;
+    };
 };
 type __VLS_PublicProps = {
     'pageSize': PageSize;

package/dist/components/ui/pagination/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../../../variables-Ct6TXY_l.js";
+import { _ as o } from "../../../variables-Cp5imn3x.js";
 import { f as n, y as r, g as s } from "../../../index-DKlaqzM0.js";
 import { _ as g } from "../../../BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CwmCuGgF.js";
 import { _ as P } from "../../../BuiPaginationLast.vue_vue_type_script_setup_true_lang-CSOtvyld.js";

package/dist/components/ui/table/BuiDataTable.vue.d.ts

@@ -38,6 +38,11 @@ declare const _default: <TData, TValue>(__VLS_props: NonNullable<Awaited<typeof
         columnSearchPlaceholder?: string;
         columnSearchNotFound?: string;
         columnResetVisibility?: string;
+        paginationTranslations?: {
+            itemsPerPage: string;
+            page: string;
+            of: string;
+        };
     })> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/components/ui/table/index.js

@@ -4,15 +4,15 @@ import { _ as T } from "../../../BuiTableCell.vue_vue_type_script_setup_true_lan
 import { _ as ee } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-Dyf8tkSZ.js";
 import { _ as oe } from "../../../BuiTableHeader.vue_vue_type_script_setup_true_lang-BXgL487_.js";
 import { _ as N } from "../../../BuiTableRow.vue_vue_type_script_setup_true_lang-Bl4nF6yV.js";
-import { defineComponent as G, computed as S, openBlock as s, createElementBlock as d, Fragment as p, createBlock as f, unref as t, normalizeClass as K, withCtx as l, renderSlot as b, renderList as k, normalizeStyle as W, createVNode as r, createCommentVNode as v, resolveDynamicComponent as te, mergeModels as ne, useModel as C, watchEffect as le, ref as V, watch as ae, createSlots as se, createElementVNode as g, createTextVNode as _, toDisplayString as $ } from "vue";
+import { defineComponent as G, computed as S, openBlock as s, createElementBlock as d, Fragment as f, createBlock as p, unref as t, normalizeClass as K, withCtx as l, renderSlot as b, renderList as k, normalizeStyle as W, createVNode as r, createCommentVNode as v, resolveDynamicComponent as te, mergeModels as ne, useModel as C, watchEffect as le, ref as V, watch as ae, createSlots as se, createElementVNode as g, createTextVNode as _, toDisplayString as $ } from "vue";
 import { _ as go } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang-CTEP1Sde.js";
 import { _ as re } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-BTyX0sT5.js";
-import { _ as po } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-CRyh8XF5.js";
+import { _ as fo } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-CRyh8XF5.js";
 import { _ as ie } from "../../../BuiCollapsible.vue_vue_type_script_setup_true_lang-DjuQBjGZ.js";
 import { _ as ue } from "../../../BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-l-nmwAwq.js";
 import { _ as de } from "../../../BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-BiD89zzH.js";
-import { _ as me } from "../../../variables-Ct6TXY_l.js";
-import { h as ge, v as h, g as fe, _ as pe } from "../../../utils-CwP7Up6y.js";
+import { _ as me } from "../../../variables-Cp5imn3x.js";
+import { h as ge, v as h, g as pe, _ as fe } from "../../../utils-CwP7Up6y.js";
 import { FlexRender as Y, useVueTable as ce, getCoreRowModel as be, getPaginationRowModel as ye, getSortedRowModel as ve } from "@tanstack/vue-table";
 import { _ as we } from "../../../BuiCommand.vue_vue_type_script_setup_true_lang-BiBVfuW-.js";
 import { _ as Se } from "../../../BuiCommandEmpty.vue_vue_type_script_setup_true_lang-BkPg_0iY.js";
@@ -44,8 +44,8 @@ const Ie = ge("Settings2Icon", [
   },
   setup(c) {
     const a = c, z = S(() => a.row.original.name?.includes(Pe));
-    return (i, R) => (s(), d(p, null, [
-      z.value ? v("", !0) : (s(), f(t(N), {
+    return (i, R) => (s(), d(f, null, [
+      z.value ? v("", !0) : (s(), p(t(N), {
         key: 0,
         "data-row-state": i.row.getIsSelected() ? "selected" : void 0,
         class: K(a.renderSubComponent?.(i.row) ? "border-b-0" : "")
@@ -54,7 +54,7 @@ const Ie = ge("Settings2Icon", [
           b(i.$slots, "actions")
         ]),
         default: l(() => [
-          (s(!0), d(p, null, k(i.row.getVisibleCells(), (w) => (s(), f(t(T), {
+          (s(!0), d(f, null, k(i.row.getVisibleCells(), (w) => (s(), p(t(T), {
             key: w.id,
             style: W({ ...t(q)(w.column) })
           }, {
@@ -69,7 +69,7 @@ const Ie = ge("Settings2Icon", [
         ]),
         _: 3
       }, 8, ["data-row-state", "class"])),
-      a.renderSubComponent?.(i.row) ? (s(), f(t(N), {
+      a.renderSubComponent?.(i.row) ? (s(), p(t(N), {
         key: 1,
         "data-row-state": i.row.getIsSelected() ? "selected" : void 0
       }, {
@@ -82,7 +82,7 @@ const Ie = ge("Settings2Icon", [
             class: "pt-0"
           }, {
             default: l(() => [
-              (s(), f(te(a.renderSubComponent?.(i.row)?.())))
+              (s(), p(te(a.renderSubComponent?.(i.row)?.())))
             ]),
             _: 1
           }, 8, ["colspan"])
@@ -94,7 +94,7 @@ const Ie = ge("Settings2Icon", [
 }), Oe = {
   key: 0,
   class: "w-full py-3"
-}, Me = { class: "absolute right-0 top-0 z-10 h-10 bg-background" }, Ve = { class: "flex h-full items-center border-b border-l border-border/[0.16] bg-foreground/[0.04] px-1" }, Te = ["onDblclick", "onMousedown", "className"], Ne = { class: "mt-1 flex w-full items-center justify-between" }, Le = { class: "relative -mb-[6px] inline-block rounded-t-lg bg-background px-4 py-2 text-sm font-medium shadow-top-shadow" }, xe = {
+}, Me = { class: "absolute right-0 top-0 z-10 h-10 bg-background" }, Ve = { class: "flex h-full items-center border-b border-l border-border/[0.16] bg-foreground/[0.04] px-1" }, Te = ["onDblclick", "onMousedown", "className"], Ne = { class: "mt-1 flex w-full items-center justify-between" }, Le = { class: "relative -mb-[6px] inline-block rounded-t-lg bg-background px-4 py-2 text-sm font-medium shadow-top-shadow" }, De = {
   key: 0,
   class: "flex min-h-8 items-center"
 }, A = "#UNDEFINED#", io = /* @__PURE__ */ G({
@@ -115,7 +115,8 @@ const Ie = ge("Settings2Icon", [
     enableColumnListControl: { type: Boolean },
     columnSearchPlaceholder: { default: "Column name" },
     columnSearchNotFound: { default: "Not found" },
-    columnResetVisibility: { default: "Reset column visibility" }
+    columnResetVisibility: { default: "Reset column visibility" },
+    paginationTranslations: {}
   }, {
     sorting: {},
     sortingModifiers: {},
@@ -132,7 +133,7 @@ const Ie = ge("Settings2Icon", [
   }),
   emits: ["update:sorting", "update:pagination", "update:selection", "update:columnVisibility", "update:columnSizing", "update:columnOrder"],
   setup(c) {
-    const a = c, z = C(c, "sorting"), i = C(c, "pagination"), R = C(c, "selection"), w = C(c, "columnVisibility"), L = C(c, "columnSizing"), y = C(c, "columnOrder"), x = S(
+    const a = c, z = C(c, "sorting"), i = C(c, "pagination"), R = C(c, "selection"), w = C(c, "columnVisibility"), L = C(c, "columnSizing"), y = C(c, "columnOrder"), D = S(
       () => a.manualPagination ? a.totalItems : a.data.length
     ), J = a.columns.map((e) => e.meta?.pinLeft && e.id ? e.id : "").filter(Boolean), u = ce({
       initialState: {
@@ -195,7 +196,7 @@ const Ie = ge("Settings2Icon", [
         }
       },
       getRowId: a.getRowId
-    }), D = S({
+    }), x = S({
       get() {
         return u.getState().pagination.pageSize;
       },
@@ -230,24 +231,24 @@ const Ie = ge("Settings2Icon", [
     );
     return ae(P, () => {
       u.setColumnOrder(P.value);
-    }), (e, o) => (s(), d(p, null, [
+    }), (e, o) => (s(), d(f, null, [
       e.$slots.caption ? (s(), d("div", Oe, [
         b(e.$slots, "caption", { table: t(u) })
       ])) : v("", !0),
       r(t(X), null, se({
         default: l(() => [
-          U.value ? (s(), f(t(oe), {
+          U.value ? (s(), p(t(oe), {
             key: 0,
             "freeze-header": a.freezeHeader
           }, {
             default: l(() => [
-              (s(!0), d(p, null, k(U.value, (n) => (s(), f(t(ee), {
+              (s(!0), d(f, null, k(U.value, (n) => (s(), p(t(ee), {
                 key: n.id,
                 style: W({ ...t(q)(n.column), width: n.getSize() + "px" }),
                 "freeze-header": a.freezeHeader
               }, {
                 default: l(() => [
-                  n.isPlaceholder ? v("", !0) : (s(), f(t(Y), {
+                  n.isPlaceholder ? v("", !0) : (s(), p(t(Y), {
                     key: 0,
                     render: n.column.columnDef.header,
                     props: n.getContext()
@@ -255,7 +256,7 @@ const Ie = ge("Settings2Icon", [
                   g("div", {
                     onDblclick: () => n.column.resetSize(),
                     onMousedown: (m) => n.getResizeHandler()?.(m),
-                    className: t(fe)(
+                    className: t(pe)(
                       "absolute top-0 right-0 h-full w-1 bg-muted-foreground opacity-0 cursor-col-resize select-none touch-none hover:opacity-50",
                       n.column.getIsResizing() ? "bg-primary opacity-50" : ""
                     )
@@ -268,8 +269,8 @@ const Ie = ge("Settings2Icon", [
           }, 8, ["freeze-header"])) : v("", !0),
           r(t(Z), null, {
             default: l(() => [
-              t(u).getRowModel().rows?.length ? (s(), d(p, { key: 0 }, [
-                a.groupBy && H.value ? (s(!0), d(p, { key: 0 }, k(H.value, (n, m) => (s(), f(t(ie), {
+              t(u).getRowModel().rows?.length ? (s(), d(f, { key: 0 }, [
+                a.groupBy && H.value ? (s(!0), d(f, { key: 0 }, k(H.value, (n, m) => (s(), p(t(ie), {
                   asChild: "",
                   key: m,
                   open: !0
@@ -296,14 +297,14 @@ const Ie = ge("Settings2Icon", [
                                     o[11] || (o[11] = g("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-background" }, null, -1)),
                                     o[12] || (o[12] = g("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-foreground/[0.04]" }, null, -1)),
                                     o[13] || (o[13] = g("div", null, null, -1)),
-                                    m === A ? (s(), d(p, { key: 0 }, [
+                                    m === A ? (s(), d(f, { key: 0 }, [
                                       _($(E(1)), 1)
-                                    ], 64)) : (s(), d(p, { key: 1 }, [
+                                    ], 64)) : (s(), d(f, { key: 1 }, [
                                       _($(E(0)) + ": ", 1),
                                       e.$slots.groupName ? b(e.$slots, "groupName", {
                                         key: 0,
                                         group: m
-                                      }) : (s(), d(p, { key: 1 }, [
+                                      }) : (s(), d(f, { key: 1 }, [
                                         _($(m), 1)
                                       ], 64))
                                     ], 64))
@@ -324,7 +325,7 @@ const Ie = ge("Settings2Icon", [
                     }, 1024),
                     r(t(de), { asChild: "" }, {
                       default: l(() => [
-                        (s(!0), d(p, null, k(n, (M) => (s(), f(j, {
+                        (s(!0), d(f, null, k(n, (M) => (s(), p(j, {
                           key: M.id,
                           columns: a.columns,
                           row: M,
@@ -342,7 +343,7 @@ const Ie = ge("Settings2Icon", [
                     }, 1024)
                   ]),
                   _: 2
-                }, 1024))), 128)) : (s(!0), d(p, { key: 1 }, k(t(u).getRowModel().rows, (n) => (s(), f(j, {
+                }, 1024))), 128)) : (s(!0), d(f, { key: 1 }, k(t(u).getRowModel().rows, (n) => (s(), p(j, {
                   key: n.id,
                   columns: a.columns,
                   row: n,
@@ -355,7 +356,7 @@ const Ie = ge("Settings2Icon", [
                   ]),
                   _: 2
                 }, 1032, ["columns", "row", "renderSubComponent"]))), 128))
-              ], 64)) : (s(), f(t(re), {
+              ], 64)) : (s(), p(t(re), {
                 key: 1,
                 colspan: e.columns.length
               }, {
@@ -384,7 +385,7 @@ const Ie = ge("Settings2Icon", [
                   default: l(() => [
                     g("div", Me, [
                       g("div", Ve, [
-                        r(t(pe), {
+                        r(t(fe), {
                           variant: "ghost",
                           class: "flex h-8 w-8 items-center justify-center text-foreground"
                         }, {
@@ -454,7 +455,7 @@ const Ie = ge("Settings2Icon", [
           key: "0"
         } : void 0
       ]), 1024),
-      (e.showPagination || e.$slots.numberOfItems) && x.value > 0 ? (s(), d("div", {
+      (e.showPagination || e.$slots.numberOfItems) && D.value > 0 ? (s(), d("div", {
         key: 1,
         class: K(["flex w-full border-x border-b border-border/[0.16] bg-primary/[0.04] px-4 py-1 text-sm text-muted-foreground", {
           "justify-between": e.showPagination && e.$slots.numberOfItems,
@@ -462,17 +463,18 @@ const Ie = ge("Settings2Icon", [
           "justify-end": e.showPagination && !e.$slots.numberOfItems
         }])
       }, [
-        e.$slots.numberOfItems ? (s(), d("div", xe, [
+        e.$slots.numberOfItems ? (s(), d("div", De, [
           b(e.$slots, "numberOfItems")
         ])) : v("", !0),
-        e.showPagination ? (s(), f(t(me), {
+        e.showPagination ? (s(), p(t(me), {
           key: 1,
-          total: x.value,
+          total: D.value,
           pageIndex: B.value,
           "onUpdate:pageIndex": o[5] || (o[5] = (n) => B.value = n),
-          pageSize: D.value,
-          "onUpdate:pageSize": o[6] || (o[6] = (n) => D.value = n)
-        }, null, 8, ["total", "pageIndex", "pageSize"])) : v("", !0)
+          pageSize: x.value,
+          "onUpdate:pageSize": o[6] || (o[6] = (n) => x.value = n),
+          translations: e.paginationTranslations
+        }, null, 8, ["total", "pageIndex", "pageSize", "translations"])) : v("", !0)
       ], 2)) : v("", !0)
     ], 64));
   }
@@ -488,7 +490,7 @@ export {
   go as BuiTableCaption,
   T as BuiTableCell,
   re as BuiTableEmpty,
-  po as BuiTableFooter,
+  fo as BuiTableFooter,
   ee as BuiTableHead,
   oe as BuiTableHeader,
   N as BuiTableRow,

package/dist/index.js

@@ -77,7 +77,7 @@ import { _ as se } from "./BuiHoverCardTrigger.vue_vue_type_script_setup_true_la
 import { _ as Be } from "./BuiHoverCardContent.vue_vue_type_script_setup_true_lang-BdyvfFrD.js";
 import { BuiBadgedInput as fe, BuiInput as ne, BuiPasswordInput as _e, inputVariants as le } from "./components/ui/input/index.js";
 import { _ as ge } from "./BuiLabel.vue_vue_type_script_setup_true_lang-BRu9znJb.js";
-import { _ as Te } from "./variables-Ct6TXY_l.js";
+import { _ as Te } from "./variables-Cp5imn3x.js";
 import { _ as ce } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CwmCuGgF.js";
 import { _ as be } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-CSOtvyld.js";
 import { _ as De } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-B4HmMbjL.js";

package/dist/{variables-Ct6TXY_l.js → variables-Cp5imn3x.js}

@@ -1,4 +1,4 @@
-import { defineComponent as $, mergeModels as y, useModel as g, computed as c, openBlock as n, createBlock as I, unref as e, withCtx as r, createVNode as t, createElementVNode as v, createElementBlock as x, Fragment as S, renderList as P, createTextVNode as M, toDisplayString as u, createCommentVNode as k } from "vue";
+import { defineComponent as V, mergeModels as $, useModel as _, computed as c, openBlock as u, createBlock as y, unref as e, withCtx as r, createVNode as t, createElementVNode as v, toDisplayString as m, createElementBlock as x, Fragment as P, renderList as I, createTextVNode as M, createCommentVNode as k } from "vue";
 /* empty css            */
 import { f as z, y as B } from "./index-DKlaqzM0.js";
 import "vee-validate";
@@ -9,20 +9,21 @@ import { _ as N } from "./BuiSelect.vue_vue_type_script_setup_true_lang-KcSVihcY
 import { _ as w } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-BNN6bEtZ.js";
 import { _ as U } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-B5WlMfC3.js";
 import { _ as b } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-B0NFOsOl.js";
-import { _ as q } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-B6bF0Vu2.js";
+import { _ as h } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-B6bF0Vu2.js";
 import "@tanstack/vue-table";
 import "./components/ui/toast/use-toast.js";
 import "@vee-validate/zod";
 import "zod";
 import "./index-BGsblnmA.js";
-import { _ as E } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CwmCuGgF.js";
-import { _ as j } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-CSOtvyld.js";
-import { _ as D } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-B4HmMbjL.js";
-import { _ as F } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-3UkM3Scg.js";
-const L = { class: "text-sm text-muted-foreground" }, ie = /* @__PURE__ */ $({
+import { _ as q } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-CwmCuGgF.js";
+import { _ as E } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-CSOtvyld.js";
+import { _ as j } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-B4HmMbjL.js";
+import { _ as D } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-3UkM3Scg.js";
+const F = { class: "text-sm text-muted-foreground" }, L = { class: "text-sm text-muted-foreground" }, ie = /* @__PURE__ */ V({
   __name: "BuiPaginationCommon",
-  props: /* @__PURE__ */ y({
-    total: {}
+  props: /* @__PURE__ */ $({
+    total: {},
+    translations: {}
   }, {
     pageSize: { default: 10, required: !0 },
     pageSizeModifiers: {},
@@ -30,47 +31,47 @@ const L = { class: "text-sm text-muted-foreground" }, ie = /* @__PURE__ */ $({
     pageIndexModifiers: {}
   }),
   emits: ["update:pageSize", "update:pageIndex"],
-  setup(i) {
-    const V = [10, 20, 30, 40, 50], p = i, m = g(i, "pageSize"), l = g(i, "pageIndex"), d = c(() => Math.ceil(p.total / m.value)), f = c({
+  setup(n) {
+    const S = [10, 20, 30, 40, 50], d = n, s = _(n, "pageSize"), i = _(n, "pageIndex"), f = c(() => Math.ceil(d.total / s.value)), g = c({
       get() {
-        return String(m.value);
+        return String(s.value);
       },
-      set(_) {
-        m.value = parseInt(_);
+      set(l) {
+        s.value = parseInt(l);
       }
     });
-    return (_, a) => (n(), I(e(z), {
-      total: p.total,
-      itemsPerPage: m.value,
-      page: l.value,
-      "onUpdate:page": a[2] || (a[2] = (s) => l.value = s)
+    return (l, o) => (u(), y(e(z), {
+      total: d.total,
+      itemsPerPage: s.value,
+      page: i.value,
+      "onUpdate:page": o[2] || (o[2] = (p) => i.value = p)
     }, {
-      default: r(({ page: s }) => [
+      default: r(({ page: p }) => [
         t(e(B), { class: "relative flex items-center justify-center gap-2" }, {
           default: r(() => [
-            a[3] || (a[3] = v("p", { class: "text-sm text-muted-foreground" }, "Items per page", -1)),
+            v("p", F, m(l.translations?.itemsPerPage || "Items per page"), 1),
             t(e(N), {
-              modelValue: f.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (o) => f.value = o),
+              modelValue: g.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (a) => g.value = a),
               modelModifiers: { number: !0 }
             }, {
               default: r(() => [
                 t(e(U), { class: "mr-2 w-[70px]" }, {
                   default: r(() => [
                     t(e(w), {
-                      placeholder: m.value.toString()
+                      placeholder: s.value.toString()
                     }, null, 8, ["placeholder"])
                   ]),
                   _: 1
                 }),
                 t(e(b), { side: "top" }, {
                   default: r(() => [
-                    (n(), x(S, null, P(V, (o) => t(e(q), {
-                      key: o,
-                      value: o.toString()
+                    (u(), x(P, null, I(S, (a) => t(e(h), {
+                      key: a,
+                      value: a.toString()
                     }, {
                       default: r(() => [
-                        M(u(o), 1)
+                        M(m(a), 1)
                       ]),
                       _: 2
                     }, 1032, ["value"])), 64))
@@ -80,18 +81,18 @@ const L = { class: "text-sm text-muted-foreground" }, ie = /* @__PURE__ */ $({
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            d.value > 1 ? (n(), x(S, { key: 0 }, [
-              v("p", L, "Page " + u(s) + " of " + u(d.value), 1),
-              t(e(E)),
-              t(e(F)),
+            f.value > 1 ? (u(), x(P, { key: 0 }, [
+              v("p", L, m(l.translations?.page || "Page") + " " + m(p) + " " + m(l.translations?.of || "of") + " " + m(f.value), 1),
+              t(e(q)),
+              t(e(D)),
               t(e(C), {
-                modelValue: l.value,
-                "onUpdate:modelValue": a[1] || (a[1] = (o) => l.value = o),
+                modelValue: i.value,
+                "onUpdate:modelValue": o[1] || (o[1] = (a) => i.value = a),
                 class: "w-28",
                 placeholder: "Page number"
               }, null, 8, ["modelValue"]),
-              t(e(D)),
-              t(e(j))
+              t(e(j)),
+              t(e(E))
             ], 64)) : k("", !0)
           ]),
           _: 2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soft-stech/bootsman-ui-shadcn",
-  "version": "1.4.31",
+  "version": "1.4.33",
   "type": "module",
   "files": [
     "dist",

package/src/components/stories/BuiDataTable.story.vue

@@ -202,6 +202,11 @@ function groupName(group: string | number) {
         :groupLabels="groupLabels"
         :renderSubComponent="renderSubComponent"
         enable-column-list-control
+        :pagination-translations="{
+          itemsPerPage: 'Tasks per page',
+          page: 'Page',
+          of: 'of'
+        }"
       >
         <template #caption="{ table }">
           <div class="flex justify-between">

package/src/components/ui/pagination/BuiPaginationCommon.vue

@@ -22,6 +22,11 @@ export type PageSize = (typeof pageSizes)[number]
 
 const props = defineProps<{
   total: number
+  translations?: {
+    itemsPerPage: string
+    page: string
+    of: string
+  }
 }>()
 
 const pageSize = defineModel<PageSize>('pageSize', { default: 10, required: true })
@@ -46,7 +51,9 @@ const pageSizeString = computed({
     v-model:page="pageIndex"
   >
     <BuiPaginationList class="relative flex items-center justify-center gap-2">
-      <p class="text-sm text-muted-foreground">Items per page</p>
+      <p class="text-sm text-muted-foreground">
+        {{ translations?.itemsPerPage || 'Items per page' }}
+      </p>
       <BuiSelect v-model.number="pageSizeString">
         <BuiSelectTrigger class="mr-2 w-[70px]">
           <BuiSelectValue :placeholder="pageSize.toString()" />
@@ -58,7 +65,10 @@ const pageSizeString = computed({
         </BuiSelectContent>
       </BuiSelect>
       <template v-if="totalPages > 1">
-        <p class="text-sm text-muted-foreground">Page {{ page }} of {{ totalPages }}</p>
+        <p class="text-sm text-muted-foreground">
+          {{ translations?.page || 'Page' }} {{ page }} {{ translations?.of || 'of' }}
+          {{ totalPages }}
+        </p>
         <BuiPaginationFirst />
         <BuiPaginationPrev />
         <BuiInput v-model="pageIndex" class="w-28" placeholder="Page number" />

package/src/components/ui/table/BuiDataTable.vue

@@ -69,6 +69,11 @@ const props = withDefaults(
     columnSearchPlaceholder?: string
     columnSearchNotFound?: string
     columnResetVisibility?: string
+    paginationTranslations?: {
+      itemsPerPage: string
+      page: string
+      of: string
+    }
   }>(),
   {
     pageSize: 10,
@@ -402,6 +407,7 @@ watch(columnsListIds, () => {
       :total="computedItems"
       v-model:pageIndex="pageIndex"
       v-model:pageSize="tablePageSize"
+      :translations="paginationTranslations"
     >
     </BuiPaginationCommon>
   </div>