veylan-component-library 1.4.2 → 1.4.4

package/dist/fusion-component-library.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as _, createElementBlock as r, createCommentVNode as s, openBlock as a, withModifiers as F, createElementVNode as e, renderSlot as N, toDisplayString as g, normalizeStyle as P, normalizeClass as C, createBlock as I, createTextVNode as x, Fragment as w, renderList as M, createVNode as B, createStaticVNode as y, ref as z, computed as R, withDirectives as U, vModelText as O, watch as G, nextTick as D, onMounted as W } from "vue";
-import { ChevronDown as Z, Share2 as $, ArrowRight as K, ArrowLeft as Q, MoreHorizontal as Y, ToyBrick as J, MessageSquare as X, Home as ee, CircleArrowRight as te, Mic as le, Paperclip as se } from "lucide-vue-next";
+import { defineComponent as _, createElementBlock as r, createCommentVNode as s, openBlock as a, withModifiers as H, createElementVNode as e, renderSlot as N, toDisplayString as g, normalizeStyle as P, normalizeClass as C, createBlock as I, createTextVNode as x, Fragment as w, renderList as M, createVNode as B, createStaticVNode as y, ref as z, computed as R, withDirectives as U, vModelText as O, watch as G, nextTick as D, onMounted as W } from "vue";
+import { ChevronDown as Z, Share2 as K, ArrowRight as $, ArrowLeft as Q, MoreHorizontal as Y, ToyBrick as J, MessageSquare as X, Home as ee, CircleArrowRight as te, Mic as le, Paperclip as se } from "lucide-vue-next";
 const oe = /* @__PURE__ */ _({
   __name: "BaseModal",
   props: {
@@ -33,7 +33,7 @@ function ne(n, t, l, o, c, u) {
   return l.isOpen ? (a(), r("div", {
     key: 0,
     class: "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",
-    onClick: F(o.handleClose, ["self"])
+    onClick: H(o.handleClose, ["self"])
   }, [
     e("div", ae, [
       s(" Header "),
@@ -90,9 +90,9 @@ const Qt = /* @__PURE__ */ h(oe, [["render", ne], ["__file", "/root/app/code/src
     }, get ArrowLeft() {
       return Q;
     }, get ArrowRight() {
-      return K;
-    }, get Share2() {
       return $;
+    }, get Share2() {
+      return K;
     }, get ChevronDown() {
       return Z;
     } };
@@ -459,7 +459,7 @@ const Jt = /* @__PURE__ */ h(ue, [["render", Me], ["__file", "/root/app/code/src
     } };
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
-}), qe = { class: "absolute inset-0" }, He = ["src", "alt"], Fe = { class: "relative flex justify-between items-start w-full" }, Le = {
+}), qe = { class: "absolute inset-0" }, Fe = ["src", "alt"], He = { class: "relative flex justify-between items-start w-full" }, Le = {
   key: 0,
   class: "flex items-center gap-2"
 }, Ae = {
@@ -506,7 +506,7 @@ function Oe(n, t, l, o, c, u) {
   return a(), r(
     "div",
     {
-      class: C(["flex flex-col bg-white rounded-2xl shadow-card w-full", l.cardClasses]),
+      class: C(["flex flex-col bg-white rounded-2xl shadow-card w-full", [l.cardClasses, { "min-h-[300px]": l.showImage && l.showFooter }]]),
       style: { gap: "16px", padding: "16px 0 24px 0" }
     },
     [
@@ -525,10 +525,10 @@ function Oe(n, t, l, o, c, u) {
               src: l.imageSrc,
               alt: l.imageAlt,
               class: "w-full h-full object-cover"
-            }, null, 8, He)
+            }, null, 8, Fe)
           ]),
           s(" Card Header Overlay "),
-          e("div", Fe, [
+          e("div", He, [
             s(" Labels/Pills "),
             l.showLabels ? (a(), r("div", Le, [
               l.label1 ? (a(), r(
@@ -694,7 +694,7 @@ function Ze(n, t, l, o, c, u) {
     t[5] || (t[5] = y('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Usage Examples</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="bg-white border border-gray-200 rounded-lg p-6"><h4 class="text-sm font-semibold mb-3">Background Colors</h4><div class="space-y-2 text-sm"><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;bg-information&quot;</code><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;bg-success&quot;</code><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;bg-eletric-green&quot;</code></div></div><div class="bg-white border border-gray-200 rounded-lg p-6"><h4 class="text-sm font-semibold mb-3">Text Colors</h4><div class="space-y-2 text-sm"><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;text-information&quot;</code><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;text-success&quot;</code><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;text-eletric-blue&quot;</code></div></div><div class="bg-white border border-gray-200 rounded-lg p-6"><h4 class="text-sm font-semibold mb-3">Border Colors</h4><div class="space-y-2 text-sm"><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;border-gray-400&quot;</code><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;border-success&quot;</code><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;border-warning&quot;</code></div></div><div class="bg-white border border-gray-200 rounded-lg p-6"><h4 class="text-sm font-semibold mb-3">Hover States</h4><div class="space-y-2 text-sm"><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;hover:bg-eletric-green&quot;</code><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;hover:text-error&quot;</code><code class="block bg-gray-100 px-3 py-2 rounded">className=&quot;hover:border-information&quot;</code></div></div></div></div>', 1))
   ]);
 }
-const el = /* @__PURE__ */ h(Ge, [["render", Ze], ["__file", "/root/app/code/src/components/ColorStyles.vue"]]), $e = /* @__PURE__ */ _({
+const el = /* @__PURE__ */ h(Ge, [["render", Ze], ["__file", "/root/app/code/src/components/ColorStyles.vue"]]), Ke = /* @__PURE__ */ _({
   __name: "InviteCollaboratorsModalV2",
   props: {
     isOpen: { type: Boolean, required: !1, default: !1 },
@@ -712,7 +712,7 @@ const el = /* @__PURE__ */ h(Ge, [["render", Ze], ["__file", "/root/app/code/src
     })), q = (f) => p.value.some((m) => m.email === f.email), A = (f) => {
       const m = p.value.findIndex((k) => k.email === f.email);
       m > -1 ? p.value.splice(m, 1) : p.value.push(f), d.value = "";
-    }, H = (f) => {
+    }, F = (f) => {
       const m = p.value.findIndex((k) => k.email === f.email);
       m > -1 && p.value.splice(m, 1);
     }, v = (f) => {
@@ -720,7 +720,7 @@ const el = /* @__PURE__ */ h(Ge, [["render", Ze], ["__file", "/root/app/code/src
       m > -1 && b.value.splice(m, 1);
     }, S = () => {
       u.value?.focus();
-    }, j = { props: o, emit: c, hiddenInput: u, showDropdown: i, searchQuery: d, selectedUsers: p, collaborators: b, availableUsers: L, isUserSelected: q, toggleUser: A, removeUser: H, removeCollaborator: v, focusInput: S, toggleDropdown: () => {
+    }, j = { props: o, emit: c, hiddenInput: u, showDropdown: i, searchQuery: d, selectedUsers: p, collaborators: b, availableUsers: L, isUserSelected: q, toggleUser: A, removeUser: F, removeCollaborator: v, focusInput: S, toggleDropdown: () => {
       i.value = !i.value, i.value && S();
     }, handleBlur: () => {
       setTimeout(() => {
@@ -735,7 +735,7 @@ const el = /* @__PURE__ */ h(Ge, [["render", Ze], ["__file", "/root/app/code/src
     } };
     return Object.defineProperty(j, "__isScriptSetup", { enumerable: !1, value: !0 }), j;
   }
-}), Ke = { class: "bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl" }, Qe = { class: "relative mb-6" }, Ye = { class: "flex flex-wrap gap-2 flex-1" }, Je = ["onClick"], Xe = {
+}), $e = { class: "bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl" }, Qe = { class: "relative mb-6" }, Ye = { class: "flex flex-wrap gap-2 flex-1" }, Je = ["onClick"], Xe = {
   key: 0,
   class: "absolute top-full left-0 right-0 mt-2 bg-white border border-gray-100 rounded-xl shadow-lg max-h-64 overflow-y-auto z-10"
 }, et = ["onMousedown"], tt = { class: "flex-1" }, lt = { class: "text-sm font-semibold text-black" }, st = { class: "text-sm text-gray-600" }, ot = {
@@ -752,9 +752,9 @@ function dt(n, t, l, o, c, u) {
   return l.isOpen ? (a(), r("div", {
     key: 0,
     class: "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",
-    onClick: F(o.closeModal, ["self"])
+    onClick: H(o.closeModal, ["self"])
   }, [
-    e("div", Ke, [
+    e("div", $e, [
       s(" Header "),
       t[3] || (t[3] = e(
         "h2",
@@ -801,7 +801,7 @@ function dt(n, t, l, o, c, u) {
                   /* TEXT */
                 ),
                 e("button", {
-                  onClick: F((d) => o.removeUser(i), ["stop"]),
+                  onClick: H((d) => o.removeUser(i), ["stop"]),
                   class: "text-gray-300 hover:text-black transition-colors"
                 }, " × ", 8, Je)
               ]))),
@@ -837,7 +837,7 @@ function dt(n, t, l, o, c, u) {
               key: i.email,
               type: "button",
               class: "w-full px-4 py-3 text-left hover:bg-gray-50 transition-colors flex items-center justify-between group",
-              onMousedown: F((d) => o.toggleUser(i), ["prevent"])
+              onMousedown: H((d) => o.toggleUser(i), ["prevent"])
             }, [
               e("div", tt, [
                 e(
@@ -936,7 +936,7 @@ function dt(n, t, l, o, c, u) {
     ])
   ])) : s("v-if", !0);
 }
-const tl = /* @__PURE__ */ h($e, [["render", dt], ["__scopeId", "data-v-f6014a35"], ["__file", "/root/app/code/src/components/InviteCollaboratorsModalV2.vue"]]), ct = /* @__PURE__ */ _({
+const tl = /* @__PURE__ */ h(Ke, [["render", dt], ["__scopeId", "data-v-f6014a35"], ["__file", "/root/app/code/src/components/InviteCollaboratorsModalV2.vue"]]), ct = /* @__PURE__ */ _({
   __name: "NavigationSidebar",
   props: {
     items: { type: Array, required: !1, default: () => [
@@ -1103,14 +1103,14 @@ const ll = /* @__PURE__ */ h(ct, [["render", yt], ["__scopeId", "data-v-4c3eb68c
         d();
       });
     });
-    const H = { props: o, emit: c, inputValue: u, textareaRef: i, autoResize: d, handleInput: p, handleAttach: b, handleVoice: L, handleSubmit: q, handleKeydown: A, get Paperclip() {
+    const F = { props: o, emit: c, inputValue: u, textareaRef: i, autoResize: d, handleInput: p, handleAttach: b, handleVoice: L, handleSubmit: q, handleKeydown: A, get Paperclip() {
       return se;
     }, get Mic() {
       return le;
     }, get CircleArrowRight() {
       return te;
     } };
-    return Object.defineProperty(H, "__isScriptSetup", { enumerable: !1, value: !0 }), H;
+    return Object.defineProperty(F, "__isScriptSetup", { enumerable: !1, value: !0 }), F;
   }
 }), _t = { class: "prompt-input-container" }, kt = { class: "prompt-input-wrapper" }, Ct = ["value", "placeholder"], zt = { class: "right-icons" }, St = ["disabled"];
 function It(n, t, l, o, c, u) {
@@ -1383,14 +1383,14 @@ function qt(n, t, l, o, c, u) {
     ))
   ]);
 }
-const ol = /* @__PURE__ */ h(Mt, [["render", qt], ["__file", "/root/app/code/src/components/TextStyles.vue"]]), Ht = {}, Ft = {
+const ol = /* @__PURE__ */ h(Mt, [["render", qt], ["__file", "/root/app/code/src/components/TextStyles.vue"]]), Ft = {}, Ht = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20",
   fill: "currentColor"
 };
 function Lt(n, t) {
-  return a(), r("svg", Ft, t[0] || (t[0] = [
+  return a(), r("svg", Ht, t[0] || (t[0] = [
     e(
       "path",
       { d: "M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z" },
@@ -1400,7 +1400,7 @@ function Lt(n, t) {
     )
   ]));
 }
-const al = /* @__PURE__ */ h(Ht, [["render", Lt], ["__file", "/root/app/code/src/components/icons/IconCommunity.vue"]]), At = {}, Dt = {
+const al = /* @__PURE__ */ h(Ft, [["render", Lt], ["__file", "/root/app/code/src/components/icons/IconCommunity.vue"]]), At = {}, Dt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "17",