veylan-component-library 1.0.0

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

@@ -0,0 +1,1188 @@
+import { defineComponent as C, createElementBlock as n, createCommentVNode as l, openBlock as s, withModifiers as z, createElementVNode as o, renderSlot as j, toDisplayString as c, normalizeStyle as P, normalizeClass as _, createBlock as b, createTextVNode as S, Fragment as p, renderList as y, ref as k, computed as F, withDirectives as N, vModelText as E, createStaticVNode as M, createVNode as q } from "vue";
+import { ChevronDown as U, Share2 as Z, ArrowRight as O, ArrowLeft as R, ToyBrick as G, MessageSquare as Q, Home as K } from "lucide-vue-next";
+const W = /* @__PURE__ */ C({
+  __name: "BaseModal",
+  props: {
+    isOpen: { type: Boolean, required: !1, default: !1 },
+    title: { type: String, required: !1, default: "Modal" },
+    primaryButtonText: { type: String, required: !1, default: "Confirm" },
+    secondaryButtonText: { type: String, required: !1, default: "Cancel" }
+  },
+  emits: ["close", "primary", "secondary"],
+  setup(a, { expose: t, emit: e }) {
+    t();
+    const i = a, u = e, f = { props: i, emit: u, handleClose: () => {
+      u("close");
+    }, handlePrimary: () => {
+      u("primary");
+    }, handleSecondary: () => {
+      u("secondary");
+    } };
+    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
+  }
+}), g = (a, t) => {
+  const e = a.__vccOpts || a;
+  for (const [i, u] of t)
+    e[i] = u;
+  return e;
+}, Y = { class: "bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl" }, J = {
+  class: "text-2xl font-bold text-black mb-8",
+  style: { "letter-spacing": "0" }
+}, X = { class: "flex gap-4 pt-6" };
+function $(a, t, e, i, u, v) {
+  return e.isOpen ? (s(), n("div", {
+    key: 0,
+    class: "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",
+    onClick: z(i.handleClose, ["self"])
+  }, [
+    o("div", Y, [
+      l(" Header "),
+      o(
+        "h2",
+        J,
+        c(e.title),
+        1
+        /* TEXT */
+      ),
+      l(" Content Slot "),
+      j(a.$slots, "default"),
+      l(" Action Buttons "),
+      o("div", X, [
+        o(
+          "button",
+          {
+            onClick: i.handleSecondary,
+            class: "flex-1 h-8 flex items-center justify-center px-4 text-gray-800 rounded-xl hover:bg-gray-50 transition-colors font-medium",
+            style: { "font-size": "12px" }
+          },
+          c(e.secondaryButtonText),
+          1
+          /* TEXT */
+        ),
+        o(
+          "button",
+          {
+            onClick: i.handlePrimary,
+            class: "flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-800 transition-colors font-medium",
+            style: { "font-size": "12px" }
+          },
+          c(e.primaryButtonText),
+          1
+          /* TEXT */
+        )
+      ])
+    ])
+  ])) : l("v-if", !0);
+}
+const Ht = /* @__PURE__ */ g(W, [["render", $], ["__file", "/root/app/code/src/components/BaseModal.vue"]]), ee = /* @__PURE__ */ C({
+  __name: "ButtonComponent",
+  props: {
+    variant: { type: String, required: !1, default: "primary" },
+    leftIcon: { type: String, required: !1, default: "none" },
+    rightIcon: { type: String, required: !1, default: "none" },
+    disabled: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["click"],
+  setup(a, { expose: t, emit: e }) {
+    t();
+    const i = e, v = { emit: i, handleClick: () => {
+      i("click");
+    }, get ArrowLeft() {
+      return R;
+    }, get ArrowRight() {
+      return O;
+    }, get Share2() {
+      return Z;
+    }, get ChevronDown() {
+      return U;
+    } };
+    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
+  }
+}), te = ["disabled"];
+function le(a, t, e, i, u, v) {
+  return s(), n("button", {
+    onClick: i.handleClick,
+    disabled: e.disabled || e.variant === "disabled",
+    class: _([
+      "flex items-center justify-center gap-3 h-8 rounded-lg font-medium text-sm transition-all duration-200",
+      {
+        "bg-black text-white hover:bg-gray-800": e.variant === "primary" && !e.disabled,
+        "bg-white text-black hover:bg-gray-50": e.variant === "outlined" && !e.disabled,
+        "bg-transparent text-black": e.variant === "text" && !e.disabled,
+        "cursor-not-allowed": e.variant === "disabled" || e.disabled
+      }
+    ]),
+    style: P({
+      paddingLeft: e.rightIcon === "dropdown" ? "16px" : "24px",
+      paddingRight: e.rightIcon === "dropdown" ? "8px" : "24px",
+      ...e.variant === "outlined" && !e.disabled && e.rightIcon === "dropdown" ? { borderWidth: "1px", borderColor: "#C8C8C8" } : e.variant === "outlined" && !e.disabled ? { borderWidth: "1px", borderColor: "black" } : {},
+      ...e.variant === "disabled" || e.disabled ? { backgroundColor: "#E8E8E8", color: "#8F8F8F" } : {}
+    })
+  }, [
+    l(" Left Icon "),
+    e.leftIcon === "arrow" ? (s(), b(i.ArrowLeft, {
+      key: 0,
+      size: 20,
+      "stroke-width": 1.5
+    })) : e.leftIcon === "share" ? (s(), b(i.Share2, {
+      key: 1,
+      size: 20,
+      "stroke-width": 1.5
+    })) : l("v-if", !0),
+    l(" Text Slot "),
+    j(a.$slots, "default", {}, () => [
+      t[0] || (t[0] = S(
+        "Button",
+        -1
+        /* CACHED */
+      ))
+    ]),
+    l(" Right Icon "),
+    e.rightIcon === "arrow" ? (s(), b(i.ArrowRight, {
+      key: 2,
+      size: 20,
+      "stroke-width": 1.5
+    })) : e.rightIcon === "share" ? (s(), b(i.Share2, {
+      key: 3,
+      size: 20,
+      "stroke-width": 1.5
+    })) : e.rightIcon === "dropdown" ? (s(), b(i.ChevronDown, {
+      key: 4,
+      size: 20,
+      "stroke-width": 1.5
+    })) : l("v-if", !0)
+  ], 14, te);
+}
+const At = /* @__PURE__ */ g(ee, [["render", le], ["__file", "/root/app/code/src/components/ButtonComponent.vue"]]), oe = /* @__PURE__ */ C({
+  __name: "CampaignCard",
+  props: {
+    showImage: { type: Boolean, required: !1, default: !0 },
+    imageSrc: { type: String, required: !1, default: "https://api.builder.io/api/v1/image/assets/TEMP/ca9e712d88300796152f9f5b46b62d9c5fbed457?width=630" },
+    imageAlt: { type: String, required: !1, default: "Product image" },
+    imageClasses: { type: String, required: !1, default: "" },
+    showLabels: { type: Boolean, required: !1, default: !0 },
+    label1: { type: String, required: !1, default: "CREATIVE BRIEF" },
+    label2: { type: String, required: !1, default: "NIKE RUNNING" },
+    showMenu: { type: Boolean, required: !1, default: !0 },
+    showContent: { type: Boolean, required: !1, default: !0 },
+    title: { type: String, required: !1, default: "Interactive Ad Formats: Performance Trends" },
+    description: { type: String, required: !1, default: "Interactive Ad Formats: Performance Trends Interactive Ad Formats: Performance Trends" },
+    showFooter: { type: Boolean, required: !1, default: !0 },
+    showMembers: { type: Boolean, required: !1, default: !0 },
+    members: { type: Array, required: !1, default: () => ["DS", "DS", "DS", "DS", "10"] },
+    showAddButton: { type: Boolean, required: !1, default: !0 },
+    cardClasses: { type: String, required: !1, default: "" }
+  },
+  emits: ["menu-click", "add-click"],
+  setup(a, { expose: t }) {
+    t();
+    const i = { props: a };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+}), se = { class: "absolute inset-0" }, ie = ["src", "alt"], ne = { class: "relative flex justify-between items-start w-full" }, re = {
+  key: 0,
+  class: "flex items-center gap-2"
+}, ae = {
+  key: 0,
+  class: "flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium",
+  style: { gap: "10px", "line-height": "24px", "font-size": "10px" }
+}, de = {
+  key: 1,
+  class: "flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium",
+  style: { gap: "10px", "line-height": "24px", "font-size": "10px" }
+}, ce = {
+  style: { width: "18px", height: "18px" },
+  viewBox: "0 0 18 18",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, ue = {
+  key: 1,
+  class: "flex flex-col",
+  style: { padding: "0 16px", gap: "8px", margin: "0" }
+}, fe = {
+  key: 0,
+  class: "text-black",
+  style: { "font-size": "16px", "font-weight": "600", "line-height": "20px" }
+}, he = {
+  key: 1,
+  class: "text-black",
+  style: { "font-size": "12px", "font-weight": "400", "line-height": "18px" }
+}, me = {
+  key: 2,
+  class: "flex items-end",
+  style: { padding: "0 16px", gap: "4px" }
+}, ve = {
+  class: "flex justify-between items-end flex-1",
+  style: { height: "24px" }
+}, ge = {
+  key: 0,
+  class: "flex items-center",
+  style: { gap: "4px" }
+}, pe = {
+  class: "absolute left-0 top-0 flex items-center justify-center text-white",
+  style: { width: "24px", height: "24px", "font-size": "8px", "font-weight": "500", "line-height": "24px", "letter-spacing": "-0.08px" }
+}, xe = {
+  style: { width: "12px", height: "12px" },
+  viewBox: "0 0 12 12",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function we(a, t, e, i, u, v) {
+  return s(), n(
+    "div",
+    {
+      class: _(["flex flex-col bg-white rounded-2xl shadow-card w-full", e.cardClasses]),
+      style: { gap: "16px", padding: "16px 0 24px 0" }
+    },
+    [
+      l(" Card Image Section "),
+      e.showImage ? (s(), n(
+        "div",
+        {
+          key: 0,
+          class: _(["relative flex-shrink-0 overflow-hidden rounded-t-2xl", e.imageClasses]),
+          style: { height: "126px", margin: "-16px 0 0 0", padding: "16px 16px 0 16px", display: "flex", "justify-content": "space-between", "align-items": "flex-start", width: "100%" }
+        },
+        [
+          l(" Background Image "),
+          o("div", se, [
+            o("img", {
+              src: e.imageSrc,
+              alt: e.imageAlt,
+              class: "w-full h-full object-cover"
+            }, null, 8, ie)
+          ]),
+          l(" Card Header Overlay "),
+          o("div", ne, [
+            l(" Labels/Pills "),
+            e.showLabels ? (s(), n("div", re, [
+              e.label1 ? (s(), n(
+                "div",
+                ae,
+                c(e.label1),
+                1
+                /* TEXT */
+              )) : l("v-if", !0),
+              e.label2 ? (s(), n(
+                "div",
+                de,
+                c(e.label2),
+                1
+                /* TEXT */
+              )) : l("v-if", !0)
+            ])) : l("v-if", !0),
+            l(" Menu Button "),
+            e.showMenu ? (s(), n("button", {
+              key: 1,
+              onClick: t[0] || (t[0] = (r) => a.$emit("menu-click")),
+              class: "flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-100 transition-colors",
+              style: { width: "32px", height: "32px" }
+            }, [
+              (s(), n("svg", ce, t[2] || (t[2] = [
+                o(
+                  "path",
+                  {
+                    d: "M9 9.75C9.41421 9.75 9.75 9.41421 9.75 9C9.75 8.58579 9.41421 8.25 9 8.25C8.58579 8.25 8.25 8.58579 8.25 9C8.25 9.41421 8.58579 9.75 9 9.75Z",
+                    stroke: "black",
+                    "stroke-width": "1.5",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                o(
+                  "path",
+                  {
+                    d: "M14.25 9.75C14.6642 9.75 15 9.41421 15 9C15 8.58579 14.6642 8.25 14.25 8.25C13.8358 8.25 13.5 8.58579 13.5 9C13.5 9.41421 13.8358 9.75 14.25 9.75Z",
+                    stroke: "black",
+                    "stroke-width": "1.5",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                o(
+                  "path",
+                  {
+                    d: "M3.75 9.75C4.16421 9.75 4.5 9.41421 4.5 9C4.5 8.58579 4.16421 8.25 3.75 8.25C3.33579 8.25 3 8.58579 3 9C3 9.41421 3.33579 9.75 3.75 9.75Z",
+                    stroke: "black",
+                    "stroke-width": "1.5",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  },
+                  null,
+                  -1
+                  /* CACHED */
+                )
+              ])))
+            ])) : l("v-if", !0)
+          ])
+        ],
+        2
+        /* CLASS */
+      )) : l("v-if", !0),
+      l(" Content Section "),
+      e.showContent ? (s(), n("div", ue, [
+        e.title ? (s(), n(
+          "h3",
+          fe,
+          c(e.title),
+          1
+          /* TEXT */
+        )) : l("v-if", !0),
+        e.description ? (s(), n(
+          "p",
+          he,
+          c(e.description),
+          1
+          /* TEXT */
+        )) : l("v-if", !0)
+      ])) : l("v-if", !0),
+      l(" Footer Section "),
+      e.showFooter ? (s(), n("div", me, [
+        o("div", ve, [
+          l(" Member Avatars "),
+          e.showMembers ? (s(), n("div", ge, [
+            (s(!0), n(
+              p,
+              null,
+              y(e.members, (r, d) => (s(), n("div", {
+                key: d,
+                class: "relative",
+                style: { width: "24px", height: "24px" }
+              }, [
+                t[3] || (t[3] = o(
+                  "svg",
+                  {
+                    class: "absolute left-0 top-0",
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  },
+                  [
+                    o("circle", {
+                      cx: "12",
+                      cy: "12",
+                      r: "12",
+                      fill: "#5D5D5D"
+                    })
+                  ],
+                  -1
+                  /* CACHED */
+                )),
+                o(
+                  "div",
+                  pe,
+                  c(r),
+                  1
+                  /* TEXT */
+                )
+              ]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])) : l("v-if", !0),
+          l(" Add Button "),
+          e.showAddButton ? (s(), n("button", {
+            key: 1,
+            onClick: t[1] || (t[1] = (r) => a.$emit("add-click")),
+            class: "flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-800 transition-colors",
+            style: { width: "32px", height: "32px" }
+          }, [
+            (s(), n("svg", xe, t[4] || (t[4] = [
+              o(
+                "path",
+                {
+                  d: "M5.99961 10.5V1.5",
+                  stroke: "white",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                null,
+                -1
+                /* CACHED */
+              ),
+              o(
+                "path",
+                {
+                  d: "M1.5 5.99961H10.5",
+                  stroke: "white",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                null,
+                -1
+                /* CACHED */
+              )
+            ])))
+          ])) : l("v-if", !0)
+        ])
+      ])) : l("v-if", !0)
+    ],
+    2
+    /* CLASS */
+  );
+}
+const Lt = /* @__PURE__ */ g(oe, [["render", we], ["__file", "/root/app/code/src/components/CampaignCard.vue"]]), be = /* @__PURE__ */ C({
+  __name: "CardComponents",
+  props: {
+    showImage: { type: Boolean, required: !1, default: !0 },
+    imageSrc: { type: String, required: !1, default: "https://api.builder.io/api/v1/image/assets/TEMP/ca9e712d88300796152f9f5b46b62d9c5fbed457?width=630" },
+    imageAlt: { type: String, required: !1, default: "Product image" },
+    imageClasses: { type: String, required: !1, default: "" },
+    showLabels: { type: Boolean, required: !1, default: !0 },
+    label1: { type: String, required: !1, default: "CREATIVE BRIEF" },
+    label2: { type: String, required: !1, default: "NIKE RUNNING" },
+    showMenu: { type: Boolean, required: !1, default: !0 },
+    showContent: { type: Boolean, required: !1, default: !0 },
+    title: { type: String, required: !1, default: "Interactive Ad Formats: Performance Trends" },
+    description: { type: String, required: !1, default: "Interactive Ad Formats: Performance Trends Interactive Ad Formats: Performance Trends" },
+    showFooter: { type: Boolean, required: !1, default: !0 },
+    showMembers: { type: Boolean, required: !1, default: !0 },
+    members: { type: Array, required: !1, default: () => ["DS", "DS", "DS", "DS", "10"] },
+    showAddButton: { type: Boolean, required: !1, default: !0 },
+    cardClasses: { type: String, required: !1, default: "" }
+  },
+  emits: ["menu-click", "add-click"],
+  setup(a, { expose: t }) {
+    t();
+    const i = { props: a };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+}), ye = { class: "absolute inset-0" }, _e = ["src", "alt"], Ce = { class: "relative flex justify-between items-start w-full" }, ke = {
+  key: 0,
+  class: "flex items-center gap-2"
+}, ze = {
+  key: 0,
+  class: "flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium",
+  style: { gap: "10px", "line-height": "24px", "font-size": "10px" }
+}, Me = {
+  key: 1,
+  class: "flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium",
+  style: { gap: "10px", "line-height": "24px", "font-size": "10px" }
+}, Se = {
+  style: { width: "18px", height: "18px" },
+  viewBox: "0 0 18 18",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Ie = {
+  key: 1,
+  class: "flex flex-col",
+  style: { padding: "0 16px", gap: "8px", margin: "0" }
+}, Be = {
+  key: 0,
+  class: "text-black",
+  style: { "font-size": "16px", "font-weight": "600", "line-height": "20px" }
+}, qe = {
+  key: 1,
+  class: "text-black",
+  style: { "font-size": "12px", "font-weight": "400", "line-height": "18px" }
+}, je = {
+  key: 2,
+  class: "flex items-end",
+  style: { padding: "0 16px", gap: "4px" }
+}, He = {
+  class: "flex justify-between items-end flex-1",
+  style: { height: "24px" }
+}, Ae = {
+  key: 0,
+  class: "flex items-center",
+  style: { gap: "4px" }
+}, Le = {
+  class: "absolute left-0 top-0 flex items-center justify-center text-white",
+  style: { width: "24px", height: "24px", "font-size": "8px", "font-weight": "500", "line-height": "24px", "letter-spacing": "-0.08px" }
+}, Ve = {
+  style: { width: "12px", height: "12px" },
+  viewBox: "0 0 12 12",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function De(a, t, e, i, u, v) {
+  return s(), n(
+    "div",
+    {
+      class: _(["flex flex-col bg-white rounded-2xl shadow-card w-full", e.cardClasses]),
+      style: { gap: "16px", padding: "16px 0 24px 0" }
+    },
+    [
+      l(" Card Image Section "),
+      e.showImage ? (s(), n(
+        "div",
+        {
+          key: 0,
+          class: _(["relative flex-shrink-0 overflow-hidden rounded-t-2xl", e.imageClasses]),
+          style: { height: "126px", margin: "-16px 0 0 0", padding: "16px 16px 0 16px", display: "flex", "justify-content": "space-between", "align-items": "flex-start", width: "100%" }
+        },
+        [
+          l(" Background Image "),
+          o("div", ye, [
+            o("img", {
+              src: e.imageSrc,
+              alt: e.imageAlt,
+              class: "w-full h-full object-cover"
+            }, null, 8, _e)
+          ]),
+          l(" Card Header Overlay "),
+          o("div", Ce, [
+            l(" Labels/Pills "),
+            e.showLabels ? (s(), n("div", ke, [
+              e.label1 ? (s(), n(
+                "div",
+                ze,
+                c(e.label1),
+                1
+                /* TEXT */
+              )) : l("v-if", !0),
+              e.label2 ? (s(), n(
+                "div",
+                Me,
+                c(e.label2),
+                1
+                /* TEXT */
+              )) : l("v-if", !0)
+            ])) : l("v-if", !0),
+            l(" Menu Button "),
+            e.showMenu ? (s(), n("button", {
+              key: 1,
+              onClick: t[0] || (t[0] = (r) => a.$emit("menu-click")),
+              class: "flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-100 transition-colors",
+              style: { width: "32px", height: "32px" }
+            }, [
+              (s(), n("svg", Se, t[2] || (t[2] = [
+                o(
+                  "path",
+                  {
+                    d: "M9 9.75C9.41421 9.75 9.75 9.41421 9.75 9C9.75 8.58579 9.41421 8.25 9 8.25C8.58579 8.25 8.25 8.58579 8.25 9C8.25 9.41421 8.58579 9.75 9 9.75Z",
+                    stroke: "#C8C8C8",
+                    "stroke-width": "1.5",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                o(
+                  "path",
+                  {
+                    d: "M14.25 9.75C14.6642 9.75 15 9.41421 15 9C15 8.58579 14.6642 8.25 14.25 8.25C13.8358 8.25 13.5 8.58579 13.5 9C13.5 9.41421 13.8358 9.75 14.25 9.75Z",
+                    stroke: "#C8C8C8",
+                    "stroke-width": "1.5",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                o(
+                  "path",
+                  {
+                    d: "M3.75 9.75C4.16421 9.75 4.5 9.41421 4.5 9C4.5 8.58579 4.16421 8.25 3.75 8.25C3.33579 8.25 3 8.58579 3 9C3 9.41421 3.33579 9.75 3.75 9.75Z",
+                    stroke: "#C8C8C8",
+                    "stroke-width": "1.5",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  },
+                  null,
+                  -1
+                  /* CACHED */
+                )
+              ])))
+            ])) : l("v-if", !0)
+          ])
+        ],
+        2
+        /* CLASS */
+      )) : l("v-if", !0),
+      l(" Content Section "),
+      e.showContent ? (s(), n("div", Ie, [
+        e.title ? (s(), n(
+          "h3",
+          Be,
+          c(e.title),
+          1
+          /* TEXT */
+        )) : l("v-if", !0),
+        e.description ? (s(), n(
+          "p",
+          qe,
+          c(e.description),
+          1
+          /* TEXT */
+        )) : l("v-if", !0)
+      ])) : l("v-if", !0),
+      l(" Footer Section "),
+      e.showFooter ? (s(), n("div", je, [
+        o("div", He, [
+          l(" Member Avatars "),
+          e.showMembers ? (s(), n("div", Ae, [
+            (s(!0), n(
+              p,
+              null,
+              y(e.members, (r, d) => (s(), n("div", {
+                key: d,
+                class: "relative",
+                style: { width: "24px", height: "24px" }
+              }, [
+                t[3] || (t[3] = o(
+                  "svg",
+                  {
+                    class: "absolute left-0 top-0",
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  },
+                  [
+                    o("circle", {
+                      cx: "12",
+                      cy: "12",
+                      r: "12",
+                      fill: "#5D5D5D"
+                    })
+                  ],
+                  -1
+                  /* CACHED */
+                )),
+                o(
+                  "div",
+                  Le,
+                  c(r),
+                  1
+                  /* TEXT */
+                )
+              ]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])) : l("v-if", !0),
+          l(" Add Button "),
+          e.showAddButton ? (s(), n("button", {
+            key: 1,
+            onClick: t[1] || (t[1] = (r) => a.$emit("add-click")),
+            class: "flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-800 transition-colors",
+            style: { width: "32px", height: "32px" }
+          }, [
+            (s(), n("svg", Ve, t[4] || (t[4] = [
+              o(
+                "path",
+                {
+                  d: "M5.99961 10.5V1.5",
+                  stroke: "white",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                null,
+                -1
+                /* CACHED */
+              ),
+              o(
+                "path",
+                {
+                  d: "M1.5 5.99961H10.5",
+                  stroke: "white",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                null,
+                -1
+                /* CACHED */
+              )
+            ])))
+          ])) : l("v-if", !0)
+        ])
+      ])) : l("v-if", !0)
+    ],
+    2
+    /* CLASS */
+  );
+}
+const Vt = /* @__PURE__ */ g(be, [["render", De], ["__file", "/root/app/code/src/components/CardComponents.vue"]]), Te = /* @__PURE__ */ C({
+  __name: "InviteCollaboratorsModalV2",
+  props: {
+    isOpen: { type: Boolean, required: !1, default: !1 },
+    availableUsersList: { type: Array, required: !1, default: () => [] },
+    initialCollaborators: { type: Array, required: !1, default: () => [] }
+  },
+  emits: ["close", "add"],
+  setup(a, { expose: t, emit: e }) {
+    t();
+    const i = a, u = e, v = k(null), r = k(!1), d = k(""), f = k([]), w = k([...i.initialCollaborators]), H = F(() => i.availableUsersList.filter((h) => {
+      const m = !w.value.some((T) => T.email === h.email);
+      if (!d.value) return m;
+      const x = d.value.toLowerCase();
+      return m && (h.name.toLowerCase().includes(x) || h.email.toLowerCase().includes(x));
+    })), A = (h) => f.value.some((m) => m.email === h.email), L = (h) => {
+      const m = f.value.findIndex((x) => x.email === h.email);
+      m > -1 ? f.value.splice(m, 1) : f.value.push(h), d.value = "";
+    }, V = (h) => {
+      const m = f.value.findIndex((x) => x.email === h.email);
+      m > -1 && f.value.splice(m, 1);
+    }, D = (h) => {
+      const m = w.value.findIndex((x) => x.email === h.email);
+      m > -1 && w.value.splice(m, 1);
+    }, I = () => {
+      v.value?.focus();
+    }, B = { props: i, emit: u, hiddenInput: v, showDropdown: r, searchQuery: d, selectedUsers: f, collaborators: w, availableUsers: H, isUserSelected: A, toggleUser: L, removeUser: V, removeCollaborator: D, focusInput: I, toggleDropdown: () => {
+      r.value = !r.value, r.value && I();
+    }, handleBlur: () => {
+      setTimeout(() => {
+        r.value = !1;
+      }, 200);
+    }, closeModal: () => {
+      u("close"), f.value = [], d.value = "", r.value = !1;
+    }, addCollaborators: () => {
+      f.value.length > 0 && (f.value.forEach((h) => {
+        w.value.some((m) => m.email === h.email) || w.value.push(h);
+      }), u("add", f.value, w.value), f.value = [], d.value = "", r.value = !1), u("close");
+    } };
+    return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
+  }
+}), Pe = { class: "bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl" }, Fe = { class: "relative mb-6" }, Ne = { class: "flex flex-wrap gap-2 flex-1" }, Ee = ["onClick"], Ue = {
+  key: 0,
+  class: "absolute top-full left-0 right-0 mt-2 bg-white border border-gray-200 rounded-xl shadow-lg max-h-64 overflow-y-auto z-10"
+}, Ze = ["onMousedown"], Oe = { class: "flex-1" }, Re = { class: "text-sm font-semibold text-black" }, Ge = { class: "text-sm text-gray-600" }, Qe = {
+  key: 0,
+  class: "w-5 h-5 flex items-center justify-center text-black"
+}, Ke = { class: "collaborators-list mb-8 max-h-96 overflow-y-auto" }, We = {
+  class: "font-semibold text-black",
+  style: { "font-size": "14px" }
+}, Ye = {
+  class: "text-black",
+  style: { "font-size": "14px" }
+}, Je = ["onClick"];
+function Xe(a, t, e, i, u, v) {
+  return e.isOpen ? (s(), n("div", {
+    key: 0,
+    class: "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",
+    onClick: z(i.closeModal, ["self"])
+  }, [
+    o("div", Pe, [
+      l(" Header "),
+      t[3] || (t[3] = o(
+        "h2",
+        { class: "text-2xl font-bold text-black mb-8" },
+        "Invite Collaborators",
+        -1
+        /* CACHED */
+      )),
+      l(" Users Label "),
+      t[4] || (t[4] = o(
+        "label",
+        {
+          class: "block font-normal text-gray-500 mb-3",
+          style: { "font-size": "12px" }
+        },
+        "Users",
+        -1
+        /* CACHED */
+      )),
+      l(" Multi-select Input "),
+      o("div", Fe, [
+        o("div", {
+          class: "flex items-center gap-2 w-full px-4 py-2 border border-gray-300 rounded-xl bg-white focus-within:border-gray-400 focus-within:outline-none transition-colors cursor-text min-h-[40px]",
+          onClick: i.focusInput
+        }, [
+          l(" Plus Icon "),
+          o("button", {
+            type: "button",
+            class: "flex-shrink-0 text-gray-800 text-xl font-light",
+            onClick: i.toggleDropdown
+          }, " + "),
+          l(" Selected User Pills "),
+          o("div", Ne, [
+            (s(!0), n(
+              p,
+              null,
+              y(i.selectedUsers, (r) => (s(), n("span", {
+                key: r.email,
+                class: "inline-flex items-center gap-2 px-3 py-1.5 bg-gray-100 rounded-lg text-sm font-normal text-black"
+              }, [
+                S(
+                  c(r.display) + " ",
+                  1
+                  /* TEXT */
+                ),
+                o("button", {
+                  onClick: z((d) => i.removeUser(r), ["stop"]),
+                  class: "text-gray-600 hover:text-black transition-colors"
+                }, " × ", 8, Ee)
+              ]))),
+              128
+              /* KEYED_FRAGMENT */
+            )),
+            l(" Hidden Input for Focus "),
+            N(o(
+              "input",
+              {
+                ref: "hiddenInput",
+                type: "text",
+                class: "flex-1 min-w-[100px] outline-none bg-transparent text-black placeholder-gray-400",
+                placeholder: "",
+                onFocus: t[0] || (t[0] = (r) => i.showDropdown = !0),
+                onBlur: i.handleBlur,
+                "onUpdate:modelValue": t[1] || (t[1] = (r) => i.searchQuery = r)
+              },
+              null,
+              544
+              /* NEED_HYDRATION, NEED_PATCH */
+            ), [
+              [E, i.searchQuery]
+            ])
+          ])
+        ]),
+        l(" Dropdown "),
+        i.showDropdown ? (s(), n("div", Ue, [
+          (s(!0), n(
+            p,
+            null,
+            y(i.availableUsers, (r) => (s(), n("button", {
+              key: r.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: z((d) => i.toggleUser(r), ["prevent"])
+            }, [
+              o("div", Oe, [
+                o(
+                  "div",
+                  Re,
+                  c(r.name),
+                  1
+                  /* TEXT */
+                ),
+                o(
+                  "div",
+                  Ge,
+                  c(r.email),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              i.isUserSelected(r) ? (s(), n("div", Qe, " ✓ ")) : l("v-if", !0)
+            ], 40, Ze))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])) : l("v-if", !0)
+      ]),
+      l(" Collaborators List "),
+      o("div", Ke, [
+        (s(!0), n(
+          p,
+          null,
+          y(i.collaborators, (r) => (s(), n("div", {
+            key: r.email,
+            class: "grid grid-cols-[1fr_1.5fr_auto] gap-4 items-center py-4 border-b border-gray-200"
+          }, [
+            o(
+              "div",
+              We,
+              c(r.name),
+              1
+              /* TEXT */
+            ),
+            o(
+              "div",
+              Ye,
+              c(r.email),
+              1
+              /* TEXT */
+            ),
+            o("button", {
+              onClick: (d) => i.removeCollaborator(r),
+              class: "text-gray-800 hover:text-black transition-colors text-2xl leading-none"
+            }, " × ", 8, Je)
+          ]))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]),
+      l(" Action Buttons "),
+      o("div", { class: "flex gap-4 pt-6" }, [
+        o("button", {
+          onClick: i.closeModal,
+          class: "flex-1 h-8 flex items-center justify-center gap-2 px-4 text-gray-800 rounded-xl hover:bg-gray-50 transition-colors font-medium",
+          style: { "font-size": "12px" }
+        }, t[2] || (t[2] = [
+          o(
+            "svg",
+            {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            },
+            [
+              o("path", {
+                d: "M12 4L4 12M4 4L12 12",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round"
+              })
+            ],
+            -1
+            /* CACHED */
+          ),
+          S(
+            " Cancel ",
+            -1
+            /* CACHED */
+          )
+        ])),
+        o("button", {
+          onClick: i.addCollaborators,
+          class: "flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-800 transition-colors font-medium",
+          style: { "font-size": "12px" }
+        }, " Add Collaborators ")
+      ])
+    ])
+  ])) : l("v-if", !0);
+}
+const Dt = /* @__PURE__ */ g(Te, [["render", Xe], ["__scopeId", "data-v-f6014a35"], ["__file", "/root/app/code/src/components/InviteCollaboratorsModalV2.vue"]]), $e = /* @__PURE__ */ C({
+  __name: "NavigationSidebar",
+  props: {
+    items: { type: Array, required: !1, default: () => [
+      { name: "Dashboard", icon: "dashboard" },
+      { name: "Conversations", icon: "conversations" },
+      { name: "Templates", icon: "templates" }
+    ] },
+    userName: { type: String, required: !1, default: "Geoffrey Thomas" },
+    userVersion: { type: String, required: !1, default: "1.0.0.0" },
+    activeItem: { type: Number, required: !1, default: 0 }
+  },
+  emits: ["item-click"],
+  setup(a, { expose: t, emit: e }) {
+    t();
+    const i = e, r = { emit: i, handleItemClick: (d) => {
+      i("item-click", d);
+    }, getIconColor: (d) => d ? "#C3FF00" : "white", get Home() {
+      return K;
+    }, get MessageSquare() {
+      return Q;
+    }, get ToyBrick() {
+      return G;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+}), et = { class: "sidebar-nav group bg-black flex flex-col justify-between shadow-md" }, tt = { class: "pt-10 px-2 flex flex-col gap-8" }, lt = { class: "flex flex-col gap-4" }, ot = ["onClick"], st = { class: "nav-label text-sm text-gray-300 whitespace-nowrap" }, it = { class: "flex flex-col items-start px-4 pb-8 gap-4" }, nt = { class: "profile-section flex items-center gap-3 w-full" }, rt = { class: "profile-text flex-1 min-w-0" }, at = { class: "text-sm text-white font-medium whitespace-nowrap" }, dt = { class: "text-[10px] text-gray-400 whitespace-nowrap" };
+function ct(a, t, e, i, u, v) {
+  return s(), n(
+    p,
+    null,
+    [
+      l(" Expandable Sidebar Navigation "),
+      o("aside", et, [
+        l(" Top Section "),
+        o("div", tt, [
+          l(" Logo "),
+          t[0] || (t[0] = M('<div class="px-2" data-v-4c3eb68c><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path d="M0 11.8333V0L11.8333 11.8333H0Z" fill="white" data-v-4c3eb68c></path><path d="M11.8333 12.166V23.9994L0 12.166H11.8333Z" fill="white" data-v-4c3eb68c></path><path d="M24 11.8333V0L12.1667 11.8333H24Z" fill="white" data-v-4c3eb68c></path><path d="M12.1665 12.166H23.9998L12.1665 23.9994V12.166Z" fill="white" data-v-4c3eb68c></path></svg></div>', 1)),
+          l(" Navigation Items "),
+          o("div", lt, [
+            (s(!0), n(
+              p,
+              null,
+              y(e.items, (r, d) => (s(), n("div", {
+                key: d,
+                onClick: (f) => i.handleItemClick(d),
+                class: _(["nav-item flex items-center gap-[18px] px-2.5 py-2 rounded-lg cursor-pointer transition-colors duration-200", e.activeItem === d ? "bg-[#232323]" : "hover:bg-[#232323]"])
+              }, [
+                l(" Dashboard Icon "),
+                r.icon === "dashboard" ? (s(), b(i.Home, {
+                  key: 0,
+                  class: "flex-shrink-0",
+                  size: 20,
+                  "stroke-width": 1.5,
+                  color: i.getIconColor(e.activeItem === d)
+                }, null, 8, ["color"])) : r.icon === "conversations" ? (s(), n(
+                  p,
+                  { key: 1 },
+                  [
+                    l(" Conversations Icon "),
+                    q(i.MessageSquare, {
+                      class: "flex-shrink-0",
+                      size: 20,
+                      "stroke-width": 1.5,
+                      color: i.getIconColor(e.activeItem === d)
+                    }, null, 8, ["color"])
+                  ],
+                  2112
+                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                )) : r.icon === "templates" ? (s(), n(
+                  p,
+                  { key: 2 },
+                  [
+                    l(" Templates Icon "),
+                    q(i.ToyBrick, {
+                      class: "flex-shrink-0",
+                      size: 20,
+                      "stroke-width": 1.5,
+                      color: i.getIconColor(e.activeItem === d)
+                    }, null, 8, ["color"])
+                  ],
+                  2112
+                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                )) : l("v-if", !0),
+                o(
+                  "span",
+                  st,
+                  c(r.name),
+                  1
+                  /* TEXT */
+                )
+              ], 10, ot))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ]),
+        l(" Bottom Section - Profile "),
+        o("div", it, [
+          l(" User Profile "),
+          o("div", nt, [
+            t[1] || (t[1] = M('<div class="relative flex-shrink-0" data-v-4c3eb68c><svg width="32" height="32" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><circle cx="20" cy="20" r="20" fill="#5D5D5D" data-v-4c3eb68c></circle></svg><svg class="absolute top-2 left-2" width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path d="M15.8332 17.5V15.8333C15.8332 14.9493 15.482 14.1014 14.8569 13.4763C14.2317 12.8512 13.3839 12.5 12.4998 12.5H7.49984C6.61578 12.5 5.76794 12.8512 5.14281 13.4763C4.51769 14.1014 4.1665 14.9493 4.1665 15.8333V17.5M13.3332 5.83333C13.3332 7.67428 11.8408 9.16667 9.99984 9.16667C8.15889 9.16667 6.6665 7.67428 6.6665 5.83333C6.6665 3.99238 8.15889 2.5 9.99984 2.5C11.8408 2.5 13.3332 3.99238 13.3332 5.83333Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-4c3eb68c></path></svg></div>', 1)),
+            o("div", rt, [
+              o(
+                "div",
+                at,
+                c(e.userName),
+                1
+                /* TEXT */
+              ),
+              o(
+                "div",
+                dt,
+                c(e.userVersion),
+                1
+                /* TEXT */
+              )
+            ]),
+            t[2] || (t[2] = M('<button class="profile-menu flex-shrink-0" data-v-4c3eb68c><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0007 1.66797C10.4427 1.66797 10.8666 1.84356 11.1792 2.15612C11.4917 2.46868 11.6673 2.89261 11.6673 3.33464C11.6673 3.77666 11.4917 4.20059 11.1792 4.51315C10.8666 4.82571 10.4427 5.0013 10.0007 5.0013C9.55862 5.0013 9.1347 4.82571 8.82214 4.51315C8.50958 4.20059 8.33398 3.77666 8.33398 3.33464C8.33398 2.89261 8.50958 2.46868 8.82214 2.15612C9.1347 1.84356 9.55862 1.66797 10.0007 1.66797Z" fill="white" data-v-4c3eb68c></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0007 8.33203C10.4427 8.33203 10.8666 8.50763 11.1792 8.82019C11.4917 9.13275 11.6673 9.55667 11.6673 9.9987C11.6673 10.4407 11.4917 10.8646 11.1792 11.1772C10.8666 11.4898 10.4427 11.6654 10.0007 11.6654C9.55862 11.6654 9.1347 11.4898 8.82214 11.1772C8.50958 10.8646 8.33398 10.4407 8.33398 9.9987C8.33398 9.55667 8.50958 9.13275 8.82214 8.82019C9.1347 8.50763 9.55862 8.33203 10.0007 8.33203Z" fill="white" data-v-4c3eb68c></path><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99967 15C10.4417 15 10.8656 15.1756 11.1782 15.4882C11.4907 15.8007 11.6663 16.2246 11.6663 16.6667C11.6663 17.1087 11.4907 17.5326 11.1782 17.8452C10.8656 18.1577 10.4417 18.3333 9.99967 18.3333C9.55765 18.3333 9.13372 18.1577 8.82116 17.8452C8.5086 17.5326 8.33301 17.1087 8.33301 16.6667C8.33301 16.2246 8.5086 15.8007 8.82116 15.4882C9.13372 15.1756 9.55765 15 9.99967 15Z" fill="white" data-v-4c3eb68c></path></svg></button>', 1))
+          ])
+        ])
+      ])
+    ],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+const Tt = /* @__PURE__ */ g($e, [["render", ct], ["__scopeId", "data-v-4c3eb68c"], ["__file", "/root/app/code/src/components/NavigationSidebar.vue"]]), ut = {}, ft = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  fill: "currentColor"
+};
+function ht(a, t) {
+  return s(), n("svg", ft, t[0] || (t[0] = [
+    o(
+      "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" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ]));
+}
+const Pt = /* @__PURE__ */ g(ut, [["render", ht], ["__file", "/root/app/code/src/components/icons/IconCommunity.vue"]]), mt = {}, vt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "17",
+  fill: "currentColor"
+};
+function gt(a, t) {
+  return s(), n("svg", vt, t[0] || (t[0] = [
+    o(
+      "path",
+      { d: "M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ]));
+}
+const Ft = /* @__PURE__ */ g(mt, [["render", gt], ["__file", "/root/app/code/src/components/icons/IconDocumentation.vue"]]), pt = {}, xt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "18",
+  height: "20",
+  fill: "currentColor"
+};
+function wt(a, t) {
+  return s(), n("svg", xt, t[0] || (t[0] = [
+    o(
+      "path",
+      { d: "M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ]));
+}
+const Nt = /* @__PURE__ */ g(pt, [["render", wt], ["__file", "/root/app/code/src/components/icons/IconEcosystem.vue"]]), bt = {}, yt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  fill: "currentColor"
+};
+function _t(a, t) {
+  return s(), n("svg", yt, t[0] || (t[0] = [
+    o(
+      "path",
+      { d: "M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ]));
+}
+const Et = /* @__PURE__ */ g(bt, [["render", _t], ["__file", "/root/app/code/src/components/icons/IconSupport.vue"]]), Ct = {}, kt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  "aria-hidden": "true",
+  role: "img",
+  class: "iconify iconify--mdi",
+  width: "24",
+  height: "24",
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24"
+};
+function zt(a, t) {
+  return s(), n("svg", kt, t[0] || (t[0] = [
+    o(
+      "path",
+      {
+        d: "M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z",
+        fill: "currentColor"
+      },
+      null,
+      -1
+      /* CACHED */
+    )
+  ]));
+}
+const Ut = /* @__PURE__ */ g(Ct, [["render", zt], ["__file", "/root/app/code/src/components/icons/IconTooling.vue"]]);
+export {
+  Ht as BaseModal,
+  At as ButtonComponent,
+  Lt as CampaignCard,
+  Vt as CardComponents,
+  Pt as IconCommunity,
+  Ft as IconDocumentation,
+  Nt as IconEcosystem,
+  Et as IconSupport,
+  Ut as IconTooling,
+  Dt as InviteCollaboratorsModalV2,
+  Tt as NavigationSidebar
+};
+//# sourceMappingURL=fusion-component-library.es.js.map