@scalar/components 0.12.75 → 0.13.0

package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as l, openBlock as r, createElementBlock as i, normalizeClass as s, unref as t, createElementVNode as a, createVNode as p, renderSlot as d, createBlock as m, withModifiers as u, createCommentVNode as b } from "vue";
-import { cva as f, cx as v } from "../../cva.js";
-import n from "../ScalarIcon/ScalarIcon.vue.js";
-const k = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, C = /* @__PURE__ */ l({
+import { defineComponent as s, openBlock as l, createElementBlock as a, normalizeClass as n, unref as t, createVNode as i, normalizeStyle as c, createElementVNode as m, renderSlot as p, createBlock as d, withModifiers as u, createCommentVNode as f } from "vue";
+import { cva as y, cx as b } from "../../cva.js";
+import v from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
+import k from "../ScalarIcon/ScalarIcon.vue.js";
+const g = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, w = /* @__PURE__ */ s({
   __name: "ScalarComboboxOption",
   props: {
     active: { type: Boolean },
@@ -9,11 +10,13 @@ const k = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, C = /* @__
     style: {},
     isDeletable: { type: Boolean }
   },
-  setup(x) {
-    const c = f({
+  emits: ["delete"],
+  setup(B) {
+    const r = y({
       base: [
+        // Group
+        "group/item",
         // Layout
-        "group",
         "flex min-w-0 items-center gap-1.5 rounded px-2 py-1.5 text-left",
         // Text / background style
         "truncate bg-transparent text-c-1",
@@ -25,35 +28,27 @@ const k = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, C = /* @__
         active: { true: "bg-b-2" }
       }
     });
-    return (e, o) => (r(), i("li", {
-      class: s(t(v)(t(c)({ active: e.active, selected: e.selected }), "group"))
+    return (e, o) => (l(), a("li", {
+      class: n(t(b)(t(r)({ active: e.active, selected: e.selected })))
     }, [
-      a("div", {
-        class: s(["flex size-4 items-center justify-center p-0.75", [
-          e.selected ? "bg-c-accent text-b-1" : "text-transparent group-hover:shadow-border",
-          e.style === "checkbox" ? "rounded" : "rounded-full"
-        ]])
-      }, [
-        p(t(n), {
-          class: "relative top-[0.5px] size-2.5",
-          icon: "Checkmark",
-          thickness: "2.5"
-        })
-      ], 2),
-      a("span", k, [
-        d(e.$slots, "default")
+      i(t(v), {
+        selected: e.selected,
+        style: c(e.style)
+      }, null, 8, ["selected", "style"]),
+      m("span", g, [
+        p(e.$slots, "default")
       ]),
-      e.isDeletable ? (r(), m(t(n), {
+      e.isDeletable ? (l(), d(t(k), {
         key: 0,
-        class: "text-c-2 opacity-0 group-hover:opacity-100",
+        class: "text-c-2 opacity-0 group-hover/item:opacity-100",
         icon: "Delete",
         size: "md",
         thickness: "1.5",
-        onClick: o[0] || (o[0] = u((y) => e.$emit("delete"), ["stop"]))
-      })) : b("", !0)
+        onClick: o[0] || (o[0] = u((x) => e.$emit("delete"), ["stop"]))
+      })) : f("", !0)
     ], 2));
   }
 });
 export {
-  C as default
+  w as default
 };

package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts

@@ -1,3 +1,4 @@
+import { type Slot } from 'vue';
 import { type Option, type OptionGroup } from './types.js';
 type __VLS_Props = {
     options: Option[] | OptionGroup[];
@@ -7,12 +8,35 @@ type __VLS_Props = {
     multiselect?: boolean;
     isDeletable?: boolean;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** A slot for contents before the combobox options */
+        before(): Slot;
+        /** A slot for contents after the combobox options */
+        after(): Slot;
+    }> & {
+        /** A slot for contents before the combobox options */
+        before(): Slot;
+        /** A slot for contents after the combobox options */
+        after(): Slot;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: (option: Option) => any;
     "update:modelValue": (v: Option[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: ((option: Option) => any) | undefined;
     "onUpdate:modelValue"?: ((v: Option[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=ScalarComboboxOptions.vue.d.ts.map

package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptions.vue"],"names":[],"mappings":"AA4JA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAY,MAAM,SAAS,CAAA;AAIjE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;;;;;;;AAyQF,wBAOG"}
+{"version":3,"file":"ScalarComboboxOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptions.vue"],"names":[],"mappings":"AAiKA,OAAO,EAAE,KAAK,IAAI,EAAwB,MAAM,KAAK,CAAA;AAIrD,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAY,MAAM,SAAS,CAAA;AAIjE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AA8FF,iBAAS,cAAc;WA2JT,OAAO,IAA6B;;QA/OhD,sDAAsD;kBAC5C,IAAI;QACd,qDAAqD;iBAC5C,IAAI;;QAHb,sDAAsD;kBAC5C,IAAI;QACd,qDAAqD;iBAC5C,IAAI;;;;EAiPd;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as E, computed as f, ref as $, watch as g, openBlock as i, createElementBlock as u, Fragment as m, createElementVNode as y, createVNode as K, unref as w, withDirectives as S, withKeys as h, withModifiers as b, vModelText as T, renderList as B, toDisplayString as M, createCommentVNode as I, createBlock as q, normalizeStyle as F, withCtx as G, createTextVNode as O, vShow as U } from "vue";
-import { nanoid as j } from "nanoid";
-import H from "./ScalarComboboxOption.vue.js";
-import { isGroups as N } from "./types.js";
-import J from "../ScalarIcon/ScalarIcon.vue.js";
-const P = { class: "relative flex" }, Q = ["aria-controls", "placeholder"], R = ["id"], W = {
+import { defineComponent as T, computed as f, ref as C, watch as S, openBlock as a, createElementBlock as u, Fragment as m, createElementVNode as x, createVNode as q, unref as w, withDirectives as g, withKeys as $, withModifiers as b, vModelText as F, renderSlot as B, renderList as M, toDisplayString as I, createCommentVNode as N, createBlock as G, normalizeStyle as O, withCtx as U, createTextVNode as j, vShow as H } from "vue";
+import { nanoid as J } from "nanoid";
+import P from "./ScalarComboboxOption.vue.js";
+import { isGroups as L } from "./types.js";
+import Q from "../ScalarIcon/ScalarIcon.vue.js";
+const R = { class: "relative flex" }, W = ["aria-controls", "placeholder"], X = ["id"], Y = {
   key: 0,
   class: "min-w-0 truncate px-2 py-1.5 text-left text-c-2"
-}, le = /* @__PURE__ */ E({
+}, oe = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "ScalarComboboxOptions",
   props: {
@@ -18,44 +18,44 @@ const P = { class: "relative flex" }, Q = ["aria-controls", "placeholder"], R =
     isDeletable: { type: Boolean }
   },
   emits: ["update:modelValue", "delete"],
-  setup(L, { emit: _ }) {
-    var C;
-    const o = L, z = _, k = j(), x = f(
-      () => N(o.options) ? o.options.flatMap((e) => e.options) : o.options
-    ), A = f(
-      () => N(o.options) ? o.options : [{ label: "", options: o.options }]
-    ), s = $(""), r = $(((C = o.modelValue) == null ? void 0 : C[0]) ?? x.value[0]);
-    g(
+  setup(z, { emit: A }) {
+    var D;
+    const o = z, E = A, h = J(), y = f(
+      () => L(o.options) ? o.options.flatMap((e) => e.options) : o.options
+    ), K = f(
+      () => L(o.options) ? o.options : [{ label: "", options: o.options }]
+    ), i = C(""), r = C(((D = o.modelValue) == null ? void 0 : D[0]) ?? y.value[0]);
+    S(
       () => o.open,
-      () => s.value = ""
-    ), g(
-      () => s.value,
-      () => r.value = c.value[0]
+      () => i.value = ""
+    ), S(
+      () => i.value,
+      () => r.value = v.value[0]
     );
-    const c = f(
-      () => s.value === "" ? x.value : x.value.filter((e) => e.label.toLowerCase().includes(s.value.toLowerCase()))
-    ), a = f({
+    const v = f(
+      () => i.value === "" ? y.value : y.value.filter((e) => e.label.toLowerCase().includes(i.value.toLowerCase()))
+    ), s = f({
       get: () => o.modelValue ?? [],
-      set: (e) => e && z("update:modelValue", e)
+      set: (e) => e && E("update:modelValue", e)
     });
-    function V(e) {
-      o.multiselect ? a.value.some((t) => t.id === e.id) ? a.value = a.value.filter((t) => t.id !== e.id) : a.value = [...a.value, e] : a.value = [e];
+    function k(e) {
+      o.multiselect ? s.value.some((t) => t.id === e.id) ? s.value = s.value.filter((t) => t.id !== e.id) : s.value = [...s.value, e] : s.value = [e];
     }
-    function D(e) {
-      const t = c.value, v = t.findIndex((l) => l.id === r.value.id) + e;
-      v < 0 || v > t.length - 1 || (r.value = t[v]);
+    function V(e) {
+      const t = v.value, c = t.findIndex((l) => l.id === r.value.id) + e;
+      c < 0 || c > t.length - 1 || (r.value = t[c]);
     }
-    return (e, t) => (i(), u(m, null, [
-      y("div", P, [
-        K(w(J), {
+    return (e, t) => (a(), u(m, null, [
+      x("div", R, [
+        q(w(Q), {
           class: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-c-3",
           icon: "Search",
           size: "sm"
         }),
-        S(y("input", {
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => s.value = n),
+        g(x("input", {
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => i.value = n),
           "aria-autocomplete": "list",
-          "aria-controls": w(k),
+          "aria-controls": w(h),
           class: "min-w-0 flex-1 rounded-none border-0 py-2.5 pl-8 pr-3 leading-none text-c-1 outline-none",
           "data-1p-ignore": "",
           placeholder: e.placeholder,
@@ -63,52 +63,54 @@ const P = { class: "relative flex" }, Q = ["aria-controls", "placeholder"], R =
           tabindex: "0",
           type: "text",
           onKeydown: [
-            t[1] || (t[1] = h(b((n) => D(1), ["prevent"]), ["down"])),
-            t[2] || (t[2] = h(b((n) => V(r.value), ["prevent"]), ["enter"])),
-            t[3] || (t[3] = h(b((n) => D(-1), ["prevent"]), ["up"]))
+            t[1] || (t[1] = $(b((n) => V(1), ["prevent"]), ["down"])),
+            t[2] || (t[2] = $(b((n) => k(r.value), ["prevent"]), ["enter"])),
+            t[3] || (t[3] = $(b((n) => V(-1), ["prevent"]), ["up"]))
           ]
-        }, null, 40, Q), [
-          [T, s.value]
+        }, null, 40, W), [
+          [F, i.value]
         ])
       ]),
-      S(y("ul", {
-        id: w(k),
+      g(x("ul", {
+        id: w(h),
         class: "border-t p-0.75"
       }, [
-        (i(!0), u(m, null, B(A.value, (n, v) => (i(), u(m, { key: v }, [
+        B(e.$slots, "before"),
+        (a(!0), u(m, null, M(K.value, (n, c) => (a(), u(m, { key: c }, [
           n.label && // Only show the group label if there are some results
-          n.options.some((l) => c.value.some((p) => p.id === l.id)) ? (i(), u("div", W, M(n.label), 1)) : I("", !0),
-          (i(!0), u(m, null, B(c.value, (l) => {
+          n.options.some((l) => v.value.some((p) => p.id === l.id)) ? (a(), u("div", Y, I(n.label), 1)) : N("", !0),
+          (a(!0), u(m, null, M(v.value, (l) => {
             var p;
-            return i(), u(m, {
+            return a(), u(m, {
               key: l.id
             }, [
-              n.options.some((d) => d.id === l.id) ? (i(), q(H, {
+              n.options.some((d) => d.id === l.id) ? (a(), G(P, {
                 key: 0,
                 active: ((p = r.value) == null ? void 0 : p.id) === l.id,
                 isDeletable: l.isDeletable ?? e.isDeletable,
-                selected: a.value.some((d) => d.id === l.id),
-                style: F(e.multiselect ? "checkbox" : "radio"),
-                onClick: (d) => V(l),
+                selected: s.value.some((d) => d.id === l.id),
+                style: O(e.multiselect ? "checkbox" : "radio"),
+                onClick: (d) => k(l),
                 onDelete: (d) => e.$emit("delete", l),
                 onMousedown: t[4] || (t[4] = b(() => {
                 }, ["prevent"])),
                 onMouseenter: (d) => r.value = l
               }, {
-                default: G(() => [
-                  O(M(l.label), 1)
+                default: U(() => [
+                  j(I(l.label), 1)
                 ]),
                 _: 2
-              }, 1032, ["active", "isDeletable", "selected", "style", "onClick", "onDelete", "onMouseenter"])) : I("", !0)
+              }, 1032, ["active", "isDeletable", "selected", "style", "onClick", "onDelete", "onMouseenter"])) : N("", !0)
             ], 64);
           }), 128))
-        ], 64))), 128))
-      ], 8, R), [
-        [U, c.value.length]
+        ], 64))), 128)),
+        B(e.$slots, "after")
+      ], 8, X), [
+        [H, v.value.length || e.$slots.before || e.$slots.after]
       ])
     ], 64));
   }
 });
 export {
-  le as default
+  oe as default
 };

package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.d.ts

@@ -1,14 +1,8 @@
-import { type FloatingOptions } from '../ScalarFloating';
-type __VLS_Props = Omit<FloatingOptions, 'middleware'>;
+import { type ScalarFloatingOptions } from '../ScalarFloating';
+import type { ScalarPopoverSlots } from '../ScalarPopover';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        popover?(_: {
-            close: any;
-            open: any;
-        }): any;
-    };
+    slots: Readonly<ScalarPopoverSlots> & ScalarPopoverSlots;
     refs: {
         popoverButtonRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             as: {
@@ -60,7 +54,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+declare const __VLS_component: import("vue").DefineComponent<ScalarFloatingOptions, {
     popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
         as: {
             type: (ObjectConstructor | StringConstructor)[];
@@ -126,7 +120,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         as: string | Record<string, any>;
         disabled: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxPopover.vue"],"names":[],"mappings":"AA4DA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAIxE,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AAuBvD,iBAAS,cAAc;WAiHT,OAAO,IAA6B;;yBAVpB,GAAG;;;;YACH,GAAG;;;;;;;;;;;;;;;;0BAtIjC,KAvB2B,eAuB3B,KAtBa,uBAsBb,KApBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwKA;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;oBAnKrB,KAvB2B,eAuB3B,KAtBa,uBAsBb,KApBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oPA8LC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarComboboxPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxPopover.vue"],"names":[],"mappings":"AA+DA,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AA8B1D,iBAAS,cAAc;WAwGT,OAAO,IAA6B;;;;;;;;;;;;;;;;0BA3IlD,KA1B6B,eA0B7B,KAzBkB,uBAyBlB,KAxBwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwKvB;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;oBAhKrB,KA1B6B,eA0B7B,KAzBkB,uBAyBlB,KAxBwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8PA+LtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.js

@@ -1,65 +1,65 @@
-import { defineComponent as m, ref as u, openBlock as c, createBlock as v, unref as r, withCtx as o, createVNode as n, mergeProps as y, renderSlot as p, createElementVNode as w } from "vue";
-import { Popover as b, PopoverPanel as B, PopoverButton as g } from "@headlessui/vue";
-import k from "../ScalarFloating/ScalarFloating.vue.js";
-const E = /* @__PURE__ */ m({
+import { defineComponent as m, ref as c, openBlock as v, createBlock as y, unref as t, withCtx as r, createVNode as l, normalizeProps as w, guardReactiveProps as _, createSlots as b, renderSlot as s, mergeProps as g, createElementVNode as B } from "vue";
+import { Popover as P, PopoverButton as k, PopoverPanel as x } from "@headlessui/vue";
+import { useBindCx as h } from "../../hooks/useBindCx.js";
+import C from "../ScalarFloating/ScalarFloating.vue.js";
+const K = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "ScalarComboboxPopover",
   props: {
     placement: {},
     resize: { type: Boolean },
-    targetRef: {},
-    isOpen: { type: Boolean },
+    target: {},
+    middleware: {},
     teleport: { type: [Boolean, String] }
   },
-  setup(P, { expose: a }) {
-    const l = u(null), f = (e) => {
-      var t;
-      ["ArrowUp", "ArrowDown"].includes(e.key) && (e.preventDefault(), (t = e.target) == null || t.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter" })));
+  setup(E, { expose: p }) {
+    const { cx: d } = h(), a = c(null), f = (e) => {
+      var o;
+      ["ArrowUp", "ArrowDown"].includes(e.key) && (e.preventDefault(), (o = e.target) == null || o.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter" })));
     };
-    return a({ popoverButtonRef: l }), (e, t) => (c(), v(r(b), { as: "template" }, {
-      default: o(({ open: s }) => [
-        n(r(k), {
-          isOpen: s ?? e.isOpen,
-          placement: e.placement ?? "bottom-start",
-          resize: e.resize,
-          teleport: e.teleport
-        }, {
-          floating: o(({ width: i }) => [
-            n(r(B), y({
-              class: "relative flex w-40 flex-col rounded border text-sm",
-              focus: "",
-              style: { width: i }
-            }, e.$attrs), {
-              default: o(({ close: d }) => [
-                p(e.$slots, "popover", {
-                  close: d,
-                  open: s
-                }),
-                t[0] || (t[0] = w("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-md brightness-lifted" }, null, -1))
-              ]),
-              _: 2
-            }, 1040, ["style"])
-          ]),
-          default: o(() => [
-            n(r(g), {
+    return p({ popoverButtonRef: a }), (e, o) => (v(), y(t(P), { as: "template" }, {
+      default: r(({ open: n }) => [
+        l(t(C), w(_(e.$props)), b({
+          default: r(() => [
+            l(t(k), {
               ref_key: "popoverButtonRef",
-              ref: l,
+              ref: a,
               as: "template",
               onKeydown: f
             }, {
-              default: o(() => [
-                p(e.$slots, "default")
+              default: r(() => [
+                s(e.$slots, "default", { open: n })
               ]),
-              _: 3
-            }, 512)
+              _: 2
+            }, 1536)
           ]),
           _: 2
-        }, 1032, ["isOpen", "placement", "resize", "teleport"])
+        }, [
+          n ? {
+            name: "floating",
+            fn: r(({ width: i }) => [
+              l(t(x), g({
+                focus: "",
+                style: { width: i }
+              }, t(d)("relative flex w-40 flex-col rounded border text-sm")), {
+                default: r(({ close: u }) => [
+                  s(e.$slots, "popover", {
+                    close: u,
+                    open: n
+                  }),
+                  o[0] || (o[0] = B("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-md brightness-lifted" }, null, -1))
+                ]),
+                _: 2
+              }, 1040, ["style"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040)
       ]),
       _: 3
     }));
   }
 });
 export {
-  E as default
+  K as default
 };

package/dist/components/ScalarCombobox/types.d.ts

@@ -8,6 +8,8 @@ export type OptionGroup = {
     label: string;
     options: Option[];
 };
-export declare const isGroup: (option: Option | OptionGroup) => option is OptionGroup;
-export declare const isGroups: (options: Option[] | OptionGroup[]) => options is OptionGroup[];
+/** Type guard to check if an option is a group */
+export declare function isGroup(option: Option | OptionGroup): option is OptionGroup;
+/** Type guard to check if an array of options is an array of groups */
+export declare function isGroups(options: Option[] | OptionGroup[]): options is OptionGroup[];
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ScalarCombobox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,OAAO,WACV,MAAM,GAAG,WAAW,KAC3B,MAAM,IAAI,WAEZ,CAAA;AAED,eAAO,MAAM,QAAQ,YACV,MAAM,EAAE,GAAG,WAAW,EAAE,KAChC,OAAO,IAAI,WAAW,EAExB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,kDAAkD;AAClD,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,MAAM,IAAI,WAAW,CAE3E;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CACtB,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,GAChC,OAAO,IAAI,WAAW,EAAE,CAE1B"}

package/dist/components/ScalarCombobox/types.js

@@ -1,5 +1,10 @@
-const r = (o) => o.options !== void 0, s = (o) => r(o[0]);
+function n(o) {
+  return o.options !== void 0;
+}
+function r(o) {
+  return n(o[0]);
+}
 export {
-  r as isGroup,
-  s as isGroups
+  n as isGroup,
+  r as isGroups
 };