@zealsolutions/zeal-ui 1.0.0-alpha.342 → 1.0.0-alpha.344

package/dist/BaseDropdownButton-C2s6CrBe.js

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

package/dist/{BaseModal-BUjYJ0hm.js → BaseModal-DiFHVBNf.js}

@@ -1,8 +1,8 @@
-import { useAttrs as p, openBlock as t, createBlock as a, Teleport as B, resolveDynamicComponent as f, withCtx as d, createCommentVNode as s, createVNode as b, unref as i, createElementBlock as w, mergeProps as C, renderSlot as n } from "vue";
+import { useAttrs as p, openBlock as t, createBlock as a, Teleport as b, resolveDynamicComponent as d, withCtx as f, createCommentVNode as s, createVNode as B, unref as i, createElementBlock as w, mergeProps as C, renderSlot as n } from "vue";
 import { _ as q } from "./BaseOverlay-aTh6_ssu.js";
 import { _ as O } from "./OpacityTransition-D4EuhJnX.js";
 import { _ as T } from "./OpacityScaleTransition-CtMzqccC.js";
-import { _ as $ } from "./CloseButton-5Lrtf2mr.js";
+import { _ as k } from "./CloseButton-5Lrtf2mr.js";
 const L = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
@@ -56,25 +56,25 @@ const L = /* @__PURE__ */ Object.assign({
   },
   emits: ["close", "afterEnter", "afterLeave"],
   setup(e, { emit: u }) {
-    const c = p(), m = e, o = u, y = () => {
-      m.closeOutside && l();
-    }, l = () => {
-      o("close");
+    const c = p(), m = e, r = u, y = () => {
+      m.closeOutside && o();
+    }, o = () => {
+      r("close");
     }, h = () => {
-      o("afterEnter");
+      r("afterEnter");
     }, v = () => {
-      o("afterLeave");
+      r("afterLeave");
     };
-    return (r, k) => (t(), a(B, {
+    return (l, $) => (t(), a(b, {
       to: "body",
       disabled: e.disableTeleport
     }, [
-      (t(), a(f(e.overlayTransition), {
+      (t(), a(d(e.overlayTransition), {
         onAfterEnter: h,
         onAfterLeave: v
       }, {
-        default: d(() => [
-          e.show && e.showOverlay ? (t(), a(f(e.overlay), {
+        default: f(() => [
+          e.show && e.showOverlay ? (t(), a(d(e.overlay), {
             key: 0,
             transparent: e.overlayTransparent,
             onClose: y
@@ -82,18 +82,18 @@ const L = /* @__PURE__ */ Object.assign({
         ]),
         _: 1
       }, 32)),
-      b(i(e.modalTransition), null, {
-        default: d(() => [
-          e.show ? (t(), w("div", C({ key: 0 }, i(c), { class: "fixed flex flex-col p-8 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg overflow-hidden bg-white shadow-xl z-50" }), [
-            n(r.$slots, "header", { handleClose: l }, () => [
-              e.showCloseButton ? (t(), a($, {
+      B(i(e.modalTransition), null, {
+        default: f(() => [
+          e.show ? (t(), w("div", C({ key: 0 }, i(c), { class: "fixed flex flex-col p-8 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg overflow-hidden bg-white dark:bg-surface-raised shadow-xl z-50" }), [
+            n(l.$slots, "header", { handleClose: o }, () => [
+              e.showCloseButton ? (t(), a(k, {
                 key: 0,
                 class: "top-2 right-2 absolute",
-                onClose: l
+                onClose: o
               })) : s("", !0)
             ]),
-            n(r.$slots, "default"),
-            n(r.$slots, "footer")
+            n(l.$slots, "default"),
+            n(l.$slots, "footer")
           ], 16)) : s("", !0)
         ]),
         _: 3

package/dist/CircleStatusIcon-C4Av0hTY.js

@@ -0,0 +1,10 @@
+import { openBlock as e, createElementBlock as n } from "vue";
+import { _ as o } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const r = {}, t = { class: "inline-block h-2.5 w-2.5 flex-shrink-0 rounded-full bg-steel-500 dark:bg-line-strong" };
+function c(s, l) {
+  return e(), n("span", t);
+}
+const i = /* @__PURE__ */ o(r, [["render", c]]);
+export {
+  i as default
+};