@scalar/components 0.12.44 → 0.12.46

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"names":[],"mappings":";aAiJa,MAAM,GAAG,MAAM;WACjB,MAAM;kBACC,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;;;;;aAH1B,MAAM,GAAG,MAAM;WACjB,MAAM;kBACC,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;;;;;UAF5B,MAAM;iBACC,OAAO;;AA0GzB,wBAMG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"ScalarCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"names":[],"mappings":";aAsJa,MAAM,GAAG,MAAM;WACjB,MAAM;kBACC,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;;;;;aAH1B,MAAM,GAAG,MAAM;WACjB,MAAM;kBACC,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;;;;;UAF5B,MAAM;iBACC,OAAO;;AA8GzB,wBAMG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as u, computed as l, openBlock as s, createElementBlock as r, createElementVNode as o, unref as t, createVNode as C, createCommentVNode as f } from "vue";
 import { syntaxHighlight as h, standardLanguages as _ } from "@scalar/code-highlight";
-import { prettyPrintJson as a } from "../../helpers/oas-utils.js";
+import { prettyPrintJson as c } from "../../helpers/oas-utils.js";
 import { useClipboard as b } from "./useClipboard.js";
 import g from "../ScalarIcon/ScalarIcon.vue.js";
 const y = { class: "scalar-code-block custom-scroll" }, k = { class: "scalar-code-copy" }, N = /* @__PURE__ */ o("span", { class: "sr-only" }, "Copy content", -1), v = ["innerHTML"], E = /* @__PURE__ */ u({
@@ -11,20 +11,20 @@ const y = { class: "scalar-code-block custom-scroll" }, k = { class: "scalar-cod
     lineNumbers: { type: Boolean, default: !1 },
     hideCredentials: {}
   },
-  setup(c) {
-    const e = c, i = l(() => h(a(e.content), {
+  setup(a) {
+    const e = a, i = l(() => h(c(e.content), {
       lang: e.lang.trim(),
       languages: _,
       lineNumbers: e.lineNumbers,
       maskCredentials: e.hideCredentials
-    }).slice(5, -6)), { copyToClipboard: d } = b(), p = l(() => e.content !== null && e.content !== "null");
+    }).slice(5, -6)), { copyToClipboard: d } = b(), p = l(() => e.content !== null && e.content !== "null" && e.content !== "404 Not Found");
     return (m, n) => (s(), r("div", y, [
       o("div", k, [
         p.value ? (s(), r("button", {
           key: 0,
           class: "copy-button",
           type: "button",
-          onClick: n[0] || (n[0] = (x) => t(d)(t(a)(e.content)))
+          onClick: n[0] || (n[0] = (x) => t(d)(t(c)(e.content)))
         }, [
           N,
           C(t(g), {

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

@@ -17,7 +17,10 @@ declare const meta: {
                 type: import("vue").PropType<boolean>;
             };
             placement: {
-                type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            };
+            targetRef: {
+                type: import("vue").PropType<HTMLElement>;
             };
             isOpen: {
                 type: import("vue").PropType<boolean>;
@@ -44,7 +47,10 @@ declare const meta: {
                 type: import("vue").PropType<boolean>;
             };
             placement: {
-                type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            };
+            targetRef: {
+                type: import("vue").PropType<HTMLElement>;
             };
             isOpen: {
                 type: import("vue").PropType<boolean>;
@@ -76,7 +82,10 @@ declare const meta: {
                 type: import("vue").PropType<boolean>;
             };
             placement: {
-                type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            };
+            targetRef: {
+                type: import("vue").PropType<HTMLElement>;
             };
             isOpen: {
                 type: import("vue").PropType<boolean>;
@@ -105,7 +114,10 @@ declare const meta: {
             type: import("vue").PropType<boolean>;
         };
         placement: {
-            type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+        };
+        targetRef: {
+            type: import("vue").PropType<HTMLElement>;
         };
         isOpen: {
             type: import("vue").PropType<boolean>;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAY6B,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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAY6B,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"}

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

@@ -9,12 +9,13 @@ const B = /* @__PURE__ */ a({
     placeholder: {},
     placement: {},
     resize: { type: Boolean },
+    targetRef: {},
     isOpen: { type: Boolean },
     teleport: { type: [Boolean, String] }
   },
   emits: ["update:modelValue"],
   setup(u) {
-    return (e, c) => (r(), n(i, {
+    return (e, f) => (r(), n(i, {
       isOpen: e.isOpen,
       placement: e.placement ?? "bottom-start",
       resize: e.resize,

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

@@ -2,11 +2,13 @@ import type { FloatingOptions } from '../ScalarFloating';
 import type { Option, OptionGroup } from './types.js';
 declare function __VLS_template(): {
     default?(_: {}): any;
+    actions?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     options: Option[] | OptionGroup[];
     modelValue?: Option[];
     placeholder?: string;
+    isDeletable?: boolean;
 } & Omit<FloatingOptions, "middleware">>, {
     comboboxPopoverRef: import("vue").Ref<({
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
@@ -14,7 +16,10 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
                 type: import("vue").PropType<boolean>;
             };
             placement: {
-                type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            };
+            targetRef: {
+                type: import("vue").PropType<HTMLElement>;
             };
             isOpen: {
                 type: import("vue").PropType<boolean>;
@@ -61,7 +66,10 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
                 type: import("vue").PropType<boolean>;
             };
             placement: {
-                type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            };
+            targetRef: {
+                type: import("vue").PropType<HTMLElement>;
             };
             isOpen: {
                 type: import("vue").PropType<boolean>;
@@ -81,7 +89,10 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
                 type: import("vue").PropType<boolean>;
             };
             placement: {
-                type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            };
+            targetRef: {
+                type: import("vue").PropType<HTMLElement>;
             };
             isOpen: {
                 type: import("vue").PropType<boolean>;
@@ -132,7 +143,10 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
             type: import("vue").PropType<boolean>;
         };
         placement: {
-            type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+        };
+        targetRef: {
+            type: import("vue").PropType<HTMLElement>;
         };
         isOpen: {
             type: import("vue").PropType<boolean>;
@@ -185,11 +199,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
     })) | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (v: Option[]) => void;
+    delete: (option: Option) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     options: Option[] | OptionGroup[];
     modelValue?: Option[];
     placeholder?: string;
+    isDeletable?: boolean;
 } & Omit<FloatingOptions, "middleware">>>> & {
+    onDelete?: ((option: Option) => any) | undefined;
     "onUpdate:modelValue"?: ((v: Option[]) => any) | undefined;
 }, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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":"AAgDA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGxD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA6BlD,iBAAS,cAAc;qBAuDM,GAAG;EAkB/B;AACD,QAAA,MAAM,eAAe;aAlGR,MAAM,EAAE,GAAG,WAAW,EAAE;iBACpB,MAAM,EAAE;kBACP,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAZxB,KANK,eAML,KANyB,uBAMzB,KANqD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAMrD,KANK,eAML,KANyB,uBAMzB,KANqD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAgBxC,MAAM,EAAE,GAAG,WAAW,EAAE;iBACpB,MAAM,EAAE;kBACP,MAAM;;;UAwGtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"ScalarComboboxMultiselect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxMultiselect.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGxD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA+BlD,iBAAS,cAAc;qBA+EM,GAAG;qBACF,GAAG;EAkBhC;AACD,QAAA,MAAM,eAAe;aA7HR,MAAM,EAAE,GAAG,WAAW,EAAE;iBACpB,MAAM,EAAE;kBACP,MAAM;kBACN,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAbzB,KApBqC,eAoBrC,KAnBc,uBAmBd,KAlBK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAkBL,KApBqC,eAoBrC,KAnBc,uBAmBd,KAlBK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA4BQ,MAAM,EAAE,GAAG,WAAW,EAAE;iBACpB,MAAM,EAAE;kBACP,MAAM;kBACN,OAAO;;;;UAkIvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,45 +1,58 @@
-import { defineComponent as n, ref as m, openBlock as s, createBlock as i, withCtx as t, createVNode as d, renderSlot as u } from "vue";
-import f from "./ScalarComboboxOptions.vue.js";
-import c from "./ScalarComboboxPopover.vue.js";
-const y = /* @__PURE__ */ n({
+import { defineComponent as d, ref as u, openBlock as t, createBlock as p, withCtx as n, createElementVNode as f, createCommentVNode as a, createElementBlock as b, renderSlot as r } from "vue";
+import c from "./ScalarComboboxOptions.vue.js";
+import V from "./ScalarComboboxPopover.vue.js";
+const y = { class: "divide-1 divide-y" }, v = {
+  key: 1,
+  class: "p-0.75"
+}, D = /* @__PURE__ */ d({
   __name: "ScalarComboboxMultiselect",
   props: {
     options: {},
     modelValue: {},
     placeholder: {},
+    isDeletable: { type: Boolean },
     placement: {},
     resize: { type: Boolean },
+    targetRef: {},
     isOpen: { type: Boolean },
     teleport: { type: [Boolean, String] }
   },
-  emits: ["update:modelValue"],
-  setup(V, { expose: p }) {
-    const o = m(null);
-    return p({ comboboxPopoverRef: o }), (e, l) => (s(), i(c, {
+  emits: ["update:modelValue", "delete"],
+  setup(B, { expose: i }) {
+    const s = u(null);
+    return i({ comboboxPopoverRef: s }), (e, o) => (t(), p(V, {
       ref_key: "comboboxPopoverRef",
-      ref: o,
+      ref: s,
       isOpen: e.isOpen,
       placement: e.placement ?? "bottom-start",
       resize: e.resize,
       teleport: e.teleport
     }, {
-      popover: t(({ open: r }) => [
-        d(f, {
-          modelValue: e.modelValue,
-          multiselect: "",
-          open: r,
-          options: e.options,
-          placeholder: e.placeholder,
-          "onUpdate:modelValue": l[0] || (l[0] = (a) => e.$emit("update:modelValue", a))
-        }, null, 8, ["modelValue", "open", "options", "placeholder"])
+      popover: n(({ open: m }) => [
+        f("div", y, [
+          e.options && e.options.length ? (t(), p(c, {
+            key: 0,
+            isDeletable: e.isDeletable,
+            modelValue: e.modelValue,
+            multiselect: "",
+            open: m,
+            options: e.options,
+            placeholder: e.placeholder,
+            onDelete: o[0] || (o[0] = (l) => e.$emit("delete", l)),
+            "onUpdate:modelValue": o[1] || (o[1] = (l) => e.$emit("update:modelValue", l))
+          }, null, 8, ["isDeletable", "modelValue", "open", "options", "placeholder"])) : a("", !0),
+          e.$slots.actions ? (t(), b("div", v, [
+            r(e.$slots, "actions")
+          ])) : a("", !0)
+        ])
       ]),
-      default: t(() => [
-        u(e.$slots, "default")
+      default: n(() => [
+        r(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["isOpen", "placement", "resize", "teleport"]));
   }
 });
 export {
-  y as default
+  D as default
 };

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

@@ -5,10 +5,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
     active?: boolean;
     selected?: boolean;
     style?: "radio" | "checkbox";
+    isDeletable?: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     active?: boolean;
     selected?: boolean;
     style?: "radio" | "checkbox";
+    isDeletable?: boolean;
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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":"AA8EA,iBAAS,cAAc;qBAuDM,GAAG;EAiB/B;AACD,QAAA,MAAM,eAAe;aApGV,OAAO;eACL,OAAO;YACV,OAAO,GAAG,UAAU;;aAFnB,OAAO;eACL,OAAO;YACV,OAAO,GAAG,UAAU;aAwG5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"ScalarComboboxOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.vue"],"names":[],"mappings":"AAuFA,iBAAS,cAAc;qBA2FM,GAAG;EAiB/B;AACD,QAAA,MAAM,eAAe;aAzIV,OAAO;eACL,OAAO;YACV,OAAO,GAAG,UAAU;kBACd,OAAO;;aAHZ,OAAO;eACL,OAAO;YACV,OAAO,GAAG,UAAU;kBACd,OAAO;aA4IrB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

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

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

@@ -5,15 +5,19 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     placeholder?: string;
     open?: boolean;
     multiselect?: boolean;
+    isDeletable?: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (v: Option[]) => void;
+    delete: (option: Option) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     options: Option[] | OptionGroup[];
     modelValue?: Option[];
     placeholder?: string;
     open?: boolean;
     multiselect?: boolean;
+    isDeletable?: boolean;
 }>>> & {
+    onDelete?: ((option: Option) => any) | undefined;
     "onUpdate:modelValue"?: ((v: Option[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

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":"AAwJA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAY,MAAM,SAAS,CAAA;;aAKtD,MAAM,EAAE,GAAG,WAAW,EAAE;iBACpB,MAAM,EAAE;kBACP,MAAM;WACb,OAAO;kBACA,OAAO;;;;aAJZ,MAAM,EAAE,GAAG,WAAW,EAAE;iBACpB,MAAM,EAAE;kBACP,MAAM;WACb,OAAO;kBACA,OAAO;;;;AA8PvB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"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;;aAKtD,MAAM,EAAE,GAAG,WAAW,EAAE;iBACpB,MAAM,EAAE;kBACP,MAAM;WACb,OAAO;kBACA,OAAO;kBACP,OAAO;;;;;aALZ,MAAM,EAAE,GAAG,WAAW,EAAE;iBACpB,MAAM,EAAE;kBACP,MAAM;WACb,OAAO;kBACA,OAAO;kBACP,OAAO;;;;;AA+QvB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as E, computed as f, ref as S, watch as M, openBlock as i, createElementBlock as u, Fragment as p, createElementVNode as b, createVNode as K, unref as w, withDirectives as $, withKeys as h, withModifiers as x, vModelText as T, renderList as B, toDisplayString as I, createCommentVNode as _, createBlock as q, normalizeStyle as F, withCtx as G, createTextVNode as O, vShow as U } from "vue";
+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";
@@ -14,94 +14,97 @@ const P = { class: "relative flex" }, Q = ["aria-controls", "placeholder"], R =
     modelValue: {},
     placeholder: {},
     open: { type: Boolean },
-    multiselect: { type: Boolean }
+    multiselect: { type: Boolean },
+    isDeletable: { type: Boolean }
   },
-  emits: ["update:modelValue"],
-  setup(L, { emit: z }) {
-    var g;
-    const o = L, A = z, k = j(), y = f(
-      () => N(o.options) ? o.options.flatMap((t) => t.options) : o.options
-    ), D = f(
+  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 = S(""), r = S(((g = o.modelValue) == null ? void 0 : g[0]) ?? y.value[0]);
-    M(
+    ), s = $(""), r = $(((C = o.modelValue) == null ? void 0 : C[0]) ?? x.value[0]);
+    g(
       () => o.open,
       () => s.value = ""
-    ), M(
+    ), g(
       () => s.value,
-      () => r.value = d.value[0]
+      () => r.value = c.value[0]
     );
-    const d = f(
-      () => s.value === "" ? y.value : y.value.filter((t) => t.label.toLowerCase().includes(s.value.toLowerCase()))
+    const c = f(
+      () => s.value === "" ? x.value : x.value.filter((e) => e.label.toLowerCase().includes(s.value.toLowerCase()))
     ), a = f({
       get: () => o.modelValue ?? [],
-      set: (t) => t && A("update:modelValue", t)
+      set: (e) => e && z("update:modelValue", e)
     });
-    function V(t) {
-      o.multiselect ? a.value.some((e) => e.id === t.id) ? a.value = a.value.filter((e) => e.id !== t.id) : a.value = [...a.value, t] : a.value = [t];
+    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 C(t) {
-      const e = d.value, c = e.findIndex((l) => l.id === r.value.id) + t;
-      c < 0 || c > e.length - 1 || (r.value = e[c]);
+    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]);
     }
-    return (t, e) => (i(), u(p, null, [
-      b("div", P, [
+    return (e, t) => (i(), u(m, null, [
+      y("div", P, [
         K(w(J), {
           class: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-c-3",
           icon: "Search",
           size: "sm"
         }),
-        $(b("input", {
-          "onUpdate:modelValue": e[0] || (e[0] = (n) => s.value = n),
+        S(y("input", {
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => s.value = n),
           "aria-autocomplete": "list",
           "aria-controls": w(k),
           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: t.placeholder,
+          placeholder: e.placeholder,
           role: "combobox",
           tabindex: "0",
           type: "text",
           onKeydown: [
-            e[1] || (e[1] = h(x((n) => C(1), ["prevent"]), ["down"])),
-            e[2] || (e[2] = h(x((n) => V(r.value), ["prevent"]), ["enter"])),
-            e[3] || (e[3] = h(x((n) => C(-1), ["prevent"]), ["up"]))
+            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"]))
           ]
         }, null, 40, Q), [
           [T, s.value]
         ])
       ]),
-      $(b("ul", {
+      S(y("ul", {
         id: w(k),
         class: "border-t p-0.75"
       }, [
-        (i(!0), u(p, null, B(D.value, (n, c) => (i(), u(p, { key: c }, [
+        (i(!0), u(m, null, B(A.value, (n, v) => (i(), u(m, { key: v }, [
           n.label && // Only show the group label if there are some results
-          n.options.some((l) => d.value.some((m) => m.id === l.id)) ? (i(), u("div", W, I(n.label), 1)) : _("", !0),
-          (i(!0), u(p, null, B(d.value, (l) => {
-            var m;
-            return i(), u(p, {
+          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) => {
+            var p;
+            return i(), u(m, {
               key: l.id
             }, [
-              n.options.some((v) => v.id === l.id) ? (i(), q(H, {
+              n.options.some((d) => d.id === l.id) ? (i(), q(H, {
                 key: 0,
-                active: ((m = r.value) == null ? void 0 : m.id) === l.id,
-                selected: a.value.some((v) => v.id === l.id),
-                style: F(t.multiselect ? "checkbox" : "radio"),
-                onClick: (v) => V(l),
-                onMousedown: e[4] || (e[4] = x(() => {
+                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),
+                onDelete: (d) => e.$emit("delete", l),
+                onMousedown: t[4] || (t[4] = b(() => {
                 }, ["prevent"])),
-                onMouseenter: (v) => r.value = l
+                onMouseenter: (d) => r.value = l
               }, {
                 default: G(() => [
-                  O(I(l.label), 1)
+                  O(M(l.label), 1)
                 ]),
                 _: 2
-              }, 1032, ["active", "selected", "style", "onClick", "onMouseenter"])) : _("", !0)
+              }, 1032, ["active", "isDeletable", "selected", "style", "onClick", "onDelete", "onMouseenter"])) : I("", !0)
             ], 64);
           }), 128))
         ], 64))), 128))
       ], 8, R), [
-        [U, d.value.length]
+        [U, c.value.length]
       ])
     ], 64));
   }

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

@@ -7,6 +7,7 @@ const g = /* @__PURE__ */ w("div", { class: "absolute inset-0 -z-1 rounded bg-b-
   props: {
     placement: {},
     resize: { type: Boolean },
+    targetRef: {},
     isOpen: { type: Boolean },
     teleport: { type: [Boolean, String] }
   },

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

@@ -1,6 +1,7 @@
 export type Option = {
     id: string;
     label: string;
+    isDeletable?: boolean;
     [x: string]: any;
 };
 export type OptionGroup = {

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,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,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"}