@gspa/ui 0.1.1 → 0.1.4

package/dist/layouts/ErrorLayout.js

@@ -0,0 +1,452 @@
+import { createElementBlock as n, openBlock as s, normalizeClass as a, createCommentVNode as c, createElementVNode as t, renderSlot as f, toDisplayString as d, normalizeStyle as W, createTextVNode as m, Fragment as Y, renderList as q, getCurrentInstance as F, inject as J, ref as h, onMounted as K, onUnmounted as Q, computed as l } from "vue";
+import { _ as X } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const Z = {
+  name: "ErrorLayout",
+  props: {
+    errorType: {
+      type: [String, Number],
+      default: "404"
+    },
+    errorCode: {
+      type: [String, Number],
+      default: null
+    },
+    errorTitle: {
+      type: String,
+      default: null
+    },
+    errorMessage: {
+      type: String,
+      default: null
+    },
+    brandName: {
+      type: String,
+      default: "Software Technologies"
+    },
+    showLogo: {
+      type: Boolean,
+      default: !0
+    },
+    showBackground: {
+      type: Boolean,
+      default: !0
+    },
+    showDefaultIllustration: {
+      type: Boolean,
+      default: !0
+    },
+    showDefaultActions: {
+      type: Boolean,
+      default: !0
+    },
+    showHomeButton: {
+      type: Boolean,
+      default: !0
+    },
+    showBackButton: {
+      type: Boolean,
+      default: !0
+    },
+    showRetryButton: {
+      type: Boolean,
+      default: !1
+    },
+    showSupportButton: {
+      type: Boolean,
+      default: !1
+    },
+    showAdditionalInfo: {
+      type: Boolean,
+      default: !1
+    },
+    homeUrl: {
+      type: String,
+      default: "/"
+    },
+    homeButtonText: {
+      type: String,
+      default: "Go Home"
+    },
+    backButtonText: {
+      type: String,
+      default: "Go Back"
+    },
+    retryButtonText: {
+      type: String,
+      default: "Try Again"
+    },
+    helpText: {
+      type: String,
+      default: null
+    },
+    supportUrl: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["retry", "back", "contact-support"],
+  setup(o, { emit: r }) {
+    const i = F(), e = J("$router", null) || i?.appContext.app.config.globalProperties?.$router, x = h(!1), w = h(!1), u = h(navigator.onLine), b = h(`err_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`), p = h(!1), C = () => {
+      u.value = navigator.onLine;
+    };
+    K(() => {
+      window.addEventListener("online", C), window.addEventListener("offline", C);
+    }), Q(() => {
+      window.removeEventListener("online", C), window.removeEventListener("offline", C);
+    });
+    const k = l(() => {
+      const g = {
+        404: {
+          title: "Page Not Found",
+          message: "Sorry, we couldn't find the page you're looking for.",
+          icon: "🔍",
+          color: "#64748b",
+          homeButtonIcon: "🏠",
+          additionalInfo: {
+            title: "What can you do?",
+            items: [
+              { icon: "✓", iconColor: "green-500", text: "Check the URL for typos" },
+              { icon: "✓", iconColor: "green-500", text: "Go back to the previous page" },
+              { icon: "✓", iconColor: "green-500", text: "Visit our homepage" }
+            ]
+          }
+        },
+        403: {
+          title: "Unauthorized Access",
+          message: "You are not authorized to view this page.",
+          icon: "🚫",
+          color: "#ef4444",
+          homeButtonIcon: "🔐",
+          additionalInfo: {
+            title: "Why am I seeing this?",
+            items: [
+              { icon: "⚠️", iconColor: "yellow-500", text: "You may need to log in to access this page" },
+              { icon: "⚠️", iconColor: "yellow-500", text: "Your account might not have the required permissions" },
+              { icon: "⚠️", iconColor: "yellow-500", text: "Contact support if you believe this is an error" }
+            ]
+          }
+        },
+        401: {
+          title: "Authentication Required",
+          message: "You need to log in to access this resource.",
+          icon: "🔐",
+          color: "#f59e0b",
+          homeButtonIcon: "🔐",
+          additionalInfo: {
+            title: "How to proceed?",
+            items: [
+              { icon: "✓", iconColor: "blue-500", text: "Log in with your credentials" },
+              { icon: "✓", iconColor: "blue-500", text: "Create an account if you don't have one" },
+              { icon: "✓", iconColor: "blue-500", text: "Reset your password if you forgot it" }
+            ]
+          }
+        },
+        500: {
+          title: "Internal Server Error",
+          message: "Something went wrong on our end. Please try again later.",
+          icon: "🔧",
+          color: "#ef4444",
+          homeButtonIcon: "🏠",
+          additionalInfo: {
+            title: "What happened?",
+            items: [
+              { icon: "⚠️", iconColor: "red-500", text: "Our servers are experiencing issues" },
+              { icon: "⚠️", iconColor: "red-500", text: "The problem is temporary" },
+              { icon: "⚠️", iconColor: "red-500", text: "Try refreshing the page or come back later" }
+            ]
+          }
+        },
+        503: {
+          title: "Service Unavailable",
+          message: "The service is temporarily unavailable. Please try again later.",
+          icon: "🔧",
+          color: "#f59e0b",
+          homeButtonIcon: "🏠",
+          additionalInfo: {
+            title: "Service Status",
+            items: [
+              { icon: "⚠️", iconColor: "amber-500", text: "We're performing scheduled maintenance" },
+              { icon: "⚠️", iconColor: "amber-500", text: "Normal service will resume shortly" },
+              { icon: "⚠️", iconColor: "amber-500", text: "Check our status page for updates" }
+            ]
+          }
+        },
+        network: {
+          title: "Network Error",
+          message: "Unable to connect to the server. Please check your internet connection.",
+          icon: "📶",
+          color: "#ef4444",
+          homeButtonIcon: "🏠",
+          additionalInfo: {
+            title: "Connection Issues",
+            items: [
+              { icon: "⚠️", iconColor: "red-500", text: "Check your internet connection" },
+              { icon: "⚠️", iconColor: "red-500", text: "Try refreshing the page" },
+              { icon: "⚠️", iconColor: "red-500", text: "Contact your network administrator" }
+            ]
+          }
+        }
+      };
+      return g[o.errorType] || g[404];
+    }), y = l(() => k.value), B = l(() => o.errorTitle || y.value.title), I = l(() => o.errorMessage || y.value.message), S = l(() => y.value.homeButtonIcon || "🏠"), T = l(() => o.showAdditionalInfo ? y.value.additionalInfo : null), v = () => {
+      e ? e.push(o.homeUrl) : window.location.href = o.homeUrl;
+    }, L = () => {
+      e && window.history.length > 1 ? e.back() : window.history.length > 1 ? window.history.back() : v(), r("back");
+    }, _ = async () => {
+      x.value = !0;
+      try {
+        await new Promise((g) => setTimeout(g, 1e3)), window.location.reload();
+      } catch (g) {
+        console.error("Retry failed:", g);
+      } finally {
+        x.value = !1;
+      }
+      r("retry");
+    }, j = l(() => [
+      "min-h-screen relative flex items-center justify-center",
+      "px-4 sm:px-6 lg:px-8"
+    ]), R = l(() => [
+      "absolute inset-0 -z-10"
+    ]), E = l(() => [
+      "w-full max-w-2xl mx-auto text-center"
+    ]), N = l(() => [
+      "mb-8"
+    ]), U = l(() => [
+      "space-y-8"
+    ]), D = l(() => [
+      "flex justify-center mb-6"
+    ]), A = l(() => [
+      "w-32 h-32 flex items-center justify-center"
+    ]), H = l(() => [
+      "space-y-4"
+    ]), P = l(() => [
+      "text-6xl font-bold ui-text mb-4"
+    ]), z = l(() => [
+      "text-3xl font-bold ui-text"
+    ]), O = l(() => [
+      "text-lg ui-text max-w-lg mx-auto"
+    ]), G = l(() => [
+      "mt-8"
+    ]), M = l(() => [
+      "mt-8"
+    ]), V = l(() => [
+      "mt-6"
+    ]);
+    return {
+      // State
+      isRetrying: x,
+      reportSent: w,
+      isOnline: u,
+      errorId: b,
+      isDev: p,
+      // Computed
+      errorConfig: y,
+      title: B,
+      message: I,
+      homeButtonIcon: S,
+      additionalInfoConfig: T,
+      // Methods
+      goHome: v,
+      goBack: L,
+      retry: _,
+      // Classes
+      layoutClasses: j,
+      backgroundClasses: R,
+      contentClasses: E,
+      headerClasses: N,
+      errorContentClasses: U,
+      illustrationClasses: D,
+      iconContainerClasses: A,
+      detailsClasses: H,
+      codeClasses: P,
+      titleClasses: z,
+      messageClasses: O,
+      actionsClasses: G,
+      additionalInfoClasses: M,
+      helpClasses: V
+    };
+  }
+}, $ = { class: "flex justify-center" }, ee = { class: "flex items-center gap-3" }, te = { class: "text-2xl font-bold ui-text" }, oe = {
+  key: 1,
+  class: "ui-danger-soft border border-(--ui-danger-soft) rounded-lg p-4 mx-auto max-w-md mb-6"
+}, ne = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, se = ["disabled"], re = {
+  key: 0,
+  class: "animate-spin"
+}, ie = { key: 1 }, le = ["disabled"], ae = { key: 0 }, ce = { key: 1 }, de = {
+  key: 0,
+  class: "mt-8 max-w-md mx-auto"
+}, ue = { class: "rounded-lg shadow-sm p-6" }, fe = { class: "text-lg font-semibold ui-text mb-4" }, me = { class: "space-y-3" }, ge = { class: "text-sm ui-text" }, ye = ["href"], he = {
+  key: 5,
+  class: "text-xs ui-text font-mono mt-4"
+};
+function xe(o, r, i, e, x, w) {
+  return s(), n("div", {
+    class: a(e.layoutClasses)
+  }, [
+    i.showBackground ? (s(), n("div", {
+      key: 0,
+      class: a(e.backgroundClasses)
+    }, [
+      f(o.$slots, "background", {}, () => [
+        r[4] || (r[4] = t("div", { class: "absolute inset-0 bg-linear-to-br from-(--ui-surface) to-(--ui-surface)" }, null, -1))
+      ])
+    ], 2)) : c("", !0),
+    t("div", {
+      class: a(e.contentClasses)
+    }, [
+      o.$slots.header || i.showLogo ? (s(), n("div", {
+        key: 0,
+        class: a(e.headerClasses)
+      }, [
+        f(o.$slots, "header", {}, () => [
+          t("div", $, [
+            f(o.$slots, "logo", {}, () => [
+              t("div", ee, [
+                r[5] || (r[5] = t("div", { class: "w-10 h-10 ui-primary-bg rounded-xl flex items-center justify-center" }, [
+                  t("span", { class: "ui-text font-bold text-lg" }, "STL")
+                ], -1)),
+                t("span", te, d(i.brandName), 1)
+              ])
+            ])
+          ])
+        ])
+      ], 2)) : c("", !0),
+      t("div", {
+        class: a(e.errorContentClasses)
+      }, [
+        o.$slots.illustration || i.showDefaultIllustration ? (s(), n("div", {
+          key: 0,
+          class: a(e.illustrationClasses)
+        }, [
+          f(o.$slots, "illustration", {}, () => [
+            t("div", {
+              class: a(e.iconContainerClasses)
+            }, [
+              t("div", {
+                class: "text-8xl",
+                style: W({ color: e.errorConfig.color })
+              }, d(e.errorConfig.icon), 5)
+            ], 2)
+          ])
+        ], 2)) : c("", !0),
+        t("div", {
+          class: a(e.detailsClasses)
+        }, [
+          i.errorCode ? (s(), n("div", {
+            key: 0,
+            class: a(e.codeClasses)
+          }, d(i.errorCode), 3)) : c("", !0),
+          t("h1", {
+            class: a(e.titleClasses)
+          }, [
+            f(o.$slots, "title", {}, () => [
+              m(d(e.title), 1)
+            ])
+          ], 2),
+          t("p", {
+            class: a(e.messageClasses)
+          }, [
+            f(o.$slots, "message", {}, () => [
+              m(d(e.message), 1)
+            ])
+          ], 2)
+        ], 2),
+        e.isOnline ? c("", !0) : (s(), n("div", oe, [...r[6] || (r[6] = [
+          t("div", { class: "flex items-center justify-center gap-2 ui-danger" }, [
+            t("span", { class: "w-3 h-3 ui-danger-bg rounded-full animate-pulse" }),
+            t("span", { class: "font-medium" }, "No Internet Connection")
+          ], -1)
+        ])])),
+        o.$slots.actions || i.showDefaultActions ? (s(), n("div", {
+          key: 2,
+          class: a(e.actionsClasses)
+        }, [
+          f(o.$slots, "actions", {}, () => [
+            t("div", ne, [
+              i.showHomeButton ? (s(), n("button", {
+                key: 0,
+                class: "ui-primary-bg ui-text px-6 py-3 rounded-lg font-medium hover:bg-(--ui-primary-strong) transition-colors flex items-center justify-center gap-2",
+                onClick: r[0] || (r[0] = (...u) => e.goHome && e.goHome(...u))
+              }, [
+                t("span", null, d(e.homeButtonIcon), 1),
+                m(" " + d(i.homeButtonText), 1)
+              ])) : c("", !0),
+              i.showBackButton ? (s(), n("button", {
+                key: 1,
+                class: "border ui-border-strong ui-text px-6 py-3 rounded-lg font-medium hover:bg-(--ui-surface) transition-colors flex items-center justify-center gap-2",
+                onClick: r[1] || (r[1] = (...u) => e.goBack && e.goBack(...u))
+              }, [
+                r[7] || (r[7] = t("span", null, "←", -1)),
+                m(" " + d(i.backButtonText), 1)
+              ])) : c("", !0),
+              i.showRetryButton ? (s(), n("button", {
+                key: 2,
+                disabled: e.isRetrying || !e.isOnline,
+                class: "border ui-border-strong ui-text px-6 py-3 rounded-lg font-medium hover:bg-(--ui-surface) transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
+                onClick: r[2] || (r[2] = (...u) => e.retry && e.retry(...u))
+              }, [
+                e.isRetrying ? (s(), n("span", re, "↻")) : (s(), n("span", ie, "🔄")),
+                m(" " + d(e.isRetrying ? "Retrying..." : i.retryButtonText), 1)
+              ], 8, se)) : c("", !0),
+              i.showSupportButton ? (s(), n("button", {
+                key: 3,
+                disabled: e.reportSent,
+                class: "ui-bg ui-text px-6 py-3 rounded-lg font-medium hover:bg-(--ui-bg) transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
+                onClick: r[3] || (r[3] = (u) => o.$emit("contact-support"))
+              }, [
+                e.reportSent ? (s(), n("span", ae, "✓")) : (s(), n("span", ce, "📝")),
+                m(" " + d(e.reportSent ? "Report Sent" : "Contact Support"), 1)
+              ], 8, le)) : c("", !0)
+            ])
+          ])
+        ], 2)) : c("", !0),
+        o.$slots["additional-info"] || i.showAdditionalInfo ? (s(), n("div", {
+          key: 3,
+          class: a(e.additionalInfoClasses)
+        }, [
+          f(o.$slots, "additional-info", {}, () => [
+            e.additionalInfoConfig ? (s(), n("div", de, [
+              t("div", ue, [
+                t("h3", fe, d(e.additionalInfoConfig.title), 1),
+                t("ul", me, [
+                  (s(!0), n(Y, null, q(e.additionalInfoConfig.items, (u, b) => (s(), n("li", {
+                    key: b,
+                    class: "flex items-start gap-3 text-sm ui-text"
+                  }, [
+                    t("span", {
+                      class: a(`w-4 h-4 text-${u.iconColor || "slate-400"} shrink-0 mt-0.5`)
+                    }, d(u.icon), 3),
+                    t("span", null, d(u.text), 1)
+                  ]))), 128))
+                ])
+              ])
+            ])) : c("", !0)
+          ])
+        ], 2)) : c("", !0),
+        o.$slots.help || i.helpText ? (s(), n("div", {
+          key: 4,
+          class: a(e.helpClasses)
+        }, [
+          f(o.$slots, "help", {}, () => [
+            t("p", ge, [
+              m(d(i.helpText) + " ", 1),
+              i.supportUrl ? (s(), n("a", {
+                key: 0,
+                href: i.supportUrl,
+                class: "ui-primary hover:text-(--ui-primary) underline ml-1"
+              }, [...r[8] || (r[8] = [
+                t("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
+                m(" Get Help ", -1)
+              ])], 8, ye)) : c("", !0)
+            ])
+          ])
+        ], 2)) : c("", !0),
+        e.isDev ? (s(), n("div", he, " Error ID: " + d(e.errorId), 1)) : c("", !0)
+      ], 2)
+    ], 2)
+  ], 2);
+}
+const we = /* @__PURE__ */ X(Z, [["render", xe]]);
+export {
+  we as default
+};

package/dist/lib/auth.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="kabzAuthResolver";exports.AUTH_RESOLVER_KEY=e;

package/dist/lib/auth.js

@@ -0,0 +1,4 @@
+const e = "kabzAuthResolver";
+export {
+  e as AUTH_RESOLVER_KEY
+};

package/dist/lib/theme.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S="ui-mode",T="ui-theme",O="ocean",f=()=>typeof document<"u",M=e=>{f()&&document.documentElement.setAttribute("data-mode",e)},P=()=>f()?document.documentElement.getAttribute("data-mode"):null,_=(e,n,t)=>Math.min(t,Math.max(n,e)),i=(e,n="#0070f3")=>{if(!e)return n;let t=String(e).trim().replace("#","");return t.length===3&&(t=t.split("").map(r=>r+r).join("")),/^[0-9a-fA-F]{6}$/.test(t)?`#${t.toLowerCase()}`:n},p=e=>{const t=i(e).slice(1);return{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}},A=({r:e,g:n,b:t})=>{const r=o=>_(Math.round(o),0,255).toString(16).padStart(2,"0");return`#${r(e)}${r(n)}${r(t)}`},s=(e,n,t=.5)=>{const r=_(t,0,1),o=p(e),a=p(n);return A({r:o.r*(1-r)+a.r*r,g:o.g*(1-r)+a.g*r,b:o.b*(1-r)+a.b*r})},C=e=>{const{r:n,g:t,b:r}=p(e);return(.2126*n+.7152*t+.0722*r)/255>.62?"#111111":"#ffffff"},b=[{key:"ocean",name:"Ocean Blue",light:{primary:"#1d4ed8",secondary:["#0ea5e9","#22c55e","#f59e0b"]},dark:{primary:"#2ccad3",secondary:["#39d9df","#2fa6ff","#1fc8b3"]}},{key:"forest",name:"Forest Green",light:{primary:"#0f766e",secondary:["#14b8a6","#6366f1","#f97316"]},dark:{primary:"#22c7bc",secondary:["#2fded1","#2fa6ff","#1ea8c2"]}},{key:"violet",name:"Royal Violet",light:{primary:"#7c3aed",secondary:["#a855f7","#3b82f6","#ef4444"]},dark:{primary:"#3bc8f0",secondary:["#59d6ff","#29c5d8","#1da1be"]}},{key:"sunset",name:"Sunset",light:{primary:"#ea580c",secondary:["#fb7185","#f59e0b","#8b5cf6"]},dark:{primary:"#36cfd1",secondary:["#58dcde","#2fb7ff","#21c4a1"]}},{key:"graphite",name:"Graphite",light:{primary:"#334155",secondary:["#64748b","#0ea5e9","#22c55e"]},dark:{primary:"#2fb6d7",secondary:["#5fd8ea","#2da5e9","#22c4b5"]}}],x=e=>{const n=String(e||O);return b.find(t=>t.key===n)||b[0]},h=(e={})=>{const n=P()||"light",t=x(e.preset||e.theme_preset),r=n==="dark"?t.dark:t.light,o=!!(e.preset||e.theme_preset),a=!!(e.use_custom||e.useCustom),d=o&&!a,c=i(d?r.primary:e.primary||e.primary_color||r.primary,"#0070f3"),u=d?r.secondary:Array.isArray(e.secondary)?e.secondary:[e.secondary_1||r.secondary[0],e.secondary_2||r.secondary[1],e.secondary_3||r.secondary[2]],l=i(u?.[0],"#14b8a6"),y=i(u?.[1],"#f97316"),m=i(u?.[2],"#8b5cf6"),g=n==="dark",I=g?s(c,"#042438",.92):"#ffffff",w=g?s(c,"#031f31",.9):"#ffffff",B=g?s(c,"#03283e",.9):"#ffffff";return{"--ui-primary":c,"--ui-primary-strong":s(c,"#000000",.14),"--ui-primary-soft":s(c,"#ffffff",.86),"--ui-accent":l,"--ui-accent-strong":s(l,"#000000",.14),"--ui-accent-soft":s(l,"#ffffff",.84),"--ui-success":y,"--ui-success-strong":s(y,"#000000",.1),"--ui-success-soft":s(y,"#ffffff",.84),"--ui-warning":m,"--ui-warning-strong":s(m,"#000000",.1),"--ui-warning-soft":s(m,"#ffffff",.84),"--ui-ring":s(c,"#ffffff",.28),"--ui-text-inverse":C(c),"--ui-header-bg":I,"--ui-sidebar-bg":w,"--ui-submenu-bg":B}},E=()=>{if(!f())return null;const e=localStorage.getItem(T);if(!e)return null;try{return JSON.parse(e)}catch{return null}},H=()=>{if(!f())return;const e=document.documentElement;Object.keys(h({})).forEach(t=>e.style.removeProperty(t)),localStorage.removeItem(T)},k=(e,n={})=>{if(!f())return;const{persist:t=!0}=n;if(!e){H();return}const r=h(e),o=document.documentElement;Object.entries(r).forEach(([a,d])=>{o.style.setProperty(a,d)}),t&&localStorage.setItem(T,JSON.stringify(e))},K=e=>{if(e&&(M(e),f())){localStorage.setItem(S,e);const n=E();n&&k(n,{persist:!1})}},R=(e={})=>{if(!f())return;const{defaultMode:n="light"}=e,t=localStorage.getItem(S);M(t||n);const r=E();r&&k(r,{persist:!1})};exports.THEME_PRESETS=b;exports.buildThemeTokens=h;exports.clearTheme=H;exports.getMode=P;exports.getTheme=E;exports.getThemePreset=x;exports.initTheme=R;exports.setMode=K;exports.setTheme=k;

package/dist/lib/theme.js

@@ -0,0 +1,135 @@
+const h = "ui-mode", b = "ui-theme", w = "ocean", f = () => typeof document < "u", E = (e) => {
+  f() && document.documentElement.setAttribute("data-mode", e);
+}, B = () => f() ? document.documentElement.getAttribute("data-mode") : null, T = (e, n, t) => Math.min(t, Math.max(n, e)), i = (e, n = "#0070f3") => {
+  if (!e) return n;
+  let t = String(e).trim().replace("#", "");
+  return t.length === 3 && (t = t.split("").map((r) => r + r).join("")), /^[0-9a-fA-F]{6}$/.test(t) ? `#${t.toLowerCase()}` : n;
+}, p = (e) => {
+  const t = i(e).slice(1);
+  return {
+    r: parseInt(t.slice(0, 2), 16),
+    g: parseInt(t.slice(2, 4), 16),
+    b: parseInt(t.slice(4, 6), 16)
+  };
+}, H = ({ r: e, g: n, b: t }) => {
+  const r = (o) => T(Math.round(o), 0, 255).toString(16).padStart(2, "0");
+  return `#${r(e)}${r(n)}${r(t)}`;
+}, s = (e, n, t = 0.5) => {
+  const r = T(t, 0, 1), o = p(e), a = p(n);
+  return H({
+    r: o.r * (1 - r) + a.r * r,
+    g: o.g * (1 - r) + a.g * r,
+    b: o.b * (1 - r) + a.b * r
+  });
+}, A = (e) => {
+  const { r: n, g: t, b: r } = p(e);
+  return (0.2126 * n + 0.7152 * t + 0.0722 * r) / 255 > 0.62 ? "#111111" : "#ffffff";
+}, k = [
+  {
+    key: "ocean",
+    name: "Ocean Blue",
+    light: { primary: "#1d4ed8", secondary: ["#0ea5e9", "#22c55e", "#f59e0b"] },
+    dark: { primary: "#2ccad3", secondary: ["#39d9df", "#2fa6ff", "#1fc8b3"] }
+  },
+  {
+    key: "forest",
+    name: "Forest Green",
+    light: { primary: "#0f766e", secondary: ["#14b8a6", "#6366f1", "#f97316"] },
+    dark: { primary: "#22c7bc", secondary: ["#2fded1", "#2fa6ff", "#1ea8c2"] }
+  },
+  {
+    key: "violet",
+    name: "Royal Violet",
+    light: { primary: "#7c3aed", secondary: ["#a855f7", "#3b82f6", "#ef4444"] },
+    dark: { primary: "#3bc8f0", secondary: ["#59d6ff", "#29c5d8", "#1da1be"] }
+  },
+  {
+    key: "sunset",
+    name: "Sunset",
+    light: { primary: "#ea580c", secondary: ["#fb7185", "#f59e0b", "#8b5cf6"] },
+    dark: { primary: "#36cfd1", secondary: ["#58dcde", "#2fb7ff", "#21c4a1"] }
+  },
+  {
+    key: "graphite",
+    name: "Graphite",
+    light: { primary: "#334155", secondary: ["#64748b", "#0ea5e9", "#22c55e"] },
+    dark: { primary: "#2fb6d7", secondary: ["#5fd8ea", "#2da5e9", "#22c4b5"] }
+  }
+], O = (e) => {
+  const n = String(e || w);
+  return k.find((t) => t.key === n) || k[0];
+}, S = (e = {}) => {
+  const n = B() || "light", t = O(e.preset || e.theme_preset), r = n === "dark" ? t.dark : t.light, o = !!(e.preset || e.theme_preset), a = !!(e.use_custom || e.useCustom), d = o && !a, c = i(d ? r.primary : e.primary || e.primary_color || r.primary, "#0070f3"), u = d ? r.secondary : Array.isArray(e.secondary) ? e.secondary : [
+    e.secondary_1 || r.secondary[0],
+    e.secondary_2 || r.secondary[1],
+    e.secondary_3 || r.secondary[2]
+  ], y = i(u?.[0], "#14b8a6"), l = i(u?.[1], "#f97316"), m = i(u?.[2], "#8b5cf6"), g = n === "dark", _ = g ? s(c, "#042438", 0.92) : "#ffffff", P = g ? s(c, "#031f31", 0.9) : "#ffffff", I = g ? s(c, "#03283e", 0.9) : "#ffffff";
+  return {
+    "--ui-primary": c,
+    "--ui-primary-strong": s(c, "#000000", 0.14),
+    "--ui-primary-soft": s(c, "#ffffff", 0.86),
+    "--ui-accent": y,
+    "--ui-accent-strong": s(y, "#000000", 0.14),
+    "--ui-accent-soft": s(y, "#ffffff", 0.84),
+    "--ui-success": l,
+    "--ui-success-strong": s(l, "#000000", 0.1),
+    "--ui-success-soft": s(l, "#ffffff", 0.84),
+    "--ui-warning": m,
+    "--ui-warning-strong": s(m, "#000000", 0.1),
+    "--ui-warning-soft": s(m, "#ffffff", 0.84),
+    "--ui-ring": s(c, "#ffffff", 0.28),
+    "--ui-text-inverse": A(c),
+    "--ui-header-bg": _,
+    "--ui-sidebar-bg": P,
+    "--ui-submenu-bg": I
+  };
+}, x = () => {
+  if (!f()) return null;
+  const e = localStorage.getItem(b);
+  if (!e) return null;
+  try {
+    return JSON.parse(e);
+  } catch {
+    return null;
+  }
+}, C = () => {
+  if (!f()) return;
+  const e = document.documentElement;
+  Object.keys(S({})).forEach((t) => e.style.removeProperty(t)), localStorage.removeItem(b);
+}, M = (e, n = {}) => {
+  if (!f()) return;
+  const { persist: t = !0 } = n;
+  if (!e) {
+    C();
+    return;
+  }
+  const r = S(e), o = document.documentElement;
+  Object.entries(r).forEach(([a, d]) => {
+    o.style.setProperty(a, d);
+  }), t && localStorage.setItem(b, JSON.stringify(e));
+}, K = (e) => {
+  if (e && (E(e), f())) {
+    localStorage.setItem(h, e);
+    const n = x();
+    n && M(n, { persist: !1 });
+  }
+}, $ = (e = {}) => {
+  if (!f()) return;
+  const {
+    defaultMode: n = "light"
+  } = e, t = localStorage.getItem(h);
+  E(t || n);
+  const r = x();
+  r && M(r, { persist: !1 });
+};
+export {
+  k as THEME_PRESETS,
+  S as buildThemeTokens,
+  C as clearTheme,
+  B as getMode,
+  x as getTheme,
+  O as getThemePreset,
+  $ as initTheme,
+  K as setMode,
+  M as setTheme
+};

package/dist/lib/toast.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),i=l.ref([]);let m=0;const v={duration:3e3,position:"top-center",dismissible:!0,closeButton:!1},p=()=>`toast-${++m}-${Date.now()}`,e=(s,t={})=>{const n=p(),o={id:n,message:s,...v,...t,createdAt:Date.now()};return i.value.push(l.markRaw(o)),o.duration&&o.duration>0&&setTimeout(()=>{r(n)},o.duration),n},r=s=>{const t=i.value.findIndex(n=>n.id===s);t>-1&&i.value.splice(t,1)},g=()=>{i.value=[]},w=Object.assign((s,t)=>e(s,{...t}),{success:(s,t)=>e(s,{...t,variant:"success"}),error:(s,t)=>e(s,{...t,variant:"error"}),warning:(s,t)=>e(s,{...t,variant:"warning"}),info:(s,t)=>e(s,{...t,variant:"info"}),promise:(s,t={})=>{const{loading:n="Loading...",success:o="Success",error:c="Error",...u}=t,f=e(n,{...u,variant:"loading",duration:0,dismissible:!1});return s.then(a=>{r(f);const d=typeof o=="function"?o(a):o;return e(d,{...u,variant:"success"}),a}).catch(a=>{r(f);const d=typeof c=="function"?c(a):c;throw e(d,{...u,variant:"error"}),a})},dismiss:r,dismissAll:g,custom:(s,t={})=>e("",{...t,component:l.markRaw(s)})}),b=()=>({toasts:i,dismiss:r,dismissAll:g});exports.toast=w;exports.useToaster=b;

package/dist/lib/toast.js

@@ -0,0 +1,81 @@
+import { ref as m, markRaw as f } from "vue";
+const i = m([]);
+let p = 0;
+const v = {
+  duration: 3e3,
+  position: "top-center",
+  dismissible: !0,
+  closeButton: !1
+}, w = () => `toast-${++p}-${Date.now()}`, e = (t, s = {}) => {
+  const o = w(), n = {
+    id: o,
+    message: t,
+    ...v,
+    ...s,
+    createdAt: Date.now()
+  };
+  return i.value.push(f(n)), n.duration && n.duration > 0 && setTimeout(() => {
+    r(o);
+  }, n.duration), o;
+}, r = (t) => {
+  const s = i.value.findIndex((o) => o.id === t);
+  s > -1 && i.value.splice(s, 1);
+}, g = () => {
+  i.value = [];
+}, b = Object.assign(
+  // Default toast function
+  (t, s) => e(t, { ...s }),
+  // Toast type methods
+  {
+    success: (t, s) => e(t, { ...s, variant: "success" }),
+    error: (t, s) => e(t, { ...s, variant: "error" }),
+    warning: (t, s) => e(t, { ...s, variant: "warning" }),
+    info: (t, s) => e(t, { ...s, variant: "info" }),
+    // Promise toast for async operations
+    promise: (t, s = {}) => {
+      const {
+        loading: o = "Loading...",
+        success: n = "Success",
+        error: c = "Error",
+        ...u
+      } = s, l = e(o, {
+        ...u,
+        variant: "loading",
+        duration: 0,
+        // Don't auto dismiss
+        dismissible: !1
+      });
+      return t.then((a) => {
+        r(l);
+        const d = typeof n == "function" ? n(a) : n;
+        return e(d, {
+          ...u,
+          variant: "success"
+        }), a;
+      }).catch((a) => {
+        r(l);
+        const d = typeof c == "function" ? c(a) : c;
+        throw e(d, {
+          ...u,
+          variant: "error"
+        }), a;
+      });
+    },
+    // Utility methods
+    dismiss: r,
+    dismissAll: g,
+    // Custom toast with component
+    custom: (t, s = {}) => e("", {
+      ...s,
+      component: f(t)
+    })
+  }
+), x = () => ({
+  toasts: i,
+  dismiss: r,
+  dismissAll: g
+});
+export {
+  b as toast,
+  x as useToaster
+};