@strands.gg/accui 2.11.4 → 2.11.5

package/dist/index.es.js

@@ -388,7 +388,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UiButtonContent = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-d7a80269"]]);
+const UiButtonContent = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-97962cf6"]]);
 const _hoisted_1$Q = ["href", "target", "rel"];
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "UiButton.Anchor",
@@ -3146,8 +3146,8 @@ const _hoisted_14$j = {
   class: "datetime-picker-panel datetime-picker-time-panel"
 };
 const _hoisted_15$g = { class: "time-selector" };
-const _hoisted_16$g = { class: "time-column" };
-const _hoisted_17$f = { class: "time-scroll" };
+const _hoisted_16$f = { class: "time-column" };
+const _hoisted_17$e = { class: "time-scroll" };
 const _hoisted_18$e = { class: "time-column" };
 const _hoisted_19$d = { class: "time-scroll" };
 const _hoisted_20$b = {
@@ -3624,9 +3624,9 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true),
             showTimePanel.value ? (openBlock(), createElementBlock("div", _hoisted_14$j, [
               createElementVNode("div", _hoisted_15$g, [
-                createElementVNode("div", _hoisted_16$g, [
+                createElementVNode("div", _hoisted_16$f, [
                   _cache[6] || (_cache[6] = createElementVNode("label", { class: "time-label" }, "Hour", -1)),
-                  createElementVNode("div", _hoisted_17$f, [
+                  createElementVNode("div", _hoisted_17$e, [
                     (openBlock(true), createElementBlock(Fragment$1, null, renderList(hours.value, (hour) => {
                       return openBlock(), createBlock(StrandsUiButton, {
                         key: hour,
@@ -26001,8 +26001,8 @@ const _hoisted_12$k = ["cx", "cy", "r"];
 const _hoisted_13$i = ["width", "height"];
 const _hoisted_14$i = { class: "crop-svg" };
 const _hoisted_15$f = ["cx", "cy", "r"];
-const _hoisted_16$f = { class: "controls" };
-const _hoisted_17$e = { class: "zoom-control" };
+const _hoisted_16$e = { class: "controls" };
+const _hoisted_17$d = { class: "zoom-control" };
 const _hoisted_18$d = ["min", "max"];
 const _hoisted_19$c = { class: "action-buttons" };
 const _hoisted_20$a = { class: "preview-section" };
@@ -26376,8 +26376,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                   ]))
                 ])
               ]),
-              createElementVNode("div", _hoisted_16$f, [
-                createElementVNode("div", _hoisted_17$e, [
+              createElementVNode("div", _hoisted_16$e, [
+                createElementVNode("div", _hoisted_17$d, [
                   createVNode(StrandsUiButton, {
                     onClick: _cache[2] || (_cache[2] = ($event) => {
                       zoom.value = Math.max(minZoom.value, zoom.value - 0.1);
@@ -28136,8 +28136,8 @@ const _hoisted_12$i = { class: "ui-color-picker-contrast-header" };
 const _hoisted_13$h = { class: "ui-color-picker-contrast-colors" };
 const _hoisted_14$h = { class: "ui-color-picker-contrast-color-demo" };
 const _hoisted_15$e = { class: "ui-color-picker-contrast-ratio" };
-const _hoisted_16$e = { class: "ui-color-picker-contrast-levels" };
-const _hoisted_17$d = { class: "ui-color-picker-contrast-level-value" };
+const _hoisted_16$d = { class: "ui-color-picker-contrast-levels" };
+const _hoisted_17$c = { class: "ui-color-picker-contrast-level-value" };
 const _hoisted_18$c = { class: "ui-color-picker-contrast-level-value" };
 const _hoisted_19$b = { class: "ui-color-picker-contrast-graph" };
 const _hoisted_20$9 = {
@@ -29942,7 +29942,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_15$e, toDisplayString(contrastData.value.ratio.toFixed(2)) + ":1 ", 1)
               ])
             ]),
-            createElementVNode("div", _hoisted_16$e, [
+            createElementVNode("div", _hoisted_16$d, [
               createElementVNode("div", {
                 class: normalizeClass(["ui-color-picker-contrast-level", {
                   "ui-color-picker-contrast-level--pass": contrastData.value.normalText !== "FAIL",
@@ -29953,7 +29953,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", { class: "ui-color-picker-contrast-level-line ui-color-picker-contrast-level-line--solid" }),
                   createElementVNode("span", { class: "ui-color-picker-contrast-level-label" }, "Normal Text")
                 ], -1)),
-                createElementVNode("span", _hoisted_17$d, toDisplayString(contrastData.value.normalText), 1)
+                createElementVNode("span", _hoisted_17$c, toDisplayString(contrastData.value.normalText), 1)
               ], 2),
               createElementVNode("div", {
                 class: normalizeClass(["ui-color-picker-contrast-level", {
@@ -30737,8 +30737,8 @@ const _hoisted_12$h = { class: "ui-table-body" };
 const _hoisted_13$g = { class: "ui-table-group-content" };
 const _hoisted_14$g = { class: "ui-table-group-name" };
 const _hoisted_15$d = { class: "ui-table-group-count" };
-const _hoisted_16$d = ["onClick"];
-const _hoisted_17$c = ["onClick"];
+const _hoisted_16$c = ["onClick"];
+const _hoisted_17$b = ["onClick"];
 const _hoisted_18$b = { key: 1 };
 const _hoisted_19$a = { class: "ui-table-subrow-content" };
 const _hoisted_20$8 = { class: "ui-table-subrow-default" };
@@ -31268,9 +31268,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                           } : void 0
                         ]), 1032, ["modelValue", "type", "options", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_18$b, toDisplayString(getCellValue(row, column.key, column)), 1))
                       ], true)
-                    ], 14, _hoisted_17$c);
+                    ], 14, _hoisted_17$b);
                   }), 128))
-                ], 10, _hoisted_16$d)),
+                ], 10, _hoisted_16$c)),
                 expandedRows.value.has(rowIndex) ? (openBlock(), createElementBlock("div", {
                   key: 2,
                   class: "ui-table-subrow",
@@ -32205,13 +32205,13 @@ const _hoisted_13$e = {
 };
 const _hoisted_14$e = ["id", "checked", "indeterminate"];
 const _hoisted_15$c = { class: "checkbox-button" };
-const _hoisted_16$c = {
+const _hoisted_16$b = {
   key: 0,
   class: "checkbox-check",
   viewBox: "0 0 20 20",
   fill: "currentColor"
 };
-const _hoisted_17$b = {
+const _hoisted_17$a = {
   key: 1,
   class: "checkbox-indeterminate",
   viewBox: "0 0 20 20",
@@ -32403,13 +32403,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               onChange: handleSelectAll
             }, null, 40, _hoisted_14$e),
             createElementVNode("div", _hoisted_15$c, [
-              isAllSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_16$c, [..._cache[2] || (_cache[2] = [
+              isAllSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_16$b, [..._cache[2] || (_cache[2] = [
                 createElementVNode("path", {
                   "fill-rule": "evenodd",
                   d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
                   "clip-rule": "evenodd"
                 }, null, -1)
-              ])])) : isSomeSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_17$b, [..._cache[3] || (_cache[3] = [
+              ])])) : isSomeSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_17$a, [..._cache[3] || (_cache[3] = [
                 createElementVNode("path", {
                   "fill-rule": "evenodd",
                   d: "M4 10a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1z",
@@ -32809,8 +32809,8 @@ const _hoisted_13$d = {
 };
 const _hoisted_14$d = { class: "mfa-single-method-content" };
 const _hoisted_15$b = { class: "mfa-single-method-name" };
-const _hoisted_16$b = { class: "mfa-single-method-type" };
-const _hoisted_17$a = {
+const _hoisted_16$a = { class: "mfa-single-method-type" };
+const _hoisted_17$9 = {
   key: 2,
   class: "mfa-email-request"
 };
@@ -33298,11 +33298,11 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                     })),
                     createElementVNode("div", null, [
                       createElementVNode("h3", _hoisted_15$b, toDisplayString(selectedMethod.value.device_name), 1),
-                      createElementVNode("p", _hoisted_16$b, toDisplayString(unref(getDeviceTypeName)(selectedMethod.value.device_type)), 1)
+                      createElementVNode("p", _hoisted_16$a, toDisplayString(unref(getDeviceTypeName)(selectedMethod.value.device_type)), 1)
                     ])
                   ])
                 ])) : createCommentVNode("", true),
-                selectedMethod.value?.device_type === "email" && !emailCodeSent.value ? (openBlock(), createElementBlock("div", _hoisted_17$a, [
+                selectedMethod.value?.device_type === "email" && !emailCodeSent.value ? (openBlock(), createElementBlock("div", _hoisted_17$9, [
                   _cache[10] || (_cache[10] = createElementVNode("p", { class: "mfa-email-request-text" }, "Click below to receive your verification code", -1)),
                   createVNode(unref(CompoundUiButton), {
                     variant: "primary",
@@ -33794,8 +33794,8 @@ const _hoisted_14$c = {
   class: "auth-oauth-generic-icon"
 };
 const _hoisted_15$a = { class: "auth-oauth-generic-text" };
-const _hoisted_16$a = { class: "auth-oauth-text" };
-const _hoisted_17$9 = {
+const _hoisted_16$9 = { class: "auth-oauth-text" };
+const _hoisted_17$8 = {
   key: 0,
   class: "auth-divider"
 };
@@ -34180,7 +34180,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                               createElementVNode("span", _hoisted_15$a, toDisplayString((provider.displayName || provider.name).charAt(0).toUpperCase()), 1)
                             ]))
                           ]),
-                          createElementVNode("span", _hoisted_16$a, " Continue with " + toDisplayString(provider.displayName || provider.name.charAt(0).toUpperCase() + provider.name.slice(1)), 1)
+                          createElementVNode("span", _hoisted_16$9, " Continue with " + toDisplayString(provider.displayName || provider.name.charAt(0).toUpperCase() + provider.name.slice(1)), 1)
                         ]),
                         _: 2
                       }, 1032, ["disabled", "onClick"]);
@@ -34198,7 +34198,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 onAfterLeave
               }, {
                 default: withCtx(() => [
-                  !isPasswordReset.value && displayProviders.value?.length ? (openBlock(), createElementBlock("div", _hoisted_17$9, [
+                  !isPasswordReset.value && displayProviders.value?.length ? (openBlock(), createElementBlock("div", _hoisted_17$8, [
                     createElementVNode("span", _hoisted_18$8, "Or " + toDisplayString(isSignUp.value ? "create account" : "sign in") + " with email", 1)
                   ])) : createCommentVNode("", true)
                 ]),
@@ -34447,8 +34447,8 @@ const _hoisted_13$b = {
 };
 const _hoisted_14$b = { class: "accui-form-group" };
 const _hoisted_15$9 = { class: "accui-input-wrapper" };
-const _hoisted_16$9 = { class: "accui-form-group" };
-const _hoisted_17$8 = { class: "accui-input-wrapper" };
+const _hoisted_16$8 = { class: "accui-form-group" };
+const _hoisted_17$7 = { class: "accui-input-wrapper" };
 const _hoisted_18$7 = { class: "accui-auth-links" };
 const _hoisted_19$6 = { class: "accui-auth-link-text" };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
@@ -34618,9 +34618,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                     ])
                   ])
                 ]),
-                createElementVNode("div", _hoisted_16$9, [
+                createElementVNode("div", _hoisted_16$8, [
                   _cache[11] || (_cache[11] = createElementVNode("label", { class: "accui-form-label" }, "Password", -1)),
-                  createElementVNode("div", _hoisted_17$8, [
+                  createElementVNode("div", _hoisted_17$7, [
                     _cache[10] || (_cache[10] = createElementVNode("svg", {
                       class: "accui-input-icon",
                       viewBox: "0 0 20 20",
@@ -34737,8 +34737,8 @@ const _hoisted_15$8 = {
   key: 0,
   class: "oauth-icon"
 };
-const _hoisted_16$8 = ["src", "alt"];
-const _hoisted_17$7 = {
+const _hoisted_16$7 = ["src", "alt"];
+const _hoisted_17$6 = {
   key: 1,
   viewBox: "0 0 24 24",
   class: "oauth-icon"
@@ -34951,8 +34951,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                             class: "oauth-icon-image",
                             width: "20",
                             height: "20"
-                          }, null, 8, _hoisted_16$8)
-                        ])) : provider.id === "google" ? (openBlock(), createElementBlock("svg", _hoisted_17$7, [..._cache[6] || (_cache[6] = [
+                          }, null, 8, _hoisted_16$7)
+                        ])) : provider.id === "google" ? (openBlock(), createElementBlock("svg", _hoisted_17$6, [..._cache[6] || (_cache[6] = [
                           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"
@@ -35459,8 +35459,8 @@ const _hoisted_14$8 = {
   class: "totp-setup-step"
 };
 const _hoisted_15$7 = { class: "totp-setup-backup-codes" };
-const _hoisted_16$7 = { class: "totp-setup-backup-grid-wrapper" };
-const _hoisted_17$6 = { class: "totp-setup-backup-grid" };
+const _hoisted_16$6 = { class: "totp-setup-backup-grid-wrapper" };
+const _hoisted_17$5 = { class: "totp-setup-backup-grid" };
 const _hoisted_18$5 = { class: "totp-setup-backup-actions" };
 const _hoisted_19$4 = { class: "totp-setup-final-actions" };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
@@ -35745,8 +35745,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   createElementVNode("p", { class: "totp-setup-backup-header-description" }, " Store these codes in a safe place. Each code can only be used once. ")
                 ])
               ], -1)),
-              createElementVNode("div", _hoisted_16$7, [
-                createElementVNode("div", _hoisted_17$6, [
+              createElementVNode("div", _hoisted_16$6, [
+                createElementVNode("div", _hoisted_17$5, [
                   (openBlock(true), createElementBlock(Fragment$1, null, renderList(totpSetupData.value?.backup_codes, (code, index) => {
                     return openBlock(), createElementBlock("div", {
                       key: index,
@@ -36136,8 +36136,8 @@ const _hoisted_12$7 = {
 const _hoisted_13$7 = { class: "hardware-key-setup-backup-codes" };
 const _hoisted_14$7 = { class: "hardware-key-setup-codes-container" };
 const _hoisted_15$6 = { class: "hardware-key-setup-codes-grid" };
-const _hoisted_16$6 = { class: "hardware-key-setup-copy-action" };
-const _hoisted_17$5 = { class: "hardware-key-setup-final-action" };
+const _hoisted_16$5 = { class: "hardware-key-setup-copy-action" };
+const _hoisted_17$4 = { class: "hardware-key-setup-final-action" };
 const _hoisted_18$4 = {
   key: 4,
   class: "hardware-key-setup-step"
@@ -36598,7 +36598,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   }), 128))
                 ])
               ]),
-              createElementVNode("div", _hoisted_16$6, [
+              createElementVNode("div", _hoisted_16$5, [
                 createVNode(unref(CompoundUiButton), {
                   variant: "secondary",
                   size: "sm",
@@ -36611,7 +36611,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 })
               ])
             ]),
-            createElementVNode("div", _hoisted_17$5, [
+            createElementVNode("div", _hoisted_17$4, [
               createVNode(unref(CompoundUiButton), {
                 variant: "primary",
                 onClick: finish
@@ -36698,7 +36698,7 @@ const _hoisted_14$6 = {
   class: "backup-codes-regenerate-warning"
 };
 const _hoisted_15$5 = { class: "backup-codes-regenerate-content" };
-const _hoisted_16$5 = { class: "backup-codes-regenerate-actions" };
+const _hoisted_16$4 = { class: "backup-codes-regenerate-actions" };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "StrandsBackupCodesModal",
   props: {
@@ -36909,7 +36909,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", null, [
                     _cache[11] || (_cache[11] = createElementVNode("p", { class: "backup-codes-regenerate-title" }, "Regenerate Backup Codes?", -1)),
                     _cache[12] || (_cache[12] = createElementVNode("p", { class: "backup-codes-regenerate-description" }, " This will invalidate all current backup codes. Make sure to save the new ones. ", -1)),
-                    createElementVNode("div", _hoisted_16$5, [
+                    createElementVNode("div", _hoisted_16$4, [
                       createVNode(unref(CompoundUiButton), {
                         variant: "primary",
                         size: "sm",
@@ -37052,8 +37052,8 @@ const _hoisted_12$5 = { class: "mfa-device-option" };
 const _hoisted_13$5 = { class: "mfa-device-option-content" };
 const _hoisted_14$5 = { class: "mfa-device-option-icon" };
 const _hoisted_15$4 = { class: "mfa-device-option" };
-const _hoisted_16$4 = { class: "mfa-device-option-content" };
-const _hoisted_17$4 = { class: "mfa-device-option-icon" };
+const _hoisted_16$3 = { class: "mfa-device-option-content" };
+const _hoisted_17$3 = { class: "mfa-device-option-icon" };
 const _hoisted_18$3 = { class: "mfa-device-option" };
 const _hoisted_19$2 = { class: "mfa-device-option-content" };
 const _hoisted_20$2 = { class: "mfa-device-option-icon" };
@@ -37326,8 +37326,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                             })
                           ]),
                           createElementVNode("div", _hoisted_15$4, [
-                            createElementVNode("div", _hoisted_16$4, [
-                              createElementVNode("div", _hoisted_17$4, [
+                            createElementVNode("div", _hoisted_16$3, [
+                              createElementVNode("div", _hoisted_17$3, [
                                 createVNode(Mail, { size: 24 })
                               ]),
                               _cache[16] || (_cache[16] = createElementVNode("div", { class: "mfa-device-option-info" }, [
@@ -37795,11 +37795,11 @@ const _hoisted_12$3 = { class: "sessions-list" };
 const _hoisted_13$3 = { class: "session-header" };
 const _hoisted_14$3 = { class: "session-device-info" };
 const _hoisted_15$3 = { class: "session-device-name" };
-const _hoisted_16$3 = {
+const _hoisted_16$2 = {
   key: 0,
   class: "session-current-badge"
 };
-const _hoisted_17$3 = { class: "session-location" };
+const _hoisted_17$2 = { class: "session-location" };
 const _hoisted_18$2 = {
   key: 0,
   class: "session-actions"
@@ -38075,9 +38075,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_14$3, [
                         createElementVNode("h4", _hoisted_15$3, [
                           createTextVNode(toDisplayString(getDeviceName(session)) + " ", 1),
-                          session.is_current ? (openBlock(), createElementBlock("span", _hoisted_16$3, " Current ")) : createCommentVNode("", true)
+                          session.is_current ? (openBlock(), createElementBlock("span", _hoisted_16$2, " Current ")) : createCommentVNode("", true)
                         ]),
-                        createElementVNode("div", _hoisted_17$3, [
+                        createElementVNode("div", _hoisted_17$2, [
                           createVNode(MapPin, { size: 14 }),
                           createElementVNode("span", null, toDisplayString(getLocationString(session)), 1)
                         ])
@@ -38177,11 +38177,11 @@ const _hoisted_12$2 = { class: "profile-section" };
 const _hoisted_13$2 = { class: "profile-setting-card" };
 const _hoisted_14$2 = { class: "profile-setting-header" };
 const _hoisted_15$2 = { class: "profile-setting-subtitle" };
-const _hoisted_16$2 = {
+const _hoisted_16$1 = {
   key: 0,
   class: "profile-change-form"
 };
-const _hoisted_17$2 = { class: "profile-field-section" };
+const _hoisted_17$1 = { class: "profile-field-section" };
 const _hoisted_18$1 = { class: "profile-field-header" };
 const _hoisted_19 = { class: "profile-field-subtitle" };
 const _hoisted_20 = {
@@ -39013,7 +39013,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                         ]),
                         createVNode(Transition, { name: "expand" }, {
                           default: withCtx(() => [
-                            showEmailChange.value ? (openBlock(), createElementBlock("div", _hoisted_16$2, [
+                            showEmailChange.value ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
                               createVNode(unref(StrandsUiInput), {
                                 modelValue: emailChangeForm.newEmail,
                                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emailChangeForm.newEmail = $event),
@@ -39046,7 +39046,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                           _: 1
                         })
                       ]),
-                      createElementVNode("div", _hoisted_17$2, [
+                      createElementVNode("div", _hoisted_17$1, [
                         createElementVNode("div", _hoisted_18$1, [
                           createElementVNode("div", null, [
                             _cache[16] || (_cache[16] = createElementVNode("h4", { class: "profile-field-title" }, "Username", -1)),
@@ -39758,35 +39758,33 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { class: "user-button-content" };
-const _hoisted_2$2 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "user-info"
 };
-const _hoisted_3$2 = { class: "user-name" };
-const _hoisted_4$2 = { class: "avatar-container" };
-const _hoisted_5$1 = { class: "avatar-wrapper" };
-const _hoisted_6$1 = ["src", "alt"];
-const _hoisted_7$1 = {
+const _hoisted_2$2 = { class: "user-name" };
+const _hoisted_3$2 = { class: "avatar-wrapper" };
+const _hoisted_4$2 = ["src", "alt"];
+const _hoisted_5$1 = {
   key: 1,
   class: "avatar-default"
 };
-const _hoisted_8$1 = ["onKeydown"];
-const _hoisted_9$1 = { class: "dropdown-content" };
-const _hoisted_10$1 = { class: "dropdown-header" };
-const _hoisted_11$1 = {
+const _hoisted_6$1 = ["onKeydown"];
+const _hoisted_7$1 = { class: "dropdown-content" };
+const _hoisted_8$1 = { class: "dropdown-header" };
+const _hoisted_9$1 = {
   key: 0,
   class: "dropdown-avatar-container"
 };
-const _hoisted_12$1 = ["src", "alt"];
-const _hoisted_13$1 = {
+const _hoisted_10$1 = ["src", "alt"];
+const _hoisted_11$1 = {
   key: 1,
   class: "dropdown-avatar-default"
 };
-const _hoisted_14$1 = { class: "dropdown-user-details" };
-const _hoisted_15$1 = { class: "dropdown-user-name" };
-const _hoisted_16$1 = { class: "dropdown-user-email" };
-const _hoisted_17$1 = { class: "sign-in-auth-wrapper" };
+const _hoisted_12$1 = { class: "dropdown-user-details" };
+const _hoisted_13$1 = { class: "dropdown-user-name" };
+const _hoisted_14$1 = { class: "dropdown-user-email" };
+const _hoisted_15$1 = { class: "sign-in-auth-wrapper" };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "StrandsUserButton",
   props: {
@@ -39905,7 +39903,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               onClick: openSignIn,
               "aria-label": "Sign in"
             }, {
-              default: withCtx(() => [..._cache[8] || (_cache[8] = [
+              "leading-icon": withCtx(() => [..._cache[8] || (_cache[8] = [
                 createElementVNode("svg", {
                   class: "sign-in-icon",
                   fill: "none",
@@ -39918,9 +39916,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     "stroke-width": "2",
                     d: "M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
                   })
-                ], -1),
-                createElementVNode("span", null, "Sign In", -1)
+                ], -1)
               ])]),
+              default: withCtx(() => [
+                _cache[9] || (_cache[9] = createTextVNode(" Sign In ", -1))
+              ]),
               _: 1
             }),
             createVNode(unref(UiModal), {
@@ -39929,7 +39929,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               "fullscreen-on-mobile": false
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_17$1, [
+                createElementVNode("div", _hoisted_15$1, [
                   createVNode(unref(StrandsAuth), {
                     onSignedIn: handleSignedIn,
                     onError: handleSignInError,
@@ -39964,51 +39964,51 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               "aria-expanded": showDropdown.value,
               "aria-label": "User menu"
             }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_1$3, [
-                  !_ctx.hideUser ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-                    createElementVNode("div", _hoisted_3$2, toDisplayString(displayName.value), 1)
-                  ])) : createCommentVNode("", true),
-                  createElementVNode("div", _hoisted_4$2, [
-                    createElementVNode("div", _hoisted_5$1, [
-                      user.value?.avatar ? (openBlock(), createElementBlock("img", {
-                        key: 0,
-                        src: user.value.avatar,
-                        alt: `${user.value.firstName || user.value.email}'s avatar`,
-                        class: "avatar-image",
-                        width: "32",
-                        height: "32",
-                        loading: "eager"
-                      }, null, 8, _hoisted_6$1)) : (openBlock(), createElementBlock("div", _hoisted_7$1, [..._cache[2] || (_cache[2] = [
-                        createElementVNode("svg", {
-                          class: "avatar-icon",
-                          fill: "currentColor",
-                          viewBox: "0 0 20 20"
-                        }, [
-                          createElementVNode("path", {
-                            "fill-rule": "evenodd",
-                            d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
-                            "clip-rule": "evenodd"
-                          })
-                        ], -1)
-                      ])]))
-                    ])
-                  ]),
-                  (openBlock(), createElementBlock("svg", {
-                    class: normalizeClass(["dropdown-arrow", { "dropdown-arrow-open": showDropdown.value }]),
-                    fill: "none",
-                    stroke: "currentColor",
-                    viewBox: "0 0 24 24"
-                  }, [..._cache[3] || (_cache[3] = [
-                    createElementVNode("path", {
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round",
-                      "stroke-width": "2",
-                      d: "M19 9l-7 7-7-7"
-                    }, null, -1)
-                  ])], 2))
+              "leading-icon": withCtx(() => [
+                createElementVNode("div", _hoisted_3$2, [
+                  user.value?.avatar ? (openBlock(), createElementBlock("img", {
+                    key: 0,
+                    src: user.value.avatar,
+                    alt: `${user.value.firstName || user.value.email}'s avatar`,
+                    class: "avatar-image",
+                    width: "32",
+                    height: "32",
+                    loading: "eager"
+                  }, null, 8, _hoisted_4$2)) : (openBlock(), createElementBlock("div", _hoisted_5$1, [..._cache[2] || (_cache[2] = [
+                    createElementVNode("svg", {
+                      class: "avatar-icon",
+                      fill: "currentColor",
+                      viewBox: "0 0 20 20"
+                    }, [
+                      createElementVNode("path", {
+                        "fill-rule": "evenodd",
+                        d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
+                        "clip-rule": "evenodd"
+                      })
+                    ], -1)
+                  ])]))
                 ])
               ]),
+              "trailing-icon": withCtx(() => [
+                (openBlock(), createElementBlock("svg", {
+                  class: normalizeClass(["dropdown-arrow", { "dropdown-arrow-open": showDropdown.value }]),
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [..._cache[3] || (_cache[3] = [
+                  createElementVNode("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M19 9l-7 7-7-7"
+                  }, null, -1)
+                ])], 2))
+              ]),
+              default: withCtx(() => [
+                !_ctx.hideUser ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+                  createElementVNode("div", _hoisted_2$2, toDisplayString(displayName.value), 1)
+                ])) : createCommentVNode("", true)
+              ]),
               _: 1
             }, 8, ["active", "onKeydown", "aria-expanded"]),
             (openBlock(), createBlock(Teleport, { to: "body" }, [
@@ -40028,9 +40028,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   withKeys(withModifiers(focusLast, ["prevent"]), ["end"])
                 ]
               }, [
-                createElementVNode("div", _hoisted_9$1, [
-                  createElementVNode("div", _hoisted_10$1, [
-                    user.value ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
+                createElementVNode("div", _hoisted_7$1, [
+                  createElementVNode("div", _hoisted_8$1, [
+                    user.value ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
                       createVNode(unref(UiLevelProgress), {
                         size: 80,
                         value: user.value.xp,
@@ -40047,7 +40047,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                         class: "dropdown-avatar-image",
                         width: "64",
                         height: "64"
-                      }, null, 8, _hoisted_12$1)) : (openBlock(), createElementBlock("div", _hoisted_13$1, [..._cache[4] || (_cache[4] = [
+                      }, null, 8, _hoisted_10$1)) : (openBlock(), createElementBlock("div", _hoisted_11$1, [..._cache[4] || (_cache[4] = [
                         createElementVNode("svg", {
                           class: "dropdown-avatar-icon",
                           fill: "currentColor",
@@ -40061,9 +40061,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                         ], -1)
                       ])]))
                     ])) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_14$1, [
-                      createElementVNode("div", _hoisted_15$1, toDisplayString(displayName.value), 1),
-                      createElementVNode("div", _hoisted_16$1, toDisplayString(user.value?.email), 1)
+                    createElementVNode("div", _hoisted_12$1, [
+                      createElementVNode("div", _hoisted_13$1, toDisplayString(displayName.value), 1),
+                      createElementVNode("div", _hoisted_14$1, toDisplayString(user.value?.email), 1)
                     ])
                   ]),
                   renderSlot(_ctx.$slots, "default", {}, void 0, true),
@@ -40092,7 +40092,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     _: 1
                   })
                 ])
-              ], 44, _hoisted_8$1)) : createCommentVNode("", true)
+              ], 44, _hoisted_6$1)) : createCommentVNode("", true)
             ])),
             createVNode(unref(UiModal), {
               modelValue: showProfileModal.value,
@@ -40115,7 +40115,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StrandsUserButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-eb787256"]]);
+const StrandsUserButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a0ed0ab9"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "StrandsNav",
   props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strands.gg/accui",
-  "version": "2.11.4",
+  "version": "2.11.5",
   "description": "Strands Authentication UI Components",
   "type": "module",
   "main": "./dist/index.cjs.js",