@soft-stech/bootsman-ui-shadcn 2.0.13 → 2.0.15

package/dist/{BuiTable.vue_vue_type_script_setup_true_lang-C3hr0DBS.js → BuiTable.vue_vue_type_script_setup_true_lang-Dd_dkcy4.js}

@@ -1,20 +1,20 @@
-import { defineComponent as l, createBlock as n, openBlock as i, unref as o, withCtx as c, renderSlot as r, createElementVNode as s, createVNode as m, normalizeClass as f } from "vue";
+import { defineComponent as a, createBlock as n, openBlock as i, unref as o, withCtx as c, renderSlot as r, createElementVNode as s, createVNode as m, normalizeClass as f } from "vue";
 import { _ as p } from "./BuiScrollArea.vue_vue_type_script_setup_true_lang-XkIzRs-G.js";
 import { _ } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-cV0od8j0.js";
 import { g as d } from "./utils-DhVytAXN.js";
-const u = { class: "min-h-[90px]" }, B = /* @__PURE__ */ l({
+const u = { class: "flex min-h-[90px] grow flex-col" }, g = /* @__PURE__ */ a({
   __name: "BuiTable",
   props: {
     class: {}
   },
   setup(t) {
-    const a = t;
+    const l = t;
     return (e, b) => (i(), n(o(p), { class: "border-border/16 w-full grow overflow-auto rounded-sm border" }, {
       default: c(() => [
         r(e.$slots, "columnVisibility"),
         s("div", u, [
           s("table", {
-            class: f(o(d)("h-full w-full caption-top text-sm", a.class))
+            class: f(o(d)("h-full w-full caption-top text-sm", l.class))
           }, [
             r(e.$slots, "default")
           ], 2)
@@ -26,5 +26,5 @@ const u = { class: "min-h-[90px]" }, B = /* @__PURE__ */ l({
   }
 });
 export {
-  B as _
+  g as _
 };

package/dist/components/input/BuiInput.vue.d.ts

@@ -14,5 +14,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "update:modelValue": (payload: string | number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    searchInput: HTMLInputElement;
+}, any>;
 export default _default;

package/dist/components/input/BuiPasswordInput.vue.d.ts

@@ -1,5 +1,7 @@
 type __VLS_Props = {
     defaultValue?: 'password' | 'text';
+    showPasswordTranslation?: string;
+    hidePasswordTranslation?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/input/index.js

@@ -1,20 +1,21 @@
-import { h as _, F as I, g as k, j as N } from "../../utils-DhVytAXN.js";
-import { defineComponent as b, inject as P, toRef as R, ref as m, withDirectives as D, createElementBlock as V, openBlock as p, unref as a, normalizeClass as h, isRef as j, vModelDynamic as O, createVNode as c, createElementVNode as y, mergeProps as F, createBlock as g, createCommentVNode as U, withCtx as v, createTextVNode as A, toDisplayString as z, mergeModels as G, useModel as S, watch as B, normalizeStyle as C } from "vue";
-import { useVModel as X, useElementBounding as $ } from "@vueuse/core";
+import { h as B, F as O, g as _, _ as R, j as S } from "../../utils-DhVytAXN.js";
+import { defineComponent as x, inject as z, toRef as A, ref as v, useTemplateRef as X, createElementBlock as w, withDirectives as E, openBlock as i, createBlock as g, createCommentVNode as T, createElementVNode as h, 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 D, 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 U } from "@vueuse/core";
+import { c as Q, d as P } from "../../colorUtils-BgA4kYw8.js";
+import { BuiBadge as W } from "../badge/index.js";
 import "vee-validate";
-import { c as H, d as E } from "../../colorUtils-BgA4kYw8.js";
-import { BuiBadge as K } from "../badge/index.js";
-import { _ as L } from "../../BuiPopover.vue_vue_type_script_setup_true_lang-C21Z50mT.js";
-import { _ as T } from "../../BuiPopoverTrigger.vue_vue_type_script_setup_true_lang-DRd7CSVn.js";
-import { _ as Y } from "../../BuiPopoverContent.vue_vue_type_script_setup_true_lang-D3uzwVKl.js";
-import { BuiColorPicker as q } from "../color-picker/index.js";
+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-D3uzwVKl.js";
+import { BuiColorPicker as te } from "../color-picker/index.js";
+import { X as le } from "../../x-BYvGkYUz.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 J = _("eye-off", [
+const oe = B("eye-off", [
   [
     "path",
     {
@@ -38,7 +39,7 @@ const J = _("eye-off", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Q = _("eye", [
+const se = B("eye", [
   [
     "path",
     {
@@ -54,7 +55,7 @@ const Q = _("eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const W = _("palette", [
+const re = B("palette", [
   [
     "path",
     {
@@ -66,7 +67,10 @@ const W = _("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" }]
-]), Z = ["readonly", "disabled", "placeholder", "type"], w = /* @__PURE__ */ b({
+]), ne = {
+  key: 0,
+  class: "group relative flex flex-row items-center"
+}, ie = ["readonly", "disabled", "placeholder"], de = ["readonly", "disabled", "placeholder", "type"], C = /* @__PURE__ */ x({
   __name: "BuiInput",
   props: {
     defaultValue: {},
@@ -79,89 +83,138 @@ const W = _("palette", [
     type: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: o }) {
-    const e = i, l = X(e, "modelValue", o, {
+  setup(d, { emit: o }) {
+    const e = d, t = J(e, "modelValue", o, {
       passive: !0,
       defaultValue: e.defaultValue
-    }), f = P(I, R(!1)), t = m(!1), s = () => {
-      t.value = !0;
-    }, u = () => {
-      t.value = !1;
-    }, d = (r) => {
-      (r.key === "Home" || r.key === "End") && t.value && r.stopPropagation();
+    }), u = z(O, A(!1)), l = v(!1), s = X("searchInput"), c = () => {
+      l.value = !0;
+    }, r = () => {
+      l.value = !1;
+    }, f = (m) => {
+      (m.key === "Home" || m.key === "End") && l.value && m.stopPropagation();
+    }, j = () => {
+      s.value && (s.value.focus(), t.value = "");
     };
-    return (r, x) => D((p(), V("input", {
-      "onUpdate:modelValue": x[0] || (x[0] = (M) => j(l) ? l.value = M : null),
-      class: h(a(k)(a(se)({ variant: r.variant }), e.class ?? "")),
-      readonly: a(f) || e.readonly,
+    return (m, b) => e.type === "search" ? (i(), w("div", ne, [
+      E(h("input", {
+        ref_key: "searchInput",
+        ref: s,
+        "onUpdate:modelValue": b[0] || (b[0] = (V) => F(t) ? t.value = V : null),
+        class: k(
+          a(_)(
+            a(N)({ variant: m.variant }),
+            e.class ?? "",
+            "pr-6",
+            !e.variant || e.variant === "default" ? "group-hover:border-primary" : ""
+          )
+        ),
+        readonly: a(u) || e.readonly,
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        type: "text",
+        onFocus: c,
+        onBlur: r,
+        onKeydown: f
+      }, null, 42, ie), [
+        [G, a(t)]
+      ]),
+      a(t) && a(t).toString().length > 0 ? (i(), g(R, {
+        key: 0,
+        variant: "none",
+        class: "hover:text-primary text-foreground invisible absolute top-2 right-2 h-fit w-fit p-[1px] group-hover:visible",
+        onClick: j
+      }, {
+        default: y(() => [
+          n(a(le), {
+            size: 14,
+            class: "pointer-events-none shrink-0"
+          })
+        ]),
+        _: 1
+      })) : T("", !0)
+    ])) : E((i(), w("input", {
+      key: 1,
+      "onUpdate:modelValue": b[1] || (b[1] = (V) => F(t) ? t.value = V : null),
+      class: k(a(_)(a(N)({ variant: m.variant }), e.class ?? "")),
+      readonly: a(u) || e.readonly,
       disabled: e.disabled,
       placeholder: e.placeholder,
       type: e.type || "text",
-      onFocus: s,
-      onBlur: u,
-      onKeydown: d
-    }, null, 42, Z)), [
-      [O, a(l)]
+      onFocus: c,
+      onBlur: r,
+      onKeydown: f
+    }, null, 42, de)), [
+      [H, a(t)]
     ]);
   }
-}), ee = { class: "relative flex" }, ve = /* @__PURE__ */ b({
+}), ue = { class: "relative flex" }, Ce = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "BuiPasswordInput",
   props: {
-    defaultValue: {}
+    defaultValue: {},
+    showPasswordTranslation: {},
+    hidePasswordTranslation: {}
   },
-  setup(i) {
-    const e = m(i.defaultValue ?? "password");
-    function n() {
+  setup(d) {
+    const o = d, e = v(o.defaultValue ?? "password");
+    function p() {
       e.value === "password" ? e.value = "text" : e.value = "password";
     }
-    return (l, f) => (p(), V("div", ee, [
-      c(a(w), F(l.$attrs, {
+    const t = $(() => o.showPasswordTranslation ?? "Show password"), u = $(() => o.hidePasswordTranslation ?? "Hide password");
+    return (l, s) => (i(), w("div", ue, [
+      n(a(C), D(l.$attrs, {
         type: e.value,
-        class: a(k)(l.$attrs.class ?? "", "pr-8")
+        class: a(_)(l.$attrs.class ?? "", "pr-8")
       }), null, 16, ["type", "class"]),
-      y("span", {
-        onClick: n,
-        class: "absolute top-0 right-3 flex h-full items-center justify-center"
-      }, [
-        e.value === "password" ? (p(), g(a(Q), {
-          key: 0,
-          class: "h-4 w-4 cursor-pointer opacity-[0.56] hover:opacity-100"
-        })) : (p(), g(a(J), {
-          key: 1,
-          class: "h-4 w-4 cursor-pointer opacity-[0.56] hover:opacity-100"
-        }))
-      ])
+      n(R, {
+        onClick: p,
+        variant: "none",
+        class: "text-muted-foreground hover:text-foreground absolute top-0 right-3 flex h-full w-fit items-center justify-center p-0",
+        "aria-label": e.value === "password" ? t.value : u.value,
+        "aria-pressed": e.value !== "password"
+      }, {
+        default: y(() => [
+          e.value === "password" ? (i(), g(a(se), {
+            key: 0,
+            class: "pointer-events-none h-4 w-4 shrink-0 cursor-pointer"
+          })) : (i(), g(a(oe), {
+            key: 1,
+            class: "pointer-events-none h-4 w-4 shrink-0 cursor-pointer"
+          }))
+        ]),
+        _: 1
+      }, 8, ["aria-label", "aria-pressed"])
     ]));
   }
-}), ae = { class: "relative flex" }, te = 12, ge = /* @__PURE__ */ b({
+}), ce = { class: "relative flex" }, pe = 12, Ee = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "BuiBadgedInput",
   props: {
     badge: {}
   },
-  setup(i) {
-    const o = i, e = m(null), { width: n } = $(e);
-    return (l, f) => (p(), V("div", ae, [
-      c(a(w), F(l.$attrs, {
-        style: { paddingRight: a(n) + te + "px" }
+  setup(d) {
+    const o = d, e = v(null), { width: p } = U(e);
+    return (t, u) => (i(), w("div", ce, [
+      n(a(C), D(t.$attrs, {
+        style: { paddingRight: a(p) + pe + "px" }
       }), null, 16, ["style"]),
-      o.badge ? (p(), g(K, {
+      o.badge ? (i(), g(W, {
         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: v(() => [
-          A(z(o.badge), 1)
+        default: y(() => [
+          K(L(o.badge), 1)
         ]),
         _: 1
-      }, 512)) : U("", !0)
+      }, 512)) : T("", !0)
     ]));
   }
-}), le = { class: "nowrap text-foreground relative flex w-32 flex-row font-medium uppercase" }, oe = 12, be = /* @__PURE__ */ b({
+}), fe = { class: "nowrap text-foreground relative flex w-32 flex-row font-medium uppercase" }, me = 12, Fe = /* @__PURE__ */ x({
   __name: "BuiColorInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ Y({
     id: {},
     defaultValue: { default: "#FFFFFF" },
     disabled: { type: Boolean, default: !1 },
@@ -171,51 +224,51 @@ const W = _("palette", [
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const o = i, e = S(i, "modelValue", void 0), n = m(null), { width: l } = $(n), f = () => e.value && E.test(e.value) ? e.value : o.defaultValue && E.test(o.defaultValue) ? o.defaultValue : "#FFFFFF", t = m(f().substring(1)), s = m(f());
-    return B(t, () => {
-      H.test(t.value) && (e.value = `#${t.value}`, s.value = `#${t.value}`);
-    }), B(s, () => {
-      e.value = s.value, t.value = s.value.substring(1);
-    }), (u, d) => (p(), g(a(L), null, {
-      default: v(() => [
-        c(a(T), null, {
-          default: v(() => [
-            y("div", le, [
-              y("div", {
+  setup(d) {
+    const o = d, e = q(d, "modelValue", void 0), p = v(null), { width: t } = U(p), u = () => e.value && P.test(e.value) ? e.value : o.defaultValue && P.test(o.defaultValue) ? o.defaultValue : "#FFFFFF", l = v(u().substring(1)), s = v(u());
+    return I(l, () => {
+      Q.test(l.value) && (e.value = `#${l.value}`, s.value = `#${l.value}`);
+    }), I(s, () => {
+      e.value = s.value, l.value = s.value.substring(1);
+    }), (c, r) => (i(), g(a(Z), null, {
+      default: y(() => [
+        n(a(ee), null, {
+          default: y(() => [
+            h("div", fe, [
+              h("div", {
                 ref_key: "paletteBadge",
-                ref: n,
-                class: h(a(k)("absolute top-1.5 left-2 flex flex-row items-center gap-1", u.ui?.badgeClass))
+                ref: p,
+                class: k(a(_)("absolute top-1.5 left-2 flex flex-row items-center gap-1", c.ui?.badgeClass))
               }, [
-                c(a(W), { class: "h-4 w-4 shrink-0" }),
-                y("div", {
+                n(a(re), { class: "h-4 w-4 shrink-0" }),
+                h("div", {
                   class: "h-4 w-4 rounded-sm",
-                  style: C({ backgroundColor: s.value })
+                  style: M({ backgroundColor: s.value })
                 }, null, 4),
-                d[2] || (d[2] = y("div", { class: "text-foreground/[.56] font-bold" }, "#", -1))
+                r[2] || (r[2] = h("div", { class: "text-foreground/[.56] font-bold" }, "#", -1))
               ], 2),
-              c(w, {
-                modelValue: t.value,
-                "onUpdate:modelValue": d[0] || (d[0] = (r) => t.value = r),
-                id: u.id,
-                style: C({ paddingLeft: a(l) + oe + "px" }),
-                disabled: u.disabled,
-                class: h(u.ui?.inputClass)
+              n(C, {
+                modelValue: l.value,
+                "onUpdate:modelValue": r[0] || (r[0] = (f) => l.value = f),
+                id: c.id,
+                style: M({ paddingLeft: a(t) + me + "px" }),
+                disabled: c.disabled,
+                class: k(c.ui?.inputClass)
               }, null, 8, ["modelValue", "id", "style", "disabled", "class"])
             ])
           ]),
           _: 1
         }),
-        c(a(Y), {
+        n(a(ae), {
           class: "w-fit",
           align: "start"
         }, {
-          default: v(() => [
-            c(q, {
+          default: y(() => [
+            n(te, {
               modelValue: s.value,
-              "onUpdate:modelValue": d[1] || (d[1] = (r) => s.value = r),
+              "onUpdate:modelValue": r[1] || (r[1] = (f) => s.value = f),
               format: "hex",
-              disabled: u.disabled,
+              disabled: c.disabled,
               ui: { selectorClass: "ring-popover", trackClass: "ring-popover" }
             }, null, 8, ["modelValue", "disabled"])
           ]),
@@ -225,7 +278,7 @@ const W = _("palette", [
       _: 1
     }));
   }
-}), se = N(
+}), N = S(
   "flex h-8 w-full rounded-sm bg-background border px-2 py-1 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-30 dark:disabled:opacity-55 read-only:opacity-30 dark:read-only:opacity-55 aria-invalid:border-destructive-foreground",
   {
     variants: {
@@ -241,9 +294,9 @@ const W = _("palette", [
   }
 );
 export {
-  ge as BuiBadgedInput,
-  be as BuiColorInput,
-  w as BuiInput,
-  ve as BuiPasswordInput,
-  se as inputVariants
+  Ee as BuiBadgedInput,
+  Fe as BuiColorInput,
+  C as BuiInput,
+  Ce as BuiPasswordInput,
+  N as inputVariants
 };

package/dist/components/table/BuiTable.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../BuiTable.vue_vue_type_script_setup_true_lang-C3hr0DBS.js";
+import { _ as f } from "../../BuiTable.vue_vue_type_script_setup_true_lang-Dd_dkcy4.js";
 export {
   f as default
 };