@scalar/components 0.16.20 → 0.16.23

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

@@ -1,4 +1,4 @@
-import { defineComponent as h, mergeModels as f, useModel as T, useTemplateRef as z, ref as N, createElementBlock as m, openBlock as c, normalizeStyle as A, normalizeClass as I, renderSlot as t, createVNode as o, mergeProps as _, unref as a, createSlots as w, withCtx as s, createBlock as M, createCommentVNode as p, Transition as P, normalizeProps as R, guardReactiveProps as V, createTextVNode as q, nextTick as b } from "vue";
+import { defineComponent as h, mergeModels as f, useModel as T, useTemplateRef as x, ref as z, createElementBlock as m, openBlock as c, normalizeStyle as N, normalizeClass as A, renderSlot as o, createVNode as s, mergeProps as I, unref as i, createSlots as w, withCtx as l, createBlock as M, createCommentVNode as p, Transition as P, normalizeProps as R, guardReactiveProps as V, createTextVNode as q, nextTick as b } from "vue";
 import { ScalarIconArrowRight as E, ScalarIconCaretLeft as L } from "@scalar/icons";
 import v from "./ScalarSidebarButton.vue.js";
 import O from "./ScalarSidebarItems.vue.js";
@@ -7,12 +7,12 @@ import j from "./ScalarSidebarSpacer.vue.js";
 import { findScrollContainer as k } from "./findScrollContainer.js";
 import { useSidebarGroups as F } from "./useSidebarGroups.js";
 import { useSidebarNestedItem as G } from "./useSidebarNestedItems.js";
-import x from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-const D = {
+import D from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+const H = {
   key: 0,
   class: "absolute inset-0 translate-x-full"
-}, H = {}, oe = /* @__PURE__ */ h({
-  ...H,
+}, J = {}, oe = /* @__PURE__ */ h({
+  ...J,
   inheritAttrs: !1,
   __name: "ScalarSidebarNestedItems",
   props: /* @__PURE__ */ f({
@@ -29,56 +29,56 @@ const D = {
     openModifiers: {}
   }),
   emits: /* @__PURE__ */ f(["click", "back"], ["update:open"]),
-  setup(r, { emit: y }) {
-    const d = y, l = T(r, "open");
-    G(l);
-    const { level: $ } = F({ reset: !0 }), n = z("el"), i = N(0);
+  setup(t, { emit: y }) {
+    const d = y, n = T(t, "open");
+    G(n);
+    const { level: $ } = F({ reset: !0 }), a = x("el"), r = z(0);
     function S() {
-      i.value = k(n.value).scrollTop ?? 0, b(
-        () => n.value?.querySelector('button:not([aria-expanded="true"])')?.focus({ preventScroll: !0 })
+      r.value = k(a.value).scrollTop ?? 0, b(
+        () => a.value?.querySelector('button:not([aria-expanded="true"])')?.focus({ preventScroll: !0 })
       );
     }
     function C() {
       b(() => {
-        n.value?.querySelector("button")?.focus({ preventScroll: !0 }), k(n.value).scrollTop = i.value;
+        a.value?.querySelector("button")?.focus({ preventScroll: !0 }), k(a.value).scrollTop = r.value;
       });
     }
     const B = (e) => {
-      d("click", e), r.controlled || (l.value = !0);
+      d("click", e), t.controlled || (n.value = !0);
     }, g = (e) => {
-      d("back", e), r.controlled || (l.value = !1);
+      d("back", e), t.controlled || (n.value = !1);
     };
     return (e, u) => (c(), m("li", {
       ref_key: "el",
-      ref: n,
-      class: I(["group/item group/nested-items contents", { "group/nested-items-open": l.value }]),
-      style: A({ "--nested-items-offset": `${i.value}px` })
+      ref: a,
+      class: A(["group/item group/nested-items contents", { "group/nested-items-open": n.value }]),
+      style: N({ "--nested-items-offset": `${r.value}px` })
     }, [
-      t(e.$slots, "button", {}, () => [
-        o(v, _({
+      o(e.$slots, "button", {}, () => [
+        s(v, I({
           is: "button",
-          "aria-expanded": l.value,
-          disabled: e.disabled,
-          indent: a($),
-          selected: e.selected
+          "aria-expanded": n.value,
+          disabled: t.disabled,
+          indent: i($),
+          selected: t.selected
         }, e.$attrs, { onClick: B }), w({
-          aside: s(() => [
-            t(e.$slots, "aside", {}, () => [
-              o(a(E), { class: "size-4 text-sidebar-c-2" })
+          aside: l(() => [
+            o(e.$slots, "aside", {}, () => [
+              s(i(E), { class: "size-4 text-sidebar-c-2" })
             ])
           ]),
-          default: s(() => [
-            t(e.$slots, "default")
+          default: l(() => [
+            o(e.$slots, "default")
           ]),
           _: 2
         }, [
-          e.icon || e.$slots.icon ? {
+          t.icon || e.$slots.icon ? {
             name: "icon",
-            fn: s(() => [
-              t(e.$slots, "icon", {}, () => [
-                e.icon ? (c(), M(a(x), {
+            fn: l(() => [
+              o(e.$slots, "icon", {}, () => [
+                t.icon ? (c(), M(i(D), {
                   key: 0,
-                  icon: e.icon,
+                  icon: t.icon,
                   weight: "bold"
                 }, null, 8, ["icon"])) : p("", !0)
               ])
@@ -87,36 +87,36 @@ const D = {
           } : void 0
         ]), 1040, ["aria-expanded", "disabled", "indent", "selected"])
       ]),
-      o(P, {
+      s(P, {
         duration: 300,
         enterActiveClass: "top-(--nested-items-offset)",
         leaveActiveClass: "top-(--nested-items-offset)",
         onEnter: S,
         onLeave: C
       }, {
-        default: s(() => [
-          l.value ? (c(), m("div", D, [
-            o(O, R(V(e.$attrs)), {
-              default: s(() => [
-                t(e.$slots, "back", {}, () => [
-                  o(v, {
+        default: l(() => [
+          n.value ? (c(), m("div", H, [
+            s(O, R(V(e.$attrs)), {
+              default: l(() => [
+                o(e.$slots, "back", {}, () => [
+                  s(v, {
                     is: "button",
                     class: "text-sidebar-c-1 font-sidebar-active hover:text-sidebar-c-1",
                     onClick: g
                   }, {
-                    icon: s(() => [
-                      o(a(L), { class: "size-4 -m-px text-sidebar-c-2" })
+                    icon: l(() => [
+                      s(i(L), { class: "size-4 -m-px text-sidebar-c-2" })
                     ]),
-                    default: s(() => [
-                      t(e.$slots, "back-label", {}, () => [
+                    default: l(() => [
+                      o(e.$slots, "back-label", {}, () => [
                         u[0] || (u[0] = q("Back", -1))
                       ])
                     ]),
                     _: 3
                   })
                 ]),
-                o(j, { class: "h-3" }),
-                t(e.$slots, "items")
+                s(j, { class: "h-3" }),
+                o(e.$slots, "items")
               ]),
               _: 3
             }, 16)

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

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

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

@@ -1,9 +1,9 @@
-import { defineComponent as l, createBlock as c, openBlock as d, resolveDynamicComponent as p, normalizeProps as f, guardReactiveProps as m, unref as t, withCtx as s, createVNode as n, createElementVNode as u, renderSlot as i } from "vue";
-import { useBindCx as _ } from "@scalar/use-hooks/useBindCx";
-import b from "./ScalarSidebarButton.vue.js";
-import r from "./ScalarSidebarSpacer.vue.js";
+import { defineComponent as c, createBlock as d, openBlock as p, resolveDynamicComponent as f, normalizeProps as m, guardReactiveProps as u, unref as e, withCtx as s, createVNode as n, createElementVNode as _, renderSlot as r } from "vue";
+import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
+import x from "./ScalarSidebarButton.vue.js";
+import a from "./ScalarSidebarSpacer.vue.js";
 import { useSidebarGroups as g } from "./useSidebarGroups.js";
-const h = { class: "flex flex-col gap-px" }, y = {}, N = /* @__PURE__ */ l({
+const h = { class: "flex flex-col gap-px" }, y = {}, N = /* @__PURE__ */ c({
   ...y,
   inheritAttrs: !1,
   __name: "ScalarSidebarSection",
@@ -15,32 +15,32 @@ const h = { class: "flex flex-col gap-px" }, y = {}, N = /* @__PURE__ */ l({
     disabled: { type: Boolean },
     indent: {}
   },
-  setup(B) {
-    const { level: o } = g({ increment: !1 }), { cx: a } = _();
-    return (e, v) => (d(), c(p(e.is), f(m(t(a)("group/item group/sidebar-section contents"))), {
+  setup(o) {
+    const { level: t } = g({ increment: !1 }), { cx: l } = b();
+    return (i, B) => (p(), d(f(o.is), m(u(e(l)("group/item group/sidebar-section contents"))), {
       default: s(() => [
-        n(r, {
+        n(a, {
           class: "group/spacer-before h-3",
-          indent: t(o)
+          indent: e(t)
         }, null, 8, ["indent"]),
-        n(b, {
+        n(x, {
           is: "div",
           class: "text-sm/5 py-1.75 font-bold",
           disabled: "",
-          icon: e.icon,
-          indent: t(o)
+          icon: o.icon,
+          indent: e(t)
         }, {
           default: s(() => [
-            i(e.$slots, "default")
+            r(i.$slots, "default")
           ]),
           _: 3
         }, 8, ["icon", "indent"]),
-        u("ul", h, [
-          i(e.$slots, "items")
+        _("ul", h, [
+          r(i.$slots, "items")
         ]),
-        n(r, {
+        n(a, {
           class: "group/spacer-after h-3",
-          indent: t(o)
+          indent: e(t)
         }, null, 8, ["indent"])
       ]),
       _: 3

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

@@ -1,17 +1,17 @@
-import { defineComponent as r, createElementBlock as t, openBlock as o, normalizeProps as a, guardReactiveProps as i, unref as c, createVNode as d } from "vue";
-import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
-import l from "./ScalarSidebarIndent.vue.js";
-const s = {}, S = /* @__PURE__ */ r({
+import { defineComponent as t, createElementBlock as r, openBlock as a, normalizeProps as o, guardReactiveProps as i, unref as c, createVNode as d } from "vue";
+import { useBindCx as l } from "@scalar/use-hooks/useBindCx";
+import p from "./ScalarSidebarIndent.vue.js";
+const s = {}, S = /* @__PURE__ */ t({
   ...s,
   inheritAttrs: !1,
   __name: "ScalarSidebarSpacer",
   props: {
     indent: { default: 0 }
   },
-  setup(f) {
-    const { cx: e } = p();
-    return (n, m) => (o(), t("div", a(i(c(e)("flex px-2 h-1"))), [
-      d(l, { indent: n.indent }, null, 8, ["indent"])
+  setup(e) {
+    const { cx: n } = l();
+    return (f, m) => (a(), r("div", o(i(c(n)("flex px-2 h-1"))), [
+      d(p, { indent: e.indent }, null, 8, ["indent"])
     ], 16));
   }
 });

package/dist/components/ScalarTeleport/ScalarTeleport.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as o, createBlock as r, openBlock as a, Teleport as s, unref as l, createElementVNode as d, mergeProps as n, renderSlot as p } from "vue";
-import { useTeleport as i } from "./useTeleport.js";
-const m = {}, b = /* @__PURE__ */ o({
-  ...m,
+import { defineComponent as a, createBlock as r, openBlock as l, Teleport as s, unref as d, createElementVNode as n, mergeProps as i, renderSlot as c } from "vue";
+import { useTeleport as m } from "./useTeleport.js";
+const p = {}, y = /* @__PURE__ */ a({
+  ...p,
   inheritAttrs: !1,
   __name: "ScalarTeleport",
   props: {
@@ -9,22 +9,22 @@ const m = {}, b = /* @__PURE__ */ o({
     immediate: { type: Boolean },
     disabled: { type: Boolean }
   },
-  setup(f) {
-    const t = i();
-    return (e, c) => (a(), r(s, {
+  setup(e) {
+    const o = m();
+    return (t, f) => (l(), r(s, {
       defer: !e.immediate,
       disabled: e.disabled,
-      to: e.to || l(t)
+      to: e.to || d(o)
     }, [
-      d("div", n({
+      n("div", i({
         class: "scalar-app",
         style: { display: "contents" }
-      }, e.$attrs), [
-        p(e.$slots, "default")
+      }, t.$attrs), [
+        c(t.$slots, "default")
       ], 16)
     ], 8, ["defer", "disabled", "to"]));
   }
 });
 export {
-  b as default
+  y as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as y, mergeModels as v, useModel as x, ref as _, onMounted as $, createBlock as k, openBlock as t, unref as r, mergeProps as c, withCtx as w, createElementVNode as i, renderSlot as o, createElementBlock as n, createCommentVNode as l, withDirectives as C, vModelDynamic as g, toDisplayString as V } from "vue";
+import { defineComponent as y, mergeModels as x, useModel as v, ref as $, onMounted as k, createBlock as w, openBlock as s, unref as i, mergeProps as f, withCtx as _, createElementVNode as d, renderSlot as n, createElementBlock as l, createCommentVNode as a, withDirectives as C, vModelDynamic as g, toDisplayString as V } from "vue";
 import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
 import B from "../ScalarForm/ScalarFormInput.vue.js";
 const M = { class: "flex flex-1 relative" }, A = {
@@ -17,55 +17,55 @@ const M = { class: "flex flex-1 relative" }, A = {
   ...I,
   inheritAttrs: !1,
   __name: "ScalarTextInput",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ x({
     readonly: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(d) {
-    const a = x(d, "modelValue"), s = _(), { stylingAttrsCx: p, otherAttrs: u } = b();
-    $(() => {
-      "autofocus" in u.value && s.value?.focus();
+  setup(t) {
+    const r = v(t, "modelValue"), o = $(), { stylingAttrsCx: m, otherAttrs: u } = b();
+    k(() => {
+      "autofocus" in u.value && o.value?.focus();
     });
-    function m() {
-      d.readonly ? s.value?.select() : s.value?.focus();
+    function p() {
+      t.readonly ? o.value?.select() : o.value?.focus();
     }
-    return (e, f) => (t(), k(r(B), c(
+    return (e, c) => (s(), w(i(B), f(
       { is: "div" },
-      r(p)(
+      i(m)(
         "cursor-text text-c-1",
-        e.readonly ? "" : "focus-within:bg-b-1"
+        t.readonly ? "" : "focus-within:bg-b-1"
       ),
-      { onClick: m }
+      { onClick: p }
     ), {
-      default: w(() => [
-        i("div", M, [
-          e.$slots.prefix ? (t(), n("span", A, [
-            o(e.$slots, "prefix")
-          ])) : l("", !0),
-          C(i("input", c({
+      default: _(() => [
+        d("div", M, [
+          e.$slots.prefix ? (s(), l("span", A, [
+            n(e.$slots, "prefix")
+          ])) : a("", !0),
+          C(d("input", f({
             ref_key: "input",
-            ref: s,
-            "onUpdate:modelValue": f[0] || (f[0] = (h) => a.value = h),
-            "aria-readonly": e.readonly || void 0,
+            ref: o,
+            "onUpdate:modelValue": c[0] || (c[0] = (h) => r.value = h),
+            "aria-readonly": t.readonly || void 0,
             class: "z-1 min-w-0 flex-1 border-none bg-transparent text-sm placeholder:font-[inherit] focus-within:outline-none",
-            readonly: e.readonly
-          }, r(u)), null, 16, D), [
-            [g, a.value]
+            readonly: t.readonly
+          }, i(u)), null, 16, D), [
+            [g, r.value]
           ]),
-          e.$slots.prefix || e.$slots.suffix ? (t(), n("div", S, [
-            e.$slots.prefix ? (t(), n("span", E, [
-              o(e.$slots, "prefix")
-            ])) : l("", !0),
-            i("span", N, V(a.value || e.$attrs.placeholder), 1),
-            e.$slots.suffix ? (t(), n("span", z, [
-              o(e.$slots, "suffix")
-            ])) : l("", !0)
-          ])) : l("", !0)
+          e.$slots.prefix || e.$slots.suffix ? (s(), l("div", S, [
+            e.$slots.prefix ? (s(), l("span", E, [
+              n(e.$slots, "prefix")
+            ])) : a("", !0),
+            d("span", N, V(r.value || e.$attrs.placeholder), 1),
+            e.$slots.suffix ? (s(), l("span", z, [
+              n(e.$slots, "suffix")
+            ])) : a("", !0)
+          ])) : a("", !0)
         ]),
-        o(e.$slots, "aside")
+        n(e.$slots, "aside")
       ]),
       _: 3
     }, 16));

package/dist/components/ScalarToggle/ScalarToggle.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as c, mergeModels as u, useModel as m, createElementBlock as t, openBlock as o, normalizeClass as n, unref as r, createElementVNode as b, createCommentVNode as p, toDisplayString as f } from "vue";
-import { cva as h, cx as v } from "@scalar/use-hooks/useBindCx";
-const g = ["aria-checked", "aria-disabled"], k = {
+import { defineComponent as d, mergeModels as i, useModel as u, createElementBlock as t, openBlock as l, normalizeClass as o, unref as n, createElementVNode as m, createCommentVNode as b, toDisplayString as f } from "vue";
+import { cva as p, cx as h } from "@scalar/use-hooks/useBindCx";
+const v = ["aria-checked", "aria-disabled"], g = {
   key: 0,
   class: "sr-only"
-}, x = /* @__PURE__ */ c({
+}, V = /* @__PURE__ */ d({
   __name: "ScalarToggle",
-  props: /* @__PURE__ */ u({
+  props: /* @__PURE__ */ i({
     disabled: { type: Boolean },
     label: {}
   }, {
@@ -13,33 +13,33 @@ const g = ["aria-checked", "aria-disabled"], k = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l) {
-    const s = l, e = m(l, "modelValue");
-    function d() {
-      s.disabled || (e.value = !e.value);
+  setup(e) {
+    const r = e, a = u(e, "modelValue");
+    function s() {
+      r.disabled || (a.value = !a.value);
     }
-    const i = h({
+    const c = p({
       base: "relative h-3.5 min-w-6 w-6 cursor-pointer rounded-full bg-b-3 transition-colors duration-300",
       variants: {
         checked: { true: "bg-c-accent" },
         disabled: { true: "cursor-not-allowed opacity-40" }
       }
     });
-    return (a, y) => (o(), t("button", {
-      "aria-checked": e.value,
-      "aria-disabled": a.disabled,
-      class: n(r(v)(r(i)({ checked: e.value, disabled: a.disabled }))),
+    return (k, x) => (l(), t("button", {
+      "aria-checked": a.value,
+      "aria-disabled": e.disabled,
+      class: o(n(h)(n(c)({ checked: a.value, disabled: e.disabled }))),
       role: "switch",
       type: "button",
-      onClick: d
+      onClick: s
     }, [
-      b("div", {
-        class: n(["absolute left-px top-px flex h-3 w-3 items-center justify-center rounded-full bg-b-1 text-c-accent transition-transform duration-300", { "translate-x-2.5": e.value }])
+      m("div", {
+        class: o(["absolute left-px top-px flex h-3 w-3 items-center justify-center rounded-full bg-b-1 text-c-accent transition-transform duration-300", { "translate-x-2.5": a.value }])
       }, null, 2),
-      a.label ? (o(), t("span", k, f(a.label), 1)) : p("", !0)
-    ], 10, g));
+      e.label ? (l(), t("span", g, f(e.label), 1)) : b("", !0)
+    ], 10, v));
   }
 });
 export {
-  x as default
+  V as default
 };

package/dist/components/ScalarToggle/ScalarToggleGroup.vue.js

@@ -1,27 +1,27 @@
-import { defineComponent as n, mergeModels as s, useModel as f, createBlock as o, openBlock as t, unref as c, withCtx as u, createElementBlock as _, Fragment as i, renderList as p, createTextVNode as V, toDisplayString as v } from "vue";
-import g from "./ScalarToggleInput.vue.js";
-import k from "../ScalarForm/ScalarFormInputGroup.vue.js";
-const x = {}, C = /* @__PURE__ */ n({
-  ...x,
+import { defineComponent as d, mergeModels as n, useModel as s, createBlock as u, openBlock as t, unref as c, withCtx as r, createElementBlock as f, Fragment as _, renderList as i, createTextVNode as p, toDisplayString as V } from "vue";
+import v from "./ScalarToggleInput.vue.js";
+import g from "../ScalarForm/ScalarFormInputGroup.vue.js";
+const k = {}, C = /* @__PURE__ */ d({
+  ...k,
   __name: "ScalarToggleGroup",
-  props: /* @__PURE__ */ s({
+  props: /* @__PURE__ */ n({
     options: { default: () => [] }
   }, {
     modelValue: { default: [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(r) {
-    const l = f(r, "modelValue");
-    return (m, B) => (t(), o(c(k), null, {
-      default: u(() => [
-        (t(!0), _(i, null, p(m.options, (e) => (t(), o(g, {
+  setup(o) {
+    const l = s(o, "modelValue");
+    return (x, B) => (t(), u(c(g), null, {
+      default: r(() => [
+        (t(!0), f(_, null, i(o.options, (e) => (t(), u(v, {
           key: e.value,
           modelValue: l.value?.some(({ value: a }) => a === e.value),
-          "onUpdate:modelValue": (a) => l.value = a ? [...l.value, e] : l.value.filter(({ value: d }) => d !== e.value)
+          "onUpdate:modelValue": (a) => l.value = a ? [...l.value, e] : l.value.filter(({ value: m }) => m !== e.value)
         }, {
-          default: u(() => [
-            V(v(e.label), 1)
+          default: r(() => [
+            p(V(e.label), 1)
           ]),
           _: 2
         }, 1032, ["modelValue", "onUpdate:modelValue"]))), 128))