adverich-kun-ui 0.1.200 → 0.1.201

package/dist/index.js

@@ -3,8 +3,8 @@ import o from "./components/KunAlert/src/components/KunAlert.vue.js";
 import i from "./components/KunAppbar/src/components/KunAppbar.vue.js";
 import a from "./components/KunAppbarTitle/src/components/KunAppbarTitle.vue.js";
 import t from "./components/KunAutocomplete/src/components/KunAutocomplete.vue.js";
-import u from "./components/KunAvatar/src/components/KunAvatar.vue.js";
-import s from "./components/KunBtn/src/components/KunBtn.vue.js";
+import s from "./components/KunAvatar/src/components/KunAvatar.vue.js";
+import u from "./components/KunBtn/src/components/KunBtn.vue.js";
 import f from "./components/KunBadge/src/components/KunBadge.vue.js";
 import K from "./components/KunCard/src/components/KunCard.vue.js";
 import _ from "./components/KunCardActions/src/components/KunCardActions.vue.js";
@@ -19,49 +19,48 @@ import b from "./components/KunCurrency/src/components/KunCurrency.vue.js";
 import C from "./components/KunDialog/src/components/KunDialog.vue.js";
 import L from "./components/KunDivider/src/components/KunDivider.vue.js";
 import I from "./components/KunDrawer/src/components/KunDrawer.vue.js";
-import A from "./components/KunFileInput/src/components/KunFileInput.vue.js";
-import F from "./components/KunForm/src/components/KunForm.vue.js";
+import A from "./components/KunForm/src/components/KunForm.vue.js";
 import S from "./components/KunIcon/src/components/KunIcon.vue.js";
 import x from "./components/KunList/src/components/KunList.vue.js";
-import g from "./components/KunListGroup/src/components/KunListGroup.vue.js";
-import M from "./components/KunListImg/src/components/KunListImg.vue.js";
-import h from "./components/KunListItem/src/components/KunListItem.vue.js";
-import v from "./components/KunListItemAction/src/components/KunListItemAction.vue.js";
-import w from "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
-import D from "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import B from "./components/KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import y from "./components/KunListItemText/src/components/KunListItemText.vue.js";
-import G from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
-import R from "./components/kunMenu/src/components/kunMenu.vue.js";
-import j from "./components/KunModalFooter/src/components/KunModalFooter.vue.js";
-import k from "./components/KunModalFooter/src/components/KunMultipleModalFooter.vue.js";
-import q from "./components/KunNumberField/src/components/KunNumberField.vue.js";
-import z from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
-import E from "./components/KunRow/src/components/KunRow.vue.js";
-import N from "./components/KunSlider/src/components/KunSlider.vue.js";
-import H from "./components/KunSpacer/src/components/KunSpacer.vue.js";
-import J from "./components/KunSwitch/src/components/KunSwitch.vue.js";
-import O from "./components/KunTable/src/components/KunTable.vue.js";
-import P from "./components/KunTabs/src/components/KunTab.vue.js";
-import Q from "./components/KunTabs/src/components/KunTabs.vue.js";
-import U from "./components/KunTextarea/src/components/KunTextarea.vue.js";
-import V from "./components/KunTextField/src/components/KunTextField.vue.js";
-import W from "./components/KunToolbar/src/components/KunToolbar.vue.js";
-import X from "./components/KunToolbar/src/components/KunToolbarTitle.vue.js";
-import Y from "./components/KunTooltip/src/components/KunTooltip.vue.js";
+import F from "./components/KunListGroup/src/components/KunListGroup.vue.js";
+import g from "./components/KunListImg/src/components/KunListImg.vue.js";
+import M from "./components/KunListItem/src/components/KunListItem.vue.js";
+import h from "./components/KunListItemAction/src/components/KunListItemAction.vue.js";
+import v from "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
+import w from "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import D from "./components/KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import B from "./components/KunListItemText/src/components/KunListItemText.vue.js";
+import y from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
+import G from "./components/kunMenu/src/components/kunMenu.vue.js";
+import R from "./components/KunModalFooter/src/components/KunModalFooter.vue.js";
+import j from "./components/KunModalFooter/src/components/KunMultipleModalFooter.vue.js";
+import k from "./components/KunNumberField/src/components/KunNumberField.vue.js";
+import q from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
+import z from "./components/KunRow/src/components/KunRow.vue.js";
+import E from "./components/KunSlider/src/components/KunSlider.vue.js";
+import N from "./components/KunSpacer/src/components/KunSpacer.vue.js";
+import H from "./components/KunSwitch/src/components/KunSwitch.vue.js";
+import J from "./components/KunTable/src/components/KunTable.vue.js";
+import O from "./components/KunTabs/src/components/KunTab.vue.js";
+import P from "./components/KunTabs/src/components/KunTabs.vue.js";
+import Q from "./components/KunTextarea/src/components/KunTextarea.vue.js";
+import U from "./components/KunTextField/src/components/KunTextField.vue.js";
+import V from "./components/KunToolbar/src/components/KunToolbar.vue.js";
+import W from "./components/KunToolbar/src/components/KunToolbarTitle.vue.js";
+import X from "./components/KunTooltip/src/components/KunTooltip.vue.js";
 const n = {
   KunAlert: o,
   KunAppbar: i,
   KunAppbarTitle: a,
   KunAutocomplete: t,
-  KunAvatar: u,
-  KunBtn: s,
+  KunAvatar: s,
+  KunBtn: u,
   KunBadge: f,
   KunCard: K,
   KunCardActions: _,
   KunCardItem: e,
   KunCardSubtitle: p,
-  KunListItemTitle: B,
+  KunListItemTitle: D,
   KunCardText: c,
   KunCardTitle: l,
   KunChip: $,
@@ -71,37 +70,36 @@ const n = {
   KunDialog: C,
   KunDivider: L,
   KunDrawer: I,
-  KunFileInput: A,
-  KunForm: F,
+  KunForm: A,
   KunIcon: S,
   KunList: x,
-  KunListGroup: g,
-  KunListImg: M,
-  KunListItem: h,
-  KunListItemAction: v,
-  KunListItemAvatar: w,
-  KunListItemSubtitle: D,
-  KunListItemText: y,
-  KunListSubheader: G,
-  KunMenu: R,
-  KunModalFooter: j,
-  KunMultipleModalFooter: k,
-  KunNumberField: q,
-  KunLoaderCircular: z,
-  KunRow: E,
-  KunSlider: N,
-  KunSpacer: H,
-  KunSwitch: J,
-  KunTable: O,
-  KunTab: P,
-  KunTabs: Q,
-  KunTextarea: U,
-  KunTextField: V,
-  KunToolbar: W,
-  KunToolbarTitle: X,
-  KunTooltip: Y
+  KunListGroup: F,
+  KunListImg: g,
+  KunListItem: M,
+  KunListItemAction: h,
+  KunListItemAvatar: v,
+  KunListItemSubtitle: w,
+  KunListItemText: B,
+  KunListSubheader: y,
+  KunMenu: G,
+  KunModalFooter: R,
+  KunMultipleModalFooter: j,
+  KunNumberField: k,
+  KunLoaderCircular: q,
+  KunRow: z,
+  KunSlider: E,
+  KunSpacer: N,
+  KunSwitch: H,
+  KunTable: J,
+  KunTab: O,
+  KunTabs: P,
+  KunTextarea: Q,
+  KunTextField: U,
+  KunToolbar: V,
+  KunToolbarTitle: W,
+  KunTooltip: X
 };
-function Wm(r) {
+function Um(r) {
   for (const m in n)
     r.component(m, n[m]);
 }
@@ -110,9 +108,9 @@ export {
   i as KunAppbar,
   a as KunAppbarTitle,
   t as KunAutocomplete,
-  u as KunAvatar,
+  s as KunAvatar,
   f as KunBadge,
-  s as KunBtn,
+  u as KunBtn,
   K as KunCard,
   _ as KunCardActions,
   e as KunCardItem,
@@ -126,34 +124,33 @@ export {
   C as KunDialog,
   L as KunDivider,
   I as KunDrawer,
-  A as KunFileInput,
-  F as KunForm,
+  A as KunForm,
   S as KunIcon,
   x as KunList,
-  g as KunListGroup,
-  M as KunListImg,
-  h as KunListItem,
-  v as KunListItemAction,
-  w as KunListItemAvatar,
-  D as KunListItemSubtitle,
-  y as KunListItemText,
-  B as KunListItemTitle,
-  G as KunListSubheader,
-  z as KunLoaderCircular,
-  R as KunMenu,
-  j as KunModalFooter,
-  k as KunMultipleModalFooter,
-  E as KunRow,
-  N as KunSlider,
-  H as KunSpacer,
-  J as KunSwitch,
-  P as KunTab,
-  O as KunTable,
-  Q as KunTabs,
-  V as KunTextField,
-  U as KunTextarea,
-  W as KunToolbar,
-  X as KunToolbarTitle,
-  Y as KunTooltip,
-  Wm as install
+  F as KunListGroup,
+  g as KunListImg,
+  M as KunListItem,
+  h as KunListItemAction,
+  v as KunListItemAvatar,
+  w as KunListItemSubtitle,
+  B as KunListItemText,
+  D as KunListItemTitle,
+  y as KunListSubheader,
+  q as KunLoaderCircular,
+  G as KunMenu,
+  R as KunModalFooter,
+  j as KunMultipleModalFooter,
+  z as KunRow,
+  E as KunSlider,
+  N as KunSpacer,
+  H as KunSwitch,
+  O as KunTab,
+  J as KunTable,
+  P as KunTabs,
+  U as KunTextField,
+  Q as KunTextarea,
+  V as KunToolbar,
+  W as KunToolbarTitle,
+  X as KunTooltip,
+  Um as install
 };

package/package.json

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

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

@@ -1,170 +0,0 @@
-import { ref as h, watch as R, computed as m, createElementBlock as l, openBlock as a, createCommentVNode as u, createElementVNode as b, toDisplayString as i, mergeProps as E, renderSlot as p, unref as k, withModifiers as K, Fragment as j, renderList as D, createTextVNode as G } from "vue";
-import { renderIconSlot as S } from "../../../../utils/renderIcon.js";
-const H = { class: "relative w-full" }, L = {
-  key: 0,
-  class: "block text-sm font-medium text-gray-700 mb-1"
-}, P = { key: 0 }, T = ["multiple", "disabled"], q = { class: "flex-1 truncate" }, J = { key: 0 }, O = {
-  key: 1,
-  class: "text-gray-400"
-}, Q = { key: 0 }, U = { key: 0 }, W = { key: 1 }, X = {
-  key: 1,
-  class: "mt-1 text-sm"
-}, Y = {
-  key: 0,
-  class: "text-red-500"
-}, Z = {
-  key: 1,
-  class: "text-gray-500"
-}, _ = {
-  key: 2,
-  class: "mt-1 text-xs text-gray-400 text-right"
-}, ee = { key: 0 }, le = {
-  __name: "KunFileInput",
-  props: {
-    modelValue: [File, Array],
-    multiple: Boolean,
-    clearable: Boolean,
-    chips: Boolean,
-    showSize: [Boolean, Number],
-    label: String,
-    disabled: Boolean,
-    error: Boolean,
-    errorMessages: [String, Array],
-    hint: String,
-    persistentHint: Boolean,
-    counter: Boolean,
-    counterString: String,
-    counterSizeString: String,
-    prependIcon: String,
-    appendIcon: String,
-    clearIcon: String,
-    variant: {
-      type: String,
-      default: "filled"
-    },
-    rules: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: [
-    "update:modelValue",
-    "click:clear",
-    "click:control",
-    "update:focused"
-  ],
-  setup(e, { expose: F, emit: A }) {
-    const c = e, f = A, B = h(null), y = h(!1), d = h([]), r = h([]);
-    R(
-      () => c.modelValue,
-      (t) => {
-        d.value = Array.isArray(t) ? t : t ? [t] : [];
-      },
-      { immediate: !0 }
-    );
-    function $(t) {
-      const n = t.target.files;
-      if (!n) return;
-      const o = Array.from(n);
-      d.value = c.multiple ? o : [o[0]], f("update:modelValue", c.multiple ? o : o[0]), w();
-    }
-    function x() {
-      d.value = [], f("update:modelValue", c.multiple ? [] : null), f("click:clear"), r.value = [];
-    }
-    function z() {
-      y.value = !0, f("update:focused", !0);
-    }
-    function N() {
-      y.value = !1, f("update:focused", !1);
-    }
-    const g = m(() => d.value.map((t) => t.name)), V = m(() => d.value.reduce((t, n) => t + n.size, 0)), I = m(() => {
-      const t = V.value, n = c.showSize === 1024 ? 1024 : 1e3, o = ["B", "KB", "MB", "GB"];
-      let s = 0, v = t;
-      for (; v >= n && s < o.length - 1; )
-        v /= n, s++;
-      return `${v.toFixed(1)} ${o[s]}`;
-    });
-    async function w(t = !1) {
-      const n = [];
-      for (const o of c.rules) {
-        const s = typeof o == "function" ? o(c.multiple ? d.value : d.value[0]) : !0;
-        typeof s == "string" ? n.push(s) : s === !1 && n.push("Valor inválido");
-      }
-      return r.value = n, !t && n.length && f("update:focused", !0), n;
-    }
-    async function C() {
-      x();
-    }
-    async function M() {
-      r.value = [];
-    }
-    return F({
-      reset: C,
-      resetValidation: M,
-      validate: w,
-      isValid: m(() => r.value.length === 0),
-      errorMessages: r
-    }), (t, n) => (a(), l("div", H, [
-      e.label ? (a(), l("label", L, i(e.label), 1)) : u("", !0),
-      b("div", E({
-        class: ["flex items-center gap-2 rounded px-3 py-2 cursor-pointer transition", [
-          e.variant === "outlined" ? "border border-gray-300" : e.variant === "solo" ? "bg-gray-100 shadow-inner" : "bg-white border border-gray-200",
-          e.disabled ? "bg-gray-100 cursor-not-allowed" : "hover:border-blue-500",
-          e.error || r.value.length ? "border-red-500" : "",
-          y.value ? "ring-2 ring-blue-500" : ""
-        ]]
-      }, t.$attrs, {
-        onClick: n[0] || (n[0] = () => {
-          var o;
-          return (o = B.value) == null ? void 0 : o.click();
-        }),
-        onFocusin: z,
-        onFocusout: N
-      }), [
-        p(t.$slots, "prepend", {}, () => [
-          e.prependIcon ? (a(), l("span", P, i(k(S)(e.prependIcon)), 1)) : u("", !0)
-        ]),
-        b("input", {
-          ref_key: "inputRef",
-          ref: B,
-          type: "file",
-          class: "hidden",
-          multiple: e.multiple,
-          disabled: e.disabled,
-          onChange: $
-        }, null, 40, T),
-        b("div", q, [
-          p(t.$slots, "selection", {
-            fileNames: g.value,
-            totalBytes: V.value,
-            totalBytesReadable: I.value
-          }, () => [
-            g.value.length ? (a(), l("span", J, i(g.value.join(", ")), 1)) : (a(), l("span", O, "Seleccionar archivo"))
-          ])
-        ]),
-        p(t.$slots, "append", {}, () => [
-          e.appendIcon ? (a(), l("span", Q, i(k(S)(e.appendIcon)), 1)) : u("", !0)
-        ]),
-        e.clearable && g.value.length ? (a(), l("button", {
-          key: 0,
-          onClick: K(x, ["stop"]),
-          class: "text-gray-500 hover:text-red-500"
-        }, [
-          e.clearIcon ? (a(), l("span", U, i(k(S)(e.clearIcon)), 1)) : (a(), l("span", W, "✕"))
-        ])) : u("", !0)
-      ], 16),
-      e.hint || r.value.length ? (a(), l("div", X, [
-        r.value.length ? (a(), l("div", Y, [
-          (a(!0), l(j, null, D(r.value, (o, s) => (a(), l("div", { key: s }, i(o), 1))), 128))
-        ])) : e.hint ? (a(), l("div", Z, i(e.hint), 1)) : u("", !0)
-      ])) : u("", !0),
-      e.counter ? (a(), l("div", _, [
-        G(i(e.counterString ?? `${g.value.length} archivo(s)`) + " ", 1),
-        e.showSize ? (a(), l("span", ee, " — " + i(I.value), 1)) : u("", !0)
-      ])) : u("", !0)
-    ]));
-  }
-};
-export {
-  le as default
-};