@gspa/ui 0.1.4 → 0.2.0

package/dist/layouts/AuthLayout.js

@@ -1,17 +1,16 @@
-import { computed as m, onMounted as b, onBeforeUnmount as k, resolveComponent as w, createElementBlock as n, openBlock as o, createElementVNode as s, normalizeStyle as S, createBlock as u, createCommentVNode as a, withCtx as r, createTextVNode as c, toDisplayString as l, createVNode as g, renderSlot as y } from "vue";
+import { computed as g, getCurrentInstance as k, onMounted as w, onBeforeUnmount as S, createElementBlock as n, openBlock as o, createElementVNode as a, normalizeStyle as N, createBlock as r, createCommentVNode as s, withCtx as u, createTextVNode as c, toDisplayString as l, createVNode as x, renderSlot as m, unref as p, resolveDynamicComponent as I } from "vue";
 import d from "../components/Typography.js";
-import N from "../components/Divider.js";
-import { _ as I } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const L = { class: "relative min-h-screen overflow-hidden" }, $ = { class: "relative z-10 mx-auto flex min-h-screen w-full max-w-[1400px] items-center px-4 py-4 sm:px-8 sm:py-6 lg:px-14" }, _ = { class: "hidden w-full max-w-4xl pr-10 lg:block" }, A = { class: "ml-auto w-full max-w-[460px]" }, E = { class: "overflow-hidden rounded-sm ui-surface" }, U = { class: "px-1 sm:pt-2" }, G = { class: "flex items-start justify-between gap-2" }, T = ["src", "alt"], V = ["src", "alt"], B = { key: 0 }, F = { class: "px-5 py-4 sm:px-6 sm:py-2" }, O = { class: "space-y-4" }, D = {
+import L from "../components/Divider.js";
+const $ = { class: "relative min-h-screen overflow-hidden bg-(--ui-auth-background)" }, V = { class: "relative z-10 mx-auto flex min-h-screen w-full max-w-[1400px] items-center px-4 py-4 sm:px-8 sm:py-6 lg:px-14" }, E = { class: "hidden w-full max-w-4xl pr-10 lg:block" }, U = { class: "ml-auto w-full max-w-[460px]" }, A = { class: "overflow-hidden rounded-sm ui-surface" }, C = { class: "px-1 sm:pt-2" }, G = { class: "flex items-start justify-between gap-2" }, T = ["src", "alt"], B = ["src", "alt"], D = { key: 0 }, F = { class: "px-5 py-4 sm:px-6 sm:py-2" }, O = { class: "space-y-4" }, H = {
   key: 0,
   class: "px-5 pb-4 sm:px-6 sm:pb-5"
-}, H = {
+}, M = {
   key: 0,
   class: "text-right"
-}, M = {
+}, R = {
   key: 1,
   class: "px-6 pb-6 sm:px-8 sm:pb-8"
-}, C = {
+}, Y = {
   __name: "AuthLayout",
   props: {
     title: {
@@ -64,127 +63,126 @@ const L = { class: "relative min-h-screen overflow-hidden" }, $ = { class: "rela
     }
   },
   setup(t) {
-    const i = t, h = m(() => (/* @__PURE__ */ new Date()).getFullYear()), x = m(() => {
+    const i = t, f = g(() => (/* @__PURE__ */ new Date()).getFullYear()), y = k()?.appContext.components.RouterView || null, b = g(() => {
       const e = Number.isFinite(i.backgroundOpacity) ? Math.min(1, Math.max(0, i.backgroundOpacity)) : 1;
       return {
         backgroundImage: i.backgroundImage ? `url(${JSON.stringify(i.backgroundImage)})` : void 0,
         opacity: e
       };
-    }), p = m(() => {
+    }), v = g(() => {
       const e = String(i.appVersion ?? "").trim();
       return e ? e.toLowerCase().startsWith("v") ? e : `v${e}` : "v0.0.0";
     });
-    return b(() => {
+    return w(() => {
       document.documentElement.classList.add("auth-page"), document.body.classList.add("auth-page");
-    }), k(() => {
+    }), S(() => {
       document.documentElement.classList.remove("auth-page"), document.body.classList.remove("auth-page");
-    }), (e, f) => {
-      const v = w("router-view");
-      return o(), n("div", L, [
-        s("div", {
-          class: "absolute inset-0 bg-cover bg-center",
-          style: S(x.value)
-        }, null, 4),
-        f[0] || (f[0] = s("div", { class: "absolute inset-0" }, null, -1)),
-        s("div", $, [
-          s("section", _, [
-            t.quote ? (o(), u(d, {
-              key: 0,
-              variant: "body-xl",
-              class: "max-w-3xl text-2xl leading-[1.4] font-light tracking-wide text-white/90 xl:text-[38px]"
-            }, {
-              default: r(() => [
-                c(' "' + l(t.quote) + '" ', 1)
+    }), (e, h) => (o(), n("div", $, [
+      a("div", {
+        class: "absolute inset-0 bg-cover bg-center",
+        style: N(b.value)
+      }, null, 4),
+      h[0] || (h[0] = a("div", { class: "absolute inset-0 bg-(--ui-auth-background)/20" }, null, -1)),
+      a("div", V, [
+        a("section", E, [
+          t.quote ? (o(), r(d, {
+            key: 0,
+            variant: "body-xl",
+            class: "max-w-3xl text-2xl leading-[1.4] font-light tracking-wide ui-text-inverse opacity-90 xl:text-[38px]"
+          }, {
+            default: u(() => [
+              c(' "' + l(t.quote) + '" ', 1)
+            ]),
+            _: 1
+          })) : s("", !0)
+        ]),
+        a("section", U, [
+          a("div", A, [
+            a("div", C, [
+              a("div", G, [
+                t.logoUrl ? (o(), n("img", {
+                  key: 0,
+                  src: t.logoUrl,
+                  alt: `${t.appName} logo`,
+                  class: "h-16 w-auto max-w-[220px] object-contain sm:h-36"
+                }, null, 8, T)) : s("", !0),
+                t.secondaryLogoUrl ? (o(), n("img", {
+                  key: 1,
+                  src: t.secondaryLogoUrl,
+                  alt: t.secondaryLogoAlt,
+                  class: "h-8 w-auto object-contain sm:h-32"
+                }, null, 8, B)) : s("", !0)
               ]),
-              _: 1
-            })) : a("", !0)
-          ]),
-          s("section", A, [
-            s("div", E, [
-              s("div", U, [
-                s("div", G, [
-                  t.logoUrl ? (o(), n("img", {
+              e.$slots["card-header"] || t.title ? (o(), n("div", D, [
+                m(e.$slots, "card-header", {}, () => [
+                  x(d, {
+                    variant: "text-xl",
+                    align: "center",
+                    class: "font-normal leading-tight ui-text text-center"
+                  }, {
+                    default: u(() => [
+                      c(l(t.title), 1)
+                    ]),
+                    _: 1
+                  }),
+                  t.subtitle ? (o(), r(d, {
                     key: 0,
-                    src: t.logoUrl,
-                    alt: `${t.appName} logo`,
-                    class: "h-16 w-auto max-w-[220px] object-contain sm:h-36"
-                  }, null, 8, T)) : a("", !0),
-                  t.secondaryLogoUrl ? (o(), n("img", {
-                    key: 1,
-                    src: t.secondaryLogoUrl,
-                    alt: t.secondaryLogoAlt,
-                    class: "h-8 w-auto object-contain sm:h-32"
-                  }, null, 8, V)) : a("", !0)
-                ]),
-                e.$slots["card-header"] || t.title ? (o(), n("div", B, [
-                  y(e.$slots, "card-header", {}, () => [
-                    g(d, {
-                      variant: "text-xl",
-                      align: "center",
-                      class: "font-normal leading-tight text-[#1f2328] text-center"
-                    }, {
-                      default: r(() => [
-                        c(l(t.title), 1)
-                      ]),
-                      _: 1
-                    }),
-                    t.subtitle ? (o(), u(d, {
-                      key: 0,
-                      variant: "body-sm",
-                      class: "mt-1 text-xs leading-normal text-[#5f6a74]"
-                    }, {
-                      default: r(() => [
-                        c(l(t.subtitle), 1)
-                      ]),
-                      _: 1
-                    })) : a("", !0)
-                  ], !0)
-                ])) : a("", !0)
-              ]),
-              g(N, {
-                size: "sm",
-                class: "my-0 bg-[#c7ccd2]"
-              }),
-              s("div", F, [
-                s("div", O, [
-                  g(v)
+                    variant: "body-sm",
+                    class: "mt-1 text-xs leading-normal ui-text-muted"
+                  }, {
+                    default: u(() => [
+                      c(l(t.subtitle), 1)
+                    ]),
+                    _: 1
+                  })) : s("", !0)
                 ])
-              ]),
-              e.$slots.links || t.showFooter ? (o(), n("div", D, [
-                e.$slots.links ? (o(), n("div", H, [
-                  y(e.$slots, "links", {}, void 0, !0)
-                ])) : a("", !0),
-                t.showFooter ? (o(), u(d, {
-                  key: 1,
-                  variant: "body-md",
-                  class: "mt-2 text-right text-xs font-light leading-none text-[#5f6a74] sm:text-[14px]"
-                }, {
-                  default: r(() => [
-                    c(l(p.value), 1)
-                  ]),
-                  _: 1
-                })) : a("", !0)
-              ])) : a("", !0),
-              e.$slots["card-footer"] ? (o(), n("div", M, [
-                y(e.$slots, "card-footer", {}, void 0, !0)
-              ])) : a("", !0)
+              ])) : s("", !0)
             ]),
-            t.showFooter && t.copyright ? (o(), u(d, {
-              key: 0,
-              variant: "body-md",
-              class: "mt-3 text-center text-sm font-light leading-none text-white sm:text-[16px]"
-            }, {
-              default: r(() => [
-                c(" © " + l(t.copyright) + " " + l(h.value), 1)
-              ]),
-              _: 1
-            })) : a("", !0)
-          ])
+            x(L, {
+              size: "sm",
+              class: "my-0 bg-(--ui-border-strong)"
+            }),
+            a("div", F, [
+              a("div", O, [
+                m(e.$slots, "default", {}, () => [
+                  p(y) ? (o(), r(I(p(y)), { key: 0 })) : s("", !0)
+                ])
+              ])
+            ]),
+            e.$slots.links || t.showFooter ? (o(), n("div", H, [
+              e.$slots.links ? (o(), n("div", M, [
+                m(e.$slots, "links")
+              ])) : s("", !0),
+              t.showFooter ? (o(), r(d, {
+                key: 1,
+                variant: "body-md",
+                class: "mt-2 text-right text-xs font-light leading-none ui-text-muted sm:text-[14px]"
+              }, {
+                default: u(() => [
+                  c(l(v.value), 1)
+                ]),
+                _: 1
+              })) : s("", !0)
+            ])) : s("", !0),
+            e.$slots["card-footer"] ? (o(), n("div", R, [
+              m(e.$slots, "card-footer")
+            ])) : s("", !0)
+          ]),
+          t.showFooter && t.copyright ? (o(), r(d, {
+            key: 0,
+            variant: "body-md",
+            class: "mt-3 text-center text-sm font-light leading-none ui-text-inverse sm:text-[16px]"
+          }, {
+            default: u(() => [
+              c(" © " + l(t.copyright) + " " + l(f.value), 1)
+            ]),
+            _: 1
+          })) : s("", !0)
         ])
-      ]);
-    };
+      ])
+    ]));
   }
-}, Y = /* @__PURE__ */ I(C, [["__scopeId", "data-v-909fd474"]]);
+};
 export {
   Y as default
 };

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

@@ -1 +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;
+"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

@@ -1,30 +1,36 @@
-const h = "ui-mode", b = "ui-theme", w = "ocean", f = () => typeof document < "u", E = (e) => {
+const S = "ui-mode", E = "ui-theme", O = "academy", f = () => typeof document < "u", x = (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") => {
+}, 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;
-}, p = (e) => {
-  const t = i(e).slice(1);
+}, 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)
   };
-}, H = ({ r: e, g: n, b: t }) => {
-  const r = (o) => T(Math.round(o), 0, 255).toString(16).padStart(2, "0");
+}, 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 = 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
+  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
   });
-}, A = (e) => {
-  const { r: n, g: t, b: r } = p(e);
+}, 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";
-}, k = [
+}, 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",
@@ -55,81 +61,85 @@ const h = "ui-mode", b = "ui-theme", w = "ocean", f = () => typeof document < "u
     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) => {
+  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 = 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";
+  ], 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, "#000000", 0.14),
-    "--ui-primary-soft": s(c, "#ffffff", 0.86),
+    "--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, "#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-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": A(c),
-    "--ui-header-bg": _,
-    "--ui-sidebar-bg": P,
-    "--ui-submenu-bg": I
+    "--ui-text-inverse": "#ffffff",
+    "--ui-header-bg": A,
+    "--ui-sidebar-bg": B,
+    "--ui-submenu-bg": H
   };
-}, x = () => {
+}, P = () => {
   if (!f()) return null;
-  const e = localStorage.getItem(b);
+  const e = localStorage.getItem(E);
   if (!e) return null;
   try {
     return JSON.parse(e);
   } catch {
     return null;
   }
-}, C = () => {
+}, F = () => {
   if (!f()) return;
   const e = document.documentElement;
-  Object.keys(S({})).forEach((t) => e.style.removeProperty(t)), localStorage.removeItem(b);
-}, M = (e, n = {}) => {
+  Object.keys(_({})).forEach((t) => e.style.removeProperty(t)), localStorage.removeItem(E);
+}, w = (e, n = {}) => {
   if (!f()) return;
   const { persist: t = !0 } = n;
   if (!e) {
-    C();
+    F();
     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 });
+  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 });
   }
-}, $ = (e = {}) => {
+}, j = (e = {}) => {
   if (!f()) return;
   const {
     defaultMode: n = "light"
-  } = e, t = localStorage.getItem(h);
-  E(t || n);
-  const r = x();
-  r && M(r, { persist: !1 });
+  } = e, t = localStorage.getItem(S);
+  x(t || n);
+  const r = P();
+  r && w(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
+  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/src/components/Alert.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Alert.vue"],"names":[],"mappings":"wBAopBqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;;;2OAGrC;;;;;;AAjXH,0EAA+C;AAlB/C;;;;;;;;;EAgBE"}
+{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Alert.vue"],"names":[],"mappings":"wBA8pBqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;;;2OAGrC;;;;;;AAtXH,0EAA+C;AAlB/C;;;;;;;;;EAgBE"}