@strands.gg/accui 2.9.5 → 2.10.0

package/dist/index.es.js

@@ -93,7 +93,7 @@ const _hoisted_4$F = {
   "aria-hidden": "true"
 };
 const _hoisted_5$A = ["d"];
-const _hoisted_6$t = { class: "alert-text-container" };
+const _hoisted_6$u = { class: "alert-text-container" };
 const _hoisted_7$s = {
   key: 0,
   class: "alert-dismiss-container"
@@ -149,7 +149,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
                 }, null, 8, _hoisted_5$A)
               ]))
             ]),
-            createElementVNode("div", _hoisted_6$t, [
+            createElementVNode("div", _hoisted_6$u, [
               _ctx.title ? (openBlock(), createElementBlock("h3", {
                 key: 0,
                 class: normalizeClass(titleClasses.value)
@@ -198,7 +198,7 @@ const _hoisted_2$K = ["width", "height"];
 const _hoisted_3$H = ["d"];
 const _hoisted_4$E = ["stroke-width"];
 const _hoisted_5$z = ["stroke-width"];
-const _hoisted_6$s = ["width", "height"];
+const _hoisted_6$t = ["width", "height"];
 const _hoisted_7$r = {
   key: 3,
   class: "loader-text"
@@ -288,7 +288,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
               "stroke-linecap": "round",
               class: "loader-circle-path"
             }, null, -1)
-          ])], 8, _hoisted_6$s))
+          ])], 8, _hoisted_6$t))
         ], 4)) : _ctx.variant === "bar" ? (openBlock(), createElementBlock("div", {
           key: 2,
           class: "loader-bar",
@@ -1872,7 +1872,7 @@ const _hoisted_5$x = {
   key: 1,
   class: "input-select-placeholder"
 };
-const _hoisted_6$r = {
+const _hoisted_6$s = {
   key: 1,
   class: "input-trailing-icon"
 };
@@ -1922,6 +1922,15 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     const dropdownRef = ref();
     const searchInputRef = ref();
     const dropdownId = computed(() => `dropdown-${props.inputId || Math.random().toString(36).substr(2, 9)}`);
+    const teleportTarget = computed(() => {
+      if (selectTriggerRef.value) {
+        const modalContainer = selectTriggerRef.value.closest('[role="dialog"][aria-modal="true"]');
+        if (modalContainer) {
+          return modalContainer;
+        }
+      }
+      return "body";
+    });
     const dropdownState = ref({
       isOpen: false,
       searchQuery: "",
@@ -2216,11 +2225,11 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
               createVNode(unref(ChevronDown))
             ], 2)
           ], 42, _hoisted_2$F),
-          _ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_6$r, [
+          _ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_6$s, [
             renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 2),
-        (openBlock(), createBlock(Teleport, { to: "body" }, [
+        (openBlock(), createBlock(Teleport, { to: teleportTarget.value }, [
           dropdownState.value.isOpen ? (openBlock(), createElementBlock("div", {
             key: 0,
             ref_key: "dropdownRef",
@@ -2280,12 +2289,12 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
               }), 128))
             ], 4)
           ], 46, _hoisted_7$q)) : createCommentVNode("", true)
-        ]))
+        ], 8, ["to"]))
       ], 64);
     };
   }
 });
-const UiInputSelect = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-8fc867ab"]]);
+const UiInputSelect = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-8591f0ad"]]);
 const _hoisted_1$K = { class: "input-leading-icon" };
 const _hoisted_2$E = ["src"];
 const _hoisted_3$B = ["id", "accept", "multiple", "disabled", "required"];
@@ -2294,7 +2303,7 @@ const _hoisted_5$w = {
   key: 0,
   class: "input-file-prompt"
 };
-const _hoisted_6$q = { class: "input-file-prompt-text" };
+const _hoisted_6$r = { class: "input-file-prompt-text" };
 const _hoisted_7$p = {
   key: 0,
   class: "input-file-accept-text"
@@ -2527,7 +2536,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           }, null, 40, _hoisted_3$B),
           createElementVNode("div", _hoisted_4$A, [
             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),
+              createElementVNode("div", _hoisted_6$r, 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, [
               createElementVNode("div", _hoisted_9$m, toDisplayString(_ctx.selectedText || `${selectedFiles.value.length} file(s) selected`), 1),
@@ -3042,7 +3051,7 @@ const _hoisted_5$u = {
   key: 1,
   class: "datetime-picker-placeholder"
 };
-const _hoisted_6$p = {
+const _hoisted_6$q = {
   key: 1,
   class: "datetime-picker-trailing-icon"
 };
@@ -3437,7 +3446,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })
-          ])) : (openBlock(), createElementBlock("div", _hoisted_6$p, [
+          ])) : (openBlock(), createElementBlock("div", _hoisted_6$q, [
             createVNode(unref(ChevronDown))
           ]))
         ], 2),
@@ -24761,7 +24770,7 @@ const _hoisted_2$B = { class: "input-richtext-group" };
 const _hoisted_3$y = { class: "input-richtext-group" };
 const _hoisted_4$x = { class: "input-richtext-group" };
 const _hoisted_5$t = { class: "input-richtext-group" };
-const _hoisted_6$o = { class: "input-richtext-group" };
+const _hoisted_6$p = { class: "input-richtext-group" };
 const _hoisted_7$n = { class: "input-richtext-editor-wrapper" };
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "UiInput.RichText",
@@ -25068,7 +25077,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             spacing: "28px",
             margin: "4px"
           }),
-          createElementVNode("div", _hoisted_6$o, [
+          createElementVNode("div", _hoisted_6$p, [
             createVNode(StrandsUiButton, {
               color: "secondary",
               size: "sm",
@@ -25869,7 +25878,7 @@ const _hoisted_3$u = {
 };
 const _hoisted_4$t = { class: "editor-main" };
 const _hoisted_5$q = { class: "canvas-container" };
-const _hoisted_6$n = ["width", "height"];
+const _hoisted_6$o = ["width", "height"];
 const _hoisted_7$m = { class: "crop-overlay" };
 const _hoisted_8$l = { class: "crop-backdrop" };
 const _hoisted_9$k = { class: "crop-svg" };
@@ -26209,7 +26218,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                   class: "canvas",
                   onMousedown: startDrag,
                   onWheel: handleWheel
-                }, null, 40, _hoisted_6$n),
+                }, null, 40, _hoisted_6$o),
                 createElementVNode("div", _hoisted_7$m, [
                   createElementVNode("div", _hoisted_8$l, [
                     (openBlock(), createElementBlock("svg", _hoisted_9$k, [
@@ -26670,7 +26679,7 @@ const _hoisted_2$v = ["width", "height", "viewBox"];
 const _hoisted_3$t = { key: 0 };
 const _hoisted_4$s = ["r"];
 const _hoisted_5$p = ["y"];
-const _hoisted_6$m = ["d", "stroke-width"];
+const _hoisted_6$n = ["d", "stroke-width"];
 const _hoisted_7$l = ["d", "stroke", "stroke-width"];
 const _hoisted_8$k = ["d"];
 const _hoisted_9$j = ["d", "stroke", "stroke-width"];
@@ -26882,7 +26891,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             "stroke-width": thickness.value,
             fill: "none",
             "stroke-linecap": "round"
-          }, null, 8, _hoisted_6$m)) : createCommentVNode("", true),
+          }, null, 8, _hoisted_6$n)) : createCommentVNode("", true),
           createElementVNode("path", {
             d: staticArcPath.value,
             stroke: staticArcGradient.value,
@@ -27160,7 +27169,11 @@ 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 _hoisted_5$o = {
+  key: 1,
+  class: "ui-modal-subtitle"
+};
+const _hoisted_6$m = { class: "ui-modal-body-content" };
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "UiModal",
   props: {
@@ -27336,7 +27349,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                             isOpen: isModalOpen.value,
                             openModal
                           }, () => [
-                            _ctx.$props.title ? (openBlock(), createElementBlock("h2", _hoisted_4$r, toDisplayString(_ctx.$props.title), 1)) : createCommentVNode("", true)
+                            _ctx.$props.title ? (openBlock(), createElementBlock("h2", _hoisted_4$r, toDisplayString(_ctx.$props.title), 1)) : createCommentVNode("", true),
+                            _ctx.$props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$o, toDisplayString(_ctx.$props.subtitle), 1)) : createCommentVNode("", true)
                           ], true)
                         ]),
                         _ctx.showCloseButton ? (openBlock(), createElementBlock("button", {
@@ -27360,7 +27374,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                       ])
                     ]),
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_5$o, [
+                      createElementVNode("div", _hoisted_6$m, [
                         renderSlot(_ctx.$slots, "default", {}, void 0, true)
                       ])
                     ]),
@@ -27388,7 +27402,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UiModal = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-b5e7aae1"]]);
+const UiModal = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-ba1f9d90"]]);
 const tailwindColors = {
   "#000000": {
     label: "Black"

package/package.json

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