adverich-kun-ui 0.1.552 → 0.1.554

package/dist/components/KunTextField/src/components/KunTextField.vue.js

@@ -1,4 +1,4 @@
-import { nextTick as H, getCurrentInstance as q, computed as d, useSlots as G, ref as J, createElementBlock as l, openBlock as s, createCommentVNode as o, createElementVNode as k, normalizeClass as u, toDisplayString as i, mergeProps as L, unref as t, renderSlot as h, withModifiers as Q, createVNode as W } from "vue";
+import { nextTick as H, getCurrentInstance as q, computed as d, useSlots as G, ref as J, createElementBlock as n, openBlock as s, createCommentVNode as o, createElementVNode as k, normalizeClass as u, toDisplayString as i, mergeProps as L, unref as t, renderSlot as h, withModifiers as Q, createVNode as W } from "vue";
 import { icons as F } from "../../../../icons/index.js";
 import X from "../composables/KunTextFieldProps.js";
 import Y from "../composables/useKunTextFieldComposable.js";
@@ -6,10 +6,10 @@ import Z from "../../../KunIcon/src/components/KunIcon.vue.js";
 const _ = {
   key: 0,
   class: "mr-2"
-}, ee = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], te = ["disabled"], ne = {
+}, ee = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], te = ["disabled"], le = {
   key: 3,
   class: "flex items-center justify-center min-w-[32px] h-full px-1"
-}, le = {
+}, ne = {
   key: 5,
   class: "ml-2"
 }, se = {
@@ -47,16 +47,16 @@ const _ = {
       handleBlur: C,
       focusInput: I,
       validate: K,
-      reset: T,
-      resetValidation: B,
+      reset: S,
+      resetValidation: T,
       clearInput: $
-    } = Y(a, p), O = (e) => {
+    } = Y(a, p), B = (e) => {
       p("keyDown", e), e.key === "Enter" && (e.preventDefault(), p("enter", e));
     };
     V({
       validate: K,
-      reset: T,
-      resetValidation: B,
+      reset: S,
+      resetValidation: T,
       inputField: f,
       rootRef: w,
       focus: () => {
@@ -65,25 +65,25 @@ const _ = {
         });
       }
     });
-    const c = `input-${q().uid}`, S = d(() => b.value || y.value !== "" || a.dirty), x = G(), A = d(() => !!x["prepend-inner"]), N = d(() => !!x["append-inner"]), v = J(!1), z = d(() => v.value ? F.eyeOffOutline : F.eyeOutline);
+    const c = `input-${q().uid}`, O = d(() => b.value || y.value !== "" || a.dirty), x = G(), A = d(() => !!x["prepend-inner"]), N = d(() => !!x["append-inner"]), v = J(!1), z = d(() => v.value ? F.eyeOffOutline : F.eyeOutline);
     function M() {
       v.value = !v.value;
     }
     const R = d(() => a.type === "password" ? v.value ? "text" : "password" : a.type), U = d(() => a.density === "compact" ? "p-1" : a.density === "comfortable" ? "p-2" : "p-3");
-    return (e, n) => {
+    return (e, l) => {
       var D;
-      return s(), l("div", {
+      return s(), n("div", {
         class: "w-full flex flex-col relative",
         ref_key: "rootRef",
         ref: w
       }, [
-        e.label ? (s(), l("label", {
+        e.label ? (s(), n("label", {
           key: 0,
           for: c,
           class: u([
             e.labelColor,
             "absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10",
-            S.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
+            O.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
           ])
         }, i(e.label), 3)) : o("", !0),
         k("div", L({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
@@ -92,12 +92,12 @@ const _ = {
               e.bgInput,
               e.rounded,
               t(b) ? "border-slate-400 dark:border-slate-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
-              e.disabled ? "opacity-60 cursor-not-allowed" : e.readonly ? "cursor-pointer" : "cursor-text",
+              e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-text",
               t(m) ? "bg-red-200 dark:bg-red-900" : ""
             ]])
           }, [
-            e.prefix ? (s(), l("div", _, i(e.prefix), 1)) : o("", !0),
-            A.value ? (s(), l("div", {
+            e.prefix ? (s(), n("div", _, i(e.prefix), 1)) : o("", !0),
+            A.value ? (s(), n("div", {
               key: 1,
               class: u([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
             }, [
@@ -115,45 +115,45 @@ const _ = {
               readonly: e.readonly,
               maxlength: e.maxlength,
               autocomplete: "off",
-              class: u(["w-full h-full bg-transparent focus:outline-none", [U.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "text-center" : ""]]),
+              class: u(["w-full h-full bg-transparent focus:outline-none", [U.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "text-center" : "", e.inputStyle]]),
               "aria-invalid": t(m) ? "true" : "false",
               "aria-describedby": t(m) ? `error-${c}` : null,
-              onInput: n[0] || (n[0] = (...r) => t(g) && t(g)(...r)),
-              onBlur: n[1] || (n[1] = (...r) => t(C) && t(C)(...r)),
-              onFocus: n[2] || (n[2] = (...r) => t(I) && t(I)(...r)),
-              onClick: n[3] || (n[3] = Q((r) => p("handleClick"), ["stop"])),
-              onKeydown: O,
-              onKeyup: n[4] || (n[4] = (r) => p("keyUp", r))
+              onInput: l[0] || (l[0] = (...r) => t(g) && t(g)(...r)),
+              onBlur: l[1] || (l[1] = (...r) => t(C) && t(C)(...r)),
+              onFocus: l[2] || (l[2] = (...r) => t(I) && t(I)(...r)),
+              onClick: l[3] || (l[3] = Q((r) => p("handleClick"), ["stop"])),
+              onKeydown: B,
+              onKeyup: l[4] || (l[4] = (r) => p("keyUp", r))
             }, null, 42, ee),
-            e.clearable && t(y) ? (s(), l("button", {
+            e.clearable && t(y) ? (s(), n("button", {
               key: 2,
               type: "button",
-              onClick: n[5] || (n[5] = (...r) => t($) && t($)(...r)),
+              onClick: l[5] || (l[5] = (...r) => t($) && t($)(...r)),
               class: u(["ml-2", e.textColor]),
               disabled: e.disabled || e.readonly
             }, " × ", 10, te)) : o("", !0),
             h(e.$slots, "default"),
-            e.type === "password" && e.showPasswordToggle ? (s(), l("div", ne, [
+            e.type === "password" && e.showPasswordToggle ? (s(), n("div", le, [
               W(Z, {
                 icon: z.value,
                 onClick: M
               }, null, 8, ["icon"])
             ])) : o("", !0),
-            N.value ? (s(), l("div", {
+            N.value ? (s(), n("div", {
               key: 4,
               class: u([e.appendInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
             }, [
               h(e.$slots, "append-inner")
             ], 2)) : o("", !0),
-            e.suffix ? (s(), l("div", le, i(e.suffix), 1)) : o("", !0)
+            e.suffix ? (s(), n("div", ne, i(e.suffix), 1)) : o("", !0)
           ], 2),
-          e.hideDetails ? o("", !0) : (s(), l("div", se, [
-            t(m) ? (s(), l("div", {
+          e.hideDetails ? o("", !0) : (s(), n("div", se, [
+            t(m) ? (s(), n("div", {
               key: 0,
               id: `error-${c}`,
               class: "text-red-500 text-sm text-center"
-            }, i(t(E) || e.errorMessage), 9, re)) : e.hint && (e.persistentHint || t(b)) ? (s(), l("div", oe, i(e.hint), 1)) : o("", !0),
-            e.counter && e.maxlength ? (s(), l("div", ie, i(((D = t(y)) == null ? void 0 : D.length) || 0) + " / " + i(e.maxlength), 1)) : o("", !0)
+            }, i(t(E) || e.errorMessage), 9, re)) : e.hint && (e.persistentHint || t(b)) ? (s(), n("div", oe, i(e.hint), 1)) : o("", !0),
+            e.counter && e.maxlength ? (s(), n("div", ie, i(((D = t(y)) == null ? void 0 : D.length) || 0) + " / " + i(e.maxlength), 1)) : o("", !0)
           ]))
         ], 16)
       ], 512);

package/dist/components/KunTextField/src/composables/KunTextFieldProps.js

@@ -18,6 +18,7 @@ const e = {
   labelColor: { type: String, default: "text-black/80 dark:text-white/80" },
   placeholderColor: { type: String, default: "placeholder-black/60 dark:placeholder-white/60" },
   bgInput: { type: String, default: "bg-field-background" },
+  inputStyle: { type: String, default: "" },
   textCenter: { type: Boolean, default: !1 },
   density: { type: String, default: "default" },
   // Estado

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.552",
+  "version": "0.1.554",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",