@strands.gg/accui 2.6.3 → 2.6.5

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

@@ -27683,7 +27683,7 @@ const _hoisted_20$9 = {
 };
 const _hoisted_21$9 = ["cx", "fill"];
 const _hoisted_22$7 = { class: "ui-color-picker-inputs" };
-const _hoisted_23$7 = {
+const _hoisted_23$6 = {
   key: 0,
   class: "ui-color-picker-input-row"
 };
@@ -29542,7 +29542,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           }, null, 4)
         ], 544)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_22$7, [
-          currentColorFormat.value === "hex" ? (openBlock(), createElementBlock("div", _hoisted_23$7, [
+          currentColorFormat.value === "hex" ? (openBlock(), createElementBlock("div", _hoisted_23$6, [
             createElementVNode("div", _hoisted_24$6, [
               _cache[24] || (_cache[24] = createElementVNode("label", { class: "ui-color-picker-label" }, "Hex", -1)),
               withDirectives(createElementVNode("input", {
@@ -30281,7 +30281,7 @@ const _hoisted_19$a = { class: "ui-table-group-count" };
 const _hoisted_20$8 = ["onClick"];
 const _hoisted_21$8 = ["onClick"];
 const _hoisted_22$6 = { class: "ui-table-subrow-content" };
-const _hoisted_23$6 = { class: "ui-table-subrow-default" };
+const _hoisted_23$5 = { class: "ui-table-subrow-default" };
 const _hoisted_24$5 = {
   key: 0,
   class: "ui-table-empty"
@@ -30731,7 +30731,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                       row,
                       rowIndex
                     }, () => [
-                      createElementVNode("div", _hoisted_23$6, [
+                      createElementVNode("div", _hoisted_23$5, [
                         createElementVNode("pre", null, toDisplayString(JSON.stringify(row, null, 2)), 1)
                       ])
                     ], true)
@@ -32272,7 +32272,7 @@ const _hoisted_19$8 = { class: "mfa-hardware-prompt" };
 const _hoisted_20$6 = { class: "mfa-hardware-prompt-content" };
 const _hoisted_21$6 = { class: "mfa-hardware-prompt-icon" };
 const _hoisted_22$5 = { class: "mfa-hardware-prompt-text" };
-const _hoisted_23$5 = { class: "mfa-hardware-prompt-title" };
+const _hoisted_23$4 = { class: "mfa-hardware-prompt-title" };
 const _hoisted_24$4 = { class: "mfa-hardware-prompt-description" };
 const _hoisted_25$4 = { class: "mfa-backup-option" };
 const _hoisted_26$4 = {
@@ -32781,7 +32781,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                         }))
                       ]),
                       createElementVNode("div", _hoisted_22$5, [
-                        createElementVNode("h4", _hoisted_23$5, toDisplayString(selectedMethod.value.device_type === "passkey" ? "Use your passkey" : "Touch your hardware key"), 1),
+                        createElementVNode("h4", _hoisted_23$4, toDisplayString(selectedMethod.value.device_type === "passkey" ? "Use your passkey" : "Touch your hardware key"), 1),
                         createElementVNode("p", _hoisted_24$4, toDisplayString(selectedMethod.value.device_type === "passkey" ? "Use biometrics, PIN, or device security to authenticate" : "Insert and touch your hardware key to authenticate"), 1)
                       ])
                     ])
@@ -33221,64 +33221,63 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "accui-component-scope" };
-const _hoisted_2$h = {
+const _hoisted_1$l = {
   key: 0,
   class: "auth-logo-header"
 };
-const _hoisted_3$g = { class: "auth-header" };
-const _hoisted_4$g = {
+const _hoisted_2$h = { class: "auth-header" };
+const _hoisted_3$g = {
   key: 0,
   class: "auth-success-text"
 };
-const _hoisted_5$e = { key: 1 };
-const _hoisted_6$d = { key: 2 };
-const _hoisted_7$d = { key: 3 };
-const _hoisted_8$c = {
+const _hoisted_4$g = { key: 1 };
+const _hoisted_5$e = { key: 2 };
+const _hoisted_6$d = { key: 3 };
+const _hoisted_7$d = {
   key: 0,
   class: "auth-tabs-container"
 };
-const _hoisted_9$c = {
+const _hoisted_8$c = {
   key: 0,
   class: "auth-oauth-providers"
 };
-const _hoisted_10$c = { class: "auth-oauth-icon-container" };
-const _hoisted_11$c = {
+const _hoisted_9$c = { class: "auth-oauth-icon-container" };
+const _hoisted_10$c = {
   key: 0,
   class: "auth-oauth-icon"
 };
-const _hoisted_12$c = ["src", "alt"];
-const _hoisted_13$c = {
+const _hoisted_11$c = ["src", "alt"];
+const _hoisted_12$c = {
   key: 1,
   viewBox: "0 0 24 24",
   class: "auth-oauth-icon"
 };
-const _hoisted_14$c = {
+const _hoisted_13$c = {
   key: 2,
   class: "auth-oauth-icon auth-oauth-github",
   viewBox: "0 0 24 24"
 };
-const _hoisted_15$a = {
+const _hoisted_14$c = {
   key: 3,
   class: "auth-oauth-generic-icon"
 };
-const _hoisted_16$a = { class: "auth-oauth-generic-text" };
-const _hoisted_17$9 = { class: "auth-oauth-text" };
-const _hoisted_18$8 = {
+const _hoisted_15$a = { class: "auth-oauth-generic-text" };
+const _hoisted_16$a = { class: "auth-oauth-text" };
+const _hoisted_17$9 = {
   key: 0,
   class: "auth-divider"
 };
-const _hoisted_19$7 = { class: "auth-divider-text" };
-const _hoisted_20$5 = {
+const _hoisted_18$8 = { class: "auth-divider-text" };
+const _hoisted_19$7 = {
   key: 0,
   class: "auth-password-field"
 };
-const _hoisted_21$5 = { class: "auth-password-header" };
-const _hoisted_22$4 = {
+const _hoisted_20$5 = { class: "auth-password-header" };
+const _hoisted_21$5 = {
   key: 0,
   class: "auth-back-link-container"
 };
-const _hoisted_23$4 = { class: "auth-support-text" };
+const _hoisted_22$4 = { class: "auth-support-text" };
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "StrandsAuth",
   props: {
@@ -33531,18 +33530,19 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       element.style.overflow = "";
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+      return openBlock(), createElementBlock(Fragment$1, null, [
         createVNode(unref(StrandsUiCard), {
           variant: props.inModal ? "simple" : "modern",
           color: props.inModal ? "default" : "secondary",
+          padding: "sm",
           class: normalizeClass(props.inModal ? "auth-full-width auth-min-width" : "auth-full-width auth-min-width auth-max-width auth-center auth-slide-up")
         }, {
           default: withCtx(() => [
             createElementVNode("div", null, [
-              !props.inModal ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
+              !props.inModal ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
                 createVNode(_sfc_main$o)
               ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3$g, [
+              createElementVNode("div", _hoisted_2$h, [
                 createVNode(Transition, {
                   name: "fade",
                   mode: "out-in"
@@ -33564,7 +33564,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                       key: currentMode.value,
                       class: "auth-subtitle"
                     }, [
-                      isPasswordResetSubmitted.value ? (openBlock(), createElementBlock("span", _hoisted_4$g, " We've sent a password reset link to your email ")) : isPasswordReset.value ? (openBlock(), createElementBlock("span", _hoisted_5$e, " Enter your email to reset your password ")) : isSignUp.value ? (openBlock(), createElementBlock("span", _hoisted_6$d, " Create an account to get started ")) : (openBlock(), createElementBlock("span", _hoisted_7$d, [..._cache[6] || (_cache[6] = [
+                      isPasswordResetSubmitted.value ? (openBlock(), createElementBlock("span", _hoisted_3$g, " We've sent a password reset link to your email ")) : isPasswordReset.value ? (openBlock(), createElementBlock("span", _hoisted_4$g, " Enter your email to reset your password ")) : isSignUp.value ? (openBlock(), createElementBlock("span", _hoisted_5$e, " Create an account to get started ")) : (openBlock(), createElementBlock("span", _hoisted_6$d, [..._cache[6] || (_cache[6] = [
                         createTextVNode(" Sign in or register a ", -1),
                         createElementVNode("b", null, "Strands account", -1),
                         createTextVNode(" to continue ", -1)
@@ -33583,7 +33583,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 onAfterLeave
               }, {
                 default: withCtx(() => [
-                  !isPasswordReset.value ? (openBlock(), createElementBlock("div", _hoisted_8$c, [
+                  !isPasswordReset.value ? (openBlock(), createElementBlock("div", _hoisted_7$d, [
                     createVNode(unref(StrandsUiTabs), {
                       modelValue: currentMode.value,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentMode.value = $event),
@@ -33606,7 +33606,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 onAfterLeave
               }, {
                 default: withCtx(() => [
-                  !isPasswordReset.value && displayProviders.value?.length ? (openBlock(), createElementBlock("div", _hoisted_9$c, [
+                  !isPasswordReset.value && displayProviders.value?.length ? (openBlock(), createElementBlock("div", _hoisted_8$c, [
                     (openBlock(true), createElementBlock(Fragment$1, null, renderList(displayProviders.value, (provider) => {
                       return openBlock(), createBlock(unref(CompoundUiButton), {
                         key: provider.id,
@@ -33617,16 +33617,16 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                         class: "auth-oauth-button"
                       }, {
                         default: withCtx(() => [
-                          createElementVNode("div", _hoisted_10$c, [
-                            provider.icon || provider.iconUrl ? (openBlock(), createElementBlock("div", _hoisted_11$c, [
+                          createElementVNode("div", _hoisted_9$c, [
+                            provider.icon || provider.iconUrl ? (openBlock(), createElementBlock("div", _hoisted_10$c, [
                               createElementVNode("img", {
                                 src: provider.icon || provider.iconUrl,
                                 alt: `${provider.displayName || provider.name} icon`,
                                 class: "auth-oauth-icon",
                                 width: "20",
                                 height: "20"
-                              }, null, 8, _hoisted_12$c)
-                            ])) : provider.id === "google" ? (openBlock(), createElementBlock("svg", _hoisted_13$c, [..._cache[7] || (_cache[7] = [
+                              }, null, 8, _hoisted_11$c)
+                            ])) : provider.id === "google" ? (openBlock(), createElementBlock("svg", _hoisted_12$c, [..._cache[7] || (_cache[7] = [
                               createElementVNode("path", {
                                 fill: "#4285F4",
                                 d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
@@ -33643,13 +33643,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                                 fill: "#EA4335",
                                 d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
                               }, null, -1)
-                            ])])) : provider.id === "github" ? (openBlock(), createElementBlock("svg", _hoisted_14$c, [..._cache[8] || (_cache[8] = [
+                            ])])) : provider.id === "github" ? (openBlock(), createElementBlock("svg", _hoisted_13$c, [..._cache[8] || (_cache[8] = [
                               createElementVNode("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" }, null, -1)
-                            ])])) : (openBlock(), createElementBlock("div", _hoisted_15$a, [
-                              createElementVNode("span", _hoisted_16$a, toDisplayString((provider.displayName || provider.name).charAt(0).toUpperCase()), 1)
+                            ])])) : (openBlock(), createElementBlock("div", _hoisted_14$c, [
+                              createElementVNode("span", _hoisted_15$a, toDisplayString((provider.displayName || provider.name).charAt(0).toUpperCase()), 1)
                             ]))
                           ]),
-                          createElementVNode("span", _hoisted_17$9, " Continue with " + toDisplayString(provider.displayName || provider.name.charAt(0).toUpperCase() + provider.name.slice(1)), 1)
+                          createElementVNode("span", _hoisted_16$a, " Continue with " + toDisplayString(provider.displayName || provider.name.charAt(0).toUpperCase() + provider.name.slice(1)), 1)
                         ]),
                         _: 2
                       }, 1032, ["disabled", "onClick"]);
@@ -33667,8 +33667,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 onAfterLeave
               }, {
                 default: withCtx(() => [
-                  !isPasswordReset.value && displayProviders.value?.length ? (openBlock(), createElementBlock("div", _hoisted_18$8, [
-                    createElementVNode("span", _hoisted_19$7, "Or " + toDisplayString(isSignUp.value ? "create account" : "sign in") + " with email", 1)
+                  !isPasswordReset.value && displayProviders.value?.length ? (openBlock(), createElementBlock("div", _hoisted_17$9, [
+                    createElementVNode("span", _hoisted_18$8, "Or " + toDisplayString(isSignUp.value ? "create account" : "sign in") + " with email", 1)
                   ])) : createCommentVNode("", true)
                 ]),
                 _: 1
@@ -33701,8 +33701,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     onAfterLeave
                   }, {
                     default: withCtx(() => [
-                      !isPasswordReset.value && !isSignUp.value ? (openBlock(), createElementBlock("div", _hoisted_20$5, [
-                        createElementVNode("div", _hoisted_21$5, [
+                      !isPasswordReset.value && !isSignUp.value ? (openBlock(), createElementBlock("div", _hoisted_19$7, [
+                        createElementVNode("div", _hoisted_20$5, [
                           _cache[10] || (_cache[10] = createElementVNode("span", { class: "auth-password-label" }, "Password", -1)),
                           createVNode(unref(StrandsUiLink), {
                             variant: "primary",
@@ -33766,7 +33766,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 onAfterLeave
               }, {
                 default: withCtx(() => [
-                  isPasswordReset.value ? (openBlock(), createElementBlock("div", _hoisted_22$4, [
+                  isPasswordReset.value ? (openBlock(), createElementBlock("div", _hoisted_21$5, [
                     createVNode(unref(StrandsUiLink), {
                       onClick: _cache[4] || (_cache[4] = ($event) => currentMode.value = "signin"),
                       class: "auth-back-link"
@@ -33810,7 +33810,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     name: "support-fade"
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("p", _hoisted_23$4, [
+                      createElementVNode("p", _hoisted_22$4, [
                         _cache[13] || (_cache[13] = createTextVNode(" Need help? ", -1)),
                         createVNode(unref(StrandsUiLink), {
                           variant: "primary",
@@ -33839,11 +33839,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           onClose: handleMfaClose,
           onError: handleMfaError
         }, null, 8, ["show", "available-mfa-methods"])
-      ]);
+      ], 64);
     };
   }
 });
-const StrandsAuth = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-bdd5fe93"]]);
+const StrandsAuth = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-31b99c9b"]]);
 const _hoisted_1$k = {
   viewBox: "0 0 24 24",
   class: "accui-w-5 accui-h-5"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strands.gg/accui",
-  "version": "2.6.3",
+  "version": "2.6.5",
   "description": "Strands Authentication UI Components",
   "type": "module",
   "main": "./dist/strands-auth-ui.cjs.js",