@strands.gg/accui 2.16.0 → 2.17.10

package/dist/useStrandsConfig-B5kp4aF9.cjs.js

@@ -0,0 +1 @@
+"use strict";const u=require("vue"),c={baseUrl:"https://your-api.example.com",accentColor:"#EA00A8",redirectUrl:"/",onSignInUrl:"/dashboard",onSignOutUrl:"/",authUrl:"/auth",autoRefresh:!0,refreshInterval:4,protectedRoutes:[],guestOnlyRoutes:["/auth","/login","/register"],devMode:!1,styles:!0,endpoints:{},useSquircle:!0},a={signIn:"/api/v1/auth/sign-in",signUp:"/api/v1/auth/sign-up",signOut:"/api/v1/auth/sign-out",refresh:"/api/v1/auth/refresh",passwordReset:"/api/v1/auth/password-reset",passwordResetConfirm:"/api/v1/auth/password-reset/confirm",completeRegistration:"/api/v1/auth/complete-registration",profile:"/api/v1/user/profile",verifyEmail:"/api/v1/auth/verify-email",oauthProviders:"/api/v1/oauth/providers",oauthProvider:"/api/v1/oauth/providers/{provider_id}",changeEmail:"/api/v1/user/change-email",avatar:"/api/v1/user/avatar",settings:"/api/v1/user/settings",changeUsername:"/api/v1/user/username",usernameCooldown:"/api/v1/user/username/cooldown",checkUsernameAvailability:"/api/v1/username/{username}/available",mfaDevices:"/api/v1/mfa/devices",mfaTotpSetup:"/api/v1/mfa/totp/setup",mfaTotpVerify:"/api/v1/mfa/totp/verify",mfaEmailSetup:"/api/v1/mfa/email/setup",mfaEmailSend:"/api/v1/mfa/email/send",mfaEmailVerify:"/api/v1/mfa/email/verify",mfaDeviceDisable:"/api/v1/mfa/device/disable",mfaBackupCodes:"/api/v1/mfa/backup-codes/regenerate",mfaHardwareStartRegistration:"/api/v1/mfa/hardware/start-registration",mfaHardwareCompleteRegistration:"/api/v1/mfa/hardware/complete-registration",mfaSigninSendEmail:"/api/v1/auth/mfa/email/send",mfaSigninVerify:"/api/v1/auth/mfa/verify",mfaBackupCodeVerify:"/api/v1/auth/mfa/backup-code/verify",mfaWebAuthnChallenge:"/api/v1/auth/mfa/webauthn/challenge",sessions:"/api/v1/sessions",sessionsStats:"/api/v1/sessions/stats",sessionRevoke:"/api/v1/sessions/{session_id}/revoke",sessionsRevokeAll:"/api/v1/sessions/revoke-all"},p=Symbol("strands-config"),m=u.ref(null);function v(s){if(typeof window>"u"||!document.documentElement)return;if(typeof CSS<"u"&&CSS.registerProperty)try{CSS.registerProperty({name:"--strands-accent",syntax:"<color>",inherits:!0,initialValue:s})}catch{}document.documentElement.style.setProperty("--strands-accent",s),document.documentElement.style.setProperty("--accui-strands-accent",s);const t={"--accui-strands-50":`color-mix(in srgb, ${s} 10%, white)`,"--accui-strands-100":`color-mix(in srgb, ${s} 20%, white)`,"--accui-strands-200":`color-mix(in srgb, ${s} 30%, white)`,"--accui-strands-300":`color-mix(in srgb, ${s} 40%, white)`,"--accui-strands-400":`color-mix(in srgb, ${s} 70%, white)`,"--accui-strands-500":s,"--accui-strands-600":`color-mix(in srgb, ${s} 85%, black)`,"--accui-strands-700":`color-mix(in srgb, ${s} 70%, black)`,"--accui-strands-800":`color-mix(in srgb, ${s} 55%, black)`,"--accui-strands-900":`color-mix(in srgb, ${s} 40%, black)`,"--accui-strands-950":`color-mix(in srgb, ${s} 25%, black)`};for(const[r,n]of Object.entries(t))document.documentElement.style.setProperty(r,n)}function g(s){if(m.value=s,typeof window<"u"&&document.documentElement){const t=s.useSquircle!==void 0?s.useSquircle:!0;document.documentElement.style.setProperty("--strands-allow-squircle",t?"1":"0"),s.accentColor&&v(s.accentColor)}try{u.provide(p,s)}catch(t){console.warn("[Strands Auth] Could not provide config via Vue provide/inject. Config available via global state only.",t)}}function h(s){let t=null;try{u.getCurrentInstance()&&(t=u.inject(p,null))}catch{t=null}let r=null;try{if(typeof window<"u"){if(window.__STRANDS_CONFIG__)r=window.__STRANDS_CONFIG__;else if(window.__NUXT__){const i=window.__NUXT__;r=i?.config?.public?.strandsAuth||i?.public?.strandsAuth||i?.strandsAuth}}}catch(i){console.error("[Strands Auth] Error accessing runtime configuration:",i)}const n=u.computed(()=>{const i={...c,...s||{},...t||{},...m.value||{},...r||{}};if(i.baseUrl===c.baseUrl&&typeof window>"u"&&console.warn("[Strands Auth] No baseUrl configured for SSR. Please provide a baseUrl in your strandsAuth configuration."),typeof window<"u"&&document.documentElement){const e=i.useSquircle!==void 0?i.useSquircle:!0;document.documentElement.style.setProperty("--strands-allow-squircle",e?"1":"0"),i.accentColor&&document.documentElement.style.setProperty("--strands-accent",i.accentColor)}return i}),l=u.computed(()=>{const e=n.value.endpoints||{};return{signIn:e.signIn||a.signIn,signUp:e.signUp||a.signUp,signOut:e.signOut||a.signOut,refresh:e.refresh||a.refresh,passwordReset:e.passwordReset||a.passwordReset,passwordResetConfirm:e.passwordResetConfirm||a.passwordResetConfirm,completeRegistration:e.completeRegistration||a.completeRegistration,profile:e.profile||a.profile,verifyEmail:e.verifyEmail||a.verifyEmail,oauthProviders:e.oauthProviders||a.oauthProviders,oauthProvider:e.oauthProvider||a.oauthProvider,changeEmail:e.changeEmail||a.changeEmail,avatar:e.avatar||a.avatar,settings:e.settings||a.settings,changeUsername:e.changeUsername||a.changeUsername,usernameCooldown:e.usernameCooldown||a.usernameCooldown,checkUsernameAvailability:e.checkUsernameAvailability||a.checkUsernameAvailability,mfaDevices:e.mfaDevices||a.mfaDevices,mfaTotpSetup:e.mfaTotpSetup||a.mfaTotpSetup,mfaTotpVerify:e.mfaTotpVerify||a.mfaTotpVerify,mfaEmailSetup:e.mfaEmailSetup||a.mfaEmailSetup,mfaEmailSend:e.mfaEmailSend||a.mfaEmailSend,mfaEmailVerify:e.mfaEmailVerify||a.mfaEmailVerify,mfaDeviceDisable:e.mfaDeviceDisable||a.mfaDeviceDisable,mfaBackupCodes:e.mfaBackupCodes||a.mfaBackupCodes,mfaHardwareStartRegistration:e.mfaHardwareStartRegistration||a.mfaHardwareStartRegistration,mfaHardwareCompleteRegistration:e.mfaHardwareCompleteRegistration||a.mfaHardwareCompleteRegistration,mfaSigninSendEmail:e.mfaSigninSendEmail||a.mfaSigninSendEmail,mfaSigninVerify:e.mfaSigninVerify||a.mfaSigninVerify,mfaBackupCodeVerify:e.mfaBackupCodeVerify||a.mfaBackupCodeVerify,mfaWebAuthnChallenge:e.mfaWebAuthnChallenge||a.mfaWebAuthnChallenge,sessions:e.sessions||a.sessions,sessionsStats:e.sessionsStats||a.sessionsStats,sessionRevoke:e.sessionRevoke||a.sessionRevoke,sessionsRevokeAll:e.sessionsRevokeAll||a.sessionsRevokeAll}});return{config:n,endpoints:l,getUrl:i=>{const e=n.value;if(!e.baseUrl)throw new Error("Base URL is required in configuration");let o;typeof i=="string"&&i in l.value?o=l.value[i]:typeof i=="string"?o=i:o=l.value[i];const f=e.baseUrl.replace(/\/$/,""),d=o.startsWith("/")?o:`/${o}`;return console.debug(`[Strands Auth] Constructing URL for endpoint "${i}": ${f}${d}`),`${f}${d}`},getSupportEmail:()=>n.value.supportEmail||null}}function S(s){if(m.value=s,typeof window<"u"&&document.documentElement){const t=s.useSquircle!==void 0?s.useSquircle:!0;document.documentElement.style.setProperty("--strands-allow-squircle",t?"1":"0"),s.accentColor&&v(s.accentColor)}}const y=Object.freeze(Object.defineProperty({__proto__:null,provideStrandsConfig:g,setStrandsConfig:S,useStrandsConfig:h},Symbol.toStringTag,{value:"Module"}));exports.STRANDS_AUTH_DEFAULTS=c;exports.provideStrandsConfig=g;exports.setStrandsConfig=S;exports.useStrandsConfig=h;exports.useStrandsConfig$1=y;

package/dist/useStrandsConfig-CMKVW1p3.es.js

@@ -0,0 +1,210 @@
+import { ref as g, getCurrentInstance as h, inject as S, computed as f, provide as y } from "vue";
+const d = {
+  baseUrl: "https://your-api.example.com",
+  accentColor: "#EA00A8",
+  redirectUrl: "/",
+  onSignInUrl: "/dashboard",
+  onSignOutUrl: "/",
+  authUrl: "/auth",
+  autoRefresh: !0,
+  refreshInterval: 4,
+  protectedRoutes: [],
+  guestOnlyRoutes: ["/auth", "/login", "/register"],
+  devMode: !1,
+  styles: !0,
+  endpoints: {},
+  useSquircle: !0
+}, a = {
+  signIn: "/api/v1/auth/sign-in",
+  signUp: "/api/v1/auth/sign-up",
+  signOut: "/api/v1/auth/sign-out",
+  refresh: "/api/v1/auth/refresh",
+  passwordReset: "/api/v1/auth/password-reset",
+  passwordResetConfirm: "/api/v1/auth/password-reset/confirm",
+  completeRegistration: "/api/v1/auth/complete-registration",
+  profile: "/api/v1/user/profile",
+  verifyEmail: "/api/v1/auth/verify-email",
+  oauthProviders: "/api/v1/oauth/providers",
+  oauthProvider: "/api/v1/oauth/providers/{provider_id}",
+  changeEmail: "/api/v1/user/change-email",
+  avatar: "/api/v1/user/avatar",
+  settings: "/api/v1/user/settings",
+  // Username endpoints
+  changeUsername: "/api/v1/user/username",
+  usernameCooldown: "/api/v1/user/username/cooldown",
+  checkUsernameAvailability: "/api/v1/username/{username}/available",
+  // MFA endpoints
+  mfaDevices: "/api/v1/mfa/devices",
+  mfaTotpSetup: "/api/v1/mfa/totp/setup",
+  mfaTotpVerify: "/api/v1/mfa/totp/verify",
+  mfaEmailSetup: "/api/v1/mfa/email/setup",
+  mfaEmailSend: "/api/v1/mfa/email/send",
+  mfaEmailVerify: "/api/v1/mfa/email/verify",
+  mfaDeviceDisable: "/api/v1/mfa/device/disable",
+  mfaBackupCodes: "/api/v1/mfa/backup-codes/regenerate",
+  // Hardware key endpoints
+  mfaHardwareStartRegistration: "/api/v1/mfa/hardware/start-registration",
+  mfaHardwareCompleteRegistration: "/api/v1/mfa/hardware/complete-registration",
+  // MFA sign-in specific endpoints
+  mfaSigninSendEmail: "/api/v1/auth/mfa/email/send",
+  mfaSigninVerify: "/api/v1/auth/mfa/verify",
+  mfaBackupCodeVerify: "/api/v1/auth/mfa/backup-code/verify",
+  mfaWebAuthnChallenge: "/api/v1/auth/mfa/webauthn/challenge",
+  // Session management endpoints
+  sessions: "/api/v1/sessions",
+  sessionsStats: "/api/v1/sessions/stats",
+  sessionRevoke: "/api/v1/sessions/{session_id}/revoke",
+  sessionsRevokeAll: "/api/v1/sessions/revoke-all"
+}, p = /* @__PURE__ */ Symbol("strands-config"), l = g(null);
+function v(s) {
+  if (typeof window > "u" || !document.documentElement) return;
+  if (typeof CSS < "u" && CSS.registerProperty)
+    try {
+      CSS.registerProperty({
+        name: "--strands-accent",
+        syntax: "<color>",
+        inherits: !0,
+        initialValue: s
+      });
+    } catch {
+    }
+  document.documentElement.style.setProperty("--strands-accent", s), document.documentElement.style.setProperty("--accui-strands-accent", s);
+  const t = {
+    "--accui-strands-50": `color-mix(in srgb, ${s} 10%, white)`,
+    "--accui-strands-100": `color-mix(in srgb, ${s} 20%, white)`,
+    "--accui-strands-200": `color-mix(in srgb, ${s} 30%, white)`,
+    "--accui-strands-300": `color-mix(in srgb, ${s} 40%, white)`,
+    "--accui-strands-400": `color-mix(in srgb, ${s} 70%, white)`,
+    "--accui-strands-500": s,
+    "--accui-strands-600": `color-mix(in srgb, ${s} 85%, black)`,
+    "--accui-strands-700": `color-mix(in srgb, ${s} 70%, black)`,
+    "--accui-strands-800": `color-mix(in srgb, ${s} 55%, black)`,
+    "--accui-strands-900": `color-mix(in srgb, ${s} 40%, black)`,
+    "--accui-strands-950": `color-mix(in srgb, ${s} 25%, black)`
+  };
+  for (const [r, n] of Object.entries(t))
+    document.documentElement.style.setProperty(r, n);
+}
+function w(s) {
+  if (l.value = s, typeof window < "u" && document.documentElement) {
+    const t = s.useSquircle !== void 0 ? s.useSquircle : !0;
+    document.documentElement.style.setProperty("--strands-allow-squircle", t ? "1" : "0"), s.accentColor && v(s.accentColor);
+  }
+  try {
+    y(p, s);
+  } catch (t) {
+    console.warn("[Strands Auth] Could not provide config via Vue provide/inject. Config available via global state only.", t);
+  }
+}
+function b(s) {
+  let t = null;
+  try {
+    h() && (t = S(p, null));
+  } catch {
+    t = null;
+  }
+  let r = null;
+  try {
+    if (typeof window < "u") {
+      if (window.__STRANDS_CONFIG__)
+        r = window.__STRANDS_CONFIG__;
+      else if (window.__NUXT__) {
+        const i = window.__NUXT__;
+        r = i?.config?.public?.strandsAuth || i?.public?.strandsAuth || i?.strandsAuth;
+      }
+    }
+  } catch (i) {
+    console.error("[Strands Auth] Error accessing runtime configuration:", i);
+  }
+  const n = f(() => {
+    const i = {
+      ...d,
+      ...s || {},
+      ...t || {},
+      ...l.value || {},
+      ...r || {}
+    };
+    if (i.baseUrl === d.baseUrl && typeof window > "u" && console.warn("[Strands Auth] No baseUrl configured for SSR. Please provide a baseUrl in your strandsAuth configuration."), typeof window < "u" && document.documentElement) {
+      const e = i.useSquircle !== void 0 ? i.useSquircle : !0;
+      document.documentElement.style.setProperty("--strands-allow-squircle", e ? "1" : "0"), i.accentColor && document.documentElement.style.setProperty("--strands-accent", i.accentColor);
+    }
+    return i;
+  }), u = f(() => {
+    const e = n.value.endpoints || {};
+    return {
+      signIn: e.signIn || a.signIn,
+      signUp: e.signUp || a.signUp,
+      signOut: e.signOut || a.signOut,
+      refresh: e.refresh || a.refresh,
+      passwordReset: e.passwordReset || a.passwordReset,
+      passwordResetConfirm: e.passwordResetConfirm || a.passwordResetConfirm,
+      completeRegistration: e.completeRegistration || a.completeRegistration,
+      profile: e.profile || a.profile,
+      verifyEmail: e.verifyEmail || a.verifyEmail,
+      oauthProviders: e.oauthProviders || a.oauthProviders,
+      oauthProvider: e.oauthProvider || a.oauthProvider,
+      changeEmail: e.changeEmail || a.changeEmail,
+      avatar: e.avatar || a.avatar,
+      settings: e.settings || a.settings,
+      // Username endpoints
+      changeUsername: e.changeUsername || a.changeUsername,
+      usernameCooldown: e.usernameCooldown || a.usernameCooldown,
+      checkUsernameAvailability: e.checkUsernameAvailability || a.checkUsernameAvailability,
+      // MFA endpoints
+      mfaDevices: e.mfaDevices || a.mfaDevices,
+      mfaTotpSetup: e.mfaTotpSetup || a.mfaTotpSetup,
+      mfaTotpVerify: e.mfaTotpVerify || a.mfaTotpVerify,
+      mfaEmailSetup: e.mfaEmailSetup || a.mfaEmailSetup,
+      mfaEmailSend: e.mfaEmailSend || a.mfaEmailSend,
+      mfaEmailVerify: e.mfaEmailVerify || a.mfaEmailVerify,
+      mfaDeviceDisable: e.mfaDeviceDisable || a.mfaDeviceDisable,
+      mfaBackupCodes: e.mfaBackupCodes || a.mfaBackupCodes,
+      // Hardware key endpoints
+      mfaHardwareStartRegistration: e.mfaHardwareStartRegistration || a.mfaHardwareStartRegistration,
+      mfaHardwareCompleteRegistration: e.mfaHardwareCompleteRegistration || a.mfaHardwareCompleteRegistration,
+      // MFA sign-in specific endpoints
+      mfaSigninSendEmail: e.mfaSigninSendEmail || a.mfaSigninSendEmail,
+      mfaSigninVerify: e.mfaSigninVerify || a.mfaSigninVerify,
+      mfaBackupCodeVerify: e.mfaBackupCodeVerify || a.mfaBackupCodeVerify,
+      mfaWebAuthnChallenge: e.mfaWebAuthnChallenge || a.mfaWebAuthnChallenge,
+      // Session management endpoints
+      sessions: e.sessions || a.sessions,
+      sessionsStats: e.sessionsStats || a.sessionsStats,
+      sessionRevoke: e.sessionRevoke || a.sessionRevoke,
+      sessionsRevokeAll: e.sessionsRevokeAll || a.sessionsRevokeAll
+    };
+  });
+  return {
+    config: n,
+    endpoints: u,
+    getUrl: (i) => {
+      const e = n.value;
+      if (!e.baseUrl)
+        throw new Error("Base URL is required in configuration");
+      let o;
+      typeof i == "string" && i in u.value ? o = u.value[i] : typeof i == "string" ? o = i : o = u.value[i];
+      const m = e.baseUrl.replace(/\/$/, ""), c = o.startsWith("/") ? o : `/${o}`;
+      return console.debug(`[Strands Auth] Constructing URL for endpoint "${i}": ${m}${c}`), `${m}${c}`;
+    },
+    getSupportEmail: () => n.value.supportEmail || null
+  };
+}
+function E(s) {
+  if (l.value = s, typeof window < "u" && document.documentElement) {
+    const t = s.useSquircle !== void 0 ? s.useSquircle : !0;
+    document.documentElement.style.setProperty("--strands-allow-squircle", t ? "1" : "0"), s.accentColor && v(s.accentColor);
+  }
+}
+const k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  provideStrandsConfig: w,
+  setStrandsConfig: E,
+  useStrandsConfig: b
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  d as S,
+  k as a,
+  w as p,
+  E as s,
+  b as u
+};

package/dist/vite.cjs.js

@@ -1 +1,29 @@
-"use strict";function n(n={}){const{styles:s=1,accentColor:r="#EA00A8",useSquircle:t=1,...i}=n;let c;return{name:"@strands.gg/accui:vite-plugin",enforce:"pre",config:(n,{command:s})=>(c={accentColor:r,useSquircle:t,...i},{define:{t:JSON.stringify(c)}}),transformIndexHtml:{order:"pre",handler(n){if(r&&"#EA00A8"!==r){const s=`<style data-strands-accent>\n    :root {\n      --strands-accent: ${r};\n      --accui-strands-accent: ${r};\n      --accui-strands-50: color-mix(in srgb, ${r} 10%, white);\n      --accui-strands-100: color-mix(in srgb, ${r} 20%, white);\n      --accui-strands-200: color-mix(in srgb, ${r} 30%, white);\n      --accui-strands-300: color-mix(in srgb, ${r} 40%, white);\n      --accui-strands-400: color-mix(in srgb, ${r} 70%, white);\n      --accui-strands-500: ${r};\n      --accui-strands-600: color-mix(in srgb, ${r} 85%, black);\n      --accui-strands-700: color-mix(in srgb, ${r} 70%, black);\n      --accui-strands-800: color-mix(in srgb, ${r} 55%, black);\n      --accui-strands-900: color-mix(in srgb, ${r} 40%, black);\n      --accui-strands-950: color-mix(in srgb, ${r} 25%, black);\n    }</style>`;return n.replace("</head>",`  ${s}\n  </head>`)}return n}},transform:async(n,r)=>(s&&r.endsWith("main.ts")||r.endsWith("main.js"))&&!n.includes("@strands.gg/accui/style.css")?{code:`import '@strands.gg/accui/style.css'\n${n}`,map:null}:!r.endsWith("main.ts")&&!r.endsWith("main.js")||n.includes("setStrandsConfig")||n.includes("__STRANDS_INJECTED__")?null:{code:`\n// Auto-injected by @strands.gg/accui Vite plugin\nimport { setStrandsConfig } from '@strands.gg/accui'\n\nif (typeof window !== 'undefined') {\n  const strandsConfig = ${JSON.stringify(c)}\n  setStrandsConfig(strandsConfig)\n  window.__STRANDS_CONFIG__ = strandsConfig\n  window.__STRANDS_INJECTED__ = true\n}\n\n${n}`,map:null}}}Object.defineProperties(exports,{i:{value:1},[Symbol.toStringTag]:{value:"Module"}}),exports.StrandsAuth=n,exports.StrandsAuthVitePlugin=n,exports.createStrandsAuth=function(n={}){return{install(s){Promise.resolve().then(()=>require("./StrandsUIPlugin-C9rrMU2i.cjs.js")).then(n=>n.StrandsUIPlugin$1).then(n=>{const r=n.default;s.use(r)}),Promise.resolve().then(()=>require("./useStrandsConfig-Sr6NG90B.cjs.js")).then(n=>n.useStrandsConfig$1).then(s=>{const{setStrandsConfig:r}=s;r(n),"undefined"!=typeof window&&(window.t=n)})}}},exports.default=n,exports.strandsAuth=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function e(i={}){const{styles:a=!0,accentColor:n="#EA00A8",useSquircle:r=!0,...u}=i;let c;return{name:"@strands.gg/accui:vite-plugin",enforce:"pre",config(s,{command:t}){return c={accentColor:n,useSquircle:r,...u},{define:{__STRANDS_CONFIG__:JSON.stringify(c)}}},transformIndexHtml:{order:"pre",handler(s){if(n&&n!=="#EA00A8"){const o=`<style data-strands-accent>${`
+    :root {
+      --strands-accent: ${n};
+      --accui-strands-accent: ${n};
+      --accui-strands-50: color-mix(in srgb, ${n} 10%, white);
+      --accui-strands-100: color-mix(in srgb, ${n} 20%, white);
+      --accui-strands-200: color-mix(in srgb, ${n} 30%, white);
+      --accui-strands-300: color-mix(in srgb, ${n} 40%, white);
+      --accui-strands-400: color-mix(in srgb, ${n} 70%, white);
+      --accui-strands-500: ${n};
+      --accui-strands-600: color-mix(in srgb, ${n} 85%, black);
+      --accui-strands-700: color-mix(in srgb, ${n} 70%, black);
+      --accui-strands-800: color-mix(in srgb, ${n} 55%, black);
+      --accui-strands-900: color-mix(in srgb, ${n} 40%, black);
+      --accui-strands-950: color-mix(in srgb, ${n} 25%, black);
+    }`}</style>`;return s.replace("</head>",`  ${o}
+  </head>`)}return s}},async transform(s,t){return(a&&t.endsWith("main.ts")||t.endsWith("main.js"))&&!s.includes("@strands.gg/accui/style.css")?{code:`import '@strands.gg/accui/style.css'
+${s}`,map:null}:(t.endsWith("main.ts")||t.endsWith("main.js"))&&!s.includes("setStrandsConfig")&&!s.includes("__STRANDS_INJECTED__")?{code:`${`
+// Auto-injected by @strands.gg/accui Vite plugin
+import { setStrandsConfig } from '@strands.gg/accui'
+
+if (typeof window !== 'undefined') {
+  const strandsConfig = ${JSON.stringify(c)}
+  setStrandsConfig(strandsConfig)
+  window.__STRANDS_CONFIG__ = strandsConfig
+  window.__STRANDS_INJECTED__ = true
+}
+`}
+${s}`,map:null}:null}}}function d(i={}){return{install(a){Promise.resolve().then(()=>require("./StrandsUIPlugin-Bwc7jBcb.cjs.js")).then(n=>n.StrandsUIPlugin$1).then(n=>{const r=n.default;a.use(r)}),Promise.resolve().then(()=>require("./useStrandsConfig-B5kp4aF9.cjs.js")).then(n=>n.useStrandsConfig$1).then(n=>{const{setStrandsConfig:r}=n;r(i),typeof window<"u"&&(window.__STRANDS_CONFIG__=i)})}}}exports.StrandsAuth=e;exports.StrandsAuthVitePlugin=e;exports.createStrandsAuth=d;exports.default=e;exports.strandsAuth=e;

package/dist/vite.es.js

@@ -1,109 +1,92 @@
-function StrandsAuthVitePlugin(options = {}) {
+function u(r = {}) {
   const {
-    styles = true,
-    accentColor = "#EA00A8",
-    useSquircle = true,
-    ...authConfig
-  } = options;
-  let config;
+    styles: a = !0,
+    accentColor: n = "#EA00A8",
+    useSquircle: i = !0,
+    ...o
+  } = r;
+  let c;
   return {
     name: "@strands.gg/accui:vite-plugin",
     enforce: "pre",
-    config(_, { command }) {
-      config = {
-        accentColor,
-        useSquircle,
-        ...authConfig
-      };
-      return {
+    config(s, { command: t }) {
+      return c = {
+        accentColor: n,
+        useSquircle: i,
+        ...o
+      }, {
         define: {
           // Make config available at build time
-          "__STRANDS_CONFIG__": JSON.stringify(config)
+          __STRANDS_CONFIG__: JSON.stringify(c)
         }
       };
     },
     transformIndexHtml: {
       order: "pre",
-      handler(html) {
-        if (accentColor && accentColor !== "#EA00A8") {
-          const cssVariables = `
+      handler(s) {
+        if (n && n !== "#EA00A8") {
+          const e = `<style data-strands-accent>${`
     :root {
-      --strands-accent: ${accentColor};
-      --accui-strands-accent: ${accentColor};
-      --accui-strands-50: color-mix(in srgb, ${accentColor} 10%, white);
-      --accui-strands-100: color-mix(in srgb, ${accentColor} 20%, white);
-      --accui-strands-200: color-mix(in srgb, ${accentColor} 30%, white);
-      --accui-strands-300: color-mix(in srgb, ${accentColor} 40%, white);
-      --accui-strands-400: color-mix(in srgb, ${accentColor} 70%, white);
-      --accui-strands-500: ${accentColor};
-      --accui-strands-600: color-mix(in srgb, ${accentColor} 85%, black);
-      --accui-strands-700: color-mix(in srgb, ${accentColor} 70%, black);
-      --accui-strands-800: color-mix(in srgb, ${accentColor} 55%, black);
-      --accui-strands-900: color-mix(in srgb, ${accentColor} 40%, black);
-      --accui-strands-950: color-mix(in srgb, ${accentColor} 25%, black);
-    }`;
-          const styleTag = `<style data-strands-accent>${cssVariables}</style>`;
-          return html.replace("</head>", `  ${styleTag}
+      --strands-accent: ${n};
+      --accui-strands-accent: ${n};
+      --accui-strands-50: color-mix(in srgb, ${n} 10%, white);
+      --accui-strands-100: color-mix(in srgb, ${n} 20%, white);
+      --accui-strands-200: color-mix(in srgb, ${n} 30%, white);
+      --accui-strands-300: color-mix(in srgb, ${n} 40%, white);
+      --accui-strands-400: color-mix(in srgb, ${n} 70%, white);
+      --accui-strands-500: ${n};
+      --accui-strands-600: color-mix(in srgb, ${n} 85%, black);
+      --accui-strands-700: color-mix(in srgb, ${n} 70%, black);
+      --accui-strands-800: color-mix(in srgb, ${n} 55%, black);
+      --accui-strands-900: color-mix(in srgb, ${n} 40%, black);
+      --accui-strands-950: color-mix(in srgb, ${n} 25%, black);
+    }`}</style>`;
+          return s.replace("</head>", `  ${e}
   </head>`);
         }
-        return html;
+        return s;
       }
     },
-    async transform(code, id) {
-      if (styles && id.endsWith("main.ts") || id.endsWith("main.js")) {
-        if (!code.includes("@strands.gg/accui/style.css")) {
-          return {
-            code: `import '@strands.gg/accui/style.css'
-${code}`,
-            map: null
-          };
-        }
-      }
-      if (id.endsWith("main.ts") || id.endsWith("main.js")) {
-        if (!code.includes("setStrandsConfig") && !code.includes("__STRANDS_INJECTED__")) {
-          const configSetup = `
+    async transform(s, t) {
+      return (a && t.endsWith("main.ts") || t.endsWith("main.js")) && !s.includes("@strands.gg/accui/style.css") ? {
+        code: `import '@strands.gg/accui/style.css'
+${s}`,
+        map: null
+      } : (t.endsWith("main.ts") || t.endsWith("main.js")) && !s.includes("setStrandsConfig") && !s.includes("__STRANDS_INJECTED__") ? {
+        code: `${`
 // Auto-injected by @strands.gg/accui Vite plugin
 import { setStrandsConfig } from '@strands.gg/accui'
 
 if (typeof window !== 'undefined') {
-  const strandsConfig = ${JSON.stringify(config)}
+  const strandsConfig = ${JSON.stringify(c)}
   setStrandsConfig(strandsConfig)
   window.__STRANDS_CONFIG__ = strandsConfig
   window.__STRANDS_INJECTED__ = true
 }
-`;
-          return {
-            code: `${configSetup}
-${code}`,
-            map: null
-          };
-        }
-      }
-      return null;
+`}
+${s}`,
+        map: null
+      } : null;
     }
   };
 }
-function createStrandsAuth(config = {}) {
+function d(r = {}) {
   return {
-    install(app) {
-      import("./StrandsUIPlugin-tl7L52hZ.es.js").then((n) => n.n).then((module) => {
-        const StrandsUIPlugin = module.default;
-        app.use(StrandsUIPlugin);
-      });
-      import("./useStrandsConfig-fRu-OG08.es.js").then((n) => n.a).then((module) => {
-        const { setStrandsConfig } = module;
-        setStrandsConfig(config);
-        if (typeof window !== "undefined") {
-          window.__STRANDS_CONFIG__ = config;
-        }
+    install(a) {
+      import("./StrandsUIPlugin-RTFzvRED.es.js").then((n) => n.n).then((n) => {
+        const i = n.default;
+        a.use(i);
+      }), import("./useStrandsConfig-CMKVW1p3.es.js").then((n) => n.a).then((n) => {
+        const { setStrandsConfig: i } = n;
+        i(r), typeof window < "u" && (window.__STRANDS_CONFIG__ = r);
       });
     }
   };
 }
 export {
-  StrandsAuthVitePlugin as StrandsAuth,
-  StrandsAuthVitePlugin,
-  createStrandsAuth,
-  StrandsAuthVitePlugin as default,
-  StrandsAuthVitePlugin as strandsAuth
+  u as StrandsAuth,
+  u as StrandsAuthVitePlugin,
+  d as createStrandsAuth,
+  u as default,
+  u as strandsAuth
 };

package/dist/vue/utils/modalStack.d.ts

@@ -17,8 +17,11 @@ declare class ModalStack {
     private escapeHandlerRegistered;
     private baseZIndex;
     private subscribers;
+    private originalBodyOverflow;
     private handleEscape;
     private calculateZIndex;
+    private lockBodyScroll;
+    private unlockBodyScroll;
     private notifySubscribers;
     add(modal: Omit<ModalInstance, 'zIndex'>): ModalInstance;
     remove(modalId: symbol): void;

package/dist/webcomponents/define-element.d.ts

@@ -11,9 +11,10 @@ export declare const baseStyles = "\n  :host {\n    /* Typography */\n    --accu
  *
  * @param tagName - The custom element tag name (e.g., 'strands-button')
  * @param component - The Vue component to convert
- * @param additionalStyles - Optional additional CSS to inject
+ * @param dependencyStyles - Optional array of CSS strings from dependent components
+ *                          (injected by the Vite build plugin)
  */
-export declare function registerCustomElement(tagName: string, component: Component, additionalStyles?: string): void;
+export declare function registerCustomElement(tagName: string, component: Component, dependencyStyles?: string[]): void;
 /**
  * Check if a custom element is already registered
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strands.gg/accui",
-  "version": "2.16.0",
+  "version": "2.17.10",
   "description": "Strands Authentication UI Components",
   "type": "module",
   "main": "./dist/index.cjs.js",
@@ -90,7 +90,7 @@
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@nuxt/kit": "^4.0.3",
     "@nuxt/schema": "^4.0.3",
-    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue": "^6.0.0",
     "lightningcss": "^1.30.1",
     "nuxt": "^4.0.3",
     "postcss": "^8.5.6",