@scalar/components 0.12.53 → 0.12.54

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

@@ -1,9 +1,9 @@
-import { defineComponent as b, ref as h, computed as g, useAttrs as k, openBlock as l, createElementBlock as v, mergeProps as S, unref as a, createElementVNode as i, renderSlot as V, createTextVNode as y, createBlock as o, createCommentVNode as c, normalizeClass as C } from "vue";
-import { cva as N, cx as u } from "../../cva.js";
+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"], T = /* @__PURE__ */ b({
+const E = { class: "sr-only" }, $ = ["value"], _ = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "ScalarSearchInput",
   props: {
@@ -12,14 +12,14 @@ const E = { class: "sr-only" }, _ = ["value"], T = /* @__PURE__ */ b({
     sidebar: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup($, { expose: d, emit: m }) {
+  setup(w, { expose: d, emit: m }) {
     const r = m, t = h(null);
     function p(e) {
       r("update:modelValue", e.target.value);
     }
     const n = g(() => {
-      const { class: e, ...s } = k();
-      return { className: e || "", rest: s };
+      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",
       variants: {
@@ -38,21 +38,21 @@ const E = { class: "sr-only" }, _ = ["value"], T = /* @__PURE__ */ b({
         var e;
         (e = t.value) == null || e.blur();
       }
-    }), (e, s) => (l(), v("label", S(n.value.rest, {
-      class: a(u)(a(f)({ sidebar: e.sidebar }), n.value.className)
+    }), (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", {}, () => [
-          y("Enter search")
+          a[1] || (a[1] = y("Enter search"))
         ])
       ]),
-      e.sidebar ? (l(), o(a(z), {
+      e.sidebar ? (l(), o(s(z), {
         key: 0,
         class: "text-c-2",
         icon: "Search",
         size: "xs",
         thickness: "2.5"
-      })) : c("", !0),
+      })) : u("", !0),
       i("input", {
         ref_key: "inputRef",
         ref: t,
@@ -65,23 +65,23 @@ const E = { class: "sr-only" }, _ = ["value"], T = /* @__PURE__ */ b({
         type: "text",
         value: e.modelValue,
         onInput: p
-      }, null, 40, _),
-      e.loading && e.loading.isLoading ? (l(), o(a(B), {
+      }, null, 40, $),
+      e.loading && e.loading.isLoading ? (l(), o(s(B), {
         key: 1,
         class: "mr-3 self-center",
         loadingState: e.loading,
         size: "md"
-      }, null, 8, ["loadingState"])) : e.modelValue ? (l(), o(a(I), {
+      }, null, 8, ["loadingState"])) : e.modelValue ? (l(), o(s(I), {
         key: 2,
-        class: C(a(u)("p-0", e.sidebar ? "h-4 w-4" : "h-5 w-5")),
+        class: C(s(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: s[0] || (s[0] = (w) => r("update:modelValue", ""))
-      }, null, 8, ["class", "thickness"])) : c("", !0)
+        onClick: a[0] || (a[0] = (x) => r("update:modelValue", ""))
+      }, null, 8, ["class", "thickness"])) : u("", !0)
     ], 16));
   }
 });
 export {
-  T as default
+  _ as default
 };

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

@@ -5,13 +5,13 @@ declare function __VLS_template(): {
     addon?(_: {}): any;
     description?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const __VLS_component: import("vue").DefineComponent<{
     icon?: Icon;
     active?: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     icon?: Icon;
     active?: boolean;
-}>>>, {}, {}>;
+}> & Readonly<{}>, {}, {}, {}, {}, 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 & {
@@ -19,13 +19,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 //# sourceMappingURL=ScalarSearchResultItem.vue.d.ts.map

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;aAiJhB,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;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"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"}

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

@@ -1,58 +1,58 @@
-import { defineComponent as i, computed as d, useAttrs as m, openBlock as t, createElementBlock as o, createElementVNode as s, mergeProps as u, unref as a, renderSlot as n, 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 c } from "vue";
 import { cx as f } from "../../cva.js";
-import h from "../ScalarIcon/ScalarIcon.vue.js";
-const _ = { class: "contents" }, v = {
+import v from "../ScalarIcon/ScalarIcon.vue.js";
+const h = { class: "contents" }, _ = {
   key: 0,
   class: "flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1"
-}, x = /* @__PURE__ */ s("span", null, " ", -1), g = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, k = { class: "flex items-center gap-1" }, y = { class: "flex-1 truncate text-sm font-medium" }, $ = {
+}, 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 = {
   key: 0,
   class: "text-sm text-c-2"
-}, N = {
+}, $ = {
   key: 0,
   class: "truncate text-sm text-c-2"
-}, C = /* @__PURE__ */ i({
+}, A = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "ScalarSearchResultItem",
   props: {
     icon: {},
     active: { type: Boolean }
   },
-  setup(b) {
-    const r = d(() => {
-      const { class: e, ...l } = m();
-      return { className: e || "", rest: l };
+  setup(N) {
+    const l = d(() => {
+      const { class: e, ...o } = m();
+      return { className: e || "", rest: o };
     });
-    return (e, l) => (t(), o("li", _, [
-      s("a", u(r.value.rest, {
+    return (e, o) => (t(), n("li", h, [
+      s("a", u(l.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
           },
-          r.value.className
+          l.value.className
         )
       }), [
-        e.icon ? (t(), o("div", v, [
-          n(e.$slots, "icon", {}, () => [
-            e.icon ? (t(), p(a(h), {
+        e.icon ? (t(), n("div", _, [
+          r(e.$slots, "icon", {}, () => [
+            e.icon ? (t(), p(a(v), {
               key: 0,
               icon: e.icon,
               size: "sm"
             }, null, 8, ["icon"])) : c("", !0)
           ]),
-          x
+          o[0] || (o[0] = s("span", null, " ", -1))
         ])) : c("", !0),
-        s("div", g, [
-          s("div", k, [
-            s("div", y, [
-              n(e.$slots, "default")
+        s("div", x, [
+          s("div", g, [
+            s("div", k, [
+              r(e.$slots, "default")
             ]),
-            e.$slots.addon ? (t(), o("div", $, [
-              n(e.$slots, "addon")
+            e.$slots.addon ? (t(), n("div", y, [
+              r(e.$slots, "addon")
             ])) : c("", !0)
           ]),
-          e.$slots.description ? (t(), o("div", N, [
-            n(e.$slots, "description")
+          e.$slots.description ? (t(), n("div", $, [
+            r(e.$slots, "description")
           ])) : c("", !0)
         ])
       ], 16)
@@ -60,5 +60,5 @@ const _ = { class: "contents" }, v = {
   }
 });
 export {
-  C as default
+  A as default
 };

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

@@ -2,11 +2,11 @@ declare function __VLS_template(): {
     noResults?(_: {}): any;
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const __VLS_component: import("vue").DefineComponent<{
     noResults?: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     noResults?: boolean;
-}>>>, {}, {}>;
+}> & Readonly<{}>, {}, {}, {}, {}, 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 & {
@@ -14,13 +14,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 //# sourceMappingURL=ScalarSearchResultList.vue.d.ts.map

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;aAgFnB,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;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"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"}

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

@@ -1,26 +1,26 @@
-import { defineComponent as r, computed as a, useAttrs as n, openBlock as c, createElementBlock as m, mergeProps as u, unref as p, renderSlot as l, createCommentVNode as f, createElementVNode as t } from "vue";
+import { defineComponent as r, computed as a, useAttrs as n, openBlock as c, createElementBlock as m, mergeProps as u, unref as p, renderSlot as o, createElementVNode as s, createCommentVNode as f } from "vue";
 import { cx as d } from "../../cva.js";
-const i = /* @__PURE__ */ t("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [
-  /* @__PURE__ */ t("div", { class: "rotate-90 text-lg font-bold" }, ":("),
-  /* @__PURE__ */ t("div", { class: "text-sm font-medium text-c-2" }, "No results found")
-], -1), v = /* @__PURE__ */ r({
+const v = /* @__PURE__ */ r({
   inheritAttrs: !1,
   __name: "ScalarSearchResultList",
   props: {
     noResults: { type: Boolean }
   },
-  setup(x) {
-    const s = a(() => {
-      const { class: e, ...o } = n();
-      return { className: e || "", rest: o };
+  setup(i) {
+    const l = a(() => {
+      const { class: e, ...t } = n();
+      return { className: e || "", rest: t };
     });
-    return (e, o) => (c(), m("ul", u(s.value.rest, {
-      class: p(d)("flex flex-col", s.value.className)
+    return (e, t) => (c(), m("ul", u(l.value.rest, {
+      class: p(d)("flex flex-col", l.value.className)
     }), [
-      e.noResults ? l(e.$slots, "noResults", { key: 0 }, () => [
-        i
+      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" }, [
+          s("div", { class: "rotate-90 text-lg font-bold" }, ":("),
+          s("div", { class: "text-sm font-medium text-c-2" }, "No results found")
+        ], -1))
       ]) : f("", !0),
-      l(e.$slots, "default")
+      o(e.$slots, "default")
     ], 16));
   }
 });

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

@@ -1,34 +1,24 @@
 import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            noResults: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            noResults: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>>, {}, true, {}, {}, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            noResults?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            noResults: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>>, {}, {}, {}, {}, {}>;
+        }, Readonly<{
+            noResults?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        noResults: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        noResults?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             noResults?(_: {}): any;
             default?(_: {}): any;
@@ -37,34 +27,24 @@ declare const meta: {
     tags: string[];
     argTypes: {};
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            noResults: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            noResults: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>>, {}, true, {}, {}, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            noResults?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            noResults: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>>, {}, {}, {}, {}, {}>;
+        }, Readonly<{
+            noResults?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        noResults: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        noResults?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             noResults?(_: {}): any;
             default?(_: {}): any;
@@ -72,80 +52,51 @@ declare const meta: {
     })>) => {
         components: {
             ScalarSearchResultList: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    noResults: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    noResults: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>>, {}, true, {}, {}, {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    noResults?: boolean;
+                }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    noResults: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>>, {}, {}, {}, {}, {}>;
+                }, Readonly<{
+                    noResults?: boolean;
+                }> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                noResults: {
-                    type: import("vue").PropType<boolean>;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                noResults?: boolean;
+            }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     noResults?(_: {}): any;
                     default?(_: {}): any;
                 };
             });
             ScalarSearchResultItem: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    icon: {
-                        type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Settings" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
-                    };
-                    active: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    icon: {
-                        type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Settings" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
-                    };
-                    active: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>>, {}, true, {}, {}, {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    icon?: import("../ScalarIcon/index.js").Icon;
+                    active?: boolean;
+                }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    icon: {
-                        type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Settings" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
-                    };
-                    active: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>>, {}, {}, {}, {}, {}>;
+                }, Readonly<{
+                    icon?: import("../ScalarIcon/index.js").Icon;
+                    active?: boolean;
+                }> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                icon: {
-                    type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Settings" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
-                };
-                active: {
-                    type: import("vue").PropType<boolean>;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                icon?: import("../ScalarIcon/index.js").Icon;
+                active?: boolean;
+            }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     icon?(_: {}): any;
                     default?(_: {}): any;
@@ -156,34 +107,24 @@ declare const meta: {
         };
         setup(this: void): {
             args: import("@storybook/vue3").ComponentPropsAndSlots<{
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    noResults: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    noResults: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>>, {}, true, {}, {}, {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    noResults?: boolean;
+                }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    noResults: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                }>>, {}, {}, {}, {}, {}>;
+                }, Readonly<{
+                    noResults?: boolean;
+                }> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                noResults: {
-                    type: import("vue").PropType<boolean>;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                noResults?: boolean;
+            }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     noResults?(_: {}): any;
                     default?(_: {}): any;

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

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