@scalar/components 0.14.21 → 0.14.22

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

@@ -1,74 +1,43 @@
 import type { StoryObj } from '@storybook/vue3';
 import type { Option, OptionGroup } from './types.js';
 declare const meta: {
-    component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-            options: Option[] | OptionGroup[];
-            modelValue?: Option;
-            placeholder?: string;
-        } & import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{
-            "onUpdate:modelValue"?: ((v: Option) => any) | undefined;
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-            "update:modelValue": (v: Option) => any;
-        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            options: Option[] | OptionGroup[];
-            modelValue?: Option;
-            placeholder?: string;
-        } & import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{
-            "onUpdate:modelValue"?: ((v: Option) => any) | undefined;
-        }>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<{
-        options: Option[] | OptionGroup[];
-        modelValue?: Option;
-        placeholder?: string;
-    } & import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{
-        "onUpdate:modelValue"?: ((v: Option) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        "update:modelValue": (v: Option) => any;
-    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: Readonly<{
-            default(props: {
-                open: boolean;
-            }): unknown;
-            before?(props: {
-                open: boolean;
-            }): unknown;
-            after?(props: {
-                open: boolean;
-            }): unknown;
-        }> & {
-            default(props: {
-                open: boolean;
-            }): unknown;
-            before?(props: {
-                open: boolean;
-            }): unknown;
-            after?(props: {
-                open: boolean;
-            }): unknown;
-        };
-    });
+    component: <O extends Option = Option, G extends OptionGroup<O> = OptionGroup<O>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        slots: Readonly<import("./types.js").ComboboxSlots<O, G>> & import("./types.js").ComboboxSlots<O, G>;
+        attrs: any;
+        emit: (evt: "update:modelValue", value: O) => void;
+    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: {
+            readonly "onUpdate:modelValue"?: ((value: O) => any) | undefined;
+            modelValue?: O | undefined;
+            options: import("./types.js").OptionsOrGroups<O, G>;
+            placeholder?: string | undefined;
+            placement?: import("@floating-ui/utils").Placement | undefined;
+            offset?: import("@floating-ui/vue").OffsetOptions | undefined;
+            resize?: boolean | undefined;
+            target?: (string | HTMLElement) | undefined;
+            middleware?: import("@floating-ui/vue").Middleware[] | undefined;
+            teleport?: (boolean | string) | undefined;
+        } & import("vue").PublicProps;
+        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: Readonly<import("./types.js").ComboboxSlots<O, G>> & import("./types.js").ComboboxSlots<O, G>;
+        emit: (evt: "update:modelValue", value: O) => void;
+    }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> & {
+        __ctx?: Awaited<typeof __VLS_setup>;
+    };
     tags: string[];
     argTypes: {
         resize: {
-            control: "boolean";
+            control: string;
         };
         placement: {
-            control: "select";
+            control: string;
             options: import("@floating-ui/utils").Placement[];
         };
         class: {
-            control: "text";
+            control: string;
         };
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCombobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAqClC,eAAO,MAAM,IAAI,EAAE,KA0BlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA0BpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAA"}
+{"version":3,"file":"ScalarCombobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAOrD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAUlD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;+BA+Pu4C,KAAK;;;;;;;;;;;;;;;;;;;;;;CAlPx2C,CAAA;AAE9C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAkDlC,eAAO,MAAM,IAAI,EAAE,KAyBlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAyBpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAyB/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+CvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA4B3B,CAAA"}

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

@@ -1,45 +1,25 @@
 import type { ScalarFloatingOptions } from '../ScalarFloating';
-import type { Option, OptionGroup } from './types.js';
-type Props = {
-    options: Option[] | OptionGroup[];
-    modelValue?: Option;
-    placeholder?: string;
-} & ScalarFloatingOptions;
-type SlotProps = {
-    /** Whether or not the combobox is open */
-    open: boolean;
+import type { ComboboxSlots, Option, OptionGroup, 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;
+    } & ScalarFloatingOptions)> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<ComboboxSlots<O, G>> & ComboboxSlots<O, G>;
+    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<{
-        /** The reference element for the combobox */
-        default(props: SlotProps): unknown;
-        /** A slot for contents before the combobox options */
-        before?(props: SlotProps): unknown;
-        /** A slot for contents after the combobox options */
-        after?(props: SlotProps): unknown;
-    }> & {
-        /** The reference element for the combobox */
-        default(props: SlotProps): unknown;
-        /** A slot for contents before the combobox options */
-        before?(props: SlotProps): unknown;
-        /** A slot for contents after the combobox options */
-        after?(props: SlotProps): unknown;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (v: Option) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    "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=ScalarCombobox.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.vue"],"names":[],"mappings":"AA4EA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,qBAAqB,CAAA;AAEzB,KAAK,SAAS,GAAG;IACf,0CAA0C;IAC1C,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AA+BD,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;QAzGhD,6CAA6C;uBAC9B,SAAS,GAAG,OAAO;QAClC,sDAAsD;uBACvC,SAAS,GAAG,OAAO;QAClC,qDAAqD;sBACvC,SAAS,GAAG,OAAO;;QALjC,6CAA6C;uBAC9B,SAAS,GAAG,OAAO;QAClC,sDAAsD;uBACvC,SAAS,GAAG,OAAO;QAClC,qDAAqD;sBACvC,SAAS,GAAG,OAAO;;;;EAyGlC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,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":"ScalarCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.vue"],"names":[],"mappings":"AA2EA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EACV,aAAa,EACb,MAAM,EACN,WAAW,EACX,eAAe,EAChB,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;WAuJxD,mBAAmB,CAAC;;;qBAhIjB,CAAC;;iBAnBD,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;sBAChB,MAAM;8BAkJ+F,CAAC,4BAA2B;oBAChI,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;YAK+B,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjKvE,wBAiK4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,11 +1,10 @@
-import { defineComponent as n, createBlock as s, openBlock as i, withCtx as t, createVNode as f, createSlots as u, renderSlot as l } from "vue";
-import V from "./ScalarComboboxOptions.vue.js";
-import b from "./ScalarComboboxPopover.vue.js";
-const y = /* @__PURE__ */ n({
+import { defineComponent as m, mergeModels as i, useModel as f, createBlock as u, openBlock as b, withCtx as o, createVNode as g, createSlots as $, renderSlot as l, normalizeProps as s, guardReactiveProps as p } from "vue";
+import v from "./ScalarComboboxOptions.vue.js";
+import V from "./ScalarComboboxPopover.vue.js";
+const w = /* @__PURE__ */ m({
   __name: "ScalarCombobox",
-  props: {
+  props: /* @__PURE__ */ i({
     options: {},
-    modelValue: {},
     placeholder: {},
     placement: {},
     offset: { type: [Number, Object, Function] },
@@ -13,14 +12,14 @@ const y = /* @__PURE__ */ n({
     target: {},
     middleware: {},
     teleport: { type: [Boolean, String] }
-  },
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
   emits: ["update:modelValue"],
-  setup(c, { emit: a }) {
-    const r = a;
-    function p(e) {
-      e && r("update:modelValue", e);
-    }
-    return (e, h) => (i(), s(b, {
+  setup(n) {
+    const r = f(n, "modelValue");
+    return (e, c) => (b(), u(V, {
       middleware: e.middleware,
       offset: e.offset,
       placement: e.placement ?? "bottom-start",
@@ -28,30 +27,44 @@ const y = /* @__PURE__ */ n({
       target: e.target,
       teleport: e.teleport
     }, {
-      default: t(({ open: o }) => [
-        l(e.$slots, "default", { open: o })
+      default: o(({ open: a }) => [
+        l(e.$slots, "default", { open: a })
       ]),
-      popover: t(({ open: o, close: d }) => [
-        f(V, {
-          modelValue: e.modelValue ? [e.modelValue] : [],
-          open: o,
+      popover: o(({ open: a, close: d }) => [
+        g(v, {
+          modelValue: r.value ? [r.value] : [],
+          open: a,
           options: e.options,
           placeholder: e.placeholder,
-          "onUpdate:modelValue": (m) => [p(m[0]), d()]
-        }, u({ _: 2 }, [
+          "onUpdate:modelValue": (t) => (d(), r.value = t[0])
+        }, $({ _: 2 }, [
           e.$slots.before ? {
             name: "before",
-            fn: t(() => [
-              l(e.$slots, "before", { open: o })
+            fn: o(() => [
+              l(e.$slots, "before")
             ]),
             key: "0"
           } : void 0,
+          e.$slots.option ? {
+            name: "option",
+            fn: o((t) => [
+              l(e.$slots, "option", s(p(t)))
+            ]),
+            key: "1"
+          } : void 0,
+          e.$slots.group ? {
+            name: "group",
+            fn: o((t) => [
+              l(e.$slots, "group", s(p(t)))
+            ]),
+            key: "2"
+          } : void 0,
           e.$slots.after ? {
             name: "after",
-            fn: t(() => [
-              l(e.$slots, "after", { open: o })
+            fn: o(() => [
+              l(e.$slots, "after")
             ]),
-            key: "1"
+            key: "3"
           } : void 0
         ]), 1032, ["modelValue", "open", "options", "placeholder", "onUpdate:modelValue"])
       ]),
@@ -60,5 +73,5 @@ const y = /* @__PURE__ */ n({
   }
 });
 export {
-  y as default
+  w as default
 };

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

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

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

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