@scalar/components 0.14.21 → 0.14.23

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxMultiselect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxMultiselect.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIjE,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,GAAG,qBAAqB,CAAC;AAyB5B,iBAAS,cAAc;WAgGT,OAAO,IAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAvIlD,KA9Ba,eA8Bb,KA7BU,uBA6BV,KA5BO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAgNk5hB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAxC9giB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;4BAzJrB,KA9Ba,eA8Bb,KA7BU,uBA6BV,KA5BO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA4BP,KA9Ba,eA8Bb,KA7BU,uBA6BV,KA5BO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFA8LL,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":"ScalarComboboxMultiselect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxMultiselect.vue"],"names":[],"mappings":"AAsFA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EACV,aAAa,EACb,MAAM,EACN,WAAW,EACX,eAAe,EAChB,MAAM,SAAS,CAAA;yBAGE,CAAC,SAAS,MAAM,WAAW,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,gCACvD,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAsJxD,mBAAmB,CAAC;;;qBAxHjB,CAAC,EAAE;;iBA1BH,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;sBAChB,MAAM;8BAiJ+F,CAAC,4BAA2B;oBAChI,OAAO,KAAK,EAAE,gBAAgB;;;;;;;;;;;;;;;;gCAvKjD,KA1CS,eA0CT,KA1C6B,uBA0C7B,KAxCC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+MsE,GAAG,IAAI;WACpE,GAAG;;;;;;YAK+B,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhKvE,wBAgK4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,24 +1,25 @@
-import { defineComponent as d, ref as f, createBlock as m, openBlock as n, withCtx as t, renderSlot as a, createCommentVNode as u, createSlots as b } from "vue";
-import y from "./ScalarComboboxOptions.vue.js";
-import V from "./ScalarComboboxPopover.vue.js";
-const w = /* @__PURE__ */ d({
+import { defineComponent as g, mergeModels as v, useModel as $, ref as y, createBlock as m, openBlock as d, withCtx as o, createCommentVNode as k, createSlots as c, renderSlot as l, normalizeProps as i, guardReactiveProps as f } from "vue";
+import V from "./ScalarComboboxOptions.vue.js";
+import h from "./ScalarComboboxPopover.vue.js";
+const B = /* @__PURE__ */ g({
   __name: "ScalarComboboxMultiselect",
-  props: {
+  props: /* @__PURE__ */ v({
     options: {},
-    modelValue: {},
     placeholder: {},
-    isDeletable: { type: Boolean },
     placement: {},
     offset: { type: [Number, Object, Function] },
     resize: { type: Boolean },
     target: {},
     middleware: {},
     teleport: { type: [Boolean, String] }
-  },
-  emits: ["update:modelValue", "delete"],
-  setup($, { expose: i }) {
-    const s = f(null);
-    return i({ comboboxPopoverRef: s }), (e, o) => (n(), m(V, {
+  }, {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(u, { expose: b }) {
+    const a = $(u, "modelValue"), s = y(null);
+    return b({ comboboxPopoverRef: s }), (e, p) => (d(), m(h, {
       ref_key: "comboboxPopoverRef",
       ref: s,
       middleware: e.middleware,
@@ -28,44 +29,56 @@ const w = /* @__PURE__ */ d({
       target: e.target,
       teleport: e.teleport
     }, {
-      popover: t(({ open: l }) => {
-        var p;
+      default: o(({ open: r }) => [
+        l(e.$slots, "default", { open: r })
+      ]),
+      popover: o(({ open: r }) => {
+        var n;
         return [
-          (p = e.options) != null && p.length ? (n(), m(y, {
+          (n = e.options) != null && n.length ? (d(), m(V, {
             key: 0,
-            isDeletable: e.isDeletable,
-            modelValue: e.modelValue,
+            modelValue: a.value,
+            "onUpdate:modelValue": p[0] || (p[0] = (t) => a.value = t),
             multiselect: "",
-            open: l,
+            open: r,
             options: e.options,
-            placeholder: e.placeholder,
-            onDelete: o[0] || (o[0] = (r) => e.$emit("delete", r)),
-            "onUpdate:modelValue": o[1] || (o[1] = (r) => e.$emit("update:modelValue", r))
-          }, b({ _: 2 }, [
+            placeholder: e.placeholder
+          }, c({ _: 2 }, [
             e.$slots.before ? {
               name: "before",
-              fn: t(() => [
-                a(e.$slots, "before", { open: l })
+              fn: o(() => [
+                l(e.$slots, "before")
               ]),
               key: "0"
             } : void 0,
+            e.$slots.option ? {
+              name: "option",
+              fn: o((t) => [
+                l(e.$slots, "option", i(f(t)))
+              ]),
+              key: "1"
+            } : void 0,
+            e.$slots.group ? {
+              name: "group",
+              fn: o((t) => [
+                l(e.$slots, "group", i(f(t)))
+              ]),
+              key: "2"
+            } : void 0,
             e.$slots.after ? {
               name: "after",
-              fn: t(() => [
-                a(e.$slots, "after", { open: l })
+              fn: o(() => [
+                l(e.$slots, "after")
               ]),
-              key: "1"
+              key: "3"
             } : void 0
-          ]), 1032, ["isDeletable", "modelValue", "open", "options", "placeholder"])) : u("", !0)
+          ]), 1032, ["modelValue", "open", "options", "placeholder"])) : k("", !0)
         ];
       }),
-      default: t(() => [
-        a(e.$slots, "default")
-      ]),
       _: 3
     }, 8, ["middleware", "offset", "placement", "resize", "target", "teleport"]));
   }
 });
 export {
-  w as default
+  B as default
 };

package/dist/components/ScalarCombobox/ScalarComboboxOption.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScalarComboboxOption.test.d.ts.map

package/dist/components/ScalarCombobox/ScalarComboboxOption.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarComboboxOption.test.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.test.ts"],"names":[],"mappings":""}

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

@@ -1,24 +1,20 @@
-import { type ScalarListboxOptionStyle } from '../ScalarListbox';
 type __VLS_Props = {
     active?: boolean;
     selected?: boolean;
-    style?: ScalarListboxOptionStyle;
-    isDeletable?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
+        default?(_: {
+            active: boolean;
+            selected: boolean;
+        }): any;
     };
     refs: {};
     rootEl: HTMLLIElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    delete: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDelete?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.vue"],"names":[],"mappings":"AA2DA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,kBAAkB,CAAA;AAIzB,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,wBAAwB,CAAA;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AA+BF,iBAAS,cAAc;WA4ET,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;4FAQnB,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":"ScalarComboboxOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.vue"],"names":[],"mappings":"AA0CA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA0BF,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;;;;YARrB,GAAG;;;;EAa/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,4SAOnB,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/ScalarComboboxOption.vue.js

@@ -1,18 +1,13 @@
-import { defineComponent as r, createElementBlock as s, openBlock as l, normalizeClass as n, unref as t, createVNode as i, createElementVNode as c, createBlock as p, createCommentVNode as m, normalizeStyle as d, renderSlot as u, withModifiers as f } from "vue";
-import { ScalarIconTrash as b } from "@scalar/icons";
-import { cva as y, cx as v } from "@scalar/use-hooks/useBindCx";
-import g from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
-const k = ["aria-selected"], B = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, w = /* @__PURE__ */ r({
+import { defineComponent as o, createElementBlock as r, openBlock as s, normalizeClass as n, unref as t, renderSlot as c } from "vue";
+import { cva as l, cx as i } from "@scalar/use-hooks/useBindCx";
+const p = ["aria-selected"], b = /* @__PURE__ */ o({
   __name: "ScalarComboboxOption",
   props: {
     active: { type: Boolean },
-    selected: { type: Boolean },
-    style: {},
-    isDeletable: { type: Boolean }
+    selected: { type: Boolean }
   },
-  emits: ["delete"],
-  setup(h) {
-    const a = y({
+  setup(d) {
+    const a = l({
       base: [
         // Group
         "group/item",
@@ -28,28 +23,19 @@ const k = ["aria-selected"], B = { class: "inline-block min-w-0 flex-1 truncate
         active: { true: "bg-b-2" }
       }
     });
-    return (e, o) => (l(), s("li", {
+    return (e, m) => (s(), r("li", {
       "aria-selected": e.selected,
-      class: n(t(v)(t(a)({ active: e.active, selected: e.selected }))),
+      class: n(t(i)(t(a)({ active: e.active, selected: e.selected }))),
       role: "option",
       tabindex: "-1"
     }, [
-      i(t(g), {
-        selected: e.selected,
-        style: d(e.style)
-      }, null, 8, ["selected", "style"]),
-      c("span", B, [
-        u(e.$slots, "default")
-      ]),
-      e.isDeletable ? (l(), p(t(b), {
-        key: 0,
-        "aria-label": "Delete",
-        class: "text-c-2 opacity-0 group-hover/item:opacity-100 size-4",
-        onClick: o[0] || (o[0] = f((x) => e.$emit("delete"), ["stop"]))
-      })) : m("", !0)
-    ], 10, k));
+      c(e.$slots, "default", {
+        active: e.active,
+        selected: e.selected
+      })
+    ], 10, p));
   }
 });
 export {
-  w as default
+  b as default
 };

package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScalarComboboxOptionGroup.test.d.ts.map

package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarComboboxOptionGroup.test.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptionGroup.test.ts"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxOptionGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptionGroup.vue"],"names":[],"mappings":"AA6BA,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AASF,iBAAS,cAAc;WA+CT,OAAO,IAA6B;;uBATvB,GAAG;yBACD,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,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":"ScalarComboboxOptionGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptionGroup.vue"],"names":[],"mappings":"AA6BA,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AASF,iBAAS,cAAc;WA8CT,OAAO,IAA6B;;uBATvB,GAAG;yBACD,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,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/ScalarComboboxOptionGroup.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as t, useId as a, createElementBlock as o, openBlock as d, createCommentVNode as i, renderSlot as l } from "vue";
-const n = ["id", "aria-labelledby", "role"], r = ["id"], m = /* @__PURE__ */ t({
+import { defineComponent as a, useId as i, createElementBlock as o, openBlock as d, createCommentVNode as t, renderSlot as l } from "vue";
+const n = ["id", "aria-labelledby", "role"], r = ["id"], m = /* @__PURE__ */ a({
   __name: "ScalarComboboxOptionGroup",
   props: {
-    id: { default: () => a() },
+    id: { default: () => i() },
     hidden: { type: Boolean, default: !1 }
   },
   setup(s) {
@@ -12,10 +12,10 @@ const n = ["id", "aria-labelledby", "role"], r = ["id"], m = /* @__PURE__ */ t({
       class: "contents",
       role: e.hidden ? void 0 : "group"
     }, [
-      e.hidden ? i("", !0) : (d(), o("div", {
+      e.hidden ? t("", !0) : (d(), o("div", {
         key: 0,
         id: `${e.id}-label`,
-        class: "min-w-0 truncate px-2.5 py-1.5 text-left text-c-2"
+        class: "min-w-0 truncate px-2.5 py-1.5 text-c-2"
       }, [
         l(e.$slots, "label")
       ], 8, r)),

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScalarComboboxOptions.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarComboboxOptions.test.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptions.test.ts"],"names":[],"mappings":""}

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

@@ -1,32 +1,25 @@
-import { type ComboboxSlots, type Option, type OptionGroup } from './types.js';
-type __VLS_Props = {
-    options: Option[] | OptionGroup[];
-    modelValue?: Option[];
-    placeholder?: string;
-    multiselect?: boolean;
-    isDeletable?: boolean;
+import { type ComboboxSlots, type Option, type OptionGroup, type OptionsOrGroups } from './types.js';
+declare const _default: <O extends Option = Option, G extends OptionGroup<O> = OptionGroup<O>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: O[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & Partial<{}> & ({
+        modelValue?: O[];
+    } & {
+        options: OptionsOrGroups<O, G>;
+        placeholder?: string;
+        multiselect?: boolean;
+    })> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<Omit<ComboboxSlots<O, G>, "default">> & Omit<ComboboxSlots<O, G>, "default">;
+    emit: (evt: "update:modelValue", value: O[]) => void;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<Omit<ComboboxSlots, "default">> & Omit<ComboboxSlots, "default">;
-    refs: {
-        input: HTMLInputElement;
-    };
-    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;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
 //# 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":"AA6NA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,MAAM,EACX,KAAK,WAAW,EAEjB,MAAM,SAAS,CAAA;AAIhB,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,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AAuIF,iBAAS,cAAc;WA4KT,OAAO,IAA6B;;;;;;EAKjD;AAsBD,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"}
+{"version":3,"file":"ScalarComboboxOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptions.vue"],"names":[],"mappings":"AAsPA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,eAAe,EAErB,MAAM,SAAS,CAAA;yBAGC,CAAC,SAAS,MAAM,WAAW,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,gCACtD,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiXxD,mBAAmB,CAAC;;;qBA9NjB,CAAC,EAAE;;iBA/IL,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;sBAChB,MAAM;sBACN,OAAO;MA2WgG,CAAC,4BAA2B;oBAChI,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;YAK+B,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3XvE,wBA2X4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,7 +1,7 @@
 import o from "./ScalarComboboxOptions.vue2.js";
 import "./ScalarComboboxOptions.vue3.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6cc86eda"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fcdffd02"]]);
 export {
-  a as default
+  r as default
 };

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

@@ -1,77 +1,84 @@
-import { defineComponent as q, useId as F, computed as b, ref as g, onMounted as M, watch as U, createElementBlock as y, openBlock as v, Fragment as $, createElementVNode as w, withDirectives as B, createVNode as j, unref as H, withKeys as x, withModifiers as h, vModelText as J, renderSlot as S, renderList as E, createBlock as N, withCtx as V, createCommentVNode as P, normalizeStyle as Q, createTextVNode as T, toDisplayString as L, vShow as R } from "vue";
-import { ScalarIconMagnifyingGlass as W } from "@scalar/icons";
-import X from "./ScalarComboboxOption.vue.js";
-import Y from "./ScalarComboboxOptionGroup.vue.js";
-import { isGroups as z } from "./types.js";
-const Z = { class: "relative flex" }, _ = ["aria-activedescendant", "placeholder"], ee = ["aria-multiselectable"], ie = /* @__PURE__ */ q({
+import { defineComponent as F, mergeModels as U, useModel as j, useId as H, computed as g, ref as h, onMounted as E, watch as J, createElementBlock as m, openBlock as r, Fragment as f, createElementVNode as y, withDirectives as N, createVNode as T, unref as L, withKeys as x, withModifiers as k, vModelText as P, renderSlot as w, renderList as A, createBlock as D, withCtx as I, createCommentVNode as Q, toDisplayString as G, createTextVNode as R, vShow as W } from "vue";
+import { ScalarIconMagnifyingGlass as X } from "@scalar/icons";
+import Y from "./ScalarComboboxOption.vue.js";
+import Z from "./ScalarComboboxOptionGroup.vue.js";
+import { isGroups as K } from "./types.js";
+import _ from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
+const ee = { class: "relative flex" }, te = ["aria-activedescendant", "placeholder"], le = ["aria-multiselectable"], oe = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, de = /* @__PURE__ */ F({
   inheritAttrs: !1,
   __name: "ScalarComboboxOptions",
-  props: {
+  props: /* @__PURE__ */ U({
     options: {},
-    modelValue: {},
     placeholder: {},
-    multiselect: { type: Boolean },
-    isDeletable: { type: Boolean }
-  },
-  emits: ["update:modelValue", "delete"],
-  setup(A, { emit: G }) {
-    var C;
-    const a = A, K = G, m = `scalar-combobox-items-${F()}`;
-    function f(e) {
-      return `${m}-${e.id}`;
+    multiselect: { type: Boolean }
+  }, {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(M) {
+    var S;
+    const u = M, i = j(M, "modelValue"), b = `scalar-combobox-items-${H()}`;
+    function $(e) {
+      return `${b}-${e.id}`;
     }
-    const p = b(
-      () => z(a.options) ? a.options.flatMap((e) => e.options) : a.options
-    ), O = b(
-      () => z(a.options) ? a.options : [{ label: "", options: a.options }]
-    ), r = g(""), n = g(
-      ((C = a.modelValue) == null ? void 0 : C[0]) ?? p.value[0]
-    );
-    M(async () => {
-      var e;
-      r.value = "", n.value = ((e = a.modelValue) == null ? void 0 : e[0]) ?? p.value[0], i.value.length !== 0 && setTimeout(() => {
-        var o;
-        const t = i.value[0];
-        t && ((o = document == null ? void 0 : document.getElementById(f(t))) == null || o.scrollIntoView({ block: "nearest" }));
+    const d = g(
+      () => K(u.options) ? u.options.flatMap((e) => e.options) : u.options
+    ), O = g(
+      () => K(u.options) ? u.options : (
+        /*
+          We know G is an unextended OptionGroup<O> here because of the
+          structure of the component props so we can cast it to G
+        */
+        [{ label: "", options: u.options }]
+      )
+      // G is OptionGroup<O>
+    ), v = h(""), s = h(((S = i.value) == null ? void 0 : S[0]) ?? d.value[0]);
+    E(async () => {
+      var t;
+      v.value = "", s.value = ((t = i.value) == null ? void 0 : t[0]) ?? d.value[0], i.value[0] && setTimeout(() => {
+        var a;
+        const o = i.value[0];
+        o && ((a = document == null ? void 0 : document.getElementById($(o))) == null || a.scrollIntoView({ block: "nearest" }));
       }, 10);
-    }), U(
-      () => r.value,
-      () => n.value = c.value[0]
+    }), J(
+      () => v.value,
+      () => s.value = p.value[0]
+    );
+    const p = g(
+      () => v.value === "" ? d.value : d.value.filter((e) => e.label.toLowerCase().includes(v.value.toLowerCase()))
     );
-    const c = b(
-      () => r.value === "" ? p.value : p.value.filter((e) => e.label.toLowerCase().includes(r.value.toLowerCase()))
-    ), i = b({
-      get: () => a.modelValue ?? [],
-      set: (e) => e && K("update:modelValue", e)
-    });
-    function k(e) {
-      a.multiselect ? i.value.some((t) => t.id === e.id) ? i.value = i.value.filter((t) => t.id !== e.id) : i.value = [...i.value, e] : i.value = [e];
+    function V(e) {
+      e && (u.multiselect ? i.value.some((t) => t.id === e.id) ? i.value = i.value.filter((t) => t.id !== e.id) : i.value = [
+        ...i.value,
+        d.value.find((t) => t.id === e.id)
+      ] : i.value = [d.value.find((t) => t.id === e.id)]);
     }
-    function I(e) {
+    function C(e) {
       var l;
-      const t = c.value, u = t.findIndex((d) => {
-        var s;
-        return d.id === ((s = n.value) == null ? void 0 : s.id);
+      const t = p.value, a = t.findIndex((c) => {
+        var n;
+        return c.id === ((n = s.value) == null ? void 0 : n.id);
       }) + e;
-      u < 0 || u > t.length - 1 || (n.value = t[u], n.value && ((l = document == null ? void 0 : document.getElementById(f(n.value))) == null || l.scrollIntoView({
+      a < 0 || a > t.length - 1 || (s.value = t[a], s.value && ((l = document == null ? void 0 : document.getElementById($(s.value))) == null || l.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       })));
     }
-    const D = g(null);
-    return M(() => setTimeout(() => {
+    const B = h(null);
+    return E(() => setTimeout(() => {
       var e;
-      return (e = D.value) == null ? void 0 : e.focus();
-    }, 0)), (e, t) => (v(), y($, null, [
-      w("div", Z, [
-        j(H(W), { class: "pointer-events-none absolute left-2.5 search-icon text-c-3 size-4" }),
-        B(w("input", {
-          "onUpdate:modelValue": t[0] || (t[0] = (o) => r.value = o),
+      return (e = B.value) == null ? void 0 : e.focus();
+    }, 0)), (e, t) => (r(), m(f, null, [
+      y("div", ee, [
+        T(L(X), { class: "pointer-events-none absolute left-2.5 search-icon text-c-3 size-4" }),
+        N(y("input", {
+          "onUpdate:modelValue": t[0] || (t[0] = (o) => v.value = o),
           ref_key: "input",
-          ref: D,
-          "aria-activedescendant": n.value ? f(n.value) : void 0,
+          ref: B,
+          "aria-activedescendant": s.value ? $(s.value) : void 0,
           "aria-autocomplete": "list",
-          "aria-controls": m,
+          "aria-controls": b,
           class: "min-w-0 flex-1 rounded border-0 py-2.5 pl-8 pr-3 leading-none text-c-1 -outline-offset-1",
           "data-1p-ignore": "",
           placeholder: e.placeholder,
@@ -79,70 +86,83 @@ const Z = { class: "relative flex" }, _ = ["aria-activedescendant", "placeholder
           tabindex: "0",
           type: "text",
           onKeydown: [
-            t[1] || (t[1] = x(h((o) => I(1), ["prevent"]), ["down"])),
-            t[2] || (t[2] = x(h((o) => n.value && k(n.value), ["prevent"]), ["enter"])),
-            t[3] || (t[3] = x(h((o) => I(-1), ["prevent"]), ["up"]))
+            t[1] || (t[1] = x(k((o) => C(1), ["prevent"]), ["down"])),
+            t[2] || (t[2] = x(k((o) => s.value && V(s.value), ["prevent"]), ["enter"])),
+            t[3] || (t[3] = x(k((o) => C(-1), ["prevent"]), ["up"]))
           ]
-        }, null, 40, _), [
-          [J, r.value]
+        }, null, 40, te), [
+          [P, v.value]
         ])
       ]),
-      B(w("ul", {
-        id: m,
+      N(y("ul", {
+        id: b,
         "aria-multiselectable": e.multiselect,
         class: "border-t p-0.75 custom-scroll overscroll-contain flex-1 min-h-0",
         role: "listbox",
         tabindex: "-1"
       }, [
-        S(e.$slots, "before", {}, void 0, !0),
-        (v(!0), y($, null, E(O.value, (o, u) => (v(), N(Y, {
-          id: `${m}-group-${u}`,
-          key: u,
+        w(e.$slots, "before", {}, void 0, !0),
+        (r(!0), m(f, null, A(O.value, (o, a) => (r(), D(Z, {
+          id: `${b}-group-${a}`,
+          key: a,
           hidden: (
             // Only show the group label if there are some results
-            !o.options.some((l) => c.value.some((d) => d.id === l.id)) || // And it has a label
+            !o.options.some((l) => p.value.some((c) => c.id === l.id)) || // And it has a label
             !o.label
           )
         }, {
-          label: V(() => [
-            T(L(o.label), 1)
+          label: I(() => [
+            e.$slots.group ? w(e.$slots, "group", {
+              key: 0,
+              group: o
+            }, void 0, !0) : (r(), m(f, { key: 1 }, [
+              R(G(o.label), 1)
+            ], 64))
           ]),
-          default: V(() => [
-            (v(!0), y($, null, E(c.value, (l) => {
-              var d;
-              return v(), y($, {
+          default: I(() => [
+            (r(!0), m(f, null, A(p.value, (l) => {
+              var c;
+              return r(), m(f, {
                 key: l.id
               }, [
-                o.options.some((s) => s.id === l.id) ? (v(), N(X, {
+                o.options.some((n) => n.id === l.id) ? (r(), D(Y, {
                   key: 0,
-                  id: f(l),
-                  active: ((d = n.value) == null ? void 0 : d.id) === l.id,
-                  isDeletable: l.isDeletable ?? e.isDeletable,
-                  selected: i.value.some((s) => s.id === l.id),
-                  style: Q(e.multiselect ? "checkbox" : "radio"),
-                  onClick: (s) => k(l),
-                  onDelete: (s) => e.$emit("delete", l),
-                  onMousedown: t[4] || (t[4] = h(() => {
+                  id: $(l),
+                  active: ((c = s.value) == null ? void 0 : c.id) === l.id,
+                  selected: i.value.some((n) => n.id === l.id),
+                  onClick: (n) => V(l),
+                  onMousedown: t[4] || (t[4] = k(() => {
                   }, ["prevent"])),
-                  onMouseenter: (s) => n.value = l
+                  onMouseenter: (n) => s.value = l
                 }, {
-                  default: V(() => [
-                    T(L(l.label), 1)
+                  default: I(({ active: n, selected: q }) => [
+                    e.$slots.option ? w(e.$slots, "option", {
+                      key: 0,
+                      option: l,
+                      active: n,
+                      selected: q
+                    }, void 0, !0) : (r(), m(f, { key: 1 }, [
+                      T(L(_), {
+                        selected: i.value.some((z) => z.id === l.id),
+                        multiselect: e.multiselect
+                      }, null, 8, ["selected", "multiselect"]),
+                      y("span", oe, G(l.label), 1)
+                    ], 64))
                   ]),
                   _: 2
-                }, 1032, ["id", "active", "isDeletable", "selected", "style", "onClick", "onDelete", "onMouseenter"])) : P("", !0)
+                }, 1032, ["id", "active", "selected", "onClick", "onMouseenter"])) : Q("", !0)
               ], 64);
             }), 128))
           ]),
           _: 2
         }, 1032, ["id", "hidden"]))), 128)),
-        S(e.$slots, "after", {}, void 0, !0)
-      ], 8, ee), [
-        [R, c.value.length || e.$slots.before || e.$slots.after]
+        w(e.$slots, "after", {}, void 0, !0)
+      ], 8, le), [
+        [W, p.value.length || e.$slots.before || e.$slots.after]
       ])
     ], 64));
   }
 });
 export {
-  ie as default
+  de as default
 };