@strands.gg/accui 1.7.0 → 1.7.1

package/dist/accui.css

@@ -1875,76 +1875,76 @@ input.pr-10[data-v-1fccfe97] {
 }
 
 /* Simple fade transition - gentle and smooth */
-.fade-enter-active[data-v-48d6cc8d],
-.fade-leave-active[data-v-48d6cc8d] {
+.fade-enter-active[data-v-cf6ed7ab],
+.fade-leave-active[data-v-cf6ed7ab] {
   transition: opacity 350ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.fade-enter-from[data-v-48d6cc8d],
-.fade-leave-to[data-v-48d6cc8d] {
+.fade-enter-from[data-v-cf6ed7ab],
+.fade-leave-to[data-v-cf6ed7ab] {
   opacity: 0;
 }
 
 /* Smooth height transitions - handled entirely by JavaScript */
-.smooth-height-enter-active[data-v-48d6cc8d],
-.smooth-height-leave-active[data-v-48d6cc8d] {
+.smooth-height-enter-active[data-v-cf6ed7ab],
+.smooth-height-leave-active[data-v-cf6ed7ab] {
   /* JavaScript handles all transition logic */
 }
 
 /* Support block transition - gentle fade with subtle scale */
-.support-fade-enter-active[data-v-48d6cc8d],
-.support-fade-leave-active[data-v-48d6cc8d] {
+.support-fade-enter-active[data-v-cf6ed7ab],
+.support-fade-leave-active[data-v-cf6ed7ab] {
   transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.support-fade-enter-from[data-v-48d6cc8d] {
+.support-fade-enter-from[data-v-cf6ed7ab] {
   opacity: 0;
   transform: scale(0.97) translateY(8px);
 }
-.support-fade-leave-to[data-v-48d6cc8d] {
+.support-fade-leave-to[data-v-cf6ed7ab] {
   opacity: 0;
   transform: scale(0.99) translateY(-4px);
 }
-.support-fade-enter-to[data-v-48d6cc8d],
-.support-fade-leave-from[data-v-48d6cc8d] {
+.support-fade-enter-to[data-v-cf6ed7ab],
+.support-fade-leave-from[data-v-cf6ed7ab] {
   opacity: 1;
   transform: scale(1) translateY(0);
 }
 
 /* Expand transition - for alerts using modern height animation */
-.expand-enter-active[data-v-48d6cc8d],
-.expand-leave-active[data-v-48d6cc8d] {
+.expand-enter-active[data-v-cf6ed7ab],
+.expand-leave-active[data-v-cf6ed7ab] {
   overflow: hidden;
 }
 
 /* Modern browsers with interpolate-size support for expand */
 @supports (interpolate-size: allow-keywords) {
-.expand-enter-active[data-v-48d6cc8d],
-  .expand-leave-active[data-v-48d6cc8d] {
+.expand-enter-active[data-v-cf6ed7ab],
+  .expand-leave-active[data-v-cf6ed7ab] {
     interpolate-size: allow-keywords;
 }
-.expand-enter-active[data-v-48d6cc8d] {
+.expand-enter-active[data-v-cf6ed7ab] {
     transition: 
       opacity 550ms cubic-bezier(0.16, 1, 0.3, 1),
       height 550ms cubic-bezier(0.16, 1, 0.3, 1),
       transform 550ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.expand-leave-active[data-v-48d6cc8d] {
+.expand-leave-active[data-v-cf6ed7ab] {
     transition: 
       opacity 550ms cubic-bezier(0.16, 1, 0.3, 1),
       height 550ms cubic-bezier(0.16, 1, 0.3, 1),
       transform 550ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.expand-enter-from[data-v-48d6cc8d] {
+.expand-enter-from[data-v-cf6ed7ab] {
     opacity: 0;
     height: 0;
     transform: scale(0.99) translateY(-2px);
 }
-.expand-leave-to[data-v-48d6cc8d] {
+.expand-leave-to[data-v-cf6ed7ab] {
     opacity: 0;
     height: 0;
     transform: scale(0.997) translateY(1px);
 }
-.expand-enter-to[data-v-48d6cc8d],
-  .expand-leave-from[data-v-48d6cc8d] {
+.expand-enter-to[data-v-cf6ed7ab],
+  .expand-leave-from[data-v-cf6ed7ab] {
     opacity: 1;
     height: auto;
     transform: scale(1) translateY(0);
@@ -1953,30 +1953,30 @@ input.pr-10[data-v-1fccfe97] {
 
 /* Fallback for expand in older browsers */
 @supports not (interpolate-size: allow-keywords) {
-.expand-enter-active[data-v-48d6cc8d] {
+.expand-enter-active[data-v-cf6ed7ab] {
     transition: 
       opacity 550ms cubic-bezier(0.16, 1, 0.3, 1),
       max-height 550ms cubic-bezier(0.16, 1, 0.3, 1),
       transform 550ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.expand-leave-active[data-v-48d6cc8d] {
+.expand-leave-active[data-v-cf6ed7ab] {
     transition: 
       opacity 550ms cubic-bezier(0.16, 1, 0.3, 1),
       max-height 550ms cubic-bezier(0.16, 1, 0.3, 1),
       transform 550ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.expand-enter-from[data-v-48d6cc8d] {
+.expand-enter-from[data-v-cf6ed7ab] {
     opacity: 0;
     max-height: 0;
     transform: scale(0.99) translateY(-2px);
 }
-.expand-leave-to[data-v-48d6cc8d] {
+.expand-leave-to[data-v-cf6ed7ab] {
     opacity: 0;
     max-height: 0;
     transform: scale(0.997) translateY(1px);
 }
-.expand-enter-to[data-v-48d6cc8d],
-  .expand-leave-from[data-v-48d6cc8d] {
+.expand-enter-to[data-v-cf6ed7ab],
+  .expand-leave-from[data-v-cf6ed7ab] {
     opacity: 1;
     max-height: 150px;
     transform: scale(1) translateY(0);
@@ -1984,7 +1984,7 @@ input.pr-10[data-v-1fccfe97] {
 }
 
 /* Loading pulse animation */
-@keyframes pulse-48d6cc8d {
+@keyframes pulse-cf6ed7ab {
 0%, 100% {
     opacity: 1;
 }
@@ -1992,12 +1992,12 @@ input.pr-10[data-v-1fccfe97] {
     opacity: 0.5;
 }
 }
-.animate-pulse[data-v-48d6cc8d] {
-  animation: pulse-48d6cc8d 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+.animate-pulse[data-v-cf6ed7ab] {
+  animation: pulse-cf6ed7ab 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
 
 /* Slide up animation for main container - elegant entrance */
-@keyframes slide-up-48d6cc8d {
+@keyframes slide-up-cf6ed7ab {
 from {
     opacity: 0;
     transform: translateY(24px) scale(0.96);
@@ -2009,12 +2009,12 @@ to {
     filter: blur(0px);
 }
 }
-.animate-slide-up[data-v-48d6cc8d] {
-  animation: slide-up-48d6cc8d 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+.animate-slide-up[data-v-cf6ed7ab] {
+  animation: slide-up-cf6ed7ab 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 
 /* Fade in animation for alerts - gentle appearance */
-@keyframes fade-in-48d6cc8d {
+@keyframes fade-in-cf6ed7ab {
 from {
     opacity: 0;
     transform: scale(0.97) translateY(6px);
@@ -2024,41 +2024,41 @@ to {
     transform: scale(1) translateY(0);
 }
 }
-.animate-fade-in[data-v-48d6cc8d] {
-  animation: fade-in-48d6cc8d 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+.animate-fade-in[data-v-cf6ed7ab] {
+  animation: fade-in-cf6ed7ab 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 
 /* Email field spacing animation */
-.email-field-spacing[data-v-48d6cc8d] {
+.email-field-spacing[data-v-cf6ed7ab] {
   transition: margin-bottom 500ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.email-field-spacing.has-password[data-v-48d6cc8d] {
+.email-field-spacing.has-password[data-v-cf6ed7ab] {
   margin-bottom: 1rem; /* mb-4 equivalent */
 }
-.email-field-spacing.no-password[data-v-48d6cc8d] {
+.email-field-spacing.no-password[data-v-cf6ed7ab] {
   margin-bottom: 0;
 }
 
 /* Password field transitions now handled by JavaScript smooth-height system */
 
 /* Auth Container Styles */
-.auth-full-width[data-v-48d6cc8d] {
+.auth-full-width[data-v-cf6ed7ab] {
   width: 100%;
 }
-.auth-min-width[data-v-48d6cc8d] {
+.auth-min-width[data-v-cf6ed7ab] {
   min-width: 100px;
 }
-.auth-max-width[data-v-48d6cc8d] {
+.auth-max-width[data-v-cf6ed7ab] {
   max-width: 28rem;
 }
-.auth-center[data-v-48d6cc8d] {
+.auth-center[data-v-cf6ed7ab] {
   margin-left: auto;
   margin-right: auto;
 }
-.auth-slide-up[data-v-48d6cc8d] {
-  animation: slide-up-48d6cc8d 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+.auth-slide-up[data-v-cf6ed7ab] {
+  animation: slide-up-cf6ed7ab 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
-.auth-card-modern[data-v-48d6cc8d] {
+.auth-card-modern[data-v-cf6ed7ab] {
   background: white;
   border-radius: 0.5rem;
   padding: 2rem;
@@ -2066,11 +2066,11 @@ to {
 }
 
 /* Header Styles */
-.auth-header[data-v-48d6cc8d] {
+.auth-header[data-v-cf6ed7ab] {
   text-align: center;
   margin-bottom: 2rem;
 }
-.auth-title[data-v-48d6cc8d] {
+.auth-title[data-v-cf6ed7ab] {
   font-size: 1.875rem;
   font-weight: 700;
   background: linear-gradient(135deg, #EA00A8 0%, #FF6B9D 100%);
@@ -2079,40 +2079,40 @@ to {
   -webkit-text-fill-color: transparent;
   margin-bottom: 0.5rem;
 }
-.auth-subtitle[data-v-48d6cc8d] {
+.auth-subtitle[data-v-cf6ed7ab] {
   color: #737373;
 }
 
 /* Tabs Container */
-.auth-tabs-container[data-v-48d6cc8d] {
+.auth-tabs-container[data-v-cf6ed7ab] {
   margin-bottom: 2rem;
 }
 
 /* OAuth Provider Styles */
-.auth-oauth-providers[data-v-48d6cc8d] {
+.auth-oauth-providers[data-v-cf6ed7ab] {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
   margin-bottom: 1.5rem;
 }
-.auth-oauth-button[data-v-48d6cc8d] {
+.auth-oauth-button[data-v-cf6ed7ab] {
   /* Button styles will be handled by the UiButton component */
 }
-.auth-oauth-icon-container[data-v-48d6cc8d] {
+.auth-oauth-icon-container[data-v-cf6ed7ab] {
   width: 1.25rem;
   height: 1.25rem;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.auth-oauth-icon[data-v-48d6cc8d] {
+.auth-oauth-icon[data-v-cf6ed7ab] {
   width: 1.25rem;
   height: 1.25rem;
 }
-.auth-oauth-github[data-v-48d6cc8d] {
+.auth-oauth-github[data-v-cf6ed7ab] {
   fill: currentColor;
 }
-.auth-oauth-generic-icon[data-v-48d6cc8d] {
+.auth-oauth-generic-icon[data-v-cf6ed7ab] {
   width: 1.25rem;
   height: 1.25rem;
   border-radius: 50%;
@@ -2121,22 +2121,22 @@ to {
   align-items: center;
   justify-content: center;
 }
-.auth-oauth-generic-text[data-v-48d6cc8d] {
+.auth-oauth-generic-text[data-v-cf6ed7ab] {
   font-size: 0.75rem;
   font-weight: 600;
   color: #525252;
 }
-.auth-oauth-text[data-v-48d6cc8d] {
+.auth-oauth-text[data-v-cf6ed7ab] {
   font-weight: 500;
 }
 
 /* Divider Styles */
-.auth-divider[data-v-48d6cc8d] {
+.auth-divider[data-v-cf6ed7ab] {
   position: relative;
   margin: 1.5rem 0;
   text-align: center;
 }
-.auth-divider[data-v-48d6cc8d]::before {
+.auth-divider[data-v-cf6ed7ab]::before {
   content: '';
   position: absolute;
   top: 50%;
@@ -2145,7 +2145,7 @@ to {
   height: 1px;
   background: #e5e5e5;
 }
-.auth-divider-text[data-v-48d6cc8d] {
+.auth-divider-text[data-v-cf6ed7ab] {
   background: white;
   padding: 0 1rem;
   color: #737373;
@@ -2155,62 +2155,62 @@ to {
 }
 
 /* Form Styles */
-.auth-form[data-v-48d6cc8d] {
+.auth-form[data-v-cf6ed7ab] {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 }
-.auth-password-field[data-v-48d6cc8d] {
+.auth-password-field[data-v-cf6ed7ab] {
   margin-bottom: 1rem;
 }
-.auth-password-header[data-v-48d6cc8d] {
+.auth-password-header[data-v-cf6ed7ab] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 0.5rem;
 }
-.auth-password-label[data-v-48d6cc8d] {
+.auth-password-label[data-v-cf6ed7ab] {
   font-size: 0.875rem;
   font-weight: 500;
   color: #374151;
 }
 
 /* Alert Styles */
-.auth-success-alert[data-v-48d6cc8d] {
+.auth-success-alert[data-v-cf6ed7ab] {
   margin-top: 1.5rem;
-  animation: fade-in-48d6cc8d 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  animation: fade-in-cf6ed7ab 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
-.auth-error-alert[data-v-48d6cc8d] {
+.auth-error-alert[data-v-cf6ed7ab] {
   margin-top: 1.5rem;
-  animation: fade-in-48d6cc8d 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  animation: fade-in-cf6ed7ab 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 
 /* Back Link Styles */
-.auth-back-link-container[data-v-48d6cc8d] {
+.auth-back-link-container[data-v-cf6ed7ab] {
   margin-top: 2rem;
   text-align: center;
 }
-.auth-back-link[data-v-48d6cc8d] {
+.auth-back-link[data-v-cf6ed7ab] {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
 }
-.auth-back-icon[data-v-48d6cc8d] {
+.auth-back-icon[data-v-cf6ed7ab] {
   width: 1rem;
   height: 1rem;
 }
 
 /* Support Text */
-.auth-support-text[data-v-48d6cc8d] {
+.auth-support-text[data-v-cf6ed7ab] {
   color: #a3a3a3;
   font-size: 0.875rem;
 }
 
 /* Modal-specific styles - removes border, radius, background, and padding */
-.auth-container-modal[data-v-48d6cc8d] {
-  /* Remove any container-specific styles when in modal */
+.auth-container-modal[data-v-cf6ed7ab] {
+  min-width: 400px;
 }
-.auth-content-modal[data-v-48d6cc8d] {
+.auth-content-modal[data-v-cf6ed7ab] {
   /* Remove card styling when in modal */
   background: transparent;
   border: none;

package/dist/strands-auth-ui.cjs.js

@@ -3638,7 +3638,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const StrandsAuth = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-48d6cc8d"]]);
+const StrandsAuth = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-cf6ed7ab"]]);
 const _hoisted_1$h = { class: "accui-component-scope" };
 const _hoisted_2$f = { class: "accui-w-full accui-min-w-100 accui-max-w-md accui-mx-auto accui-animate-slide-up" };
 const _hoisted_3$f = {