@scalar/components 0.14.19 → 0.14.21

package/dist/components/ScalarCard/ScalarCardHeader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarCardHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/ScalarCardHeader.vue"],"names":[],"mappings":"AA4DA;;;;;;;;;;GAUG;;qBAoE0B,GAAG;qBACH,GAAG;;AApEhC,wBAoGC;AAKD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarCardHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/ScalarCardHeader.vue"],"names":[],"mappings":"AA8DA;;;;;;;;;;GAUG;;qBAwE0B,GAAG;qBACH,GAAG;;AAxEhC,wBAwGC;AAKD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCard/ScalarCardHeader.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as n, useId as d, createBlock as i, openBlock as r, normalizeProps as c, guardReactiveProps as l, unref as a, withCtx as m, createElementVNode as f, createElementBlock as _, createCommentVNode as u, renderSlot as o } from "vue";
-import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
+import { defineComponent as n, useId as d, createBlock as i, openBlock as r, normalizeProps as c, guardReactiveProps as l, unref as a, withCtx as m, createElementVNode as f, createElementBlock as p, createCommentVNode as _, renderSlot as o } from "vue";
+import { useBindCx as u } from "@scalar/use-hooks/useBindCx";
 import h from "./ScalarCardSection.vue.js";
-import { useCardHeading as C } from "./useCardHeading.js";
-const k = ["id"], x = {
+import { useCardHeading as x } from "./useCardHeading.js";
+const C = ["id"], k = {
   key: 0,
   class: "flex"
 }, B = {}, H = /* @__PURE__ */ n({
@@ -10,9 +10,11 @@ const k = ["id"], x = {
   inheritAttrs: !1,
   __name: "ScalarCardHeader",
   setup($) {
-    const { cx: s } = p(), t = d();
-    return C(t), (e, g) => (r(), i(h, c(l(
-      a(s)("scalar-card-header leading-[1.35] font-medium py-2.25 px-3 shrink-0")
+    const { cx: s } = u(), t = d();
+    return x(t), (e, g) => (r(), i(h, c(l(
+      a(s)(
+        "scalar-card-header leading-[22px] font-medium py-[6.75px] px-3 shrink-0"
+      )
     )), {
       default: m(() => [
         f("div", {
@@ -20,10 +22,10 @@ const k = ["id"], x = {
           class: "scalar-card-header-title min-w-0 flex-1 truncate"
         }, [
           o(e.$slots, "default")
-        ], 8, k),
-        e.$slots.actions ? (r(), _("div", x, [
+        ], 8, C),
+        e.$slots.actions ? (r(), p("div", k, [
           o(e.$slots, "actions")
-        ])) : u("", !0)
+        ])) : _("", !0)
       ]),
       _: 3
     }, 16));

package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue2.js

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

package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue3.js

@@ -1,5 +1,5 @@
 import o from "./ScalarCodeBlock.vue.js";
-/* empty css                     */
+import "./ScalarCodeBlock.vue2.js";
 export {
   o as default
 };

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js

@@ -1,5 +1,5 @@
 import o from "./ScalarColorModeToggleIcon.vue2.js";
-/* empty css                               */
+import "./ScalarColorModeToggleIcon.vue3.js";
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-60be8692"]]);
 export {

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue3.js

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

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":"AAsEA,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;AAyBD,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;QAnGhD,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;;;;EAmGlC;AAWD,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":"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"}

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

@@ -1,7 +1,7 @@
-import { defineComponent as m, createBlock as p, openBlock as d, withCtx as t, createVNode as s, createSlots as n, renderSlot as l } from "vue";
-import f from "./ScalarComboboxOptions.vue.js";
-import i from "./ScalarComboboxPopover.vue.js";
-const h = /* @__PURE__ */ m({
+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({
   __name: "ScalarCombobox",
   props: {
     options: {},
@@ -15,8 +15,12 @@ const h = /* @__PURE__ */ m({
     teleport: { type: [Boolean, String] }
   },
   emits: ["update:modelValue"],
-  setup(u) {
-    return (e, V) => (d(), p(i, {
+  setup(c, { emit: a }) {
+    const r = a;
+    function p(e) {
+      e && r("update:modelValue", e);
+    }
+    return (e, h) => (i(), s(b, {
       middleware: e.middleware,
       offset: e.offset,
       placement: e.placement ?? "bottom-start",
@@ -27,14 +31,14 @@ const h = /* @__PURE__ */ m({
       default: t(({ open: o }) => [
         l(e.$slots, "default", { open: o })
       ]),
-      popover: t(({ open: o, close: a }) => [
-        s(f, {
+      popover: t(({ open: o, close: d }) => [
+        f(V, {
           modelValue: e.modelValue ? [e.modelValue] : [],
           open: o,
           options: e.options,
           placeholder: e.placeholder,
-          "onUpdate:modelValue": (r) => (a(), e.$emit("update:modelValue", r[0]))
-        }, n({ _: 2 }, [
+          "onUpdate:modelValue": (m) => [p(m[0]), d()]
+        }, u({ _: 2 }, [
           e.$slots.before ? {
             name: "before",
             fn: t(() => [
@@ -56,5 +60,5 @@ const h = /* @__PURE__ */ m({
   }
 });
 export {
-  h as default
+  y as default
 };

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

@@ -14,7 +14,7 @@ declare function __VLS_template(): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly placement?: import("@floating-ui/vue").Placement | undefined;
+                readonly placement?: import("@floating-ui/utils").Placement | undefined;
                 readonly offset?: import("@floating-ui/vue").OffsetOptions | undefined;
                 readonly resize?: boolean | undefined;
                 readonly target?: (string | HTMLElement) | undefined;

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

@@ -1,6 +1,6 @@
-import { defineComponent as d, ref as f, createBlock as p, openBlock as n, withCtx as t, renderSlot as a, createCommentVNode as u, createSlots as b } from "vue";
-import $ from "./ScalarComboboxOptions.vue.js";
-import y from "./ScalarComboboxPopover.vue.js";
+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({
   __name: "ScalarComboboxMultiselect",
   props: {
@@ -16,9 +16,9 @@ const w = /* @__PURE__ */ d({
     teleport: { type: [Boolean, String] }
   },
   emits: ["update:modelValue", "delete"],
-  setup(V, { expose: i }) {
+  setup($, { expose: i }) {
     const s = f(null);
-    return i({ comboboxPopoverRef: s }), (e, o) => (n(), p(y, {
+    return i({ comboboxPopoverRef: s }), (e, o) => (n(), m(V, {
       ref_key: "comboboxPopoverRef",
       ref: s,
       middleware: e.middleware,
@@ -29,9 +29,9 @@ const w = /* @__PURE__ */ d({
       teleport: e.teleport
     }, {
       popover: t(({ open: l }) => {
-        var m;
+        var p;
         return [
-          (m = e.options) != null && m.length ? (n(), p($, {
+          (p = e.options) != null && p.length ? (n(), m(y, {
             key: 0,
             isDeletable: e.isDeletable,
             modelValue: e.modelValue,

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

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":"AA8MA,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;AA8HF,iBAAS,cAAc;WA0KT,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":"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"}

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

@@ -1,147 +1,7 @@
-import { defineComponent as q, useId as F, computed as b, ref as h, 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 g, 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"], se = /* @__PURE__ */ q({
-  inheritAttrs: !1,
-  __name: "ScalarComboboxOptions",
-  props: {
-    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 p(e) {
-      return `${m}-${e.id}`;
-    }
-    const f = b(
-      () => z(a.options) ? a.options.flatMap((e) => e.options) : a.options
-    ), O = b(
-      () => z(a.options) ? a.options : [{ label: "", options: a.options }]
-    ), r = h(""), o = h(
-      ((C = a.modelValue) == null ? void 0 : C[0]) ?? f.value[0]
-    );
-    M(async () => {
-      var e;
-      r.value = "", o.value = ((e = a.modelValue) == null ? void 0 : e[0]) ?? f.value[0], s.value.length !== 0 && setTimeout(() => {
-        var t;
-        (t = document == null ? void 0 : document.getElementById(p(s.value[0]))) == null || t.scrollIntoView({ block: "nearest" });
-      }, 10);
-    }), U(
-      () => r.value,
-      () => o.value = c.value[0]
-    );
-    const c = b(
-      () => r.value === "" ? f.value : f.value.filter((e) => e.label.toLowerCase().includes(r.value.toLowerCase()))
-    ), s = b({
-      get: () => a.modelValue ?? [],
-      set: (e) => e && K("update:modelValue", e)
-    });
-    function k(e) {
-      a.multiselect ? s.value.some((t) => t.id === e.id) ? s.value = s.value.filter((t) => t.id !== e.id) : s.value = [...s.value, e] : s.value = [e];
-    }
-    function I(e) {
-      var l;
-      const t = c.value, u = t.findIndex((d) => {
-        var i;
-        return d.id === ((i = o.value) == null ? void 0 : i.id);
-      }) + e;
-      u < 0 || u > t.length - 1 || (o.value = t[u], (l = document == null ? void 0 : document.getElementById(p(o.value))) == null || l.scrollIntoView({
-        behavior: "smooth",
-        block: "nearest"
-      }));
-    }
-    const D = h(null);
-    return M(() => 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 top-1/2 -translate-y-1/2 text-c-3 size-4" }),
-        B(w("input", {
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => r.value = n),
-          ref_key: "input",
-          ref: D,
-          "aria-activedescendant": o.value ? p(o.value) : void 0,
-          "aria-autocomplete": "list",
-          "aria-controls": m,
-          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,
-          role: "combobox",
-          tabindex: "0",
-          type: "text",
-          onKeydown: [
-            t[1] || (t[1] = x(g((n) => I(1), ["prevent"]), ["down"])),
-            t[2] || (t[2] = x(g((n) => o.value && k(o.value), ["prevent"]), ["enter"])),
-            t[3] || (t[3] = x(g((n) => I(-1), ["prevent"]), ["up"]))
-          ]
-        }, null, 40, _), [
-          [J, r.value]
-        ])
-      ]),
-      B(w("ul", {
-        id: m,
-        "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"),
-        (v(!0), y($, null, E(O.value, (n, u) => (v(), N(Y, {
-          id: `${m}-group-${u}`,
-          key: u,
-          hidden: (
-            // Only show the group label if there are some results
-            !n.options.some((l) => c.value.some((d) => d.id === l.id)) || // And it has a label
-            !n.label
-          )
-        }, {
-          label: V(() => [
-            T(L(n.label), 1)
-          ]),
-          default: V(() => [
-            (v(!0), y($, null, E(c.value, (l) => {
-              var d;
-              return v(), y($, {
-                key: l.id
-              }, [
-                n.options.some((i) => i.id === l.id) ? (v(), N(X, {
-                  key: 0,
-                  id: p(l),
-                  active: ((d = o.value) == null ? void 0 : d.id) === l.id,
-                  isDeletable: l.isDeletable ?? e.isDeletable,
-                  selected: s.value.some((i) => i.id === l.id),
-                  style: Q(e.multiselect ? "checkbox" : "radio"),
-                  onClick: (i) => k(l),
-                  onDelete: (i) => e.$emit("delete", l),
-                  onMousedown: t[4] || (t[4] = g(() => {
-                  }, ["prevent"])),
-                  onMouseenter: (i) => o.value = l
-                }, {
-                  default: V(() => [
-                    T(L(l.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["id", "active", "isDeletable", "selected", "style", "onClick", "onDelete", "onMouseenter"])) : P("", !0)
-              ], 64);
-            }), 128))
-          ]),
-          _: 2
-        }, 1032, ["id", "hidden"]))), 128)),
-        S(e.$slots, "after")
-      ], 8, ee), [
-        [R, c.value.length || e.$slots.before || e.$slots.after]
-      ])
-    ], 64));
-  }
-});
+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"]]);
 export {
-  se as default
+  a as default
 };

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

@@ -1,4 +1,148 @@
-import f from "./ScalarComboboxOptions.vue.js";
+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({
+  inheritAttrs: !1,
+  __name: "ScalarComboboxOptions",
+  props: {
+    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}`;
+    }
+    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" }));
+      }, 10);
+    }), U(
+      () => r.value,
+      () => n.value = c.value[0]
+    );
+    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 I(e) {
+      var l;
+      const t = c.value, u = t.findIndex((d) => {
+        var s;
+        return d.id === ((s = n.value) == null ? void 0 : s.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({
+        behavior: "smooth",
+        block: "nearest"
+      })));
+    }
+    const D = g(null);
+    return M(() => 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),
+          ref_key: "input",
+          ref: D,
+          "aria-activedescendant": n.value ? f(n.value) : void 0,
+          "aria-autocomplete": "list",
+          "aria-controls": m,
+          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,
+          role: "combobox",
+          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"]))
+          ]
+        }, null, 40, _), [
+          [J, r.value]
+        ])
+      ]),
+      B(w("ul", {
+        id: m,
+        "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,
+          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.label
+          )
+        }, {
+          label: V(() => [
+            T(L(o.label), 1)
+          ]),
+          default: V(() => [
+            (v(!0), y($, null, E(c.value, (l) => {
+              var d;
+              return v(), y($, {
+                key: l.id
+              }, [
+                o.options.some((s) => s.id === l.id) ? (v(), N(X, {
+                  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(() => {
+                  }, ["prevent"])),
+                  onMouseenter: (s) => n.value = l
+                }, {
+                  default: V(() => [
+                    T(L(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["id", "active", "isDeletable", "selected", "style", "onClick", "onDelete", "onMouseenter"])) : P("", !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]
+      ])
+    ], 64));
+  }
+});
 export {
-  f as default
+  ie as default
 };

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

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

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

@@ -9,7 +9,7 @@ export type OptionGroup = {
     options: Option[];
 };
 /** Type guard to check if an option is a group */
-export declare function isGroup(option: Option | OptionGroup): option is OptionGroup;
+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 */

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,MAAM,IAAI,WAAW,CAE3E;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;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"}

package/dist/components/ScalarCombobox/types.js

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

package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.js

@@ -1,5 +1,5 @@
 import o from "./ScalarDropdownButton.vue2.js";
-/* empty css                          */
+import "./ScalarDropdownButton.vue3.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cc5bd05e"]]);
 export {

package/dist/components/ScalarDropdown/ScalarDropdownButton.vue3.js

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

package/dist/components/ScalarDropdown/ScalarDropdownItem.vue.js

@@ -1,5 +1,5 @@
 import o from "./ScalarDropdownItem.vue2.js";
-/* empty css                        */
+import "./ScalarDropdownItem.vue3.js";
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-457c1cd3"]]);
 export {

package/dist/components/ScalarDropdown/ScalarDropdownItem.vue3.js

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

package/dist/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadInputCompact.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAEV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAIhB;;;;;;;GAOG;;;;;;AACH,wBAwGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarFileUploadInputCompact.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAEV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAIhB;;;;;;;GAOG;;;;;;AACH,wBAwGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarIcon/ScalarIcon.vue.js

@@ -1,5 +1,5 @@
 import o from "./ScalarIcon.vue2.js";
-/* empty css                */
+import "./ScalarIcon.vue3.js";
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b651bb23"]]);
 export {

package/dist/components/ScalarIcon/ScalarIcon.vue3.js

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as 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":"AA6BA,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,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"}

package/dist/components/ScalarLoading/ScalarLoading.vue.js

@@ -1,6 +1,6 @@
 import o from "./ScalarLoading.vue2.js";
 import { useLoadingState as i } from "./ScalarLoading.vue2.js";
-/* empty css                   */
+import "./ScalarLoading.vue3.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f525638b"]]);
 export {

package/dist/components/ScalarLoading/ScalarLoading.vue3.js

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

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

@@ -25,6 +25,11 @@ declare const meta: {
         withImages: boolean;
         withAnchors: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+    argTypes: {
+        class: {
+            control: "text";
+        };
+    };
     tags: string[];
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
         value?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMarkdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAA4C,CAAA"}
+{"version":3,"file":"ScalarMarkdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAA4C,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"AAirBA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC;;gBAPa,OAAO;iBAKN,OAAO;;AAsHzB,wBAQG"}
+{"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"AAkrBA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC;;gBAPa,OAAO;iBAKN,OAAO;;AAmHzB,wBAQG"}