@scalar/components 0.16.20 → 0.16.22

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

@@ -1,12 +1,12 @@
-import { defineComponent as A, mergeModels as m, useModel as p, ref as c, createElementBlock as v, openBlock as r, mergeProps as E, unref as s, withModifiers as g, renderSlot as a, createCommentVNode as y, createBlock as $, createElementVNode as F, resolveDynamicComponent as T, createSlots as k, withCtx as n, createVNode as b, createTextVNode as w, toDisplayString as j } from "vue";
-import { useBindCx as P } from "@scalar/use-hooks/useBindCx";
-import U from "./ScalarFileUploadDropTarget.vue.js";
-import _ from "./ScalarFileUploadError.vue.js";
+import { defineComponent as S, mergeModels as m, useModel as c, ref as v, createElementBlock as p, openBlock as n, mergeProps as A, unref as s, withModifiers as g, renderSlot as r, createCommentVNode as y, createBlock as $, createElementVNode as E, resolveDynamicComponent as F, createSlots as k, withCtx as i, createVNode as b, createTextVNode as T, toDisplayString as w } from "vue";
+import { useBindCx as j } from "@scalar/use-hooks/useBindCx";
+import P from "./ScalarFileUploadDropTarget.vue.js";
+import U 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 h } from "./types.js";
-const H = ["accept", "multiple"], I = {}, Y = /* @__PURE__ */ A({
+const H = ["accept", "multiple"], I = {}, Y = /* @__PURE__ */ S({
   ...I,
   inheritAttrs: !1,
   __name: "ScalarFileUpload",
@@ -22,62 +22,62 @@ const H = ["accept", "multiple"], I = {}, Y = /* @__PURE__ */ A({
     errorModifiers: {}
   }),
   emits: /* @__PURE__ */ m(["selected"], ["update:modelValue", "update:error"]),
-  setup(i, { emit: C }) {
-    const D = C, V = p(i, "modelValue"), l = p(i, "error"), u = c(), t = c(!1);
+  setup(t, { emit: C }) {
+    const D = C, V = c(t, "modelValue"), o = c(t, "error"), u = v(), a = v(!1);
     function d() {
       u.value?.click();
     }
     function f(e) {
-      if (l.value = void 0, !e || e.length < 1) {
-        l.value = "No files found to upload";
+      if (o.value = void 0, !e || e.length < 1) {
+        o.value = "No files found to upload";
         return;
       }
-      const o = Array.from(e);
-      if (!i.multiple && o.length > 1) {
-        l.value = "Too many files selected";
+      const l = Array.from(e);
+      if (!t.multiple && l.length > 1) {
+        o.value = "Too many files selected";
         return;
       }
-      V.value = o, D("selected", o);
+      V.value = l, D("selected", l);
     }
-    function B(e) {
-      const o = e.target.files;
-      f(o);
+    function x(e) {
+      const l = e.target.files;
+      f(l);
     }
-    function M(e) {
-      t.value = !1, f(e.dataTransfer?.files);
+    function B(e) {
+      a.value = !1, f(e.dataTransfer?.files);
     }
-    const { cx: N } = P();
-    return (e, o) => (r(), v("div", E(
-      s(N)(
+    const { cx: M } = j();
+    return (e, l) => (n(), p("div", A(
+      s(M)(
         "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(() => {
+        onDragenter: l[1] || (l[1] = (N) => a.value = !0),
+        onDragover: l[2] || (l[2] = g(() => {
         }, ["prevent"])),
-        onDrop: g(M, ["prevent"])
+        onDrop: g(B, ["prevent"])
       }
     ), [
-      a(e.$slots, "default", { open: d }, () => [
-        (r(), $(T(
-          e.variant === "compact" ? z : q
+      r(e.$slots, "default", { open: d }, () => [
+        (n(), $(F(
+          t.variant === "compact" ? z : q
         ), {
-          extensions: s(h)(e.accept) ? e.accept : void 0,
+          extensions: s(h)(t.accept) ? t.accept : void 0,
           onClick: d
         }, k({ _: 2 }, [
           e.$slots.label ? {
             name: "default",
-            fn: n(() => [
-              a(e.$slots, "label")
+            fn: i(() => [
+              r(e.$slots, "label")
             ]),
             key: "0"
           } : void 0,
-          l.value ? {
+          o.value ? {
             name: "sublabel",
-            fn: n(() => [
-              b(_, null, {
-                default: n(() => [
-                  w(j(l.value), 1)
+            fn: i(() => [
+              b(U, null, {
+                default: i(() => [
+                  T(w(o.value), 1)
                 ]),
                 _: 1
               })
@@ -86,35 +86,35 @@ const H = ["accept", "multiple"], I = {}, Y = /* @__PURE__ */ A({
           } : void 0
         ]), 1032, ["extensions"]))
       ]),
-      t.value ? (r(), v("div", {
+      a.value ? (n(), p("div", {
         key: 0,
         class: "absolute inset-0",
-        onDragleave: o[0] || (o[0] = (S) => t.value = !1)
+        onDragleave: l[0] || (l[0] = (N) => a.value = !1)
       }, [
-        a(e.$slots, "drop-target", {}, () => [
-          b(U, null, k({ _: 2 }, [
+        r(e.$slots, "drop-target", {}, () => [
+          b(P, null, k({ _: 2 }, [
             e.$slots["drop-target-label"] ? {
               name: "default",
-              fn: n(() => [
-                a(e.$slots, "drop-target-label")
+              fn: i(() => [
+                r(e.$slots, "drop-target-label")
               ]),
               key: "0"
             } : void 0
           ]), 1024)
         ])
       ], 32)) : y("", !0),
-      e.loader?.isActive ? (r(), $(G, {
+      t.loader?.isActive ? (n(), $(G, {
         key: 1,
-        loader: e.loader
+        loader: t.loader
       }, null, 8, ["loader"])) : y("", !0),
-      F("input", {
+      E("input", {
         ref_key: "input",
         ref: u,
-        accept: s(h)(e.accept) ? e.accept.join(",") : e.accept,
+        accept: s(h)(t.accept) ? t.accept.join(",") : t.accept,
         class: "sr-only",
-        multiple: e.multiple,
+        multiple: t.multiple,
         type: "file",
-        onChange: B
+        onChange: x
       }, null, 40, H)
     ], 16));
   }

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

@@ -1,11 +1,11 @@
-import { defineComponent as m, createElementBlock as i, openBlock as n, normalizeProps as f, guardReactiveProps as u, unref as l, createElementVNode as s, renderSlot as r, createVNode as c, createTextVNode as o, toDisplayString as p, withCtx as x, createCommentVNode as _ } from "vue";
-import { useBindCx as k } from "@scalar/use-hooks/useBindCx";
-import y from "../ScalarButton/ScalarButton.vue.js";
-const v = { class: "flex items-center gap-1.5 whitespace-nowrap" }, B = { class: "text-c-2" }, C = {
+import { defineComponent as f, createElementBlock as n, openBlock as l, normalizeProps as c, guardReactiveProps as u, unref as r, createElementVNode as t, renderSlot as a, createVNode as x, createTextVNode as i, toDisplayString as p, withCtx as k, createCommentVNode as y } from "vue";
+import { useBindCx as v } from "@scalar/use-hooks/useBindCx";
+import B from "../ScalarButton/ScalarButton.vue.js";
+const C = { class: "flex items-center gap-1.5 whitespace-nowrap" }, g = { class: "text-c-2" }, w = {
   key: 0,
   class: "text-c-3 text-xs"
-}, g = {}, $ = /* @__PURE__ */ m({
-  ...g,
+}, N = {}, $ = /* @__PURE__ */ f({
+  ...N,
   inheritAttrs: !1,
   __name: "ScalarFileUploadInput",
   props: {
@@ -13,33 +13,33 @@ const v = { class: "flex items-center gap-1.5 whitespace-nowrap" }, B = { class:
     extensions: {}
   },
   emits: ["click"],
-  setup(w) {
-    const { cx: a } = k();
-    return (t, e) => (n(), i("div", f(u(l(a)("flex items-center justify-center gap-2 flex-col px-6 py-4"))), [
-      s("div", v, [
-        s("span", B, [
-          r(t.$slots, "default", {}, () => [
-            o("Drop " + p(t.multiple ? "files" : "file") + " here to upload", 1)
+  setup(s) {
+    const { cx: d } = v();
+    return (o, e) => (l(), n("div", c(u(r(d)("flex items-center justify-center gap-2 flex-col px-6 py-4"))), [
+      t("div", C, [
+        t("span", g, [
+          a(o.$slots, "default", {}, () => [
+            i("Drop " + p(s.multiple ? "files" : "file") + " here to upload", 1)
           ]),
-          e[1] || (e[1] = s("span", { class: "text-c-3" }, " or", -1))
+          e[1] || (e[1] = t("span", { class: "text-c-3" }, " or", -1))
         ]),
-        c(l(y), {
+        x(r(B), {
           size: "xs",
           tabindex: "-1",
           variant: "outlined",
-          onClick: e[0] || (e[0] = (d) => t.$emit("click", d))
+          onClick: e[0] || (e[0] = (m) => o.$emit("click", m))
         }, {
-          default: x(() => [...e[2] || (e[2] = [
-            o(" Browse files ", -1)
+          default: k(() => [...e[2] || (e[2] = [
+            i(" Browse files ", -1)
           ])]),
           _: 1
         })
       ]),
-      r(t.$slots, "sublabel", {}, () => [
-        t.extensions ? (n(), i("div", C, [
-          e[3] || (e[3] = s("span", { class: "font-medium" }, "Supported file types:", -1)),
-          o(" " + p(t.extensions.join(", ")), 1)
-        ])) : _("", !0)
+      a(o.$slots, "sublabel", {}, () => [
+        s.extensions ? (l(), n("div", w, [
+          e[3] || (e[3] = t("span", { class: "font-medium" }, "Supported file types:", -1)),
+          i(" " + p(s.extensions.join(", ")), 1)
+        ])) : y("", !0)
       ])
     ], 16));
   }

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

@@ -1,11 +1,11 @@
-import { defineComponent as c, createElementBlock as o, openBlock as s, mergeProps as m, unref as n, createElementVNode as l, renderSlot as i, createVNode as d, toDisplayString as r, createCommentVNode as u } from "vue";
-import { ScalarIconUploadSimple as f } from "@scalar/icons";
-import { useBindCx as x } from "@scalar/use-hooks/useBindCx";
-const _ = { class: "flex items-center gap-1 whitespace-nowrap text-c-2" }, b = {
+import { defineComponent as m, createElementBlock as n, openBlock as l, mergeProps as d, unref as s, createElementVNode as i, renderSlot as r, createVNode as u, toDisplayString as a, createCommentVNode as f } from "vue";
+import { ScalarIconUploadSimple as x } from "@scalar/icons";
+import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
+const k = { class: "flex items-center gap-1 whitespace-nowrap text-c-2" }, y = {
   key: 0,
   class: "text-c-3 text-xs"
-}, k = {}, h = /* @__PURE__ */ c({
-  ...k,
+}, g = {}, h = /* @__PURE__ */ m({
+  ...g,
   inheritAttrs: !1,
   __name: "ScalarFileUploadInputCompact",
   props: {
@@ -13,25 +13,25 @@ const _ = { class: "flex items-center gap-1 whitespace-nowrap text-c-2" }, b = {
     extensions: {}
   },
   emits: ["click"],
-  setup(y) {
-    const { cx: p } = x();
-    return (e, t) => (s(), o("button", m(
+  setup(e) {
+    const { cx: c } = b();
+    return (t, o) => (l(), n("button", d(
       { type: "button" },
-      n(p)(
+      s(c)(
         "flex items-center justify-center gap-1 rounded flex-col px-4 py-3 hover:bg-b-2"
       ),
       {
-        onClick: t[0] || (t[0] = (a) => e.$emit("click", a))
+        onClick: o[0] || (o[0] = (p) => t.$emit("click", p))
       }
     ), [
-      l("div", _, [
-        i(e.$slots, "default", {}, () => [
-          d(n(f), { class: "size-3.5" }),
-          l("span", null, " Upload " + r(e.multiple ? "files" : "file"), 1)
+      i("div", k, [
+        r(t.$slots, "default", {}, () => [
+          u(s(x), { class: "size-3.5" }),
+          i("span", null, " Upload " + a(e.multiple ? "files" : "file"), 1)
         ])
       ]),
-      i(e.$slots, "sublabel", {}, () => [
-        e.extensions ? (s(), o("div", b, r(e.extensions.join(", ")), 1)) : u("", !0)
+      r(t.$slots, "sublabel", {}, () => [
+        e.extensions ? (l(), n("div", y, a(e.extensions.join(", ")), 1)) : f("", !0)
       ])
     ], 16));
   }

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

@@ -1,6 +1,6 @@
-import { defineComponent as t, createElementBlock as a, openBlock as n, normalizeProps as l, guardReactiveProps as i, unref as e, createVNode as s } from "vue";
-import { useBindCx as c } from "@scalar/use-hooks/useBindCx";
-import d from "../ScalarLoading/ScalarLoading.vue.js";
+import { defineComponent as t, createElementBlock as a, openBlock as n, normalizeProps as l, guardReactiveProps as c, unref as e, createVNode as i } from "vue";
+import { useBindCx as d } from "@scalar/use-hooks/useBindCx";
+import s from "../ScalarLoading/ScalarLoading.vue.js";
 const p = {}, z = /* @__PURE__ */ t({
   ...p,
   inheritAttrs: !1,
@@ -8,15 +8,15 @@ const p = {}, z = /* @__PURE__ */ t({
   props: {
     loader: {}
   },
-  setup(u) {
-    const { cx: r } = c();
-    return (o, m) => (n(), a("div", l(i(
-      e(r)(
+  setup(r) {
+    const { cx: o } = d();
+    return (u, m) => (n(), a("div", l(c(
+      e(o)(
         " size-full flex items-center justify-center absolute inset-0 z-1 rounded p-1 backdrop-blur text-c-2"
       )
     )), [
-      s(e(d), {
-        loader: o.loader,
+      i(e(s), {
+        loader: r.loader,
         size: "md"
       }, null, 8, ["loader"])
     ], 16));

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

@@ -1,5 +1,5 @@
-import { defineComponent as b, ref as d, computed as a, createElementBlock as z, openBlock as s, Fragment as S, createElementVNode as m, createBlock as $, createCommentVNode as k, normalizeClass as x, renderSlot as u, unref as i, withCtx as B, normalizeStyle as E } from "vue";
-import { getSideAxis as c } from "@floating-ui/utils";
+import { defineComponent as b, ref as d, computed as a, createElementBlock as x, openBlock as s, Fragment as z, createElementVNode as m, createBlock as S, createCommentVNode as $, normalizeClass as k, renderSlot as c, unref as i, withCtx as B, normalizeStyle as E } from "vue";
+import { getSideAxis as u } from "@floating-ui/utils";
 import { useFloating as R, autoUpdate as C, offset as F, flip as M, shift as H, size as T } from "@floating-ui/vue";
 import { useResizeWithTarget as N } from "./useResizeWithTarget.js";
 import W from "../ScalarTeleport/ScalarTeleport.vue.js";
@@ -14,55 +14,55 @@ const D = /* @__PURE__ */ b({
     middleware: { default: () => [] },
     teleport: { type: [Boolean, String] }
   },
-  setup(t, { expose: g }) {
+  setup(e, { expose: g }) {
     const r = d(null), n = d(null), o = a(() => {
       if (typeof window < "u" && n.value) {
-        if (typeof t.target == "string") {
-          const l = document.getElementById(t.target);
+        if (typeof e.target == "string") {
+          const l = document.getElementById(e.target);
           if (l)
             return l;
-          console.warn(`ScalarFloating: Target with id="${t.target}" not found`);
-        } else if (t.target instanceof HTMLElement)
-          return t.target;
-        const e = n.value.children?.[0];
-        return e instanceof HTMLElement ? e : n.value;
+          console.warn(`ScalarFloating: Target with id="${e.target}" not found`);
+        } else if (e.target instanceof HTMLElement)
+          return e.target;
+        const t = n.value.children?.[0];
+        return t instanceof HTMLElement ? t : n.value;
       }
     }), f = N(o, {
-      enabled: a(() => t.resize)
+      enabled: a(() => e.resize)
     }), h = a(
-      () => c(t.placement ?? "bottom") === "y" ? f.width.value : void 0
-    ), p = a(
-      () => c(t.placement ?? "bottom") === "x" ? f.height.value : void 0
-    ), { floatingStyles: y, middlewareData: v } = R(o, r, {
-      placement: a(() => t.placement ?? "bottom"),
+      () => u(e.placement ?? "bottom") === "y" ? f.width.value : void 0
+    ), y = a(
+      () => u(e.placement ?? "bottom") === "x" ? f.height.value : void 0
+    ), { floatingStyles: v, middlewareData: w } = R(o, r, {
+      placement: a(() => e.placement ?? "bottom"),
       whileElementsMounted: C,
       middleware: a(() => [
-        F(t.offset),
+        F(e.offset),
         M(),
         H({ padding: 10 }),
         T({
-          apply({ availableWidth: e, availableHeight: l, elements: w }) {
-            Object.assign(w.floating.style, {
-              maxWidth: `${Math.max(0, e) - 20}px`,
+          apply({ availableWidth: t, availableHeight: l, elements: p }) {
+            Object.assign(p.floating.style, {
+              maxWidth: `${Math.max(0, t) - 20}px`,
               maxHeight: `${Math.max(0, l) - 20}px`
             });
           }
         }),
-        ...t.middleware
+        ...e.middleware
       ])
     });
     return g({
       /** The resolved target element */
       targetRef: o
-    }), (e, l) => (s(), z(S, null, [
+    }), (t, l) => (s(), x(z, null, [
       m("div", {
         ref_key: "wrapperRef",
         ref: n,
-        class: x({ contents: !!e.$slots.default })
+        class: k({ contents: !!t.$slots.default })
       }, [
-        u(e.$slots, "default")
+        c(t.$slots, "default")
       ], 2),
-      e.$slots.floating ? (s(), $(i(W), {
+      t.$slots.floating ? (s(), S(i(W), {
         key: 0,
         disabled: !e.teleport,
         to: typeof e.teleport == "string" ? e.teleport : void 0
@@ -72,17 +72,17 @@ const D = /* @__PURE__ */ b({
             ref_key: "floatingRef",
             ref: r,
             class: "relative z-context",
-            style: E(i(y))
+            style: E(i(v))
           }, [
-            u(e.$slots, "floating", {
-              data: i(v),
-              height: p.value,
+            c(t.$slots, "floating", {
+              data: i(w),
+              height: y.value,
               width: h.value
             })
           ], 4)
         ]),
         _: 3
-      }, 8, ["disabled", "to"])) : k("", !0)
+      }, 8, ["disabled", "to"])) : $("", !0)
     ], 64));
   }
 });

package/dist/components/ScalarForm/ScalarFormError.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as c, computed as l, createElementBlock as s, openBlock as a, mergeProps as d, unref as n, createBlock as m, renderSlot as u, resolveDynamicComponent as f } from "vue";
+import { defineComponent as i, computed as l, createElementBlock as s, openBlock as e, mergeProps as d, unref as a, createBlock as m, renderSlot as u, resolveDynamicComponent as f } from "vue";
 import { ScalarIconWarningCircle as v, ScalarIconWarning as g } from "@scalar/icons";
-import { cva as p, useBindCx as b } from "@scalar/use-hooks/useBindCx";
-const C = /* @__PURE__ */ c({
+import { cva as b, useBindCx as p } from "@scalar/use-hooks/useBindCx";
+const C = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "ScalarFormError",
   props: {
@@ -9,7 +9,7 @@ const C = /* @__PURE__ */ c({
     icon: {}
   },
   setup(r) {
-    const t = l(() => r.icon ? r.icon : r.variant === "error" ? v : g), o = p({
+    const n = l(() => r.icon ? r.icon : r.variant === "error" ? v : g), t = b({
       base: "flex items-baseline gap-1.5 rounded border p-2",
       variants: {
         variant: {
@@ -17,13 +17,13 @@ const C = /* @__PURE__ */ c({
           warning: "border-c-alert bg-b-alert text-c-alert"
         }
       }
-    }), { cx: i } = b();
-    return (e, x) => (a(), s("div", d({ role: "alert" }, n(i)(n(o)({ variant: e.variant }))), [
-      (a(), m(f(t.value), {
+    }), { cx: o } = p();
+    return (c, x) => (e(), s("div", d({ role: "alert" }, a(o)(a(t)({ variant: r.variant }))), [
+      (e(), m(f(n.value), {
         class: "relative top-0.5 shrink-0",
         weight: "bold"
       })),
-      u(e.$slots, "default")
+      u(c.$slots, "default")
     ], 16));
   }
 });

package/dist/components/ScalarForm/ScalarFormField.vue.js

@@ -1,34 +1,34 @@
-import { defineComponent as n, createBlock as i, openBlock as t, resolveDynamicComponent as m, normalizeProps as p, guardReactiveProps as c, unref as l, withCtx as d, createElementBlock as a, createCommentVNode as r, renderSlot as o, normalizeClass as f } from "vue";
-import { useBindCx as u } from "@scalar/use-hooks/useBindCx";
-const _ = {
+import { defineComponent as i, createBlock as m, openBlock as t, resolveDynamicComponent as c, normalizeProps as d, guardReactiveProps as f, unref as l, withCtx as p, createElementBlock as a, createCommentVNode as n, renderSlot as o, normalizeClass as u } from "vue";
+import { useBindCx as _ } from "@scalar/use-hooks/useBindCx";
+const b = {
   key: 0,
   class: "flex items-start justify-between gap-2 text-sm leading-none text-c-1 whitespace-nowrap font-medium"
-}, b = {}, x = /* @__PURE__ */ n({
-  ...b,
+}, w = {}, k = /* @__PURE__ */ i({
+  ...w,
   inheritAttrs: !1,
   __name: "ScalarFormField",
   props: {
     is: { default: "label" }
   },
-  setup(w) {
-    const { cx: s } = u();
-    return (e, C) => (t(), i(m(e.is), p(c(l(s)("flex flex-col gap-1.5 rounded"))), {
-      default: d(() => [
-        e.$slots.label ? (t(), a("div", _, [
+  setup(r) {
+    const { cx: s } = _();
+    return (e, x) => (t(), m(c(r.is), d(f(l(s)("flex flex-col gap-1.5 rounded"))), {
+      default: p(() => [
+        e.$slots.label ? (t(), a("div", b, [
           o(e.$slots, "label")
-        ])) : r("", !0),
+        ])) : n("", !0),
         o(e.$slots, "default"),
         e.$slots.below ? (t(), a("span", {
           key: 1,
-          class: f(l(s)("-mt-1.5 text-sm"))
+          class: u(l(s)("-mt-1.5 text-sm"))
         }, [
           o(e.$slots, "below")
-        ], 2)) : r("", !0)
+        ], 2)) : n("", !0)
       ]),
       _: 3
     }, 16));
   }
 });
 export {
-  x as default
+  k as default
 };

package/dist/components/ScalarForm/ScalarFormInput.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as s, createBlock as u, openBlock as i, resolveDynamicComponent as p, mergeProps as a, unref as e, withCtx as d, renderSlot as f } from "vue";
-import { useBindCx as l, cva as c } from "@scalar/use-hooks/useBindCx";
-import { useFormGroupInput as m } from "./useFormGroups.js";
-const b = {}, y = /* @__PURE__ */ s({
-  ...b,
+import { defineComponent as s, createBlock as i, openBlock as a, resolveDynamicComponent as p, mergeProps as c, unref as e, withCtx as d, renderSlot as f } from "vue";
+import { useBindCx as l, cva as m } from "@scalar/use-hooks/useBindCx";
+import { useFormGroupInput as b } from "./useFormGroups.js";
+const x = {}, y = /* @__PURE__ */ s({
+  ...x,
   inheritAttrs: !1,
   __name: "ScalarFormInput",
   props: {
     is: { default: "button" }
   },
-  setup(_) {
-    const { cx: o } = l(), r = m(), n = c({
+  setup(t) {
+    const { cx: o } = l(), r = b(), n = m({
       base: [
         // Layout
         "bg-b-1.5 flex items-center text-c-2 gap-0.75 px-3 py-2.5 ",
@@ -24,11 +24,11 @@ const b = {}, y = /* @__PURE__ */ s({
         button: { true: "cursor-pointer hover:bg-b-2" }
       }
     });
-    return (t, g) => (i(), u(p(t.is), a({
+    return (u, g) => (a(), i(p(t.is), c({
       type: t.is === "button" ? "button" : void 0
     }, e(o)(e(n)({ button: t.is === "button", grouped: e(r) }))), {
       default: d(() => [
-        f(t.$slots, "default")
+        f(u.$slots, "default")
       ]),
       _: 3
     }, 16, ["type"]));

package/dist/components/ScalarForm/ScalarFormInputGroup.vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as r, createBlock as t, openBlock as n, resolveDynamicComponent as s, normalizeProps as a, guardReactiveProps as i, unref as p, withCtx as l, renderSlot as u } from "vue";
-import { useBindCx as d } from "@scalar/use-hooks/useBindCx";
+import { defineComponent as t, createBlock as n, openBlock as s, resolveDynamicComponent as a, normalizeProps as i, guardReactiveProps as l, unref as u, withCtx as d, renderSlot as p } from "vue";
+import { useBindCx as c } from "@scalar/use-hooks/useBindCx";
 import { useFormGroup as f } from "./useFormGroups.js";
-const m = {}, h = /* @__PURE__ */ r({
+const m = {}, h = /* @__PURE__ */ t({
   ...m,
   inheritAttrs: !1,
   __name: "ScalarFormInputGroup",
   props: {
     is: { default: "div" }
   },
-  setup(c) {
-    const { cx: o } = d();
-    return f(), (e, _) => (n(), t(s(e.is), a(i(p(o)("flex flex-col border rounded divide-y"))), {
-      default: l(() => [
-        u(e.$slots, "default")
+  setup(e) {
+    const { cx: o } = c();
+    return f(), (r, _) => (s(), n(a(e.is), i(l(u(o)("flex flex-col border rounded divide-y"))), {
+      default: d(() => [
+        p(r.$slots, "default")
       ]),
       _: 3
     }, 16));

package/dist/components/ScalarHeader/ScalarHeaderButton.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as r, createBlock as a, openBlock as s, resolveDynamicComponent as i, mergeProps as u, unref as t, withCtx as p, renderSlot as c } from "vue";
-import { cva as l, useBindCx as d } from "@scalar/use-hooks/useBindCx";
-const f = {}, g = /* @__PURE__ */ r({
-  ...f,
+import { defineComponent as a, createBlock as i, openBlock as s, resolveDynamicComponent as u, mergeProps as c, unref as t, withCtx as l, renderSlot as d } from "vue";
+import { cva as f, useBindCx as p } from "@scalar/use-hooks/useBindCx";
+const m = {}, x = /* @__PURE__ */ a({
+  ...m,
   inheritAttrs: !1,
   __name: "ScalarHeaderButton",
   props: {
     is: { default: "button" },
     active: { type: Boolean }
   },
-  setup(m) {
-    const o = l({
+  setup(e) {
+    const n = f({
       base: "group/button flex items-center rounded  px-2.5 py-1.5 font-medium no-underline leading-3 ",
       variants: {
         active: {
@@ -17,17 +17,17 @@ const f = {}, g = /* @__PURE__ */ r({
           false: "bg-transparent hover:bg-b-3 cursor-pointer"
         }
       }
-    }), { cx: n } = d();
-    return (e, b) => (s(), a(i(e.is), u({
+    }), { cx: o } = p();
+    return (r, b) => (s(), i(u(e.is), c({
       type: e.is === "button" ? "button" : void 0
-    }, t(n)(t(o)({ active: e.active }))), {
-      default: p(() => [
-        c(e.$slots, "default")
+    }, t(o)(t(n)({ active: e.active }))), {
+      default: l(() => [
+        d(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["type"]));
   }
 });
 export {
-  g as default
+  x as default
 };