@soft-stech/bootsman-ui-shadcn 2.0.31 → 2.0.32

package/dist/{BuiActionBar.vue_vue_type_script_setup_true_lang-BmFhJ5G_.js → BuiActionBar.vue_vue_type_script_setup_true_lang-ttLNaQDg.js}

@@ -1,38 +1,38 @@
-import { defineComponent as O, useTemplateRef as S, ref as w, computed as k, onMounted as I, watch as L, createElementBlock as _, openBlock as r, createVNode as o, renderSlot as V, unref as a, withCtx as s, createBlock as u, createCommentVNode as h, Fragment as C, renderList as y, createElementVNode as p, resolveDynamicComponent as T, toDisplayString as l, createTextVNode as W, normalizeClass as z } from "vue";
-import { useResizeObserver as F } from "@vueuse/core";
+import { defineComponent as O, ref as C, computed as k, onMounted as S, watch as I, createElementBlock as _, openBlock as r, createVNode as o, renderSlot as L, unref as a, withCtx as s, createBlock as u, createCommentVNode as h, Fragment as g, renderList as y, createElementVNode as p, resolveDynamicComponent as W, toDisplayString as l, createTextVNode as T, normalizeClass as V } from "vue";
+import { useResizeObserver as z } from "@vueuse/core";
 import { _ as $ } from "./utils-CWz5p1Mv.js";
-import { _ as U } from "./BuiDropdownMenu.vue_vue_type_script_setup_true_lang-XKtJ9ebc.js";
-import { _ as G } from "./BuiDropdownMenuTrigger.vue_vue_type_script_setup_true_lang-B-AVJzKT.js";
-import { _ as P } from "./BuiDropdownMenuContent.vue_vue_type_script_setup_true_lang-DycQJvs8.js";
-import { _ as X } from "./BuiDropdownMenuItem.vue_vue_type_script_setup_true_lang-ic0FnPPQ.js";
-import { _ as j } from "./BuiDropdownMenuSeparator.vue_vue_type_script_setup_true_lang-C1pX60RS.js";
+import { _ as F } from "./BuiDropdownMenu.vue_vue_type_script_setup_true_lang-XKtJ9ebc.js";
+import { _ as U } from "./BuiDropdownMenuTrigger.vue_vue_type_script_setup_true_lang-B-AVJzKT.js";
+import { _ as G } from "./BuiDropdownMenuContent.vue_vue_type_script_setup_true_lang-DycQJvs8.js";
+import { _ as P } from "./BuiDropdownMenuItem.vue_vue_type_script_setup_true_lang-ic0FnPPQ.js";
+import { _ as X } from "./BuiDropdownMenuSeparator.vue_vue_type_script_setup_true_lang-C1pX60RS.js";
 import { _ as x } from "./BuiTooltip.vue_vue_type_script_setup_true_lang-Duhk5Jaw.js";
 import { _ as B } from "./BuiTooltipContent.vue_vue_type_script_setup_true_lang-mTGQajaX.js";
 import { _ as A } from "./BuiTooltipTrigger.vue_vue_type_script_setup_true_lang-Dp1PEIOt.js";
-import { _ as q } from "./BuiTooltipProvider.vue_vue_type_script_setup_true_lang-BY5-KZjW.js";
-const R = 12, J = 90, E = 100, K = 9.6, ce = /* @__PURE__ */ O({
+import { _ as j } from "./BuiTooltipProvider.vue_vue_type_script_setup_true_lang-BY5-KZjW.js";
+const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
   __name: "BuiActionBar",
   props: {
     actions: {},
     selectedCount: {},
     translations: {}
   },
-  setup(M) {
-    const t = M, i = S("containerRef"), d = w(t.actions.length), g = w(K), N = (n) => n.label.length * g.value + 50, b = (n) => n.reduce((c, e) => c += N(e), 0), v = () => {
+  setup(N) {
+    const t = N, i = C(null), d = C(t.actions.length), b = C(J), R = (n) => n.label.length * b.value + 50, w = (n) => n.reduce((c, e) => c += R(e), 0), v = () => {
       if (!i.value) return;
       const n = i.value.offsetWidth;
-      if (b(t.actions) + t.actions.length * R + E <= n) {
+      if (w(t.actions) + t.actions.length * E + M <= n) {
         d.value = t.actions.length;
         return;
       }
       const e = [...t.actions];
-      for (; e.length > 1 && !(b(e) + e.length * R + E + J <= n); )
+      for (; e.length > 1 && !(w(e) + e.length * E + M + q <= n); )
         e.pop();
       d.value = e.length;
     }, D = k(() => t.actions.slice(0, d.value)), f = k(() => t.actions.slice(d.value));
-    I(() => {
+    S(() => {
       const { charWidth: n } = H();
-      g.value = n, v(), i.value && F(i, v);
+      b.value = n, v(), i.value && z(i, v);
     });
     const H = () => {
       const n = document.createElement("span");
@@ -46,7 +46,7 @@ const R = 12, J = 90, E = 100, K = 9.6, ce = /* @__PURE__ */ O({
       const c = n.getBoundingClientRect().width, e = n.getBoundingClientRect().height;
       return document.body.removeChild(n), { charWidth: c, charHeight: e };
     };
-    return L(
+    return I(
       () => t.actions,
       () => {
         v();
@@ -57,9 +57,9 @@ const R = 12, J = 90, E = 100, K = 9.6, ce = /* @__PURE__ */ O({
       ref: i,
       class: "flex h-full grow flex-row items-center gap-3"
     }, [
-      o(a(q), null, {
+      o(a(j), null, {
         default: s(() => [
-          (r(!0), _(C, null, y(D.value, (e) => (r(), u(a(x), {
+          (r(!0), _(g, null, y(D.value, (e) => (r(), u(a(x), {
             key: e.label,
             disabled: !(t.selectedCount && e.affectsCount)
           }, {
@@ -73,7 +73,7 @@ const R = 12, J = 90, E = 100, K = 9.6, ce = /* @__PURE__ */ O({
                     onClick: e.handler
                   }, {
                     default: s(() => [
-                      e.icon ? (r(), u(T(e.icon), {
+                      e.icon ? (r(), u(W(e.icon), {
                         key: 0,
                         class: "h-4 w-4"
                       })) : h("", !0),
@@ -86,16 +86,16 @@ const R = 12, J = 90, E = 100, K = 9.6, ce = /* @__PURE__ */ O({
               }, 1024),
               o(a(B), null, {
                 default: s(() => [
-                  W(l(t.translations?.affects || "Affects") + " " + l(e.affectsCount) + " " + l(t.translations?.of || "of") + " " + l(t.selectedCount), 1)
+                  T(l(t.translations?.affects || "Affects") + " " + l(e.affectsCount) + " " + l(t.translations?.of || "of") + " " + l(t.selectedCount), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 2
           }, 1032, ["disabled"]))), 128)),
-          f.value.length ? (r(), u(a(U), { key: 0 }, {
+          f.value.length ? (r(), u(a(F), { key: 0 }, {
             default: s(() => [
-              o(a(G), { "as-child": "" }, {
+              o(a(U), { "as-child": "" }, {
                 default: s(() => [
                   o($, {
                     variant: "ghost",
@@ -110,29 +110,29 @@ const R = 12, J = 90, E = 100, K = 9.6, ce = /* @__PURE__ */ O({
                 ]),
                 _: 1
               }),
-              o(a(P), {
+              o(a(G), {
                 align: "end",
                 class: "min-w-40"
               }, {
                 default: s(() => [
-                  (r(!0), _(C, null, y(f.value, (e, m) => (r(), _(C, { key: m }, [
-                    e.variant === "destructive" && m > 0 && f.value[m - 1]?.variant !== "destructive" ? (r(), u(a(j), { key: 0 })) : h("", !0),
+                  (r(!0), _(g, null, y(f.value, (e, m) => (r(), _(g, { key: m }, [
+                    e.variant === "destructive" && m > 0 && f.value[m - 1]?.variant !== "destructive" ? (r(), u(a(X), { key: 0 })) : h("", !0),
                     o(a(x), {
                       disabled: !(t.selectedCount && e.affectsCount)
                     }, {
                       default: s(() => [
                         o(a(A), { "as-child": "" }, {
                           default: s(() => [
-                            o(a(X), {
+                            o(a(P), {
                               disabled: e.disabled,
-                              class: z([
+                              class: V([
                                 "flex gap-2",
                                 e.variant === "destructive" ? "text-destructive-foreground focus:text-destructive-foreground" : ""
                               ]),
                               onClick: e.handler
                             }, {
                               default: s(() => [
-                                e.icon ? (r(), u(T(e.icon), {
+                                e.icon ? (r(), u(W(e.icon), {
                                   key: 0,
                                   class: "h-4 w-4"
                                 })) : h("", !0),
@@ -145,7 +145,7 @@ const R = 12, J = 90, E = 100, K = 9.6, ce = /* @__PURE__ */ O({
                         }, 1024),
                         o(a(B), null, {
                           default: s(() => [
-                            W(l(t.translations?.affects || "Affects") + " " + l(e.affectsCount) + " " + l(t.translations?.of || "of") + " " + l(t.selectedCount), 1)
+                            T(l(t.translations?.affects || "Affects") + " " + l(e.affectsCount) + " " + l(t.translations?.of || "of") + " " + l(t.selectedCount), 1)
                           ]),
                           _: 2
                         }, 1024)
@@ -162,10 +162,10 @@ const R = 12, J = 90, E = 100, K = 9.6, ce = /* @__PURE__ */ O({
         ]),
         _: 1
       }),
-      V(n.$slots, "selected")
+      L(n.$slots, "selected")
     ], 512));
   }
 });
 export {
-  ce as _
+  ie as _
 };

package/dist/{BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-DbC6QNWk.js → BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-D7BaWJlh.js}

@@ -1,4 +1,4 @@
-import { isRef as Xt, toValue as ut, nextTick as Yt, defineComponent as Bt, useTemplateRef as Lt, useModel as Ht, createElementBlock as ft, openBlock as ze, Fragment as Wt, renderList as Gt, createBlock as zt, unref as ct, withCtx as jt, createVNode as $t, createElementVNode as Vt, toDisplayString as Ut } from "vue";
+import { isRef as Xt, toValue as ut, nextTick as Yt, defineComponent as Bt, ref as Lt, useModel as Ht, createElementBlock as ft, openBlock as ze, Fragment as Wt, renderList as Gt, createBlock as zt, unref as ct, withCtx as jt, createVNode as $t, createElementVNode as Vt, toDisplayString as Ut } from "vue";
 import "vee-validate";
 import { _ as qt } from "./BuiCommandItem.vue_vue_type_script_setup_true_lang-f10bo6YD.js";
 import { _ as Zt } from "./BuiCheckbox.vue_vue_type_script_setup_true_lang-CyfUTvIj.js";
@@ -1311,7 +1311,7 @@ const Pn = { class: "dragHandler grow" }, Yn = /* @__PURE__ */ Bt({
   },
   emits: ["update:columnsList"],
   setup(o) {
-    const e = Lt("columnsListRef"), n = Ht(o, "columnsList");
+    const e = Lt(null), n = Ht(o, "columnsList");
     On(e, n, { handle: ".dragHandler" });
     const t = (i) => i.columnDef.meta?.title || i.id.replace(/^values\./, "").replace(/([A-Z])/g, " $1");
     return (i, r) => (ze(), ft("div", {

package/dist/components/action-bar/BuiActionBar.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../BuiActionBar.vue_vue_type_script_setup_true_lang-BmFhJ5G_.js";
+import { _ as f } from "../../BuiActionBar.vue_vue_type_script_setup_true_lang-ttLNaQDg.js";
 export {
   f as default
 };

package/dist/components/action-bar/index.js

@@ -1,5 +1,5 @@
 import "vue";
-import { _ as t } from "../../BuiActionBar.vue_vue_type_script_setup_true_lang-BmFhJ5G_.js";
+import { _ as t } from "../../BuiActionBar.vue_vue_type_script_setup_true_lang-ttLNaQDg.js";
 export {
   t as BuiActionBar
 };

package/dist/components/input/index.js

@@ -1,21 +1,21 @@
 import { h as B, F as j, g as w, _ as N, j as O } from "../../utils-CWz5p1Mv.js";
-import { defineComponent as x, inject as S, toRef as z, ref as v, useTemplateRef as X, createElementBlock as _, withDirectives as E, openBlock as d, createBlock as g, createCommentVNode as R, createElementVNode as b, unref as a, normalizeClass as k, isRef as F, vModelText as G, withCtx as y, createVNode as n, vModelDynamic as H, computed as $, mergeProps as T, createTextVNode as K, toDisplayString as L, mergeModels as Y, useModel as q, watch as I, normalizeStyle as M } from "vue";
-import { useVModel as J, useElementBounding as D } from "@vueuse/core";
-import { c as Q, d as P } from "../../colorUtils-BgA4kYw8.js";
-import { BuiBadge as W } from "../badge/index.js";
+import { defineComponent as x, inject as S, toRef as z, ref as f, createElementBlock as _, withDirectives as E, openBlock as d, createBlock as g, createCommentVNode as R, createElementVNode as b, unref as a, normalizeClass as k, isRef as F, vModelText as X, withCtx as y, createVNode as n, vModelDynamic as G, computed as $, mergeProps as T, createTextVNode as H, toDisplayString as K, mergeModels as L, useModel as Y, watch as M, normalizeStyle as P } from "vue";
+import { useVModel as q, useElementBounding as D } from "@vueuse/core";
+import { c as J, d as I } from "../../colorUtils-BgA4kYw8.js";
+import { BuiBadge as Q } from "../badge/index.js";
 import "vee-validate";
-import { _ as Z } from "../../BuiPopover.vue_vue_type_script_setup_true_lang-C21Z50mT.js";
-import { _ as ee } from "../../BuiPopoverTrigger.vue_vue_type_script_setup_true_lang-DRd7CSVn.js";
-import { _ as ae } from "../../BuiPopoverContent.vue_vue_type_script_setup_true_lang-BA3F_Jrq.js";
-import { BuiColorPicker as te } from "../color-picker/index.js";
-import { X as oe } from "../../x-Bk1T-hqx.js";
+import { _ as W } from "../../BuiPopover.vue_vue_type_script_setup_true_lang-C21Z50mT.js";
+import { _ as Z } from "../../BuiPopoverTrigger.vue_vue_type_script_setup_true_lang-DRd7CSVn.js";
+import { _ as ee } from "../../BuiPopoverContent.vue_vue_type_script_setup_true_lang-BA3F_Jrq.js";
+import { BuiColorPicker as ae } from "../color-picker/index.js";
+import { X as te } from "../../x-Bk1T-hqx.js";
 /**
  * @license lucide-vue-next v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const le = B("eye-off", [
+const oe = B("eye-off", [
   [
     "path",
     {
@@ -39,7 +39,7 @@ const le = B("eye-off", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const se = B("eye", [
+const le = B("eye", [
   [
     "path",
     {
@@ -55,7 +55,7 @@ const se = B("eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const re = B("palette", [
+const se = B("palette", [
   [
     "path",
     {
@@ -67,10 +67,10 @@ const re = B("palette", [
   ["circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", key: "f64h9f" }],
   ["circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", key: "qy21gx" }],
   ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }]
-]), ne = {
+]), re = {
   key: 0,
   class: "group relative flex flex-row items-center"
-}, de = ["readonly", "disabled", "placeholder"], ie = ["readonly", "disabled", "placeholder", "type", "autocomplete", "data-1p-ignore", "data-lpignore", "data-protonpass-ignore", "data-bwignore"], C = /* @__PURE__ */ x({
+}, ne = ["readonly", "disabled", "placeholder"], de = ["readonly", "disabled", "placeholder", "type", "autocomplete", "data-1p-ignore", "data-lpignore", "data-protonpass-ignore", "data-bwignore"], C = /* @__PURE__ */ x({
   __name: "BuiInput",
   props: {
     defaultValue: {},
@@ -85,26 +85,26 @@ const re = B("palette", [
   },
   emits: ["update:modelValue"],
   setup(i, { emit: l }) {
-    const e = i, t = J(e, "modelValue", l, {
+    const e = i, t = q(e, "modelValue", l, {
       passive: !0,
       defaultValue: e.defaultValue
-    }), u = S(j, z(!1)), o = v(!1), s = X("searchInput"), c = () => {
+    }), u = S(j, z(!1)), o = f(!1), s = f(null), c = () => {
       o.value = !0;
     }, r = () => {
       o.value = !1;
-    }, f = (m) => {
-      (m.key === "Home" || m.key === "End") && o.value && m.stopPropagation();
+    }, m = (v) => {
+      (v.key === "Home" || v.key === "End") && o.value && v.stopPropagation();
     }, U = () => {
       s.value && (s.value.focus(), t.value = "");
     };
-    return (m, h) => e.type === "search" ? (d(), _("div", ne, [
+    return (v, h) => e.type === "search" ? (d(), _("div", re, [
       E(b("input", {
         ref_key: "searchInput",
         ref: s,
         "onUpdate:modelValue": h[0] || (h[0] = (V) => F(t) ? t.value = V : null),
         class: k(
           a(w)(
-            a(A)({ variant: m.variant }),
+            a(A)({ variant: v.variant }),
             e.class ?? "",
             "pr-6",
             !e.variant || e.variant === "default" ? "group-hover:border-primary" : ""
@@ -116,9 +116,9 @@ const re = B("palette", [
         type: "text",
         onFocus: c,
         onBlur: r,
-        onKeydown: f
-      }, null, 42, de), [
-        [G, a(t)]
+        onKeydown: m
+      }, null, 42, ne), [
+        [X, a(t)]
       ]),
       a(t) && a(t).toString().length > 0 ? (d(), g(N, {
         key: 0,
@@ -127,7 +127,7 @@ const re = B("palette", [
         onClick: U
       }, {
         default: y(() => [
-          n(a(oe), {
+          n(a(te), {
             size: 14,
             class: "pointer-events-none shrink-0"
           })
@@ -137,7 +137,7 @@ const re = B("palette", [
     ])) : E((d(), _("input", {
       key: 1,
       "onUpdate:modelValue": h[1] || (h[1] = (V) => F(t) ? t.value = V : null),
-      class: k(a(w)(a(A)({ variant: m.variant }), e.class ?? "")),
+      class: k(a(w)(a(A)({ variant: v.variant }), e.class ?? "")),
       readonly: a(u) || e.readonly,
       disabled: e.disabled,
       placeholder: e.placeholder,
@@ -149,12 +149,12 @@ const re = B("palette", [
       "data-bwignore": e.disableAutocomplete ? "1" : void 0,
       onFocus: c,
       onBlur: r,
-      onKeydown: f
-    }, null, 42, ie)), [
-      [H, a(t)]
+      onKeydown: m
+    }, null, 42, de)), [
+      [G, a(t)]
     ]);
   }
-}), ue = { class: "relative flex" }, Ce = /* @__PURE__ */ x({
+}), ie = { class: "relative flex" }, Be = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "BuiPasswordInput",
   props: {
@@ -164,12 +164,12 @@ const re = B("palette", [
     disableAutocomplete: { type: Boolean }
   },
   setup(i) {
-    const l = i, e = v(l.defaultValue ?? "password");
+    const l = i, e = f(l.defaultValue ?? "password");
     function p() {
       e.value === "password" ? e.value = "text" : e.value = "password";
     }
     const t = $(() => l.showPasswordTranslation ?? "Show password"), u = $(() => l.hidePasswordTranslation ?? "Hide password");
-    return (o, s) => (d(), _("div", ue, [
+    return (o, s) => (d(), _("div", ie, [
       n(a(C), T(o.$attrs, {
         type: e.value,
         class: a(w)(o.$attrs.class ?? "", "pr-8"),
@@ -183,10 +183,10 @@ const re = B("palette", [
         "aria-pressed": e.value !== "password"
       }, {
         default: y(() => [
-          e.value === "password" ? (d(), g(a(se), {
+          e.value === "password" ? (d(), g(a(le), {
             key: 0,
             class: "pointer-events-none h-4 w-4 shrink-0 cursor-pointer"
-          })) : (d(), g(a(le), {
+          })) : (d(), g(a(oe), {
             key: 1,
             class: "pointer-events-none h-4 w-4 shrink-0 cursor-pointer"
           }))
@@ -195,34 +195,34 @@ const re = B("palette", [
       }, 8, ["aria-label", "aria-pressed"])
     ]));
   }
-}), ce = { class: "relative flex" }, pe = 12, Ee = /* @__PURE__ */ x({
+}), ue = { class: "relative flex" }, ce = 12, Ce = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "BuiBadgedInput",
   props: {
     badge: {}
   },
   setup(i) {
-    const l = i, e = v(null), { width: p } = D(e);
-    return (t, u) => (d(), _("div", ce, [
+    const l = i, e = f(null), { width: p } = D(e);
+    return (t, u) => (d(), _("div", ue, [
       n(a(C), T(t.$attrs, {
-        style: { paddingRight: a(p) + pe + "px" }
+        style: { paddingRight: a(p) + ce + "px" }
       }), null, 16, ["style"]),
-      l.badge ? (d(), g(W, {
+      l.badge ? (d(), g(Q, {
         key: 0,
         ref_key: "badgeEl",
         ref: e,
         class: "hover:bg-primary/8 dark:hover:bg-primary/30 absolute top-1 right-2 flex items-center justify-center rounded-sm"
       }, {
         default: y(() => [
-          K(L(l.badge), 1)
+          H(K(l.badge), 1)
         ]),
         _: 1
       }, 512)) : R("", !0)
     ]));
   }
-}), fe = { class: "nowrap text-foreground relative flex w-32 flex-row font-medium uppercase" }, me = 12, Fe = /* @__PURE__ */ x({
+}), pe = { class: "nowrap text-foreground relative flex w-32 flex-row font-medium uppercase" }, fe = 12, Ee = /* @__PURE__ */ x({
   __name: "BuiColorInput",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ L({
     id: {},
     defaultValue: { default: "#FFFFFF" },
     disabled: { type: Boolean, default: !1 },
@@ -233,33 +233,33 @@ const re = B("palette", [
   }),
   emits: ["update:modelValue"],
   setup(i) {
-    const l = i, e = q(i, "modelValue", void 0), p = v(null), { width: t } = D(p), u = () => e.value && P.test(e.value) ? e.value : l.defaultValue && P.test(l.defaultValue) ? l.defaultValue : "#FFFFFF", o = v(u().substring(1)), s = v(u());
-    return I(o, () => {
-      Q.test(o.value) && (e.value = `#${o.value}`, s.value = `#${o.value}`);
-    }), I(s, () => {
+    const l = i, e = Y(i, "modelValue", void 0), p = f(null), { width: t } = D(p), u = () => e.value && I.test(e.value) ? e.value : l.defaultValue && I.test(l.defaultValue) ? l.defaultValue : "#FFFFFF", o = f(u().substring(1)), s = f(u());
+    return M(o, () => {
+      J.test(o.value) && (e.value = `#${o.value}`, s.value = `#${o.value}`);
+    }), M(s, () => {
       e.value = s.value, o.value = s.value.substring(1);
-    }), (c, r) => (d(), g(a(Z), null, {
+    }), (c, r) => (d(), g(a(W), null, {
       default: y(() => [
-        n(a(ee), null, {
+        n(a(Z), null, {
           default: y(() => [
-            b("div", fe, [
+            b("div", pe, [
               b("div", {
                 ref_key: "paletteBadge",
                 ref: p,
                 class: k(a(w)("absolute top-1.5 left-2 flex flex-row items-center gap-1", c.ui?.badgeClass))
               }, [
-                n(a(re), { class: "h-4 w-4 shrink-0" }),
+                n(a(se), { class: "h-4 w-4 shrink-0" }),
                 b("div", {
                   class: "h-4 w-4 rounded-sm",
-                  style: M({ backgroundColor: s.value })
+                  style: P({ backgroundColor: s.value })
                 }, null, 4),
                 r[2] || (r[2] = b("div", { class: "text-foreground/[.56] font-bold" }, "#", -1))
               ], 2),
               n(C, {
                 modelValue: o.value,
-                "onUpdate:modelValue": r[0] || (r[0] = (f) => o.value = f),
+                "onUpdate:modelValue": r[0] || (r[0] = (m) => o.value = m),
                 id: c.id,
-                style: M({ paddingLeft: a(t) + me + "px" }),
+                style: P({ paddingLeft: a(t) + fe + "px" }),
                 disabled: c.disabled,
                 class: k(c.ui?.inputClass)
               }, null, 8, ["modelValue", "id", "style", "disabled", "class"])
@@ -267,14 +267,14 @@ const re = B("palette", [
           ]),
           _: 1
         }),
-        n(a(ae), {
+        n(a(ee), {
           class: "w-fit",
           align: "start"
         }, {
           default: y(() => [
-            n(te, {
+            n(ae, {
               modelValue: s.value,
-              "onUpdate:modelValue": r[1] || (r[1] = (f) => s.value = f),
+              "onUpdate:modelValue": r[1] || (r[1] = (m) => s.value = m),
               format: "hex",
               disabled: c.disabled,
               ui: { selectorClass: "ring-popover", trackClass: "ring-popover" }
@@ -302,9 +302,9 @@ const re = B("palette", [
   }
 );
 export {
-  Ee as BuiBadgedInput,
-  Fe as BuiColorInput,
+  Ce as BuiBadgedInput,
+  Ee as BuiColorInput,
   C as BuiInput,
-  Ce as BuiPasswordInput,
+  Be as BuiPasswordInput,
   A as inputVariants
 };

package/dist/components/table/BuiDataTableColumnList.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-DbC6QNWk.js";
+import { _ as f } from "../../BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-D7BaWJlh.js";
 export {
   f as default
 };

package/dist/components/table/index.js

@@ -30,7 +30,7 @@ import { FlexRender as _t, useVueTable as An, getSortedRowModel as Pn, getPagina
 import { useElementSize as zn, useIntersectionObserver as Ye, useSessionStorage as In, useEventListener as Je, useElementVisibility as Mn } from "@vueuse/core";
 import { useGlobalCursor as xn } from "../../lib/useGlobalCursor.js";
 import { C as En } from "../../chevron-down-CNPbIKfA.js";
-import { _ as Bn } from "../../BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-DbC6QNWk.js";
+import { _ as Bn } from "../../BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-D7BaWJlh.js";
 /**
  * @license lucide-vue-next v0.544.0 - ISC
  *

package/dist/index.js

@@ -126,7 +126,7 @@ import { _ as la } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_
 import { BuiSheetContent as da, sheetVariants as Ca } from "./components/sheet/index.js";
 import { BuiColorPicker as ca, colorPickerSelectorVariants as Sa, colorPickerTrackVariants as Da } from "./components/color-picker/index.js";
 import "vue";
-import { _ as Aa } from "./BuiActionBar.vue_vue_type_script_setup_true_lang-BmFhJ5G_.js";
+import { _ as Aa } from "./BuiActionBar.vue_vue_type_script_setup_true_lang-ttLNaQDg.js";
 import { _ as Fa } from "./BuiAlertTitle.vue_vue_type_script_setup_true_lang-DuaUfn0m.js";
 import { _ as Ia } from "./BuiAlertDescription.vue_vue_type_script_setup_true_lang-DMlFwsol.js";
 import { _ as ha } from "./BuiAvatarImage.vue_vue_type_script_setup_true_lang-CzKZeFgo.js";
@@ -140,7 +140,7 @@ import { _ as Ka } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-Dwbw9
 import { _ as ja } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-r8msHy2U.js";
 import { _ as za } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang--C1y9emP.js";
 import { _ as Wa } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-yWhoN1RM.js";
-import { _ as Za } from "./BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-DbC6QNWk.js";
+import { _ as Za } from "./BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-D7BaWJlh.js";
 import { _ as oi } from "./BuiTabs.vue_vue_type_script_setup_true_lang--Pf-gBbc.js";
 import { _ as ei } from "./BuiTabsContent.vue_vue_type_script_setup_true_lang-C_8zNmbh.js";
 import { _ as ai } from "./BuiToastViewport.vue_vue_type_script_setup_true_lang-Df_BhI0w.js";

package/package.json

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

package/src/components/action-bar/BuiActionBar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, useTemplateRef, onMounted, watch } from 'vue'
+import { ref, computed, onMounted, watch } from 'vue'
 import { useResizeObserver } from '@vueuse/core'
 import BuiButton from '@/components/button/BuiButton.vue'
 import {
@@ -27,7 +27,7 @@ const props = defineProps<{
   }
 }>()
 
-const containerRef = useTemplateRef('containerRef')
+const containerRef = ref<HTMLDivElement | null>(null)
 const visibleCount = ref(props.actions.length)
 
 const BUTTON_GAP = 12

package/src/components/input/BuiInput.vue

@@ -2,7 +2,7 @@
 import { FORM_READONLY_INJECTION_KEY } from '@/components/form'
 import { cn } from '@/lib/utils'
 import { useVModel } from '@vueuse/core'
-import { inject, ref, toRef, useTemplateRef, type HTMLAttributes } from 'vue'
+import { inject, ref, toRef, type HTMLAttributes } from 'vue'
 import { inputVariants } from '.'
 import BuiButton from '@/components/button/BuiButton.vue'
 import { X } from 'lucide-vue-next'
@@ -32,7 +32,7 @@ const modelValue = useVModel(props, 'modelValue', emits, {
 const readonlyContext = inject(FORM_READONLY_INJECTION_KEY, toRef(false))
 
 const isFocused = ref<boolean>(false)
-const searchInput = useTemplateRef<HTMLElement>('searchInput')
+const searchInput = ref<HTMLInputElement | null>(null)
 
 const handleFocus = () => {
   isFocused.value = true

package/src/components/table/BuiDataTableColumnList.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts" generic="TData, _TValue">
 import type { Column } from '@tanstack/vue-table'
-import { useTemplateRef } from 'vue'
-
+import { ref } from 'vue'
 import { BuiCommandItem } from '@/components/command'
 import { BuiCheckbox } from '@/components/checkbox'
 import { useSortable } from '@vueuse/integrations/useSortable'
 
-const columnsListRef = useTemplateRef<HTMLElement>('columnsListRef')
+const columnsListRef = ref<HTMLDivElement | null>(null)
 const columnsList = defineModel<Column<TData, unknown>[]>('columnsList', {
   default: [],
   required: true