@strands.gg/accui 1.4.1 → 1.6.0

package/dist/accui.css

@@ -53,6 +53,7 @@
     --color-blue-900: oklch(37.9% 0.146 265.522);
     --color-indigo-50: oklch(96.2% 0.018 272.314);
     --color-indigo-100: oklch(93% 0.034 272.788);
+    --color-indigo-500: oklch(58.5% 0.233 277.117);
     --color-purple-50: oklch(97.7% 0.014 308.299);
     --color-purple-100: oklch(94.6% 0.033 307.174);
     --color-purple-200: oklch(90.2% 0.063 306.703);
@@ -113,6 +114,7 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --leading-tight: 1.25;
     --leading-relaxed: 1.625;
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
@@ -383,6 +385,9 @@
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
+  .top-full {
+    top: 100%;
+  }
   .-right-1 {
     right: calc(var(--spacing) * -1);
   }
@@ -446,6 +451,9 @@
   .mx-auto {
     margin-inline: auto;
   }
+  .my-2 {
+    margin-block: calc(var(--spacing) * 2);
+  }
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
@@ -470,15 +478,9 @@
   .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
-  .mr-1\.5 {
-    margin-right: calc(var(--spacing) * 1.5);
-  }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
-  .-mb-4 {
-    margin-bottom: calc(var(--spacing) * -4);
-  }
   .-mb-px {
     margin-bottom: -1px;
   }
@@ -503,9 +505,6 @@
   .mb-12 {
     margin-bottom: calc(var(--spacing) * 12);
   }
-  .ml-1 {
-    margin-left: calc(var(--spacing) * 1);
-  }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
@@ -581,6 +580,9 @@
   .h-full {
     height: 100%;
   }
+  .h-px {
+    height: 1px;
+  }
   .max-h-96 {
     max-height: calc(var(--spacing) * 96);
   }
@@ -629,6 +631,12 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
@@ -666,9 +674,6 @@
   .flex-1 {
     flex: 1;
   }
-  .flex-shrink {
-    flex-shrink: 1;
-  }
   .flex-shrink-0 {
     flex-shrink: 0;
   }
@@ -680,6 +685,9 @@
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .rotate-180 {
+    rotate: 180deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -748,6 +756,9 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
@@ -840,6 +851,11 @@
       margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   .overflow-hidden {
     overflow: hidden;
   }
@@ -1072,9 +1088,15 @@
     -o-object-fit: cover;
        object-fit: cover;
   }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
   .p-1\.5 {
     padding: calc(var(--spacing) * 1.5);
   }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
@@ -1159,9 +1181,6 @@
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
-  .pb-2 {
-    padding-bottom: calc(var(--spacing) * 2);
-  }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
@@ -1223,6 +1242,10 @@
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
   }
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -1427,10 +1450,17 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring-2 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-black {
+    --tw-ring-color: var(--color-black);
+  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -1477,6 +1507,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
@@ -1780,17 +1815,38 @@
       }
     }
   }
+  .focus\:bg-gray-100 {
+    &:focus {
+      background-color: var(--color-gray-100);
+    }
+  }
+  .focus\:bg-red-50 {
+    &:focus {
+      background-color: var(--color-red-50);
+    }
+  }
   .focus\:ring-2 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus\:ring-indigo-500 {
+    &:focus {
+      --tw-ring-color: var(--color-indigo-500);
+    }
+  }
   .focus\:ring-strands-400 {
     &:focus {
       --tw-ring-color: var(--color-strands-400);
     }
   }
+  .focus\:ring-offset-2 {
+    &:focus {
+      --tw-ring-offset-width: 2px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
   .focus\:outline-none {
     &:focus {
       --tw-outline-style: none;
@@ -1875,11 +1931,6 @@
       flex-direction: row;
     }
   }
-  .md\:mb-4 {
-    @media (width >= 48rem) {
-      margin-bottom: calc(var(--spacing) * 4);
-    }
-  }
   .md\:grid-cols-2 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -1895,27 +1946,14 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
-  .md\:gap-6 {
-    @media (width >= 48rem) {
-      gap: calc(var(--spacing) * 6);
-    }
-  }
-  .md\:space-y-4 {
+  .md\:gap-4 {
     @media (width >= 48rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-y-reverse: 0;
-        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
-        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
-      }
+      gap: calc(var(--spacing) * 4);
     }
   }
-  .md\:space-y-6 {
+  .md\:gap-6 {
     @media (width >= 48rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-y-reverse: 0;
-        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
-        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
-      }
+      gap: calc(var(--spacing) * 6);
     }
   }
   .md\:text-3xl {
@@ -2521,16 +2559,6 @@
   opacity: 0.9;
 }
 
-/* When used in a modal, the card should fill the available space */
-.modal-card .card-content[data-v-68dad7e6] {
-  flex: 1;
-  overflow: hidden;
-}
-.modal-card .card-header[data-v-68dad7e6],
-.modal-card .card-footer[data-v-68dad7e6] {
-  flex-shrink: 0;
-}
-
 /* 
   BITWARDEN & PASSWORD MANAGER STYLE PREVENTION
   =============================================
@@ -2897,228 +2925,59 @@ input.pr-10[data-v-e87dc617] {
   padding: 12px;
 }
 
-/* Modal Overlay - Full responsive behavior */
 .modal-overlay[data-v-63dd5ea5] {
 	position: fixed;
-	inset: 0;
-	z-index: 50;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: rgba(0, 0, 0, 0.8);
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	background-color: rgba(0, 0, 0, 0.8);
-	transition: opacity 0.2s ease-in-out;
-	
-	/* Mobile-first padding */
-	padding: 0.75rem; /* 12px on mobile */
-}
-
-/* Tablet and larger padding */
-@media (min-width: 768px) {
-.modal-overlay[data-v-63dd5ea5] {
-		padding: 1rem; /* 16px on tablet+ */
-}
-}
-
-/* Desktop padding */
-@media (min-width: 1024px) {
-.modal-overlay[data-v-63dd5ea5] {
-		padding: 1.5rem; /* 24px on desktop */
-}
-}
-
-/* Modal Container - Responsive sizing with width constraints */
-.modal-container[data-v-63dd5ea5] {
-	width: 100%;
-	max-width: 100%;
-	max-height: 100%;
-	display: flex;
-	flex-direction: column;
-	transition: transform 0.2s ease-in-out;
-	transform: translateY(0);
-	
-	/* Mobile: Full width with minimal constraints */
-	min-width: auto;
-	
-	/* Default modal width constraints */
-	min-width: 320px; /* Minimum usable width */
-	max-width: 640px; /* Default maximum width for better readability */
-}
-
-/* Tablet responsiveness */
-@media (min-width: 640px) {
-.modal-container[data-v-63dd5ea5] {
-		min-width: 320px;
-		max-width: min(640px, 95vw); /* Respect both fixed max and viewport */
-		max-height: 95vh;
-}
-}
-
-/* Desktop responsiveness */
-@media (min-width: 768px) {
-.modal-container[data-v-63dd5ea5] {
-		max-width: min(640px, 90vw); /* Respect both fixed max and viewport */
-		max-height: 90vh;
-}
-}
-
-/* Large desktop */
-@media (min-width: 1024px) {
-.modal-container[data-v-63dd5ea5] {
-		max-width: min(640px, 85vw); /* Respect both fixed max and viewport */
-		max-height: 85vh;
-}
-}
-
-/* Modal Card - Flexible layout */
-.modal-card[data-v-63dd5ea5] {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	max-height: 100%;
-	overflow: hidden;
-	border-radius: 0.5rem; /* Default rounded */
-}
-
-/* Mobile: Less rounded corners, more mobile-friendly */
-@media (max-width: 639px) {
-.modal-card[data-v-63dd5ea5] {
-		border-radius: 0.375rem;
-}
+	padding: 1rem;
+	z-index: 50;
 }
-
-/* Mobile: Override width constraints for very small screens */
-@media (max-width: 639px) {
 .modal-container[data-v-63dd5ea5] {
-		min-width: 280px; /* Smaller minimum for mobile */
-		max-width: 100%; /* Full width available on mobile */
-}
-}
-
-/* Fullscreen mobile option */
-@media (max-width: 639px) {
-.modal-container.fullscreen-mobile[data-v-63dd5ea5] {
-		width: 100vw;
-		height: 100vh;
-		max-width: 100vw;
-		max-height: 100vh;
-		min-width: 100vw; /* Override min-width for fullscreen */
-}
-.modal-container.fullscreen-mobile .modal-card[data-v-63dd5ea5] {
-		border-radius: 0;
-		height: 100vh;
-}
+	background: white;
+	border-radius: 0.5rem;
+	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+	padding: 1.5rem;
+	max-width: calc(100vw - 2rem);
+	max-height: calc(100vh - 2rem);
+	overflow-y: auto;
+	width: auto;
 }
-
-/* Header - Always visible */
 .modal-header[data-v-63dd5ea5] {
-	flex-shrink: 0;
-}
-
-/* Content - Scrollable area */
-.modal-content[data-v-63dd5ea5] {
-	flex: 1;
-	overflow-y: auto;
-	overflow-x: hidden;
-	min-height: 0; /* Important for flex child scrolling */
-	
-	/* Responsive scrollbar spacing */
-	padding-right: 2px;
-	margin-right: -2px;
+	padding-bottom: 1rem;
+	border-bottom: 1px solid #e5e7eb;
+	margin-bottom: 1.5rem;
 }
-
-/* Mobile: Larger touch targets and spacing */
-@media (max-width: 639px) {
 .modal-content[data-v-63dd5ea5] {
-		padding-right: 3px;
-		margin-right: -3px;
-}
+	/* Let content flow naturally */
 }
-
-/* Footer - Always visible */
 .modal-footer[data-v-63dd5ea5] {
-	flex-shrink: 0;
-	margin-top: auto;
-}
-
-/* Custom Scrollbar Styling - Responsive */
-.modal-content[data-v-63dd5ea5]::-webkit-scrollbar {
-	width: 4px; /* Thinner on mobile */
+	padding-top: 1rem;
+	border-top: 1px solid #e5e7eb;
+	margin-top: 1.5rem;
 }
 
-/* Tablet and larger scrollbar */
-@media (min-width: 768px) {
-.modal-content[data-v-63dd5ea5]::-webkit-scrollbar {
-		width: 6px;
-}
+/* Scrollbar styling */
+.modal-container[data-v-63dd5ea5]::-webkit-scrollbar {
+	width: 6px;
 }
-.modal-content[data-v-63dd5ea5]::-webkit-scrollbar-track {
+.modal-container[data-v-63dd5ea5]::-webkit-scrollbar-track {
 	background: #f1f5f9;
 	border-radius: 3px;
 }
-.modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb {
+.modal-container[data-v-63dd5ea5]::-webkit-scrollbar-thumb {
 	background: #cbd5e1;
 	border-radius: 3px;
-	-webkit-transition: background-color 0.2s ease;
-	transition: background-color 0.2s ease;
 }
-.modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb:hover {
+.modal-container[data-v-63dd5ea5]::-webkit-scrollbar-thumb:hover {
 	background: #94a3b8;
 }
 
-/* Firefox scrollbar - responsive */
-.modal-content[data-v-63dd5ea5] {
-	scrollbar-width: thin;
-	scrollbar-color: #cbd5e1 #f1f5f9;
-}
-
-/* Mobile: Even thinner scrollbar for Firefox */
-@media (max-width: 639px) {
-.modal-content[data-v-63dd5ea5] {
-		scrollbar-width: auto; /* Let Firefox decide */
-}
-}
-
-/* Touch-friendly scrolling for mobile */
-@media (max-width: 639px) {
-.modal-content[data-v-63dd5ea5] {
-		-webkit-overflow-scrolling: touch;
-		overscroll-behavior: contain;
-}
-}
-
-/* Animation and accessibility improvements */
-@media (prefers-reduced-motion: reduce) {
-.modal-overlay[data-v-63dd5ea5],
-	.modal-container[data-v-63dd5ea5],
-	.modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb {
-		-webkit-transition: none;
-		transition: none;
-}
-}
-
-/* High contrast mode support */
-@media (prefers-contrast: high) {
-.modal-overlay[data-v-63dd5ea5] {
-		background-color: rgba(0, 0, 0, 0.9);
-}
-.modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb {
-		background: #1e293b;
-}
-}
-
-/* Dark mode support preparation */
-@media (prefers-color-scheme: dark) {
-.modal-content[data-v-63dd5ea5]::-webkit-scrollbar-track {
-		background: #374151;
-}
-.modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb {
-		background: #6b7280;
-}
-.modal-content[data-v-63dd5ea5]::-webkit-scrollbar-thumb:hover {
-		background: #9ca3af;
-}
-}
-
 /* Simple fade transition - gentle and smooth */
 .fade-enter-active[data-v-4583e1b6],
 .fade-leave-active[data-v-4583e1b6] {
@@ -3438,6 +3297,18 @@ to {
 }
 }
 
+/* Modal-specific styles - removes border, radius, background, and padding */
+.profile-container-modal[data-v-9670e06b] {
+  /* Remove any container-specific styles when in modal */
+}
+.profile-content-modal[data-v-9670e06b] {
+  /* Remove card styling when in modal */
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  box-shadow: none;
+}
 .expand-enter-active[data-v-9670e06b] {
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   overflow: hidden;
@@ -3463,14 +3334,25 @@ to {
   transform: translateY(0);
 }
 
-/* Profile container - natural height, no constraints */
-.profile-container[data-v-9670e06b] {
-  /* Removed max-height and overflow constraints */
+/* Transitions */
+.dropdown-enter-active[data-v-bfe49647],
+.dropdown-leave-active[data-v-bfe49647] {
+  transition: all 0.15s ease;
 }
-
-/* Profile content - natural flow */
-.profile-content[data-v-9670e06b] {
-  /* Removed overflow and scrolling styles - let the window handle scrolling */
+.dropdown-enter-from[data-v-bfe49647],
+.dropdown-leave-to[data-v-bfe49647] {
+  opacity: 0;
+  transform: scale(0.95) translateY(4px);
+}
+.dropdown-enter-to[data-v-bfe49647],
+.dropdown-leave-from[data-v-bfe49647] {
+  opacity: 1;
+  transform: scale(1) translateY(0);
 }
 
-/* Profile styles - window scrolling, no internal overflow */
+/* Responsive adjustments */
+@media (max-width: 640px) {
+.dropdown-menu[data-v-bfe49647] {
+    width: 16rem; /* w-64 */
+}
+}

package/dist/nuxt/module.cjs.js

@@ -75,6 +75,7 @@ const module$1 = kit.defineNuxtModule({
       "StrandsSignUp",
       "StrandsCompleteSignUp",
       "StrandsUserProfile",
+      "StrandsUserButton",
       "StrandsPasswordReset",
       "StrandsMFASetup",
       "StrandsConfigProvider",

package/dist/nuxt/module.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.cjs.js","sources":["../../../../apps/accounts-ui/src/nuxt/module.ts"],"sourcesContent":["import { defineNuxtModule, addPlugin, createResolver, addImports, addComponent, addRouteMiddleware } from '@nuxt/kit'\n\n// Re-export types for users\nexport type { StrandsAuthConfig, StrandsAuthEndpoints } from '../types'\nimport type { StrandsAuthConfig } from '../types'\n\n// Create defaults that match the full interface to ensure proper type inference  \nconst moduleDefaults: StrandsAuthConfig = {\n  baseUrl: 'https://your-api.example.com',\n  accentColor: '#EA00A8',\n  redirectUrl: '/',\n  onSignInUrl: '/dashboard',\n  onSignOutUrl: '/',\n  autoRefresh: true,\n  refreshInterval: 4,\n  protectedRoutes: [],\n  guestOnlyRoutes: ['/auth', '/login', '/register'],\n  devMode: false,\n  styles: true,\n  supportEmail: '',\n  oauth2RedirectUrl: ''\n}\n\nexport default defineNuxtModule<StrandsAuthConfig>({\n  meta: {\n    name: '@strands.gg/accui/nuxt',\n    configKey: 'strandsAuth',\n    compatibility: {\n      nuxt: '^3.0.0'\n    }\n  },\n  defaults: moduleDefaults,\n  async setup(options, nuxt) {\n    const resolver = createResolver(import.meta.url)\n\n    // Add runtime config\n    nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {}\n    ;(nuxt.options.runtimeConfig.public as any).strandsAuth = {\n      ...options,\n      styles: options.styles !== false\n    }\n\n    // Conditionally add CSS for styling based on autoImportStyles setting\n    if (options.styles !== false) {\n      nuxt.options.css.push('@strands.gg/accui/style.css')\n      nuxt.options.css.push(resolver.resolve('./runtime/styles.css'))\n    }\n\n    // Plugin and middleware paths - always use built JavaScript files when module is distributed\n    // This prevents issues when the module is loaded from dist/ directory\n    const ext = 'es.js'\n    \n    // Add the main plugin\n    addPlugin({\n      src: resolver.resolve(`./runtime/plugin.client.${ext}`),\n      mode: 'client'\n    })\n\n    // Add server plugin for SSR support\n    addPlugin({\n      src: resolver.resolve(`./runtime/plugin.server.${ext}`),\n      mode: 'server'\n    })\n\n    // Add middleware for route protection\n    addRouteMiddleware({\n      name: 'auth',\n      path: resolver.resolve(`./runtime/middleware/auth.global.${ext}`),\n      global: true\n    })\n\n    // Add route middleware\n    nuxt.hook('pages:extend', (pages) => {\n      // This will be handled in the global middleware instead\n    })\n\n    // Auto-import composables\n    addImports([\n      {\n        name: 'useStrandsAuth',\n        as: 'useStrandsAuth',\n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      },\n      {\n        name: 'useAuthUser',\n        as: 'useAuthUser', \n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      },\n      {\n        name: 'useAuthState',\n        as: 'useAuthState',\n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      }\n    ])\n\n    // Auto-register components from the main bundle export\n    const components = [\n      'StrandsAuth',\n      'StrandsSignIn', \n      'StrandsSignUp',\n      'StrandsCompleteSignUp',\n      'StrandsUserProfile',\n      'StrandsPasswordReset',\n      'StrandsMFASetup',\n      'StrandsConfigProvider',\n      'SignedIn',\n      'SignedOut',\n      'StrandsLogo',\n      'StrandsSecuredFooter',\n      // UI Components\n      'StrandsUiAlert',\n      'StrandsUiButton',\n      'StrandsUiCard',\n      'StrandsUiInput',\n      'StrandsUiLink',\n      'StrandsUiTabs',\n      'StrandsUiLoader'\n    ]\n\n    for (const component of components) {\n      addComponent({\n        name: component,\n        export: component,\n        filePath: '@strands.gg/accui'\n      })\n    }\n\n    // Add type declarations\n    nuxt.hook('prepare:types', (opts) => {\n      opts.references.push({\n        types: '@strands.gg/auth-nuxt'\n      })\n    })\n  }\n})"],"names":["defineNuxtModule","createResolver","addPlugin","addRouteMiddleware","addImports","addComponent"],"mappings":";;;AAOA,MAAM,iBAAoC;AAAA,EACxC,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,iBAAiB,CAAA;AAAA,EACjB,iBAAiB,CAAC,SAAS,UAAU,WAAW;AAAA,EAChD,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,mBAAmB;AACrB;AAEA,MAAA,WAAeA,qBAAoC;AAAA,EACjD,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,eAAe;AAAA,MACb,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,UAAU;AAAA,EACV,MAAM,MAAM,SAAS,MAAM;AACzB,UAAM,WAAWC,IAAAA,0QAA8B;AAG/C,SAAK,QAAQ,cAAc,SAAS,KAAK,QAAQ,cAAc,UAAU,CAAA;AACvE,SAAK,QAAQ,cAAc,OAAe,cAAc;AAAA,MACxD,GAAG;AAAA,MACH,QAAQ,QAAQ,WAAW;AAAA,IAAA;AAI7B,QAAI,QAAQ,WAAW,OAAO;AAC5B,WAAK,QAAQ,IAAI,KAAK,6BAA6B;AACnD,WAAK,QAAQ,IAAI,KAAK,SAAS,QAAQ,sBAAsB,CAAC;AAAA,IAChE;AAIA,UAAM,MAAM;AAGZC,kBAAU;AAAA,MACR,KAAK,SAAS,QAAQ,2BAA2B,GAAG,EAAE;AAAA,MACtD,MAAM;AAAA,IAAA,CACP;AAGDA,kBAAU;AAAA,MACR,KAAK,SAAS,QAAQ,2BAA2B,GAAG,EAAE;AAAA,MACtD,MAAM;AAAA,IAAA,CACP;AAGDC,2BAAmB;AAAA,MACjB,MAAM;AAAA,MACN,MAAM,SAAS,QAAQ,oCAAoC,GAAG,EAAE;AAAA,MAChE,QAAQ;AAAA,IAAA,CACT;AAGD,SAAK,KAAK,gBAAgB,CAAC,UAAU;AAAA,IAErC,CAAC;AAGDC,mBAAW;AAAA,MACT;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,MAEtE;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,MAEtE;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,IACtE,CACD;AAGD,UAAM,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,eAAW,aAAa,YAAY;AAClCC,uBAAa;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA,CACX;AAAA,IACH;AAGA,SAAK,KAAK,iBAAiB,CAAC,SAAS;AACnC,WAAK,WAAW,KAAK;AAAA,QACnB,OAAO;AAAA,MAAA,CACR;AAAA,IACH,CAAC;AAAA,EACH;AACF,CAAC;;"}
+{"version":3,"file":"module.cjs.js","sources":["../../../../apps/accounts-ui/src/nuxt/module.ts"],"sourcesContent":["import { defineNuxtModule, addPlugin, createResolver, addImports, addComponent, addRouteMiddleware } from '@nuxt/kit'\n\n// Re-export types for users\nexport type { StrandsAuthConfig, StrandsAuthEndpoints } from '../types'\nimport type { StrandsAuthConfig } from '../types'\n\n// Create defaults that match the full interface to ensure proper type inference  \nconst moduleDefaults: StrandsAuthConfig = {\n  baseUrl: 'https://your-api.example.com',\n  accentColor: '#EA00A8',\n  redirectUrl: '/',\n  onSignInUrl: '/dashboard',\n  onSignOutUrl: '/',\n  autoRefresh: true,\n  refreshInterval: 4,\n  protectedRoutes: [],\n  guestOnlyRoutes: ['/auth', '/login', '/register'],\n  devMode: false,\n  styles: true,\n  supportEmail: '',\n  oauth2RedirectUrl: ''\n}\n\nexport default defineNuxtModule<StrandsAuthConfig>({\n  meta: {\n    name: '@strands.gg/accui/nuxt',\n    configKey: 'strandsAuth',\n    compatibility: {\n      nuxt: '^3.0.0'\n    }\n  },\n  defaults: moduleDefaults,\n  async setup(options, nuxt) {\n    const resolver = createResolver(import.meta.url)\n\n    // Add runtime config\n    nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {}\n    ;(nuxt.options.runtimeConfig.public as any).strandsAuth = {\n      ...options,\n      styles: options.styles !== false\n    }\n\n    // Conditionally add CSS for styling based on autoImportStyles setting\n    if (options.styles !== false) {\n      nuxt.options.css.push('@strands.gg/accui/style.css')\n      nuxt.options.css.push(resolver.resolve('./runtime/styles.css'))\n    }\n\n    // Plugin and middleware paths - always use built JavaScript files when module is distributed\n    // This prevents issues when the module is loaded from dist/ directory\n    const ext = 'es.js'\n    \n    // Add the main plugin\n    addPlugin({\n      src: resolver.resolve(`./runtime/plugin.client.${ext}`),\n      mode: 'client'\n    })\n\n    // Add server plugin for SSR support\n    addPlugin({\n      src: resolver.resolve(`./runtime/plugin.server.${ext}`),\n      mode: 'server'\n    })\n\n    // Add middleware for route protection\n    addRouteMiddleware({\n      name: 'auth',\n      path: resolver.resolve(`./runtime/middleware/auth.global.${ext}`),\n      global: true\n    })\n\n    // Add route middleware\n    nuxt.hook('pages:extend', (pages) => {\n      // This will be handled in the global middleware instead\n    })\n\n    // Auto-import composables\n    addImports([\n      {\n        name: 'useStrandsAuth',\n        as: 'useStrandsAuth',\n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      },\n      {\n        name: 'useAuthUser',\n        as: 'useAuthUser', \n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      },\n      {\n        name: 'useAuthState',\n        as: 'useAuthState',\n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      }\n    ])\n\n    // Auto-register components from the main bundle export\n    const components = [\n      'StrandsAuth',\n      'StrandsSignIn', \n      'StrandsSignUp',\n      'StrandsCompleteSignUp',\n      'StrandsUserProfile',\n      'StrandsUserButton',\n      'StrandsPasswordReset',\n      'StrandsMFASetup',\n      'StrandsConfigProvider',\n      'SignedIn',\n      'SignedOut',\n      'StrandsLogo',\n      'StrandsSecuredFooter',\n      // UI Components\n      'StrandsUiAlert',\n      'StrandsUiButton',\n      'StrandsUiCard',\n      'StrandsUiInput',\n      'StrandsUiLink',\n      'StrandsUiTabs',\n      'StrandsUiLoader'\n    ]\n\n    for (const component of components) {\n      addComponent({\n        name: component,\n        export: component,\n        filePath: '@strands.gg/accui'\n      })\n    }\n\n    // Add type declarations\n    nuxt.hook('prepare:types', (opts) => {\n      opts.references.push({\n        types: '@strands.gg/auth-nuxt'\n      })\n    })\n  }\n})"],"names":["defineNuxtModule","createResolver","addPlugin","addRouteMiddleware","addImports","addComponent"],"mappings":";;;AAOA,MAAM,iBAAoC;AAAA,EACxC,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,iBAAiB,CAAA;AAAA,EACjB,iBAAiB,CAAC,SAAS,UAAU,WAAW;AAAA,EAChD,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,mBAAmB;AACrB;AAEA,MAAA,WAAeA,qBAAoC;AAAA,EACjD,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,eAAe;AAAA,MACb,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,UAAU;AAAA,EACV,MAAM,MAAM,SAAS,MAAM;AACzB,UAAM,WAAWC,IAAAA,0QAA8B;AAG/C,SAAK,QAAQ,cAAc,SAAS,KAAK,QAAQ,cAAc,UAAU,CAAA;AACvE,SAAK,QAAQ,cAAc,OAAe,cAAc;AAAA,MACxD,GAAG;AAAA,MACH,QAAQ,QAAQ,WAAW;AAAA,IAAA;AAI7B,QAAI,QAAQ,WAAW,OAAO;AAC5B,WAAK,QAAQ,IAAI,KAAK,6BAA6B;AACnD,WAAK,QAAQ,IAAI,KAAK,SAAS,QAAQ,sBAAsB,CAAC;AAAA,IAChE;AAIA,UAAM,MAAM;AAGZC,kBAAU;AAAA,MACR,KAAK,SAAS,QAAQ,2BAA2B,GAAG,EAAE;AAAA,MACtD,MAAM;AAAA,IAAA,CACP;AAGDA,kBAAU;AAAA,MACR,KAAK,SAAS,QAAQ,2BAA2B,GAAG,EAAE;AAAA,MACtD,MAAM;AAAA,IAAA,CACP;AAGDC,2BAAmB;AAAA,MACjB,MAAM;AAAA,MACN,MAAM,SAAS,QAAQ,oCAAoC,GAAG,EAAE;AAAA,MAChE,QAAQ;AAAA,IAAA,CACT;AAGD,SAAK,KAAK,gBAAgB,CAAC,UAAU;AAAA,IAErC,CAAC;AAGDC,mBAAW;AAAA,MACT;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,MAEtE;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,MAEtE;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,IACtE,CACD;AAGD,UAAM,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,eAAW,aAAa,YAAY;AAClCC,uBAAa;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA,CACX;AAAA,IACH;AAGA,SAAK,KAAK,iBAAiB,CAAC,SAAS;AACnC,WAAK,WAAW,KAAK;AAAA,QACnB,OAAO;AAAA,MAAA,CACR;AAAA,IACH,CAAC;AAAA,EACH;AACF,CAAC;;"}

package/dist/nuxt/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../../apps/accounts-ui/src/nuxt/module.ts"],"names":[],"mappings":"AAGA,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;;AAmBjD,wBA+GE"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../../apps/accounts-ui/src/nuxt/module.ts"],"names":[],"mappings":"AAGA,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;;AAmBjD,wBAgHE"}

package/dist/nuxt/module.es.js

@@ -73,6 +73,7 @@ const module = defineNuxtModule({
       "StrandsSignUp",
       "StrandsCompleteSignUp",
       "StrandsUserProfile",
+      "StrandsUserButton",
       "StrandsPasswordReset",
       "StrandsMFASetup",
       "StrandsConfigProvider",

package/dist/nuxt/module.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.es.js","sources":["../../../../apps/accounts-ui/src/nuxt/module.ts"],"sourcesContent":["import { defineNuxtModule, addPlugin, createResolver, addImports, addComponent, addRouteMiddleware } from '@nuxt/kit'\n\n// Re-export types for users\nexport type { StrandsAuthConfig, StrandsAuthEndpoints } from '../types'\nimport type { StrandsAuthConfig } from '../types'\n\n// Create defaults that match the full interface to ensure proper type inference  \nconst moduleDefaults: StrandsAuthConfig = {\n  baseUrl: 'https://your-api.example.com',\n  accentColor: '#EA00A8',\n  redirectUrl: '/',\n  onSignInUrl: '/dashboard',\n  onSignOutUrl: '/',\n  autoRefresh: true,\n  refreshInterval: 4,\n  protectedRoutes: [],\n  guestOnlyRoutes: ['/auth', '/login', '/register'],\n  devMode: false,\n  styles: true,\n  supportEmail: '',\n  oauth2RedirectUrl: ''\n}\n\nexport default defineNuxtModule<StrandsAuthConfig>({\n  meta: {\n    name: '@strands.gg/accui/nuxt',\n    configKey: 'strandsAuth',\n    compatibility: {\n      nuxt: '^3.0.0'\n    }\n  },\n  defaults: moduleDefaults,\n  async setup(options, nuxt) {\n    const resolver = createResolver(import.meta.url)\n\n    // Add runtime config\n    nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {}\n    ;(nuxt.options.runtimeConfig.public as any).strandsAuth = {\n      ...options,\n      styles: options.styles !== false\n    }\n\n    // Conditionally add CSS for styling based on autoImportStyles setting\n    if (options.styles !== false) {\n      nuxt.options.css.push('@strands.gg/accui/style.css')\n      nuxt.options.css.push(resolver.resolve('./runtime/styles.css'))\n    }\n\n    // Plugin and middleware paths - always use built JavaScript files when module is distributed\n    // This prevents issues when the module is loaded from dist/ directory\n    const ext = 'es.js'\n    \n    // Add the main plugin\n    addPlugin({\n      src: resolver.resolve(`./runtime/plugin.client.${ext}`),\n      mode: 'client'\n    })\n\n    // Add server plugin for SSR support\n    addPlugin({\n      src: resolver.resolve(`./runtime/plugin.server.${ext}`),\n      mode: 'server'\n    })\n\n    // Add middleware for route protection\n    addRouteMiddleware({\n      name: 'auth',\n      path: resolver.resolve(`./runtime/middleware/auth.global.${ext}`),\n      global: true\n    })\n\n    // Add route middleware\n    nuxt.hook('pages:extend', (pages) => {\n      // This will be handled in the global middleware instead\n    })\n\n    // Auto-import composables\n    addImports([\n      {\n        name: 'useStrandsAuth',\n        as: 'useStrandsAuth',\n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      },\n      {\n        name: 'useAuthUser',\n        as: 'useAuthUser', \n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      },\n      {\n        name: 'useAuthState',\n        as: 'useAuthState',\n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      }\n    ])\n\n    // Auto-register components from the main bundle export\n    const components = [\n      'StrandsAuth',\n      'StrandsSignIn', \n      'StrandsSignUp',\n      'StrandsCompleteSignUp',\n      'StrandsUserProfile',\n      'StrandsPasswordReset',\n      'StrandsMFASetup',\n      'StrandsConfigProvider',\n      'SignedIn',\n      'SignedOut',\n      'StrandsLogo',\n      'StrandsSecuredFooter',\n      // UI Components\n      'StrandsUiAlert',\n      'StrandsUiButton',\n      'StrandsUiCard',\n      'StrandsUiInput',\n      'StrandsUiLink',\n      'StrandsUiTabs',\n      'StrandsUiLoader'\n    ]\n\n    for (const component of components) {\n      addComponent({\n        name: component,\n        export: component,\n        filePath: '@strands.gg/accui'\n      })\n    }\n\n    // Add type declarations\n    nuxt.hook('prepare:types', (opts) => {\n      opts.references.push({\n        types: '@strands.gg/auth-nuxt'\n      })\n    })\n  }\n})"],"names":[],"mappings":";AAOA,MAAM,iBAAoC;AAAA,EACxC,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,iBAAiB,CAAA;AAAA,EACjB,iBAAiB,CAAC,SAAS,UAAU,WAAW;AAAA,EAChD,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,mBAAmB;AACrB;AAEA,MAAA,SAAe,iBAAoC;AAAA,EACjD,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,eAAe;AAAA,MACb,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,UAAU;AAAA,EACV,MAAM,MAAM,SAAS,MAAM;AACzB,UAAM,WAAW,eAAe,YAAY,GAAG;AAG/C,SAAK,QAAQ,cAAc,SAAS,KAAK,QAAQ,cAAc,UAAU,CAAA;AACvE,SAAK,QAAQ,cAAc,OAAe,cAAc;AAAA,MACxD,GAAG;AAAA,MACH,QAAQ,QAAQ,WAAW;AAAA,IAAA;AAI7B,QAAI,QAAQ,WAAW,OAAO;AAC5B,WAAK,QAAQ,IAAI,KAAK,6BAA6B;AACnD,WAAK,QAAQ,IAAI,KAAK,SAAS,QAAQ,sBAAsB,CAAC;AAAA,IAChE;AAIA,UAAM,MAAM;AAGZ,cAAU;AAAA,MACR,KAAK,SAAS,QAAQ,2BAA2B,GAAG,EAAE;AAAA,MACtD,MAAM;AAAA,IAAA,CACP;AAGD,cAAU;AAAA,MACR,KAAK,SAAS,QAAQ,2BAA2B,GAAG,EAAE;AAAA,MACtD,MAAM;AAAA,IAAA,CACP;AAGD,uBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,MAAM,SAAS,QAAQ,oCAAoC,GAAG,EAAE;AAAA,MAChE,QAAQ;AAAA,IAAA,CACT;AAGD,SAAK,KAAK,gBAAgB,CAAC,UAAU;AAAA,IAErC,CAAC;AAGD,eAAW;AAAA,MACT;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,MAEtE;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,MAEtE;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,IACtE,CACD;AAGD,UAAM,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,eAAW,aAAa,YAAY;AAClC,mBAAa;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA,CACX;AAAA,IACH;AAGA,SAAK,KAAK,iBAAiB,CAAC,SAAS;AACnC,WAAK,WAAW,KAAK;AAAA,QACnB,OAAO;AAAA,MAAA,CACR;AAAA,IACH,CAAC;AAAA,EACH;AACF,CAAC;"}
+{"version":3,"file":"module.es.js","sources":["../../../../apps/accounts-ui/src/nuxt/module.ts"],"sourcesContent":["import { defineNuxtModule, addPlugin, createResolver, addImports, addComponent, addRouteMiddleware } from '@nuxt/kit'\n\n// Re-export types for users\nexport type { StrandsAuthConfig, StrandsAuthEndpoints } from '../types'\nimport type { StrandsAuthConfig } from '../types'\n\n// Create defaults that match the full interface to ensure proper type inference  \nconst moduleDefaults: StrandsAuthConfig = {\n  baseUrl: 'https://your-api.example.com',\n  accentColor: '#EA00A8',\n  redirectUrl: '/',\n  onSignInUrl: '/dashboard',\n  onSignOutUrl: '/',\n  autoRefresh: true,\n  refreshInterval: 4,\n  protectedRoutes: [],\n  guestOnlyRoutes: ['/auth', '/login', '/register'],\n  devMode: false,\n  styles: true,\n  supportEmail: '',\n  oauth2RedirectUrl: ''\n}\n\nexport default defineNuxtModule<StrandsAuthConfig>({\n  meta: {\n    name: '@strands.gg/accui/nuxt',\n    configKey: 'strandsAuth',\n    compatibility: {\n      nuxt: '^3.0.0'\n    }\n  },\n  defaults: moduleDefaults,\n  async setup(options, nuxt) {\n    const resolver = createResolver(import.meta.url)\n\n    // Add runtime config\n    nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {}\n    ;(nuxt.options.runtimeConfig.public as any).strandsAuth = {\n      ...options,\n      styles: options.styles !== false\n    }\n\n    // Conditionally add CSS for styling based on autoImportStyles setting\n    if (options.styles !== false) {\n      nuxt.options.css.push('@strands.gg/accui/style.css')\n      nuxt.options.css.push(resolver.resolve('./runtime/styles.css'))\n    }\n\n    // Plugin and middleware paths - always use built JavaScript files when module is distributed\n    // This prevents issues when the module is loaded from dist/ directory\n    const ext = 'es.js'\n    \n    // Add the main plugin\n    addPlugin({\n      src: resolver.resolve(`./runtime/plugin.client.${ext}`),\n      mode: 'client'\n    })\n\n    // Add server plugin for SSR support\n    addPlugin({\n      src: resolver.resolve(`./runtime/plugin.server.${ext}`),\n      mode: 'server'\n    })\n\n    // Add middleware for route protection\n    addRouteMiddleware({\n      name: 'auth',\n      path: resolver.resolve(`./runtime/middleware/auth.global.${ext}`),\n      global: true\n    })\n\n    // Add route middleware\n    nuxt.hook('pages:extend', (pages) => {\n      // This will be handled in the global middleware instead\n    })\n\n    // Auto-import composables\n    addImports([\n      {\n        name: 'useStrandsAuth',\n        as: 'useStrandsAuth',\n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      },\n      {\n        name: 'useAuthUser',\n        as: 'useAuthUser', \n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      },\n      {\n        name: 'useAuthState',\n        as: 'useAuthState',\n        from: resolver.resolve(`./runtime/composables/useStrandsAuth.${ext}`)\n      }\n    ])\n\n    // Auto-register components from the main bundle export\n    const components = [\n      'StrandsAuth',\n      'StrandsSignIn', \n      'StrandsSignUp',\n      'StrandsCompleteSignUp',\n      'StrandsUserProfile',\n      'StrandsUserButton',\n      'StrandsPasswordReset',\n      'StrandsMFASetup',\n      'StrandsConfigProvider',\n      'SignedIn',\n      'SignedOut',\n      'StrandsLogo',\n      'StrandsSecuredFooter',\n      // UI Components\n      'StrandsUiAlert',\n      'StrandsUiButton',\n      'StrandsUiCard',\n      'StrandsUiInput',\n      'StrandsUiLink',\n      'StrandsUiTabs',\n      'StrandsUiLoader'\n    ]\n\n    for (const component of components) {\n      addComponent({\n        name: component,\n        export: component,\n        filePath: '@strands.gg/accui'\n      })\n    }\n\n    // Add type declarations\n    nuxt.hook('prepare:types', (opts) => {\n      opts.references.push({\n        types: '@strands.gg/auth-nuxt'\n      })\n    })\n  }\n})"],"names":[],"mappings":";AAOA,MAAM,iBAAoC;AAAA,EACxC,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,iBAAiB,CAAA;AAAA,EACjB,iBAAiB,CAAC,SAAS,UAAU,WAAW;AAAA,EAChD,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,mBAAmB;AACrB;AAEA,MAAA,SAAe,iBAAoC;AAAA,EACjD,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,eAAe;AAAA,MACb,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,UAAU;AAAA,EACV,MAAM,MAAM,SAAS,MAAM;AACzB,UAAM,WAAW,eAAe,YAAY,GAAG;AAG/C,SAAK,QAAQ,cAAc,SAAS,KAAK,QAAQ,cAAc,UAAU,CAAA;AACvE,SAAK,QAAQ,cAAc,OAAe,cAAc;AAAA,MACxD,GAAG;AAAA,MACH,QAAQ,QAAQ,WAAW;AAAA,IAAA;AAI7B,QAAI,QAAQ,WAAW,OAAO;AAC5B,WAAK,QAAQ,IAAI,KAAK,6BAA6B;AACnD,WAAK,QAAQ,IAAI,KAAK,SAAS,QAAQ,sBAAsB,CAAC;AAAA,IAChE;AAIA,UAAM,MAAM;AAGZ,cAAU;AAAA,MACR,KAAK,SAAS,QAAQ,2BAA2B,GAAG,EAAE;AAAA,MACtD,MAAM;AAAA,IAAA,CACP;AAGD,cAAU;AAAA,MACR,KAAK,SAAS,QAAQ,2BAA2B,GAAG,EAAE;AAAA,MACtD,MAAM;AAAA,IAAA,CACP;AAGD,uBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,MAAM,SAAS,QAAQ,oCAAoC,GAAG,EAAE;AAAA,MAChE,QAAQ;AAAA,IAAA,CACT;AAGD,SAAK,KAAK,gBAAgB,CAAC,UAAU;AAAA,IAErC,CAAC;AAGD,eAAW;AAAA,MACT;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,MAEtE;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,MAEtE;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM,SAAS,QAAQ,wCAAwC,GAAG,EAAE;AAAA,MAAA;AAAA,IACtE,CACD;AAGD,UAAM,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,eAAW,aAAa,YAAY;AAClC,mBAAa;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA,CACX;AAAA,IACH;AAGA,SAAK,KAAK,iBAAiB,CAAC,SAAS;AACnC,WAAK,WAAW,KAAK;AAAA,QACnB,OAAO;AAAA,MAAA,CACR;AAAA,IACH,CAAC;AAAA,EACH;AACF,CAAC;"}

package/dist/nuxt/runtime/composables/useStrandsAuth.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const app = require("nuxt/app");
-const useStrandsAuth$1 = require("../../../useStrandsAuth-zR8fRWme.cjs");
+const useStrandsAuth$1 = require("../../../useStrandsAuth-z4jAu9Uv.cjs");
 const useStrandsAuth = () => {
   const config = app.useRuntimeConfig().public["strandsAuth"];
   const vueAuth = useStrandsAuth$1.useStrandsAuth();