@scalar/components 0.12.55 → 0.12.56

package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.d.ts

@@ -1,11 +1,9 @@
 import { type LoadingState } from '../ScalarLoading';
-declare function __VLS_template(): {
-    label?(_: {}): any;
-};
-declare const __VLS_component: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     loading?: LoadingState;
     modelValue?: string;
     sidebar?: boolean;
+    label?: string;
 }, {
     focus: () => void;
     blur: () => void;
@@ -15,14 +13,9 @@ declare const __VLS_component: import("vue").DefineComponent<{
     loading?: LoadingState;
     modelValue?: string;
     sidebar?: boolean;
+    label?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 //# sourceMappingURL=ScalarSearchInput.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"names":[],"mappings":"AA8FA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAgEnE,iBAAS,cAAc;mBAsGI,GAAG;EA0B7B;AACD,QAAA,MAAM,eAAe;cA5LT,YAAY;iBACT,MAAM;cACT,OAAO;;;;;;;cAFP,YAAY;iBACT,MAAM;cACT,OAAO;;;kFAoMjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"names":[],"mappings":"AA8FA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;;cAKvD,YAAY;iBACT,MAAM;cACT,OAAO;YACT,MAAM;;;;;;;cAHJ,YAAY;iBACT,MAAM;cACT,OAAO;YACT,MAAM;;;;AAoLhB,wBAUG"}

package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js

@@ -1,27 +1,28 @@
-import { defineComponent as b, ref as h, computed as g, useAttrs as k, openBlock as l, createElementBlock as v, mergeProps as S, unref as s, createElementVNode as i, renderSlot as V, createTextVNode as y, createBlock as o, createCommentVNode as u, normalizeClass as C } from "vue";
-import { cva as N, cx as c } from "../../cva.js";
-import z from "../ScalarIcon/ScalarIcon.vue.js";
-import B from "../ScalarLoading/ScalarLoading.vue.js";
-import I from "../ScalarIconButton/ScalarIconButton.vue.js";
-const E = { class: "sr-only" }, $ = ["value"], _ = /* @__PURE__ */ b({
+import { defineComponent as b, ref as h, computed as g, useAttrs as k, openBlock as s, createElementBlock as v, normalizeClass as i, unref as a, createBlock as o, createCommentVNode as u, createElementVNode as S, mergeProps as V } from "vue";
+import { cva as y, cx as c } from "../../cva.js";
+import C from "../ScalarIcon/ScalarIcon.vue.js";
+import N from "../ScalarLoading/ScalarLoading.vue.js";
+import z from "../ScalarIconButton/ScalarIconButton.vue.js";
+const B = ["aria-label", "value"], q = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "ScalarSearchInput",
   props: {
     loading: {},
     modelValue: {},
-    sidebar: { type: Boolean }
+    sidebar: { type: Boolean },
+    label: {}
   },
   emits: ["update:modelValue"],
-  setup(w, { expose: d, emit: m }) {
-    const r = m, t = h(null);
+  setup(I, { expose: d, emit: m }) {
+    const t = m, r = h(null);
     function p(e) {
-      r("update:modelValue", e.target.value);
+      t("update:modelValue", e.target.value);
     }
     const n = g(() => {
-      const { class: e, ...a } = k();
-      return { className: e || "", rest: a };
-    }), f = N({
-      base: "flex items-center rounded border bg-b-1 text-sm font-medium",
+      const { class: e, ...l } = k();
+      return { className: e || "", rest: l };
+    }), f = y({
+      base: "flex items-center rounded border bg-b-1 text-sm font-medium has-[:focus-visible]:outline",
       variants: {
         sidebar: {
           true: "h-8 gap-1.5 px-1.5",
@@ -32,56 +33,53 @@ const E = { class: "sr-only" }, $ = ["value"], _ = /* @__PURE__ */ b({
     return d({
       focus: () => {
         var e;
-        (e = t.value) == null || e.focus();
+        (e = r.value) == null || e.focus();
       },
       blur: () => {
         var e;
-        (e = t.value) == null || e.blur();
+        (e = r.value) == null || e.blur();
       }
-    }), (e, a) => (l(), v("label", S(n.value.rest, {
-      class: s(c)(s(f)({ sidebar: e.sidebar }), n.value.className)
-    }), [
-      i("span", E, [
-        V(e.$slots, "label", {}, () => [
-          a[1] || (a[1] = y("Enter search"))
-        ])
-      ]),
-      e.sidebar ? (l(), o(s(z), {
+    }), (e, l) => (s(), v("label", {
+      class: i(a(c)(a(f)({ sidebar: e.sidebar }), n.value.className))
+    }, [
+      e.sidebar ? (s(), o(a(C), {
         key: 0,
         class: "text-c-2",
         icon: "Search",
         size: "xs",
         thickness: "2.5"
       })) : u("", !0),
-      i("input", {
+      S("input", V({
         ref_key: "inputRef",
-        ref: t,
+        ref: r
+      }, n.value.rest, {
+        "aria-label": e.label ?? "Enter search query",
         autocapitalize: "off",
         autocomplete: "off",
         autocorrect: "off",
-        class: "flex-1 rounded border-none bg-transparent outline-none",
+        class: "flex-1 appearance-none rounded border-none bg-transparent outline-none",
         placeholder: "Search...",
         spellcheck: "false",
-        type: "text",
+        type: "search",
         value: e.modelValue,
         onInput: p
-      }, null, 40, $),
-      e.loading && e.loading.isLoading ? (l(), o(s(B), {
+      }), null, 16, B),
+      e.loading && e.loading.isLoading ? (s(), o(a(N), {
         key: 1,
         class: "mr-3 self-center",
         loadingState: e.loading,
         size: "md"
-      }, null, 8, ["loadingState"])) : e.modelValue ? (l(), o(s(I), {
+      }, null, 8, ["loadingState"])) : e.modelValue ? (s(), o(a(z), {
         key: 2,
-        class: C(s(c)("p-0", e.sidebar ? "h-4 w-4" : "h-5 w-5")),
+        class: i(a(c)("p-0", e.sidebar ? "h-4 w-4" : "h-5 w-5")),
         icon: "Close",
         label: "Clear Search",
         thickness: e.sidebar ? "1.75" : "1.5",
-        onClick: a[0] || (a[0] = (x) => r("update:modelValue", ""))
+        onClick: l[0] || (l[0] = (E) => t("update:modelValue", ""))
       }, null, 8, ["class", "thickness"])) : u("", !0)
-    ], 16));
+    ], 2));
   }
 });
 export {
-  _ as default
+  q as default
 };

package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSearchResultItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultItem.vue"],"names":[],"mappings":"AAsEA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAuBrD,iBAAS,cAAc;kBAqGG,GAAG;qBACA,GAAG;mBACL,GAAG;yBACG,GAAG;EAiBnC;AACD,QAAA,MAAM,eAAe;WA5IZ,IAAI;aACF,OAAO;;WADT,IAAI;aACF,OAAO;iGAiJhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSearchResultItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultItem.vue"],"names":[],"mappings":"AAwEA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAuBrD,iBAAS,cAAc;kBAqGG,GAAG;qBACA,GAAG;mBACL,GAAG;yBACG,GAAG;EAiBnC;AACD,QAAA,MAAM,eAAe;WA5IZ,IAAI;aACF,OAAO;;WADT,IAAI;aACF,OAAO;iGAiJhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.js

@@ -1,7 +1,10 @@
-import { defineComponent as i, computed as d, useAttrs as m, openBlock as t, createElementBlock as n, createElementVNode as s, mergeProps as u, unref as a, renderSlot as r, createBlock as p, createCommentVNode as c } from "vue";
+import { defineComponent as i, computed as d, useAttrs as m, openBlock as t, createElementBlock as n, createElementVNode as s, mergeProps as u, unref as a, renderSlot as r, createBlock as p, createCommentVNode as l } from "vue";
 import { cx as f } from "../../cva.js";
 import v from "../ScalarIcon/ScalarIcon.vue.js";
-const h = { class: "contents" }, _ = {
+const h = {
+  class: "contents",
+  role: "option"
+}, _ = {
   key: 0,
   class: "flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1"
 }, x = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, g = { class: "flex items-center gap-1" }, k = { class: "flex-1 truncate text-sm font-medium" }, y = {
@@ -18,18 +21,18 @@ const h = { class: "contents" }, _ = {
     active: { type: Boolean }
   },
   setup(N) {
-    const l = d(() => {
+    const c = d(() => {
       const { class: e, ...o } = m();
       return { className: e || "", rest: o };
     });
     return (e, o) => (t(), n("li", h, [
-      s("a", u(l.value.rest, {
+      s("a", u(c.value.rest, {
         class: a(f)(
           "group flex cursor-pointer gap-2.5 rounded px-3 py-1.5 no-underline hover:bg-b-2",
           {
             "bg-b-2": e.active
           },
-          l.value.className
+          c.value.className
         )
       }), [
         e.icon ? (t(), n("div", _, [
@@ -38,10 +41,10 @@ const h = { class: "contents" }, _ = {
               key: 0,
               icon: e.icon,
               size: "sm"
-            }, null, 8, ["icon"])) : c("", !0)
+            }, null, 8, ["icon"])) : l("", !0)
           ]),
           o[0] || (o[0] = s("span", null, " ", -1))
-        ])) : c("", !0),
+        ])) : l("", !0),
         s("div", x, [
           s("div", g, [
             s("div", k, [
@@ -49,11 +52,11 @@ const h = { class: "contents" }, _ = {
             ]),
             e.$slots.addon ? (t(), n("div", y, [
               r(e.$slots, "addon")
-            ])) : c("", !0)
+            ])) : l("", !0)
           ]),
           e.$slots.description ? (t(), n("div", $, [
             r(e.$slots, "description")
-          ])) : c("", !0)
+          ])) : l("", !0)
         ])
       ], 16)
     ]));

package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSearchResultList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultList.vue"],"names":[],"mappings":"AA0DA,iBAAS,cAAc;uBAuCQ,GAAG;qBACL,GAAG;EAgB/B;AACD,QAAA,MAAM,eAAe;gBA1EP,OAAO;;gBAAP,OAAO;iGAgFnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSearchResultList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultList.vue"],"names":[],"mappings":"AA2DA,iBAAS,cAAc;uBAuCQ,GAAG;qBACL,GAAG;EAgB/B;AACD,QAAA,MAAM,eAAe;gBA1EP,OAAO;;gBAAP,OAAO;iGAgFnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.js

@@ -12,7 +12,8 @@ const v = /* @__PURE__ */ r({
       return { className: e || "", rest: t };
     });
     return (e, t) => (c(), m("ul", u(l.value.rest, {
-      class: p(d)("flex flex-col", l.value.className)
+      class: p(d)("flex flex-col", l.value.className),
+      role: "listbox"
     }), [
       e.noResults ? o(e.$slots, "noResults", { key: 0 }, () => [
         t[0] || (t[0] = s("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [

package/dist/components/ScalarToggle/ScalarToggle.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScalarToggle.spec.d.ts.map

package/dist/components/ScalarToggle/ScalarToggle.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarToggle.spec.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/ScalarToggle.spec.ts"],"names":[],"mappings":""}

package/dist/components/ScalarToggle/ScalarToggle.stories.d.ts

@@ -0,0 +1,92 @@
+import type { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    component: import("vue").DefineComponent<{
+        modelValue: boolean;
+        disabled?: boolean;
+        id?: string;
+        ariaLabel?: string;
+        ariaLabelledBy?: string;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: boolean) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        modelValue: boolean;
+        disabled?: boolean;
+        id?: string;
+        ariaLabel?: string;
+        ariaLabelledBy?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {
+        modelValue: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+    };
+    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
+        modelValue: boolean;
+        disabled?: boolean;
+        id?: string;
+        ariaLabel?: string;
+        ariaLabelledBy?: string;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: boolean) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        modelValue: boolean;
+        disabled?: boolean;
+        id?: string;
+        ariaLabel?: string;
+        ariaLabelledBy?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>) => {
+        components: {
+            ScalarToggle: import("vue").DefineComponent<{
+                modelValue: boolean;
+                disabled?: boolean;
+                id?: string;
+                ariaLabel?: string;
+                ariaLabelledBy?: string;
+            }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+                "update:modelValue": (value: boolean) => any;
+            }, string, import("vue").PublicProps, Readonly<{
+                modelValue: boolean;
+                disabled?: boolean;
+                id?: string;
+                ariaLabel?: string;
+                ariaLabelledBy?: string;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        };
+        setup(this: void): {
+            args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
+                modelValue: boolean;
+                disabled?: boolean;
+                id?: string;
+                ariaLabel?: string;
+                ariaLabelledBy?: string;
+            }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+                "update:modelValue": (value: boolean) => any;
+            }, string, import("vue").PublicProps, Readonly<{
+                modelValue: boolean;
+                disabled?: boolean;
+                id?: string;
+                ariaLabel?: string;
+                ariaLabelledBy?: string;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+            model: import("vue").Ref<boolean, boolean>;
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=ScalarToggle.stories.d.ts.map

package/dist/components/ScalarToggle/ScalarToggle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarToggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/ScalarToggle.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAe2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA"}

package/dist/components/ScalarToggle/ScalarToggle.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: boolean;
+    disabled?: boolean;
+    id?: string;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    modelValue: boolean;
+    disabled?: boolean;
+    id?: string;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ScalarToggle.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/ScalarToggle.vue"],"names":[],"mappings":";gBA2Dc,OAAO;eACR,OAAO;SACb,MAAM;gBACC,MAAM;qBACD,MAAM;;;;gBAJX,OAAO;eACR,OAAO;SACb,MAAM;gBACC,MAAM;qBACD,MAAM;;;;AAuFzB,wBASG"}

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

@@ -0,0 +1,54 @@
+import { defineComponent as b, openBlock as p, createElementBlock as m, normalizeClass as d, unref as o, withKeys as i, withModifiers as t, createElementVNode as r } from "vue";
+import { cva as h, cx as f } from "../../cva.js";
+const y = ["onKeydown"], g = ["id", "aria-checked", "aria-disabled", "aria-label", "aria-labelledby", "checked", "disabled"], v = /* @__PURE__ */ b({
+  __name: "ScalarToggle",
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean },
+    id: {},
+    ariaLabel: {},
+    ariaLabelledBy: {}
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: s }) {
+    const a = n, c = s;
+    function l() {
+      a.disabled || c("update:modelValue", !a.modelValue);
+    }
+    const u = h({
+      base: "relative h-3.5 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 (e, k) => (p(), m("div", {
+      class: d(o(f)(o(u)({ checked: e.modelValue, disabled: e.disabled }))),
+      role: "switch",
+      tabindex: "0",
+      onKeydown: [
+        i(t(l, ["prevent"]), ["enter"]),
+        i(t(l, ["prevent"]), ["space"])
+      ]
+    }, [
+      r("input", {
+        id: a.id,
+        "aria-checked": e.modelValue,
+        "aria-disabled": e.disabled,
+        "aria-label": a.ariaLabel,
+        "aria-labelledby": a.ariaLabelledBy,
+        checked: e.modelValue,
+        class: "hidden",
+        disabled: e.disabled,
+        type: "checkbox",
+        onChange: l
+      }, null, 40, g),
+      r("div", {
+        class: d(["absolute left-px top-px flex h-3 w-3 items-center justify-center rounded-full bg-white text-c-accent transition-transform duration-300", { "translate-x-2.5": e.modelValue }])
+      }, null, 2)
+    ], 42, y));
+  }
+});
+export {
+  v as default
+};

package/dist/components/ScalarToggle/ScalarToggle.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScalarToggle.vue.js";
+export {
+  f as default
+};

package/dist/components/ScalarToggle/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ScalarToggle } from './ScalarToggle.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarToggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/components/ScalarTooltip/ScalarTooltip.stories.d.ts

@@ -11,6 +11,7 @@ declare const meta: {
             class?: string;
             triggerClass?: string;
             resize?: boolean;
+            as?: string;
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -36,6 +37,7 @@ declare const meta: {
             class?: string;
             triggerClass?: string;
             resize?: boolean;
+            as?: string;
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {
@@ -56,6 +58,7 @@ declare const meta: {
         class?: string;
         triggerClass?: string;
         resize?: boolean;
+        as?: string;
     }> & Readonly<{
         onClick?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -100,6 +103,7 @@ declare const meta: {
             class?: string;
             triggerClass?: string;
             resize?: boolean;
+            as?: string;
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -125,6 +129,7 @@ declare const meta: {
             class?: string;
             triggerClass?: string;
             resize?: boolean;
+            as?: string;
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {
@@ -145,6 +150,7 @@ declare const meta: {
         class?: string;
         triggerClass?: string;
         resize?: boolean;
+        as?: string;
     }> & Readonly<{
         onClick?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -171,6 +177,7 @@ declare const meta: {
                     class?: string;
                     triggerClass?: string;
                     resize?: boolean;
+                    as?: string;
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -196,6 +203,7 @@ declare const meta: {
                     class?: string;
                     triggerClass?: string;
                     resize?: boolean;
+                    as?: string;
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, {
@@ -216,6 +224,7 @@ declare const meta: {
                 class?: string;
                 triggerClass?: string;
                 resize?: boolean;
+                as?: string;
             }> & Readonly<{
                 onClick?: (() => any) | undefined;
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -298,6 +307,7 @@ declare const meta: {
                     class?: string;
                     triggerClass?: string;
                     resize?: boolean;
+                    as?: string;
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -323,6 +333,7 @@ declare const meta: {
                     class?: string;
                     triggerClass?: string;
                     resize?: boolean;
+                    as?: string;
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, {
@@ -343,6 +354,7 @@ declare const meta: {
                 class?: string;
                 triggerClass?: string;
                 resize?: boolean;
+                as?: string;
             }> & Readonly<{
                 onClick?: (() => any) | undefined;
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

package/dist/components/ScalarTooltip/ScalarTooltip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarTooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0C4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}
+{"version":3,"file":"ScalarTooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0C4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}

package/dist/components/ScalarTooltip/ScalarTooltip.vue.d.ts

@@ -12,6 +12,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     class?: string;
     triggerClass?: string;
     resize?: boolean;
+    as?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: () => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -24,6 +25,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     class?: string;
     triggerClass?: string;
     resize?: boolean;
+    as?: string;
 }> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"names":[],"mappings":"AA0GA,iBAAS,cAAc;qBA4GO,GAAG;qBACH,GAAG;EAuBhC;AACD,QAAA,MAAM,eAAe;YAzKT,MAAM,IAAI;YACV,MAAM;gBACF,MAAM;YACV,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;YACX,MAAM;mBACC,MAAM;aACZ,OAAO;;;;YARR,MAAM,IAAI;YACV,MAAM;gBACF,MAAM;YACV,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;YACX,MAAM;mBACC,MAAM;aACZ,OAAO;;;;WALR,OAAO,GAAG,QAAQ,GAAG,KAAK;UAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;eAF9B,MAAM;6EAiLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"names":[],"mappings":"AA6GA,iBAAS,cAAc;qBA4GO,GAAG;qBACH,GAAG;EAuBhC;AACD,QAAA,MAAM,eAAe;YA1KT,MAAM,IAAI;YACV,MAAM;gBACF,MAAM;YACV,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;YACX,MAAM;mBACC,MAAM;aACZ,OAAO;SACX,MAAM;;;;YATH,MAAM,IAAI;YACV,MAAM;gBACF,MAAM;YACV,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;YACX,MAAM;mBACC,MAAM;aACZ,OAAO;SACX,MAAM;;;;WANH,OAAO,GAAG,QAAQ,GAAG,KAAK;UAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;eAF9B,MAAM;6EAkLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as c, createBlock as d, unref as l, withCtx as t, createVNode as s, normalizeClass as i, renderSlot as o } from "vue";
+import { defineComponent as n, openBlock as c, createBlock as d, unref as t, withCtx as l, createVNode as s, normalizeClass as i, renderSlot as o } from "vue";
 import { TooltipProvider as f, TooltipRoot as p, TooltipTrigger as u, TooltipPortal as g, TooltipContent as k } from "radix-vue";
 const C = /* @__PURE__ */ n({
   __name: "ScalarTooltip",
@@ -11,36 +11,38 @@ const C = /* @__PURE__ */ n({
     sideOffset: {},
     class: {},
     triggerClass: {},
-    resize: { type: Boolean }
+    resize: { type: Boolean },
+    as: {}
   },
   emits: ["click"],
   setup(r) {
     const e = r;
-    return (a, m) => (c(), d(l(f), {
+    return (a, m) => (c(), d(t(f), {
       delayDuration: e.delay,
       skipDelayDuration: e.skipDelay
     }, {
-      default: t(() => [
-        s(l(p), null, {
-          default: t(() => [
-            s(l(u), {
+      default: l(() => [
+        s(t(p), null, {
+          default: l(() => [
+            s(t(u), {
+              as: e.as || "button",
               class: i(["flex items-center justify-center", [e.resize ? "w-full" : "", e.triggerClass]]),
               onClick: e.click
             }, {
-              default: t(() => [
+              default: l(() => [
                 o(a.$slots, "trigger")
               ]),
               _: 3
-            }, 8, ["class", "onClick"]),
-            s(l(g), { to: ".scalar-client" }, {
-              default: t(() => [
-                s(l(k), {
+            }, 8, ["as", "class", "onClick"]),
+            s(t(g), { to: ".scalar-client" }, {
+              default: l(() => [
+                s(t(k), {
                   align: e.align,
                   class: i(["scalar-app", e.class]),
                   side: e.side,
                   sideOffset: e.sideOffset
                 }, {
-                  default: t(() => [
+                  default: l(() => [
                     o(a.$slots, "content")
                   ]),
                   _: 3

package/dist/index.d.ts

@@ -14,9 +14,10 @@ import { ScalarPopover } from './components/ScalarPopover';
 import { ScalarSearchInput } from './components/ScalarSearchInput';
 import { ScalarSearchResultItem, ScalarSearchResultList } from './components/ScalarSearchResults';
 import { ScalarTextField } from './components/ScalarTextField';
+import { ScalarToggle } from './components/ScalarToggle';
 import { ScalarTooltip } from './components/ScalarTooltip';
 import { ScalarVirtualText } from './components/ScalarVirtualText';
 import './tailwind/tailwind.css';
 export * from './helpers';
-export { ScalarButton, ScalarCodeBlock, ScalarCombobox, ScalarComboboxMultiselect, ScalarMarkdown, ScalarDropdown, ScalarDropdownDivider, ScalarDropdownItem, ScalarFloating, ScalarIcon, ScalarIconButton, ScalarListbox, ScalarLoading, ScalarContextMenu, ScalarModal, ScalarPopover, ScalarSearchInput, ScalarSearchResultItem, ScalarSearchResultList, ScalarTextField, ScalarTooltip, ScalarVirtualText, type Icon, type ScalarListboxOption, type ScalarComboboxOption, type ModalState, useLoadingState, useModal, };
+export { ScalarButton, ScalarCodeBlock, ScalarCombobox, ScalarComboboxMultiselect, ScalarMarkdown, ScalarDropdown, ScalarDropdownDivider, ScalarDropdownItem, ScalarFloating, ScalarIcon, ScalarIconButton, ScalarListbox, ScalarLoading, ScalarContextMenu, ScalarModal, ScalarPopover, ScalarSearchInput, ScalarSearchResultItem, ScalarSearchResultList, ScalarTextField, ScalarToggle, ScalarTooltip, ScalarVirtualText, type Icon, type ScalarListboxOption, type ScalarComboboxOption, type ModalState, useLoadingState, useModal, };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EACL,cAAc,EACd,yBAAyB,EACzB,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,KAAK,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EACL,aAAa,EACb,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EACL,KAAK,UAAU,EACf,WAAW,EACX,QAAQ,EACT,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,yBAAyB,CAAA;AAEhC,cAAc,WAAW,CAAA;AAEzB,OAAO,EACL,YAAY,EACZ,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,KAAK,IAAI,EACT,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,UAAU,EACf,eAAe,EACf,QAAQ,GACT,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EACL,cAAc,EACd,yBAAyB,EACzB,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,KAAK,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EACL,aAAa,EACb,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EACL,KAAK,UAAU,EACf,WAAW,EACX,QAAQ,EACT,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,yBAAyB,CAAA;AAEhC,cAAc,WAAW,CAAA;AAEzB,OAAO,EACL,YAAY,EACZ,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,EACtB,eAAe,EACf,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,KAAK,IAAI,EACT,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,UAAU,EACf,eAAe,EACf,QAAQ,GACT,CAAA"}