@scalar/components 0.14.18 → 0.14.20

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";
+/* empty css                           */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b76d72f2"]]);
 export {
-  se as default
+  f as default
 };

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

@@ -1,4 +1,147 @@
-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 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 = g(""), o = g(
+      ((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], i.value.length !== 0 && setTimeout(() => {
+        var t;
+        (t = document == null ? void 0 : document.getElementById(p(i.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()))
+    ), 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 = o.value) == null ? void 0 : s.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 = 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] = (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(h((n) => I(1), ["prevent"]), ["down"])),
+            t[2] || (t[2] = x(h((n) => o.value && k(o.value), ["prevent"]), ["enter"])),
+            t[3] || (t[3] = x(h((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", {}, void 0, !0),
+        (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((s) => s.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: 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) => 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", {}, 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/ScalarComboboxPopover.vue.js

@@ -1,27 +1,27 @@
 import { defineComponent as u, ref as c, createBlock as _, openBlock as v, unref as o, withCtx as t, createVNode as r, normalizeProps as y, guardReactiveProps as w, createSlots as x, renderSlot as l, mergeProps as B } from "vue";
 import { Popover as P, PopoverButton as h, PopoverPanel as k } from "@headlessui/vue";
 import { useBindCx as g } from "@scalar/use-hooks/useBindCx";
-import $ from "../ScalarFloating/ScalarFloating.vue.js";
-import C from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
+import b from "../ScalarFloating/ScalarFloating.vue.js";
+import $ from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
 const z = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "ScalarComboboxPopover",
   props: {
     placement: {},
-    offset: {},
+    offset: { type: [Number, Object, Function] },
     resize: { type: Boolean },
     target: {},
     middleware: {},
     teleport: { type: [Boolean, String] }
   },
-  setup(S, { expose: s }) {
+  setup(C, { expose: s }) {
     const { cx: f } = g(), p = c(null), i = (e) => {
       var n;
       ["ArrowUp", "ArrowDown"].includes(e.key) && (e.preventDefault(), (n = e.target) == null || n.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter" })));
     };
     return s({ popoverButtonRef: p }), (e, n) => (v(), _(o(P), { as: "template" }, {
       default: t(({ open: a }) => [
-        r(o($), y(w(e.$props)), x({
+        r(o(b), y(w(e.$props)), x({
           default: t(() => [
             r(o(h), {
               ref_key: "popoverButtonRef",
@@ -51,7 +51,7 @@ const z = /* @__PURE__ */ u({
                     close: d,
                     open: a
                   }),
-                  r(o(C))
+                  r(o($))
                 ]),
                 _: 2
               }, 1040, ["style"])

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

@@ -1,42 +1,42 @@
-import { defineComponent as p, createBlock as i, openBlock as f, unref as e, withCtx as t, createVNode as r, mergeProps as n, renderSlot as s } from "vue";
-import { Menu as u, MenuButton as _, MenuItems as c } from "@headlessui/vue";
+import { defineComponent as p, createBlock as i, openBlock as f, unref as e, withCtx as t, createVNode as r, mergeProps as a, renderSlot as s } from "vue";
+import { Menu as u, MenuButton as c, MenuItems as _ } from "@headlessui/vue";
 import { useBindCx as d } from "@scalar/use-hooks/useBindCx";
 import B from "./ScalarDropdownMenu.vue.js";
 import h from "../ScalarFloating/ScalarFloating.vue.js";
-const $ = {}, x = /* @__PURE__ */ p({
-  ...$,
+const y = {}, k = /* @__PURE__ */ p({
+  ...y,
   inheritAttrs: !1,
   __name: "ScalarDropdown",
   props: {
     placement: {},
-    offset: {},
+    offset: { type: [Number, Object, Function] },
     resize: { type: Boolean },
     target: {},
     middleware: {},
     teleport: { type: [Boolean, String] }
   },
-  setup(g) {
+  setup($) {
     const { cx: l } = d();
-    return (o, y) => (f(), i(e(u), null, {
-      default: t(({ open: a }) => [
-        r(e(h), n(o.$props, {
+    return (o, g) => (f(), i(e(u), null, {
+      default: t(({ open: n }) => [
+        r(e(h), a(o.$props, {
           placement: o.placement ?? "bottom-start"
         }), {
           floating: t(({ width: m }) => [
-            r(B, n({
-              is: e(c),
+            r(B, a({
+              is: e(_),
               style: { width: m }
             }, e(l)("max-h-[inherit]")), {
               default: t(() => [
-                s(o.$slots, "items", { open: a })
+                s(o.$slots, "items", { open: n })
               ]),
               _: 2
             }, 1040, ["is", "style"])
           ]),
           default: t(() => [
-            r(e(_), { as: "template" }, {
+            r(e(c), { as: "template" }, {
               default: t(() => [
-                s(o.$slots, "default", { open: a })
+                s(o.$slots, "default", { open: n })
               ]),
               _: 2
             }, 1024)
@@ -49,5 +49,5 @@ const $ = {}, x = /* @__PURE__ */ p({
   }
 });
 export {
-  x as default
+  k as default
 };

package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as x, mergeModels as _, useModel as v, createElementBlock as o, openBlock as i, normalizeProps as g, guardReactiveProps as C, unref as l, createElementVNode as t, Fragment as V, renderList as k, toDisplayString as n, createVNode as d, withCtx as a, createTextVNode as m } from "vue";
+import { defineComponent as _, mergeModels as x, useModel as v, createElementBlock as o, openBlock as i, normalizeProps as g, guardReactiveProps as C, unref as l, createElementVNode as t, Fragment as V, renderList as k, toDisplayString as n, createVNode as d, withCtx as a, createTextVNode as m } from "vue";
 import { useBindCx as y } from "@scalar/use-hooks/useBindCx";
 import z from "pretty-bytes";
 import u from "../ScalarButton/ScalarButton.vue.js";
-const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-center justify-between" }, w = { class: "flex-1 min-w-0 truncate" }, F = { class: "text-c-3" }, M = { class: "flex items-center gap-1.5" }, N = {}, P = /* @__PURE__ */ x({
+const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-center justify-between" }, w = { class: "flex-1 min-w-0 truncate" }, F = { class: "text-c-3" }, M = { class: "flex items-center gap-1.5" }, N = {}, P = /* @__PURE__ */ _({
   ...N,
   inheritAttrs: !1,
   __name: "ScalarFileUploadFileList",
@@ -10,7 +10,7 @@ const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-cent
     modelValue: {},
     modelModifiers: {}
   },
-  emits: /* @__PURE__ */ _(["upload"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ x(["upload"], ["update:modelValue"]),
   setup(p) {
     const r = v(p, "modelValue"), { cx: f } = y();
     return (c, e) => (i(), o("div", g(C(l(f)("flex flex-col gap-2 p-4"))), [
@@ -34,7 +34,8 @@ const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-cent
           default: a(() => e[2] || (e[2] = [
             m(" Upload ")
           ])),
-          _: 1
+          _: 1,
+          __: [2]
         }),
         d(l(u), {
           size: "sm",
@@ -44,7 +45,8 @@ const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-cent
           default: a(() => e[3] || (e[3] = [
             m(" Clear ")
           ])),
-          _: 1
+          _: 1,
+          __: [3]
         })
       ])
     ], 16));

package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue.js

@@ -32,7 +32,8 @@ const v = { class: "flex items-center gap-1.5 whitespace-nowrap" }, B = { class:
           default: x(() => e[2] || (e[2] = [
             o(" Browse files ")
           ])),
-          _: 1
+          _: 1,
+          __: [2]
         })
       ]),
       r(t.$slots, "sublabel", {}, () => [

package/dist/components/ScalarFloating/ScalarFloating.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as w, ref as d, computed as a, createElementBlock as z, openBlock as s, Fragment as S, createElementVNode as m, createBlock as $, createCommentVNode as k, normalizeClass as B, renderSlot as u, unref as o, withCtx as R, normalizeStyle as b } from "vue";
-import { getSideAxis as g } from "@floating-ui/utils";
-import { useFloating as x, autoUpdate as E, offset as C, flip as F, shift as M, size as H } from "@floating-ui/vue";
-import { useResizeWithTarget as T } from "./useResizeWithTarget.js";
-import W from "../ScalarTeleport/ScalarTeleport.vue.js";
-const I = /* @__PURE__ */ w({
+import { defineComponent as w, ref as d, computed as a, createElementBlock as z, openBlock as s, Fragment as S, createElementVNode as m, createBlock as $, createCommentVNode as b, normalizeClass as k, renderSlot as u, unref as o, withCtx as B, normalizeStyle as R } from "vue";
+import { getSideAxis as c } from "@floating-ui/utils";
+import { useFloating as x, autoUpdate as E, offset as F, flip as C, shift as M, size as H } from "@floating-ui/vue";
+import { useResizeWithTarget as N } from "./useResizeWithTarget.js";
+import T from "../ScalarTeleport/ScalarTeleport.vue.js";
+const D = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "ScalarFloating",
   props: {
     placement: { default: "bottom" },
-    offset: { default: 5 },
+    offset: { type: [Number, Object, Function], default: 5 },
     resize: { type: Boolean, default: !1 },
     target: {},
     middleware: { default: () => [] },
@@ -27,18 +27,18 @@ const I = /* @__PURE__ */ w({
           return t.target;
         return ((e = n.value.children) == null ? void 0 : e[0]) || n.value;
       }
-    }), f = T(r, {
+    }), f = N(r, {
       enabled: a(() => t.resize)
-    }), c = a(
-      () => g(t.placement) === "y" ? f.width.value : void 0
+    }), g = a(
+      () => c(t.placement) === "y" ? f.width.value : void 0
     ), h = a(
-      () => g(t.placement) === "x" ? f.height.value : void 0
+      () => c(t.placement) === "x" ? f.height.value : void 0
     ), { floatingStyles: p, middlewareData: y } = x(r, i, {
       placement: a(() => t.placement),
       whileElementsMounted: E,
       middleware: a(() => [
-        C(t.offset),
-        F(),
+        F(t.offset),
+        C(),
         M(),
         H({
           apply({ availableWidth: e, availableHeight: l, elements: v }) {
@@ -55,34 +55,34 @@ const I = /* @__PURE__ */ w({
       m("div", {
         ref_key: "wrapperRef",
         ref: n,
-        class: B({ contents: !!e.$slots.default })
+        class: k({ contents: !!e.$slots.default })
       }, [
         u(e.$slots, "default")
       ], 2),
-      e.$slots.floating ? (s(), $(o(W), {
+      e.$slots.floating ? (s(), $(o(T), {
         key: 0,
         disabled: !e.teleport,
         to: typeof e.teleport == "string" ? e.teleport : void 0
       }, {
-        default: R(() => [
+        default: B(() => [
           m("div", {
             ref_key: "floatingRef",
             ref: i,
             class: "relative z-context",
-            style: b(o(p))
+            style: R(o(p))
           }, [
             u(e.$slots, "floating", {
               data: o(y),
               height: h.value,
-              width: c.value
+              width: g.value
             })
           ], 4)
         ]),
         _: 3
-      }, 8, ["disabled", "to"])) : k("", !0)
+      }, 8, ["disabled", "to"])) : b("", !0)
     ], 64));
   }
 });
 export {
-  I as default
+  D as default
 };

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 n, createVNode as r, createTextVNode as y, toDisplayString as b, mergeProps as p, renderSlot as V, createElementBlock as d, createElementVNode as B, Fragment as _, renderList as g, normalizeStyle as k } from "vue";
+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 S } from "@scalar/use-hooks/useBindCx";
-import C from "./ScalarListboxItem.vue.js";
-import N from "../ScalarFloating/ScalarFloating.vue.js";
+import { useBindCx as N } from "@scalar/use-hooks/useBindCx";
+import S 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" }, T = /* @__PURE__ */ c({
+const w = { class: "custom-scroll min-h-0 flex-1" }, P = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "ScalarListbox",
   props: {
@@ -14,7 +14,7 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
     multiple: { type: Boolean },
     modelValue: {},
     placement: {},
-    offset: {},
+    offset: { type: [Number, Object, Function] },
     resize: { type: Boolean },
     target: {},
     middleware: {},
@@ -22,7 +22,7 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
   },
   emits: ["update:modelValue"],
   setup(z) {
-    const { cx: u } = S();
+    const { cx: u } = N();
     return (e, m) => (o(), i(t(x), {
       modelValue: e.modelValue,
       multiple: e.multiple,
@@ -34,11 +34,11 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
           class: "sr-only"
         }, {
           default: l(() => [
-            y(b(e.label), 1)
+            b(y(e.label), 1)
           ]),
           _: 1
-        })) : n("", !0),
-        r(t(N), p(e.$props, {
+        })) : s("", !0),
+        r(t(C), p(e.$props, {
           placement: e.placement ?? "bottom-start"
         }), {
           floating: l(({ width: f }) => [
@@ -49,9 +49,9 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
               B("div", w, [
                 r(t($), { class: "flex flex-col gap-0.75 p-0.75 -outline-offset-1" }, {
                   default: l(() => [
-                    (o(!0), d(_, null, g(e.options, (s) => (o(), i(C, {
-                      key: s.id,
-                      option: s,
+                    (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))
                   ]),
@@ -59,7 +59,7 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
                 })
               ]),
               r(t(v))
-            ], 16)) : n("", !0)
+            ], 16)) : s("", !0)
           ]),
           default: l(() => [
             r(t(h), {
@@ -80,5 +80,5 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ c({
   }
 });
 export {
-  T as default
+  P as default
 };

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

package/dist/components/ScalarMenu/ScalarMenuProducts.vue.js

@@ -24,7 +24,8 @@ const w = /* @__PURE__ */ p({
           default: n(() => e[3] || (e[3] = [
             l(" Dashboard ")
           ])),
-          _: 1
+          _: 1,
+          __: [3]
         }, 8, ["href", "icon", "selected"]),
         t(d, {
           href: ((a = o.hrefs) == null ? void 0 : a.docs) ?? "https://docs.scalar.com",
@@ -35,7 +36,8 @@ const w = /* @__PURE__ */ p({
           default: n(() => e[4] || (e[4] = [
             l(" Docs ")
           ])),
-          _: 1
+          _: 1,
+          __: [4]
         }, 8, ["href", "icon", "selected"]),
         t(d, {
           href: ((f = o.hrefs) == null ? void 0 : f.client) ?? "https://client.scalar.com",
@@ -46,7 +48,8 @@ const w = /* @__PURE__ */ p({
           default: n(() => e[5] || (e[5] = [
             l(" Client ")
           ])),
-          _: 1
+          _: 1,
+          __: [5]
         }, 8, ["href", "icon", "selected"])
       ], 16);
     };