@gspa/ui 0.1.3 → 0.2.0

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/form-field.cjs

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

package/dist/lib/form-field.js

@@ -0,0 +1,4 @@
+const o = Symbol("gspaFormFieldContext");
+export {
+  o as FORM_FIELD_CONTEXT_KEY
+};

package/dist/lib/icon.cjs

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

package/dist/lib/icon.js

@@ -0,0 +1,4 @@
+const o = Symbol("gspaIconAdapter");
+export {
+  o as ICON_ADAPTER_KEY
+};

package/dist/lib/theme.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="ui-mode",E="ui-theme",R="academy",f=()=>typeof document<"u",x=e=>{f()&&document.documentElement.setAttribute("data-mode",e)},w=()=>f()?document.documentElement.getAttribute("data-mode"):null,H=(e,n,t)=>Math.min(t,Math.max(n,e)),d=(e,n="#173866")=>{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},h=e=>{const t=d(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)}},$=({r:e,g:n,b:t})=>{const r=o=>H(Math.round(o),0,255).toString(16).padStart(2,"0");return`#${r(e)}${r(n)}${r(t)}`},s=(e,n,t=.5)=>{const r=H(t,0,1),o=h(e),i=h(n);return $({r:o.r*(1-r)+i.r*r,g:o.g*(1-r)+i.g*r,b:o.b*(1-r)+i.b*r})},b=e=>{const{r:n,g:t,b:r}=h(e);return(.2126*n+.7152*t+.0722*r)/255>.62?"#111111":"#ffffff"},k=[{key:"academy",name:"Security Academy",light:{primary:"#173866",secondary:["#b98218","#14745d","#a96008"]},dark:{primary:"#e2b84e",secondary:["#8db0e1","#65c7a5","#efb45f"]}},{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"]}}],I=e=>{const n=String(e||R);return k.find(t=>t.key===n)||k[0]},S=(e={})=>{const n=w()||"light",t=I(e.preset||e.theme_preset),r=n==="dark"?t.dark:t.light,o=!!(e.preset||e.theme_preset),i=!!(e.use_custom||e.useCustom),u=o&&!i,c=d(u?r.primary:e.primary||e.primary_color||r.primary,"#173866"),T=u?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=d(T?.[0],"#b98218"),m=d(T?.[1],"#14745d"),l=d(T?.[2],"#a96008"),a=n==="dark",g=a?"#ffffff":"#000000",p=a?"#07152a":"#ffffff",B=a?.72:.86,O=a?s(c,"#0a1b33",.94):"#ffffff",C=a?s(c,"#09192f",.94):"#edf2f8",K=a?s(c,"#122744",.94):"#e4ebf4";return{"--ui-primary":c,"--ui-primary-strong":s(c,g,.14),"--ui-primary-soft":s(c,p,B),"--ui-primary-contrast":b(c),"--ui-accent":y,"--ui-accent-strong":s(y,g,.14),"--ui-accent-soft":s(y,p,a?.72:.84),"--ui-accent-contrast":b(y),"--ui-success":m,"--ui-success-strong":s(m,g,.1),"--ui-success-soft":s(m,p,a?.72:.84),"--ui-success-contrast":b(m),"--ui-warning":l,"--ui-warning-strong":s(l,g,.1),"--ui-warning-soft":s(l,p,a?.72:.84),"--ui-warning-contrast":b(l),"--ui-ring":s(c,"#ffffff",.28),"--ui-text-inverse":"#ffffff","--ui-header-bg":O,"--ui-sidebar-bg":C,"--ui-submenu-bg":K}},M=()=>{if(!f())return null;const e=localStorage.getItem(E);if(!e)return null;try{return JSON.parse(e)}catch{return null}},A=()=>{if(!f())return;const e=document.documentElement;Object.keys(S({})).forEach(t=>e.style.removeProperty(t)),localStorage.removeItem(E)},P=(e,n={})=>{if(!f())return;const{persist:t=!0}=n;if(!e){A();return}const r=S(e),o=document.documentElement;Object.entries(r).forEach(([i,u])=>{o.style.setProperty(i,u)}),t&&localStorage.setItem(E,JSON.stringify(e))},j=e=>{if(e&&(x(e),f())){localStorage.setItem(_,e);const n=M();n&&P(n,{persist:!1})}},v=(e={})=>{if(!f())return;const{defaultMode:n="light"}=e,t=localStorage.getItem(_);x(t||n);const r=M();r&&P(r,{persist:!1})};exports.THEME_PRESETS=k;exports.buildThemeTokens=S;exports.clearTheme=A;exports.getMode=w;exports.getTheme=M;exports.getThemePreset=I;exports.initTheme=v;exports.setMode=j;exports.setTheme=P;

package/dist/lib/theme.js

@@ -0,0 +1,145 @@
+const S = "ui-mode", E = "ui-theme", O = "academy", f = () => typeof document < "u", x = (e) => {
+  f() && document.documentElement.setAttribute("data-mode", e);
+}, C = () => f() ? document.documentElement.getAttribute("data-mode") : null, M = (e, n, t) => Math.min(t, Math.max(n, e)), d = (e, n = "#173866") => {
+  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;
+}, h = (e) => {
+  const t = d(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)
+  };
+}, K = ({ r: e, g: n, b: t }) => {
+  const r = (o) => M(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 = M(t, 0, 1), o = h(e), i = h(n);
+  return K({
+    r: o.r * (1 - r) + i.r * r,
+    g: o.g * (1 - r) + i.g * r,
+    b: o.b * (1 - r) + i.b * r
+  });
+}, b = (e) => {
+  const { r: n, g: t, b: r } = h(e);
+  return (0.2126 * n + 0.7152 * t + 0.0722 * r) / 255 > 0.62 ? "#111111" : "#ffffff";
+}, T = [
+  {
+    key: "academy",
+    name: "Security Academy",
+    light: { primary: "#173866", secondary: ["#b98218", "#14745d", "#a96008"] },
+    dark: { primary: "#e2b84e", secondary: ["#8db0e1", "#65c7a5", "#efb45f"] }
+  },
+  {
+    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"] }
+  }
+], $ = (e) => {
+  const n = String(e || O);
+  return T.find((t) => t.key === n) || T[0];
+}, _ = (e = {}) => {
+  const n = C() || "light", t = $(e.preset || e.theme_preset), r = n === "dark" ? t.dark : t.light, o = !!(e.preset || e.theme_preset), i = !!(e.use_custom || e.useCustom), u = o && !i, c = d(u ? r.primary : e.primary || e.primary_color || r.primary, "#173866"), k = u ? 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 = d(k?.[0], "#b98218"), m = d(k?.[1], "#14745d"), l = d(k?.[2], "#a96008"), a = n === "dark", g = a ? "#ffffff" : "#000000", p = a ? "#07152a" : "#ffffff", I = a ? 0.72 : 0.86, A = a ? s(c, "#0a1b33", 0.94) : "#ffffff", B = a ? s(c, "#09192f", 0.94) : "#edf2f8", H = a ? s(c, "#122744", 0.94) : "#e4ebf4";
+  return {
+    "--ui-primary": c,
+    "--ui-primary-strong": s(c, g, 0.14),
+    "--ui-primary-soft": s(c, p, I),
+    "--ui-primary-contrast": b(c),
+    "--ui-accent": y,
+    "--ui-accent-strong": s(y, g, 0.14),
+    "--ui-accent-soft": s(y, p, a ? 0.72 : 0.84),
+    "--ui-accent-contrast": b(y),
+    "--ui-success": m,
+    "--ui-success-strong": s(m, g, 0.1),
+    "--ui-success-soft": s(m, p, a ? 0.72 : 0.84),
+    "--ui-success-contrast": b(m),
+    "--ui-warning": l,
+    "--ui-warning-strong": s(l, g, 0.1),
+    "--ui-warning-soft": s(l, p, a ? 0.72 : 0.84),
+    "--ui-warning-contrast": b(l),
+    "--ui-ring": s(c, "#ffffff", 0.28),
+    "--ui-text-inverse": "#ffffff",
+    "--ui-header-bg": A,
+    "--ui-sidebar-bg": B,
+    "--ui-submenu-bg": H
+  };
+}, P = () => {
+  if (!f()) return null;
+  const e = localStorage.getItem(E);
+  if (!e) return null;
+  try {
+    return JSON.parse(e);
+  } catch {
+    return null;
+  }
+}, F = () => {
+  if (!f()) return;
+  const e = document.documentElement;
+  Object.keys(_({})).forEach((t) => e.style.removeProperty(t)), localStorage.removeItem(E);
+}, w = (e, n = {}) => {
+  if (!f()) return;
+  const { persist: t = !0 } = n;
+  if (!e) {
+    F();
+    return;
+  }
+  const r = _(e), o = document.documentElement;
+  Object.entries(r).forEach(([i, u]) => {
+    o.style.setProperty(i, u);
+  }), t && localStorage.setItem(E, JSON.stringify(e));
+}, R = (e) => {
+  if (e && (x(e), f())) {
+    localStorage.setItem(S, e);
+    const n = P();
+    n && w(n, { persist: !1 });
+  }
+}, j = (e = {}) => {
+  if (!f()) return;
+  const {
+    defaultMode: n = "light"
+  } = e, t = localStorage.getItem(S);
+  x(t || n);
+  const r = P();
+  r && w(r, { persist: !1 });
+};
+export {
+  T as THEME_PRESETS,
+  _ as buildThemeTokens,
+  F as clearTheme,
+  C as getMode,
+  P as getTheme,
+  $ as getThemePreset,
+  j as initTheme,
+  R as setMode,
+  w 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;