veylan-component-library 1.3.0 → 1.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/fusion-component-library.es.js +111 -109
  2. package/dist/fusion-component-library.es.js.map +1 -1
  3. package/dist/fusion-component-library.umd.js +1 -1
  4. package/dist/fusion-component-library.umd.js.map +1 -1
  5. package/dist/veylan-component-library.css +1 -1
  6. package/package.json +1 -1
  7. package/tailwind.config.js +12 -12
package/dist/fusion-component-library.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as w, createElementBlock as r, createCommentVNode as s, openBlock as a, withModifiers as B, createElementVNode as e, renderSlot as q, toDisplayString as u, normalizeStyle as N, normalizeClass as z, createBlock as k, createTextVNode as c, Fragment as y, renderList as C, createVNode as M, createStaticVNode as v, ref as S, computed as V, withDirectives as E, vModelText as P } from "vue";
1
+ import { defineComponent as w, createElementBlock as r, createCommentVNode as s, openBlock as a, withModifiers as B, createElementVNode as e, renderSlot as F, toDisplayString as u, normalizeStyle as N, normalizeClass as _, createBlock as C, createTextVNode as c, Fragment as b, renderList as z, createVNode as M, createStaticVNode as v, ref as S, computed as V, withDirectives as E, vModelText as P } from "vue";
2
2
  import { ChevronDown as U, Share2 as G, ArrowRight as O, ArrowLeft as W, MoreHorizontal as R, ToyBrick as Z, MessageSquare as $, Home as Q } from "lucide-vue-next";
3
3
  const K = /* @__PURE__ */ w({
4
4
  __name: "BaseModal",
@@ -45,7 +45,7 @@ function ee(n, t, l, o, x, f) {
45
45
  /* TEXT */
46
46
  ),
47
47
  s(" Content Slot "),
48
- q(n.$slots, "default"),
48
+ F(n.$slots, "default"),
49
49
  s(" Action Buttons "),
50
50
  e("div", X, [
51
51
  e(
@@ -74,7 +74,7 @@ function ee(n, t, l, o, x, f) {
74
74
  ])
75
75
  ])) : s("v-if", !0);
76
76
  }
77
- const Nt = /* @__PURE__ */ h(K, [["render", ee], ["__file", "/root/app/code/src/components/BaseModal.vue"]]), te = /* @__PURE__ */ w({
77
+ const jt = /* @__PURE__ */ h(K, [["render", ee], ["__file", "/root/app/code/src/components/BaseModal.vue"]]), te = /* @__PURE__ */ w({
78
78
  __name: "ButtonComponent",
79
79
  props: {
80
80
  variant: { type: String, required: !1, default: "primary" },
@@ -103,7 +103,7 @@ function se(n, t, l, o, x, f) {
103
103
  return a(), r("button", {
104
104
  onClick: o.handleClick,
105
105
  disabled: l.disabled || l.variant === "disabled",
106
- class: z([
106
+ class: _([
107
107
  "flex items-center justify-center gap-3 h-8 rounded-lg font-medium text-sm transition-all duration-200",
108
108
  {
109
109
  "bg-black text-white hover:bg-gray-600": l.variant === "primary" && !l.disabled,
@@ -120,17 +120,17 @@ function se(n, t, l, o, x, f) {
120
120
  })
121
121
  }, [
122
122
  s(" Left Icon "),
123
- l.leftIcon === "arrow" ? (a(), k(o.ArrowLeft, {
123
+ l.leftIcon === "arrow" ? (a(), C(o.ArrowLeft, {
124
124
  key: 0,
125
125
  size: 20,
126
126
  "stroke-width": 1.5
127
- })) : l.leftIcon === "share" ? (a(), k(o.Share2, {
127
+ })) : l.leftIcon === "share" ? (a(), C(o.Share2, {
128
128
  key: 1,
129
129
  size: 20,
130
130
  "stroke-width": 1.5
131
131
  })) : s("v-if", !0),
132
132
  s(" Text Slot "),
133
- q(n.$slots, "default", {}, () => [
133
+ F(n.$slots, "default", {}, () => [
134
134
  t[0] || (t[0] = c(
135
135
  "Button",
136
136
  -1
@@ -138,22 +138,22 @@ function se(n, t, l, o, x, f) {
138
138
  ))
139
139
  ]),
140
140
  s(" Right Icon "),
141
- l.rightIcon === "arrow" ? (a(), k(o.ArrowRight, {
141
+ l.rightIcon === "arrow" ? (a(), C(o.ArrowRight, {
142
142
  key: 2,
143
143
  size: 20,
144
144
  "stroke-width": 1.5
145
- })) : l.rightIcon === "share" ? (a(), k(o.Share2, {
145
+ })) : l.rightIcon === "share" ? (a(), C(o.Share2, {
146
146
  key: 3,
147
147
  size: 20,
148
148
  "stroke-width": 1.5
149
- })) : l.rightIcon === "dropdown" ? (a(), k(o.ChevronDown, {
149
+ })) : l.rightIcon === "dropdown" ? (a(), C(o.ChevronDown, {
150
150
  key: 4,
151
151
  size: 20,
152
152
  "stroke-width": 1.5
153
153
  })) : s("v-if", !0)
154
154
  ], 14, le);
155
155
  }
156
- const Vt = /* @__PURE__ */ h(te, [["render", se], ["__file", "/root/app/code/src/components/ButtonComponent.vue"]]), oe = /* @__PURE__ */ w({
156
+ const Nt = /* @__PURE__ */ h(te, [["render", se], ["__file", "/root/app/code/src/components/ButtonComponent.vue"]]), oe = /* @__PURE__ */ w({
157
157
  __name: "CampaignCard",
158
158
  props: {
159
159
  showImage: { type: Boolean, required: !1, default: !0 },
@@ -221,17 +221,17 @@ const Vt = /* @__PURE__ */ h(te, [["render", se], ["__file", "/root/app/code/src
221
221
  }, ve = {
222
222
  class: "absolute left-0 top-0 flex items-center justify-center text-white",
223
223
  style: { width: "24px", height: "24px", "font-size": "8px", "font-weight": "500", "line-height": "24px", "letter-spacing": "-0.08px" }
224
- }, ye = {
224
+ }, be = {
225
225
  style: { width: "12px", height: "12px" },
226
226
  viewBox: "0 0 12 12",
227
227
  fill: "none",
228
228
  xmlns: "http://www.w3.org/2000/svg"
229
229
  };
230
- function be(n, t, l, o, x, f) {
230
+ function ye(n, t, l, o, x, f) {
231
231
  return a(), r(
232
232
  "div",
233
233
  {
234
- class: z(["flex flex-col bg-white rounded-2xl shadow-card w-full", l.cardClasses]),
234
+ class: _(["flex flex-col bg-white rounded-2xl shadow-card w-full", l.cardClasses]),
235
235
  style: { gap: "16px", padding: "16px 0 24px 0" }
236
236
  },
237
237
  [
@@ -240,7 +240,7 @@ function be(n, t, l, o, x, f) {
240
240
  "div",
241
241
  {
242
242
  key: 0,
243
- class: z(["relative flex-shrink-0 overflow-hidden rounded-t-2xl", l.imageClasses]),
243
+ class: _(["relative flex-shrink-0 overflow-hidden rounded-t-2xl", l.imageClasses]),
244
244
  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%" }
245
245
  },
246
246
  [
@@ -348,9 +348,9 @@ function be(n, t, l, o, x, f) {
348
348
  s(" Member Avatars "),
349
349
  l.showMembers ? (a(), r("div", he, [
350
350
  (a(!0), r(
351
- y,
351
+ b,
352
352
  null,
353
- C(l.members, (i, d) => (a(), r("div", {
353
+ z(l.members, (i, d) => (a(), r("div", {
354
354
  key: d,
355
355
  class: "relative",
356
356
  style: { width: "24px", height: "24px" }
@@ -395,7 +395,7 @@ function be(n, t, l, o, x, f) {
395
395
  class: "flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-600 transition-colors",
396
396
  style: { width: "32px", height: "32px" }
397
397
  }, [
398
- (a(), r("svg", ye, t[4] || (t[4] = [
398
+ (a(), r("svg", be, t[4] || (t[4] = [
399
399
  e(
400
400
  "path",
401
401
  {
@@ -431,7 +431,7 @@ function be(n, t, l, o, x, f) {
431
431
  /* CLASS */
432
432
  );
433
433
  }
434
- const Et = /* @__PURE__ */ h(oe, [["render", be], ["__file", "/root/app/code/src/components/CampaignCard.vue"]]), we = /* @__PURE__ */ w({
434
+ const Vt = /* @__PURE__ */ h(oe, [["render", ye], ["__file", "/root/app/code/src/components/CampaignCard.vue"]]), we = /* @__PURE__ */ w({
435
435
  __name: "CardComponents",
436
436
  props: {
437
437
  showImage: { type: Boolean, required: !1, default: !0 },
@@ -459,7 +459,7 @@ const Et = /* @__PURE__ */ h(oe, [["render", be], ["__file", "/root/app/code/src
459
459
  } };
460
460
  return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
461
461
  }
462
- }), _e = { class: "absolute inset-0" }, ke = ["src", "alt"], Ce = { class: "relative flex justify-between items-start w-full" }, ze = {
462
+ }), ke = { class: "absolute inset-0" }, _e = ["src", "alt"], Ce = { class: "relative flex justify-between items-start w-full" }, ze = {
463
463
  key: 0,
464
464
  class: "flex items-center gap-2"
465
465
  }, Se = {
@@ -478,11 +478,11 @@ const Et = /* @__PURE__ */ h(oe, [["render", be], ["__file", "/root/app/code/src
478
478
  key: 0,
479
479
  class: "text-black",
480
480
  style: { "font-size": "16px", "font-weight": "600", "line-height": "20px" }
481
- }, De = {
481
+ }, qe = {
482
482
  key: 1,
483
483
  class: "text-black",
484
484
  style: { "font-size": "12px", "font-weight": "400", "line-height": "18px" }
485
- }, qe = {
485
+ }, Fe = {
486
486
  key: 2,
487
487
  class: "flex items-end mt-auto",
488
488
  style: { padding: "0 16px", gap: "4px" }
@@ -496,7 +496,7 @@ const Et = /* @__PURE__ */ h(oe, [["render", be], ["__file", "/root/app/code/src
496
496
  }, Ae = {
497
497
  class: "absolute left-0 top-0 flex items-center justify-center text-white",
498
498
  style: { width: "24px", height: "24px", "font-size": "8px", "font-weight": "500", "line-height": "24px", "letter-spacing": "-0.08px" }
499
- }, Fe = {
499
+ }, De = {
500
500
  style: { width: "12px", height: "12px" },
501
501
  viewBox: "0 0 12 12",
502
502
  fill: "none",
@@ -506,7 +506,7 @@ function Te(n, t, l, o, x, f) {
506
506
  return a(), r(
507
507
  "div",
508
508
  {
509
- class: z(["flex flex-col bg-white rounded-2xl shadow-card w-full", l.cardClasses]),
509
+ class: _(["flex flex-col bg-white rounded-2xl shadow-card w-full", l.cardClasses]),
510
510
  style: { gap: "16px", padding: "16px 0 24px 0" }
511
511
  },
512
512
  [
@@ -515,17 +515,17 @@ function Te(n, t, l, o, x, f) {
515
515
  "div",
516
516
  {
517
517
  key: 0,
518
- class: z(["relative flex-shrink-0 overflow-hidden rounded-t-2xl", l.imageClasses]),
518
+ class: _(["relative flex-shrink-0 overflow-hidden rounded-t-2xl", l.imageClasses]),
519
519
  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%" }
520
520
  },
521
521
  [
522
522
  s(" Background Image "),
523
- e("div", _e, [
523
+ e("div", ke, [
524
524
  e("img", {
525
525
  src: l.imageSrc,
526
526
  alt: l.imageAlt,
527
527
  class: "w-full h-full object-cover"
528
- }, null, 8, ke)
528
+ }, null, 8, _e)
529
529
  ]),
530
530
  s(" Card Header Overlay "),
531
531
  e("div", Ce, [
@@ -575,21 +575,21 @@ function Te(n, t, l, o, x, f) {
575
575
  )) : s("v-if", !0),
576
576
  l.description ? (a(), r(
577
577
  "p",
578
- De,
578
+ qe,
579
579
  u(l.description),
580
580
  1
581
581
  /* TEXT */
582
582
  )) : s("v-if", !0)
583
583
  ])) : s("v-if", !0),
584
584
  s(" Footer Section "),
585
- l.showFooter ? (a(), r("div", qe, [
585
+ l.showFooter ? (a(), r("div", Fe, [
586
586
  e("div", Le, [
587
587
  s(" Member Avatars "),
588
588
  l.showMembers ? (a(), r("div", He, [
589
589
  (a(!0), r(
590
- y,
590
+ b,
591
591
  null,
592
- C(l.members, (i, d) => (a(), r("div", {
592
+ z(l.members, (i, d) => (a(), r("div", {
593
593
  key: d,
594
594
  class: "relative",
595
595
  style: { width: "24px", height: "24px" }
@@ -634,7 +634,7 @@ function Te(n, t, l, o, x, f) {
634
634
  class: "flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-600 transition-colors",
635
635
  style: { width: "24px", height: "24px" }
636
636
  }, [
637
- (a(), r("svg", Fe, t[3] || (t[3] = [
637
+ (a(), r("svg", De, t[3] || (t[3] = [
638
638
  e(
639
639
  "path",
640
640
  {
@@ -670,7 +670,7 @@ function Te(n, t, l, o, x, f) {
670
670
  /* CLASS */
671
671
  );
672
672
  }
673
- const Pt = /* @__PURE__ */ h(we, [["render", Te], ["__file", "/root/app/code/src/components/CardComponents.vue"]]), je = /* @__PURE__ */ w({
673
+ const Et = /* @__PURE__ */ h(we, [["render", Te], ["__file", "/root/app/code/src/components/CardComponents.vue"]]), je = /* @__PURE__ */ w({
674
674
  __name: "ColorStyles",
675
675
  setup(n, { expose: t }) {
676
676
  t();
@@ -681,20 +681,20 @@ const Pt = /* @__PURE__ */ h(we, [["render", Te], ["__file", "/root/app/code/src
681
681
  function Ve(n, t, l, o, x, f) {
682
682
  return a(), r("div", Ne, [
683
683
  s(" Semantic Colors "),
684
- t[0] || (t[0] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Color Styles - Semantic</h3><div class="grid grid-cols-2 md:grid-cols-4 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-information"></div><p class="text-xs font-medium">Information</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-information</code><code class="text-xs text-gray-600">#00DADA</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-success"></div><p class="text-xs font-medium">Success</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-success</code><code class="text-xs text-gray-600">#A2DA00</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-warning"></div><p class="text-xs font-medium">Warning</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-warning</code><code class="text-xs text-gray-600">#FFD700</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-error"></div><p class="text-xs font-medium">Error</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-error</code><code class="text-xs text-gray-600">#FF6B35</code></div></div></div>', 1)),
684
+ t[0] || (t[0] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Color Styles - Semantic</h3><div class="grid grid-cols-2 md:grid-cols-4 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-information"></div><p class="text-xs font-medium text-black">Information</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-information</code><code class="text-xs text-gray-600">#00DADA</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-success"></div><p class="text-xs font-medium text-black">Success</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-success</code><code class="text-xs text-gray-600">#C3FF00</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-warning"></div><p class="text-xs font-medium text-black">Warning</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-warning</code><code class="text-xs text-gray-600">#FFD700</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-error"></div><p class="text-xs font-medium text-black">Error</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-error</code><code class="text-xs text-gray-600">#FF6B35</code></div></div></div>', 1)),
685
685
  s(" Base Colors "),
686
- t[1] || (t[1] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Base Colors</h3><div class="grid grid-cols-2 md:grid-cols-4 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-white border border-gray-200"></div><p class="text-xs font-medium">White</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-white</code><code class="text-xs text-gray-600">#FFFFFF</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-black"></div><p class="text-xs font-medium">Black</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-black</code><code class="text-xs text-gray-600">#000000</code></div></div></div>', 1)),
686
+ t[1] || (t[1] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Base Colors</h3><div class="grid grid-cols-2 md:grid-cols-4 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-white border border-gray-200"></div><p class="text-xs font-medium text-black">White</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-white</code><code class="text-xs text-gray-600">#FFFFFF</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-black"></div><p class="text-xs font-medium text-black">Black</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-black</code><code class="text-xs text-gray-600">#000000</code></div></div></div>', 1)),
687
687
  s(" Gray Scale "),
688
- t[2] || (t[2] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Gray Scale</h3><div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-7 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-600"></div><p class="text-xs font-medium">Gray 600</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-600</code><code class="text-xs text-gray-600">#2D2D2D</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-500"></div><p class="text-xs font-medium">Gray 500</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-500</code><code class="text-xs text-gray-600">#3D3D3D</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-400"></div><p class="text-xs font-medium">Gray 400</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-400</code><code class="text-xs text-gray-600">#5D5D5D</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-300"></div><p class="text-xs font-medium">Gray 300</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-300</code><code class="text-xs text-gray-600">#7D7D7D</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-200"></div><p class="text-xs font-medium">Gray 200</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-200</code><code class="text-xs text-gray-600">#9D9D9D</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-100"></div><p class="text-xs font-medium">Gray 100</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-100</code><code class="text-xs text-gray-600">#BDBDBD</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-50 border border-gray-200"></div><p class="text-xs font-medium">Gray 50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-50</code><code class="text-xs text-gray-600">#DDDDDD</code></div></div></div>', 1)),
688
+ t[2] || (t[2] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Gray Scale</h3><div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-7 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-600"></div><p class="text-xs font-medium text-black">Gray 600</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-600</code><code class="text-xs text-gray-600">#303030</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-500"></div><p class="text-xs font-medium text-black">Gray 500</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-500</code><code class="text-xs text-gray-600">#454545</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-400"></div><p class="text-xs font-medium text-black">Gray 400</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-400</code><code class="text-xs text-gray-600">#5D5D5D</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-300"></div><p class="text-xs font-medium text-black">Gray 300</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-300</code><code class="text-xs text-gray-600">#8F8F8F</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-200"></div><p class="text-xs font-medium text-black">Gray 200</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-200</code><code class="text-xs text-gray-600">#C8C8C8</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-100"></div><p class="text-xs font-medium text-black">Gray 100</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-100</code><code class="text-xs text-gray-600">#E8E8E8</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-50 border border-gray-200"></div><p class="text-xs font-medium text-black">Gray 50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-50</code><code class="text-xs text-gray-600">#F6F6F6</code></div></div></div>', 1)),
689
689
  s(" Eletric Green Palette "),
690
- t[3] || (t[3] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Eletric Green</h3><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green-50"></div><p class="text-xs font-medium">Eletric Green 50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green-50</code><code class="text-xs text-gray-600">#DFF5A0</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green"></div><p class="text-xs font-medium">Eletric Green</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green</code><code class="text-xs text-gray-600">#A2DA00</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green--25"></div><p class="text-xs font-medium">Eletric Green -25</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green--25</code><code class="text-xs text-gray-600">#85BA00</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green--50"></div><p class="text-xs font-medium">Eletric Green -50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green--50</code><code class="text-xs text-gray-600">#6A9A00</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green--75"></div><p class="text-xs font-medium">Eletric Green -75</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green--75</code><code class="text-xs text-gray-600">#527A00</code></div></div></div>', 1)),
690
+ t[3] || (t[3] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Eletric Green</h3><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green-50"></div><p class="text-xs font-medium text-black">Eletric Green 50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green-50</code><code class="text-xs text-gray-600">#ECFFAC</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green"></div><p class="text-xs font-medium text-black">Eletric Green</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green</code><code class="text-xs text-gray-600">#C3FF00</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green--25"></div><p class="text-xs font-medium text-black">Eletric Green -25</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green--25</code><code class="text-xs text-gray-600">#8CB700</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green--50"></div><p class="text-xs font-medium text-black">Eletric Green -50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green--50</code><code class="text-xs text-gray-600">#638100</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green--75"></div><p class="text-xs font-medium text-black">Eletric Green -75</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green--75</code><code class="text-xs text-gray-600">#354500</code></div></div></div>', 1)),
691
691
  s(" Eletric Blue Palette "),
692
- t[4] || (t[4] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Eletric Blue</h3><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue-50"></div><p class="text-xs font-medium">Eletric Blue 50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue-50</code><code class="text-xs text-gray-600">#A0F5F5</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue"></div><p class="text-xs font-medium">Eletric Blue</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue</code><code class="text-xs text-gray-600">#00DADA</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue--25"></div><p class="text-xs font-medium">Eletric Blue -25</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue--25</code><code class="text-xs text-gray-600">#00BABA</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue--50"></div><p class="text-xs font-medium">Eletric Blue -50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue--50</code><code class="text-xs text-gray-600">#009A9A</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue--75"></div><p class="text-xs font-medium">Eletric Blue -75</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue--75</code><code class="text-xs text-gray-600">#007A7A</code></div></div></div>', 1)),
692
+ t[4] || (t[4] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Eletric Blue</h3><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue-50"></div><p class="text-xs font-medium text-black">Eletric Blue 50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue-50</code><code class="text-xs text-gray-600">#A0F5F5</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue"></div><p class="text-xs font-medium text-black">Eletric Blue</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue</code><code class="text-xs text-gray-600">#00DADA</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue--25"></div><p class="text-xs font-medium text-black">Eletric Blue -25</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue--25</code><code class="text-xs text-gray-600">#00BABA</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue--50"></div><p class="text-xs font-medium text-black">Eletric Blue -50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue--50</code><code class="text-xs text-gray-600">#009A9A</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue--75"></div><p class="text-xs font-medium text-black">Eletric Blue -75</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue--75</code><code class="text-xs text-gray-600">#007A7A</code></div></div></div>', 1)),
693
693
  s(" Usage Examples "),
694
694
  t[5] || (t[5] = v('<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))
695
695
  ]);
696
696
  }
697
- const Ut = /* @__PURE__ */ h(je, [["render", Ve], ["__file", "/root/app/code/src/components/ColorStyles.vue"]]), Ee = /* @__PURE__ */ w({
697
+ const Pt = /* @__PURE__ */ h(je, [["render", Ve], ["__file", "/root/app/code/src/components/ColorStyles.vue"]]), Ee = /* @__PURE__ */ w({
698
698
  __name: "InviteCollaboratorsModalV2",
699
699
  props: {
700
700
  isOpen: { type: Boolean, required: !1, default: !1 },
@@ -704,23 +704,23 @@ const Ut = /* @__PURE__ */ h(je, [["render", Ve], ["__file", "/root/app/code/src
704
704
  emits: ["close", "add"],
705
705
  setup(n, { expose: t, emit: l }) {
706
706
  t();
707
- const o = n, x = l, f = S(null), i = S(!1), d = S(""), g = S([]), _ = S([...o.initialCollaborators]), L = V(() => o.availableUsersList.filter((p) => {
708
- const m = !_.value.some((j) => j.email === p.email);
707
+ const o = n, x = l, f = S(null), i = S(!1), d = S(""), g = S([]), k = S([...o.initialCollaborators]), L = V(() => o.availableUsersList.filter((p) => {
708
+ const m = !k.value.some((j) => j.email === p.email);
709
709
  if (!d.value) return m;
710
- const b = d.value.toLowerCase();
711
- return m && (p.name.toLowerCase().includes(b) || p.email.toLowerCase().includes(b));
710
+ const y = d.value.toLowerCase();
711
+ return m && (p.name.toLowerCase().includes(y) || p.email.toLowerCase().includes(y));
712
712
  })), H = (p) => g.value.some((m) => m.email === p.email), A = (p) => {
713
- const m = g.value.findIndex((b) => b.email === p.email);
713
+ const m = g.value.findIndex((y) => y.email === p.email);
714
714
  m > -1 ? g.value.splice(m, 1) : g.value.push(p), d.value = "";
715
- }, F = (p) => {
716
- const m = g.value.findIndex((b) => b.email === p.email);
715
+ }, D = (p) => {
716
+ const m = g.value.findIndex((y) => y.email === p.email);
717
717
  m > -1 && g.value.splice(m, 1);
718
718
  }, T = (p) => {
719
- const m = _.value.findIndex((b) => b.email === p.email);
720
- m > -1 && _.value.splice(m, 1);
719
+ const m = k.value.findIndex((y) => y.email === p.email);
720
+ m > -1 && k.value.splice(m, 1);
721
721
  }, I = () => {
722
722
  f.value?.focus();
723
- }, D = { props: o, emit: x, hiddenInput: f, showDropdown: i, searchQuery: d, selectedUsers: g, collaborators: _, availableUsers: L, isUserSelected: H, toggleUser: A, removeUser: F, removeCollaborator: T, focusInput: I, toggleDropdown: () => {
723
+ }, q = { props: o, emit: x, hiddenInput: f, showDropdown: i, searchQuery: d, selectedUsers: g, collaborators: k, availableUsers: L, isUserSelected: H, toggleUser: A, removeUser: D, removeCollaborator: T, focusInput: I, toggleDropdown: () => {
724
724
  i.value = !i.value, i.value && I();
725
725
  }, handleBlur: () => {
726
726
  setTimeout(() => {
@@ -730,10 +730,10 @@ const Ut = /* @__PURE__ */ h(je, [["render", Ve], ["__file", "/root/app/code/src
730
730
  x("close"), g.value = [], d.value = "", i.value = !1;
731
731
  }, addCollaborators: () => {
732
732
  g.value.length > 0 && (g.value.forEach((p) => {
733
- _.value.some((m) => m.email === p.email) || _.value.push(p);
734
- }), x("add", g.value, _.value), g.value = [], d.value = "", i.value = !1), x("close");
733
+ k.value.some((m) => m.email === p.email) || k.value.push(p);
734
+ }), x("add", g.value, k.value), g.value = [], d.value = "", i.value = !1), x("close");
735
735
  } };
736
- return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
736
+ return Object.defineProperty(q, "__isScriptSetup", { enumerable: !1, value: !0 }), q;
737
737
  }
738
738
  }), Pe = { class: "bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl" }, Ue = { class: "relative mb-6" }, Ge = { class: "flex flex-wrap gap-2 flex-1" }, Oe = ["onClick"], We = {
739
739
  key: 0,
@@ -789,9 +789,9 @@ function tt(n, t, l, o, x, f) {
789
789
  s(" Selected User Pills "),
790
790
  e("div", Ge, [
791
791
  (a(!0), r(
792
- y,
792
+ b,
793
793
  null,
794
- C(o.selectedUsers, (i) => (a(), r("span", {
794
+ z(o.selectedUsers, (i) => (a(), r("span", {
795
795
  key: i.email,
796
796
  class: "inline-flex items-center gap-2 px-3 py-1.5 bg-gray-50 rounded-lg text-sm font-normal text-black"
797
797
  }, [
@@ -831,9 +831,9 @@ function tt(n, t, l, o, x, f) {
831
831
  s(" Dropdown "),
832
832
  o.showDropdown ? (a(), r("div", We, [
833
833
  (a(!0), r(
834
- y,
834
+ b,
835
835
  null,
836
- C(o.availableUsers, (i) => (a(), r("button", {
836
+ z(o.availableUsers, (i) => (a(), r("button", {
837
837
  key: i.email,
838
838
  type: "button",
839
839
  class: "w-full px-4 py-3 text-left hover:bg-gray-50 transition-colors flex items-center justify-between group",
@@ -865,9 +865,9 @@ function tt(n, t, l, o, x, f) {
865
865
  s(" Collaborators List "),
866
866
  e("div", Ye, [
867
867
  (a(!0), r(
868
- y,
868
+ b,
869
869
  null,
870
- C(o.collaborators, (i) => (a(), r("div", {
870
+ z(o.collaborators, (i) => (a(), r("div", {
871
871
  key: i.email,
872
872
  class: "grid grid-cols-[1fr_1.5fr_auto] gap-4 items-center py-4 border-b border-gray-100"
873
873
  }, [
@@ -936,7 +936,7 @@ function tt(n, t, l, o, x, f) {
936
936
  ])
937
937
  ])) : s("v-if", !0);
938
938
  }
939
- const Gt = /* @__PURE__ */ h(Ee, [["render", tt], ["__scopeId", "data-v-f6014a35"], ["__file", "/root/app/code/src/components/InviteCollaboratorsModalV2.vue"]]), lt = /* @__PURE__ */ w({
939
+ const Ut = /* @__PURE__ */ h(Ee, [["render", tt], ["__scopeId", "data-v-f6014a35"], ["__file", "/root/app/code/src/components/InviteCollaboratorsModalV2.vue"]]), lt = /* @__PURE__ */ w({
940
940
  __name: "NavigationSidebar",
941
941
  props: {
942
942
  items: { type: Array, required: !1, default: () => [
@@ -953,7 +953,7 @@ const Gt = /* @__PURE__ */ h(Ee, [["render", tt], ["__scopeId", "data-v-f6014a35
953
953
  t();
954
954
  const o = l, i = { emit: o, handleItemClick: (d) => {
955
955
  o("item-click", d);
956
- }, getIconColor: (d) => d ? "#A2DA00" : "#FFFFFF", get Home() {
956
+ }, getIconColor: (d) => d ? "#C3FF00" : "#FFFFFF", get Home() {
957
957
  return Q;
958
958
  }, get MessageSquare() {
959
959
  return $;
@@ -962,10 +962,10 @@ const Gt = /* @__PURE__ */ h(Ee, [["render", tt], ["__scopeId", "data-v-f6014a35
962
962
  } };
963
963
  return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
964
964
  }
965
- }), st = { class: "sidebar-nav group bg-black flex flex-col justify-between shadow-md" }, ot = { class: "pt-10 px-2 flex flex-col gap-8" }, at = { class: "flex flex-col gap-4" }, rt = ["onClick"], it = { class: "nav-label text-sm text-gray-300 whitespace-nowrap" }, nt = { class: "flex flex-col items-start px-4 pb-8 gap-4" }, dt = { class: "profile-section flex items-center gap-3 w-full" }, ct = { class: "profile-text flex-1 min-w-0" }, xt = { class: "text-sm text-white font-medium whitespace-nowrap" }, ut = { class: "text-[10px] text-gray-400 whitespace-nowrap" };
966
- function gt(n, t, l, o, x, f) {
965
+ }), st = { class: "sidebar-nav group bg-black flex flex-col justify-between shadow-md" }, ot = { class: "pt-10 px-2 flex flex-col gap-8" }, at = { class: "flex flex-col gap-4" }, rt = ["onClick"], it = { class: "flex flex-col items-start px-4 pb-8 gap-4" }, nt = { class: "profile-section flex items-center gap-3 w-full" }, dt = { class: "profile-text flex-1 min-w-0" }, ct = { class: "text-sm text-white font-medium whitespace-nowrap" }, xt = { class: "text-[10px] text-gray-400 whitespace-nowrap" };
966
+ function ut(n, t, l, o, x, f) {
967
967
  return a(), r(
968
- y,
968
+ b,
969
969
  null,
970
970
  [
971
971
  s(" Expandable Sidebar Navigation "),
@@ -977,22 +977,22 @@ function gt(n, t, l, o, x, f) {
977
977
  s(" Navigation Items "),
978
978
  e("div", at, [
979
979
  (a(!0), r(
980
- y,
980
+ b,
981
981
  null,
982
- C(l.items, (i, d) => (a(), r("div", {
982
+ z(l.items, (i, d) => (a(), r("div", {
983
983
  key: d,
984
984
  onClick: (g) => o.handleItemClick(d),
985
- class: z(["nav-item flex items-center gap-[18px] px-2.5 py-2 rounded-lg cursor-pointer transition-colors duration-200", l.activeItem === d ? "bg-gray-600" : "hover:bg-gray-600"])
985
+ class: _(["nav-item flex items-center gap-[18px] px-2.5 py-2 rounded-lg cursor-pointer transition-colors duration-200", l.activeItem === d ? "bg-gray-600" : "hover:bg-gray-600"])
986
986
  }, [
987
987
  s(" Dashboard Icon "),
988
- i.icon === "dashboard" ? (a(), k(o.Home, {
988
+ i.icon === "dashboard" ? (a(), C(o.Home, {
989
989
  key: 0,
990
990
  class: "flex-shrink-0",
991
991
  size: 20,
992
992
  "stroke-width": 1.5,
993
993
  color: o.getIconColor(l.activeItem === d)
994
994
  }, null, 8, ["color"])) : i.icon === "conversations" ? (a(), r(
995
- y,
995
+ b,
996
996
  { key: 1 },
997
997
  [
998
998
  s(" Conversations Icon "),
@@ -1006,7 +1006,7 @@ function gt(n, t, l, o, x, f) {
1006
1006
  2112
1007
1007
  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
1008
1008
  )) : i.icon === "templates" ? (a(), r(
1009
- y,
1009
+ b,
1010
1010
  { key: 2 },
1011
1011
  [
1012
1012
  s(" Templates Icon "),
@@ -1022,10 +1022,12 @@ function gt(n, t, l, o, x, f) {
1022
1022
  )) : s("v-if", !0),
1023
1023
  e(
1024
1024
  "span",
1025
- it,
1025
+ {
1026
+ class: _(["nav-label text-sm whitespace-nowrap", l.activeItem === d ? "text-white" : "text-gray-300"])
1027
+ },
1026
1028
  u(i.name),
1027
- 1
1028
- /* TEXT */
1029
+ 3
1030
+ /* TEXT, CLASS */
1029
1031
  )
1030
1032
  ], 10, rt))),
1031
1033
  128
@@ -1034,21 +1036,21 @@ function gt(n, t, l, o, x, f) {
1034
1036
  ])
1035
1037
  ]),
1036
1038
  s(" Bottom Section - Profile "),
1037
- e("div", nt, [
1039
+ e("div", it, [
1038
1040
  s(" User Profile "),
1039
- e("div", dt, [
1041
+ e("div", nt, [
1040
1042
  t[1] || (t[1] = v('<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)),
1041
- e("div", ct, [
1043
+ e("div", dt, [
1042
1044
  e(
1043
1045
  "div",
1044
- xt,
1046
+ ct,
1045
1047
  u(l.userName),
1046
1048
  1
1047
1049
  /* TEXT */
1048
1050
  ),
1049
1051
  e(
1050
1052
  "div",
1051
- ut,
1053
+ xt,
1052
1054
  u(l.userVersion),
1053
1055
  1
1054
1056
  /* TEXT */
@@ -1063,16 +1065,16 @@ function gt(n, t, l, o, x, f) {
1063
1065
  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
1064
1066
  );
1065
1067
  }
1066
- const Ot = /* @__PURE__ */ h(lt, [["render", gt], ["__scopeId", "data-v-4c3eb68c"], ["__file", "/root/app/code/src/components/NavigationSidebar.vue"]]), ft = /* @__PURE__ */ w({
1068
+ const Gt = /* @__PURE__ */ h(lt, [["render", ut], ["__scopeId", "data-v-4c3eb68c"], ["__file", "/root/app/code/src/components/NavigationSidebar.vue"]]), gt = /* @__PURE__ */ w({
1067
1069
  __name: "TextStyles",
1068
1070
  setup(n, { expose: t }) {
1069
1071
  t();
1070
1072
  const l = {};
1071
1073
  return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
1072
1074
  }
1073
- }), pt = { class: "flex flex-col gap-12 w-full" };
1074
- function mt(n, t, l, o, x, f) {
1075
- return a(), r("div", pt, [
1075
+ }), ft = { class: "flex flex-col gap-12 w-full" };
1076
+ function pt(n, t, l, o, x, f) {
1077
+ return a(), r("div", ft, [
1076
1078
  s(" h1 "),
1077
1079
  t[0] || (t[0] = e(
1078
1080
  "div",
@@ -1279,14 +1281,14 @@ function mt(n, t, l, o, x, f) {
1279
1281
  ))
1280
1282
  ]);
1281
1283
  }
1282
- const Wt = /* @__PURE__ */ h(ft, [["render", mt], ["__file", "/root/app/code/src/components/TextStyles.vue"]]), ht = {}, vt = {
1284
+ const Ot = /* @__PURE__ */ h(gt, [["render", pt], ["__file", "/root/app/code/src/components/TextStyles.vue"]]), mt = {}, ht = {
1283
1285
  xmlns: "http://www.w3.org/2000/svg",
1284
1286
  width: "20",
1285
1287
  height: "20",
1286
1288
  fill: "currentColor"
1287
1289
  };
1288
- function yt(n, t) {
1289
- return a(), r("svg", vt, t[0] || (t[0] = [
1290
+ function vt(n, t) {
1291
+ return a(), r("svg", ht, t[0] || (t[0] = [
1290
1292
  e(
1291
1293
  "path",
1292
1294
  { 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" },
@@ -1296,14 +1298,14 @@ function yt(n, t) {
1296
1298
  )
1297
1299
  ]));
1298
1300
  }
1299
- const Rt = /* @__PURE__ */ h(ht, [["render", yt], ["__file", "/root/app/code/src/components/icons/IconCommunity.vue"]]), bt = {}, wt = {
1301
+ const Wt = /* @__PURE__ */ h(mt, [["render", vt], ["__file", "/root/app/code/src/components/icons/IconCommunity.vue"]]), bt = {}, yt = {
1300
1302
  xmlns: "http://www.w3.org/2000/svg",
1301
1303
  width: "20",
1302
1304
  height: "17",
1303
1305
  fill: "currentColor"
1304
1306
  };
1305
- function _t(n, t) {
1306
- return a(), r("svg", wt, t[0] || (t[0] = [
1307
+ function wt(n, t) {
1308
+ return a(), r("svg", yt, t[0] || (t[0] = [
1307
1309
  e(
1308
1310
  "path",
1309
1311
  { 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" },
@@ -1313,14 +1315,14 @@ function _t(n, t) {
1313
1315
  )
1314
1316
  ]));
1315
1317
  }
1316
- const Zt = /* @__PURE__ */ h(bt, [["render", _t], ["__file", "/root/app/code/src/components/icons/IconDocumentation.vue"]]), kt = {}, Ct = {
1318
+ const Rt = /* @__PURE__ */ h(bt, [["render", wt], ["__file", "/root/app/code/src/components/icons/IconDocumentation.vue"]]), kt = {}, _t = {
1317
1319
  xmlns: "http://www.w3.org/2000/svg",
1318
1320
  width: "18",
1319
1321
  height: "20",
1320
1322
  fill: "currentColor"
1321
1323
  };
1322
- function zt(n, t) {
1323
- return a(), r("svg", Ct, t[0] || (t[0] = [
1324
+ function Ct(n, t) {
1325
+ return a(), r("svg", _t, t[0] || (t[0] = [
1324
1326
  e(
1325
1327
  "path",
1326
1328
  { 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" },
@@ -1330,14 +1332,14 @@ function zt(n, t) {
1330
1332
  )
1331
1333
  ]));
1332
1334
  }
1333
- const $t = /* @__PURE__ */ h(kt, [["render", zt], ["__file", "/root/app/code/src/components/icons/IconEcosystem.vue"]]), St = {}, Bt = {
1335
+ const Zt = /* @__PURE__ */ h(kt, [["render", Ct], ["__file", "/root/app/code/src/components/icons/IconEcosystem.vue"]]), zt = {}, St = {
1334
1336
  xmlns: "http://www.w3.org/2000/svg",
1335
1337
  width: "20",
1336
1338
  height: "20",
1337
1339
  fill: "currentColor"
1338
1340
  };
1339
- function Mt(n, t) {
1340
- return a(), r("svg", Bt, t[0] || (t[0] = [
1341
+ function Bt(n, t) {
1342
+ return a(), r("svg", St, t[0] || (t[0] = [
1341
1343
  e(
1342
1344
  "path",
1343
1345
  { 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" },
@@ -1347,7 +1349,7 @@ function Mt(n, t) {
1347
1349
  )
1348
1350
  ]));
1349
1351
  }
1350
- const Qt = /* @__PURE__ */ h(St, [["render", Mt], ["__file", "/root/app/code/src/components/icons/IconSupport.vue"]]), It = {}, Dt = {
1352
+ const $t = /* @__PURE__ */ h(zt, [["render", Bt], ["__file", "/root/app/code/src/components/icons/IconSupport.vue"]]), Mt = {}, It = {
1351
1353
  xmlns: "http://www.w3.org/2000/svg",
1352
1354
  "xmlns:xlink": "http://www.w3.org/1999/xlink",
1353
1355
  "aria-hidden": "true",
@@ -1359,7 +1361,7 @@ const Qt = /* @__PURE__ */ h(St, [["render", Mt], ["__file", "/root/app/code/src
1359
1361
  viewBox: "0 0 24 24"
1360
1362
  };
1361
1363
  function qt(n, t) {
1362
- return a(), r("svg", Dt, t[0] || (t[0] = [
1364
+ return a(), r("svg", It, t[0] || (t[0] = [
1363
1365
  e(
1364
1366
  "path",
1365
1367
  {
@@ -1372,20 +1374,20 @@ function qt(n, t) {
1372
1374
  )
1373
1375
  ]));
1374
1376
  }
1375
- const Kt = /* @__PURE__ */ h(It, [["render", qt], ["__file", "/root/app/code/src/components/icons/IconTooling.vue"]]);
1377
+ const Qt = /* @__PURE__ */ h(Mt, [["render", qt], ["__file", "/root/app/code/src/components/icons/IconTooling.vue"]]);
1376
1378
  export {
1377
- Nt as BaseModal,
1378
- Vt as ButtonComponent,
1379
- Et as CampaignCard,
1380
- Pt as CardComponents,
1381
- Ut as ColorStyles,
1382
- Rt as IconCommunity,
1383
- Zt as IconDocumentation,
1384
- $t as IconEcosystem,
1385
- Qt as IconSupport,
1386
- Kt as IconTooling,
1387
- Gt as InviteCollaboratorsModalV2,
1388
- Ot as NavigationSidebar,
1389
- Wt as TextStyles
1379
+ jt as BaseModal,
1380
+ Nt as ButtonComponent,
1381
+ Vt as CampaignCard,
1382
+ Et as CardComponents,
1383
+ Pt as ColorStyles,
1384
+ Wt as IconCommunity,
1385
+ Rt as IconDocumentation,
1386
+ Zt as IconEcosystem,
1387
+ $t as IconSupport,
1388
+ Qt as IconTooling,
1389
+ Ut as InviteCollaboratorsModalV2,
1390
+ Gt as NavigationSidebar,
1391
+ Ot as TextStyles
1390
1392
  };
1391
1393
  //# sourceMappingURL=fusion-component-library.es.js.map