@scalar/components 0.12.55 → 0.12.57

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

@@ -1,202 +1,82 @@
 import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
-    component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-            loading?: import("../ScalarLoading").LoadingState;
-            modelValue?: string;
-            sidebar?: boolean;
-        }> & Readonly<{
-            "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-        }>, {
-            focus: () => void;
-            blur: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-            "update:modelValue": (v: string) => any;
-        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            loading?: import("../ScalarLoading").LoadingState;
-            modelValue?: string;
-            sidebar?: boolean;
-        }> & Readonly<{
-            "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-        }>, {
-            focus: () => void;
-            blur: () => void;
-        }, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<{
+    component: import("vue").DefineComponent<{
         loading?: import("../ScalarLoading").LoadingState;
         modelValue?: string;
         sidebar?: boolean;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-    }>, {
+        label?: string;
+    }, {
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         "update:modelValue": (v: string) => any;
-    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            label?(_: {}): any;
-        };
-    });
-    tags: string[];
-    argTypes: {};
-    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-            loading?: import("../ScalarLoading").LoadingState;
-            modelValue?: string;
-            sidebar?: boolean;
-        }> & Readonly<{
-            "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-        }>, {
-            focus: () => void;
-            blur: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-            "update:modelValue": (v: string) => any;
-        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            loading?: import("../ScalarLoading").LoadingState;
-            modelValue?: string;
-            sidebar?: boolean;
-        }> & Readonly<{
-            "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-        }>, {
-            focus: () => void;
-            blur: () => void;
-        }, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<{
+    }, string, import("vue").PublicProps, Readonly<{
         loading?: import("../ScalarLoading").LoadingState;
         modelValue?: string;
         sidebar?: boolean;
+        label?: string;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-    }>, {
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {};
+    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
+        loading?: import("../ScalarLoading").LoadingState;
+        modelValue?: string;
+        sidebar?: boolean;
+        label?: string;
+    }, {
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         "update:modelValue": (v: string) => any;
-    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            label?(_: {}): any;
-        };
-    })>) => {
+    }, string, import("vue").PublicProps, Readonly<{
+        loading?: import("../ScalarLoading").LoadingState;
+        modelValue?: string;
+        sidebar?: boolean;
+        label?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>) => {
         components: {
-            ScalarSearchInput: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-                    loading?: import("../ScalarLoading").LoadingState;
-                    modelValue?: string;
-                    sidebar?: boolean;
-                }> & Readonly<{
-                    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-                }>, {
-                    focus: () => void;
-                    blur: () => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-                    "update:modelValue": (v: string) => any;
-                }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<{
-                    loading?: import("../ScalarLoading").LoadingState;
-                    modelValue?: string;
-                    sidebar?: boolean;
-                }> & Readonly<{
-                    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-                }>, {
-                    focus: () => void;
-                    blur: () => void;
-                }, {}, {}, {}, {}>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<{
+            ScalarSearchInput: import("vue").DefineComponent<{
                 loading?: import("../ScalarLoading").LoadingState;
                 modelValue?: string;
                 sidebar?: boolean;
-            }> & Readonly<{
-                "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-            }>, {
+                label?: string;
+            }, {
                 focus: () => void;
                 blur: () => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
                 "update:modelValue": (v: string) => any;
-            }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-                $slots: {
-                    label?(_: {}): any;
-                };
-            });
-        };
-        setup(this: void): {
-            args: import("@storybook/vue3").ComponentPropsAndSlots<{
-                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-                    loading?: import("../ScalarLoading").LoadingState;
-                    modelValue?: string;
-                    sidebar?: boolean;
-                }> & Readonly<{
-                    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-                }>, {
-                    focus: () => void;
-                    blur: () => void;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-                    "update:modelValue": (v: string) => any;
-                }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<{
-                    loading?: import("../ScalarLoading").LoadingState;
-                    modelValue?: string;
-                    sidebar?: boolean;
-                }> & Readonly<{
-                    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-                }>, {
-                    focus: () => void;
-                    blur: () => void;
-                }, {}, {}, {}, {}>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<{
+            }, string, import("vue").PublicProps, Readonly<{
                 loading?: import("../ScalarLoading").LoadingState;
                 modelValue?: string;
                 sidebar?: boolean;
+                label?: string;
             }> & Readonly<{
                 "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-            }>, {
+            }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        };
+        setup(this: void): {
+            args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
+                loading?: import("../ScalarLoading").LoadingState;
+                modelValue?: string;
+                sidebar?: boolean;
+                label?: string;
+            }, {
                 focus: () => void;
                 blur: () => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
                 "update:modelValue": (v: string) => any;
-            }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-                $slots: {
-                    label?(_: {}): any;
-                };
-            })>;
+            }, string, import("vue").PublicProps, Readonly<{
+                loading?: import("../ScalarLoading").LoadingState;
+                modelValue?: string;
+                sidebar?: boolean;
+                label?: string;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+            }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
             model: import("vue").Ref<string, string>;
         };
         template: string;

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

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

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"}