@scalar/components 0.14.32 → 0.14.34

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

@@ -1,8 +1,8 @@
-import { defineComponent as p, mergeModels as f, createPropsRestProxy as v, useId as h, useModel as y, useTemplateRef as w, ref as k, onMounted as x, createElementBlock as u, openBlock as m, normalizeProps as g, guardReactiveProps as B, unref as r, createVNode as M, createCommentVNode as P, mergeProps as V, normalizeClass as b, renderSlot as C, createTextVNode as S, toDisplayString as T } from "vue";
+import { defineComponent as p, mergeModels as f, createPropsRestProxy as v, useId as h, useModel as y, useTemplateRef as w, ref as k, onMounted as x, createElementBlock as u, openBlock as m, normalizeProps as g, guardReactiveProps as B, unref as a, createVNode as M, createCommentVNode as P, mergeProps as V, normalizeClass as b, renderSlot as C, createTextVNode as S, toDisplayString as T } from "vue";
 import { useBindCx as R } from "@scalar/use-hooks/useBindCx";
 import { useResizeObserver as _ } from "@vueuse/core";
 import z from "./ScalarMarkdown.vue.js";
-import "./ScalarMarkdown.vue2.js";
+/* empty css                    */
 const N = ["aria-controls", "aria-expanded"], E = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "ScalarMarkdownSummary",
@@ -19,40 +19,36 @@ const N = ["aria-controls", "aria-expanded"], E = /* @__PURE__ */ p({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const c = v(t, ["clamp"]), l = h(), o = y(t, "modelValue"), n = w("scalar-markdown"), s = k(!1);
-    _(() => {
-      var e;
-      return (e = n.value) == null ? void 0 : e.el;
-    }, i);
-    function i() {
-      var a;
-      const e = (a = n.value) == null ? void 0 : a.el;
-      e && (s.value = e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth);
+  setup(r) {
+    const c = v(r, ["clamp"]), t = h(), e = y(r, "modelValue"), l = w("scalar-markdown"), n = k(!1);
+    _(() => l.value?.el, s);
+    function s() {
+      const o = l.value?.el;
+      o && (n.value = o.scrollHeight > o.clientHeight || o.scrollWidth > o.clientWidth);
     }
-    x(i);
+    x(s);
     const { cx: d } = R();
-    return (e, a) => (m(), u("div", g(B(
-      r(d)(
+    return (o, i) => (m(), u("div", g(B(
+      a(d)(
         "group/summary flex gap-0.5",
-        o.value ? "flex-col" : "flex-row items-baseline"
+        e.value ? "flex-col" : "flex-row items-baseline"
       )
     )), [
       M(z, V({ ref: "scalar-markdown" }, c, {
-        id: r(l),
-        class: { "markdown-summary truncate": !o.value },
-        clamp: o.value ? void 0 : e.clamp
+        id: a(t),
+        class: { "markdown-summary truncate": !e.value },
+        clamp: e.value ? void 0 : o.clamp
       }), null, 16, ["id", "class", "clamp"]),
-      s.value || o.value ? (m(), u("button", {
+      n.value || e.value ? (m(), u("button", {
         key: 0,
-        class: b(["whitespace-nowrap font-medium hover:underline", { "self-end": o.value }]),
+        class: b(["whitespace-nowrap font-medium hover:underline", { "self-end": e.value }]),
         type: "button",
-        "aria-controls": r(l),
-        "aria-expanded": o.value,
-        onClick: a[0] || (a[0] = ($) => o.value = !o.value)
+        "aria-controls": a(t),
+        "aria-expanded": e.value,
+        onClick: i[0] || (i[0] = ($) => e.value = !e.value)
       }, [
-        C(e.$slots, "button", { open: o.value }, () => [
-          S(T(o.value ? " Show Less" : "More"), 1)
+        C(o.$slots, "button", { open: e.value }, () => [
+          S(T(e.value ? " Show Less" : "More"), 1)
         ])
       ], 10, N)) : P("", !0)
     ], 16));

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

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

package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGpC,OAAO,EAAE,KAAK,IAAI,EAA2B,MAAM,eAAe,CAAA;AAElE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,mBAAmB,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAqEF,QAAA,IAAI,QAAQ,IAAW,CAAE;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAsBhD,QAAA,MAAM,eAAe,kSAMnB,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":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGpC,OAAO,EAAE,KAAK,IAAI,EAA2B,MAAM,eAAe,CAAA;AAElE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,mBAAmB,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAuEF,QAAA,IAAI,QAAQ,IAAW,CAAE;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAsBhD,QAAA,MAAM,eAAe,kSAMnB,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/ScalarMenu/ScalarMenuLink.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as i, createBlock as n, openBlock as o, unref as t, mergeProps as l, withCtx as a, createElementBlock as m, createElementVNode as c, normalizeClass as s, renderSlot as f } from "vue";
+import { defineComponent as i, createBlock as n, openBlock as o, unref as t, mergeProps as a, withCtx as l, createElementBlock as m, createElementVNode as c, normalizeClass as s, renderSlot as f } from "vue";
 import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
 import { DropdownMenu as u } from "radix-vue/namespaced";
 import d from "../ScalarDropdown/ScalarDropdownButton.vue.js";
@@ -16,8 +16,11 @@ const h = {
   },
   setup(k) {
     const { cx: r } = p();
-    return (e, w) => (o(), n(t(d), l(t(r)("flex items-center"), { is: e.is }), {
-      default: a(() => [
+    return (e, w) => (o(), n(t(d), a(t(r)("flex items-center"), {
+      is: e.is,
+      as: "a"
+    }), {
+      default: l(() => [
         e.icon ? (o(), n(t(g), {
           key: 0,
           class: s([

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

@@ -1,8 +1,8 @@
-import { defineComponent as p, createElementBlock as m, openBlock as u, normalizeProps as h, guardReactiveProps as C, unref as s, createVNode as t, withCtx as n, createTextVNode as l } from "vue";
-import { ScalarIconHouse as k, ScalarIconBook as b, ScalarIconArrowUpRight as B } from "@scalar/icons";
-import { useBindCx as S } from "@scalar/use-hooks/useBindCx";
+import { defineComponent as a, createElementBlock as f, openBlock as c, normalizeProps as p, guardReactiveProps as m, unref as s, createVNode as t, withCtx as n, createTextVNode as l } from "vue";
+import { ScalarIconHouse as u, ScalarIconBook as h, ScalarIconArrowUpRight as C } from "@scalar/icons";
+import { useBindCx as k } from "@scalar/use-hooks/useBindCx";
 import d from "./ScalarMenuProduct.vue.js";
-const w = /* @__PURE__ */ p({
+const P = /* @__PURE__ */ a({
   inheritAttrs: !1,
   __name: "ScalarMenuProducts",
   props: {
@@ -10,51 +10,48 @@ const w = /* @__PURE__ */ p({
     hrefs: {}
   },
   emits: ["open"],
-  setup($) {
-    const { cx: c } = S();
-    return (o, e) => {
-      var i, a, f;
-      return u(), m("div", h(C(s(c)("flex flex-col"))), [
-        t(d, {
-          href: ((i = o.hrefs) == null ? void 0 : i.dashboard) ?? "https://dashboard.scalar.com",
-          icon: s(k),
-          selected: o.selected === "dashboard",
-          onClick: e[0] || (e[0] = (r) => o.$emit("open", r, "dashboard"))
-        }, {
-          default: n(() => e[3] || (e[3] = [
-            l(" Dashboard ")
-          ])),
-          _: 1,
-          __: [3]
-        }, 8, ["href", "icon", "selected"]),
-        t(d, {
-          href: ((a = o.hrefs) == null ? void 0 : a.docs) ?? "https://docs.scalar.com",
-          icon: s(b),
-          selected: o.selected === "docs",
-          onClick: e[1] || (e[1] = (r) => o.$emit("open", r, "docs"))
-        }, {
-          default: n(() => e[4] || (e[4] = [
-            l(" Docs ")
-          ])),
-          _: 1,
-          __: [4]
-        }, 8, ["href", "icon", "selected"]),
-        t(d, {
-          href: ((f = o.hrefs) == null ? void 0 : f.client) ?? "https://client.scalar.com",
-          icon: s(B),
-          selected: o.selected === "client",
-          onClick: e[2] || (e[2] = (r) => o.$emit("open", r, "client"))
-        }, {
-          default: n(() => e[5] || (e[5] = [
-            l(" Client ")
-          ])),
-          _: 1,
-          __: [5]
-        }, 8, ["href", "icon", "selected"])
-      ], 16);
-    };
+  setup(b) {
+    const { cx: i } = k();
+    return (o, e) => (c(), f("div", p(m(s(i)("flex flex-col"))), [
+      t(d, {
+        href: o.hrefs?.dashboard ?? "https://dashboard.scalar.com",
+        icon: s(u),
+        selected: o.selected === "dashboard",
+        onClick: e[0] || (e[0] = (r) => o.$emit("open", r, "dashboard"))
+      }, {
+        default: n(() => e[3] || (e[3] = [
+          l(" Dashboard ")
+        ])),
+        _: 1,
+        __: [3]
+      }, 8, ["href", "icon", "selected"]),
+      t(d, {
+        href: o.hrefs?.docs ?? "https://docs.scalar.com",
+        icon: s(h),
+        selected: o.selected === "docs",
+        onClick: e[1] || (e[1] = (r) => o.$emit("open", r, "docs"))
+      }, {
+        default: n(() => e[4] || (e[4] = [
+          l(" Docs ")
+        ])),
+        _: 1,
+        __: [4]
+      }, 8, ["href", "icon", "selected"]),
+      t(d, {
+        href: o.hrefs?.client ?? "https://client.scalar.com",
+        icon: s(C),
+        selected: o.selected === "client",
+        onClick: e[2] || (e[2] = (r) => o.$emit("open", r, "client"))
+      }, {
+        default: n(() => e[5] || (e[5] = [
+          l(" Client ")
+        ])),
+        _: 1,
+        __: [5]
+      }, 8, ["href", "icon", "selected"])
+    ], 16));
   }
 });
 export {
-  w as default
+  P as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as _, computed as g, createBlock as u, openBlock as n, unref as e, withCtx as o, createVNode as a, mergeProps as b, createElementVNode as x, createElementBlock as S, Fragment as w, renderList as v, createTextVNode as C } from "vue";
+import { defineComponent as _, computed as g, createBlock as u, openBlock as n, unref as e, withCtx as r, createVNode as a, mergeProps as b, createElementVNode as x, createElementBlock as S, Fragment as w, renderList as v, createTextVNode as C } from "vue";
 import { ScalarIconUserSwitch as k, ScalarIconCaretRight as V, ScalarIconPlus as $ } from "@scalar/icons";
-import { DropdownMenu as s } from "radix-vue/namespaced";
+import { DropdownMenu as o } from "radix-vue/namespaced";
 import I from "./ScalarMenuTeamProfile.vue.js";
 import B from "./ScalarMenuLink.vue.js";
 import P from "../ScalarDropdown/ScalarDropdownMenu.vue.js";
@@ -16,22 +16,19 @@ const y = /* @__PURE__ */ _({
   emits: ["update:team", "add"],
   setup(f, { emit: p }) {
     const i = f, d = p, m = g({
-      get: () => {
-        var r;
-        return (r = i.team) == null ? void 0 : r.id;
-      },
-      set: (r) => d(
+      get: () => i.team?.id,
+      set: (s) => d(
         "update:team",
-        i.teams.find((t) => t.id === r)
+        i.teams.find((t) => t.id === s)
       )
     });
-    return (r, t) => (n(), u(e(s).Sub, null, {
-      default: o(() => [
+    return (s, t) => (n(), u(e(o).Sub, null, {
+      default: r(() => [
         a(e(B), b({
-          is: e(s).SubTrigger,
+          is: e(o).SubTrigger,
           icon: e(k)
-        }, r.$attrs), {
-          default: o(() => [
+        }, s.$attrs), {
+          default: r(() => [
             t[2] || (t[2] = x("div", null, "Change team", -1)),
             a(e(V), {
               class: "ml-auto text-c-2 -mr-0.25 size-3",
@@ -41,27 +38,27 @@ const y = /* @__PURE__ */ _({
           _: 1,
           __: [2]
         }, 16, ["is", "icon"]),
-        a(e(s).Portal, null, {
-          default: o(() => [
-            a(e(s).SubContent, {
+        a(e(o).Portal, null, {
+          default: r(() => [
+            a(e(o).SubContent, {
               as: e(P),
               class: "max-h-radix-popper z-context-plus",
               sideOffset: 3
             }, {
-              default: o(() => [
-                a(e(s).RadioGroup, {
+              default: r(() => [
+                a(e(o).RadioGroup, {
                   modelValue: m.value,
                   "onUpdate:modelValue": t[0] || (t[0] = (l) => m.value = l),
                   class: "contents"
                 }, {
-                  default: o(() => [
-                    (n(!0), S(w, null, v(r.teams, (l) => (n(), u(e(s).RadioItem, {
+                  default: r(() => [
+                    (n(!0), S(w, null, v(s.teams, (l) => (n(), u(e(o).RadioItem, {
                       key: l.id,
                       as: e(c),
                       class: "group/item flex items-center",
                       value: l.id
                     }, {
-                      default: o(() => [
+                      default: r(() => [
                         a(I, {
                           class: "-ml-0.75 flex-1 min-w-0",
                           label: l.label,
@@ -77,12 +74,12 @@ const y = /* @__PURE__ */ _({
                   ]),
                   _: 1
                 }, 8, ["modelValue"]),
-                a(e(s).Item, {
+                a(e(o).Item, {
                   as: e(c),
                   class: "flex items-center",
                   onClick: t[1] || (t[1] = (l) => d("add"))
                 }, {
-                  default: o(() => [
+                  default: r(() => [
                     a(e($), {
                       class: "bg-b-3 -ml-0.75 rounded p-1 size-5 text-c-3",
                       weight: "bold"

package/dist/components/ScalarModal/ScalarModal.vue.js

@@ -1,6 +1,6 @@
 import o from "./ScalarModal.vue2.js";
 import { useModal as s } from "./ScalarModal.vue2.js";
-import "./ScalarModal.vue3.js";
+/* empty css                 */
 import a from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-589f8aa0"]]);
 export {

package/dist/components/ScalarSidebar/ScalarSidebarIndent.vue.js

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

package/dist/components/ScalarSidebar/ScalarSidebarItems.vue3.js

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

package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, mergeModels as p, ref as m, useModel as b, onMounted as h, createElementBlock as g, openBlock as r, normalizeProps as v, guardReactiveProps as S, unref as a, createVNode as k, withDirectives as x, createBlock as s, createCommentVNode as y, createElementVNode as C, mergeProps as M, vModelText as V, withModifiers as z } from "vue";
+import { defineComponent as f, mergeModels as p, ref as m, useModel as b, onMounted as h, createElementBlock as g, openBlock as r, normalizeProps as v, guardReactiveProps as S, unref as e, createVNode as k, withDirectives as x, createBlock as s, createCommentVNode as y, createElementVNode as C, mergeProps as M, vModelText as V, withModifiers as z } from "vue";
 import { ScalarIconMagnifyingGlass as B, ScalarIconX as w } from "@scalar/icons";
 import { useBindCx as E } from "@scalar/use-hooks/useBindCx";
 import I from "../ScalarLoading/ScalarLoading.vue.js";
@@ -16,26 +16,23 @@ const P = ["aria-label"], D = /* @__PURE__ */ f({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const l = m(null), o = b(t, "modelValue");
+    const o = m(null), a = b(t, "modelValue");
     function i() {
-      o.value = "", l.value && l.value.focus();
+      a.value = "", o.value && o.value.focus();
     }
     const { classCx: c, otherAttrs: u } = E();
-    return h(() => {
-      var e;
-      return t.autofocus && ((e = l.value) == null ? void 0 : e.focus());
-    }), (e, n) => (r(), g("label", v(S(
-      a(c)(
+    return h(() => t.autofocus && o.value?.focus()), (l, n) => (r(), g("label", v(S(
+      e(c)(
         "flex items-center rounded border text-base has-[:focus-visible]:bg-b-1 has-[:focus-visible]:outline h-8 gap-1 pl-2 pr-1.5",
         "bg-sidebar-b-search border-sidebar-border-search",
-        o.value ? "text-c-1" : "text-sidebar-c-search"
+        a.value ? "text-c-1" : "text-sidebar-c-search"
       )
     )), [
-      k(a(B), { class: "text-sidebar-c-search size-4" }),
+      k(e(B), { class: "text-sidebar-c-search size-4" }),
       x(C("input", M({
         ref_key: "inputRef",
-        ref: l,
-        "aria-label": e.label ?? "Enter search query",
+        ref: o,
+        "aria-label": l.label ?? "Enter search query",
         autocapitalize: "off",
         autocomplete: "off",
         autocorrect: "off",
@@ -43,20 +40,20 @@ const P = ["aria-label"], D = /* @__PURE__ */ f({
         placeholder: "Search...",
         spellcheck: "false",
         type: "search"
-      }, a(u), {
-        "onUpdate:modelValue": n[0] || (n[0] = (d) => o.value = d)
+      }, e(u), {
+        "onUpdate:modelValue": n[0] || (n[0] = (d) => a.value = d)
       }), null, 16, P), [
-        [V, o.value]
+        [V, a.value]
       ]),
-      e.loading && e.loading.isLoading ? (r(), s(a(I), {
+      l.loading && l.loading.isLoading ? (r(), s(e(I), {
         key: 0,
         class: "mr-3 self-center",
-        loadingState: e.loading,
+        loadingState: l.loading,
         size: "md"
-      }, null, 8, ["loadingState"])) : o.value ? (r(), s(a(N), {
+      }, null, 8, ["loadingState"])) : a.value ? (r(), s(e(N), {
         key: 1,
         class: "p-0.25 size-4",
-        icon: a(w),
+        icon: e(w),
         weight: "bold",
         label: "Clear Search",
         onClick: z(i, ["stop", "prevent"])

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextArea/ScalarTextArea.vue"],"names":[],"mappings":"AAqDA;;;;;;;GAOG;;iBAsBU,MAAM;;;;iBAAN,MAAM;;;;AArBnB,wBAyFC"}
+{"version":3,"file":"ScalarTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextArea/ScalarTextArea.vue"],"names":[],"mappings":"AAsDA;;;;;;;GAOG;;iBAuBU,MAAM;;;;iBAAN,MAAM;;;;AAtBnB,wBA0FC"}

package/dist/components/ScalarTextArea/ScalarTextArea.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, useModel as f, onMounted as c, createElementBlock as p, openBlock as x, mergeProps as i, unref as r, withDirectives as v, createElementVNode as b, vModelText as _ } from "vue";
-import { useBindCx as g } from "@scalar/use-hooks/useBindCx";
-import { useTextareaAutosize as h } from "@vueuse/core";
-const k = {}, C = /* @__PURE__ */ d({
-  ...k,
+import { defineComponent as a, useModel as m, onMounted as d, createElementBlock as f, openBlock as c, mergeProps as l, unref as n, withDirectives as p, createElementVNode as x, vModelText as v } from "vue";
+import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
+import { useTextareaAutosize as _ } from "@vueuse/core";
+const g = {}, A = /* @__PURE__ */ a({
+  ...g,
   inheritAttrs: !1,
   __name: "ScalarTextArea",
   props: {
@@ -10,35 +10,32 @@ const k = {}, C = /* @__PURE__ */ d({
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(a) {
-    const t = f(a, "modelValue"), { textarea: o } = h({
+  setup(u) {
+    const t = m(u, "modelValue"), { textarea: o } = _({
+      // @ts-expect-error - unexpected type mismatch
       input: t,
       styleProp: "minHeight"
-    }), { classCx: m, otherAttrs: s } = g();
-    return c(() => {
-      var n;
-      "autofocus" in s.value && ((n = o.value) == null || n.focus());
-    }), (n, e) => (x(), p("div", i(
-      r(m)(
+    }), { classCx: i, otherAttrs: r } = b();
+    return d(() => {
+      "autofocus" in r.value && o.value?.focus();
+    }), (h, e) => (c(), f("div", l(
+      n(i)(
         "bg-b-1.5 custom-scroll flex min-h-0 shrink cursor-text items-center gap-0.75 rounded-md border px-3 py-2.5 outline-offset-[-1px] focus-within:bg-b-1 has-[input:focus-visible]:outline"
       ),
       {
-        onClick: e[1] || (e[1] = (l) => {
-          var u;
-          return (u = r(o)) == null ? void 0 : u.focus();
-        })
+        onClick: e[1] || (e[1] = (s) => n(o)?.focus())
       }
     ), [
-      v(b("textarea", i({
+      p(x("textarea", l({
         ref_key: "textarea",
         ref: o,
-        "onUpdate:modelValue": e[0] || (e[0] = (l) => t.value = l)
-      }, r(s), { class: "w-full resize-none border-none bg-transparent text-sm focus-within:outline-none" }), null, 16), [
-        [_, t.value]
+        "onUpdate:modelValue": e[0] || (e[0] = (s) => t.value = s)
+      }, n(r), { class: "w-full resize-none border-none bg-transparent text-sm focus-within:outline-none" }), null, 16), [
+        [v, t.value]
       ])
     ], 16));
   }
 });
 export {
-  C as default
+  A as default
 };

package/dist/components/ScalarTextInput/ScalarTextInput.vue.js

@@ -1,19 +1,19 @@
-import { defineComponent as h, useModel as v, ref as $, onMounted as b, createElementBlock as t, openBlock as s, mergeProps as f, unref as c, createElementVNode as a, renderSlot as n, createCommentVNode as l, withDirectives as w, vModelDynamic as _, toDisplayString as k } from "vue";
-import { useBindCx as y } from "@scalar/use-hooks/useBindCx";
-const g = { class: "flex flex-1 relative" }, V = {
+import { defineComponent as x, useModel as h, ref as v, onMounted as $, createElementBlock as t, openBlock as s, mergeProps as d, unref as f, createElementVNode as a, renderSlot as n, createCommentVNode as l, withDirectives as b, vModelDynamic as w, toDisplayString as _ } from "vue";
+import { useBindCx as k } from "@scalar/use-hooks/useBindCx";
+const y = { class: "flex flex-1 relative" }, g = {
   key: 0,
   class: "select-none whitespace-nowrap text-sm text-transparent"
-}, C = {
+}, V = {
   key: 1,
   class: "absolute inset-0 select-none overflow-hidden whitespace-nowrap text-sm"
-}, M = {
+}, C = {
   key: 0,
   class: "text-c-2"
-}, B = { class: "text-transparent" }, D = {
+}, M = { class: "text-transparent" }, B = {
   key: 1,
   class: "text-c-2"
-}, S = {}, N = /* @__PURE__ */ h({
-  ...S,
+}, D = {}, E = /* @__PURE__ */ x({
+  ...D,
   inheritAttrs: !1,
   __name: "ScalarTextInput",
   props: {
@@ -21,40 +21,36 @@ const g = { class: "flex flex-1 relative" }, V = {
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(m) {
-    const r = v(m, "modelValue"), i = $(), { classCx: x, otherAttrs: u } = y();
-    return b(() => {
-      var e;
-      "autofocus" in u.value && ((e = i.value) == null || e.focus());
-    }), (e, o) => (s(), t("div", f(
-      c(x)(
+  setup(c) {
+    const r = h(c, "modelValue"), i = v(), { classCx: m, otherAttrs: u } = k();
+    return $(() => {
+      "autofocus" in u.value && i.value?.focus();
+    }), (e, o) => (s(), t("div", d(
+      f(m)(
         "bg-b-1.5 flex cursor-text items-center gap-0.75 rounded-md border px-3 py-2.5 outline-offset-[-1px] focus-within:bg-b-1 has-[input:focus-visible]:outline"
       ),
       {
-        onClick: o[1] || (o[1] = (p) => {
-          var d;
-          return (d = i.value) == null ? void 0 : d.focus();
-        })
+        onClick: o[1] || (o[1] = (p) => i.value?.focus())
       }
     ), [
-      a("div", g, [
-        e.$slots.prefix ? (s(), t("span", V, [
+      a("div", y, [
+        e.$slots.prefix ? (s(), t("span", g, [
           n(e.$slots, "prefix")
         ])) : l("", !0),
-        w(a("input", f({
+        b(a("input", d({
           ref_key: "input",
           ref: i,
           "onUpdate:modelValue": o[0] || (o[0] = (p) => r.value = p),
           class: "z-1 min-w-0 flex-1 border-none bg-transparent text-sm placeholder:font-[inherit] focus-within:outline-none"
-        }, c(u)), null, 16), [
-          [_, r.value]
+        }, f(u)), null, 16), [
+          [w, r.value]
         ]),
-        e.$slots.prefix || e.$slots.suffix ? (s(), t("div", C, [
-          e.$slots.prefix ? (s(), t("span", M, [
+        e.$slots.prefix || e.$slots.suffix ? (s(), t("div", V, [
+          e.$slots.prefix ? (s(), t("span", C, [
             n(e.$slots, "prefix")
           ])) : l("", !0),
-          a("span", B, k(r.value || e.$attrs.placeholder), 1),
-          e.$slots.suffix ? (s(), t("span", D, [
+          a("span", M, _(r.value || e.$attrs.placeholder), 1),
+          e.$slots.suffix ? (s(), t("span", B, [
             n(e.$slots, "suffix")
           ])) : l("", !0)
         ])) : l("", !0)
@@ -64,5 +60,5 @@ const g = { class: "flex flex-1 relative" }, V = {
   }
 });
 export {
-  N as default
+  E as default
 };

package/dist/components/ScalarTooltip/ScalarHotkeyTooltip.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as i, computed as n, render as f, h as l, createElementBlock as m, openBlock as s, normalizeClass as u, renderSlot as h } from "vue";
+import { defineComponent as c, ref as i, computed as o, render as f, h as l, createElementBlock as m, openBlock as s, normalizeClass as u, renderSlot as h } from "vue";
 import { DEFAULT_OFFSET as y, DEFAULT_DELAY as k } from "./constants.js";
 import { useTooltip as p } from "./useTooltip.js";
 import a from "../ScalarHotkey/ScalarHotkey.vue.js";
@@ -14,14 +14,14 @@ const T = {}, w = /* @__PURE__ */ c({
     offset: { default: () => y }
   },
   setup(e) {
-    const r = i(null), d = n(() => {
+    const n = i(null), d = o(() => {
       if (!document) return "";
-      const t = document.createElement("div"), o = "-m-0.5 border-none p-0 grid grid-flow-col *:border *:h-5 *:min-w-5 *:border-border-tooltip *:rounded *:px-1 *:flex *:items-center *:justify-center";
+      const t = document.createElement("div"), r = "-m-0.5 border-none p-0 grid grid-flow-col *:border *:h-5 *:min-w-5 *:border-border-tooltip *:rounded *:px-1 *:flex *:items-center *:justify-center";
       return e.content ? f(
         l("div", { class: "flex items-center gap-2" }, [
           e.content,
           l(a, {
-            class: o,
+            class: r,
             hotkey: e.hotkey,
             modifier: e.modifier
           })
@@ -29,7 +29,7 @@ const T = {}, w = /* @__PURE__ */ c({
         t
       ) : f(
         l(a, {
-          class: o,
+          class: r,
           hotkey: e.hotkey,
           modifier: e.modifier
         }),
@@ -39,18 +39,15 @@ const T = {}, w = /* @__PURE__ */ c({
     return p({
       content: d,
       contentTarget: "innerHTML",
-      delay: n(() => e.delay),
-      placement: n(() => e.placement),
-      offset: n(() => e.offset),
-      targetRef: n(
-        () => {
-          var t, o;
-          return ((o = (t = r.value) == null ? void 0 : t.children) == null ? void 0 : o[0]) || r.value || void 0;
-        }
+      delay: o(() => e.delay),
+      placement: o(() => e.placement),
+      offset: o(() => e.offset),
+      targetRef: o(
+        () => n.value?.children?.[0] || n.value || void 0
       )
-    }), (t, o) => (s(), m("div", {
+    }), (t, r) => (s(), m("div", {
       ref_key: "wrapperRef",
-      ref: r,
+      ref: n,
       class: u({ contents: !!t.$slots.default })
     }, [
       h(t.$slots, "default")