@sabrenski/spire-ui-vue 0.3.24 → 0.3.25

package/dist/spire-ui.js

@@ -38633,7 +38633,8 @@ const Gk = /* @__PURE__ */ P2(_D1, [["render", oP1]]), rP1 = ["data-spire-placem
     selectedKeys: {},
     disabledKeys: {},
     hideSelectedIcon: { type: Boolean, default: !1 },
-    closeOnSelect: { type: Boolean }
+    closeOnSelect: { type: Boolean },
+    maxHeight: { default: "300px" }
   },
   emits: ["update:selectedKeys", "selectionChange", "close"],
   setup(o, { emit: e }) {
@@ -38711,7 +38712,7 @@ const Gk = /* @__PURE__ */ P2(_D1, [["render", oP1]]), rP1 = ["data-spire-placem
       bordered: "bg-popover border-2 border-border rounded-lg",
       shadow: "bg-elevated shadow-xl rounded-lg"
     }, F = p(() => [
-      "m-0 p-1 min-w-[8rem] max-h-[300px] overflow-y-auto z-50 space-y-0.5",
+      "m-0 min-w-[8rem] z-50",
       "outline-none",
       H[t.variant],
       "animate-scale-in"
@@ -38735,46 +38736,51 @@ const Gk = /* @__PURE__ */ P2(_D1, [["render", oP1]]), rP1 = ["data-spire-placem
         onToggle: L,
         onKeydown: M
       }), [
-        T(K.$slots, "topContent"),
-        o.items && o.items.length > 0 ? (y(!0), W(c1, { key: 0 }, V1(o.items, (S) => (y(), W("div", {
-          key: S.key,
-          role: f(s).type.value === "listbox" ? "option" : "menuitem",
-          "aria-selected": f(s).type.value === "listbox" ? f(s).selectedKeys.value.has(S.key) : void 0,
-          "aria-disabled": S.isDisabled || void 0,
-          "data-spire-key": S.key,
-          "data-spire-active": f(s).activeItemKey.value === S.key || void 0,
-          "data-spire-selected": f(s).selectedKeys.value.has(S.key) || void 0,
-          "data-spire-disabled": S.isDisabled || void 0,
-          tabindex: f(s).activeItemKey.value === S.key ? 0 : -1,
-          class: Z([
-            "flex items-center gap-3 px-3 py-2 rounded-md cursor-pointer select-none text-left",
-            "text-sm",
-            S.color === "danger" ? "text-danger-foreground" : "text-foreground",
-            "transition-colors duration-150",
-            S.color === "danger" ? "hover:bg-danger-subtle focus:bg-danger-subtle data-[spire-active=true]:bg-danger-subtle" : "hover:bg-ghost-hover focus:bg-ghost-hover data-[spire-active=true]:bg-ghost-hover",
-            "focus:outline-none",
-            "data-[spire-selected=true]:bg-primary-subtle",
-            "data-[spire-disabled=true]:opacity-50 data-[spire-disabled=true]:cursor-not-allowed data-[spire-disabled=true]:pointer-events-none"
-          ]),
-          onClick: (D) => !S.isDisabled && f(s).selectItem(S.key),
-          onMouseenter: (D) => !S.isDisabled && f(s).setActiveItem(S.key)
+        v("div", {
+          class: "p-1 overflow-y-auto space-y-0.5",
+          style: S1({ maxHeight: o.maxHeight })
         }, [
-          T(K.$slots, "item", {
-            item: S,
-            isSelected: f(s).selectedKeys.value.has(S.key),
-            isActive: f(s).activeItemKey.value === S.key
-          }, () => [
-            v("span", aP1, G(S.title), 1),
-            S.description ? (y(), W("span", dP1, G(S.description), 1)) : V("", !0),
-            S.shortcut ? (y(), W("kbd", cP1, G(S.shortcut), 1)) : V("", !0)
-          ])
-        ], 42, iP1))), 128)) : T(K.$slots, "default", { key: 1 }),
-        (!o.items || o.items.length === 0) && !K.$slots.default ? (y(), W("div", CP1, [
-          T(K.$slots, "emptyContent", {}, () => [
-            j1(G(f(r).noItems), 1)
-          ])
-        ])) : V("", !0),
-        T(K.$slots, "bottomContent")
+          T(K.$slots, "topContent"),
+          o.items && o.items.length > 0 ? (y(!0), W(c1, { key: 0 }, V1(o.items, (S) => (y(), W("div", {
+            key: S.key,
+            role: f(s).type.value === "listbox" ? "option" : "menuitem",
+            "aria-selected": f(s).type.value === "listbox" ? f(s).selectedKeys.value.has(S.key) : void 0,
+            "aria-disabled": S.isDisabled || void 0,
+            "data-spire-key": S.key,
+            "data-spire-active": f(s).activeItemKey.value === S.key || void 0,
+            "data-spire-selected": f(s).selectedKeys.value.has(S.key) || void 0,
+            "data-spire-disabled": S.isDisabled || void 0,
+            tabindex: f(s).activeItemKey.value === S.key ? 0 : -1,
+            class: Z([
+              "flex items-center gap-3 px-3 py-2 rounded-md cursor-pointer select-none text-left",
+              "text-sm",
+              S.color === "danger" ? "text-danger-foreground" : "text-foreground",
+              "transition-colors duration-150",
+              S.color === "danger" ? "hover:bg-danger-subtle focus:bg-danger-subtle data-[spire-active=true]:bg-danger-subtle" : "hover:bg-ghost-hover focus:bg-ghost-hover data-[spire-active=true]:bg-ghost-hover",
+              "focus:outline-none",
+              "data-[spire-selected=true]:bg-primary-subtle",
+              "data-[spire-disabled=true]:opacity-50 data-[spire-disabled=true]:cursor-not-allowed data-[spire-disabled=true]:pointer-events-none"
+            ]),
+            onClick: (D) => !S.isDisabled && f(s).selectItem(S.key),
+            onMouseenter: (D) => !S.isDisabled && f(s).setActiveItem(S.key)
+          }, [
+            T(K.$slots, "item", {
+              item: S,
+              isSelected: f(s).selectedKeys.value.has(S.key),
+              isActive: f(s).activeItemKey.value === S.key
+            }, () => [
+              v("span", aP1, G(S.title), 1),
+              S.description ? (y(), W("span", dP1, G(S.description), 1)) : V("", !0),
+              S.shortcut ? (y(), W("kbd", cP1, G(S.shortcut), 1)) : V("", !0)
+            ])
+          ], 42, iP1))), 128)) : T(K.$slots, "default", { key: 1 }),
+          (!o.items || o.items.length === 0) && !K.$slots.default ? (y(), W("div", CP1, [
+            T(K.$slots, "emptyContent", {}, () => [
+              j1(G(f(r).noItems), 1)
+            ])
+          ])) : V("", !0),
+          T(K.$slots, "bottomContent")
+        ], 4)
       ], 16, sP1)) : V("", !0),
       (y(), z(y5, { to: "body" }, [
         f(s) && f(c) ? (y(), z(Rc, {
@@ -43045,7 +43051,8 @@ const u$1 = /* @__PURE__ */ e1({
     title: {},
     isDisabled: { type: Boolean, default: !1 },
     openDelay: { default: 150 },
-    closeDelay: { default: 200 }
+    closeDelay: { default: 200 },
+    maxHeight: { default: "300px" }
   },
   setup(o) {
     const e = o, r = w1(Mr), t = `dropdown-submenu-${z1()}`, n = `dropdown-submenu-trigger-${z1()}`, s = w(null), i = w(null), a = w(!1);
@@ -43086,7 +43093,7 @@ const u$1 = /* @__PURE__ */ e1({
       "hover:bg-ghost-hover focus:bg-ghost-hover focus:outline-none",
       e.isDisabled && "opacity-50 cursor-not-allowed pointer-events-none"
     ]), j = p(() => [
-      "m-0 p-1 min-w-[8rem] max-h-[300px] overflow-y-auto z-50 space-y-0.5",
+      "m-0 min-w-[8rem] z-50",
       "outline-none",
       "bg-popover shadow-lg border border-border rounded-lg",
       "animate-scale-in"
@@ -43146,7 +43153,12 @@ const u$1 = /* @__PURE__ */ e1({
         onMouseleave: M,
         onKeydown: g
       }, [
-        T(H.$slots, "default")
+        v("div", {
+          class: "p-1 overflow-y-auto space-y-0.5",
+          style: S1({ maxHeight: o.maxHeight })
+        }, [
+          T(H.$slots, "default")
+        ], 4)
       ], 34)) : V("", !0)
     ], 32));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sabrenski/spire-ui-vue",
-  "version": "0.3.24",
+  "version": "0.3.25",
   "description": "A modern, themeable Vue 3 component library with 57+ components, TypeScript support, and Tailwind CSS v4",
   "type": "module",
   "author": "Spire UI Contributors",