@soft-stech/bootsman-ui-shadcn 1.3.10 → 1.3.11

package/dist/lib/utils.js

@@ -1,4 +1,4 @@
-import { c as m, t as r, v as e } from "../utils-DPuEjrVV.js";
+import { c as m, t as r, v as e } from "../utils-D2UeooB9.js";
 import "vue";
 export {
   m as cn,

package/dist/tailwind-preset.js

@@ -1,5 +1,5 @@
 import { a as r } from "./index-BGsblnmA.js";
-const a = {
+const o = {
   darkMode: ["class"],
   content: [
     "./pages/**/*.{ts,tsx,vue}",
@@ -73,7 +73,8 @@ const a = {
       },
       boxShadow: {
         "card-shadow": "0px 4px 8px 0px hsl(var(--card-shadow))",
-        "tab-shadow": "0px 2px 4px 0px hsl(var(--tab-shadow)), 0px 4px 4px 0px hsl(var(--tab-shadow))"
+        "tab-shadow": "0px 2px 4px 0px hsl(var(--tab-shadow)), 0px 4px 4px 0px hsl(var(--tab-shadow))",
+        "top-shadow": "0px -2px 4px 0px hsl(var(--tab-shadow))"
       },
       keyframes: {
         "accordion-down": {
@@ -108,5 +109,5 @@ const a = {
   plugins: [r]
 };
 export {
-  a as default
+  o as default
 };

package/dist/{utils-DPuEjrVV.js → utils-D2UeooB9.js}

@@ -1,95 +1,95 @@
 import { defineComponent as ue, openBlock as pe, createBlock as be, unref as W, normalizeClass as ge, withCtx as fe, renderSlot as me, h as R } from "vue";
 import { bn as he } from "./index-uA4l4INt.js";
 function ne(e) {
-  var r, t, o = "";
+  var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var a = e.length;
-    for (r = 0; r < a; r++) e[r] && (t = ne(e[r])) && (o && (o += " "), o += t);
-  } else for (t in e) e[t] && (o && (o += " "), o += t);
+    for (t = 0; t < a; t++) e[t] && (r = ne(e[t])) && (o && (o += " "), o += r);
+  } else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
 function ye() {
-  for (var e, r, t = 0, o = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (r = ne(e)) && (o && (o += " "), o += r);
+  for (var e, t, r = 0, o = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = ne(e)) && (o && (o += " "), o += t);
   return o;
 }
 const F = "-", ve = (e) => {
-  const r = we(e), {
-    conflictingClassGroups: t,
+  const t = we(e), {
+    conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (l) => {
       const s = l.split(F);
-      return s[0] === "" && s.length !== 1 && s.shift(), se(s, r) || xe(l);
+      return s[0] === "" && s.length !== 1 && s.shift(), se(s, t) || xe(l);
     },
     getConflictingClassGroupIds: (l, s) => {
-      const d = t[l] || [];
+      const d = r[l] || [];
       return s && o[l] ? [...d, ...o[l]] : d;
     }
   };
-}, se = (e, r) => {
+}, se = (e, t) => {
   if (e.length === 0)
-    return r.classGroupId;
-  const t = e[0], o = r.nextPart.get(t), a = o ? se(e.slice(1), o) : void 0;
+    return t.classGroupId;
+  const r = e[0], o = t.nextPart.get(r), a = o ? se(e.slice(1), o) : void 0;
   if (a)
     return a;
-  if (r.validators.length === 0)
+  if (t.validators.length === 0)
     return;
   const n = e.join(F);
-  return r.validators.find(({
+  return t.validators.find(({
     validator: l
   }) => l(n))?.classGroupId;
 }, ee = /^\[(.+)\]$/, xe = (e) => {
   if (ee.test(e)) {
-    const r = ee.exec(e)[1], t = r?.substring(0, r.indexOf(":"));
-    if (t)
-      return "arbitrary.." + t;
+    const t = ee.exec(e)[1], r = t?.substring(0, t.indexOf(":"));
+    if (r)
+      return "arbitrary.." + r;
   }
 }, we = (e) => {
   const {
-    theme: r,
-    prefix: t
+    theme: t,
+    prefix: r
   } = e, o = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Ce(Object.entries(e.classGroups), t).forEach(([n, l]) => {
-    q(l, o, n, r);
+  return Ce(Object.entries(e.classGroups), r).forEach(([n, l]) => {
+    q(l, o, n, t);
   }), o;
-}, q = (e, r, t, o) => {
+}, q = (e, t, r, o) => {
   e.forEach((a) => {
     if (typeof a == "string") {
-      const n = a === "" ? r : re(r, a);
-      n.classGroupId = t;
+      const n = a === "" ? t : re(t, a);
+      n.classGroupId = r;
       return;
     }
     if (typeof a == "function") {
       if (ke(a)) {
-        q(a(o), r, t, o);
+        q(a(o), t, r, o);
         return;
       }
-      r.validators.push({
+      t.validators.push({
         validator: a,
-        classGroupId: t
+        classGroupId: r
       });
       return;
     }
     Object.entries(a).forEach(([n, l]) => {
-      q(l, re(r, n), t, o);
+      q(l, re(t, n), r, o);
     });
   });
-}, re = (e, r) => {
-  let t = e;
-  return r.split(F).forEach((o) => {
-    t.nextPart.has(o) || t.nextPart.set(o, {
+}, re = (e, t) => {
+  let r = e;
+  return t.split(F).forEach((o) => {
+    r.nextPart.has(o) || r.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), t = t.nextPart.get(o);
-  }), t;
-}, ke = (e) => e.isThemeGetter, Ce = (e, r) => r ? e.map(([t, o]) => {
-  const a = o.map((n) => typeof n == "string" ? r + n : typeof n == "object" ? Object.fromEntries(Object.entries(n).map(([l, s]) => [r + l, s])) : n);
-  return [t, a];
+    }), r = r.nextPart.get(o);
+  }), r;
+}, ke = (e) => e.isThemeGetter, Ce = (e, t) => t ? e.map(([r, o]) => {
+  const a = o.map((n) => typeof n == "string" ? t + n : typeof n == "object" ? Object.fromEntries(Object.entries(n).map(([l, s]) => [t + l, s])) : n);
+  return [r, a];
 }) : e, ze = (e) => {
   if (e < 1)
     return {
@@ -98,33 +98,33 @@ const F = "-", ve = (e) => {
       set: () => {
       }
     };
-  let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
   const a = (n, l) => {
-    t.set(n, l), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
+    r.set(n, l), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
   };
   return {
     get(n) {
-      let l = t.get(n);
+      let l = r.get(n);
       if (l !== void 0)
         return l;
       if ((l = o.get(n)) !== void 0)
         return a(n, l), l;
     },
     set(n, l) {
-      t.has(n) ? t.set(n, l) : a(n, l);
+      r.has(n) ? r.set(n, l) : a(n, l);
     }
   };
 }, ae = "!", Ae = (e) => {
   const {
-    separator: r,
-    experimentalParseClassName: t
-  } = e, o = r.length === 1, a = r[0], n = r.length, l = (s) => {
+    separator: t,
+    experimentalParseClassName: r
+  } = e, o = t.length === 1, a = t[0], n = t.length, l = (s) => {
     const d = [];
     let c = 0, g = 0, h;
     for (let u = 0; u < s.length; u++) {
       let y = s[u];
       if (c === 0) {
-        if (y === a && (o || s.slice(u, u + n) === r)) {
+        if (y === a && (o || s.slice(u, u + n) === t)) {
           d.push(s.slice(g, u)), g = u + n;
           continue;
         }
@@ -143,28 +143,28 @@ const F = "-", ve = (e) => {
       maybePostfixModifierPosition: f
     };
   };
-  return t ? (s) => t({
+  return r ? (s) => r({
     className: s,
     parseClassName: l
   }) : l;
 }, Se = (e) => {
   if (e.length <= 1)
     return e;
-  const r = [];
-  let t = [];
+  const t = [];
+  let r = [];
   return e.forEach((o) => {
-    o[0] === "[" ? (r.push(...t.sort(), o), t = []) : t.push(o);
-  }), r.push(...t.sort()), r;
+    o[0] === "[" ? (t.push(...r.sort(), o), r = []) : r.push(o);
+  }), t.push(...r.sort()), t;
 }, Me = (e) => ({
   cache: ze(e.cacheSize),
   parseClassName: Ae(e),
   ...ve(e)
-}), Ie = /\s+/, Ge = (e, r) => {
+}), Ie = /\s+/, Ge = (e, t) => {
   const {
-    parseClassName: t,
+    parseClassName: r,
     getClassGroupId: o,
     getConflictingClassGroupIds: a
-  } = r, n = [], l = e.trim().split(Ie);
+  } = t, n = [], l = e.trim().split(Ie);
   let s = "";
   for (let d = l.length - 1; d >= 0; d -= 1) {
     const c = l[d], {
@@ -172,7 +172,7 @@ const F = "-", ve = (e) => {
       hasImportantModifier: h,
       baseClassName: m,
       maybePostfixModifierPosition: w
-    } = t(c);
+    } = r(c);
     let v = !!w, f = o(v ? m.substring(0, w) : m);
     if (!f) {
       if (!v) {
@@ -199,30 +199,30 @@ const F = "-", ve = (e) => {
   return s;
 };
 function je() {
-  let e = 0, r, t, o = "";
+  let e = 0, t, r, o = "";
   for (; e < arguments.length; )
-    (r = arguments[e++]) && (t = ie(r)) && (o && (o += " "), o += t);
+    (t = arguments[e++]) && (r = ie(t)) && (o && (o += " "), o += r);
   return o;
 }
 const ie = (e) => {
   if (typeof e == "string")
     return e;
-  let r, t = "";
+  let t, r = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (r = ie(e[o])) && (t && (t += " "), t += r);
-  return t;
+    e[o] && (t = ie(e[o])) && (r && (r += " "), r += t);
+  return r;
 };
-function Ne(e, ...r) {
-  let t, o, a, n = l;
+function Ne(e, ...t) {
+  let r, o, a, n = l;
   function l(d) {
-    const c = r.reduce((g, h) => h(g), e());
-    return t = Me(c), o = t.cache.get, a = t.cache.set, n = s, s(d);
+    const c = t.reduce((g, h) => h(g), e());
+    return r = Me(c), o = r.cache.get, a = r.cache.set, n = s, s(d);
   }
   function s(d) {
     const c = o(d);
     if (c)
       return c;
-    const g = Ge(d, t);
+    const g = Ge(d, r);
     return a(d, g), g;
   }
   return function() {
@@ -230,18 +230,18 @@ function Ne(e, ...r) {
   };
 }
 const p = (e) => {
-  const r = (t) => t[e] || [];
-  return r.isThemeGetter = !0, r;
-}, le = /^\[(?:([a-z-]+):)?(.+)\]$/i, Pe = /^\d+\/\d+$/, Re = /* @__PURE__ */ new Set(["px", "full", "screen"]), Ee = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Te = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ve = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Le = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, $e = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, C = (e) => M(e) || Re.has(e) || Pe.test(e), z = (e) => I(e, "length", Ke), M = (e) => !!e && !Number.isNaN(Number(e)), _ = (e) => I(e, "number", M), N = (e) => !!e && Number.isInteger(Number(e)), Be = (e) => e.endsWith("%") && M(e.slice(0, -1)), i = (e) => le.test(e), A = (e) => Ee.test(e), Ue = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Oe = (e) => I(e, Ue, ce), We = (e) => I(e, "position", ce), _e = /* @__PURE__ */ new Set(["image", "url"]), qe = (e) => I(e, _e, Je), Fe = (e) => I(e, "", Ze), P = () => !0, I = (e, r, t) => {
+  const t = (r) => r[e] || [];
+  return t.isThemeGetter = !0, t;
+}, le = /^\[(?:([a-z-]+):)?(.+)\]$/i, Pe = /^\d+\/\d+$/, Re = /* @__PURE__ */ new Set(["px", "full", "screen"]), Ee = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Te = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ve = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Le = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, $e = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, C = (e) => M(e) || Re.has(e) || Pe.test(e), z = (e) => I(e, "length", Ke), M = (e) => !!e && !Number.isNaN(Number(e)), _ = (e) => I(e, "number", M), N = (e) => !!e && Number.isInteger(Number(e)), Be = (e) => e.endsWith("%") && M(e.slice(0, -1)), i = (e) => le.test(e), A = (e) => Ee.test(e), Ue = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Oe = (e) => I(e, Ue, ce), We = (e) => I(e, "position", ce), _e = /* @__PURE__ */ new Set(["image", "url"]), qe = (e) => I(e, _e, Je), Fe = (e) => I(e, "", Ze), P = () => !0, I = (e, t, r) => {
   const o = le.exec(e);
-  return o ? o[1] ? typeof r == "string" ? o[1] === r : r.has(o[1]) : t(o[2]) : !1;
+  return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : r(o[2]) : !1;
 }, Ke = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Te.test(e) && !Ve.test(e)
 ), ce = () => !1, Ze = (e) => Le.test(e), Je = (e) => $e.test(e), Xe = () => {
-  const e = p("colors"), r = p("spacing"), t = p("blur"), o = p("brightness"), a = p("borderColor"), n = p("borderRadius"), l = p("borderSpacing"), s = p("borderWidth"), d = p("contrast"), c = p("grayscale"), g = p("hueRotate"), h = p("invert"), m = p("gap"), w = p("gradientColorStops"), v = p("gradientColorStopPositions"), f = p("inset"), u = p("margin"), y = p("opacity"), x = p("padding"), G = p("saturate"), S = p("scale"), E = p("sepia"), Z = p("skew"), J = p("space"), X = p("translate"), $ = () => ["auto", "contain", "none"], B = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", i, r], b = () => [i, r], H = () => ["", C, z], T = () => ["auto", M, i], Q = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], V = () => ["solid", "dashed", "dotted", "double", "none"], Y = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], j = () => ["", "0", i], D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], k = () => [M, i];
+  const e = p("colors"), t = p("spacing"), r = p("blur"), o = p("brightness"), a = p("borderColor"), n = p("borderRadius"), l = p("borderSpacing"), s = p("borderWidth"), d = p("contrast"), c = p("grayscale"), g = p("hueRotate"), h = p("invert"), m = p("gap"), w = p("gradientColorStops"), v = p("gradientColorStopPositions"), f = p("inset"), u = p("margin"), y = p("opacity"), x = p("padding"), G = p("saturate"), S = p("scale"), E = p("sepia"), Z = p("skew"), J = p("space"), X = p("translate"), $ = () => ["auto", "contain", "none"], B = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", i, t], b = () => [i, t], H = () => ["", C, z], T = () => ["auto", M, i], Q = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], V = () => ["solid", "dashed", "dotted", "double", "none"], Y = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], j = () => ["", "0", i], D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], k = () => [M, i];
   return {
     cacheSize: 500,
     separator: ":",
@@ -860,21 +860,21 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", i, r]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", i, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [i, r, "min", "max", "fit"]
+        "min-w": [i, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [i, r, "none", "full", "min", "max", "fit", "prose", {
+        "max-w": [i, t, "none", "full", "min", "max", "fit", "prose", {
           screen: [A]
         }, A]
       }],
@@ -883,28 +883,28 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [i, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [i, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [i, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [i, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [i, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [i, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [i, r, "auto", "min", "max", "fit"]
+        size: [i, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -1644,7 +1644,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: [t]
+        blur: [r]
       }],
       /**
        * Brightness
@@ -1715,7 +1715,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": [t]
+        "backdrop-blur": [r]
       }],
       /**
        * Backdrop Brightness
@@ -2257,28 +2257,28 @@ const p = (e) => {
   };
 }, He = /* @__PURE__ */ Ne(Xe);
 function de(e) {
-  var r, t, o = "";
+  var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
-  else if (typeof e == "object") if (Array.isArray(e)) for (r = 0; r < e.length; r++) e[r] && (t = de(e[r])) && (o && (o += " "), o += t);
-  else for (r in e) e[r] && (o && (o += " "), o += r);
+  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (r = de(e[t])) && (o && (o += " "), o += r);
+  else for (t in e) e[t] && (o && (o += " "), o += t);
   return o;
 }
 function Qe() {
-  for (var e, r, t = 0, o = ""; t < arguments.length; ) (e = arguments[t++]) && (r = de(e)) && (o && (o += " "), o += r);
+  for (var e, t, r = 0, o = ""; r < arguments.length; ) (e = arguments[r++]) && (t = de(e)) && (o && (o += " "), o += t);
   return o;
 }
-const te = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, oe = Qe, Ye = (e, r) => (t) => {
+const te = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, oe = Qe, Ye = (e, t) => (r) => {
   var o;
-  if (r?.variants == null) return oe(e, t?.class, t?.className);
-  const { variants: a, defaultVariants: n } = r, l = Object.keys(a).map((c) => {
-    const g = t?.[c], h = n?.[c];
+  if (t?.variants == null) return oe(e, r?.class, r?.className);
+  const { variants: a, defaultVariants: n } = t, l = Object.keys(a).map((c) => {
+    const g = r?.[c], h = n?.[c];
     if (g === null) return null;
     const m = te(g) || te(h);
     return a[c][m];
-  }), s = t && Object.entries(t).reduce((c, g) => {
+  }), s = r && Object.entries(r).reduce((c, g) => {
     let [h, m] = g;
     return m === void 0 || (c[h] = m), c;
-  }, {}), d = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, g) => {
+  }, {}), d = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, g) => {
     let { class: h, className: m, ...w } = g;
     return Object.entries(w).every((v) => {
       let [f, u] = v;
@@ -2295,10 +2295,11 @@ const te = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, oe =
       m
     ] : c;
   }, []);
-  return oe(e, l, d, t?.class, t?.className);
+  return oe(e, l, d, r?.class, r?.className);
 }, De = /* @__PURE__ */ ue({
   __name: "BuiButton",
   props: {
+    class: { default: "" },
     variant: {},
     size: {},
     as: { default: "button" },
@@ -2306,10 +2307,11 @@ const te = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, oe =
     asChild: { type: Boolean }
   },
   setup(e) {
-    return (r, t) => (pe(), be(W(he), {
+    const t = e;
+    return (r, o) => (pe(), be(W(he), {
       as: r.as,
       "as-child": r.asChild,
-      class: ge(W(ar)(W(er)({ variant: r.variant, size: r.size }), r.$attrs.class ?? "")),
+      class: ge(W(ar)(W(er)({ variant: r.variant, size: r.size }), t.class)),
       type: r.type
     }, {
       default: fe(() => [
@@ -2393,14 +2395,14 @@ var L = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tr = ({ size: e, strokeWidth: r = 2, absoluteStrokeWidth: t, color: o, iconNode: a, name: n, class: l, ...s }, { slots: d }) => R(
+const tr = ({ size: e, strokeWidth: t = 2, absoluteStrokeWidth: r, color: o, iconNode: a, name: n, class: l, ...s }, { slots: d }) => R(
   "svg",
   {
     ...L,
     width: e || L.width,
     height: e || L.height,
     stroke: o || L.stroke,
-    "stroke-width": t ? Number(r) * 24 / Number(e) : r,
+    "stroke-width": r ? Number(t) * 24 / Number(e) : t,
     class: ["lucide", `lucide-${rr(n ?? "icon")}`],
     ...s
   },
@@ -2412,11 +2414,11 @@ const tr = ({ size: e, strokeWidth: r = 2, absoluteStrokeWidth: t, color: o, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const K = (e, r) => (t, { slots: o }) => R(
+const K = (e, t) => (r, { slots: o }) => R(
   tr,
   {
-    ...t,
-    iconNode: r,
+    ...r,
+    iconNode: t,
     name: e
   },
   o
@@ -2453,22 +2455,22 @@ const sr = K("ArrowUpIcon", [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ]);
-function cr(e, r) {
-  r.value = typeof e == "function" ? e(r.value) : e;
+function cr(e, t) {
+  t.value = typeof e == "function" ? e(t.value) : e;
 }
 function ar(...e) {
   return He(ye(e));
 }
-const dr = (e, r) => {
-  let t;
-  return e.getIsSorted() === "asc" ? t = nr : e.getIsSorted() === "desc" ? t = sr : t = or, R(
+const dr = (e, t) => {
+  let r;
+  return e.getIsSorted() === "asc" ? r = nr : e.getIsSorted() === "desc" ? r = sr : r = or, R(
     De,
     {
       variant: "none",
       class: "text-foreground px-0 text-base",
       onClick: () => e.toggleSorting(e.getIsSorted() === "asc")
     },
-    () => [r, R(t, { class: "ml-2 h-4 w-4 text-muted-foreground" })]
+    () => [t, R(r, { class: "ml-2 h-4 w-4 text-muted-foreground" })]
   );
 };
 export {

package/dist/variables-DhOfRYaj.js

@@ -0,0 +1,106 @@
+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";
+/* empty css            */
+import { f as z, y as B } from "./index-uA4l4INt.js";
+import "@vueuse/core";
+import "./BuiCalendar.vue_vue_type_style_index_0_lang-DK4yUiXC.js";
+import "vee-validate";
+import { BuiInput as C } from "./components/ui/input/index.js";
+import { _ as N } from "./BuiSelect.vue_vue_type_script_setup_true_lang-YVZaZc0x.js";
+import { _ as w } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-CseYU299.js";
+import { _ as U } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-C5NwnaUZ.js";
+import { _ as b } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-eDJphqEz.js";
+import { _ as q } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-C9vpPsde.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-cuz9cUp5.js";
+import { _ as j } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-CsK-C9uA.js";
+import { _ as D } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-JZ3UV6RU.js";
+import { _ as F } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-CKnyfhRi.js";
+const L = { class: "text-sm text-muted-foreground" }, ie = /* @__PURE__ */ $({
+  __name: "BuiPaginationCommon",
+  props: /* @__PURE__ */ y({
+    total: {}
+  }, {
+    pageSize: { default: 10, required: !0 },
+    pageSizeModifiers: {},
+    pageIndex: { default: 1, required: !0 },
+    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({
+      get() {
+        return String(m.value);
+      },
+      set(_) {
+        m.value = parseInt(_);
+      }
+    });
+    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)
+    }, {
+      default: r(({ page: s }) => [
+        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)),
+            t(e(N), {
+              modelValue: f.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (o) => f.value = o),
+              modelModifiers: { number: !0 }
+            }, {
+              default: r(() => [
+                t(e(U), { class: "mr-2 w-[70px]" }, {
+                  default: r(() => [
+                    t(e(w), {
+                      placeholder: m.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()
+                    }, {
+                      default: r(() => [
+                        M(u(o), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"])), 64))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 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)),
+              t(e(C), {
+                modelValue: l.value,
+                "onUpdate:modelValue": a[1] || (a[1] = (o) => l.value = o),
+                class: "w-28",
+                placeholder: "Page number"
+              }, null, 8, ["modelValue"]),
+              t(e(D)),
+              t(e(j))
+            ], 64)) : k("", !0)
+          ]),
+          _: 2
+        }, 1024)
+      ]),
+      _: 1
+    }, 8, ["total", "itemsPerPage", "page"]));
+  }
+});
+export {
+  ie as _
+};

package/dist/{x-BMfRYQ91.js → x-C1AY2GMM.js}

@@ -1,4 +1,4 @@
-import { d as e } from "./utils-DPuEjrVV.js";
+import { d as e } from "./utils-D2UeooB9.js";
 /**
  * @license lucide-vue-next v0.441.0 - ISC
  *

package/package.json

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