@zealsolutions/zeal-ui 1.0.0-alpha.11

package/README.md

@@ -0,0 +1,29 @@
+# zeal-ui
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```

package/dist/BaseDropdownButton-UQfsyK6a.js

@@ -0,0 +1,43 @@
+import { openBlock as s, createElementBlock as r, normalizeClass as o, createElementVNode as t, renderSlot as a, createCommentVNode as l } from "vue";
+const c = { class: "flex items-center space-x-3" }, d = { key: 0 }, i = { class: "truncate" }, f = {
+  __name: "BaseDropdownButton",
+  props: {
+    showButtonIcon: {
+      type: Boolean,
+      default: !1
+    },
+    dropdownDirection: {
+      type: String,
+      default: "down"
+    },
+    showDropdown: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (n, u) => (s(), r("button", {
+      ref: "button",
+      class: o(["relative cursor-default text-style-base-body rounded-md py-2.5 pl-5 pr-10 text-left text-black ring-inset focus:outline-none focus:ring-2 focus:ring-app-950 focus:shadow-md focus:bg-app-100", e.showDropdown ? "ring-2 ring-app-950 shadow-md bg-app-100" : "ring-1 ring-steel-400 bg-white"])
+    }, [
+      t("div", c, [
+        e.showButtonIcon ? (s(), r("div", d, [
+          a(n.$slots, "buttonIcon")
+        ])) : l("", !0),
+        t("div", i, [
+          a(n.$slots, "default")
+        ])
+      ]),
+      t("span", {
+        class: o(["pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4", e.showDropdown ? "text-black" : "text-steel-800"])
+      }, [
+        t("i", {
+          class: o(["fa-regular fa-chevron-down transition-transform duration-300 text-lg", e.dropdownDirection === "down" ? "" : "rotate-180"])
+        }, null, 2)
+      ], 2)
+    ], 2));
+  }
+};
+export {
+  f as _
+};

package/dist/BaseOverlay-ulI9NqJC.js

@@ -0,0 +1,21 @@
+import { openBlock as s, createElementBlock as r, normalizeClass as o } from "vue";
+const c = {
+  __name: "BaseOverlay",
+  props: {
+    transparent: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["close"],
+  setup(t, { emit: n }) {
+    const a = n;
+    return (l, e) => (s(), r("div", {
+      class: o(["fixed inset-0 z-40", t.transparent ? "bg-transparent" : "bg-gray-200 bg-opacity-80"]),
+      onClick: e[0] || (e[0] = (i) => a("close"))
+    }, null, 2));
+  }
+};
+export {
+  c as _
+};

package/dist/BaseTooltip-BWN44Hgh.js

@@ -0,0 +1,53 @@
+import { computed as c, openBlock as t, createElementBlock as o, normalizeClass as a, normalizeStyle as p, createVNode as d, withCtx as b, createElementVNode as m, renderSlot as u, createCommentVNode as y } from "vue";
+import { _ as h } from "./OpacityTranslateTransition-fF3EnRwC.js";
+const x = { class: "inline-block text-white text-style-tooltip" }, N = {
+  __name: "BaseTooltip",
+  props: {
+    position: {
+      type: String,
+      default: "top"
+    },
+    top: {
+      type: Number,
+      default: 0
+    },
+    left: {
+      type: Number,
+      default: 0
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["after-leave"],
+  setup(e, { emit: l }) {
+    const n = e, r = l, s = c(() => n.position === "top" ? "down" : "up"), i = () => {
+      r("after-leave");
+    };
+    return (f, v) => (t(), o("div", {
+      class: a(["absolute z-50 pointer-events-none w-48 -translate-x-1/2", e.position === "top" ? "-translate-y-full" : ""]),
+      style: p(`top: ${e.top}px; left: ${e.left}px;`)
+    }, [
+      d(h, {
+        direction: s.value,
+        onAfterLeave: i
+      }, {
+        default: b(() => [
+          e.show ? (t(), o("div", {
+            key: 0,
+            class: a(["bg-black rounded-lg shadow-md py-2.5 px-4 before:absolute before:left-1/2 before:-translate-x-1/2 before:rotate-45 before:w-2.5 before:h-2.5 before:bg-black", e.position === "top" ? "before:bottom-0 before:translate-y-1/2" : "before:top-0 before:-translate-y-1/2"])
+          }, [
+            m("span", x, [
+              u(f.$slots, "default")
+            ])
+          ], 2)) : y("", !0)
+        ]),
+        _: 3
+      }, 8, ["direction"])
+    ], 6));
+  }
+};
+export {
+  N as _
+};

package/dist/CircleStatusIcon-Cqfkui_k.js

@@ -0,0 +1,14 @@
+import { openBlock as r, createElementBlock as s } from "vue";
+const l = (e, t) => {
+  const c = e.__vccOpts || e;
+  for (const [n, o] of t)
+    c[n] = o;
+  return c;
+}, _ = {}, a = { class: "inline-block h-2.5 w-2.5 flex-shrink-0 rounded-full bg-steel-500" };
+function f(e, t) {
+  return r(), s("span", a);
+}
+const p = /* @__PURE__ */ l(_, [["render", f]]);
+export {
+  p as C
+};

package/dist/CloseButton-BY5yns2W.js

@@ -0,0 +1,17 @@
+import { openBlock as s, createElementBlock as n, createElementVNode as c } from "vue";
+const l = /* @__PURE__ */ c("i", { class: "fa-regular fa-xmark" }, null, -1), r = [
+  l
+], u = {
+  __name: "CloseButton",
+  emits: ["close"],
+  setup(i, { emit: t }) {
+    const o = t;
+    return (m, e) => (s(), n("button", {
+      class: "flex items-center justify-center p-2 text-lg",
+      onClick: e[0] || (e[0] = (_) => o("close"))
+    }, r));
+  }
+};
+export {
+  u as _
+};

package/dist/InfiniteScroll-UshOR9FB.js

@@ -0,0 +1,430 @@
+import { unref as Z, watch as A, onMounted as j, nextTick as X, getCurrentScope as ee, onScopeDispose as te, getCurrentInstance as $, isRef as ne, reactive as H, ref as g, computed as L, watchEffect as oe, openBlock as re, createElementBlock as ie, renderSlot as le } from "vue";
+function N(e) {
+  return ee() ? (te(e), !0) : !1;
+}
+function b(e) {
+  return typeof e == "function" ? e() : Z(e);
+}
+const se = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const ce = (e) => e != null, ue = Object.prototype.toString, ae = (e) => ue.call(e) === "[object Object]", T = () => {
+};
+function C(e, n) {
+  function t(...o) {
+    return new Promise((r, i) => {
+      Promise.resolve(e(() => n.apply(this, o), { fn: n, thisArg: this, args: o })).then(r).catch(i);
+    });
+  }
+  return t;
+}
+const fe = (e) => e();
+function q(e, n = {}) {
+  let t, o, r = T;
+  const i = (l) => {
+    clearTimeout(l), r(), r = T;
+  };
+  return (l) => {
+    const s = b(e), u = b(n.maxWait);
+    return t && i(t), s <= 0 || u !== void 0 && u <= 0 ? (o && (i(o), o = null), Promise.resolve(l())) : new Promise((f, d) => {
+      r = n.rejectOnCancel ? d : f, u && !o && (o = setTimeout(() => {
+        t && i(t), o = null, f(l());
+      }, u)), t = setTimeout(() => {
+        o && i(o), o = null, f(l());
+      }, s);
+    });
+  };
+}
+function de(...e) {
+  let n = 0, t, o = !0, r = T, i, c, l, s, u;
+  !ne(e[0]) && typeof e[0] == "object" ? { delay: c, trailing: l = !0, leading: s = !0, rejectOnCancel: u = !1 } = e[0] : [c, l = !0, s = !0, u = !1] = e;
+  const f = () => {
+    t && (clearTimeout(t), t = void 0, r(), r = T);
+  };
+  return (v) => {
+    const m = b(c), p = Date.now() - n, S = () => i = v();
+    return f(), m <= 0 ? (n = Date.now(), S()) : (p > m && (s || !o) ? (n = Date.now(), S()) : l && (i = new Promise((w, h) => {
+      r = u ? h : w, t = setTimeout(() => {
+        n = Date.now(), o = !0, w(S()), f();
+      }, Math.max(0, m - p));
+    })), !s && !t && (t = setTimeout(() => o = !0, m)), o = !1, i);
+  };
+}
+function me(e) {
+  return $();
+}
+function ve(e, n = 200, t = {}) {
+  return C(
+    q(n, t),
+    e
+  );
+}
+function pe(e, n = 200, t = !1, o = !0, r = !1) {
+  return C(
+    de(n, t, o, r),
+    e
+  );
+}
+function he(e, n, t = {}) {
+  const {
+    eventFilter: o = fe,
+    ...r
+  } = t;
+  return A(
+    e,
+    C(
+      o,
+      n
+    ),
+    r
+  );
+}
+function J(e, n = !0, t) {
+  me() ? j(e, t) : n ? e() : X(e);
+}
+function _e(e, n, t = {}) {
+  const {
+    debounce: o = 0,
+    maxWait: r = void 0,
+    ...i
+  } = t;
+  return he(
+    e,
+    n,
+    {
+      ...i,
+      eventFilter: q(o, { maxWait: r })
+    }
+  );
+}
+function x(e) {
+  var n;
+  const t = b(e);
+  return (n = t == null ? void 0 : t.$el) != null ? n : t;
+}
+const M = se ? window : void 0;
+function P(...e) {
+  let n, t, o, r;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, o, r] = e, n = M) : [n, t, o, r] = e, !n)
+    return T;
+  Array.isArray(t) || (t = [t]), Array.isArray(o) || (o = [o]);
+  const i = [], c = () => {
+    i.forEach((f) => f()), i.length = 0;
+  }, l = (f, d, v, m) => (f.addEventListener(d, v, m), () => f.removeEventListener(d, v, m)), s = A(
+    () => [x(n), b(r)],
+    ([f, d]) => {
+      if (c(), !f)
+        return;
+      const v = ae(d) ? { ...d } : d;
+      i.push(
+        ...t.flatMap((m) => o.map((p) => l(f, m, p, v)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), u = () => {
+    s(), c();
+  };
+  return N(u), u;
+}
+function be() {
+  const e = g(!1), n = $();
+  return n && j(() => {
+    e.value = !0;
+  }, n), e;
+}
+function K(e) {
+  const n = be();
+  return L(() => (n.value, !!e()));
+}
+function we(e, n = {}) {
+  const { window: t = M } = n, o = K(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
+  let r;
+  const i = g(!1), c = (u) => {
+    i.value = u.matches;
+  }, l = () => {
+    r && ("removeEventListener" in r ? r.removeEventListener("change", c) : r.removeListener(c));
+  }, s = oe(() => {
+    o.value && (l(), r = t.matchMedia(b(e)), "addEventListener" in r ? r.addEventListener("change", c) : r.addListener(c), i.value = r.matches);
+  });
+  return N(() => {
+    s(), l(), r = void 0;
+  }), i;
+}
+function ye(e, n, t = {}) {
+  const {
+    root: o,
+    rootMargin: r = "0px",
+    threshold: i = 0.1,
+    window: c = M,
+    immediate: l = !0
+  } = t, s = K(() => c && "IntersectionObserver" in c), u = L(() => {
+    const p = b(e);
+    return (Array.isArray(p) ? p : [p]).map(x).filter(ce);
+  });
+  let f = T;
+  const d = g(l), v = s.value ? A(
+    () => [u.value, x(o), d.value],
+    ([p, S]) => {
+      if (f(), !d.value || !p.length)
+        return;
+      const w = new IntersectionObserver(
+        n,
+        {
+          root: x(S),
+          rootMargin: r,
+          threshold: i
+        }
+      );
+      p.forEach((h) => h && w.observe(h)), f = () => {
+        w.disconnect(), f = T;
+      };
+    },
+    { immediate: l, flush: "post" }
+  ) : T, m = () => {
+    f(), v(), d.value = !1;
+  };
+  return N(m), {
+    isSupported: s,
+    isActive: d,
+    pause() {
+      f(), d.value = !1;
+    },
+    resume() {
+      d.value = !0;
+    },
+    stop: m
+  };
+}
+function ge(e, n = {}) {
+  const { window: t = M, scrollTarget: o, threshold: r = 0 } = n, i = g(!1);
+  return ye(
+    e,
+    (c) => {
+      let l = i.value, s = 0;
+      for (const u of c)
+        u.time >= s && (s = u.time, l = u.isIntersecting);
+      i.value = l;
+    },
+    {
+      root: o,
+      window: t,
+      threshold: r
+    }
+  ), i;
+}
+const G = 1;
+function Ee(e, n = {}) {
+  const {
+    throttle: t = 0,
+    idle: o = 200,
+    onStop: r = T,
+    onScroll: i = T,
+    offset: c = {
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0
+    },
+    eventListenerOptions: l = {
+      capture: !1,
+      passive: !0
+    },
+    behavior: s = "auto",
+    window: u = M,
+    onError: f = (a) => {
+      console.error(a);
+    }
+  } = n, d = g(0), v = g(0), m = L({
+    get() {
+      return d.value;
+    },
+    set(a) {
+      S(a, void 0);
+    }
+  }), p = L({
+    get() {
+      return v.value;
+    },
+    set(a) {
+      S(void 0, a);
+    }
+  });
+  function S(a, I) {
+    var y, O, D;
+    if (!u)
+      return;
+    const _ = b(e);
+    _ && ((D = _ instanceof Document ? u.document.body : _) == null || D.scrollTo({
+      top: (y = b(I)) != null ? y : p.value,
+      left: (O = b(a)) != null ? O : m.value,
+      behavior: b(s)
+    }));
+  }
+  const w = g(!1), h = H({
+    left: !0,
+    right: !1,
+    top: !0,
+    bottom: !1
+  }), E = H({
+    left: !1,
+    right: !1,
+    top: !1,
+    bottom: !1
+  }), V = (a) => {
+    w.value && (w.value = !1, E.left = !1, E.right = !1, E.top = !1, E.bottom = !1, r(a));
+  }, U = ve(V, t + o), F = (a) => {
+    var I;
+    if (!u)
+      return;
+    const y = ((I = a == null ? void 0 : a.document) == null ? void 0 : I.documentElement) || (a == null ? void 0 : a.documentElement) || x(a), { display: O, flexDirection: D } = getComputedStyle(y), _ = y.scrollLeft;
+    E.left = _ < d.value, E.right = _ > d.value;
+    const R = Math.abs(_) <= (c.left || 0), B = Math.abs(_) + y.clientWidth >= y.scrollWidth - (c.right || 0) - G;
+    O === "flex" && D === "row-reverse" ? (h.left = B, h.right = R) : (h.left = R, h.right = B), d.value = _;
+    let W = y.scrollTop;
+    a === u.document && !W && (W = u.document.body.scrollTop), E.top = W < v.value, E.bottom = W > v.value;
+    const Y = Math.abs(W) <= (c.top || 0), z = Math.abs(W) + y.clientHeight >= y.scrollHeight - (c.bottom || 0) - G;
+    O === "flex" && D === "column-reverse" ? (h.top = z, h.bottom = Y) : (h.top = Y, h.bottom = z), v.value = W;
+  }, k = (a) => {
+    var I;
+    if (!u)
+      return;
+    const y = (I = a.target.documentElement) != null ? I : a.target;
+    F(y), w.value = !0, U(a), i(a);
+  };
+  return P(
+    e,
+    "scroll",
+    t ? pe(k, t, !0, !1) : k,
+    l
+  ), J(() => {
+    try {
+      const a = b(e);
+      if (!a)
+        return;
+      F(a);
+    } catch (a) {
+      f(a);
+    }
+  }), P(
+    e,
+    "scrollend",
+    V,
+    l
+  ), {
+    x: m,
+    y: p,
+    isScrolling: w,
+    arrivedState: h,
+    directions: E,
+    measure() {
+      const a = b(e);
+      u && a && F(a);
+    }
+  };
+}
+function Se(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+function Q(e, n, t = {}) {
+  var o;
+  const {
+    direction: r = "bottom",
+    interval: i = 100,
+    canLoadMore: c = () => !0
+  } = t, l = H(Ee(
+    e,
+    {
+      ...t,
+      offset: {
+        [r]: (o = t.distance) != null ? o : 0,
+        ...t.offset
+      }
+    }
+  )), s = g(), u = L(() => !!s.value), f = L(() => Se(b(e))), d = ge(f);
+  function v() {
+    if (l.measure(), !f.value || !d.value || !c(f.value))
+      return;
+    const { scrollHeight: m, clientHeight: p, scrollWidth: S, clientWidth: w } = f.value, h = r === "bottom" || r === "top" ? m <= p : S <= w;
+    (l.arrivedState[r] || h) && (s.value || (s.value = Promise.all([
+      n(l),
+      new Promise((E) => setTimeout(E, i))
+    ]).finally(() => {
+      s.value = null, X(() => v());
+    })));
+  }
+  return A(
+    () => [l.arrivedState[r], d.value],
+    v,
+    { immediate: !0 }
+  ), {
+    isLoading: u
+  };
+}
+function Ie(e = {}) {
+  const {
+    window: n = M,
+    initialWidth: t = Number.POSITIVE_INFINITY,
+    initialHeight: o = Number.POSITIVE_INFINITY,
+    listenOrientation: r = !0,
+    includeScrollbar: i = !0
+  } = e, c = g(t), l = g(o), s = () => {
+    n && (i ? (c.value = n.innerWidth, l.value = n.innerHeight) : (c.value = n.document.documentElement.clientWidth, l.value = n.document.documentElement.clientHeight));
+  };
+  if (s(), J(s), P("resize", s, { passive: !0 }), r) {
+    const u = we("(orientation: portrait)");
+    A(u, () => s());
+  }
+  return { width: c, height: l };
+}
+const We = {
+  __name: "InfiniteScroll",
+  props: {
+    down: {
+      type: Boolean,
+      default: !0
+    },
+    up: {
+      type: Boolean,
+      default: !1
+    },
+    distance: {
+      type: Number,
+      default: 10
+    }
+  },
+  emits: ["load"],
+  setup(e, { expose: n, emit: t }) {
+    const o = e, r = t, i = g(null), c = g(!0);
+    n({
+      canEmit: c
+    }), o.down && Q(
+      i,
+      () => {
+        l("down");
+      },
+      { distance: o.distance }
+    ), o.up && Q(
+      i,
+      () => {
+        l("up");
+      },
+      { distance: o.distance, direction: "top" }
+    );
+    const l = (s) => {
+      c.value && (c.value = !1, r("load", s));
+    };
+    return j(() => {
+      i.value.scrollTop = 0;
+    }), (s, u) => (re(), ie("div", {
+      ref_key: "el",
+      ref: i,
+      class: "overflow-y-scroll overscroll-none"
+    }, [
+      le(s.$slots, "default")
+    ], 512));
+  }
+};
+export {
+  We as _,
+  Ie as u,
+  _e as w
+};

package/dist/InputField-Dy0a6K08.js

@@ -0,0 +1,55 @@
+import { mergeModels as r, useModel as u, openBlock as o, createElementBlock as a, withDirectives as m, createElementVNode as n, normalizeClass as p, vModelDynamic as f, createCommentVNode as h } from "vue";
+const g = { class: "relative flex-1" }, x = ["name", "type", "placeholder"], y = {
+  key: 0,
+  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"
+}, b = /* @__PURE__ */ n("i", {
+  class: "fa-regular fa-circle-exclamation text-error-950 text-lg",
+  "aria-hidden": "true"
+}, null, -1), v = [
+  b
+], B = {
+  __name: "InputField",
+  props: /* @__PURE__ */ r({
+    hasError: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    fieldType: {
+      type: String,
+      default: "text"
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ r(["blur"], ["update:modelValue"]),
+  setup(e, { emit: s }) {
+    const i = s, t = u(e, "modelValue"), d = () => {
+      i("blur");
+    };
+    return (V, l) => (o(), a("div", g, [
+      m(n("input", {
+        "onUpdate:modelValue": l[0] || (l[0] = (c) => t.value = c),
+        name: e.label,
+        onBlur: d,
+        type: e.fieldType,
+        class: p(["block w-full rounded-md border-0 py-2.5 px-5 ring-1 ring-inset focus:shadow-md focus:ring-2 focus:outline-none", e.hasError ? "ring-error-950 focus:bg-error-100 focus:ring-error-950 text-error-950 focus:placeholder:text-error-900 pr-10" : "ring-steel-400 focus:bg-app-100 focus:ring-app-700 text-problack placeholder:text-steel-800"]),
+        placeholder: e.placeholder
+      }, null, 42, x), [
+        [f, t.value]
+      ]),
+      e.hasError ? (o(), a("div", y, v)) : h("", !0)
+    ]));
+  }
+};
+export {
+  B as _
+};

package/dist/OpacityScaleTransition-CtMzqccC.js

@@ -0,0 +1,26 @@
+import { openBlock as n, createBlock as l, Transition as o, withCtx as i, renderSlot as c } from "vue";
+const v = {
+  __name: "OpacityScaleTransition",
+  emits: ["after-enter", "after-leave"],
+  setup(f, { emit: a }) {
+    const t = a;
+    return (s, e) => (n(), l(o, {
+      "enter-active-class": "transition-all ease-out duration-300 scale-100",
+      "enter-from-class": "opacity-0 scale-95",
+      "enter-to-class": "opacity-100 scale-100",
+      "leave-active-class": "transition-all ease-in duration-200 scale-100",
+      "leave-from-class": "opacity-100 scale-100",
+      "leave-to-class": "opacity-0 scale-95",
+      onAfterEnter: e[0] || (e[0] = (r) => t("after-enter")),
+      onAfterLeave: e[1] || (e[1] = (r) => t("after-leave"))
+    }, {
+      default: i(() => [
+        c(s.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+};
+export {
+  v as _
+};