@zealsolutions/zeal-ui 1.0.0-alpha.100

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-D4GSZKdk.js

@@ -0,0 +1,43 @@
+import { openBlock as r, createElementBlock as a, normalizeClass as t, createElementVNode as o, renderSlot as s, createCommentVNode as l, createVNode as c } from "vue";
+import { C as i } from "./ChevronDownIcon-De0Ga7A4.js";
+const u = { class: "flex h-full items-center space-x-3" }, p = { class: "truncate" }, m = {
+  __name: "BaseDropdownButton",
+  props: {
+    showButtonIcon: {
+      type: Boolean,
+      default: !1
+    },
+    dropdownDirection: {
+      type: String,
+      default: "down"
+    },
+    showDropdown: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (n, d) => (r(), a("button", {
+      ref: "button",
+      type: "button",
+      class: t(["relative cursor-default text-style-input rounded-[20px] h-10 pl-4 pr-8 text-left text-black-950 ring-inset focus:outline-none focus:ring-2 focus:ring-app-950 focus:bg-app-100", e.showDropdown ? "ring-2 ring-app-950 bg-app-100" : "ring-1 ring-steel-400 bg-white"])
+    }, [
+      o("div", u, [
+        e.showButtonIcon ? s(n.$slots, "buttonIcon", { key: 0 }) : l("", !0),
+        o("div", p, [
+          s(n.$slots, "default")
+        ])
+      ]),
+      o("span", {
+        class: t(["absolute flex pointer-events-none inset-y-0 right-[18px] w-3 items-center justify-center", e.showDropdown ? "text-black-950" : "text-steel-800"])
+      }, [
+        c(i, {
+          class: t(["transition-transform duration-300", e.dropdownDirection === "down" ? "" : "rotate-180"])
+        }, null, 8, ["class"])
+      ], 2)
+    ], 2));
+  }
+};
+export {
+  m as _
+};

package/dist/BaseOverlay-aTh6_ssu.js

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

package/dist/BaseTooltip-CcnCHpL4.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-950 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-950", 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/ChevronDownIcon-De0Ga7A4.js

@@ -0,0 +1,23 @@
+import { openBlock as o, createElementBlock as r, createElementVNode as n } from "vue";
+import { _ as t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const l = {}, s = {
+  class: "h-[16px] w-[30px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 30 16",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function c(i, e) {
+  return o(), r("svg", s, e[0] || (e[0] = [
+    n("path", {
+      d: "M15.8076 15.6677C15.3645 16.1108 14.6357 16.1108 14.1926 15.6677L0.472184 1.9473C0.0291288 1.50424 0.0291288 0.775346 0.472184 0.332291C0.915239 -0.110764 1.64414 -0.110764 2.08719 0.332291L15.0001 13.2452L27.913 0.332291C28.3561 -0.110764 29.085 -0.110764 29.528 0.332291C29.9711 0.775346 29.9711 1.50424 29.528 1.9473L15.8076 15.6677Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const m = /* @__PURE__ */ t(l, [["render", c]]);
+export {
+  m as C
+};

package/dist/ChevronRightIcon-Be-vxVtQ.js

@@ -0,0 +1,95 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as r } from "vue";
+import { _ as s } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const C = {}, l = {
+  class: "h-[22px] w-[20px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function c(t, n) {
+  return e(), o("svg", l, n[0] || (n[0] = [
+    r("path", {
+      d: "M5.1875 0C5.56563 0 5.875 0.309375 5.875 0.6875V2.75H14.125V0.6875C14.125 0.309375 14.4344 0 14.8125 0C15.1906 0 15.5 0.309375 15.5 0.6875V2.75H16.875C18.3918 2.75 19.625 3.9832 19.625 5.5V6.875V8.25V19.25C19.625 20.7668 18.3918 22 16.875 22H3.125C1.6082 22 0.375 20.7668 0.375 19.25V8.25V6.875V5.5C0.375 3.9832 1.6082 2.75 3.125 2.75H4.5V0.6875C4.5 0.309375 4.80937 0 5.1875 0ZM18.25 8.25H1.75V19.25C1.75 20.0105 2.36445 20.625 3.125 20.625H16.875C17.6355 20.625 18.25 20.0105 18.25 19.25V8.25ZM16.875 4.125H3.125C2.36445 4.125 1.75 4.73945 1.75 5.5V6.875H18.25V5.5C18.25 4.73945 17.6355 4.125 16.875 4.125Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const v = /* @__PURE__ */ s(C, [["render", c]]), i = {}, a = {
+  class: "h-[22px] w-[22px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 22 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function f(t, n) {
+  return e(), o("svg", a, n[0] || (n[0] = [
+    r("path", {
+      d: "M11.6877 2.34417V15.8119C11.6877 16.1901 11.3783 16.4995 11.0001 16.4995C10.6219 16.4995 10.3125 16.1901 10.3125 15.8119V2.34417L5.98515 6.67155C5.71872 6.93798 5.2804 6.93798 5.01397 6.67155C4.74753 6.40512 4.74753 5.96679 5.01397 5.70036L10.5145 0.199824C10.7809 -0.0666081 11.2193 -0.0666081 11.4857 0.199824L16.9862 5.70036C17.2527 5.96679 17.2527 6.40512 16.9862 6.67155C16.7198 6.93798 16.2815 6.93798 16.015 6.67155L11.6877 2.34417ZM8.9374 15.1243H2.74929C1.98867 15.1243 1.37416 15.7388 1.37416 16.4995V19.2497C1.37416 20.0104 1.98867 20.6249 2.74929 20.6249H19.2509C20.0115 20.6249 20.626 20.0104 20.626 19.2497V16.4995C20.626 15.7388 20.0115 15.1243 19.2509 15.1243H13.0628V13.7492H19.2509C20.7678 13.7492 22.0012 14.9825 22.0012 16.4995V19.2497C22.0012 20.7667 20.7678 22 19.2509 22H2.74929C1.23235 22 -0.000976562 20.7667 -0.000976562 19.2497V16.4995C-0.000976562 14.9825 1.23235 13.7492 2.74929 13.7492H8.9374V15.1243ZM16.5006 17.8746C16.5006 17.6011 16.6093 17.3387 16.8027 17.1453C16.9961 16.9519 17.2585 16.8432 17.532 16.8432C17.8055 16.8432 18.0678 16.9519 18.2613 17.1453C18.4547 17.3387 18.5633 17.6011 18.5633 17.8746C18.5633 18.1481 18.4547 18.4105 18.2613 18.6039C18.0678 18.7973 17.8055 18.9059 17.532 18.9059C17.2585 18.9059 16.9961 18.7973 16.8027 18.6039C16.6093 18.4105 16.5006 18.1481 16.5006 17.8746Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const L = /* @__PURE__ */ s(i, [["render", f]]), d = {}, _ = {
+  class: "h-[22px] w-[20px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function V(t, n) {
+  return e(), o("svg", _, n[0] || (n[0] = [
+    r("path", {
+      d: "M7.25 16.5C6.48945 16.5 5.875 15.8855 5.875 15.125V2.75C5.875 1.98945 6.48945 1.375 7.25 1.375H13.4375V4.8125C13.4375 5.57305 14.052 6.1875 14.8125 6.1875H18.25C18.25 6.20039 18.25 6.20898 18.25 6.22188V15.125C18.25 15.8855 17.6355 16.5 16.875 16.5H7.25ZM14.8125 2.4707L17.1328 4.8125H14.8125V2.4707ZM7.25 0C5.7332 0 4.5 1.2332 4.5 2.75V15.125C4.5 16.6418 5.7332 17.875 7.25 17.875H16.875C18.3918 17.875 19.625 16.6418 19.625 15.125V6.22188C19.625 5.67617 19.4102 5.15625 19.0277 4.76953L14.9027 0.610156C14.516 0.219141 13.9875 0 13.4375 0H7.25ZM1.75 4.8125C1.75 4.43437 1.44062 4.125 1.0625 4.125C0.684375 4.125 0.375 4.43437 0.375 4.8125V16.5C0.375 19.5379 2.83711 22 5.875 22H14.8125C15.1906 22 15.5 21.6906 15.5 21.3125C15.5 20.9344 15.1906 20.625 14.8125 20.625H5.875C3.59766 20.625 1.75 18.7773 1.75 16.5V4.8125Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const M = /* @__PURE__ */ s(d, [["render", V]]), u = {}, w = {
+  class: "h-[11px] w-[7px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 7 11",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function x(t, n) {
+  return e(), o("svg", w, n[0] || (n[0] = [
+    r("path", {
+      d: "M0.21075 6.01026C-0.0702572 5.72925 -0.0702572 5.27486 0.21075 4.99684L4.99385 0.210755C5.27485 -0.0702515 5.72925 -0.0702515 6.00726 0.210755C6.28528 0.491762 6.28827 0.946157 6.00726 1.22417L1.73237 5.49906L6.01025 9.77695C6.29126 10.058 6.29126 10.5123 6.01025 10.7904C5.72925 11.0684 5.27485 11.0714 4.99683 10.7904L0.21075 6.01026Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const Z = /* @__PURE__ */ s(u, [["render", x]]), p = {}, h = {
+  class: "h-[11px] w-[7px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 7 11",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function H(t, n) {
+  return e(), o("svg", h, n[0] || (n[0] = [
+    r("path", {
+      d: "M6.78925 4.98974C7.07026 5.27075 7.07026 5.72514 6.78925 6.00316L2.00615 10.7892C1.72515 11.0703 1.27075 11.0703 0.992736 10.7892C0.714719 10.5082 0.711729 10.0538 0.992736 9.77583L5.26763 5.50094L0.989747 1.22305C0.70874 0.942047 0.70874 0.487653 0.989747 0.209636C1.27075 -0.0683818 1.72515 -0.0713712 2.00317 0.209636L6.78925 4.98974Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const $ = /* @__PURE__ */ s(p, [["render", H]]);
+export {
+  v as C,
+  M as F,
+  L as U,
+  Z as a,
+  $ as b
+};

package/dist/CircleExclamationIcon-CVpIK7Mu.js

@@ -0,0 +1,23 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as r } from "vue";
+import { _ as t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const n = {}, l = {
+  class: "h-[22px] w-[22px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 22 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function c(s, C) {
+  return e(), o("svg", l, C[0] || (C[0] = [
+    r("path", {
+      d: "M11 1.375C13.5527 1.375 16.0009 2.38906 17.8059 4.1941C19.6109 5.99913 20.625 8.44729 20.625 11C20.625 13.5527 19.6109 16.0009 17.8059 17.8059C16.0009 19.6109 13.5527 20.625 11 20.625C8.44729 20.625 5.99913 19.6109 4.1941 17.8059C2.38906 16.0009 1.375 13.5527 1.375 11C1.375 8.44729 2.38906 5.99913 4.1941 4.1941C5.99913 2.38906 8.44729 1.375 11 1.375ZM11 22C13.9174 22 16.7153 20.8411 18.7782 18.7782C20.8411 16.7153 22 13.9174 22 11C22 8.08262 20.8411 5.28473 18.7782 3.22183C16.7153 1.15893 13.9174 0 11 0C8.08262 0 5.28473 1.15893 3.22183 3.22183C1.15893 5.28473 0 8.08262 0 11C0 13.9174 1.15893 16.7153 3.22183 18.7782C5.28473 20.8411 8.08262 22 11 22ZM11 5.5C10.6219 5.5 10.3125 5.80937 10.3125 6.1875V11.6875C10.3125 12.0656 10.6219 12.375 11 12.375C11.3781 12.375 11.6875 12.0656 11.6875 11.6875V6.1875C11.6875 5.80937 11.3781 5.5 11 5.5ZM12.0312 15.125C12.0312 14.8515 11.9226 14.5892 11.7292 14.3958C11.5358 14.2024 11.2735 14.0938 11 14.0938C10.7265 14.0938 10.4642 14.2024 10.2708 14.3958C10.0774 14.5892 9.96875 14.8515 9.96875 15.125C9.96875 15.3985 10.0774 15.6608 10.2708 15.8542C10.4642 16.0476 10.7265 16.1562 11 16.1562C11.2735 16.1562 11.5358 16.0476 11.7292 15.8542C11.9226 15.6608 12.0312 15.3985 12.0312 15.125Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const f = /* @__PURE__ */ t(n, [["render", c]]);
+export {
+  f as C
+};

package/dist/CircleStatusIcon-CRoBchKs.js

@@ -0,0 +1,46 @@
+import { openBlock as n, createElementBlock as s, createElementVNode as t } from "vue";
+import { _ as o } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const c = {}, l = {
+  class: "h-[22px] w-[34px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 34 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function C(r, e) {
+  return n(), s("svg", l, e[0] || (e[0] = [
+    t("path", {
+      d: "M32.8756 0.336624C33.3244 0.785456 33.3244 1.52386 32.8756 1.97269L13.1849 21.6634C12.7361 22.1122 11.9977 22.1122 11.5488 21.6634L1.12434 11.2389C0.675512 10.7901 0.675512 10.0517 1.12434 9.60283C1.57318 9.154 2.31158 9.154 2.76041 9.60283L12.3669 19.2093L31.2395 0.336624C31.6883 -0.112208 32.4267 -0.112208 32.8756 0.336624Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const h = /* @__PURE__ */ o(c, [["render", C]]), i = {}, a = {
+  class: "h-[22px] w-[22px]",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 22 22",
+  fill: "none",
+  "aria-hidden": "true",
+  focusable: "false",
+  role: "img"
+};
+function f(r, e) {
+  return n(), s("svg", a, e[0] || (e[0] = [
+    t("path", {
+      d: "M16.5016 8.93837C16.5016 7.94515 16.306 6.96166 15.9259 6.04405C15.5458 5.12643 14.9887 4.29267 14.2864 3.59036C13.5841 2.88804 12.7503 2.33094 11.8327 1.95085C10.9151 1.57076 9.93159 1.37513 8.93837 1.37513C7.94515 1.37513 6.96166 1.57076 6.04405 1.95085C5.12643 2.33094 4.29267 2.88804 3.59036 3.59036C2.88804 4.29267 2.33094 5.12643 1.95085 6.04405C1.57076 6.96166 1.37513 7.94515 1.37513 8.93837C1.37513 9.93159 1.57076 10.9151 1.95085 11.8327C2.33094 12.7503 2.88804 13.5841 3.59036 14.2864C4.29267 14.9887 5.12643 15.5458 6.04405 15.9259C6.96166 16.306 7.94515 16.5016 8.93837 16.5016C9.93159 16.5016 10.9151 16.306 11.8327 15.9259C12.7503 15.5458 13.5841 14.9887 14.2864 14.2864C14.9887 13.5841 15.5458 12.7503 15.9259 11.8327C16.306 10.9151 16.5016 9.93159 16.5016 8.93837ZM14.7526 15.7281C13.1927 17.0689 11.1601 17.8767 8.93837 17.8767C4.00078 17.8767 0 13.876 0 8.93837C0 4.00078 4.00078 0 8.93837 0C13.876 0 17.8767 4.00078 17.8767 8.93837C17.8767 11.1601 17.0689 13.1927 15.7281 14.7526L21.8002 20.829C22.0666 21.0954 22.0666 21.5337 21.8002 21.8002C21.5337 22.0666 21.0954 22.0666 20.829 21.8002L14.7526 15.7281Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const m = /* @__PURE__ */ o(i, [["render", f]]), _ = {}, d = { class: "inline-block h-2.5 w-2.5 flex-shrink-0 rounded-full bg-steel-500" };
+function u(r, e) {
+  return n(), s("span", d);
+}
+const w = /* @__PURE__ */ o(_, [["render", u]]);
+export {
+  w as C,
+  m as M,
+  h as a
+};

package/dist/CloseButton-BsjhPDWi.js

@@ -0,0 +1,19 @@
+import { openBlock as s, createElementBlock as n, createVNode as c } from "vue";
+import { X as r } from "./XMarkIcon-Ba-nxo3h.js";
+const u = {
+  __name: "CloseButton",
+  emits: ["close"],
+  setup(l, { emit: t }) {
+    const o = t;
+    return (m, e) => (s(), n("button", {
+      type: "button",
+      class: "flex items-center justify-center p-2 text-lg",
+      onClick: e[0] || (e[0] = (a) => o("close"))
+    }, [
+      c(r, { class: "scale-[0.7272]" })
+    ]));
+  }
+};
+export {
+  u as _
+};