@strands.gg/accui 2.17.58 → 2.17.60

package/dist/useStrandsConfig-B2UXxIbT.es.js

@@ -0,0 +1,213 @@
+import { ref as g, getCurrentInstance as h, inject as S, computed as f, provide as y } from "vue";
+const w = {
+  baseUrl: "https://your-api.example.com",
+  accentColor: "#EA00A8",
+  autoRefresh: !0,
+  refreshInterval: 4,
+  protectedRoutes: [],
+  guestOnlyRoutes: ["/auth", "/login", "/register"],
+  devMode: !1,
+  styles: !0,
+  endpoints: {},
+  useSquircle: !0,
+  theme: "system"
+};
+let d = !1;
+const a = {
+  signIn: "/api/v1/auth/sign-in",
+  signUp: "/api/v1/auth/sign-up",
+  signOut: "/api/v1/auth/sign-out",
+  refresh: "/api/v1/auth/refresh",
+  authStatus: "/api/v1/auth/status",
+  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 i = {
+    "--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(i))
+    document.documentElement.style.setProperty(r, n);
+}
+function b(s) {
+  if (l.value = s, typeof window < "u" && document.documentElement) {
+    const i = s.useSquircle !== void 0 ? s.useSquircle : !0;
+    document.documentElement.style.setProperty("--strands-allow-squircle", i ? "1" : "0"), s.accentColor && v(s.accentColor);
+  }
+  try {
+    y(p, s);
+  } catch (i) {
+    console.warn("[Strands Auth] Could not provide config via Vue provide/inject. Config available via global state only.", i);
+  }
+}
+function E(s) {
+  let i = null;
+  try {
+    h() && (i = S(p, null));
+  } catch {
+    i = null;
+  }
+  let r = null;
+  try {
+    if (typeof window < "u") {
+      if (window.__STRANDS_CONFIG__)
+        r = window.__STRANDS_CONFIG__;
+      else if (window.__NUXT__) {
+        const t = window.__NUXT__;
+        r = t?.config?.public?.strandsAuth || t?.public?.strandsAuth || t?.strandsAuth;
+      }
+    }
+  } catch (t) {
+    console.error("[Strands Auth] Error accessing runtime configuration:", t);
+  }
+  const n = f(() => {
+    const t = {
+      ...w,
+      ...s || {},
+      ...i || {},
+      ...l.value || {},
+      ...r || {}
+    };
+    if (typeof window < "u" && document.documentElement) {
+      const e = t.useSquircle !== void 0 ? t.useSquircle : !0;
+      document.documentElement.style.setProperty("--strands-allow-squircle", e ? "1" : "0"), t.accentColor && document.documentElement.style.setProperty("--strands-accent", t.accentColor);
+    }
+    return t;
+  });
+  typeof window > "u" && !d && (l.value?.baseUrl || i?.baseUrl || s?.baseUrl || (d = !0, console.warn("[Strands Auth] No baseUrl configured for SSR. Please provide a baseUrl in your strandsAuth configuration.")));
+  const 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,
+      authStatus: e.authStatus || a.authStatus,
+      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: (t) => {
+      const e = n.value;
+      if (!e.baseUrl)
+        throw new Error("Base URL is required in configuration");
+      let o;
+      typeof t == "string" && t in u.value ? o = u.value[t] : typeof t == "string" ? o = t : o = u.value[t];
+      const m = e.baseUrl.replace(/\/$/, ""), c = o.startsWith("/") ? o : `/${o}`;
+      return console.debug(`[Strands Auth] Constructing URL for endpoint "${t}": ${m}${c}`), `${m}${c}`;
+    },
+    getSupportEmail: () => n.value.supportEmail || null
+  };
+}
+function C(s) {
+  if (l.value = s, typeof window < "u" && document.documentElement) {
+    const i = s.useSquircle !== void 0 ? s.useSquircle : !0;
+    document.documentElement.style.setProperty("--strands-allow-squircle", i ? "1" : "0"), s.accentColor && v(s.accentColor);
+  }
+}
+const _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  provideStrandsConfig: b,
+  setStrandsConfig: C,
+  useStrandsConfig: E
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  w as S,
+  _ as a,
+  b as p,
+  C as s,
+  E as u
+};

package/dist/useStrandsConfig-BYOAEt9d.cjs.js

@@ -0,0 +1 @@
+"use strict";const u=require("vue"),p={baseUrl:"https://your-api.example.com",accentColor:"#EA00A8",autoRefresh:!0,refreshInterval:4,protectedRoutes:[],guestOnlyRoutes:["/auth","/login","/register"],devMode:!1,styles:!0,endpoints:{},useSquircle:!0,theme:"system"};let d=!1;const a={signIn:"/api/v1/auth/sign-in",signUp:"/api/v1/auth/sign-up",signOut:"/api/v1/auth/sign-out",refresh:"/api/v1/auth/refresh",authStatus:"/api/v1/auth/status",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"},v=Symbol("strands-config"),c=u.ref(null);function g(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 i={"--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(i))document.documentElement.style.setProperty(r,n)}function h(s){if(c.value=s,typeof window<"u"&&document.documentElement){const i=s.useSquircle!==void 0?s.useSquircle:!0;document.documentElement.style.setProperty("--strands-allow-squircle",i?"1":"0"),s.accentColor&&g(s.accentColor)}try{u.provide(v,s)}catch(i){console.warn("[Strands Auth] Could not provide config via Vue provide/inject. Config available via global state only.",i)}}function S(s){let i=null;try{u.getCurrentInstance()&&(i=u.inject(v,null))}catch{i=null}let r=null;try{if(typeof window<"u"){if(window.__STRANDS_CONFIG__)r=window.__STRANDS_CONFIG__;else if(window.__NUXT__){const t=window.__NUXT__;r=t?.config?.public?.strandsAuth||t?.public?.strandsAuth||t?.strandsAuth}}}catch(t){console.error("[Strands Auth] Error accessing runtime configuration:",t)}const n=u.computed(()=>{const t={...p,...s||{},...i||{},...c.value||{},...r||{}};if(typeof window<"u"&&document.documentElement){const e=t.useSquircle!==void 0?t.useSquircle:!0;document.documentElement.style.setProperty("--strands-allow-squircle",e?"1":"0"),t.accentColor&&document.documentElement.style.setProperty("--strands-accent",t.accentColor)}return t});typeof window>"u"&&!d&&(c.value?.baseUrl||i?.baseUrl||s?.baseUrl||(d=!0,console.warn("[Strands Auth] No baseUrl configured for SSR. Please provide a baseUrl in your strandsAuth configuration.")));const 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,authStatus:e.authStatus||a.authStatus,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:t=>{const e=n.value;if(!e.baseUrl)throw new Error("Base URL is required in configuration");let o;typeof t=="string"&&t in l.value?o=l.value[t]:typeof t=="string"?o=t:o=l.value[t];const m=e.baseUrl.replace(/\/$/,""),f=o.startsWith("/")?o:`/${o}`;return console.debug(`[Strands Auth] Constructing URL for endpoint "${t}": ${m}${f}`),`${m}${f}`},getSupportEmail:()=>n.value.supportEmail||null}}function y(s){if(c.value=s,typeof window<"u"&&document.documentElement){const i=s.useSquircle!==void 0?s.useSquircle:!0;document.documentElement.style.setProperty("--strands-allow-squircle",i?"1":"0"),s.accentColor&&g(s.accentColor)}}const w=Object.freeze(Object.defineProperty({__proto__:null,provideStrandsConfig:h,setStrandsConfig:y,useStrandsConfig:S},Symbol.toStringTag,{value:"Module"}));exports.STRANDS_AUTH_DEFAULTS=p;exports.provideStrandsConfig=h;exports.setStrandsConfig=y;exports.useStrandsConfig=S;exports.useStrandsConfig$1=w;

package/dist/utils/colors.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Complete Tailwind CSS color palette with shades
+ * Provides all 22 Tailwind colors with their full shade ranges (50-950)
+ */
+interface SwatchConfig {
+    label?: string;
+    shades?: string[];
+}
+export declare const tailwindColors: Record<string, SwatchConfig>;
+export type { SwatchConfig };

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './validation';
+export * from './colors';

package/dist/utils/slots.d.ts

@@ -0,0 +1 @@
+export declare const slotHasContent: (slotName: string, slots: any) => boolean;

package/dist/utils/validation.d.ts

@@ -0,0 +1,12 @@
+export declare const isValidEmail: (email: string) => boolean;
+export declare const validatePassword: (password: string) => {
+    isValid: boolean;
+    strength: "weak" | "medium" | "strong";
+    errors: string[];
+};
+export declare const isValidName: (name: string) => boolean;
+export declare const isRequired: (value: string) => boolean;
+export declare const passwordsMatch: (password: string, confirmation: string) => boolean;
+export declare const getInitials: (firstName?: string, lastName?: string) => string;
+export declare const formatDate: (date: string | Date) => string;
+export declare const debounce: <T extends (...args: any[]) => any>(func: T, wait: number) => ((...args: Parameters<T>) => void);

package/dist/vite/index.d.ts

@@ -0,0 +1,2 @@
+export { default, StrandsAuthVitePlugin, StrandsAuth, strandsAuth, createStrandsAuth, } from './plugin';
+export type { StrandsVitePluginOptions, StrandsAuthConfig, StrandsAuthEndpoints, } from './plugin';

package/dist/vite/plugin.d.ts

@@ -0,0 +1,68 @@
+import { Plugin } from 'vite';
+import { App } from 'vue';
+import { StrandsAuthConfig } from '../types';
+export type { StrandsAuthConfig, StrandsAuthEndpoints } from '../types';
+export interface StrandsVitePluginOptions extends StrandsAuthConfig {
+    /**
+     * Auto-import styles
+     * @default true
+     */
+    styles?: boolean;
+}
+/**
+ * Vite plugin for Strands Auth UI
+ *
+ * Automatically configures the Strands Auth system with your settings
+ * and optionally auto-imports styles.
+ *
+ * @example
+ * ```typescript
+ * // vite.config.ts
+ * import { defineConfig } from 'vite'
+ * import vue from '@vitejs/plugin-vue'
+ * import StrandsAuth from '@strands.gg/accui/vite'
+ *
+ * export default defineConfig({
+ *   plugins: [
+ *     vue(),
+ *     StrandsAuth({
+ *       baseUrl: 'http://localhost:8000',
+ *       accentColor: '#EA00A8',
+ *       useSquircle: true,
+ *       styles: true, // Auto-import styles
+ *     })
+ *   ]
+ * })
+ * ```
+ */
+export declare function StrandsAuthVitePlugin(options?: StrandsVitePluginOptions): Plugin;
+/**
+ * Vue plugin installer for Strands Auth
+ *
+ * Use this in your main.ts file to install the Strands Auth components
+ * and configure the system.
+ *
+ * @example
+ * ```typescript
+ * import { createApp } from 'vue'
+ * import { createStrandsAuth } from '@strands.gg/accui/vite'
+ *
+ * const app = createApp(App)
+ *
+ * app.use(createStrandsAuth({
+ *   baseUrl: 'http://localhost:8000',
+ *   accentColor: '#EA00A8',
+ * }))
+ * ```
+ */
+export declare function createStrandsAuth(config?: StrandsAuthConfig): {
+    install(app: App): void;
+};
+export default StrandsAuthVitePlugin;
+export { StrandsAuthVitePlugin as StrandsAuth, StrandsAuthVitePlugin as strandsAuth, };
+declare global {
+    interface Window {
+        __STRANDS_CONFIG__?: StrandsAuthConfig;
+        __STRANDS_INJECTED__?: boolean;
+    }
+}

package/dist/vite.cjs.js

@@ -0,0 +1,29 @@
+"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-B1Gl61ax.cjs.js")).then(n=>n.StrandsUIPlugin$1).then(n=>{const r=n.default;a.use(r)}),Promise.resolve().then(()=>require("./useStrandsConfig-BYOAEt9d.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.d.ts

@@ -0,0 +1,6 @@
+export * from './vite/index'
+export {}
+import StrandsAuthUI from './vite/index'
+export default StrandsAuthUI
+export * from './vite/index'
+export {}

package/dist/vite.es.js

@@ -0,0 +1,92 @@
+function u(r = {}) {
+  const {
+    styles: a = !0,
+    accentColor: n = "#EA00A8",
+    useSquircle: i = !0,
+    ...o
+  } = r;
+  let c;
+  return {
+    name: "@strands.gg/accui:vite-plugin",
+    enforce: "pre",
+    config(s, { command: t }) {
+      return c = {
+        accentColor: n,
+        useSquircle: i,
+        ...o
+      }, {
+        define: {
+          // Make config available at build time
+          __STRANDS_CONFIG__: JSON.stringify(c)
+        }
+      };
+    },
+    transformIndexHtml: {
+      order: "pre",
+      handler(s) {
+        if (n && n !== "#EA00A8") {
+          const e = `<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>", `  ${e}
+  </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(r = {}) {
+  return {
+    install(a) {
+      import("./StrandsUIPlugin-BNU_Ayly.es.js").then((n) => n.m).then((n) => {
+        const i = n.default;
+        a.use(i);
+      }), import("./useStrandsConfig-B2UXxIbT.es.js").then((n) => n.a).then((n) => {
+        const { setStrandsConfig: i } = n;
+        i(r), typeof window < "u" && (window.__STRANDS_CONFIG__ = r);
+      });
+    }
+  };
+}
+export {
+  u as StrandsAuth,
+  u as StrandsAuthVitePlugin,
+  d as createStrandsAuth,
+  u as default,
+  u as strandsAuth
+};

package/dist/vue/components/SignedIn.vue.d.ts

@@ -0,0 +1,35 @@
+interface Props {
+    showFallback?: boolean;
+    inline?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        loading?(_: {}): any;
+        default?(_: {
+            user: import('../..').User;
+            signOut: () => Promise<void>;
+        }): any;
+        fallback?(_: {
+            signIn: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "sign-in-required": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onSign-in-required"?: () => any;
+}>, {
+    inline: boolean;
+    showFallback: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/StrandsAuth.vue.d.ts

@@ -0,0 +1,24 @@
+import { StrandsAuthConfig } from '../composables/useStrandsConfig';
+interface Props {
+    mode?: 'signin' | 'signup' | 'reset-password';
+    redirectUrl?: string;
+    inModal?: boolean;
+    config?: StrandsAuthConfig;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (error: string) => any;
+    success: (user: any) => any;
+    "forgot-password": () => any;
+    "password-reset-sent": (email: string) => any;
+    "mode-changed": (mode: "signin" | "signup" | "reset-password") => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onError?: (error: string) => any;
+    onSuccess?: (user: any) => any;
+    "onForgot-password"?: () => any;
+    "onPassword-reset-sent"?: (email: string) => any;
+    "onMode-changed"?: (mode: "signin" | "signup" | "reset-password") => any;
+}>, {
+    mode: "signin" | "signup" | "reset-password";
+    inModal: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/components/StrandsBackupCodesModal.vue.d.ts

@@ -0,0 +1,11 @@
+import { MfaDevice } from '../../types';
+interface Props {
+    show: boolean;
+    device?: MfaDevice | null;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/vue/components/StrandsCompleteSignUp.vue.d.ts

@@ -0,0 +1,20 @@
+import { StrandsAuthConfig } from '../composables/useStrandsConfig';
+interface Props {
+    token?: string;
+    redirectUrl?: string;
+    config?: StrandsAuthConfig;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (error: string) => any;
+    success: (result: any) => any;
+    "invalid-token": () => any;
+    "request-new-link": () => any;
+    "start-registration": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onError?: (error: string) => any;
+    onSuccess?: (result: any) => any;
+    "onInvalid-token"?: () => any;
+    "onRequest-new-link"?: () => any;
+    "onStart-registration"?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/vue/components/StrandsConfigProvider.vue.d.ts

@@ -0,0 +1,21 @@
+import { StrandsAuthConfig } from '../composables/useStrandsConfig';
+interface Props {
+    config: StrandsAuthConfig;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/StrandsConfirmModal.vue.d.ts

@@ -0,0 +1,21 @@
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'outline';
+interface Props {
+    show: boolean;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    variant?: ButtonVariant;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    confirm: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCancel?: () => any;
+    onConfirm?: () => any;
+}>, {
+    variant: ButtonVariant;
+    confirmText: string;
+    cancelText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/vue/components/StrandsEmailMfaSetupModal.vue.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    show: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    success: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: () => any;
+    onSuccess?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/vue/components/StrandsHardwareKeySetupModal.vue.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    show: boolean;
+    deviceType?: 'passkey' | 'hardware';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    success: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: () => any;
+    onSuccess?: () => any;
+}>, {
+    deviceType: "passkey" | "hardware";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/vue/components/StrandsLogo.vue.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    class?: string;
+    variant?: 'default' | 'secured' | 'powered' | 'accounts';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: string;
+    variant: "default" | "secured" | "powered" | "accounts";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;