@aitronos/freddy-plugins 0.4.32 → 0.4.33

package/dist/index.js

@@ -4930,16 +4930,16 @@ const eC = [
   }
 }), cC = ["disabled", "aria-disabled", "aria-label"], uC = {
   key: 0,
-  class: "button-label"
+  class: "freddy-plugins-button-label"
 }, dC = {
   key: 1,
-  class: "button-label"
+  class: "freddy-plugins-button-label"
 }, _C = ["disabled", "aria-disabled", "aria-label"], pC = {
   key: 0,
-  class: "button-label"
+  class: "freddy-plugins-button-label"
 }, mC = {
   key: 1,
-  class: "button-label"
+  class: "freddy-plugins-button-label"
 }, gC = /* @__PURE__ */ j({
   __name: "BaseButton",
   props: {
@@ -5005,16 +5005,16 @@ const eC = [
       IconText: Ie(() => Promise.resolve().then(() => zr)),
       IconLink04: Ie(() => Promise.resolve().then(() => kr))
     }, o = F(() => n.leftIcon && r[n.leftIcon] || null), a = F(() => n.rightIcon && r[n.rightIcon] || null), s = e, i = P(!1), c = F(() => [
-      "base-button",
-      `base-button--${n.size}`,
-      `base-button--${n.hierarchy}`,
+      "freddy-plugins-base-button",
+      `freddy-plugins-base-button--${n.size}`,
+      `freddy-plugins-base-button--${n.hierarchy}`,
       {
-        "base-button--disabled": n.disabled,
-        "base-button--loading": n.loading,
-        "base-button--icon-only": n.iconOnly,
-        "base-button--error": n.errorState,
-        "base-button--hover": i.value && !n.disabled && !n.loading,
-        "base-button--focused": n.state === "focused"
+        "freddy-plugins-base-button--disabled": n.disabled,
+        "freddy-plugins-base-button--loading": n.loading,
+        "freddy-plugins-base-button--icon-only": n.iconOnly,
+        "freddy-plugins-base-button--error": n.errorState,
+        "freddy-plugins-base-button--hover": i.value && !n.disabled && !n.loading,
+        "freddy-plugins-base-button--focused": n.state === "focused"
       }
     ]), u = (m) => {
       !n.disabled && !n.loading && s("click", m);
@@ -5045,25 +5045,25 @@ const eC = [
         }, [
           m.loading ? (p(), g(ue, { key: 0 }, [
             C[0] || (C[0] = l("span", {
-              class: "button-spinner",
+              class: "freddy-plugins-button-spinner",
               "aria-hidden": "true"
             }, null, -1)),
             m.loadingText || m.label ? (p(), g("span", uC, D(m.loadingText || m.label), 1)) : B("", !0)
           ], 64)) : m.iconOnly ? (p(), re(We(o.value), {
             key: 1,
-            class: q(["button-icon button-icon-center", `button-icon--${m.size}`]),
+            class: q(["freddy-plugins-button-icon freddy-plugins-button-icon-center", `freddy-plugins-button-icon--${m.size}`]),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : (p(), g(ue, { key: 2 }, [
             m.leftIcon ? (p(), re(We(o.value), {
               key: 0,
-              class: q(["button-icon button-icon-left", `button-icon--${m.size}`]),
+              class: q(["freddy-plugins-button-icon freddy-plugins-button-icon-left", `freddy-plugins-button-icon--${m.size}`]),
               "aria-hidden": "true",
               onClick: Ue(d, ["stop"])
             }, null, 8, ["class"])) : B("", !0),
             m.label ? (p(), g("span", dC, D(m.label), 1)) : B("", !0),
             m.rightIcon ? (p(), re(We(a.value), {
               key: 2,
-              class: q(["button-icon button-icon-right", `button-icon--${m.size}`]),
+              class: q(["freddy-plugins-button-icon freddy-plugins-button-icon-right", `freddy-plugins-button-icon--${m.size}`]),
               "aria-hidden": "true",
               onClick: Ue(_, ["stop"])
             }, null, 8, ["class"])) : B("", !0)
@@ -5084,55 +5084,55 @@ const eC = [
     }, [
       m.loading ? (p(), g(ue, { key: 0 }, [
         C[1] || (C[1] = l("span", {
-          class: "button-spinner",
+          class: "freddy-plugins-button-spinner",
           "aria-hidden": "true"
         }, null, -1)),
         m.loadingText || m.label ? (p(), g("span", pC, D(m.loadingText || m.label), 1)) : B("", !0)
       ], 64)) : m.iconOnly ? (p(), re(We(o.value), {
         key: 1,
-        class: q(["button-icon button-icon-center", `button-icon--${m.size}`]),
+        class: q(["freddy-plugins-button-icon freddy-plugins-button-icon-center", `freddy-plugins-button-icon--${m.size}`]),
         "aria-hidden": "true"
       }, null, 8, ["class"])) : (p(), g(ue, { key: 2 }, [
         m.leftIcon ? (p(), re(We(o.value), {
           key: 0,
-          class: q(["button-icon button-icon-left", `button-icon--${m.size}`]),
+          class: q(["freddy-plugins-button-icon freddy-plugins-button-icon-left", `freddy-plugins-button-icon--${m.size}`]),
           "aria-hidden": "true",
           onClick: Ue(d, ["stop"])
         }, null, 8, ["class"])) : B("", !0),
         m.label ? (p(), g("span", mC, D(m.label), 1)) : B("", !0),
         m.rightIcon ? (p(), re(We(a.value), {
           key: 2,
-          class: q(["button-icon button-icon-right", `button-icon--${m.size}`]),
+          class: q(["freddy-plugins-button-icon freddy-plugins-button-icon-right", `freddy-plugins-button-icon--${m.size}`]),
           "aria-hidden": "true",
           onClick: Ue(_, ["stop"])
         }, null, 8, ["class"])) : B("", !0)
       ], 64))
     ], 42, _C));
   }
-}), Jt = /* @__PURE__ */ x(gC, [["__scopeId", "data-v-717de376"]]), fC = {
+}), Jt = /* @__PURE__ */ x(gC, [["__scopeId", "data-v-a7d06f1b"]]), fC = {
   key: 0,
-  class: "api-loading"
+  class: "freddy-plugins-api-loading"
 }, EC = {
   key: 0,
-  class: "loading-text"
+  class: "freddy-plugins-loading-text"
 }, SC = {
   key: 1,
-  class: "api-error"
-}, bC = { class: "error-content" }, hC = {
+  class: "freddy-plugins-api-error"
+}, bC = { class: "freddy-plugins-error-content" }, hC = {
   key: 0,
-  class: "error-title"
-}, CC = { class: "error-message" }, vC = {
+  class: "freddy-plugins-error-title"
+}, CC = { class: "freddy-plugins-error-message" }, vC = {
   key: 2,
-  class: "api-success"
-}, TC = { class: "success-content" }, yC = {
+  class: "freddy-plugins-api-success"
+}, TC = { class: "freddy-plugins-success-content" }, yC = {
   key: 0,
-  class: "success-title"
+  class: "freddy-plugins-success-title"
 }, AC = {
   key: 1,
-  class: "success-message"
+  class: "freddy-plugins-success-message"
 }, RC = {
   key: 3,
-  class: "api-content"
+  class: "freddy-plugins-api-content"
 }, zL = /* @__PURE__ */ j({
   __name: "ApiInteraction",
   props: {
@@ -5156,12 +5156,12 @@ const eC = [
   emits: ["success", "error", "loading", "complete"],
   setup(t, { expose: e, emit: n }) {
     const { currentProject: r, currentColorMode: o } = Oe(), a = t, s = n, i = P(!1), c = P(null), u = P(!1), d = P(null), _ = F(() => [
-      `api-interaction--${a.size}`,
-      `api-interaction--${a.variant}`,
+      `freddy-plugins-api-interaction--${a.size}`,
+      `freddy-plugins-api-interaction--${a.variant}`,
       {
-        "api-interaction--loading": i.value,
-        "api-interaction--error": c.value,
-        "api-interaction--success": u.value
+        "freddy-plugins-api-interaction--loading": i.value,
+        "freddy-plugins-api-interaction--error": c.value,
+        "freddy-plugins-api-interaction--success": u.value
       }
     ]), f = F(() => {
       switch (a.size) {
@@ -5215,13 +5215,13 @@ const eC = [
       success: F(() => u.value),
       data: F(() => d.value)
     }), (C, y) => (p(), g("div", {
-      class: q(["api-interaction", _.value])
+      class: q(["freddy-plugins-api-interaction", _.value])
     }, [
       i.value ? (p(), g("div", fC, [
         H(Rg, { size: f.value }, null, 8, ["size"]),
         C.loadingText ? (p(), g("span", EC, D(C.loadingText), 1)) : B("", !0)
       ])) : c.value ? (p(), g("div", SC, [
-        H(gl, { class: "error-icon" }),
+        H(gl, { class: "freddy-plugins-error-icon" }),
         l("div", bC, [
           C.errorTitle ? (p(), g("h4", hC, D(C.errorTitle), 1)) : B("", !0),
           l("p", CC, D(c.value), 1),
@@ -5238,7 +5238,7 @@ const eC = [
           })) : B("", !0)
         ])
       ])) : u.value && C.showSuccess ? (p(), g("div", vC, [
-        H(Sl, { class: "success-icon" }),
+        H(Sl, { class: "freddy-plugins-success-icon" }),
         l("div", TC, [
           C.successTitle ? (p(), g("h4", yC, D(C.successTitle), 1)) : B("", !0),
           C.successMessage ? (p(), g("p", AC, D(C.successMessage), 1)) : B("", !0)
@@ -6350,7 +6350,7 @@ const eC = [
   }
 }), Zv = ["disabled", "aria-label", "onClick"], jv = {
   key: 0,
-  class: "social-button-label"
+  class: "freddy-plugins-social-button-label"
 }, Xv = /* @__PURE__ */ j({
   __name: "SocialButtons",
   props: {
@@ -6488,21 +6488,21 @@ const eC = [
         }
       }
     }, a = F(() => [
-      "social-buttons",
-      `social-buttons--${n.layout}`,
-      `social-buttons--${n.size}`,
+      "freddy-plugins-social-buttons",
+      `freddy-plugins-social-buttons--${n.layout}`,
+      `freddy-plugins-social-buttons--${n.size}`,
       {
-        "social-buttons--disabled": n.disabled
+        "freddy-plugins-social-buttons--disabled": n.disabled
       },
       n.class
     ]), s = (d) => o[d].icon, i = (d) => o[d].label, c = (d) => [
-      "social-button",
-      `social-button--${n.variant}`,
-      `social-button--${n.size}`,
-      `social-button--${d}`,
+      "freddy-plugins-social-button",
+      `freddy-plugins-social-button--${n.variant}`,
+      `freddy-plugins-social-button--${n.size}`,
+      `freddy-plugins-social-button--${d}`,
       {
-        "social-button--disabled": n.disabled,
-        "social-button--icon-only": n.iconOnly
+        "freddy-plugins-social-button--disabled": n.disabled,
+        "freddy-plugins-social-button--icon-only": n.iconOnly
       }
     ], u = (d, _) => {
       n.disabled || r("click", d, _);
@@ -6520,14 +6520,14 @@ const eC = [
         onClick: (E) => u(f, E)
       }, [
         (p(), re(We(s(f)), {
-          class: "social-button-icon",
+          class: "freddy-plugins-social-button-icon",
           "aria-hidden": "true"
         })),
         d.iconOnly ? B("", !0) : (p(), g("span", jv, D(i(f)), 1))
       ], 10, Zv))), 128))
     ], 6));
   }
-}), JL = /* @__PURE__ */ x(Xv, [["__scopeId", "data-v-9d9f79b9"]]), Jv = ["innerHTML", "aria-label"], Xn = /* @__PURE__ */ j({
+}), JL = /* @__PURE__ */ x(Xv, [["__scopeId", "data-v-1e2ffcbd"]]), Jv = ["innerHTML", "aria-label"], Xn = /* @__PURE__ */ j({
   __name: "Text",
   props: {
     text: {},
@@ -6785,10 +6785,10 @@ const eC = [
       i.stopPropagation(), o.disabled || a("update:modelValue", !o.modelValue);
     }
     return (i, c) => (p(), g("button", {
-      class: q(["switch", {
-        "switch--on": i.modelValue,
-        "switch--disabled": i.disabled,
-        [`switch--${i.size}`]: !0
+      class: q(["freddy-plugins-switch", {
+        "freddy-plugins-switch--on": i.modelValue,
+        "freddy-plugins-switch--disabled": i.disabled,
+        [`freddy-plugins-switch--${i.size}`]: !0
       }]),
       "aria-checked": i.modelValue,
       role: "switch",
@@ -6800,19 +6800,19 @@ const eC = [
       ],
       disabled: i.disabled
     }, [...c[0] || (c[0] = [
-      l("span", { class: "switch__track" }, null, -1),
-      l("span", { class: "switch__thumb" }, null, -1)
+      l("span", { class: "freddy-plugins-switch__track" }, null, -1),
+      l("span", { class: "freddy-plugins-switch__thumb" }, null, -1)
     ])], 42, uT));
   }
 }), _T = {
   key: 0,
-  class: "dropdown-search-bar"
-}, pT = ["placeholder"], mT = { class: "dropdown-options" }, gT = ["onClick"], fT = { class: "dropdown-option-label" }, ET = {
+  class: "freddy-plugins-dropdown-search-bar"
+}, pT = ["placeholder"], mT = { class: "freddy-plugins-dropdown-options" }, gT = ["onClick"], fT = { class: "freddy-plugins-dropdown-option-label" }, ET = {
   key: 1,
-  class: "dropdown-option-shortcut"
+  class: "freddy-plugins-dropdown-option-shortcut"
 }, ST = {
   key: 0,
-  class: "dropdown-no-options"
+  class: "freddy-plugins-dropdown-no-options"
 }, Zs = /* @__PURE__ */ j({
   __name: "Dropdown",
   props: {
@@ -6872,19 +6872,19 @@ const eC = [
       );
       h !== -1 && (i.value[h].checked = v), r("toggle", { ...b, checked: v });
     }, R = (b) => {
-      b.target.closest(".dropdown-wrapper") || f();
+      b.target.closest(".freddy-plugins-dropdown-wrapper") || f();
     };
     return Fe(o, (b) => {
       b ? setTimeout(() => {
         document.addEventListener("click", R);
       }, 0) : document.removeEventListener("click", R);
     }), (b, v) => (p(), g("div", {
-      class: "dropdown-wrapper",
+      class: "freddy-plugins-dropdown-wrapper",
       onKeydown: Ge(f, ["esc"]),
       tabindex: "0"
     }, [
       H(Jt, {
-        class: "dropdown-trigger",
+        class: "freddy-plugins-dropdown-trigger",
         label: u.value,
         iconOnly: b.iconOnly,
         rightIcon: b.chevronRight && b.showIcon ? d.value : void 0,
@@ -6905,13 +6905,16 @@ const eC = [
       }, 8, ["label", "iconOnly", "rightIcon", "leftIcon", "size", "aria-expanded"]),
       o.value ? (p(), g("div", {
         key: 0,
-        class: q(["dropdown-menu", { "dropdown-menu--up": b.openUp, "dropdown-menu--down": !b.openUp }])
+        class: q(["freddy-plugins-dropdown-menu", {
+          "freddy-plugins-dropdown-menu--up": b.openUp,
+          "freddy-plugins-dropdown-menu--down": !b.openUp
+        }])
       }, [
         b.searchable ? (p(), g("div", _T, [
           M(l("input", {
             "onUpdate:modelValue": v[0] || (v[0] = (h) => a.value = h),
             type: "text",
-            class: "dropdown-search-input",
+            class: "freddy-plugins-dropdown-search-input",
             placeholder: b.searchPlaceholder
           }, null, 8, pT), [
             [ht, a.value]
@@ -6920,19 +6923,21 @@ const eC = [
         l("ul", mT, [
           (p(!0), g(ue, null, _e(E.value, (h) => (p(), g("li", {
             key: h.value,
-            class: q(["dropdown-option", { "dropdown-option--toggle": h.type === "toggle" }]),
+            class: q(["freddy-plugins-dropdown-option", {
+              "freddy-plugins-dropdown-option--toggle": h.type === "toggle"
+            }]),
             onClick: (T) => m(h)
           }, [
             l("span", fT, [
               !b.optionIconRight && h.icon ? (p(), re(We(h.icon), {
                 key: 0,
-                class: "dropdown-option-icon"
+                class: "freddy-plugins-dropdown-option-icon"
               })) : B("", !0),
               l("span", null, D(h.label), 1),
               b.showShortcut && h.shortcut ? (p(), g("span", ET, D(h.shortcut), 1)) : B("", !0),
               b.optionIconRight && h.icon ? (p(), re(We(h.icon), {
                 key: 2,
-                class: "dropdown-option-icon dropdown-option-icon--right"
+                class: "freddy-plugins-dropdown-option-icon freddy-plugins-dropdown-option-icon--right"
               })) : B("", !0)
             ]),
             h.type === "toggle" ? (p(), re(dT, {
@@ -63483,13 +63488,13 @@ This should give you a solid foundation for building **maintainable**, **type-sa
       ]);
     };
   }
-}), JO = { class: "color-dashboard" }, eN = { class: "stats-grid" }, tN = { class: "stat-card" }, nN = { class: "stat-number" }, rN = { class: "stat-card" }, oN = { class: "stat-number" }, aN = { class: "stat-card" }, iN = { class: "stat-number" }, sN = { class: "brands-container" }, lN = { class: "brand-header" }, cN = { class: "brand-title" }, uN = { class: "brand-info" }, dN = { class: "brand-stat" }, _N = { class: "brand-stat-value" }, pN = { class: "brand-stat" }, mN = { class: "brand-stat-value" }, gN = { class: "modes-container" }, fN = { class: "mode-header" }, EN = { class: "mode-title" }, SN = { class: "mode-id" }, bN = { class: "color-categories" }, hN = { class: "category-section" }, CN = { class: "category-count" }, vN = { class: "category-content" }, TN = { class: "color-grid" }, yN = ["onClick"], AN = { class: "color-info" }, RN = { class: "color-name" }, IN = { class: "color-value" }, ON = { class: "category-section" }, NN = { class: "category-count" }, DN = { class: "category-content" }, xN = { class: "color-grid" }, wN = ["onClick"], MN = { class: "color-info" }, kN = { class: "color-name" }, LN = { class: "color-value" }, PN = { class: "category-section" }, FN = { class: "category-count" }, BN = { class: "category-content" }, UN = { class: "color-grid" }, GN = ["onClick"], YN = { class: "color-info" }, VN = { class: "color-name" }, HN = { class: "color-value" }, qN = {
+}), JO = { class: "freddy-plugins-color-dashboard" }, eN = { class: "freddy-plugins-stats-grid" }, tN = { class: "freddy-plugins-stat-card" }, nN = { class: "freddy-plugins-stat-number" }, rN = { class: "freddy-plugins-stat-card" }, oN = { class: "freddy-plugins-stat-number" }, aN = { class: "freddy-plugins-stat-card" }, iN = { class: "freddy-plugins-stat-number" }, sN = { class: "freddy-plugins-brands-container" }, lN = { class: "freddy-plugins-brand-header" }, cN = { class: "freddy-plugins-brand-title" }, uN = { class: "freddy-plugins-brand-info" }, dN = { class: "freddy-plugins-brand-stat" }, _N = { class: "freddy-plugins-brand-stat-value" }, pN = { class: "freddy-plugins-brand-stat" }, mN = { class: "freddy-plugins-brand-stat-value" }, gN = { class: "freddy-plugins-modes-container" }, fN = { class: "freddy-plugins-mode-header" }, EN = { class: "freddy-plugins-mode-title" }, SN = { class: "freddy-plugins-mode-id" }, bN = { class: "freddy-plugins-color-categories" }, hN = { class: "freddy-plugins-category-section" }, CN = { class: "freddy-plugins-category-count" }, vN = { class: "freddy-plugins-category-content" }, TN = { class: "freddy-plugins-color-grid" }, yN = ["onClick"], AN = { class: "freddy-plugins-color-info" }, RN = { class: "freddy-plugins-color-name" }, IN = { class: "freddy-plugins-color-value" }, ON = { class: "freddy-plugins-category-section" }, NN = { class: "freddy-plugins-category-count" }, DN = { class: "freddy-plugins-category-content" }, xN = { class: "freddy-plugins-color-grid" }, wN = ["onClick"], MN = { class: "freddy-plugins-color-info" }, kN = { class: "freddy-plugins-color-name" }, LN = { class: "freddy-plugins-color-value" }, PN = { class: "freddy-plugins-category-section" }, FN = { class: "freddy-plugins-category-count" }, BN = { class: "freddy-plugins-category-content" }, UN = { class: "freddy-plugins-color-grid" }, GN = ["onClick"], YN = { class: "freddy-plugins-color-info" }, VN = { class: "freddy-plugins-color-name" }, HN = { class: "freddy-plugins-color-value" }, qN = {
   key: 0,
-  class: "category-section"
-}, zN = { class: "category-count" }, $N = { class: "category-content" }, WN = { class: "color-grid" }, KN = ["onClick"], QN = { class: "color-info" }, ZN = { class: "color-name" }, jN = { class: "color-value" }, XN = {
+  class: "freddy-plugins-category-section"
+}, zN = { class: "freddy-plugins-category-count" }, $N = { class: "freddy-plugins-category-content" }, WN = { class: "freddy-plugins-color-grid" }, KN = ["onClick"], QN = { class: "freddy-plugins-color-info" }, ZN = { class: "freddy-plugins-color-name" }, jN = { class: "freddy-plugins-color-value" }, XN = {
   key: 1,
-  class: "category-section"
-}, JN = { class: "category-count" }, eD = { class: "category-content" }, tD = { class: "color-grid" }, nD = ["onClick"], rD = { class: "color-info" }, oD = { class: "color-name" }, aD = { class: "color-value" }, r2 = /* @__PURE__ */ j({
+  class: "freddy-plugins-category-section"
+}, JN = { class: "freddy-plugins-category-count" }, eD = { class: "freddy-plugins-category-content" }, tD = { class: "freddy-plugins-color-grid" }, nD = ["onClick"], rD = { class: "freddy-plugins-color-info" }, oD = { class: "freddy-plugins-color-name" }, aD = { class: "freddy-plugins-color-value" }, r2 = /* @__PURE__ */ j({
   __name: "ConfigurationDashboard",
   setup(t) {
     const { configuration: e } = Oe(), n = F(() => {
@@ -63504,7 +63509,7 @@ This should give you a solid foundation for building **maintainable**, **type-sa
       return u.colorModes.reduce((d, _) => d + _.textColors.colors.length + _.backgroundColor.colors.length + _.borderColor.colors.length + _.foregroundColors.colors.length + _.utilityColors.colors.length, 0);
     }
     function i(u) {
-      const d = u.target, _ = d.querySelector(".category-toggle"), f = d.nextElementSibling;
+      const d = u.target, _ = d.querySelector(".freddy-plugins-category-toggle"), f = d.nextElementSibling;
       f.classList.contains("expanded") ? (f.classList.remove("expanded"), _.classList.remove("expanded"), _.textContent = "▶") : (f.classList.add("expanded"), _.classList.add("expanded"), _.textContent = "▼");
     }
     function c(u) {
@@ -63512,38 +63517,38 @@ This should give you a solid foundation for building **maintainable**, **type-sa
       });
     }
     return (u, d) => (p(), g("div", JO, [
-      d[20] || (d[20] = l("div", { class: "dashboard-header" }, [
+      d[20] || (d[20] = l("div", { class: "freddy-plugins-dashboard-header" }, [
         l("h1", null, "🎨 Color Dashboard"),
         l("p", null, "Comprehensive view of all colors from the theme configuration")
       ], -1)),
       l("div", eN, [
         l("div", tN, [
           l("div", nN, D(r.value), 1),
-          d[0] || (d[0] = l("div", { class: "stat-label" }, "Brands", -1))
+          d[0] || (d[0] = l("div", { class: "freddy-plugins-stat-label" }, "Brands", -1))
         ]),
         l("div", rN, [
           l("div", oN, D(o.value), 1),
-          d[1] || (d[1] = l("div", { class: "stat-label" }, "Color Modes", -1))
+          d[1] || (d[1] = l("div", { class: "freddy-plugins-stat-label" }, "Color Modes", -1))
         ]),
         l("div", aN, [
           l("div", iN, D(a.value), 1),
-          d[2] || (d[2] = l("div", { class: "stat-label" }, "Total Colors", -1))
+          d[2] || (d[2] = l("div", { class: "freddy-plugins-stat-label" }, "Total Colors", -1))
         ])
       ]),
       l("div", sN, [
         (p(!0), g(ue, null, _e(n.value, (_) => (p(), g("div", {
           key: _.id,
-          class: "brand-section"
+          class: "freddy-plugins-brand-section"
         }, [
           l("div", lN, [
             l("div", cN, D(_.name), 1),
             l("div", uN, [
               l("div", dN, [
-                d[3] || (d[3] = l("div", { class: "brand-stat-label" }, "Color Modes", -1)),
+                d[3] || (d[3] = l("div", { class: "freddy-plugins-brand-stat-label" }, "Color Modes", -1)),
                 l("div", _N, D(_.colorModes.length), 1)
               ]),
               l("div", pN, [
-                d[4] || (d[4] = l("div", { class: "brand-stat-label" }, "Total Colors", -1)),
+                d[4] || (d[4] = l("div", { class: "freddy-plugins-brand-stat-label" }, "Total Colors", -1)),
                 l("div", mN, D(s(_)), 1)
               ])
             ])
@@ -63551,7 +63556,7 @@ This should give you a solid foundation for building **maintainable**, **type-sa
           l("div", gN, [
             (p(!0), g(ue, null, _e(_.colorModes, (f) => (p(), g("div", {
               key: f.id,
-              class: "mode-card"
+              class: "freddy-plugins-mode-card"
             }, [
               l("div", fN, [
                 l("div", EN, D(f.name), 1),
@@ -63560,10 +63565,10 @@ This should give you a solid foundation for building **maintainable**, **type-sa
               l("div", bN, [
                 l("div", hN, [
                   l("div", {
-                    class: "category-title",
+                    class: "freddy-plugins-category-title",
                     onClick: i
                   }, [
-                    d[5] || (d[5] = l("span", { class: "category-toggle" }, "▶", -1)),
+                    d[5] || (d[5] = l("span", { class: "freddy-plugins-category-toggle" }, "▶", -1)),
                     d[6] || (d[6] = me(" 📝 Text Colors ", -1)),
                     l("span", CN, D(f.textColors.colors.length), 1)
                   ]),
@@ -63571,14 +63576,14 @@ This should give you a solid foundation for building **maintainable**, **type-sa
                     l("div", TN, [
                       (p(!0), g(ue, null, _e(f.textColors.colors, (E) => (p(), g("div", {
                         key: E.id,
-                        class: "color-item"
+                        class: "freddy-plugins-color-item"
                       }, [
                         l("div", {
-                          class: "color-preview",
+                          class: "freddy-plugins-color-preview",
                           style: Ye({ backgroundColor: E.value }),
                           onClick: (m) => c(E.value)
                         }, [...d[7] || (d[7] = [
-                          l("div", { class: "color-overlay" }, "Click to Copy", -1)
+                          l("div", { class: "freddy-plugins-color-overlay" }, "Click to Copy", -1)
                         ])], 12, yN),
                         l("div", AN, [
                           l("div", RN, D(E.name), 1),
@@ -63590,10 +63595,10 @@ This should give you a solid foundation for building **maintainable**, **type-sa
                 ]),
                 l("div", ON, [
                   l("div", {
-                    class: "category-title",
+                    class: "freddy-plugins-category-title",
                     onClick: i
                   }, [
-                    d[8] || (d[8] = l("span", { class: "category-toggle" }, "▶", -1)),
+                    d[8] || (d[8] = l("span", { class: "freddy-plugins-category-toggle" }, "▶", -1)),
                     d[9] || (d[9] = me(" 🎨 Background Colors ", -1)),
                     l("span", NN, D(f.backgroundColor.colors.length), 1)
                   ]),
@@ -63601,14 +63606,14 @@ This should give you a solid foundation for building **maintainable**, **type-sa
                     l("div", xN, [
                       (p(!0), g(ue, null, _e(f.backgroundColor.colors, (E) => (p(), g("div", {
                         key: E.id,
-                        class: "color-item"
+                        class: "freddy-plugins-color-item"
                       }, [
                         l("div", {
-                          class: "color-preview",
+                          class: "freddy-plugins-color-preview",
                           style: Ye({ backgroundColor: E.value }),
                           onClick: (m) => c(E.value)
                         }, [...d[10] || (d[10] = [
-                          l("div", { class: "color-overlay" }, "Click to Copy", -1)
+                          l("div", { class: "freddy-plugins-color-overlay" }, "Click to Copy", -1)
                         ])], 12, wN),
                         l("div", MN, [
                           l("div", kN, D(E.name), 1),
@@ -63620,10 +63625,10 @@ This should give you a solid foundation for building **maintainable**, **type-sa
                 ]),
                 l("div", PN, [
                   l("div", {
-                    class: "category-title",
+                    class: "freddy-plugins-category-title",
                     onClick: i
                   }, [
-                    d[11] || (d[11] = l("span", { class: "category-toggle" }, "▶", -1)),
+                    d[11] || (d[11] = l("span", { class: "freddy-plugins-category-toggle" }, "▶", -1)),
                     d[12] || (d[12] = me(" 🔲 Border Colors ", -1)),
                     l("span", FN, D(f.borderColor.colors.length), 1)
                   ]),
@@ -63631,14 +63636,14 @@ This should give you a solid foundation for building **maintainable**, **type-sa
                     l("div", UN, [
                       (p(!0), g(ue, null, _e(f.borderColor.colors, (E) => (p(), g("div", {
                         key: E.id,
-                        class: "color-item"
+                        class: "freddy-plugins-color-item"
                       }, [
                         l("div", {
-                          class: "color-preview",
+                          class: "freddy-plugins-color-preview",
                           style: Ye({ backgroundColor: E.value }),
                           onClick: (m) => c(E.value)
                         }, [...d[13] || (d[13] = [
-                          l("div", { class: "color-overlay" }, "Click to Copy", -1)
+                          l("div", { class: "freddy-plugins-color-overlay" }, "Click to Copy", -1)
                         ])], 12, GN),
                         l("div", YN, [
                           l("div", VN, D(E.name), 1),
@@ -63650,10 +63655,10 @@ This should give you a solid foundation for building **maintainable**, **type-sa
                 ]),
                 f.foregroundColors.colors.length > 0 ? (p(), g("div", qN, [
                   l("div", {
-                    class: "category-title",
+                    class: "freddy-plugins-category-title",
                     onClick: i
                   }, [
-                    d[14] || (d[14] = l("span", { class: "category-toggle" }, "▶", -1)),
+                    d[14] || (d[14] = l("span", { class: "freddy-plugins-category-toggle" }, "▶", -1)),
                     d[15] || (d[15] = me(" 🎯 Foreground Colors ", -1)),
                     l("span", zN, D(f.foregroundColors.colors.length), 1)
                   ]),
@@ -63661,14 +63666,14 @@ This should give you a solid foundation for building **maintainable**, **type-sa
                     l("div", WN, [
                       (p(!0), g(ue, null, _e(f.foregroundColors.colors, (E) => (p(), g("div", {
                         key: E.id,
-                        class: "color-item"
+                        class: "freddy-plugins-color-item"
                       }, [
                         l("div", {
-                          class: "color-preview",
+                          class: "freddy-plugins-color-preview",
                           style: Ye({ backgroundColor: E.value }),
                           onClick: (m) => c(E.value)
                         }, [...d[16] || (d[16] = [
-                          l("div", { class: "color-overlay" }, "Click to Copy", -1)
+                          l("div", { class: "freddy-plugins-color-overlay" }, "Click to Copy", -1)
                         ])], 12, KN),
                         l("div", QN, [
                           l("div", ZN, D(E.name), 1),
@@ -63680,10 +63685,10 @@ This should give you a solid foundation for building **maintainable**, **type-sa
                 ])) : B("", !0),
                 f.utilityColors.colors.length > 0 ? (p(), g("div", XN, [
                   l("div", {
-                    class: "category-title",
+                    class: "freddy-plugins-category-title",
                     onClick: i
                   }, [
-                    d[17] || (d[17] = l("span", { class: "category-toggle" }, "▶", -1)),
+                    d[17] || (d[17] = l("span", { class: "freddy-plugins-category-toggle" }, "▶", -1)),
                     d[18] || (d[18] = me(" 🔧 Utility Colors ", -1)),
                     l("span", JN, D(f.utilityColors.colors.length), 1)
                   ]),
@@ -63691,14 +63696,14 @@ This should give you a solid foundation for building **maintainable**, **type-sa
                     l("div", tD, [
                       (p(!0), g(ue, null, _e(f.utilityColors.colors, (E) => (p(), g("div", {
                         key: E.id,
-                        class: "color-item"
+                        class: "freddy-plugins-color-item"
                       }, [
                         l("div", {
-                          class: "color-preview",
+                          class: "freddy-plugins-color-preview",
                           style: Ye({ backgroundColor: E.value }),
                           onClick: (m) => c(E.value)
                         }, [...d[19] || (d[19] = [
-                          l("div", { class: "color-overlay" }, "Click to Copy", -1)
+                          l("div", { class: "freddy-plugins-color-overlay" }, "Click to Copy", -1)
                         ])], 12, nD),
                         l("div", rD, [
                           l("div", oD, D(E.name), 1),
@@ -63717,10 +63722,10 @@ This should give you a solid foundation for building **maintainable**, **type-sa
   }
 }), iD = ["aria-checked", "aria-disabled", "aria-label"], sD = ["checked", "disabled"], lD = {
   key: 0,
-  class: "checkbox-dash"
+  class: "freddy-plugins-checkbox-dash"
 }, cD = {
   key: 1,
-  class: "checkbox-icon",
+  class: "freddy-plugins-checkbox-icon",
   viewBox: "0 0 12 12",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -63741,11 +63746,11 @@ This should give you a solid foundation for building **maintainable**, **type-sa
       o.disabled || a("update:isChecked", c.checked);
     }
     return (i, c) => (p(), g("label", {
-      class: q(["base-checkbox", {
-        checked: i.isChecked && !i.blueCheckbox,
-        "checked-blue": i.isChecked && i.blueCheckbox,
-        "not-checked": !i.isChecked,
-        "is-disabled": i.disabled
+      class: q(["freddy-plugins-base-checkbox", {
+        "freddy-plugins-checked": i.isChecked && !i.blueCheckbox,
+        "freddy-plugins-checked-blue": i.isChecked && i.blueCheckbox,
+        "freddy-plugins-not-checked": !i.isChecked,
+        "freddy-plugins-is-disabled": i.disabled
       }]),
       "aria-checked": i.isChecked,
       "aria-disabled": i.disabled,
@@ -63755,7 +63760,7 @@ This should give you a solid foundation for building **maintainable**, **type-sa
       l("input", {
         id: "checkbox-input",
         type: "checkbox",
-        class: "checkbox-input",
+        class: "freddy-plugins-checkbox-input",
         checked: i.isChecked,
         disabled: i.disabled,
         onChange: s
@@ -65706,9 +65711,9 @@ const tr = new mD(
       ])
     ], 2));
   }
-}), Ux = { class: "input-field-wrapper" }, Gx = ["for"], Yx = {
+}), Ux = { class: "freddy-plugins-input-field-wrapper" }, Gx = ["for"], Yx = {
   key: 0,
-  class: "required-asterisk"
+  class: "freddy-plugins-required-asterisk"
 }, Vx = /* @__PURE__ */ j({
   __name: "BaseInput",
   props: {
@@ -65726,13 +65731,13 @@ const tr = new mD(
     const r = t, o = n, a = F(
       () => `input-${Math.random().toString(36).substr(2, 9)}`
     ), s = F(() => ({
-      [`input-field-container--${r.size}`]: !0,
-      [`input-field-container--${r.colorStyle}`]: !0,
-      "input-field-container--destructive": r.destructive || r.state === "error",
-      "input-field-container--focused": r.state === "focused",
-      "input-field-container--disabled": r.state === "disabled",
-      "input-field-container--loading": r.state === "loading",
-      "input-field-container--success": r.state === "success"
+      [`freddy-plugins-input-field-container--${r.size}`]: !0,
+      [`freddy-plugins-input-field-container--${r.colorStyle}`]: !0,
+      "freddy-plugins-input-field-container--destructive": r.destructive || r.state === "error",
+      "freddy-plugins-input-field-container--focused": r.state === "focused",
+      "freddy-plugins-input-field-container--disabled": r.state === "disabled",
+      "freddy-plugins-input-field-container--loading": r.state === "loading",
+      "freddy-plugins-input-field-container--success": r.state === "success"
     })), i = () => {
       r.state !== "disabled" && o("focus", new FocusEvent("focus"));
     };
@@ -65744,24 +65749,24 @@ const tr = new mD(
       c.label ? (p(), g("label", {
         key: 0,
         for: a.value,
-        class: q(["input-field-label", `input-field-label--${c.colorStyle}`])
+        class: q(["freddy-plugins-input-field-label", `freddy-plugins-input-field-label--${c.colorStyle}`])
       }, [
         me(D(c.label) + " ", 1),
         c.required ? (p(), g("span", Yx, "*")) : B("", !0)
       ], 10, Gx)) : B("", !0),
       l("div", {
-        class: q(["input-field-container", s.value]),
+        class: q(["freddy-plugins-input-field-container", s.value]),
         onClick: i
       }, [
         nt(c.$slots, "default", {}, void 0, !0)
       ], 2),
       c.hintText ? (p(), g("p", {
         key: 1,
-        class: q(["input-hint-text", `input-hint-text--${c.colorStyle}`])
+        class: q(["freddy-plugins-input-hint-text", `freddy-plugins-input-hint-text--${c.colorStyle}`])
       }, D(c.hintText), 3)) : B("", !0)
     ]));
   }
-}), Wu = /* @__PURE__ */ x(Vx, [["__scopeId", "data-v-6ea9d206"]]), i2 = (t, e, n) => {
+}), Wu = /* @__PURE__ */ x(Vx, [["__scopeId", "data-v-bb114a19"]]), i2 = (t, e, n) => {
   const r = t[e];
   return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((o, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -65846,13 +65851,13 @@ const tr = new mD(
           return 19;
       }
     }), m = F(() => ({
-      [`input-field--${r.size}`]: !0,
-      [`input-field--${r.colorStyle}`]: !0,
-      "input-field--destructive": r.destructive,
-      "input-field--focused": r.state === "focused",
-      "input-field--disabled": r.state === "disabled",
-      "input-field--with-leading": r.showCardIcon && u.value !== "unknown",
-      "input-field--with-trailing": !!f.value
+      [`freddy-plugins-input-field--${r.size}`]: !0,
+      [`freddy-plugins-input-field--${r.colorStyle}`]: !0,
+      "freddy-plugins-input-field--destructive": r.destructive,
+      "freddy-plugins-input-field--focused": r.state === "focused",
+      "freddy-plugins-input-field--disabled": r.state === "disabled",
+      "freddy-plugins-input-field--with-leading": r.showCardIcon && u.value !== "unknown",
+      "freddy-plugins-input-field--with-trailing": !!f.value
     })), C = (A) => {
       const O = A.replace(/\D/g, "");
       return /^4/.test(O) ? "visa" : /^5[1-5]/.test(O) || /^2[2-7]/.test(O) ? "mastercard" : /^3[47]/.test(O) ? "amex" : /^6/.test(O) ? "discover" : "unknown";
@@ -65905,12 +65910,12 @@ const tr = new mD(
         return [
           A.showCardIcon && u.value !== "unknown" ? (p(), g("div", {
             key: 0,
-            class: q(["card-type-icon", `card-type-icon--${A.colorStyle}`])
+            class: q(["freddy-plugins-card-type-icon", `freddy-plugins-card-type-icon--${A.colorStyle}`])
           }, [
             l("img", {
               src: R(u.value),
               alt: `${u.value} card`,
-              class: "card-icon-image"
+              class: "freddy-plugins-card-icon-image"
             }, null, 8, Hx)
           ], 2)) : B("", !0),
           M(l("input", {
@@ -65924,7 +65929,7 @@ const tr = new mD(
             disabled: A.disabled,
             readonly: A.readonly,
             maxlength: E.value,
-            class: q(["input-field card-input-field", m.value]),
+            class: q(["freddy-plugins-input-field freddy-plugins-card-input-field", m.value]),
             onInput: b,
             onKeydown: v,
             onFocus: h,
@@ -65934,7 +65939,7 @@ const tr = new mD(
           ]),
           f.value ? (p(), re(We(f.value), {
             key: 1,
-            class: q(["input-trailing-icon", `input-trailing-icon--${A.colorStyle}`]),
+            class: q(["freddy-plugins-input-trailing-icon", `freddy-plugins-input-trailing-icon--${A.colorStyle}`]),
             onClick: S
           }, null, 8, ["class"])) : B("", !0)
         ];
@@ -65942,7 +65947,7 @@ const tr = new mD(
       _: 1
     }, 16));
   }
-}), $x = /* @__PURE__ */ x(zx, [["__scopeId", "data-v-d7a3f6ac"]]), Wx = ["id", "type", "placeholder", "disabled", "readonly"], Kx = /* @__PURE__ */ j({
+}), $x = /* @__PURE__ */ x(zx, [["__scopeId", "data-v-3a6797a1"]]), Wx = ["id", "type", "placeholder", "disabled", "readonly"], Kx = /* @__PURE__ */ j({
   __name: "DefaultInput",
   props: {
     placeholder: { default: "" },
@@ -65975,13 +65980,13 @@ const tr = new mD(
     })), u = (h) => h ? typeof h == "object" ? h : typeof h == "string" ? Ie(
       () => i2(/* @__PURE__ */ Object.assign({ "../../icons/IconAddFileSystem.vue": () => Promise.resolve().then(() => nl), "../../icons/IconAddPeople.vue": () => Promise.resolve().then(() => rl), "../../icons/IconAitronos.vue": () => Promise.resolve().then(() => ol), "../../icons/IconApple.vue": () => Promise.resolve().then(() => il), "../../icons/IconApplePay.vue": () => Promise.resolve().then(() => sl), "../../icons/IconArrowDown.vue": () => Promise.resolve().then(() => _r), "../../icons/IconArrowLeft.vue": () => Promise.resolve().then(() => pr), "../../icons/IconArrowUp.vue": () => Promise.resolve().then(() => mr), "../../icons/IconBadgeCheck.vue": () => Promise.resolve().then(() => cl), "../../icons/IconBroom.vue": () => Promise.resolve().then(() => ul), "../../icons/IconBuildings.vue": () => Promise.resolve().then(() => dl), "../../icons/IconCalendarWithTickInside.vue": () => Promise.resolve().then(() => _l), "../../icons/IconCallNotAllowed.vue": () => Promise.resolve().then(() => pl), "../../icons/IconCardPay.vue": () => Promise.resolve().then(() => ml), "../../icons/IconCaution.vue": () => Promise.resolve().then(() => fl), "../../icons/IconChangeLog.vue": () => Promise.resolve().then(() => El), "../../icons/IconCheckCircleFill.vue": () => Promise.resolve().then(() => bl), "../../icons/IconCheckInCircle.vue": () => Promise.resolve().then(() => hl), "../../icons/IconCheckRounded.vue": () => Promise.resolve().then(() => Cl), "../../icons/IconChevronDown.vue": () => Promise.resolve().then(() => gr), "../../icons/IconChevronLeft.vue": () => Promise.resolve().then(() => fr), "../../icons/IconChevronRight.vue": () => Promise.resolve().then(() => Er), "../../icons/IconChevronUp.vue": () => Promise.resolve().then(() => br), "../../icons/IconCircledCheck.vue": () => Promise.resolve().then(() => vl), "../../icons/IconClock.vue": () => Promise.resolve().then(() => Tl), "../../icons/IconClosedEnvelope.vue": () => Promise.resolve().then(() => yl), "../../icons/IconCloudUpload.vue": () => Promise.resolve().then(() => Al), "../../icons/IconConnectorConfluence.vue": () => Promise.resolve().then(() => Rl), "../../icons/IconConnectorFigma.vue": () => Promise.resolve().then(() => Il), "../../icons/IconConnectorFreshDesk.vue": () => Promise.resolve().then(() => Ol), "../../icons/IconConnectorGitHub.vue": () => Promise.resolve().then(() => Nl), "../../icons/IconConnectorJira.vue": () => Promise.resolve().then(() => Dl), "../../icons/IconConnectorLinear.vue": () => Promise.resolve().then(() => xl), "../../icons/IconConnectorNotion.vue": () => Promise.resolve().then(() => wl), "../../icons/IconConnectorSlack.vue": () => Promise.resolve().then(() => Ml), "../../icons/IconConnectorZapier.vue": () => Promise.resolve().then(() => kl), "../../icons/IconCopy.vue": () => Promise.resolve().then(() => hr), "../../icons/IconCross.vue": () => Promise.resolve().then(() => Cr), "../../icons/IconCrossCircleFill.vue": () => Promise.resolve().then(() => Ll), "../../icons/IconCrossInCircle.vue": () => Promise.resolve().then(() => Pl), "../../icons/IconCurrentTick.vue": () => Promise.resolve().then(() => Fl), "../../icons/IconDataUpload.vue": () => Promise.resolve().then(() => Ul), "../../icons/IconDelete.vue": () => Promise.resolve().then(() => vr), "../../icons/IconDeleteFillRed.vue": () => Promise.resolve().then(() => Yl), "../../icons/IconDisabledAlert.vue": () => Promise.resolve().then(() => Vl), "../../icons/IconDocumentation.vue": () => Promise.resolve().then(() => Hl), "../../icons/IconDownload.vue": () => Promise.resolve().then(() => Tr), "../../icons/IconDribbble.vue": () => Promise.resolve().then(() => zl), "../../icons/IconDropdownArrow.vue": () => Promise.resolve().then(() => $l), "../../icons/IconEdit.vue": () => Promise.resolve().then(() => yr), "../../icons/IconEditLinePath.vue": () => Promise.resolve().then(() => Kl), "../../icons/IconEllipse.vue": () => Promise.resolve().then(() => Fu), "../../icons/IconExcelThumbnail.vue": () => Promise.resolve().then(() => Zl), "../../icons/IconEye.vue": () => Promise.resolve().then(() => Rr), "../../icons/IconFacebook.vue": () => Promise.resolve().then(() => Jl), "../../icons/IconFigma.vue": () => Promise.resolve().then(() => tc), "../../icons/IconFile.vue": () => Promise.resolve().then(() => Or), "../../icons/IconFileSystem.vue": () => Promise.resolve().then(() => rc), "../../icons/IconFileUpload.vue": () => Promise.resolve().then(() => oc), "../../icons/IconFilter.vue": () => Promise.resolve().then(() => Nr), "../../icons/IconFolder.vue": () => Promise.resolve().then(() => xr), "../../icons/IconFreddyHub.vue": () => Promise.resolve().then(() => ic), "../../icons/IconFreddyHubLogo.vue": () => Promise.resolve().then(() => sc), "../../icons/IconFreddyHubNewLogo.vue": () => Promise.resolve().then(() => lc), "../../icons/IconFreddyHubTitle.vue": () => Promise.resolve().then(() => cc), "../../icons/IconFreddySmall.vue": () => Promise.resolve().then(() => dc), "../../icons/IconGlobExpand.vue": () => Promise.resolve().then(() => _c), "../../icons/IconGoogle.vue": () => Promise.resolve().then(() => mc), "../../icons/IconHollowCircle.vue": () => Promise.resolve().then(() => gc), "../../icons/IconHome.vue": () => Promise.resolve().then(() => wr), "../../icons/IconInfoRounded.vue": () => Promise.resolve().then(() => fc), "../../icons/IconInvalidInvoice.vue": () => Promise.resolve().then(() => Ec), "../../icons/IconInvoice.vue": () => Promise.resolve().then(() => Sc), "../../icons/IconInvoiceSwitch.vue": () => Promise.resolve().then(() => bc), "../../icons/IconLapTableBottom.vue": () => Promise.resolve().then(() => hc), "../../icons/IconLense.vue": () => Promise.resolve().then(() => Cc), "../../icons/IconLightCross.vue": () => Promise.resolve().then(() => vc), "../../icons/IconLink04.vue": () => Promise.resolve().then(() => kr), "../../icons/IconLoadingError.vue": () => Promise.resolve().then(() => Tc), "../../icons/IconLoadingOrg.vue": () => Promise.resolve().then(() => yc), "../../icons/IconLocationWithCircleIn.vue": () => Promise.resolve().then(() => Ac), "../../icons/IconLock.vue": () => Promise.resolve().then(() => Lr), "../../icons/IconMarketPlace.vue": () => Promise.resolve().then(() => Ic), "../../icons/IconMaximize.vue": () => Promise.resolve().then(() => Nc), "../../icons/IconMicrophone.vue": () => Promise.resolve().then(() => Dc), "../../icons/IconMutedMicrophone.vue": () => Promise.resolve().then(() => xc), "../../icons/IconNewNotification.vue": () => Promise.resolve().then(() => wc), "../../icons/IconNewTab.vue": () => Promise.resolve().then(() => kc), "../../icons/IconNotification.vue": () => Promise.resolve().then(() => Lc), "../../icons/IconOpenBook.vue": () => Promise.resolve().then(() => Pc), "../../icons/IconPaperAirPlane.vue": () => Promise.resolve().then(() => Bc), "../../icons/IconPauseCircle.vue": () => Promise.resolve().then(() => Uc), "../../icons/IconPdfThumbnail.vue": () => Promise.resolve().then(() => Gc), "../../icons/IconPenEdit.vue": () => Promise.resolve().then(() => Yc), "../../icons/IconPencil.vue": () => Promise.resolve().then(() => Vc), "../../icons/IconPeopleHub.vue": () => Promise.resolve().then(() => Hc), "../../icons/IconPersonCircle.vue": () => Promise.resolve().then(() => qc), "../../icons/IconPits.vue": () => Promise.resolve().then(() => zc), "../../icons/IconPlay.vue": () => Promise.resolve().then(() => $c), "../../icons/IconPlus.vue": () => Promise.resolve().then(() => Pr), "../../icons/IconPolygonDown.vue": () => Promise.resolve().then(() => Kc), "../../icons/IconPresentation.vue": () => Promise.resolve().then(() => Qc), "../../icons/IconProgressBase.vue": () => Promise.resolve().then(() => Zc), "../../icons/IconProgressComplete.vue": () => Promise.resolve().then(() => jc), "../../icons/IconProgressGoing.vue": () => Promise.resolve().then(() => Xc), "../../icons/IconPurpose.vue": () => Promise.resolve().then(() => Jc), "../../icons/IconPurseCircleFill.vue": () => Promise.resolve().then(() => eu), "../../icons/IconQuestion.vue": () => Promise.resolve().then(() => tu), "../../icons/IconRadio.vue": () => Promise.resolve().then(() => nu), "../../icons/IconRadioFill.vue": () => Promise.resolve().then(() => ru), "../../icons/IconRefresh.vue": () => Promise.resolve().then(() => Fr), "../../icons/IconRevertedTraingle.vue": () => Promise.resolve().then(() => iu), "../../icons/IconRobotScreen.vue": () => Promise.resolve().then(() => su), "../../icons/IconRoundTick.vue": () => Promise.resolve().then(() => lu), "../../icons/IconSearch.vue": () => Promise.resolve().then(() => Gr), "../../icons/IconSectionHide.vue": () => Promise.resolve().then(() => uu), "../../icons/IconSend.vue": () => Promise.resolve().then(() => Yr), "../../icons/IconSettings.vue": () => Promise.resolve().then(() => Vr), "../../icons/IconSettingsBold.vue": () => Promise.resolve().then(() => _u), "../../icons/IconSize.vue": () => Promise.resolve().then(() => pu), "../../icons/IconSortIdle.vue": () => Promise.resolve().then(() => mu), "../../icons/IconSparkle.vue": () => Promise.resolve().then(() => gu), "../../icons/IconSpotlio.vue": () => Promise.resolve().then(() => fu), "../../icons/IconStar.vue": () => Promise.resolve().then(() => qr), "../../icons/IconStatistics.vue": () => Promise.resolve().then(() => Su), "../../icons/IconStopChat.vue": () => Promise.resolve().then(() => bu), "../../icons/IconStreamLineHub.vue": () => Promise.resolve().then(() => hu), "../../icons/IconStreamLineHubNewLogo.vue": () => Promise.resolve().then(() => Cu), "../../icons/IconSun.vue": () => Promise.resolve().then(() => vu), "../../icons/IconSwap.vue": () => Promise.resolve().then(() => Tu), "../../icons/IconText.vue": () => Promise.resolve().then(() => zr), "../../icons/IconTextThumbnail.vue": () => Promise.resolve().then(() => Au), "../../icons/IconThinDocument.vue": () => Promise.resolve().then(() => Ru), "../../icons/IconThinFile.vue": () => Promise.resolve().then(() => Iu), "../../icons/IconThumbsDown.vue": () => Promise.resolve().then(() => Nu), "../../icons/IconTick.vue": () => Promise.resolve().then(() => $r), "../../icons/IconUser.vue": () => Promise.resolve().then(() => Wr), "../../icons/IconVerticalDots.vue": () => Promise.resolve().then(() => Du), "../../icons/IconVideoCamera.vue": () => Promise.resolve().then(() => xu), "../../icons/IconWarningOctal.vue": () => Promise.resolve().then(() => wu), "../../icons/IconX.vue": () => Promise.resolve().then(() => ku), "../../icons/IconZip.vue": () => Promise.resolve().then(() => Lu) }), `../../icons/${h}.vue`, 4).catch(() => ({ template: "<div></div>" }))
     ) : null : null, d = F(() => u(r.leadingIcon)), _ = F(() => u(r.trailingIcon)), f = F(() => ({
-      [`input-field--${r.size}`]: !0,
-      [`input-field--${r.colorStyle}`]: !0,
-      "input-field--destructive": r.destructive,
-      "input-field--focused": r.state === "focused",
-      "input-field--disabled": r.state === "disabled",
-      "input-field--with-leading": !!d.value,
-      "input-field--with-trailing": !!_.value
+      [`freddy-plugins-input-field--${r.size}`]: !0,
+      [`freddy-plugins-input-field--${r.colorStyle}`]: !0,
+      "freddy-plugins-input-field--destructive": r.destructive,
+      "freddy-plugins-input-field--focused": r.state === "focused",
+      "freddy-plugins-input-field--disabled": r.state === "disabled",
+      "freddy-plugins-input-field--with-leading": !!d.value,
+      "freddy-plugins-input-field--with-trailing": !!_.value
     })), E = (h) => {
       const T = h.target;
       i.value = T.value, o("update:modelValue", T.value), o("input", T.value);
@@ -66016,7 +66021,7 @@ const tr = new mD(
         return [
           d.value ? (p(), re(We(d.value), {
             key: 0,
-            class: q(["input-leading-icon", `input-leading-icon--${h.colorStyle}`]),
+            class: q(["freddy-plugins-input-leading-icon", `freddy-plugins-input-leading-icon--${h.colorStyle}`]),
             onClick: R
           }, null, 8, ["class"])) : B("", !0),
           M(l("input", {
@@ -66028,7 +66033,7 @@ const tr = new mD(
             placeholder: h.placeholder,
             disabled: h.disabled,
             readonly: h.readonly,
-            class: q(["input-field", f.value]),
+            class: q(["freddy-plugins-input-field", f.value]),
             onInput: E,
             onFocus: m,
             onBlur: C,
@@ -66043,13 +66048,13 @@ const tr = new mD(
           }, {
             default: Pe(() => [
               (p(), re(We(_.value), {
-                class: q(["input-trailing-icon", `input-trailing-icon--${h.colorStyle}`])
+                class: q(["freddy-plugins-input-trailing-icon", `freddy-plugins-input-trailing-icon--${h.colorStyle}`])
               }, null, 8, ["class"]))
             ]),
             _: 1
           }, 8, ["text"])) : _.value ? (p(), re(We(_.value), {
             key: 2,
-            class: q(["input-trailing-icon", `input-trailing-icon--${h.colorStyle}`]),
+            class: q(["freddy-plugins-input-trailing-icon", `freddy-plugins-input-trailing-icon--${h.colorStyle}`]),
             onClick: b
           }, null, 8, ["class"])) : B("", !0)
         ];
@@ -66057,9 +66062,9 @@ const tr = new mD(
       _: 1
     }, 16));
   }
-}), Qx = /* @__PURE__ */ x(Kx, [["__scopeId", "data-v-304fa87a"]]), Zx = { class: "figma-dropdown-text" }, jx = ["onClick"], Xx = { class: "country-flag" }, Jx = { class: "country-name" }, ew = { class: "country-dial-code" }, tw = ["id", "placeholder", "disabled", "readonly"], nw = {
+}), Qx = /* @__PURE__ */ x(Kx, [["__scopeId", "data-v-e865b202"]]), Zx = { class: "freddy-plugins-figma-dropdown-text" }, jx = ["onClick"], Xx = { class: "freddy-plugins-country-flag" }, Jx = { class: "freddy-plugins-country-name" }, ew = { class: "freddy-plugins-country-dial-code" }, tw = ["id", "placeholder", "disabled", "readonly"], nw = {
   key: 0,
-  class: "figma-help-icon"
+  class: "freddy-plugins-figma-help-icon"
 }, rw = /* @__PURE__ */ j({
   __name: "PhoneInput",
   props: {
@@ -66156,7 +66161,7 @@ const tr = new mD(
       var T;
       (T = a.value) == null || T.focus();
     }, h = (T) => {
-      T.target.closest(".input-field-container") || (c.value = !1);
+      T.target.closest(".freddy-plugins-input-field-container") || (c.value = !1);
     };
     return Fe(
       () => r.countryCode,
@@ -66184,19 +66189,19 @@ const tr = new mD(
         var I;
         return [
           l("div", {
-            class: q(["figma-dropdown", `figma-dropdown--${T.colorStyle}`]),
+            class: q(["freddy-plugins-figma-dropdown", `freddy-plugins-figma-dropdown--${T.colorStyle}`]),
             onClick: m
           }, [
             l("span", Zx, D(E.value.code), 1),
-            H(G(jt), { class: "figma-dropdown-icon" })
+            H(G(jt), { class: "freddy-plugins-figma-dropdown-icon" })
           ], 2),
           c.value ? (p(), g("div", {
             key: 0,
-            class: q(["country-options-dropdown", `country-options-dropdown--${T.colorStyle}`])
+            class: q(["freddy-plugins-country-options-dropdown", `freddy-plugins-country-options-dropdown--${T.colorStyle}`])
           }, [
             (p(!0), g(ue, null, _e(f.value, (A) => (p(), g("div", {
               key: A.code,
-              class: q(["country-option", `country-option--${T.colorStyle}`]),
+              class: q(["freddy-plugins-country-option", `freddy-plugins-country-option--${T.colorStyle}`]),
               onClick: (O) => C(A)
             }, [
               l("span", Xx, D(A.flag), 1),
@@ -66205,7 +66210,7 @@ const tr = new mD(
             ], 10, jx))), 128))
           ], 2)) : B("", !0),
           l("div", {
-            class: q(["figma-text-input", `figma-text-input--${T.colorStyle}`])
+            class: q(["freddy-plugins-figma-text-input", `freddy-plugins-figma-text-input--${T.colorStyle}`])
           }, [
             M(l("input", {
               id: (I = s.value) == null ? void 0 : I.inputId,
@@ -66216,7 +66221,7 @@ const tr = new mD(
               placeholder: T.placeholder,
               disabled: T.disabled,
               readonly: T.readonly,
-              class: "figma-phone-input",
+              class: "freddy-plugins-figma-phone-input",
               onInput: y,
               onFocus: R,
               onBlur: b
@@ -66230,12 +66235,12 @@ const tr = new mD(
                 placement: "top"
               }, {
                 default: Pe(() => [
-                  H(G(un), { class: "figma-help-icon-svg" })
+                  H(G(un), { class: "freddy-plugins-figma-help-icon-svg" })
                 ]),
                 _: 1
               }, 8, ["text"])) : (p(), re(G(un), {
                 key: 1,
-                class: "figma-help-icon-svg"
+                class: "freddy-plugins-figma-help-icon-svg"
               }))
             ])) : B("", !0)
           ], 2)
@@ -66244,7 +66249,7 @@ const tr = new mD(
       _: 1
     }, 16));
   }
-}), ow = /* @__PURE__ */ x(rw, [["__scopeId", "data-v-6a6936fd"]]), aw = /* @__PURE__ */ j({
+}), ow = /* @__PURE__ */ x(rw, [["__scopeId", "data-v-20d005c2"]]), aw = /* @__PURE__ */ j({
   __name: "InputField",
   props: {
     size: { default: "md" },
@@ -66416,7 +66421,7 @@ const tr = new mD(
 }, sw = {
   key: 0,
   class: "fixed z-[9998] top-0 left-0 w-full h-full bg-modalBackgroundBlur flex justify-center items-center"
-}, lw = { class: "flex justify-center items-center" }, cw = { class: "modal-header" }, uw = { class: "modal-body" }, dw = { class: "modal-footer" };
+}, lw = { class: "flex justify-center items-center" }, cw = { class: "freddy-plugins-modal-header" }, uw = { class: "freddy-plugins-modal-body" }, dw = { class: "freddy-plugins-modal-footer" };
 function _w(t, e, n, r, o, a) {
   return p(), re(Fn, { name: "modal" }, {
     default: Pe(() => [
@@ -66425,7 +66430,7 @@ function _w(t, e, n, r, o, a) {
           l("div", {
             class: q({
               "p-8 bg-background rounded-[2.5rem] overflow-hidden text-white": n.largeModel,
-              "modal-container-large": n.largeModel
+              "freddy-plugins-modal-container-large": n.largeModel
             })
           }, [
             l("div", cw, [
@@ -66910,7 +66915,7 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
       })
     ], 2));
   }
-}), Fw = { class: "freddy-modal-header" }, Bw = { class: "freddy-modal-body" }, dP = /* @__PURE__ */ j({
+}), Fw = { class: "freddy-plugins-modal-header" }, Bw = { class: "freddy-plugins-modal-body" }, dP = /* @__PURE__ */ j({
   __name: "ModalOverlay",
   props: {
     modalTitle: {},
@@ -66927,23 +66932,23 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
     return (c, u) => (p(), g("div", {
       role: "dialog",
       "aria-modal": "true",
-      class: "freddy-modal-overlay",
+      class: "freddy-plugins-modal-overlay",
       onClick: i
     }, [
       l("div", {
-        class: "freddy-modal-content",
+        class: "freddy-plugins-modal-content",
         onClick: u[0] || (u[0] = Ue(() => {
         }, ["stop"]))
       }, [
         l("header", Fw, [
           l("h2", {
-            class: q(["freddy-modal-title", c.headerClass])
+            class: q(["freddy-plugins-modal-title", c.headerClass])
           }, D(c.modalTitle), 3),
           l("button", {
-            class: "freddy-modal-close",
+            class: "freddy-plugins-modal-close",
             onClick: s
           }, [
-            H(Mr, { class: "freddy-modal-close-icon" })
+            H(Mr, { class: "freddy-plugins-modal-close-icon" })
           ])
         ]),
         l("div", Bw, [
@@ -67270,18 +67275,18 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
       ])
     ])) : B("", !0);
   }
-}), dM = { class: "slider-container" }, _M = {
+}), dM = { class: "freddy-plugins-slider-container" }, _M = {
   key: 0,
-  class: "slider-header"
+  class: "freddy-plugins-slider-header"
 }, pM = {
   key: 0,
-  class: "slider-label-section"
-}, mM = { class: "slider-label" }, gM = {
+  class: "freddy-plugins-slider-label-section"
+}, mM = { class: "freddy-plugins-slider-label" }, gM = {
   key: 1,
-  class: "slider-value-badge"
+  class: "freddy-plugins-slider-value-badge"
 }, fM = ["tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-label"], EM = {
   key: 1,
-  class: "slider-hint"
+  class: "freddy-plugins-slider-hint"
 }, SM = /* @__PURE__ */ j({
   __name: "Slider",
   props: {
@@ -67381,7 +67386,7 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
             placement: b.tooltipPlacement
           }, {
             default: Pe(() => [
-              H($t, { class: "slider-tooltip-icon" })
+              H($t, { class: "freddy-plugins-slider-tooltip-icon" })
             ]),
             _: 1
           }, 8, ["text", "placement"])) : B("", !0)
@@ -67389,7 +67394,7 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
         b.showValue ? (p(), g("div", gM, D(c.value), 1)) : B("", !0)
       ])) : B("", !0),
       l("div", {
-        class: q(["slider-track-container", { "slider-disabled": b.disabled }]),
+        class: q(["freddy-plugins-slider-track-container", { "freddy-plugins-slider-disabled": b.disabled }]),
         onClick: y,
         onKeydown: R,
         tabindex: b.disabled ? -1 : 0,
@@ -67403,16 +67408,16 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
         l("div", {
           ref_key: "sliderTrack",
           ref: i,
-          class: "slider-track-background"
+          class: "freddy-plugins-slider-track-background"
         }, null, 512),
         l("div", {
-          class: "slider-track-progress",
+          class: "freddy-plugins-slider-track-progress",
           style: Ye({ width: u.value + "%" })
         }, null, 4),
         l("div", {
-          class: q(["slider-thumb", {
-            "slider-thumb-dragging": s.value,
-            "slider-thumb-disabled": b.disabled
+          class: q(["freddy-plugins-slider-thumb", {
+            "freddy-plugins-slider-thumb-dragging": s.value,
+            "freddy-plugins-slider-thumb-disabled": b.disabled
           }]),
           style: Ye({ left: d.value + "%" }),
           onMousedown: m,
@@ -67422,7 +67427,7 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
       b.hint ? (p(), g("p", EM, D(b.hint), 1)) : B("", !0)
     ]));
   }
-}), fP = /* @__PURE__ */ x(SM, [["__scopeId", "data-v-f16b80a2"]]), bM = { class: "freddy-plugin-snackbar-content" }, hM = { class: "freddy-plugin-snackbar-left" }, CM = { class: "freddy-plugin-snackbar-text" }, vM = ["innerHTML"], TM = ["innerHTML"], yM = ["onClick"], EP = /* @__PURE__ */ j({
+}), fP = /* @__PURE__ */ x(SM, [["__scopeId", "data-v-2b73014b"]]), bM = { class: "freddy-plugins-snackbar-content" }, hM = { class: "freddy-plugins-snackbar-left" }, CM = { class: "freddy-plugins-snackbar-text" }, vM = ["innerHTML"], TM = ["innerHTML"], yM = ["onClick"], EP = /* @__PURE__ */ j({
   __name: "SnackBar",
   setup(t) {
     const { currentProject: e, currentColorMode: n } = Oe(), { snackQueue: r } = f3(), o = (i) => {
@@ -67451,54 +67456,54 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
       r.value.splice(i, 1);
     };
     return (i, c) => (p(), g("div", {
-      class: q(["freddy-plugin-snackbar-container", `freddy-plugin-snackbar-container--${a.value}`])
+      class: q(["freddy-plugins-snackbar-container", `freddy-plugins-snackbar-container--${a.value}`])
     }, [
       (p(!0), g(ue, null, _e(G(r), (u, d) => (p(), g("div", {
         key: d,
-        class: q(["freddy-plugin-snackbar", `freddy-plugin-snackbar--${u.toastType}`])
+        class: q(["freddy-plugins-snackbar", `freddy-plugins-snackbar--${u.toastType}`])
       }, [
         l("div", bM, [
           l("div", hM, [
             (p(), re(We(o(u.toastType)), {
-              class: q(["freddy-plugin-snackbar-icon", [
-                u.toastType === "info" && "freddy-plugin-snackbar-icon--info",
-                u.toastType === "danger" && "freddy-plugin-snackbar-icon--danger",
-                u.toastType === "success" && "freddy-plugin-snackbar-icon--success"
+              class: q(["freddy-plugins-snackbar-icon", [
+                u.toastType === "info" && "freddy-plugins-snackbar-icon--info",
+                u.toastType === "danger" && "freddy-plugins-snackbar-icon--danger",
+                u.toastType === "success" && "freddy-plugins-snackbar-icon--success"
               ]])
             }, null, 8, ["class"])),
             l("div", CM, [
               l("p", {
-                class: "freddy-plugin-snackbar-title",
+                class: "freddy-plugins-snackbar-title",
                 innerHTML: u.title
               }, null, 8, vM),
               l("p", {
-                class: "freddy-plugin-snackbar-message",
+                class: "freddy-plugins-snackbar-message",
                 innerHTML: u.message
               }, null, 8, TM)
             ])
           ]),
           l("button", {
-            class: "freddy-plugin-snackbar-close-btn",
+            class: "freddy-plugins-snackbar-close-btn",
             onClick: (_) => s(d)
           }, [
-            H(Mr, { class: "freddy-plugin-snackbar-close-icon" })
+            H(Mr, { class: "freddy-plugins-snackbar-close-icon" })
           ], 8, yM)
         ])
       ], 2))), 128))
     ], 2));
   }
-}), AM = { class: "switch-slot__header" }, RM = {
+}), AM = { class: "freddy-plugins-switch-slot__header" }, RM = {
   key: 0,
-  class: "switch-slot__label-section"
+  class: "freddy-plugins-switch-slot__label-section"
 }, IM = {
   key: 0,
-  class: "switch-slot__label"
+  class: "freddy-plugins-switch-slot__label"
 }, OM = ["aria-checked", "tabindex", "onKeydown", "disabled"], NM = {
   key: 0,
-  class: "switch-slot__content"
+  class: "freddy-plugins-switch-slot__content"
 }, DM = {
   key: 1,
-  class: "switch-slot__hint"
+  class: "freddy-plugins-switch-slot__hint"
 }, xM = /* @__PURE__ */ j({
   __name: "SwitchSlot",
   props: {
@@ -67517,9 +67522,9 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
       i.stopPropagation(), o.disabled || a("update:modelValue", !o.modelValue);
     };
     return (i, c) => (p(), g("div", {
-      class: q(["switch-slot", {
-        "switch-slot--bordered": i.variant === "bordered",
-        "switch-slot--disabled": i.disabled
+      class: q(["freddy-plugins-switch-slot", {
+        "freddy-plugins-switch-slot--bordered": i.variant === "bordered",
+        "freddy-plugins-switch-slot--disabled": i.disabled
       }])
     }, [
       l("div", AM, [
@@ -67531,13 +67536,13 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
             placement: i.tooltipPlacement
           }, {
             default: Pe(() => [
-              H($t, { class: "switch-slot__tooltip-icon" })
+              H($t, { class: "freddy-plugins-switch-slot__tooltip-icon" })
             ]),
             _: 1
           }, 8, ["text", "placement"])) : B("", !0)
         ])) : B("", !0),
         l("button", {
-          class: q(["switch-slot__switch", { "switch-slot__switch--on": i.modelValue }]),
+          class: q(["freddy-plugins-switch-slot__switch", { "freddy-plugins-switch-slot__switch--on": i.modelValue }]),
           "aria-checked": i.modelValue,
           role: "switch",
           tabindex: i.disabled ? -1 : 0,
@@ -67548,8 +67553,8 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
           ],
           disabled: i.disabled
         }, [...c[0] || (c[0] = [
-          l("span", { class: "switch-slot__track" }, null, -1),
-          l("span", { class: "switch-slot__thumb" }, null, -1)
+          l("span", { class: "freddy-plugins-switch-slot__track" }, null, -1),
+          l("span", { class: "freddy-plugins-switch-slot__thumb" }, null, -1)
         ])], 42, OM)
       ]),
       i.showSlotContent ? (p(), g("div", NM, [
@@ -67558,7 +67563,7 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
       i.hint ? (p(), g("p", DM, D(i.hint), 1)) : B("", !0)
     ], 2));
   }
-}), SP = /* @__PURE__ */ x(xM, [["__scopeId", "data-v-0a8c7d10"]]), wM = { class: "theme-switcher" }, MM = { class: "theme-switcher-header" }, kM = { class: "header-content" }, LM = { class: "header-right" }, PM = ["title"], FM = { class: "status-text" }, BM = {
+}), SP = /* @__PURE__ */ x(xM, [["__scopeId", "data-v-a5f9fecf"]]), wM = { class: "theme-switcher" }, MM = { class: "theme-switcher-header" }, kM = { class: "header-content" }, LM = { class: "header-right" }, PM = ["title"], FM = { class: "status-text" }, BM = {
   key: 0,
   class: "loading-container"
 }, UM = {
@@ -67911,21 +67916,21 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
       ]);
     };
   }
-}), Zk = { class: "themable" }, jk = {
+}), Zk = { class: "freddy-plugins-themable" }, jk = {
   key: 0,
-  class: "status-indicator"
-}, Xk = { class: "status-content" }, Jk = { key: 0 }, eL = { key: 1 }, tL = { class: "tab-navigation" }, nL = ["onClick"], rL = { class: "tab-icon" }, oL = { class: "tab-label" }, aL = { class: "tab-content" }, iL = {
+  class: "freddy-plugins-status-indicator"
+}, Xk = { class: "freddy-plugins-status-content" }, Jk = { key: 0 }, eL = { key: 1 }, tL = { class: "freddy-plugins-tab-navigation" }, nL = ["onClick"], rL = { class: "freddy-plugins-tab-icon" }, oL = { class: "freddy-plugins-tab-label" }, aL = { class: "freddy-plugins-tab-content" }, iL = {
   key: 0,
-  class: "tab-panel"
+  class: "freddy-plugins-tab-panel"
 }, sL = {
   key: 1,
-  class: "tab-panel"
+  class: "freddy-plugins-tab-panel"
 }, lL = {
   key: 2,
-  class: "tab-panel"
+  class: "freddy-plugins-tab-panel"
 }, cL = {
   key: 3,
-  class: "tab-panel"
+  class: "freddy-plugins-tab-panel"
 }, bP = /* @__PURE__ */ j({
   __name: "Themable",
   setup(t) {
@@ -67958,7 +67963,7 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
         n.value = "Error: " + (c instanceof Error ? c.message : "Unknown error");
       }
     }), (c, u) => (p(), g("div", Zk, [
-      u[4] || (u[4] = l("div", { class: "themable-header" }, [
+      u[4] || (u[4] = l("div", { class: "freddy-plugins-themable-header" }, [
         l("h1", null, "Themable Design System"),
         l("p", null, "Comprehensive tools for managing and comparing design system configurations")
       ], -1)),
@@ -67973,7 +67978,7 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
         (p(), g(ue, null, _e(i, (d) => l("button", {
           key: d.id,
           onClick: (_) => e.value = d.id,
-          class: q(["tab-button", { active: e.value === d.id }])
+          class: q(["freddy-plugins-tab-button", { "freddy-plugins-active": e.value === d.id }])
         }, [
           l("span", rL, D(d.icon), 1),
           l("span", oL, D(d.label), 1)
@@ -67981,28 +67986,28 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
       ]),
       l("div", aL, [
         e.value === "overview" ? (p(), g("div", iL, [
-          u[0] || (u[0] = l("div", { class: "panel-header" }, [
+          u[0] || (u[0] = l("div", { class: "freddy-plugins-panel-header" }, [
             l("h2", null, "Overview Dashboard"),
             l("p", null, "View all color configurations, fonts, and corner radius for all brands and color modes")
           ], -1)),
           H(r2)
         ])) : B("", !0),
         e.value === "comparison" ? (p(), g("div", sL, [
-          u[1] || (u[1] = l("div", { class: "panel-header" }, [
+          u[1] || (u[1] = l("div", { class: "freddy-plugins-panel-header" }, [
             l("h2", null, "Color Comparison"),
             l("p", null, "Compare colors across different brands and color modes")
           ], -1)),
           H(CO)
         ])) : B("", !0),
         e.value === "tests" ? (p(), g("div", lL, [
-          u[2] || (u[2] = l("div", { class: "panel-header" }, [
+          u[2] || (u[2] = l("div", { class: "freddy-plugins-panel-header" }, [
             l("h2", null, "Color Tests"),
             l("p", null, "Validate that applied CSS variables match the configuration for the selected brand and mode.")
           ], -1)),
           H(XO)
         ])) : B("", !0),
         e.value === "switcher" ? (p(), g("div", cL, [
-          u[3] || (u[3] = l("div", { class: "panel-header" }, [
+          u[3] || (u[3] = l("div", { class: "freddy-plugins-panel-header" }, [
             l("h2", null, "Theme Switcher"),
             l("p", null, "Switch between different brands and color modes to customize your design system")
           ], -1)),
@@ -68011,24 +68016,24 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
       ])
     ]));
   }
-}), uL = { class: "themable-overview-dashboard" }, hP = /* @__PURE__ */ j({
+}), uL = { class: "freddy-plugins-themable-overview-dashboard" }, hP = /* @__PURE__ */ j({
   __name: "ThemableOverviewDashboard",
   setup(t) {
     return (e, n) => (p(), g("div", uL, [
-      n[0] || (n[0] = l("div", { class: "dashboard-header" }, [
+      n[0] || (n[0] = l("div", { class: "freddy-plugins-dashboard-header" }, [
         l("h1", null, "Themable Overview Dashboard"),
-        l("p", null, "View all color configurations, fonts, and corner radius for all brands and color modes")
+        l("p", null, " View all color configurations, fonts, and corner radius for all brands and color modes ")
       ], -1)),
       H(r2)
     ]));
   }
-}), dL = { class: "toast-wrapper" }, _L = { class: "toast-icon-wrapper" }, pL = { class: "toast-message" }, mL = ["onClick"], CP = /* @__PURE__ */ j({
+}), dL = { class: "freddy-plugins-toast-wrapper" }, _L = { class: "freddy-plugins-toast-icon-wrapper" }, pL = { class: "freddy-plugins-toast-message" }, mL = ["onClick"], CP = /* @__PURE__ */ j({
   __name: "ToastMessage",
   setup(t) {
     const { toastQueue: e } = im(), n = {
-      success: "toast-success",
-      danger: "toast-danger",
-      info: "toast-info"
+      success: "freddy-plugins-toast-success",
+      danger: "freddy-plugins-toast-danger",
+      info: "freddy-plugins-toast-info"
     }, r = (s) => n[s], o = (s) => {
       switch (s) {
         case "success":
@@ -68046,17 +68051,17 @@ const pw = /* @__PURE__ */ x(iw, [["render", _w]]), lP = /* @__PURE__ */ j({
     return (s, i) => (p(), g("div", dL, [
       (p(!0), g(ue, null, _e(G(e), (c, u) => (p(), g("div", {
         key: u,
-        class: q(["toast-item", r(c.toastType)])
+        class: q(["freddy-plugins-toast-item", r(c.toastType)])
       }, [
         l("div", _L, [
-          (p(), re(We(o(c.toastType)), { class: "toast-icon" }))
+          (p(), re(We(o(c.toastType)), { class: "freddy-plugins-toast-icon" }))
         ]),
         l("span", pL, D(c.message), 1),
         l("button", {
-          class: "toast-close-button",
+          class: "freddy-plugins-toast-close-button",
           onClick: (d) => a(u)
         }, [
-          H(G(bt), { class: "toast-close-icon" })
+          H(G(bt), { class: "freddy-plugins-toast-close-icon" })
         ], 8, mL)
       ], 2))), 128))
     ]));