@scalar/components 0.14.33 → 0.14.35

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

@@ -1,9 +1,9 @@
-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 b from "../ScalarFloating/ScalarFloating.vue.js";
-import $ from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
-const z = /* @__PURE__ */ u({
+import { defineComponent as d, ref as u, createBlock as c, openBlock as _, unref as o, withCtx as t, createVNode as r, normalizeProps as v, guardReactiveProps as y, createSlots as w, renderSlot as p, mergeProps as x } from "vue";
+import { Popover as B, PopoverButton as P, PopoverPanel as h } from "@headlessui/vue";
+import { useBindCx as k } from "@scalar/use-hooks/useBindCx";
+import g from "../ScalarFloating/ScalarFloating.vue.js";
+import b from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
+const z = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "ScalarComboboxPopover",
   props: {
@@ -14,44 +14,43 @@ const z = /* @__PURE__ */ u({
     middleware: {},
     teleport: { type: [Boolean, String] }
   },
-  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" })));
+  setup($, { expose: l }) {
+    const { cx: s } = k(), a = u(null), f = (e) => {
+      ["ArrowUp", "ArrowDown"].includes(e.key) && (e.preventDefault(), e.target?.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter" })));
     };
-    return s({ popoverButtonRef: p }), (e, n) => (v(), _(o(P), { as: "template" }, {
-      default: t(({ open: a }) => [
-        r(o(b), y(w(e.$props)), x({
+    return l({ popoverButtonRef: a }), (e, C) => (_(), c(o(B), { as: "template" }, {
+      default: t(({ open: n }) => [
+        r(o(g), v(y(e.$props)), w({
           default: t(() => [
-            r(o(h), {
+            r(o(P), {
               ref_key: "popoverButtonRef",
-              ref: p,
+              ref: a,
               as: "template",
-              onKeydown: i
+              onKeydown: f
             }, {
               default: t(() => [
-                l(e.$slots, "default", { open: a })
+                p(e.$slots, "default", { open: n })
               ]),
               _: 2
             }, 1536)
           ]),
           _: 2
         }, [
-          a ? {
+          n ? {
             name: "floating",
-            fn: t(({ width: m }) => [
-              r(o(k), B(
+            fn: t(({ width: i }) => [
+              r(o(h), x(
                 {
-                  style: { width: m }
+                  style: { width: i }
                 },
-                o(f)("relative flex flex-col max-h-[inherit] w-40 rounded text-sm")
+                o(s)("relative flex flex-col max-h-[inherit] w-40 rounded text-sm")
               ), {
-                default: t(({ close: d }) => [
-                  l(e.$slots, "popover", {
-                    close: d,
-                    open: a
+                default: t(({ close: m }) => [
+                  p(e.$slots, "popover", {
+                    close: m,
+                    open: n
                   }),
-                  r(o($))
+                  r(o(b))
                 ]),
                 _: 2
               }, 1040, ["style"])

package/dist/components/ScalarCombobox/types.js

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

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

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

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

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

package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js

@@ -1,23 +1,20 @@
-import { defineComponent as c, ref as a, onErrorCaptured as m, renderSlot as p, createElementBlock as l, openBlock as d, createElementVNode as i, createCommentVNode as _, toDisplayString as u } from "vue";
-const f = {
+import { defineComponent as u, ref as n, onErrorCaptured as c, renderSlot as m, createElementBlock as s, openBlock as a, createElementVNode as p, createCommentVNode as i, toDisplayString as l } from "vue";
+const _ = {
   key: 1,
   class: "rounded border bg-b-2 p-3 text-sm"
-}, v = {
+}, f = {
   key: 0,
   class: "mt-2 rounded border bg-b-1 p-2 font-code text-c-2"
-}, E = /* @__PURE__ */ c({
+}, g = /* @__PURE__ */ u({
   __name: "ScalarErrorBoundary",
-  setup(b) {
-    const n = a(!1), e = a();
-    return m((r, t, o) => (console.error("[ERROR]", r, o), n.value = !0, e.value = r, !1)), (r, t) => {
-      var o, s;
-      return n.value ? (d(), l("div", f, [
-        t[0] || (t[0] = i("div", { class: "p-2" }, "Oops, something went wrong here.", -1)),
-        e.value ? (d(), l("div", v, u((o = e.value) == null ? void 0 : o.name) + ": " + u((s = e.value) == null ? void 0 : s.message), 1)) : _("", !0)
-      ])) : p(r.$slots, "default", { key: 0 });
-    };
+  setup(v) {
+    const t = n(!1), e = n();
+    return c((r, o, d) => (console.error("[ERROR]", r, d), t.value = !0, e.value = r, !1)), (r, o) => t.value ? (a(), s("div", _, [
+      o[0] || (o[0] = p("div", { class: "p-2" }, "Oops, something went wrong here.", -1)),
+      e.value ? (a(), s("div", f, l(e.value?.name) + ": " + l(e.value?.message), 1)) : i("", !0)
+    ])) : m(r.$slots, "default", { key: 0 });
   }
 });
 export {
-  E as default
+  g as default
 };

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

@@ -1,16 +1,16 @@
-import { defineComponent as F, mergeModels as p, useModel as c, ref as v, createElementBlock as g, openBlock as r, mergeProps as T, unref as s, withModifiers as y, renderSlot as a, createCommentVNode as $, createBlock as k, createElementVNode as w, resolveDynamicComponent as A, createSlots as b, withCtx as n, createVNode as h, createTextVNode as j, toDisplayString as L } from "vue";
-import { useBindCx as P } from "@scalar/use-hooks/useBindCx";
-import U from "./ScalarFileUploadDropTarget.vue.js";
-import _ from "./ScalarFileUploadError.vue.js";
-import q from "./ScalarFileUploadInput.vue.js";
-import z from "./ScalarFileUploadInputCompact.vue.js";
-import G from "./ScalarFileUploadLoading.vue.js";
-import { isExtensionList as C } from "./types.js";
-const H = ["accept", "multiple"], I = {}, Z = /* @__PURE__ */ F({
-  ...I,
+import { defineComponent as E, mergeModels as m, useModel as p, ref as c, createElementBlock as v, openBlock as r, mergeProps as F, unref as s, withModifiers as g, renderSlot as a, createCommentVNode as y, createBlock as $, createElementVNode as T, resolveDynamicComponent as w, createSlots as k, withCtx as n, createVNode as b, createTextVNode as A, toDisplayString as j } from "vue";
+import { useBindCx as L } from "@scalar/use-hooks/useBindCx";
+import P from "./ScalarFileUploadDropTarget.vue.js";
+import U from "./ScalarFileUploadError.vue.js";
+import _ from "./ScalarFileUploadInput.vue.js";
+import q from "./ScalarFileUploadInputCompact.vue.js";
+import z from "./ScalarFileUploadLoading.vue.js";
+import { isExtensionList as h } from "./types.js";
+const G = ["accept", "multiple"], H = {}, Y = /* @__PURE__ */ E({
+  ...H,
   inheritAttrs: !1,
   __name: "ScalarFileUpload",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ m({
     multiple: { type: Boolean },
     accept: { default: "*" },
     loader: {},
@@ -21,12 +21,11 @@ const H = ["accept", "multiple"], I = {}, Z = /* @__PURE__ */ F({
     error: {},
     errorModifiers: {}
   }),
-  emits: /* @__PURE__ */ p(["selected"], ["update:modelValue", "update:error"]),
-  setup(i, { emit: D }) {
-    const V = D, B = c(i, "modelValue"), l = c(i, "error"), d = v(), t = v(!1);
+  emits: /* @__PURE__ */ m(["selected"], ["update:modelValue", "update:error"]),
+  setup(i, { emit: C }) {
+    const D = C, V = p(i, "modelValue"), l = p(i, "error"), d = c(), t = c(!1);
     function u() {
-      var e;
-      (e = d.value) == null || e.click();
+      d.value?.click();
     }
     function f(e) {
       if (l.value = void 0, !e || e.length < 1) {
@@ -38,92 +37,88 @@ const H = ["accept", "multiple"], I = {}, Z = /* @__PURE__ */ F({
         l.value = "Too many files selected";
         return;
       }
-      B.value = o, V("selected", o);
+      V.value = o, D("selected", o);
     }
-    function M(e) {
+    function B(e) {
       const o = e.target.files;
       f(o);
     }
-    function N(e) {
-      var o;
-      t.value = !1, f((o = e.dataTransfer) == null ? void 0 : o.files);
+    function M(e) {
+      t.value = !1, f(e.dataTransfer?.files);
     }
-    const { cx: S } = P();
-    return (e, o) => {
-      var m;
-      return r(), g("div", T(
-        s(S)(
-          "flex flex-col relative border-dashed border-1 has-[input:focus-visible]:outline outline-offset-1 rounded"
-        ),
-        {
-          onDragenter: o[1] || (o[1] = (E) => t.value = !0),
-          onDragover: o[2] || (o[2] = y(() => {
-          }, ["prevent"])),
-          onDrop: y(N, ["prevent"])
-        }
-      ), [
-        a(e.$slots, "default", { open: u }, () => [
-          (r(), k(A(
-            e.variant === "compact" ? z : q
-          ), {
-            extensions: s(C)(e.accept) ? e.accept : void 0,
-            onClick: u
-          }, b({ _: 2 }, [
-            e.$slots.label ? {
+    const { cx: N } = L();
+    return (e, o) => (r(), v("div", F(
+      s(N)(
+        "flex flex-col relative border-dashed border-1 has-[input:focus-visible]:outline outline-offset-1 rounded"
+      ),
+      {
+        onDragenter: o[1] || (o[1] = (S) => t.value = !0),
+        onDragover: o[2] || (o[2] = g(() => {
+        }, ["prevent"])),
+        onDrop: g(M, ["prevent"])
+      }
+    ), [
+      a(e.$slots, "default", { open: u }, () => [
+        (r(), $(w(
+          e.variant === "compact" ? q : _
+        ), {
+          extensions: s(h)(e.accept) ? e.accept : void 0,
+          onClick: u
+        }, k({ _: 2 }, [
+          e.$slots.label ? {
+            name: "default",
+            fn: n(() => [
+              a(e.$slots, "label")
+            ]),
+            key: "0"
+          } : void 0,
+          l.value ? {
+            name: "sublabel",
+            fn: n(() => [
+              b(U, null, {
+                default: n(() => [
+                  A(j(l.value), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["extensions"]))
+      ]),
+      t.value ? (r(), v("div", {
+        key: 0,
+        class: "absolute inset-0",
+        onDragleave: o[0] || (o[0] = (S) => t.value = !1)
+      }, [
+        a(e.$slots, "drop-target", {}, () => [
+          b(P, null, k({ _: 2 }, [
+            e.$slots["drop-target-label"] ? {
               name: "default",
               fn: n(() => [
-                a(e.$slots, "label")
+                a(e.$slots, "drop-target-label")
               ]),
               key: "0"
-            } : void 0,
-            l.value ? {
-              name: "sublabel",
-              fn: n(() => [
-                h(_, null, {
-                  default: n(() => [
-                    j(L(l.value), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              key: "1"
             } : void 0
-          ]), 1032, ["extensions"]))
-        ]),
-        t.value ? (r(), g("div", {
-          key: 0,
-          class: "absolute inset-0",
-          onDragleave: o[0] || (o[0] = (E) => t.value = !1)
-        }, [
-          a(e.$slots, "drop-target", {}, () => [
-            h(U, null, b({ _: 2 }, [
-              e.$slots["drop-target-label"] ? {
-                name: "default",
-                fn: n(() => [
-                  a(e.$slots, "drop-target-label")
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1024)
-          ])
-        ], 32)) : $("", !0),
-        (m = e.loader) != null && m.isLoading ? (r(), k(G, {
-          key: 1,
-          loader: e.loader
-        }, null, 8, ["loader"])) : $("", !0),
-        w("input", {
-          ref_key: "input",
-          ref: d,
-          accept: s(C)(e.accept) ? e.accept.join(",") : e.accept,
-          class: "sr-only",
-          multiple: e.multiple,
-          type: "file",
-          onChange: M
-        }, null, 40, H)
-      ], 16);
-    };
+          ]), 1024)
+        ])
+      ], 32)) : y("", !0),
+      e.loader?.isLoading ? (r(), $(z, {
+        key: 1,
+        loader: e.loader
+      }, null, 8, ["loader"])) : y("", !0),
+      T("input", {
+        ref_key: "input",
+        ref: d,
+        accept: s(h)(e.accept) ? e.accept.join(",") : e.accept,
+        class: "sr-only",
+        multiple: e.multiple,
+        type: "file",
+        onChange: B
+      }, null, 40, G)
+    ], 16));
   }
 });
 export {
-  Z as default
+  Y as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFloating.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"names":[],"mappings":"AA2HA,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAa9C,KAAK,WAAW,GAAG;IACjB,kEAAkE;IAClE,OAAO,IAAI,OAAO,CAAA;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,CAAC,KAAK,EAAE;QACf,4FAA4F;QAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,6FAA6F;QAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,gDAAgD;QAChD,IAAI,CAAC,EAAE,cAAc,CAAA;KACtB,GAAG,OAAO,CAAA;CACZ,CAAC;AAmIF,QAAA,MAAM,eAAe,0SAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarFloating.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"names":[],"mappings":"AA+HA,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAa9C,KAAK,WAAW,GAAG;IACjB,kEAAkE;IAClE,OAAO,IAAI,OAAO,CAAA;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,CAAC,KAAK,EAAE;QACf,4FAA4F;QAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,6FAA6F;QAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,gDAAgD;QAChD,IAAI,CAAC,EAAE,cAAc,CAAA;KACtB,GAAG,OAAO,CAAA;CACZ,CAAC;AAuIF,QAAA,MAAM,eAAe,0SAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,4 +1,4 @@
-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 { defineComponent as w, ref as d, computed as a, createElementBlock as b, openBlock as s, Fragment as z, createElementVNode as m, createBlock as S, createCommentVNode as $, normalizeClass as k, renderSlot as u, unref as n, 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";
@@ -7,7 +7,7 @@ const D = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "ScalarFloating",
   props: {
-    placement: { default: "bottom" },
+    placement: {},
     offset: { type: [Number, Object, Function], default: 5 },
     resize: { type: Boolean, default: !1 },
     target: {},
@@ -15,51 +15,50 @@ const D = /* @__PURE__ */ w({
     teleport: { type: [Boolean, String] }
   },
   setup(t) {
-    const i = d(null), n = d(null), r = a(() => {
-      var e;
-      if (typeof window < "u" && n.value) {
+    const o = d(null), l = d(null), i = a(() => {
+      if (typeof window < "u" && l.value) {
         if (typeof t.target == "string") {
-          const l = document.getElementById(t.target);
-          if (l)
-            return l;
+          const e = document.getElementById(t.target);
+          if (e)
+            return e;
           console.warn(`ScalarFloating: Target with id="${t.target}" not found`);
         } else if (t.target instanceof HTMLElement)
           return t.target;
-        return ((e = n.value.children) == null ? void 0 : e[0]) || n.value;
+        return l.value.children?.[0] || l.value;
       }
-    }), f = N(r, {
+    }), r = N(i, {
       enabled: a(() => t.resize)
     }), g = a(
-      () => c(t.placement) === "y" ? f.width.value : void 0
+      () => c(t.placement ?? "bottom") === "y" ? r.width.value : void 0
     ), h = a(
-      () => c(t.placement) === "x" ? f.height.value : void 0
-    ), { floatingStyles: p, middlewareData: y } = x(r, i, {
-      placement: a(() => t.placement),
+      () => c(t.placement ?? "bottom") === "x" ? r.height.value : void 0
+    ), { floatingStyles: p, middlewareData: y } = x(i, o, {
+      placement: a(() => t.placement ?? "bottom"),
       whileElementsMounted: E,
       middleware: a(() => [
         F(t.offset),
         C(),
         M({ padding: 10 }),
         H({
-          apply({ availableWidth: e, availableHeight: l, elements: v }) {
+          apply({ availableWidth: e, availableHeight: f, elements: v }) {
             Object.assign(v.floating.style, {
               maxWidth: `${Math.max(0, e) - 20}px`,
-              maxHeight: `${Math.max(0, l) - 20}px`
+              maxHeight: `${Math.max(0, f) - 20}px`
             });
           }
         }),
         ...t.middleware
       ])
     });
-    return (e, l) => (s(), z(S, null, [
+    return (e, f) => (s(), b(z, null, [
       m("div", {
         ref_key: "wrapperRef",
-        ref: n,
+        ref: l,
         class: k({ contents: !!e.$slots.default })
       }, [
         u(e.$slots, "default")
       ], 2),
-      e.$slots.floating ? (s(), $(o(T), {
+      e.$slots.floating ? (s(), S(n(T), {
         key: 0,
         disabled: !e.teleport,
         to: typeof e.teleport == "string" ? e.teleport : void 0
@@ -67,19 +66,19 @@ const D = /* @__PURE__ */ w({
         default: B(() => [
           m("div", {
             ref_key: "floatingRef",
-            ref: i,
+            ref: o,
             class: "relative z-context",
-            style: R(o(p))
+            style: R(n(p))
           }, [
             u(e.$slots, "floating", {
-              data: o(y),
+              data: n(y),
               height: h.value,
               width: g.value
             })
           ], 4)
         ]),
         _: 3
-      }, 8, ["disabled", "to"])) : b("", !0)
+      }, 8, ["disabled", "to"])) : $("", !0)
     ], 64));
   }
 });

package/dist/components/ScalarFloating/useResizeWithTarget.js

@@ -1,20 +1,19 @@
-import { ref as t, watch as b, toValue as a, computed as l } from "vue";
-function c(v, o = { enabled: t(!0) }) {
-  const u = t(0), n = t(0), r = t();
-  return typeof ResizeObserver < "u" && (r.value = new ResizeObserver(([e]) => {
-    var i, d;
-    e && (u.value = ((i = e.borderBoxSize[0]) == null ? void 0 : i.inlineSize) ?? 0, n.value = ((d = e.borderBoxSize[0]) == null ? void 0 : d.blockSize) ?? 0);
-  })), b(
-    [() => a(o.enabled), () => a(v)],
-    ([e, i]) => {
-      !i || !r.value || (e ? r.value.observe(i) : r.value.disconnect());
+import { ref as r, watch as v, toValue as t, computed as d } from "vue";
+function s(l, a = { enabled: r(!0) }) {
+  const o = r(0), u = r(0), i = r();
+  return typeof ResizeObserver < "u" && (i.value = new ResizeObserver(([e]) => {
+    e && (o.value = e.borderBoxSize[0]?.inlineSize ?? 0, u.value = e.borderBoxSize[0]?.blockSize ?? 0);
+  })), v(
+    [() => t(a.enabled), () => t(l)],
+    ([e, n]) => {
+      !n || !i.value || (e ? i.value.observe(n) : i.value.disconnect());
     },
     { immediate: !0 }
   ), {
-    width: l(() => a(o.enabled) ? `${u.value}px` : void 0),
-    height: l(() => a(o.enabled) ? `${n.value}px` : void 0)
+    width: d(() => t(a.enabled) ? `${o.value}px` : void 0),
+    height: d(() => t(a.enabled) ? `${u.value}px` : void 0)
   };
 }
 export {
-  c as useResizeWithTarget
+  s as useResizeWithTarget
 };

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

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

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

package/dist/components/ScalarMarkdown/ScalarMarkdown.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, useTemplateRef as d, computed as g, createElementBlock as w, openBlock as T, mergeProps as v, unref as x } from "vue";
-import { htmlFromMarkdown as y } from "@scalar/code-highlight";
-import { useBindCx as k } from "@scalar/use-hooks/useBindCx";
-const B = ["innerHTML"], C = /* @__PURE__ */ h({
+import { defineComponent as s, useTemplateRef as f, computed as u, createElementBlock as h, openBlock as d, mergeProps as g, unref as w } from "vue";
+import { htmlFromMarkdown as T } from "@scalar/code-highlight";
+import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
+const v = ["innerHTML"], B = /* @__PURE__ */ s({
   inheritAttrs: !1,
   __name: "ScalarMarkdown",
   props: {
@@ -13,30 +13,29 @@ const B = ["innerHTML"], C = /* @__PURE__ */ h({
     clamp: {},
     anchorPrefix: {}
   },
-  setup(e, { expose: o }) {
-    const { cx: i } = k(), c = d("div");
-    o({ el: c });
-    const l = (t) => {
-      var n, a, m;
+  setup(e, { expose: n }) {
+    const { cx: a } = p(), o = f("div");
+    n({ el: o });
+    const m = (r) => {
       if (!e.withAnchors)
-        return ((n = e.transform) == null ? void 0 : n.call(e, t)) || t;
-      const r = (((m = (a = t.children) == null ? void 0 : a[0]) == null ? void 0 : m.value) || "").toLowerCase().replace(/\s+/g, "-"), u = e.anchorPrefix ? `${e.anchorPrefix}/description/${r}` : r;
-      return t.data = {
+        return e.transform?.(r) || r;
+      const t = (r.children?.[0]?.value || "").toLowerCase().replace(/\s+/g, "-"), l = e.anchorPrefix ? `${e.anchorPrefix}/description/${t}` : t;
+      return r.data = {
         hProperties: {
-          id: u
+          id: l
         }
-      }, e.transform ? e.transform(t) : t;
-    }, f = g(() => y(e.value ?? "", {
+      }, e.transform ? e.transform(r) : r;
+    }, i = u(() => T(e.value ?? "", {
       removeTags: e.withImages ? [] : ["img", "picture"],
-      transform: e.withAnchors && e.transformType === "heading" ? l : e.transform,
+      transform: e.withAnchors && e.transformType === "heading" ? m : e.transform,
       transformType: e.transformType
     }));
-    return (t, s) => (T(), w("div", v({ ref: "div" }, x(i)("markdown", { "line-clamp-(--markdown-clamp)": !!t.clamp }), {
-      style: { "--markdown-clamp": t.clamp },
-      innerHTML: f.value
-    }), null, 16, B));
+    return (r, c) => (d(), h("div", g({ ref: "div" }, w(a)("markdown", { "line-clamp-(--markdown-clamp)": !!r.clamp }), {
+      style: { "--markdown-clamp": r.clamp },
+      innerHTML: i.value
+    }), null, 16, v));
   }
 });
 export {
-  C as default
+  B as default
 };

package/dist/components/ScalarMarkdown/ScalarMarkdown.vue3.js

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