adverich-kun-ui 0.1.47 → 0.1.49

package/dist/components/KunCardTitle/src/composables/kunCardTitleProps.js

@@ -0,0 +1,58 @@
+const e = {
+  title: {
+    type: String,
+    default: null
+  },
+  subtitle: {
+    type: String,
+    default: null
+  },
+  prepend: {
+    type: [String, Object, Function],
+    default: null
+  },
+  append: {
+    type: [String, Object, Function],
+    default: null
+  },
+  bgColor: {
+    type: String,
+    default: "bg-white"
+  },
+  textColor: {
+    type: String,
+    default: "text-gray-800"
+  },
+  dense: {
+    type: Boolean,
+    default: !1
+  },
+  flat: {
+    type: Boolean,
+    default: !1
+  },
+  rounded: {
+    type: [Boolean, String],
+    default: !1,
+    validator: (t) => typeof t == "boolean" || ["sm", "md", "lg", "xl"].includes(t)
+  },
+  height: {
+    type: [String, Number],
+    default: "auto"
+  },
+  width: {
+    type: [String, Number],
+    default: "full"
+  },
+  class: {
+    type: [String, Array, Object],
+    default: null
+  },
+  style: {
+    type: Object,
+    default: null
+  }
+};
+export {
+  e as kunCardTitleProps
+};

package/dist/components/KunCardTitle/src/composables/useCardTitle.js

@@ -0,0 +1,25 @@
+import { computed as e } from "vue";
+function c(t) {
+  const d = e(() => !!t.prepend), i = e(() => !!t.append), h = e(() => [
+    t.dense ? "py-1 px-2 text-sm" : "py-3 px-4 text-base",
+    t.flat ? "shadow-none" : "shadow",
+    t.rounded === !0 ? "rounded-md" : t.rounded ? `rounded-${t.rounded}` : "",
+    t.bgColor,
+    t.textColor,
+    t.class
+  ].filter(Boolean)), u = e(() => {
+    const n = t.style || {};
+    return t.height && (n.height = typeof t.height == "number" ? `${t.height}px` : t.height), t.width && (n.width = typeof t.width == "number" ? `${t.width}px` : t.width), n;
+  }), o = e(() => t.dense ? "font-medium" : "font-semibold"), a = e(() => "text-xs opacity-75 mt-1");
+  return {
+    hasPrependIcon: d,
+    hasAppendIcon: i,
+    containerClass: h,
+    containerStyle: u,
+    titleClass: o,
+    subtitleClass: a
+  };
+}
+export {
+  c as useCardTitle
+};

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

@@ -0,0 +1,53 @@
+import { computed as f, createElementBlock as a, openBlock as p, normalizeStyle as i, normalizeClass as o, renderSlot as m } from "vue";
+const d = {
+  __name: "KunCol",
+  props: {
+    cols: {
+      type: [String, Number, Boolean],
+      default: !1
+    },
+    sm: { type: [String, Number], default: null },
+    md: { type: [String, Number], default: null },
+    lg: { type: [String, Number], default: null },
+    xl: { type: [String, Number], default: null },
+    offset: { type: [String, Number], default: null },
+    smOffset: { type: [String, Number], default: null },
+    mdOffset: { type: [String, Number], default: null },
+    lgOffset: { type: [String, Number], default: null },
+    xlOffset: { type: [String, Number], default: null },
+    order: { type: [String, Number], default: null },
+    alignSelf: {
+      type: String,
+      default: null,
+      validator: (t) => ["start", "center", "end", "auto", null].includes(t)
+    },
+    class: { type: [String, Array, Object], default: null },
+    style: { type: Object, default: null }
+  },
+  setup(t) {
+    const e = t, r = f(() => {
+      const l = [];
+      if (l.push("px-4"), e.cols)
+        if (e.cols === "auto")
+          l.push("grow");
+        else {
+          const s = parseInt(e.cols);
+          isNaN(s) || l.push(`w-${s * 8.33333333}%`);
+        }
+      else
+        l.push("grow");
+      return e.sm && l.push(`sm:w-${parseInt(e.sm) * 8.33333333}%`), e.md && l.push(`md:w-${parseInt(e.md) * 8.33333333}%`), e.lg && l.push(`lg:w-${parseInt(e.lg) * 8.33333333}%`), e.xl && l.push(`xl:w-${parseInt(e.xl) * 8.33333333}%`), e.offset && l.push(`ml-${parseInt(e.offset) * 8.33333333}%`), e.smOffset && l.push(`sm:ml-${parseInt(e.smOffset) * 8.33333333}%`), e.mdOffset && l.push(`md:ml-${parseInt(e.mdOffset) * 8.33333333}%`), e.lgOffset && l.push(`lg:ml-${parseInt(e.lgOffset) * 8.33333333}%`), e.xlOffset && l.push(`xl:ml-${parseInt(e.xlOffset) * 8.33333333}%`), e.order && l.push(`order-${e.order}`), e.alignSelf === "start" ? l.push("self-start") : e.alignSelf === "center" ? l.push("self-center") : e.alignSelf === "end" && l.push("self-end"), e.class && (Array.isArray(e.class) ? l.push(...e.class) : typeof e.class == "string" ? l.push(...e.class.split(" ")) : typeof e.class == "object" && Object.entries(e.class).forEach(([s, n]) => {
+        n && l.push(s);
+      })), l;
+    }), u = f(() => e.style || {});
+    return (l, s) => (p(), a("div", {
+      class: o(r.value),
+      style: i(u.value)
+    }, [
+      m(l.$slots, "default")
+    ], 6));
+  }
+};
+export {
+  d as default
+};

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

@@ -0,0 +1,41 @@
+import { computed as t, createElementBlock as o, openBlock as u, normalizeStyle as p, normalizeClass as f, renderSlot as i } from "vue";
+const x = {
+  __name: "KunContainer",
+  props: {
+    fluid: {
+      type: Boolean,
+      default: !1
+    },
+    class: {
+      type: [String, Array, Object],
+      default: null
+    },
+    style: {
+      type: Object,
+      default: null
+    }
+  },
+  setup(a) {
+    const e = a, r = t(() => {
+      const s = ["w-full", "mx-auto", "px-4", "sm:px-6", "lg:px-8"];
+      return e.fluid || s.push(
+        "max-w-screen-sm",
+        "sm:max-w-screen-md",
+        "md:max-w-screen-lg",
+        "lg:max-w-screen-xl",
+        "xl:max-w-screen-2xl"
+      ), e.class && (Array.isArray(e.class) ? s.push(...e.class) : typeof e.class == "string" ? s.push(...e.class.split(" ")) : typeof e.class == "object" && Object.entries(e.class).forEach(([l, n]) => {
+        n && s.push(l);
+      })), s;
+    }), c = t(() => e.style || {});
+    return (s, l) => (u(), o("div", {
+      class: f(r.value),
+      style: p(c.value)
+    }, [
+      i(s.$slots, "default")
+    ], 6));
+  }
+};
+export {
+  x as default
+};

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

@@ -0,0 +1,62 @@
+import { ref as n, provide as s, createElementBlock as v, openBlock as g, normalizeClass as h, withModifiers as x, renderSlot as y } from "vue";
+const F = {
+  __name: "KunForm",
+  props: {
+    gap: {
+      type: String,
+      default: "space-y-4"
+    },
+    padding: {
+      type: String,
+      default: "px-2 py-4"
+    },
+    maxWidth: {
+      type: String,
+      default: "max-w-full"
+    }
+  },
+  setup(o, { expose: u }) {
+    const i = o, t = n([]), r = n(!0);
+    function d(e) {
+      t.value.push(e);
+    }
+    function c(e) {
+      t.value = t.value.filter((a) => a !== e);
+    }
+    async function l() {
+      const e = await Promise.all(
+        t.value.map(async (a) => await a.validate())
+      );
+      return r.value = e.every((a) => a === !0), { valid: r.value };
+    }
+    function f() {
+      t.value.forEach((e) => {
+        e.reset && e.reset();
+      });
+    }
+    function p() {
+      t.value.forEach((e) => {
+        e.resetValidation && e.resetValidation();
+      });
+    }
+    function m() {
+      l().then(({ valid: e }) => {
+        e && $emit("submit");
+      });
+    }
+    return s("registerField", d), s("unregisterField", c), u({
+      validate: l,
+      reset: f,
+      resetValidation: p
+    }), (e, a) => (g(), v("form", {
+      onSubmit: x(m, ["prevent"]),
+      novalidate: "",
+      class: h(`flex flex-col w-full ${i.gap} ${i.padding} ${i.maxWidth}`)
+    }, [
+      y(e.$slots, "default")
+    ], 34));
+  }
+};
+export {
+  F as default
+};

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

@@ -0,0 +1,42 @@
+import { computed as i, createElementBlock as l, openBlock as p, normalizeStyle as u } from "vue";
+const g = {
+  __name: "KunLoaderCircular",
+  props: {
+    size: {
+      type: [Number, String],
+      default: 48
+    },
+    width: {
+      type: [Number, String],
+      default: 6
+    },
+    gradient: {
+      type: String,
+      default: "conic-gradient(from 0deg, #e5e7eb, #3b82f6)"
+    }
+  },
+  setup(s) {
+    const a = s, o = i(() => Number(a.size)), c = i(() => Number(a.width)), d = i(() => {
+      const e = o.value, n = c.value, r = e / 2, t = r - n;
+      return {
+        width: `${e}px`,
+        height: `${e}px`,
+        backgroundImage: a.gradient,
+        borderRadius: "50%",
+        WebkitMaskImage: `radial-gradient(circle ${t}px at center, transparent ${t}px, white ${r}px)`,
+        maskImage: `radial-gradient(circle ${t}px at center, transparent ${t}px, white ${r}px)`,
+        WebkitMaskComposite: "destination-in",
+        maskComposite: "intersect"
+      };
+    });
+    return (e, n) => (p(), l("div", {
+      class: "relative inline-block animate-spin",
+      style: u(d.value),
+      role: "status",
+      "aria-label": "Loading"
+    }, null, 4));
+  }
+};
+export {
+  g as default
+};

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

@@ -0,0 +1,57 @@
+import { computed as r, createElementBlock as i, openBlock as f, normalizeStyle as c, normalizeClass as o, renderSlot as p } from "vue";
+const y = {
+  __name: "KunRow",
+  props: {
+    noGutters: {
+      type: Boolean,
+      default: !1
+    },
+    align: {
+      type: String,
+      default: null,
+      // center, start, end, stretch
+      validator: (t) => ["start", "center", "end", "stretch", null].includes(t)
+    },
+    justify: {
+      type: String,
+      default: null,
+      // start, center, end, space-between, space-around
+      validator: (t) => ["start", "center", "end", "space-between", "space-around", null].includes(t)
+    },
+    dense: {
+      type: Boolean,
+      default: !1
+    },
+    direction: {
+      type: String,
+      default: null,
+      // row, row-reverse
+      validator: (t) => ["row", "row-reverse", null].includes(t)
+    },
+    class: {
+      type: [String, Array, Object],
+      default: null
+    },
+    style: {
+      type: Object,
+      default: null
+    }
+  },
+  setup(t) {
+    const e = t, n = r(() => {
+      const s = ["flex", "flex-wrap"];
+      return e.direction === "row-reverse" ? s.push("flex-row-reverse") : s.push("flex-row"), e.align === "center" ? s.push("items-center") : e.align === "start" ? s.push("items-start") : e.align === "end" ? s.push("items-end") : e.align === "stretch" && s.push("items-stretch"), e.justify === "center" ? s.push("justify-center") : e.justify === "end" ? s.push("justify-end") : e.justify === "start" ? s.push("justify-start") : e.justify === "space-between" ? s.push("justify-between") : e.justify === "space-around" && s.push("justify-around"), e.noGutters || (e.dense ? s.push("-mx-1") : s.push("-mx-4")), e.class && (Array.isArray(e.class) ? s.push(...e.class) : typeof e.class == "string" ? s.push(...e.class.split(" ")) : typeof e.class == "object" && Object.entries(e.class).forEach(([l, u]) => {
+        u && s.push(l);
+      })), s;
+    }), a = r(() => e.style || {});
+    return (s, l) => (f(), i("div", {
+      class: o(n.value),
+      style: c(a.value)
+    }, [
+      p(s.$slots, "default")
+    ], 6));
+  }
+};
+export {
+  y as default
+};

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

@@ -0,0 +1,52 @@
+import { createElementBlock as n, openBlock as i, normalizeStyle as d, normalizeClass as u, createCommentVNode as m, createElementVNode as t, toDisplayString as l, withDirectives as v, isRef as g, vModelText as h, unref as r } from "vue";
+import { useSliderProps as x } from "../composables/useSliderProps.js";
+import { useSlider as k } from "../composables/useSlider.js";
+/* empty css               */
+import w from "../../../../_virtual/_plugin-vue_export-helper.js";
+const S = {
+  key: 0,
+  class: "mb-2 text-sm font-medium text-gray-700"
+}, V = { class: "relative flex items-center h-8" }, _ = ["min", "max", "step", "disabled"], j = { class: "flex justify-between text-xs text-gray-500 mt-1" }, z = {
+  __name: "KunSlider",
+  props: x(),
+  emits: ["update:modelValue"],
+  setup(p, { emit: f }) {
+    const c = f, o = p, { internalValue: s, thumbPosition: b } = k(o, c);
+    return (e, a) => (i(), n("div", {
+      class: u(["kun-slider", { "kun-slider--disabled": e.disabled }, o.class]),
+      style: d(o.style)
+    }, [
+      e.label ? (i(), n("div", S, l(e.label), 1)) : m("", !0),
+      t("div", V, [
+        v(t("input", {
+          "onUpdate:modelValue": a[0] || (a[0] = (y) => g(s) ? s.value = y : null),
+          type: "range",
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          disabled: e.disabled,
+          class: u(["w-full h-1 rounded-full appearance-none cursor-pointer bg-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500", { "cursor-not-allowed opacity-60": e.disabled }])
+        }, null, 10, _), [
+          [
+            h,
+            r(s),
+            void 0,
+            { number: !0 }
+          ]
+        ]),
+        e.thumbLabel && !e.disabled ? (i(), n("div", {
+          key: 0,
+          class: "absolute -top-7 left-0 w-8 h-8 flex items-center justify-center text-xs text-white bg-blue-500 rounded-full pointer-events-none origin-bottom",
+          style: d({ transform: r(b) })
+        }, l(r(s)), 5)) : m("", !0)
+      ]),
+      t("div", j, [
+        t("span", null, l(e.min), 1),
+        t("span", null, l(e.max), 1)
+      ])
+    ], 6));
+  }
+}, N = /* @__PURE__ */ w(z, [["__scopeId", "data-v-2ef65466"]]);
+export {
+  N as default
+};

package/dist/components/KunSlider/src/composables/useSlider.js

@@ -0,0 +1,17 @@
+import { computed as r } from "vue";
+function i(t, m) {
+  const n = r({
+    get: () => Number(t.modelValue),
+    set: (e) => m("update:modelValue", e)
+  }), o = r(() => {
+    const e = Number(t.min), u = Number(t.max), a = Number(n.value);
+    return u === e ? 0 : `calc(${(a - e) / (u - e) * 100}% - 1rem)`;
+  });
+  return {
+    internalValue: n,
+    thumbPosition: o
+  };
+}
+export {
+  i as useSlider
+};

package/dist/components/KunSlider/src/composables/useSliderProps.js

@@ -0,0 +1,49 @@
+const e = () => ({
+  modelValue: {
+    type: [Number, String],
+    default: 0
+  },
+  min: {
+    type: [Number, String],
+    default: 0
+  },
+  max: {
+    type: [Number, String],
+    default: 100
+  },
+  step: {
+    type: [Number, String],
+    default: 1
+  },
+  label: {
+    type: String,
+    default: null
+  },
+  thumbLabel: {
+    type: Boolean,
+    default: !0
+  },
+  ticks: {
+    type: Boolean,
+    default: !1
+  },
+  tickSize: {
+    type: [Number, String],
+    default: 2
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  class: {
+    type: [String, Array, Object],
+    default: null
+  },
+  style: {
+    type: Object,
+    default: null
+  }
+});
+export {
+  e as useSliderProps
+};

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

@@ -1,75 +1,89 @@
-import { mergeModels as m, useModel as h, createElementBlock as r, openBlock as a, renderSlot as t, createElementVNode as y, normalizeClass as M, unref as v, createCommentVNode as g, toDisplayString as V, withKeys as $ } from "vue";
-import B from "../composables/KunTextFieldProps.js";
-const C = { key: 0 }, K = ["type", "value", "placeholder"], S = { key: 1 }, P = {
+import { inject as v, ref as h, watch as P, computed as y, onUnmounted as j, createElementBlock as o, openBlock as u, createElementVNode as w, createCommentVNode as i, normalizeClass as C, renderSlot as V, toDisplayString as d, withKeys as N } from "vue";
+import S from "../composables/KunTextFieldProps.js";
+const T = {
+  class: "w-full flex justify-center my-2",
+  style: { cursor: "text" }
+}, $ = {
+  key: 0,
+  class: "mr-2"
+}, z = ["type", "value", "placeholder"], D = {
+  key: 1,
+  class: "ml-2"
+}, M = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1 w-full text-left pl-1"
+}, A = {
   __name: "KunTextField",
-  props: /* @__PURE__ */ m(B, {
-    modelValue: {},
-    modelModifiers: {},
-    placeholder: {},
-    placeholderModifiers: {}
-  }),
-  emits: /* @__PURE__ */ m(["update:modelValue", "focusInput", "blurInput", "pressEsc", "clickInput"], ["update:modelValue", "update:placeholder"]),
-  setup(p, { emit: k }) {
-    const d = k, i = h(p, "modelValue"), s = h(p, "placeholder"), o = ref(null);
-    function w(e) {
-      i.value = e;
+  props: { ...S },
+  emits: ["update:modelValue", "focusInput", "blurInput", "pressEsc", "clickInput"],
+  setup(g, { expose: F, emit: E }) {
+    const t = g, p = E, b = v("registerField"), k = v("unregisterField"), l = h(t.modelValue), n = h(!1);
+    P(
+      () => t.modelValue,
+      (e) => {
+        l.value = e;
+      }
+    );
+    async function c() {
+      for (const e of t.rules) {
+        const r = await Promise.resolve(e(l.value));
+        if (r !== !0) return r;
+      }
+      return !0;
     }
-    const I = (e) => {
-      const l = e.target.querySelector("input");
-      l && l.focus();
-    }, x = (e) => {
-      const l = e.target;
-      w(l.value);
-    };
-    watch(s, (e) => {
-      n = e;
-    });
-    let n = s.value;
-    const F = () => {
-      f("rounded-b-none"), n = "", d("focusInput");
-    }, b = () => {
-      n = s.value, f("");
-    }, E = () => {
-      o.value, o.value && o.value.blur(), d("pressEsc");
-    }, c = ref("");
-    function f(e) {
-      c.value = e;
+    const f = y(() => !n.value || t.error ? t.errorMessage : c()), m = y(
+      () => t.error || !!f.value && n.value
+    );
+    function I(e) {
+      l.value = e.target.value, p("update:modelValue", l.value);
     }
-    return (e, l) => (a(), r("div", {
-      class: "w-full h-full flex justify-center my-2",
-      style: { cursor: "text" },
-      onClick: l[1] || (l[1] = (u) => I(u))
-    }, [
-      t(e.$slots, "prepend"),
-      y("div", {
-        class: M([v(c), e.rounded, "w-full h-full text-field-style flex flex-row items-center"]),
-        style: { padding: "0px 2px" }
+    function x() {
+      n.value = !0, p("blurInput");
+    }
+    async function s() {
+      return n.value = !0, await c() === !0;
+    }
+    function B() {
+      l.value = t.modelValue, n.value = !1;
+    }
+    function K() {
+      n.value = !1;
+    }
+    return b({ validate: s }), j(() => {
+      k({ validate: s });
+    }), F({
+      validate: s,
+      reset: B,
+      resetValidation: K
+    }), (e, r) => (u(), o("div", T, [
+      w("div", {
+        class: C([
+          "w-full h-full text-field-style flex flex-row items-center px-2",
+          e.rounded ? "rounded" : "",
+          m.value ? "border border-red-500 bg-red-50" : ""
+        ])
       }, [
-        e.prefix ? (a(), r("div", C, V(e.prefix), 1)) : g("", !0),
-        t(e.$slots, "prepend-inner"),
-        t(e.$slots, "default", {}, () => [
-          y("input", {
-            ref_key: "inputField",
-            ref: o,
-            type: e.type,
-            value: i.value,
-            autocomplete: "off",
-            class: "h-full text-center w-full bg-transparent focus:border-none focus:outline-none input-opacity",
-            style: { padding: "4px 0px" },
-            placeholder: v(n),
-            onInput: l[0] || (l[0] = (u) => x(u)),
-            onKeydown: $(E, ["escape"]),
-            onFocus: F,
-            onBlur: b
-          }, null, 40, K)
-        ]),
-        t(e.$slots, "append-inner"),
-        e.suffix ? (a(), r("div", S, V(e.suffix), 1)) : g("", !0)
+        e.prefix ? (u(), o("div", $, d(e.prefix), 1)) : i("", !0),
+        V(e.$slots, "prepend-inner"),
+        w("input", {
+          ref: "inputField",
+          type: e.type,
+          value: l.value,
+          autocomplete: "off",
+          class: "h-full w-full bg-transparent focus:outline-none text-center",
+          placeholder: e.inputPlaceholder,
+          onInput: I,
+          onBlur: x,
+          onKeydown: r[0] || (r[0] = N((...a) => e.handleEscape && e.handleEscape(...a), ["escape"])),
+          onFocus: r[1] || (r[1] = (...a) => e.handleFocus && e.handleFocus(...a))
+        }, null, 40, z),
+        V(e.$slots, "append-inner"),
+        e.suffix ? (u(), o("div", D, d(e.suffix), 1)) : i("", !0)
       ], 2),
-      t(e.$slots, "append")
+      m.value ? (u(), o("div", M, d(f.value), 1)) : i("", !0)
     ]));
   }
 };
 export {
-  P as default
+  A as default
 };

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

@@ -1,16 +1,20 @@
 const e = {
+  modelValue: {
+    type: [String, Number],
+    default: ""
+  },
   type: {
     type: String,
     default: "text"
   },
+  placeholder: {
+    type: null,
+    default: "text"
+  },
   locale: {
     type: String,
     default: "ar-ES"
   },
-  precision: {
-    type: Number,
-    default: 2
-  },
   prefix: {
     type: String,
     default: ""
@@ -19,13 +23,21 @@ const e = {
     type: String,
     default: ""
   },
-  resize: {
+  rounded: {
+    type: String,
+    default: "rounded"
+  },
+  error: {
     type: Boolean,
     default: !1
   },
-  rounded: {
+  errorMessage: {
     type: String,
-    default: "rounded"
+    default: ""
+  },
+  rules: {
+    type: Array,
+    default: () => []
   }
 };
 export {