@strands.gg/accui 2.9.3 → 2.9.4

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, provide, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, renderSlot, Teleport, createCommentVNode, toDisplayString, createTextVNode, unref, normalizeStyle, useSlots, createVNode, Fragment as Fragment$1, withCtx, getCurrentInstance, resolveDynamicComponent, resolveComponent, createSlots, useAttrs, h as h$1, ref, nextTick, withModifiers, renderList, watch, toRefs, withDirectives, vModelSelect, watchEffect, onBeforeUnmount, shallowRef, markRaw, customRef, useCssVars, mergeProps, reactive, createStaticVNode, vModelText, Transition, inject, withKeys, isMemoSame } from "vue";
 import { u as useStrandsConfig, p as provideStrandsConfig } from "./useStrandsConfig-XmPqJn_B.es.js";
 import { s } from "./useStrandsConfig-XmPqJn_B.es.js";
-import { u as useStrandsAuth } from "./useStrandsAuth-Xz8lnhv7.es.js";
+import { u as useStrandsAuth } from "./useStrandsAuth-Dca-zFQT.es.js";
 const _hoisted_1$U = { class: "app-content" };
 const _hoisted_2$L = {
   key: 0,
@@ -92,7 +92,7 @@ const _hoisted_4$E = {
   viewBox: "0 0 20 20",
   "aria-hidden": "true"
 };
-const _hoisted_5$z = ["d"];
+const _hoisted_5$A = ["d"];
 const _hoisted_6$t = { class: "alert-text-container" };
 const _hoisted_7$s = {
   key: 0,
@@ -146,7 +146,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
                   "fill-rule": "evenodd",
                   d: iconPath.value,
                   "clip-rule": "evenodd"
-                }, null, 8, _hoisted_5$z)
+                }, null, 8, _hoisted_5$A)
               ]))
             ]),
             createElementVNode("div", _hoisted_6$t, [
@@ -197,7 +197,7 @@ const _hoisted_1$S = {
 const _hoisted_2$J = ["width", "height"];
 const _hoisted_3$G = ["d"];
 const _hoisted_4$D = ["stroke-width"];
-const _hoisted_5$y = ["stroke-width"];
+const _hoisted_5$z = ["stroke-width"];
 const _hoisted_6$s = ["width", "height"];
 const _hoisted_7$r = {
   key: 3,
@@ -266,7 +266,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               class: "loader-animated-path"
-            }, null, 8, _hoisted_5$y)
+            }, null, 8, _hoisted_5$z)
           ], 8, _hoisted_2$J))
         ])) : _ctx.variant === "circle" ? (openBlock(), createElementBlock("div", {
           key: 1,
@@ -1403,7 +1403,7 @@ const _hoisted_4$B = {
   key: 2,
   class: "input-trailing-icon"
 };
-const _hoisted_5$x = {
+const _hoisted_5$y = {
   key: 3,
   class: "input-trailing-icon"
 };
@@ -1480,7 +1480,6 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       emit("keydown", event);
     };
     const togglePasswordVisibility = () => {
-      console.log("Toggle password visibility clicked");
       showPassword.value = !showPassword.value;
     };
     const clearSearchValue = () => {
@@ -1542,14 +1541,14 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })
-        ])) : hasTrailingIcon.value ? (openBlock(), createElementBlock("div", _hoisted_5$x, [
+        ])) : hasTrailingIcon.value ? (openBlock(), createElementBlock("div", _hoisted_5$y, [
           renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const UiInputText = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-728dfbde"]]);
+const UiInputText = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-9bb4478d"]]);
 const _hoisted_1$M = {
   key: 0,
   class: "input-leading-icon"
@@ -1869,7 +1868,7 @@ const _hoisted_4$A = {
   key: 0,
   class: "input-select-text"
 };
-const _hoisted_5$w = {
+const _hoisted_5$x = {
   key: 1,
   class: "input-select-placeholder"
 };
@@ -2178,7 +2177,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             "aria-controls": dropdownId.value
           }, [
             createElementVNode("div", _hoisted_3$B, [
-              displayValue.value ? (openBlock(), createElementBlock("span", _hoisted_4$A, toDisplayString(displayValue.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$w, toDisplayString(_ctx.placeholder || "Select an option..."), 1))
+              displayValue.value ? (openBlock(), createElementBlock("span", _hoisted_4$A, toDisplayString(displayValue.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$x, toDisplayString(_ctx.placeholder || "Select an option..."), 1))
             ]),
             createElementVNode("div", {
               class: normalizeClass(["input-select-arrow", { "input-select-arrow-open": dropdownState.value.isOpen }])
@@ -2259,7 +2258,7 @@ const _hoisted_1$K = { class: "input-leading-icon" };
 const _hoisted_2$D = ["src"];
 const _hoisted_3$A = ["id", "accept", "multiple", "disabled", "required"];
 const _hoisted_4$z = { class: "input-file-content" };
-const _hoisted_5$v = {
+const _hoisted_5$w = {
   key: 0,
   class: "input-file-prompt"
 };
@@ -2495,7 +2494,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             onFocus: handleFocus
           }, null, 40, _hoisted_3$A),
           createElementVNode("div", _hoisted_4$z, [
-            selectedFiles.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$v, [
+            selectedFiles.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$w, [
               createElementVNode("div", _hoisted_6$q, toDisplayString(_ctx.dragDropText || "Click to select or drag and drop"), 1),
               _ctx.accept ? (openBlock(), createElementBlock("div", _hoisted_7$p, toDisplayString(_ctx.accept), 1)) : createCommentVNode("", true)
             ])) : (openBlock(), createElementBlock("div", _hoisted_8$n, [
@@ -2541,7 +2540,7 @@ const _hoisted_4$y = {
   key: 1,
   class: "tabs-after"
 };
-const _hoisted_5$u = ["aria-labelledby"];
+const _hoisted_5$v = ["aria-labelledby"];
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "UiTabs",
   props: {
@@ -2926,7 +2925,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           id: "tabpanel"
         }, [
           renderSlot(_ctx.$slots, "content", { activeTab: activeTab.value }, void 0, true)
-        ], 10, _hoisted_5$u)) : createCommentVNode("", true)
+        ], 10, _hoisted_5$v)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -3007,7 +3006,7 @@ const _hoisted_4$x = {
   key: 0,
   class: "datetime-picker-value"
 };
-const _hoisted_5$t = {
+const _hoisted_5$u = {
   key: 1,
   class: "datetime-picker-placeholder"
 };
@@ -3386,7 +3385,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             _ctx.type === "date" ? (openBlock(), createBlock(unref(Calendar), { key: 0 })) : _ctx.type === "time" ? (openBlock(), createBlock(unref(Clock), { key: 1 })) : (openBlock(), createBlock(unref(CalendarClock), { key: 2 }))
           ]),
           createElementVNode("div", _hoisted_3$y, [
-            displayValue.value ? (openBlock(), createElementBlock("span", _hoisted_4$x, toDisplayString(displayValue.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$t, toDisplayString(_ctx.placeholder || getDefaultPlaceholder()), 1))
+            displayValue.value ? (openBlock(), createElementBlock("span", _hoisted_4$x, toDisplayString(displayValue.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$u, toDisplayString(_ctx.placeholder || getDefaultPlaceholder()), 1))
           ]),
           _ctx.modelValue && !_ctx.disabled && !_ctx.readonly ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -24729,7 +24728,7 @@ const _hoisted_1$G = { class: "input-richtext-toolbar" };
 const _hoisted_2$A = { class: "input-richtext-group" };
 const _hoisted_3$x = { class: "input-richtext-group" };
 const _hoisted_4$w = { class: "input-richtext-group" };
-const _hoisted_5$s = { class: "input-richtext-group" };
+const _hoisted_5$t = { class: "input-richtext-group" };
 const _hoisted_6$o = { class: "input-richtext-group" };
 const _hoisted_7$n = { class: "input-richtext-editor-wrapper" };
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
@@ -24974,7 +24973,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             spacing: "28px",
             margin: "4px"
           }),
-          createElementVNode("div", _hoisted_5$s, [
+          createElementVNode("div", _hoisted_5$t, [
             createVNode(StrandsUiButton, {
               color: unref(editor)?.isActive("bulletList") ? "primary" : "secondary",
               size: "sm",
@@ -25104,7 +25103,7 @@ const _hoisted_4$v = {
   key: 1,
   class: "pincode-divider"
 };
-const _hoisted_5$r = {
+const _hoisted_5$s = {
   key: 1,
   class: "pincode-icon pincode-icon-trailing"
 };
@@ -25319,7 +25318,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               }, dividerProps.value, { class: "pincode-custom-divider" }), null, 16)) : shouldShowDivider(index) ? (openBlock(), createElementBlock("span", _hoisted_4$v, toDisplayString(dividerCharacter.value), 1)) : createCommentVNode("", true)
             ], 64);
           }), 128)),
-          _ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_5$r, [
+          _ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_5$s, [
             renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ])
@@ -25338,7 +25337,7 @@ const _hoisted_4$u = {
   key: 10,
   class: "input-error-text"
 };
-const _hoisted_5$q = {
+const _hoisted_5$r = {
   key: 11,
   class: "input-help-text"
 };
@@ -25643,7 +25642,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             key: "1"
           } : void 0
         ]), 1032, ["model-value", "max-length", "variant", "divider", "disabled", "readonly", "input-id", "error", "size"])) : createCommentVNode("", true),
-        props.error && props.error !== true ? (openBlock(), createElementBlock("p", _hoisted_4$u, toDisplayString(typeof props.error === "string" ? props.error : props.error?.message || String(props.error)), 1)) : props.helpText ? (openBlock(), createElementBlock("p", _hoisted_5$q, toDisplayString(props.helpText), 1)) : createCommentVNode("", true)
+        props.error && props.error !== true ? (openBlock(), createElementBlock("p", _hoisted_4$u, toDisplayString(typeof props.error === "string" ? props.error : props.error?.message || String(props.error)), 1)) : props.helpText ? (openBlock(), createElementBlock("p", _hoisted_5$r, toDisplayString(props.helpText), 1)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -25815,7 +25814,7 @@ const _hoisted_3$u = {
   class: "editor-container"
 };
 const _hoisted_4$t = { class: "editor-main" };
-const _hoisted_5$p = { class: "canvas-container" };
+const _hoisted_5$q = { class: "canvas-container" };
 const _hoisted_6$n = ["width", "height"];
 const _hoisted_7$m = { class: "crop-overlay" };
 const _hoisted_8$l = { class: "crop-backdrop" };
@@ -26147,7 +26146,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             createStaticVNode('<div class="upload-content"><svg class="upload-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg><h3 class="upload-title">Upload your photo</h3><p class="upload-subtitle">Drag and drop or click to browse</p><div class="upload-formats"><span class="format-tag">JPG</span><span class="format-tag">PNG</span><span class="format-tag">GIF</span></div></div>', 1)
           ])], 32)) : (openBlock(), createElementBlock("div", _hoisted_3$u, [
             createElementVNode("div", _hoisted_4$t, [
-              createElementVNode("div", _hoisted_5$p, [
+              createElementVNode("div", _hoisted_5$q, [
                 createElementVNode("canvas", {
                   ref_key: "canvas",
                   ref: canvas,
@@ -26616,7 +26615,7 @@ const _hoisted_1$A = { class: "level-progress-container" };
 const _hoisted_2$v = ["width", "height", "viewBox"];
 const _hoisted_3$t = { key: 0 };
 const _hoisted_4$s = ["r"];
-const _hoisted_5$o = ["y"];
+const _hoisted_5$p = ["y"];
 const _hoisted_6$m = ["d", "stroke-width"];
 const _hoisted_7$l = ["d", "stroke", "stroke-width"];
 const _hoisted_8$k = ["d"];
@@ -26820,7 +26819,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
               "font-weight": "bold",
               fill: "#fff",
               style: { "font-family": "'Montserrat', sans-serif" }
-            }, "Level Up", 8, _hoisted_5$o)
+            }, "Level Up", 8, _hoisted_5$p)
           ])) : createCommentVNode("", true),
           animatedValue.value >= 0 && animatedValue.value < props.max ? (openBlock(), createElementBlock("path", {
             key: 1,
@@ -27107,6 +27106,7 @@ const _hoisted_1$z = {
 const _hoisted_2$u = { class: "ui-modal-header-content" };
 const _hoisted_3$s = { class: "ui-modal-title" };
 const _hoisted_4$r = { key: 0 };
+const _hoisted_5$o = { class: "ui-modal-body-content" };
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "UiModal",
   props: {
@@ -27151,7 +27151,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         "4xl": "ui-modal-size-4xl",
         "5xl": "ui-modal-size-5xl",
         "6xl": "ui-modal-size-6xl",
-        full: "ui-modal-size-full"
+        full: "ui-modal-size-full",
+        auto: "ui-modal-size-auto"
       };
       return sizeMap[props.size];
     });
@@ -27305,7 +27306,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                       ])
                     ]),
                     default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                      createElementVNode("div", _hoisted_5$o, [
+                        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                      ])
                     ]),
                     _: 2
                   }, [
@@ -27331,7 +27334,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UiModal = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-dece6264"]]);
+const UiModal = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-b5e7aae1"]]);
 const tailwindColors = {
   "#000000": {
     label: "Black"
@@ -39539,7 +39542,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const dropdownRef = ref();
     const triggerElement = computed(() => {
       const element = triggerRef.value?.$el;
-      console.log("Trigger element:", element);
       return element;
     });
     const { floatingStyle, updatePosition } = useFloatingPosition({
@@ -39574,12 +39576,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     });
     const toggleDropdown = () => {
       showDropdown.value = !showDropdown.value;
-      console.log("Dropdown visible:", showDropdown.value);
-      console.log("Trigger element when toggling:", triggerElement.value);
       if (showDropdown.value) {
         nextTick(() => {
           updatePosition();
-          console.log("Floating style after update:", floatingStyle.value);
         });
       }
     };
@@ -39848,7 +39847,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StrandsUserButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c4df5354"]]);
+const StrandsUserButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-eb787256"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "StrandsNav",
   props: {
@@ -40566,7 +40565,6 @@ function useAuthenticatedFetch() {
     };
     let response = await fetch(fullUrl, enhancedOptions);
     if (response.status === 401 && autoRefresh && currentSession.value?.refreshToken) {
-      console.log("[Strands Auth] Request failed with 401, attempting token refresh...");
       try {
         const refreshed = await refreshToken();
         if (refreshed && currentSession.value?.accessToken) {
@@ -40574,7 +40572,6 @@ function useAuthenticatedFetch() {
           Object.entries(newAuthHeaders).forEach(([key, value]) => {
             headers.set(key, value);
           });
-          console.log("[Strands Auth] Retrying request with refreshed token");
           response = await fetch(fullUrl, { ...enhancedOptions, headers });
         }
       } catch (refreshError) {

package/dist/nuxt/runtime/composables/useAuthenticatedFetch.es.js

@@ -38,7 +38,6 @@ function useAuthenticatedFetch() {
     };
     let response = await fetch(fullUrl, enhancedOptions);
     if (response.status === 401 && autoRefresh && currentSession.value?.refreshToken) {
-      console.log("[Strands Auth] Request failed with 401, attempting token refresh...");
       try {
         const refreshed = await refreshToken();
         if (refreshed && currentSession.value?.accessToken) {
@@ -46,7 +45,6 @@ function useAuthenticatedFetch() {
           Object.entries(newAuthHeaders).forEach(([key, value]) => {
             headers.set(key, value);
           });
-          console.log("[Strands Auth] Retrying request with refreshed token");
           response = await fetch(fullUrl, { ...enhancedOptions, headers });
         }
       } catch (refreshError) {

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

@@ -1,5 +1,5 @@
 import { useRuntimeConfig, navigateTo } from "nuxt/app";
-import { u as useStrandsAuth$1 } from "../../../useStrandsAuth-Xz8lnhv7.es.js";
+import { u as useStrandsAuth$1 } from "../../../useStrandsAuth-Dca-zFQT.es.js";
 const useStrandsAuth = () => {
   const config = useRuntimeConfig().public["strandsAuth"];
   const vueAuth = useStrandsAuth$1();

package/dist/nuxt/runtime/middleware/auth.global.es.js

@@ -24,10 +24,8 @@ const auth_global = defineNuxtRouteMiddleware((to) => {
           return currentPath === route || currentPath.startsWith(route + "/");
         });
         if (isProtectedRoute && !isAuthenticated.value) {
-          console.log("[Strands Auth] Protected route accessed without authentication, redirecting to auth");
           const authUrl = config.onSignOutUrl || "/auth";
           const redirectUrl = authUrl.includes("?") ? `${authUrl}&redirect=${encodeURIComponent(currentPath)}` : `${authUrl}?redirect=${encodeURIComponent(currentPath)}`;
-          console.log("[Strands Auth] Redirecting to:", redirectUrl);
           try {
             return navigateTo(redirectUrl);
           } catch (error) {
@@ -40,7 +38,6 @@ const auth_global = defineNuxtRouteMiddleware((to) => {
           }
         }
         if (isGuestOnlyRoute && isAuthenticated.value) {
-          console.log("[Strands Auth] Guest-only route accessed while authenticated, redirecting");
           return navigateTo(config.onSignInUrl || "/dashboard");
         }
         resolve();

package/dist/nuxt/runtime/plugins/auth-interceptor.client.es.js

@@ -28,7 +28,6 @@ const authInterceptor_client = defineNuxtPlugin({
               ...init,
               headers
             };
-            console.log("[Strands Auth] Injecting auth headers for request:", url);
             return originalFetch(input, enhancedInit);
           } catch (error) {
             console.warn("[Strands Auth] Failed to inject auth headers:", error);

package/dist/{useStrandsAuth-Xz8lnhv7.es.js → useStrandsAuth-Dca-zFQT.es.js}

@@ -329,7 +329,6 @@ function useStrandsAuth() {
       return false;
     }
     if (refreshPromise) {
-      console.log("Token refresh already in progress, waiting for completion...");
       return await refreshPromise;
     }
     refreshPromise = (async () => {

package/package.json

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