@scalar/components 0.14.33 → 0.14.34

package/dist/components/ScalarButton/ScalarButton.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as f, createElementBlock as a, openBlock as i, mergeProps as m, unref as o, createCommentVNode as r, renderSlot as l, normalizeClass as u, createVNode as g } from "vue";
-import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
-import { variants as v } from "./variants.js";
-import y from "../ScalarLoading/ScalarLoading.vue.js";
-const h = ["aria-disabled", "type"], c = {
+import { defineComponent as t, createElementBlock as a, openBlock as i, mergeProps as r, unref as o, createCommentVNode as s, renderSlot as l, normalizeClass as d, createVNode as u } from "vue";
+import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
+import { variants as f } from "./variants.js";
+import m from "../ScalarLoading/ScalarLoading.vue.js";
+const g = ["aria-disabled", "type"], b = {
   key: 3,
   class: "centered"
-}, $ = /* @__PURE__ */ f({
+}, z = /* @__PURE__ */ t({
   inheritAttrs: !1,
   __name: "ScalarButton",
   props: {
@@ -16,41 +16,38 @@ const h = ["aria-disabled", "type"], c = {
     variant: { default: "solid" },
     type: { default: "button" }
   },
-  setup(k) {
-    const { cx: p } = b();
-    return (e, B) => {
-      var s, d, n, t;
-      return i(), a("button", m(
-        {
-          "aria-disabled": e.disabled || void 0,
-          type: e.type
-        },
-        o(p)(o(v)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }), {
-          relative: (s = e.loading) == null ? void 0 : s.isLoading
-        })
-      ), [
-        e.$slots.icon ? (i(), a("div", {
-          key: 0,
-          class: u(["mr-2 h-4 w-4", { invisible: (d = e.loading) == null ? void 0 : d.isLoading }])
-        }, [
-          l(e.$slots, "icon")
-        ], 2)) : r("", !0),
-        e.loading ? (i(), a("span", {
-          key: 1,
-          class: u({ invisible: (n = e.loading) == null ? void 0 : n.isLoading })
-        }, [
-          l(e.$slots, "default")
-        ], 2)) : l(e.$slots, "default", { key: 2 }),
-        (t = e.loading) != null && t.isLoading ? (i(), a("div", c, [
-          g(o(y), {
-            loadingState: e.loading,
-            size: "xl"
-          }, null, 8, ["loadingState"])
-        ])) : r("", !0)
-      ], 16, h);
-    };
+  setup(v) {
+    const { cx: n } = p();
+    return (e, y) => (i(), a("button", r(
+      {
+        "aria-disabled": e.disabled || void 0,
+        type: e.type
+      },
+      o(n)(o(f)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }), {
+        relative: e.loading?.isLoading
+      })
+    ), [
+      e.$slots.icon ? (i(), a("div", {
+        key: 0,
+        class: d(["mr-2 h-4 w-4", { invisible: e.loading?.isLoading }])
+      }, [
+        l(e.$slots, "icon")
+      ], 2)) : s("", !0),
+      e.loading ? (i(), a("span", {
+        key: 1,
+        class: d({ invisible: e.loading?.isLoading })
+      }, [
+        l(e.$slots, "default")
+      ], 2)) : l(e.$slots, "default", { key: 2 }),
+      e.loading?.isLoading ? (i(), a("div", b, [
+        u(o(m), {
+          loadingState: e.loading,
+          size: "xl"
+        }, null, 8, ["loadingState"])
+      ])) : s("", !0)
+    ], 16, g));
   }
 });
 export {
-  $ as default
+  z as default
 };

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
-import { defineComponent as y, mergeModels as i, useModel as c, useSlots as k, ref as V, createBlock as f, openBlock as u, withCtx as t, createCommentVNode as w, createSlots as z, renderSlot as r, normalizeProps as s, guardReactiveProps as d } from "vue";
-import S from "./ScalarComboboxOptions.vue.js";
-import B from "./ScalarComboboxPopover.vue.js";
-const h = /* @__PURE__ */ y({
+import { defineComponent as b, mergeModels as m, useModel as y, useSlots as c, ref as k, createBlock as i, openBlock as f, withCtx as t, createCommentVNode as V, createSlots as w, renderSlot as r, normalizeProps as s, guardReactiveProps as d } from "vue";
+import z from "./ScalarComboboxOptions.vue.js";
+import S from "./ScalarComboboxPopover.vue.js";
+const P = /* @__PURE__ */ b({
   __name: "ScalarComboboxMultiselect",
-  props: /* @__PURE__ */ i({
+  props: /* @__PURE__ */ m({
     options: {},
     placeholder: {},
     placement: {},
@@ -16,12 +16,12 @@ const h = /* @__PURE__ */ y({
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ i(["add"], ["update:modelValue"]),
-  setup(g, { expose: v, emit: $ }) {
-    const n = c(g, "modelValue"), b = $;
-    k();
-    const p = V(null);
-    return v({ comboboxPopoverRef: p }), (e, l) => (u(), f(B, {
+  emits: /* @__PURE__ */ m(["add"], ["update:modelValue"]),
+  setup(u, { expose: g, emit: v }) {
+    const n = y(u, "modelValue"), $ = v;
+    c();
+    const p = k(null);
+    return g({ comboboxPopoverRef: p }), (e, l) => (f(), i(S, {
       ref_key: "comboboxPopoverRef",
       ref: p,
       middleware: e.middleware,
@@ -34,47 +34,44 @@ const h = /* @__PURE__ */ y({
       default: t(({ open: a }) => [
         r(e.$slots, "default", { open: a })
       ]),
-      popover: t(({ open: a }) => {
-        var m;
-        return [
-          (m = e.options) != null && m.length ? (u(), f(S, {
-            key: 0,
-            modelValue: n.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => n.value = o),
-            multiselect: "",
-            open: a,
-            options: e.options,
-            placeholder: e.placeholder,
-            onAdd: l[1] || (l[1] = (o) => b("add"))
-          }, z({ _: 2 }, [
-            e.$slots.option ? {
-              name: "option",
-              fn: t((o) => [
-                r(e.$slots, "option", s(d(o)))
-              ]),
-              key: "0"
-            } : void 0,
-            e.$slots.group ? {
-              name: "group",
-              fn: t((o) => [
-                r(e.$slots, "group", s(d(o)))
-              ]),
-              key: "1"
-            } : void 0,
-            e.$slots.add ? {
-              name: "add",
-              fn: t((o) => [
-                r(e.$slots, "add", s(d(o)))
-              ]),
-              key: "2"
-            } : void 0
-          ]), 1032, ["modelValue", "open", "options", "placeholder"])) : w("", !0)
-        ];
-      }),
+      popover: t(({ open: a }) => [
+        e.options?.length ? (f(), i(z, {
+          key: 0,
+          modelValue: n.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (o) => n.value = o),
+          multiselect: "",
+          open: a,
+          options: e.options,
+          placeholder: e.placeholder,
+          onAdd: l[1] || (l[1] = (o) => $("add"))
+        }, w({ _: 2 }, [
+          e.$slots.option ? {
+            name: "option",
+            fn: t((o) => [
+              r(e.$slots, "option", s(d(o)))
+            ]),
+            key: "0"
+          } : void 0,
+          e.$slots.group ? {
+            name: "group",
+            fn: t((o) => [
+              r(e.$slots, "group", s(d(o)))
+            ]),
+            key: "1"
+          } : void 0,
+          e.$slots.add ? {
+            name: "add",
+            fn: t((o) => [
+              r(e.$slots, "add", s(d(o)))
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["modelValue", "open", "options", "placeholder"])) : V("", !0)
+      ]),
       _: 3
     }, 8, ["middleware", "offset", "placement", "resize", "target", "teleport"]));
   }
 });
 export {
-  h as default
+  P as default
 };

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

@@ -1,13 +1,13 @@
-import { defineComponent as Z, mergeModels as G, useModel as _, useSlots as ee, useId as K, computed as x, ref as h, onMounted as q, watch as te, createElementBlock as m, openBlock as a, Fragment as f, createElementVNode as g, withDirectives as F, createVNode as V, unref as C, withKeys as S, withModifiers as w, vModelText as le, createBlock as B, createCommentVNode as P, renderList as U, withCtx as M, renderSlot as N, toDisplayString as j, createTextVNode as oe, vShow as ne } from "vue";
-import { ScalarIconMagnifyingGlass as ie, ScalarIconPlus as ae } from "@scalar/icons";
-import H from "./ScalarComboboxOption.vue.js";
-import se from "./ScalarComboboxOptionGroup.vue.js";
-import { isGroups as J } from "./types.js";
-import de from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
-const ue = { class: "relative flex" }, re = ["aria-activedescendant", "placeholder"], ve = ["aria-multiselectable"], ce = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, we = /* @__PURE__ */ Z({
+import { defineComponent as W, mergeModels as O, useModel as X, useSlots as Y, useId as z, computed as w, ref as M, onMounted as D, watch as Z, createElementBlock as c, openBlock as s, Fragment as m, createElementVNode as k, withDirectives as G, createVNode as I, unref as h, withKeys as V, withModifiers as y, vModelText as _, createBlock as C, createCommentVNode as K, renderList as q, withCtx as x, renderSlot as S, toDisplayString as F, createTextVNode as ee, vShow as te } from "vue";
+import { ScalarIconMagnifyingGlass as le, ScalarIconPlus as oe } from "@scalar/icons";
+import P from "./ScalarComboboxOption.vue.js";
+import ne from "./ScalarComboboxOptionGroup.vue.js";
+import { isGroups as U } from "./types.js";
+import ie from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
+const ae = { class: "relative flex" }, se = ["aria-activedescendant", "placeholder"], de = ["aria-multiselectable"], ue = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, be = /* @__PURE__ */ W({
   inheritAttrs: !1,
   __name: "ScalarComboboxOptions",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ O({
     options: {},
     placeholder: {},
     multiselect: { type: Boolean }
@@ -15,181 +15,165 @@ const ue = { class: "relative flex" }, re = ["aria-activedescendant", "placehold
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["add"], ["update:modelValue"]),
-  setup(A, { emit: Q }) {
-    var D;
-    const s = A, i = _(A, "modelValue"), R = Q, I = ee(), k = `scalar-combobox-items-${K()}`, p = { id: `${K()}-add`, label: "Add a new option" };
-    function b(t) {
-      return `${k}-${t.id}`;
+  emits: /* @__PURE__ */ O(["add"], ["update:modelValue"]),
+  setup(B, { emit: j }) {
+    const d = B, i = X(B, "modelValue"), H = j, g = Y(), $ = `scalar-combobox-items-${z()}`, f = { id: `${z()}-add`, label: "Add a new option" };
+    function p(t) {
+      return `${$}-${t.id}`;
     }
-    const v = x(
-      () => J(s.options) ? s.options.flatMap((t) => t.options) : s.options
-    ), W = x(
-      () => J(s.options) ? s.options : (
+    const r = w(
+      () => U(d.options) ? d.options.flatMap((t) => t.options) : d.options
+    ), J = w(
+      () => U(d.options) ? d.options : (
         /*
           We know G is an unextended OptionGroup<O> here because of the
           structure of the component props so we can cast it to G
         */
-        [{ label: "", options: s.options }]
+        [{ label: "", options: d.options }]
       )
       // G is OptionGroup<O>
-    ), d = h(""), o = h(((D = i.value) == null ? void 0 : D[0]) ?? v.value[0]);
-    q(async () => {
-      var e;
-      d.value = "", o.value = ((e = i.value) == null ? void 0 : e[0]) ?? v.value[0], i.value[0] && setTimeout(() => {
-        var l;
-        const c = i.value[0];
-        c && ((l = document == null ? void 0 : document.getElementById(b(c))) == null || l.scrollIntoView({ block: "nearest" }));
+    ), u = M(""), l = M(i.value?.[0] ?? r.value[0]);
+    D(async () => {
+      u.value = "", l.value = i.value?.[0] ?? r.value[0], i.value[0] && setTimeout(() => {
+        const e = i.value[0];
+        e && document?.getElementById(p(e))?.scrollIntoView({ block: "nearest" });
       }, 10);
-    }), te(
-      () => d.value,
-      () => o.value = E.value[0]
+    }), Z(
+      () => u.value,
+      () => l.value = N.value[0]
     );
-    const y = x(
-      () => d.value === "" ? v.value : v.value.filter((t) => t.label.toLowerCase().includes(d.value.toLowerCase()))
-    ), E = x(
-      () => I.add ? [...y.value, p] : y.value
+    const b = w(
+      () => u.value === "" ? r.value : r.value.filter((t) => t.label.toLowerCase().includes(u.value.toLowerCase()))
+    ), N = w(
+      () => g.add ? [...b.value, f] : b.value
     );
-    function T(t) {
+    function A(t) {
       if (t) {
-        if (t.id === p.id) {
-          O();
+        if (t.id === f.id) {
+          T();
           return;
         }
-        s.multiselect ? i.value.some((e) => e.id === t.id) ? i.value = i.value.filter((e) => e.id !== t.id) : i.value = [
+        d.multiselect ? i.value.some((e) => e.id === t.id) ? i.value = i.value.filter((e) => e.id !== t.id) : i.value = [
           ...i.value,
-          v.value.find((e) => e.id === t.id)
-        ] : i.value = [v.value.find((e) => e.id === t.id)];
+          r.value.find((e) => e.id === t.id)
+        ] : i.value = [r.value.find((e) => e.id === t.id)];
       }
     }
-    function L(t) {
-      var $;
-      const e = E.value, l = e.findIndex((n) => {
-        var u;
-        return n.id === ((u = o.value) == null ? void 0 : u.id);
-      }) + t;
-      l < 0 || l > e.length - 1 || (o.value = e[l], o.value && (($ = document == null ? void 0 : document.getElementById(b(o.value))) == null || $.scrollIntoView({
+    function E(t) {
+      const e = N.value, v = e.findIndex((n) => n.id === l.value?.id) + t;
+      v < 0 || v > e.length - 1 || (l.value = e[v], l.value && document?.getElementById(p(l.value))?.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
-      })));
+      }));
     }
-    function O() {
-      R("add"), d.value = "";
+    function T() {
+      H("add"), u.value = "";
     }
-    const z = h(null);
-    return q(() => setTimeout(() => {
-      var t;
-      return (t = z.value) == null ? void 0 : t.focus();
-    }, 0)), (t, e) => {
-      var c;
-      return a(), m(f, null, [
-        g("div", ue, [
-          V(C(ie), { class: "pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-c-3 size-4" }),
-          F(g("input", {
-            "onUpdate:modelValue": e[0] || (e[0] = (l) => d.value = l),
-            ref_key: "input",
-            ref: z,
-            "aria-activedescendant": o.value ? b(o.value) : void 0,
-            "aria-autocomplete": "list",
-            "aria-controls": k,
-            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: t.placeholder,
-            role: "combobox",
-            tabindex: "0",
-            type: "text",
-            onKeydown: [
-              e[1] || (e[1] = S(w((l) => L(1), ["prevent"]), ["down"])),
-              e[2] || (e[2] = S(w((l) => o.value && T(o.value), ["prevent"]), ["enter"])),
-              e[3] || (e[3] = S(w((l) => L(-1), ["prevent"]), ["up"]))
-            ]
-          }, null, 40, re), [
-            [le, d.value]
-          ])
-        ]),
-        F(g("ul", {
-          id: k,
-          "aria-multiselectable": t.multiselect,
-          class: "border-t p-0.75 custom-scroll overscroll-contain flex-1 min-h-0",
-          role: "listbox",
-          tabindex: "-1"
-        }, [
-          (a(!0), m(f, null, U(W.value, (l, $) => (a(), B(se, {
-            id: `${k}-group-${$}`,
-            key: $,
-            hidden: (
-              // Only show the group label if there are some results
-              !l.options.some((n) => y.value.some((u) => u.id === n.id)) || // And it has a label
-              !l.label
-            )
-          }, {
-            label: M(() => [
-              t.$slots.group ? N(t.$slots, "group", {
+    const L = M(null);
+    return D(() => setTimeout(() => L.value?.focus(), 0)), (t, e) => (s(), c(m, null, [
+      k("div", ae, [
+        I(h(le), { class: "pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-c-3 size-4" }),
+        G(k("input", {
+          "onUpdate:modelValue": e[0] || (e[0] = (o) => u.value = o),
+          ref_key: "input",
+          ref: L,
+          "aria-activedescendant": l.value ? p(l.value) : void 0,
+          "aria-autocomplete": "list",
+          "aria-controls": $,
+          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: t.placeholder,
+          role: "combobox",
+          tabindex: "0",
+          type: "text",
+          onKeydown: [
+            e[1] || (e[1] = V(y((o) => E(1), ["prevent"]), ["down"])),
+            e[2] || (e[2] = V(y((o) => l.value && A(l.value), ["prevent"]), ["enter"])),
+            e[3] || (e[3] = V(y((o) => E(-1), ["prevent"]), ["up"]))
+          ]
+        }, null, 40, se), [
+          [_, u.value]
+        ])
+      ]),
+      G(k("ul", {
+        id: $,
+        "aria-multiselectable": t.multiselect,
+        class: "border-t p-0.75 custom-scroll overscroll-contain flex-1 min-h-0",
+        role: "listbox",
+        tabindex: "-1"
+      }, [
+        (s(!0), c(m, null, q(J.value, (o, v) => (s(), C(ne, {
+          id: `${$}-group-${v}`,
+          key: v,
+          hidden: (
+            // Only show the group label if there are some results
+            !o.options.some((n) => b.value.some((a) => a.id === n.id)) || // And it has a label
+            !o.label
+          )
+        }, {
+          label: x(() => [
+            t.$slots.group ? S(t.$slots, "group", {
+              key: 0,
+              group: o
+            }) : (s(), c(m, { key: 1 }, [
+              ee(F(o.label), 1)
+            ], 64))
+          ]),
+          default: x(() => [
+            (s(!0), c(m, null, q(b.value, (n) => (s(), c(m, {
+              key: n.id
+            }, [
+              o.options.some((a) => a.id === n.id) ? (s(), C(P, {
                 key: 0,
-                group: l
-              }) : (a(), m(f, { key: 1 }, [
-                oe(j(l.label), 1)
-              ], 64))
-            ]),
-            default: M(() => [
-              (a(!0), m(f, null, U(y.value, (n) => {
-                var u;
-                return a(), m(f, {
-                  key: n.id
-                }, [
-                  l.options.some((r) => r.id === n.id) ? (a(), B(H, {
+                id: p(n),
+                active: l.value?.id === n.id,
+                selected: i.value.some((a) => a.id === n.id),
+                onClick: (a) => A(n),
+                onMousedown: e[4] || (e[4] = y(() => {
+                }, ["prevent"])),
+                onMouseenter: (a) => l.value = n
+              }, {
+                default: x(({ active: a, selected: Q }) => [
+                  t.$slots.option ? S(t.$slots, "option", {
                     key: 0,
-                    id: b(n),
-                    active: ((u = o.value) == null ? void 0 : u.id) === n.id,
-                    selected: i.value.some((r) => r.id === n.id),
-                    onClick: (r) => T(n),
-                    onMousedown: e[4] || (e[4] = w(() => {
-                    }, ["prevent"])),
-                    onMouseenter: (r) => o.value = n
-                  }, {
-                    default: M(({ active: r, selected: X }) => [
-                      t.$slots.option ? N(t.$slots, "option", {
-                        key: 0,
-                        option: n,
-                        active: r,
-                        selected: X
-                      }) : (a(), m(f, { key: 1 }, [
-                        V(C(de), {
-                          selected: i.value.some((Y) => Y.id === n.id),
-                          multiselect: t.multiselect
-                        }, null, 8, ["selected", "multiselect"]),
-                        g("span", ce, j(n.label), 1)
-                      ], 64))
-                    ]),
-                    _: 2
-                  }, 1032, ["id", "active", "selected", "onClick", "onMouseenter"])) : P("", !0)
-                ], 64);
-              }), 128))
-            ]),
-            _: 2
-          }, 1032, ["id", "hidden"]))), 128)),
-          I.add ? (a(), B(H, {
-            key: 0,
-            id: b(p),
-            active: ((c = o.value) == null ? void 0 : c.id) === p.id,
-            onClick: O,
-            onMousedown: e[5] || (e[5] = w(() => {
-            }, ["prevent"])),
-            onMouseenter: e[6] || (e[6] = (l) => o.value = p)
-          }, {
-            default: M(({ active: l }) => [
-              V(C(ae), { class: "size-4 p-px" }),
-              N(t.$slots, "add", { active: l })
-            ]),
-            _: 3
-          }, 8, ["id", "active"])) : P("", !0)
-        ], 8, ve), [
-          [ne, y.value.length || I.add]
-        ])
-      ], 64);
-    };
+                    option: n,
+                    active: a,
+                    selected: Q
+                  }) : (s(), c(m, { key: 1 }, [
+                    I(h(ie), {
+                      selected: i.value.some((R) => R.id === n.id),
+                      multiselect: t.multiselect
+                    }, null, 8, ["selected", "multiselect"]),
+                    k("span", ue, F(n.label), 1)
+                  ], 64))
+                ]),
+                _: 2
+              }, 1032, ["id", "active", "selected", "onClick", "onMouseenter"])) : K("", !0)
+            ], 64))), 128))
+          ]),
+          _: 2
+        }, 1032, ["id", "hidden"]))), 128)),
+        g.add ? (s(), C(P, {
+          key: 0,
+          id: p(f),
+          active: l.value?.id === f.id,
+          onClick: T,
+          onMousedown: e[5] || (e[5] = y(() => {
+          }, ["prevent"])),
+          onMouseenter: e[6] || (e[6] = (o) => l.value = f)
+        }, {
+          default: x(({ active: o }) => [
+            I(h(oe), { class: "size-4 p-px" }),
+            S(t.$slots, "add", { active: o })
+          ]),
+          _: 3
+        }, 8, ["id", "active"])) : K("", !0)
+      ], 8, de), [
+        [te, b.value.length || g.add]
+      ])
+    ], 64));
   }
 });
 export {
-  we as default
+  be as default
 };