@scalar/components 0.14.21 → 0.14.23

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

@@ -1,4 +1,4 @@
-const e = "";
+const _ = "";
 export {
-  e as default
+  _ as default
 };

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

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

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

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

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

@@ -1,21 +1,32 @@
 export type Option = {
     id: string;
     label: string;
-    isDeletable?: boolean;
-    [x: string]: any;
 };
-export type OptionGroup = {
+export type OptionGroup<O extends Option = Option> = {
     label: string;
-    options: Option[];
+    options: O[];
 };
+export type OptionsOrGroups<O extends Option = Option, G extends OptionGroup<O> = OptionGroup<O>> = O[] | G[];
 /** Type guard to check if an option is a group */
 export declare function isGroup(option: Option | OptionGroup | undefined): 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[];
 /** Available slots for the combobox */
-export type ComboboxSlots = {
+export type ComboboxSlots<O extends Option = Option, G extends OptionGroup<O> = OptionGroup<O>> = {
     /** The reference element / trigger for the combobox */
-    default(): unknown;
+    default(props: {
+        open: boolean;
+    }): unknown;
+    /** A template to override the option label */
+    option?(props: {
+        option: O;
+        active: boolean;
+        selected: boolean;
+    }): unknown;
+    /** A template to override the group label */
+    group?(props: {
+        group: G;
+    }): unknown;
     /** A slot for contents before the combobox options */
     before?(): unknown;
     /** A slot for contents after the combobox options */

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,kDAAkD;AAClD,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,IAAI,WAAW,CAEvF;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,IAAI,WAAW,EAAE,CAEpF;AAED,uCAAuC;AACvC,MAAM,MAAM,aAAa,GAAG;IAC1B,uDAAuD;IACvD,OAAO,IAAI,OAAO,CAAA;IAClB,sDAAsD;IACtD,MAAM,CAAC,IAAI,OAAO,CAAA;IAClB,qDAAqD;IACrD,KAAK,CAAC,IAAI,OAAO,CAAA;CAClB,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;CACd,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,EAAE,CAAA;CACb,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;AAE7G,kDAAkD;AAClD,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,IAAI,WAAW,CAEvF;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,IAAI,WAAW,EAAE,CAKpF;AAED,uCAAuC;AACvC,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI;IAChG,uDAAuD;IACvD,OAAO,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;IAC1C,8CAA8C;IAC9C,MAAM,CAAC,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;IAC1E,6CAA6C;IAC7C,KAAK,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,GAAG,OAAO,CAAA;IACpC,sDAAsD;IACtD,MAAM,CAAC,IAAI,OAAO,CAAA;IAClB,qDAAqD;IACrD,KAAK,CAAC,IAAI,OAAO,CAAA;CAClB,CAAA"}

package/dist/components/ScalarCombobox/types.js

@@ -1,10 +1,10 @@
 function u(r) {
   return (r == null ? void 0 : r.options) !== void 0;
 }
-function s(r) {
-  return u(r[0]);
+function e(r) {
+  return r[0] ? u(r[0]) : !1;
 }
 export {
   u as isGroup,
-  s as isGroups
+  e as isGroups
 };

package/dist/components/ScalarListbox/ScalarListbox.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as c, createBlock as i, openBlock as o, unref as t, withCtx as l, createCommentVNode as s, createVNode as r, createTextVNode as b, toDisplayString as y, mergeProps as p, renderSlot as V, createElementBlock as d, createElementVNode as B, Fragment as _, renderList as g, normalizeStyle as k } from "vue";
-import { Listbox as x, ListboxLabel as L, ListboxButton as h, ListboxOptions as $ } from "@headlessui/vue";
-import { useBindCx as N } from "@scalar/use-hooks/useBindCx";
-import S from "./ScalarListboxItem.vue.js";
+import { defineComponent as c, createBlock as i, openBlock as o, unref as t, withCtx as l, createCommentVNode as n, createVNode as r, createTextVNode as b, toDisplayString as V, mergeProps as p, renderSlot as y, createElementBlock as u, createElementVNode as B, Fragment as _, renderList as g } from "vue";
+import { Listbox as L, ListboxLabel as k, ListboxButton as x, ListboxOptions as $ } from "@headlessui/vue";
+import { useBindCx as h } from "@scalar/use-hooks/useBindCx";
+import N from "./ScalarListboxItem.vue.js";
 import C from "../ScalarFloating/ScalarFloating.vue.js";
-import v from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
-const w = { class: "custom-scroll min-h-0 flex-1" }, P = /* @__PURE__ */ c({
+import S from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
+const v = { class: "custom-scroll min-h-0 flex-1" }, D = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "ScalarListbox",
   props: {
@@ -21,53 +21,53 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, P = /* @__PURE__ */ c({
     teleport: { type: [Boolean, String] }
   },
   emits: ["update:modelValue"],
-  setup(z) {
-    const { cx: u } = N();
-    return (e, m) => (o(), i(t(x), {
+  setup(w) {
+    const { cx: d } = h();
+    return (e, m) => (o(), i(t(L), {
       modelValue: e.modelValue,
       multiple: e.multiple,
       "onUpdate:modelValue": m[0] || (m[0] = (a) => e.$emit("update:modelValue", a))
     }, {
       default: l(({ open: a }) => [
-        e.label ? (o(), i(t(L), {
+        e.label ? (o(), i(t(k), {
           key: 0,
           class: "sr-only"
         }, {
           default: l(() => [
-            b(y(e.label), 1)
+            b(V(e.label), 1)
           ]),
           _: 1
-        })) : s("", !0),
+        })) : n("", !0),
         r(t(C), p(e.$props, {
           placement: e.placement ?? "bottom-start"
         }), {
           floating: l(({ width: f }) => [
-            a ? (o(), d("div", p({
+            a ? (o(), u("div", p({
               key: 0,
               style: { width: f }
-            }, t(u)("relative flex max-h-[inherit] w-40 rounded text-sm")), [
-              B("div", w, [
+            }, t(d)("relative flex max-h-[inherit] w-40 rounded text-sm")), [
+              B("div", v, [
                 r(t($), { class: "flex flex-col gap-0.75 p-0.75 -outline-offset-1" }, {
                   default: l(() => [
-                    (o(!0), d(_, null, g(e.options, (n) => (o(), i(S, {
-                      key: n.id,
-                      option: n,
-                      style: k(e.multiple ? "checkbox" : "radio")
-                    }, null, 8, ["option", "style"]))), 128))
+                    (o(!0), u(_, null, g(e.options, (s) => (o(), i(N, {
+                      key: s.id,
+                      option: s,
+                      multiselect: e.multiple
+                    }, null, 8, ["option", "multiselect"]))), 128))
                   ]),
                   _: 1
                 })
               ]),
-              r(t(v))
-            ], 16)) : s("", !0)
+              r(t(S))
+            ], 16)) : n("", !0)
           ]),
           default: l(() => [
-            r(t(h), {
+            r(t(x), {
               id: e.id,
               as: "template"
             }, {
               default: l(() => [
-                V(e.$slots, "default", { open: a })
+                y(e.$slots, "default", { open: a })
               ]),
               _: 2
             }, 1032, ["id"])
@@ -80,5 +80,5 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, P = /* @__PURE__ */ c({
   }
 });
 export {
-  P as default
+  D as default
 };

package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.d.ts

@@ -1,7 +1,6 @@
-import type { OptionStyle } from './types';
 type __VLS_Props = {
     selected?: boolean;
-    style?: OptionStyle;
+    multiselect?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarListboxCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListboxCheckbox.vue"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAC;;AAuEF,wBAOG"}
+{"version":3,"file":"ScalarListboxCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListboxCheckbox.vue"],"names":[],"mappings":"AA2BA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;AAuEF,wBAOG"}

package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.js

@@ -1,23 +1,23 @@
-import { defineComponent as o, createElementBlock as r, openBlock as t, normalizeClass as c, createBlock as s, createCommentVNode as n, unref as a } from "vue";
-import { ScalarIconCheck as l } from "@scalar/icons";
+import { defineComponent as o, createElementBlock as r, openBlock as t, normalizeClass as c, createBlock as l, createCommentVNode as s, unref as n } from "vue";
+import { ScalarIconCheck as a } from "@scalar/icons";
 const u = /* @__PURE__ */ o({
   __name: "ScalarListboxCheckbox",
   props: {
     selected: { type: Boolean },
-    style: {}
+    multiselect: { type: Boolean }
   },
   setup(d) {
-    return (e, p) => (t(), r("div", {
+    return (e, i) => (t(), r("div", {
       class: c(["flex size-4 items-center justify-center p-0.75", [
         e.selected ? "bg-c-accent text-b-1" : "text-transparent shadow-border",
-        e.style === "checkbox" ? "rounded" : "rounded-full"
+        e.multiselect ? "rounded" : "rounded-full"
       ]])
     }, [
-      e.selected ? (t(), s(a(l), {
+      e.selected ? (t(), l(n(a), {
         key: 0,
         class: "size-3",
         weight: "bold"
-      })) : n("", !0)
+      })) : s("", !0)
     ], 2));
   }
 });

package/dist/components/ScalarListbox/ScalarListboxItem.vue.d.ts

@@ -1,7 +1,7 @@
-import type { Option, OptionStyle } from './types';
+import type { Option } from './types';
 type __VLS_Props = {
     option: Option;
-    style?: OptionStyle;
+    multiselect?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/ScalarListbox/ScalarListboxItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarListboxItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListboxItem.vue"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAC;;AAmGF,wBAOG"}
+{"version":3,"file":"ScalarListboxItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListboxItem.vue"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIrC,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;AAmGF,wBAOG"}

package/dist/components/ScalarListbox/ScalarListboxItem.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as l, createBlock as s, openBlock as p, unref as t, withCtx as c, createElementVNode as a, normalizeClass as n, createVNode as m, normalizeStyle as d, toDisplayString as u } from "vue";
-import { ListboxOption as b } from "@headlessui/vue";
-import { cva as f, cx as v } from "@scalar/use-hooks/useBindCx";
-import y from "./ScalarListboxCheckbox.vue.js";
-const C = /* @__PURE__ */ l({
+import { defineComponent as r, createBlock as s, openBlock as p, unref as t, withCtx as c, createElementVNode as i, normalizeClass as a, createVNode as m, toDisplayString as u } from "vue";
+import { ListboxOption as d } from "@headlessui/vue";
+import { cva as b, cx as f } from "@scalar/use-hooks/useBindCx";
+import v from "./ScalarListboxCheckbox.vue.js";
+const w = /* @__PURE__ */ r({
   __name: "ScalarListboxItem",
   props: {
     option: {},
-    style: {}
+    multiselect: { type: Boolean }
   },
   setup(g) {
-    const r = f({
+    const n = b({
       base: [
         // Layout
         "group/item",
@@ -25,21 +25,21 @@ const C = /* @__PURE__ */ l({
         disabled: { true: "pointer-events-none opacity-50" }
       }
     });
-    return (e, x) => (p(), s(t(b), {
+    return (e, x) => (p(), s(t(d), {
       as: "template",
       disabled: e.option.disabled,
       value: e.option
     }, {
-      default: c(({ active: i, selected: o }) => [
-        a("li", {
-          class: n(t(v)(t(r)({ active: i, selected: o, disabled: e.option.disabled })))
+      default: c(({ active: l, selected: o }) => [
+        i("li", {
+          class: a(t(f)(t(n)({ active: l, selected: o, disabled: e.option.disabled })))
         }, [
-          m(y, {
+          m(v, {
             selected: o,
-            style: d(e.style)
-          }, null, 8, ["selected", "style"]),
-          a("span", {
-            class: n(["inline-block min-w-0 flex-1 truncate", e.option.color ? e.option.color : "text-c-1"])
+            multiselect: e.multiselect
+          }, null, 8, ["selected", "multiselect"]),
+          i("span", {
+            class: a(["inline-block min-w-0 flex-1 truncate", e.option.color ? e.option.color : "text-c-1"])
           }, u(e.option.label), 3)
         ], 2)
       ]),
@@ -48,5 +48,5 @@ const C = /* @__PURE__ */ l({
   }
 });
 export {
-  C as default
+  w as default
 };

package/dist/components/ScalarListbox/index.d.ts

@@ -1,5 +1,5 @@
 export { default as ScalarListbox } from './ScalarListbox.vue.js';
 export { default as ScalarListboxItem } from './ScalarListboxItem.vue.js';
 export { default as ScalarListboxCheckbox } from './ScalarListboxCheckbox.vue.js';
-export type { Option as ScalarListboxOption, OptionStyle as ScalarListboxOptionStyle, } from './types';
+export type { Option as ScalarListboxOption } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarListbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE9E,YAAY,EACV,MAAM,IAAI,mBAAmB,EAC7B,WAAW,IAAI,wBAAwB,GACxC,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE9E,YAAY,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAA"}

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

@@ -4,5 +4,4 @@ export type Option = {
     disabled?: boolean;
     [x: string]: any;
 };
-export type OptionStyle = 'radio' | 'checkbox';
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,UAAU,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA"}