@strands.gg/accui 2.9.2 → 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, [
@@ -188,7 +188,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StrandsUiAlert = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-1beb49ad"]]);
+const StrandsUiAlert = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-96af8541"]]);
 const logo = '<svg width="302" height="438" viewBox="0 0 302 438" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M71.5001 96C71.5001 96 132 106 137 61.5C142 17 117.5 3.50005 94.5001 1.50003C71.5001 -0.499996 16.0001 8.5 2.00014 72.5C-6.5 130.5 71.5003 227.5 165 218C258.5 208.5 280.758 148.5 283.5 121C286.242 93.5 277.5 61.5 238.5 61.5C153 61.5 150.501 185 170.5 235C190.5 285 199 279 213 314C227.001 349 217.296 411.458 183 427C129.456 450.65 92 426 78.5 407.5C65 389 68.0003 357 94.5001 344.5C121 332 212.41 393.5 301.5 361" stroke="black"/>\n</svg>\n';
 const _hoisted_1$S = {
   key: 0,
@@ -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.2",
+  "version": "2.9.4",
   "description": "Strands Authentication UI Components",
   "type": "module",
   "main": "./dist/index.cjs.js",