@strands.gg/accui 2.3.10 → 2.3.11

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, provide, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, renderSlot, createBlock, Teleport, createCommentVNode, unref, createElementVNode, toDisplayString, createTextVNode, h, useSlots, resolveDynamicComponent, mergeProps, withCtx, Fragment, ref, nextTick, toRefs, watch, normalizeStyle, renderList, reactive, withModifiers, createStaticVNode, createVNode, withDirectives, vModelText, Transition, createSlots, vModelSelect, inject, onBeforeUnmount, withKeys, isMemoSame, getCurrentInstance } from "vue";
+import { defineComponent, computed, provide, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, renderSlot, createBlock, Teleport, createCommentVNode, unref, createElementVNode, toDisplayString, createTextVNode, h, useSlots, Fragment, resolveDynamicComponent, normalizeStyle, createVNode, withCtx, resolveComponent, ref, nextTick, toRefs, watch, renderList, reactive, withModifiers, createStaticVNode, withDirectives, vModelText, Transition, createSlots, vModelSelect, inject, onBeforeUnmount, withKeys, isMemoSame, getCurrentInstance } from "vue";
 import { u as useStrandsConfig, p as provideStrandsConfig } from "./useStrandsConfig-C3gBJK6y.es.js";
 import { s } from "./useStrandsConfig-C3gBJK6y.es.js";
 import { u as useStrandsAuth } from "./useStrandsAuth-DoUupKb8.es.js";
@@ -49,11 +49,11 @@ if (typeof window !== "undefined") {
     modalStack.cleanup();
   });
 }
-const _hoisted_1$G = {
+const _hoisted_1$J = {
   key: 0,
   class: "ui-app-modal-overlay"
 };
-const _hoisted_2$z = {
+const _hoisted_2$A = {
   key: 0,
   class: "ui-app-loading-overlay"
 };
@@ -62,7 +62,7 @@ const _hoisted_4$u = {
   key: 0,
   class: "ui-app-loading-message"
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "UiApp",
   props: {
     theme: { default: "auto" },
@@ -111,13 +111,13 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
-          unref(modalStack).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$G)) : createCommentVNode("", true)
+          unref(modalStack).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$J)) : createCommentVNode("", true)
         ])),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           _cache[0] || (_cache[0] = createElementVNode("div", { class: "ui-app-notifications" }, null, -1))
         ])),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
-          isGlobalLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2$z, [
+          isGlobalLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2$A, [
             createElementVNode("div", _hoisted_3$x, [
               _cache[1] || (_cache[1] = createElementVNode("div", { class: "ui-app-loading-spinner" }, null, -1)),
               _ctx.loadingMessage ? (openBlock(), createElementBlock("p", _hoisted_4$u, toDisplayString(_ctx.loadingMessage), 1)) : createCommentVNode("", true)
@@ -135,9 +135,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const UiApp = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-942fd7a0"]]);
-const _hoisted_1$F = { class: "accui-component-scope" };
-const _hoisted_2$y = { class: "alert-content" };
+const UiApp = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-942fd7a0"]]);
+const _hoisted_1$I = { class: "accui-component-scope" };
+const _hoisted_2$z = { class: "alert-content" };
 const _hoisted_3$w = { class: "alert-icon-container" };
 const _hoisted_4$t = {
   class: "alert-main-icon",
@@ -151,7 +151,7 @@ const _hoisted_7$m = {
   key: 0,
   class: "alert-dismiss-container"
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "UiAlert",
   props: {
     variant: { default: "info" },
@@ -187,12 +187,12 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       return icons[props.variant];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$F, [
+      return openBlock(), createElementBlock("div", _hoisted_1$I, [
         createElementVNode("div", {
           class: normalizeClass(alertClasses.value),
           role: "alert"
         }, [
-          createElementVNode("div", _hoisted_2$y, [
+          createElementVNode("div", _hoisted_2$z, [
             createElementVNode("div", _hoisted_3$w, [
               (openBlock(), createElementBlock("svg", _hoisted_4$t, [
                 createElementVNode("path", {
@@ -241,7 +241,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StrandsUiAlert = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-1beb49ad"]]);
+const StrandsUiAlert = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-1beb49ad"]]);
 /**
  * @license lucide-vue-next v0.542.0 - ISC
  *
@@ -613,11 +613,11 @@ const Users = createLucideIcon("users", [
   ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
   ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
 ]);
-const _hoisted_1$E = {
+const _hoisted_1$H = {
   key: 0,
   class: "button-loading-content"
 };
-const _hoisted_2$x = { key: 0 };
+const _hoisted_2$y = { key: 0 };
 const _hoisted_3$v = {
   key: 1,
   class: "button-content"
@@ -630,26 +630,16 @@ const _hoisted_5$p = {
   key: 1,
   class: "trailing-icon"
 };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
-  __name: "UiButton",
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  __name: "UiButton.Content",
   props: {
-    variant: { default: "primary" },
-    size: { default: "md" },
-    type: { default: "button" },
-    disabled: { type: Boolean, default: false },
     loading: { type: Boolean, default: false },
     loadingText: {},
-    fullWidth: { type: Boolean, default: false },
-    color: { default: "primary" },
-    fontWeight: { default: 600 },
     icon: { type: Boolean, default: false },
     iconName: {},
     leadingIcon: {},
-    trailingIcon: {},
-    squircle: { type: Boolean, default: false },
-    to: {}
+    trailingIcon: {}
   },
-  emits: ["click"],
   setup(__props) {
     const LucideIcons = {
       Plus,
@@ -676,35 +666,289 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     const LeadingIconComponent = computed(() => props.leadingIcon ? getLucideIcon(props.leadingIcon) : null);
     const TrailingIconComponent = computed(() => props.trailingIcon ? getLucideIcon(props.trailingIcon) : null);
     const IconComponent = computed(() => props.iconName ? getLucideIcon(props.iconName) : null);
-    const componentTag = computed(() => {
-      if (!props.to) return "button";
+    return (_ctx, _cache) => {
+      return _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_1$H, [
+        _cache[0] || (_cache[0] = createElementVNode("svg", {
+          class: "button-loading-icon",
+          fill: "none",
+          viewBox: "0 0 24 24"
+        }, [
+          createElementVNode("circle", {
+            class: "button-loading-track",
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            "stroke-width": "4"
+          }),
+          createElementVNode("path", {
+            class: "button-loading-spinner",
+            fill: "currentColor",
+            d: "m4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 0 1 4 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+          })
+        ], -1)),
+        !_ctx.icon ? (openBlock(), createElementBlock("span", _hoisted_2$y, toDisplayString(_ctx.loadingText || "Loading..."), 1)) : createCommentVNode("", true)
+      ])) : (openBlock(), createElementBlock("span", _hoisted_3$v, [
+        _ctx.icon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          IconComponent.value && !unref(slots)["default"] ? (openBlock(), createBlock(resolveDynamicComponent(IconComponent.value), { key: 0 })) : renderSlot(_ctx.$slots, "default", { key: 1 })
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          IconComponent.value || LeadingIconComponent.value || unref(slots)["leading-icon"] ? (openBlock(), createElementBlock("span", _hoisted_4$s, [
+            IconComponent.value && !LeadingIconComponent.value && !unref(slots)["leading-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(IconComponent.value), { key: 0 })) : createCommentVNode("", true),
+            LeadingIconComponent.value && !unref(slots)["leading-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(LeadingIconComponent.value), { key: 1 })) : createCommentVNode("", true),
+            unref(slots)["leading-icon"] ? renderSlot(_ctx.$slots, "leading-icon", { key: 2 }) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "icon"),
+          renderSlot(_ctx.$slots, "default"),
+          TrailingIconComponent.value || unref(slots)["trailing-icon"] ? (openBlock(), createElementBlock("span", _hoisted_5$p, [
+            TrailingIconComponent.value && !unref(slots)["trailing-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(TrailingIconComponent.value), { key: 0 })) : createCommentVNode("", true),
+            unref(slots)["trailing-icon"] ? renderSlot(_ctx.$slots, "trailing-icon", { key: 1 }) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ], 64))
+      ]));
+    };
+  }
+});
+const _hoisted_1$G = ["href", "target", "rel"];
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  __name: "UiButton.Anchor",
+  props: {
+    to: {},
+    href: {},
+    external: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    loadingText: {},
+    icon: { type: Boolean, default: false },
+    iconName: {},
+    leadingIcon: {},
+    trailingIcon: {},
+    buttonClasses: {},
+    buttonStyles: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const computedHref = computed(() => {
+      if (props.href) {
+        return props.href;
+      } else if (props.to) {
+        if (typeof props.to === "string") {
+          return props.to;
+        } else if (typeof props.to === "object" && props.to) {
+          return "#route-object-not-supported";
+        }
+      }
+      return "#";
+    });
+    const handleLinkClick = (event) => {
+      if (props.disabled || props.loading) {
+        event.preventDefault();
+        return;
+      }
+      emit("click", event);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("a", {
+        href: computedHref.value,
+        target: _ctx.external ? "_blank" : void 0,
+        rel: _ctx.external ? "noopener noreferrer" : void 0,
+        class: normalizeClass(_ctx.buttonClasses),
+        style: normalizeStyle(_ctx.buttonStyles),
+        onClick: handleLinkClick
+      }, [
+        createVNode(_sfc_main$M, {
+          loading: _ctx.loading,
+          "loading-text": _ctx.loadingText,
+          icon: _ctx.icon,
+          "icon-name": _ctx.iconName,
+          "leading-icon": _ctx.leadingIcon,
+          "trailing-icon": _ctx.trailingIcon
+        }, {
+          "leading-icon": withCtx(() => [
+            renderSlot(_ctx.$slots, "leading-icon")
+          ]),
+          icon: withCtx(() => [
+            renderSlot(_ctx.$slots, "icon")
+          ]),
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          "trailing-icon": withCtx(() => [
+            renderSlot(_ctx.$slots, "trailing-icon")
+          ]),
+          _: 3
+        }, 8, ["loading", "loading-text", "icon", "icon-name", "leading-icon", "trailing-icon"])
+      ], 14, _hoisted_1$G);
+    };
+  }
+});
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  __name: "UiButton.Nuxt",
+  props: {
+    to: {},
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    loadingText: {},
+    icon: { type: Boolean, default: false },
+    iconName: {},
+    leadingIcon: {},
+    trailingIcon: {},
+    buttonClasses: {},
+    buttonStyles: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleLinkClick = (event) => {
+      if (props.disabled || props.loading) {
+        event.preventDefault();
+        return;
+      }
+      emit("click", event);
+    };
+    return (_ctx, _cache) => {
+      const _component_nuxt_link = resolveComponent("nuxt-link");
+      return openBlock(), createBlock(_component_nuxt_link, {
+        to: _ctx.to,
+        class: normalizeClass(_ctx.buttonClasses),
+        style: normalizeStyle(_ctx.buttonStyles),
+        onClick: handleLinkClick
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$M, {
+            loading: _ctx.loading,
+            "loading-text": _ctx.loadingText,
+            icon: _ctx.icon,
+            "icon-name": _ctx.iconName,
+            "leading-icon": _ctx.leadingIcon,
+            "trailing-icon": _ctx.trailingIcon
+          }, {
+            "leading-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "leading-icon")
+            ]),
+            icon: withCtx(() => [
+              renderSlot(_ctx.$slots, "icon")
+            ]),
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            "trailing-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "trailing-icon")
+            ]),
+            _: 3
+          }, 8, ["loading", "loading-text", "icon", "icon-name", "leading-icon", "trailing-icon"])
+        ]),
+        _: 3
+      }, 8, ["to", "class", "style"]);
+    };
+  }
+});
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  __name: "UiButton.Vue",
+  props: {
+    to: {},
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    loadingText: {},
+    icon: { type: Boolean, default: false },
+    iconName: {},
+    leadingIcon: {},
+    trailingIcon: {},
+    buttonClasses: {},
+    buttonStyles: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleLinkClick = (event) => {
+      if (props.disabled || props.loading) {
+        event.preventDefault();
+        return;
+      }
+      emit("click", event);
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createBlock(_component_router_link, {
+        to: _ctx.to,
+        class: normalizeClass(_ctx.buttonClasses),
+        style: normalizeStyle(_ctx.buttonStyles),
+        onClick: handleLinkClick
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$M, {
+            loading: _ctx.loading,
+            "loading-text": _ctx.loadingText,
+            icon: _ctx.icon,
+            "icon-name": _ctx.iconName,
+            "leading-icon": _ctx.leadingIcon,
+            "trailing-icon": _ctx.trailingIcon
+          }, {
+            "leading-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "leading-icon")
+            ]),
+            icon: withCtx(() => [
+              renderSlot(_ctx.$slots, "icon")
+            ]),
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            "trailing-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "trailing-icon")
+            ]),
+            _: 3
+          }, 8, ["loading", "loading-text", "icon", "icon-name", "leading-icon", "trailing-icon"])
+        ]),
+        _: 3
+      }, 8, ["to", "class", "style"]);
+    };
+  }
+});
+const _hoisted_1$F = ["type", "disabled"];
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  __name: "UiButton",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "md" },
+    type: { default: "button" },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    loadingText: {},
+    fullWidth: { type: Boolean, default: false },
+    color: { default: "primary" },
+    fontWeight: { default: 600 },
+    icon: { type: Boolean, default: false },
+    iconName: {},
+    leadingIcon: {},
+    trailingIcon: {},
+    squircle: { type: Boolean, default: false },
+    to: {},
+    href: {},
+    external: { type: Boolean, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const isNuxtAvailable = computed(() => {
       if (typeof process !== "undefined" && process.client !== void 0) {
-        return "nuxt-link";
+        return true;
       }
       if (typeof window !== "undefined" && (window.__NUXT__ || window.$nuxt)) {
-        return "nuxt-link";
+        return true;
       }
+      return false;
+    });
+    const isVueRouterAvailable = computed(() => {
       try {
         if (typeof window !== "undefined" && window.Vue?.Router) {
-          return "router-link";
+          return true;
         }
       } catch (e) {
       }
-      return "a";
-    });
-    const linkProps = computed(() => {
-      if (!props.to) return {};
-      const tag = componentTag.value;
-      if (tag === "nuxt-link" || tag === "router-link") {
-        return { to: props.to };
-      }
-      if (tag === "a") {
-        if (typeof props.to === "object") {
-          return { href: "#route-object-not-supported" };
-        }
-        return { href: props.to };
-      }
-      return {};
+      return false;
     });
     const buttonClasses = computed(() => {
       const classes = [
@@ -726,64 +970,129 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(componentTag.value), mergeProps(linkProps.value, {
-        type: componentTag.value === "button" ? _ctx.type : void 0,
+      return !_ctx.to ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        type: _ctx.type,
         disabled: _ctx.disabled || _ctx.loading,
-        class: buttonClasses.value,
-        style: buttonStyles.value,
+        class: normalizeClass(buttonClasses.value),
+        style: normalizeStyle(buttonStyles.value),
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-      }), {
+      }, [
+        createVNode(_sfc_main$M, {
+          loading: _ctx.loading,
+          "loading-text": _ctx.loadingText,
+          icon: _ctx.icon,
+          "icon-name": _ctx.iconName,
+          "leading-icon": _ctx.leadingIcon,
+          "trailing-icon": _ctx.trailingIcon
+        }, {
+          "leading-icon": withCtx(() => [
+            renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
+          ]),
+          icon: withCtx(() => [
+            renderSlot(_ctx.$slots, "icon", {}, void 0, true)
+          ]),
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          "trailing-icon": withCtx(() => [
+            renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
+          ]),
+          _: 3
+        }, 8, ["loading", "loading-text", "icon", "icon-name", "leading-icon", "trailing-icon"])
+      ], 14, _hoisted_1$F)) : isNuxtAvailable.value && _ctx.to ? (openBlock(), createBlock(_sfc_main$K, {
+        key: 1,
+        to: _ctx.to,
+        disabled: _ctx.disabled,
+        loading: _ctx.loading,
+        "loading-text": _ctx.loadingText,
+        icon: _ctx.icon,
+        "icon-name": _ctx.iconName,
+        "leading-icon": _ctx.leadingIcon,
+        "trailing-icon": _ctx.trailingIcon,
+        "button-classes": buttonClasses.value,
+        "button-styles": buttonStyles.value,
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
+      }, {
+        "leading-icon": withCtx(() => [
+          renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
+        ]),
+        icon: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon", {}, void 0, true)
+        ]),
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_1$E, [
-            _cache[1] || (_cache[1] = createElementVNode("svg", {
-              class: "button-loading-icon",
-              fill: "none",
-              viewBox: "0 0 24 24"
-            }, [
-              createElementVNode("circle", {
-                class: "button-loading-track",
-                cx: "12",
-                cy: "12",
-                r: "10",
-                stroke: "currentColor",
-                "stroke-width": "4"
-              }),
-              createElementVNode("path", {
-                class: "button-loading-spinner",
-                fill: "currentColor",
-                d: "m4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 0 1 4 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-              })
-            ], -1)),
-            !_ctx.icon ? (openBlock(), createElementBlock("span", _hoisted_2$x, toDisplayString(_ctx.loadingText || "Loading..."), 1)) : createCommentVNode("", true)
-          ])) : (openBlock(), createElementBlock("span", _hoisted_3$v, [
-            _ctx.icon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              IconComponent.value && !unref(slots)["default"] ? (openBlock(), createBlock(resolveDynamicComponent(IconComponent.value), { key: 0 })) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
-            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              IconComponent.value || LeadingIconComponent.value || unref(slots)["leading-icon"] ? (openBlock(), createElementBlock("span", _hoisted_4$s, [
-                IconComponent.value && !LeadingIconComponent.value && !unref(slots)["leading-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(IconComponent.value), { key: 0 })) : createCommentVNode("", true),
-                LeadingIconComponent.value && !unref(slots)["leading-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(LeadingIconComponent.value), { key: 1 })) : createCommentVNode("", true),
-                unref(slots)["leading-icon"] ? renderSlot(_ctx.$slots, "leading-icon", { key: 2 }, void 0, true) : createCommentVNode("", true)
-              ])) : createCommentVNode("", true),
-              renderSlot(_ctx.$slots, "icon", {}, void 0, true),
-              renderSlot(_ctx.$slots, "default", {}, void 0, true),
-              TrailingIconComponent.value || unref(slots)["trailing-icon"] ? (openBlock(), createElementBlock("span", _hoisted_5$p, [
-                TrailingIconComponent.value && !unref(slots)["trailing-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(TrailingIconComponent.value), { key: 0 })) : createCommentVNode("", true),
-                unref(slots)["trailing-icon"] ? renderSlot(_ctx.$slots, "trailing-icon", { key: 1 }, void 0, true) : createCommentVNode("", true)
-              ])) : createCommentVNode("", true)
-            ], 64))
-          ]))
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        "trailing-icon": withCtx(() => [
+          renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
         ]),
         _: 3
-      }, 16, ["type", "disabled", "class", "style"]);
+      }, 8, ["to", "disabled", "loading", "loading-text", "icon", "icon-name", "leading-icon", "trailing-icon", "button-classes", "button-styles"])) : isVueRouterAvailable.value && _ctx.to ? (openBlock(), createBlock(_sfc_main$J, {
+        key: 2,
+        to: _ctx.to,
+        disabled: _ctx.disabled,
+        loading: _ctx.loading,
+        "loading-text": _ctx.loadingText,
+        icon: _ctx.icon,
+        "icon-name": _ctx.iconName,
+        "leading-icon": _ctx.leadingIcon,
+        "trailing-icon": _ctx.trailingIcon,
+        "button-classes": buttonClasses.value,
+        "button-styles": buttonStyles.value,
+        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("click", $event))
+      }, {
+        "leading-icon": withCtx(() => [
+          renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
+        ]),
+        icon: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon", {}, void 0, true)
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        "trailing-icon": withCtx(() => [
+          renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
+        ]),
+        _: 3
+      }, 8, ["to", "disabled", "loading", "loading-text", "icon", "icon-name", "leading-icon", "trailing-icon", "button-classes", "button-styles"])) : (openBlock(), createBlock(_sfc_main$L, {
+        key: 3,
+        to: _ctx.to,
+        href: _ctx.href,
+        external: _ctx.external,
+        disabled: _ctx.disabled,
+        loading: _ctx.loading,
+        "loading-text": _ctx.loadingText,
+        icon: _ctx.icon,
+        "icon-name": _ctx.iconName,
+        "leading-icon": _ctx.leadingIcon,
+        "trailing-icon": _ctx.trailingIcon,
+        "button-classes": buttonClasses.value,
+        "button-styles": buttonStyles.value,
+        onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("click", $event))
+      }, {
+        "leading-icon": withCtx(() => [
+          renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
+        ]),
+        icon: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon", {}, void 0, true)
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        "trailing-icon": withCtx(() => [
+          renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
+        ]),
+        _: 3
+      }, 8, ["to", "href", "external", "disabled", "loading", "loading-text", "icon", "icon-name", "leading-icon", "trailing-icon", "button-classes", "button-styles"]));
     };
   }
 });
-const StrandsUiButton = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-0a40a982"]]);
-const _hoisted_1$D = {
+const StrandsUiButton = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-5fdcd316"]]);
+const _hoisted_1$E = {
   key: 0,
   class: "ui-card-header"
 };
-const _hoisted_2$w = { class: "ui-card-content" };
+const _hoisted_2$x = { class: "ui-card-content" };
 const _hoisted_3$u = {
   key: 1,
   class: "ui-card-footer"
@@ -806,10 +1115,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           `ui-card-color-${_ctx.color}`
         ]])
       }, [
-        _ctx.$slots["header"] ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
+        _ctx.$slots["header"] ? (openBlock(), createElementBlock("div", _hoisted_1$E, [
           renderSlot(_ctx.$slots, "header", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$w, [
+        createElementVNode("div", _hoisted_2$x, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _ctx.$slots["footer"] ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
@@ -820,8 +1129,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 const StrandsUiCard = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-d4383926"]]);
-const _hoisted_1$C = { class: "accui-component-scope" };
-const _hoisted_2$v = { class: "input-container" };
+const _hoisted_1$D = { class: "accui-component-scope" };
+const _hoisted_2$w = { class: "input-container" };
 const _hoisted_3$t = ["for"];
 const _hoisted_4$r = {
   key: 0,
@@ -938,8 +1247,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       showPassword.value = !showPassword.value;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
-        createElementVNode("div", _hoisted_2$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+        createElementVNode("div", _hoisted_2$w, [
           _ctx.label ? (openBlock(), createElementBlock("label", {
             key: 0,
             for: inputId.value,
@@ -1027,6 +1336,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 const StrandsUiInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-26b9fb0d"]]);
+const _hoisted_1$C = ["disabled", "aria-disabled"];
+const _hoisted_2$v = ["href", "target", "rel", "aria-disabled"];
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "UiLink",
   props: {
@@ -1042,56 +1353,17 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const tag = computed(() => {
-      if (props.to) {
-        if (typeof process !== "undefined" && process.client !== void 0) {
-          return "nuxt-link";
-        }
-        if (typeof window !== "undefined" && (window.__NUXT__ || window.$nuxt)) {
-          return "nuxt-link";
-        }
-        try {
-          if (typeof window !== "undefined" && window.Vue?.Router) {
-            return "router-link";
-          }
-        } catch (e) {
-        }
-        return "a";
-      }
-      if (props.href) return "a";
-      return "button";
-    });
-    const linkProps = computed(() => {
-      const baseProps = {};
-      const currentTag = tag.value;
-      if (props.to) {
-        if (currentTag === "nuxt-link" || currentTag === "router-link") {
-          baseProps["to"] = props.to;
-        } else if (currentTag === "a") {
-          if (typeof props.to === "object") {
-            baseProps["href"] = "#route-object-not-supported";
-          } else {
-            baseProps["href"] = props.to;
-            if (props.external) {
-              baseProps["target"] = "_blank";
-              baseProps["rel"] = "noopener noreferrer";
-            }
-          }
-        }
-      } else if (props.href) {
-        baseProps["href"] = props.href;
-        if (props.external) {
-          baseProps["target"] = "_blank";
-          baseProps["rel"] = "noopener noreferrer";
+    const computedHref = computed(() => {
+      if (props.href) {
+        return props.href;
+      } else if (props.to) {
+        if (typeof props.to === "string") {
+          return props.to;
+        } else if (typeof props.to === "object" && props.to) {
+          return "#route-object-not-supported";
         }
-      } else {
-        baseProps["type"] = "button";
-      }
-      if (props.disabled) {
-        baseProps["disabled"] = true;
-        baseProps["aria-disabled"] = true;
       }
-      return baseProps;
+      return "#";
     });
     function getCurrentAccentColor() {
       if (typeof window !== "undefined") {
@@ -1143,24 +1415,42 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(tag.value), mergeProps({
-        class: ["ui-link", [
+      return !_ctx.to && !_ctx.href ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        type: "button",
+        class: normalizeClass(["ui-link", [
           `ui-link-${_ctx.variant}`,
           `ui-link-${_ctx.size}`,
           { "ui-link-disabled": _ctx.disabled },
           { "ui-link-custom-color": _ctx.color }
-        ]],
-        style: linkStyles.value
-      }, linkProps.value, { onClick: handleClick }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class", "style"]);
+        ]]),
+        style: normalizeStyle(linkStyles.value),
+        disabled: _ctx.disabled,
+        "aria-disabled": _ctx.disabled,
+        onClick: handleClick
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 14, _hoisted_1$C)) : (openBlock(), createElementBlock("a", {
+        key: 1,
+        class: normalizeClass(["ui-link", [
+          `ui-link-${_ctx.variant}`,
+          `ui-link-${_ctx.size}`,
+          { "ui-link-disabled": _ctx.disabled },
+          { "ui-link-custom-color": _ctx.color }
+        ]]),
+        style: normalizeStyle(linkStyles.value),
+        href: computedHref.value,
+        target: _ctx.external ? "_blank" : void 0,
+        rel: _ctx.external ? "noopener noreferrer" : void 0,
+        "aria-disabled": _ctx.disabled,
+        onClick: handleClick
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 14, _hoisted_2$v));
     };
   }
 });
-const StrandsUiLink = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-a9d22fbf"]]);
+const StrandsUiLink = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-ae8b647b"]]);
 const _hoisted_1$B = { class: "tabs-wrapper" };
 const _hoisted_2$u = {
   key: 0,