@scalar/components 0.16.3 → 0.16.5

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

@@ -1,14 +1,14 @@
-import { defineComponent as p, mergeModels as f, useModel as m, ref as g, createElementBlock as h, openBlock as t, normalizeProps as v, guardReactiveProps as b, unref as e, createVNode as k, withDirectives as _, createBlock as n, createCommentVNode as y, createElementVNode as C, mergeProps as S, vModelText as V, withModifiers as M } from "vue";
+import { defineComponent as p, mergeModels as f, useModel as m, ref as h, createElementBlock as v, openBlock as r, normalizeProps as g, guardReactiveProps as b, unref as e, createVNode as k, withDirectives as _, createBlock as n, createCommentVNode as y, createElementVNode as C, mergeProps as V, vModelText as M, withModifiers as S } from "vue";
 import { ScalarIconMagnifyingGlass as x } from "@scalar/icons";
 import { useBindCx as z } from "@scalar/use-hooks/useBindCx";
-import B from "../ScalarLoading/ScalarLoading.vue.js";
-import A from "../ScalarIconButton/ScalarIconButton.vue.js";
-const E = ["aria-label"], N = {}, q = /* @__PURE__ */ p({
+import A from "../ScalarLoading/ScalarLoading.vue.js";
+import B from "../ScalarIconButton/ScalarIconButton.vue.js";
+const E = ["aria-label"], N = {}, D = /* @__PURE__ */ p({
   ...N,
   inheritAttrs: !1,
   __name: "ScalarSearchInput",
   props: /* @__PURE__ */ f({
-    loading: {},
+    loader: {},
     label: {}
   }, {
     modelValue: {},
@@ -16,21 +16,21 @@ const E = ["aria-label"], N = {}, q = /* @__PURE__ */ p({
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const a = m(s, "modelValue"), o = g(null);
+    const l = m(s, "modelValue"), o = h(null);
     function i() {
-      a.value = "", o.value && o.value.focus();
+      l.value = "", o.value && o.value.focus();
     }
     const { stylingAttrsCx: c, otherAttrs: d } = z();
-    return (l, r) => (t(), h("label", v(b(
+    return (a, t) => (r(), v("label", g(b(
       e(c)(
         "flex items-center text-lg font-medium h-10 pl-3 pr-1 py-2 gap-2.25"
       )
     )), [
       k(e(x), { class: "text-sidebar-c-search size-4" }),
-      _(C("input", S({
+      _(C("input", V({
         ref_key: "inputRef",
         ref: o,
-        "aria-label": l.label ?? "Enter search query",
+        "aria-label": a.label ?? "Enter search query",
         autocapitalize: "off",
         autocomplete: "off",
         autocorrect: "off",
@@ -39,26 +39,26 @@ const E = ["aria-label"], N = {}, q = /* @__PURE__ */ p({
         spellcheck: "false",
         type: "search"
       }, e(d), {
-        "onUpdate:modelValue": r[0] || (r[0] = (u) => a.value = u)
+        "onUpdate:modelValue": t[0] || (t[0] = (u) => l.value = u)
       }), null, 16, E), [
-        [V, a.value]
+        [M, l.value]
       ]),
-      l.loading && l.loading.isLoading ? (t(), n(e(B), {
+      a.loader && a.loader.isActive ? (r(), n(e(A), {
         key: 0,
         class: "self-center",
-        loadingState: l.loading,
+        loader: a.loader,
         size: "md"
-      }, null, 8, ["loadingState"])) : a.value ? (t(), n(e(A), {
+      }, null, 8, ["loader"])) : l.value ? (r(), n(e(B), {
         key: 1,
         class: "p-0 size-5",
         icon: "Close",
         label: "Clear Search",
         thickness: "1.5",
-        onClick: M(i, ["stop", "prevent"])
+        onClick: S(i, ["stop", "prevent"])
       })) : y("", !0)
     ], 16));
   }
 });
 export {
-  q as default
+  D as default
 };

package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue.d.ts

@@ -28,11 +28,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("./
     open?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
+} & {
+    click: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<import("./types").ScalarSidebarItemProps & {
     controlled?: boolean;
 } & {
     open?: boolean;
 }> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ScalarSidebarGroupSlots>;
 export default _default;

package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroup.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAA2B,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAI/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;;;;WAqBM,OAAO;;;;;;WAAP,OAAO;;;;AApBhB,wBAyKC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSidebarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroup.vue"],"names":[],"mappings":"AAsHA,OAAO,KAAK,EAA2B,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAI/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;;;;WAqCM,OAAO;;;;;;;;WAAP,OAAO;;;;;AApChB,wBAsLC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,15 +1,18 @@
-import { defineComponent as c, mergeModels as f, useModel as v, createElementBlock as b, openBlock as r, renderSlot as t, createBlock as y, createCommentVNode as g, unref as l, createVNode as s, mergeProps as d, createSlots as B, withCtx as n, resolveDynamicComponent as $, normalizeProps as C } from "vue";
+import { defineComponent as f, mergeModels as r, useModel as v, createBlock as b, openBlock as d, resolveDynamicComponent as k, normalizeProps as y, guardReactiveProps as B, unref as n, withCtx as t, renderSlot as l, createElementBlock as g, createCommentVNode as $, createVNode as s, createSlots as C } from "vue";
 import { useBindCx as S } from "@scalar/use-hooks/useBindCx";
-import k from "./ScalarSidebarButton.vue.js";
-import _ from "./ScalarSidebarGroupToggle.vue.js";
-import h from "./ScalarSidebarIndent.vue.js";
-import { useSidebarGroups as x } from "./useSidebarGroups.js";
-const A = { class: "group/item flex flex-col gap-px" }, M = {}, D = /* @__PURE__ */ c({
-  ...M,
+import _ from "./ScalarSidebarButton.vue.js";
+import h from "./ScalarSidebarGroupToggle.vue.js";
+import x from "./ScalarSidebarIndent.vue.js";
+import { useSidebarGroups as M } from "./useSidebarGroups.js";
+const G = {
+  key: 0,
+  class: "group/items flex flex-col gap-px"
+}, N = {}, E = /* @__PURE__ */ f({
+  ...N,
   inheritAttrs: !1,
   __name: "ScalarSidebarGroup",
-  props: /* @__PURE__ */ f({
-    is: { default: "ul" },
+  props: /* @__PURE__ */ r({
+    is: { default: "li" },
     icon: { type: [Object, Function] },
     active: { type: Boolean },
     selected: { type: Boolean },
@@ -20,62 +23,63 @@ const A = { class: "group/item flex flex-col gap-px" }, M = {}, D = /* @__PURE__
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
-  emits: ["update:open"],
-  setup(p) {
-    const o = v(p, "open"), { level: a } = x({ increment: !0 }), { stylingAttrsCx: u, otherAttrs: m } = S();
-    return (e, i) => (r(), b("li", A, [
-      t(e.$slots, "button", {
-        level: l(a),
-        open: o.value
-      }, () => [
-        s(k, d({
-          is: "button",
-          active: e.active,
-          "aria-expanded": o.value,
-          class: "group/group-button",
-          disabled: e.disabled,
-          indent: l(a),
-          selected: e.selected
-        }, l(m), {
-          onClick: i[0] || (i[0] = (G) => !e.controlled && (o.value = !o.value))
-        }), B({
-          indent: n(() => [
-            s(h, {
-              class: "mr-0",
-              indent: l(a)
-            }, null, 8, ["indent"])
-          ]),
-          icon: n(() => [
-            t(e.$slots, "icon", { open: o.value }, () => [
-              s(_, {
-                class: "text-c-3",
-                open: o.value
-              }, null, 8, ["open"])
-            ])
-          ]),
-          default: n(() => [
-            t(e.$slots, "default", { open: o.value })
-          ]),
-          _: 2
-        }, [
-          e.$slots.aside ? {
-            name: "aside",
-            fn: n(() => [
-              t(e.$slots, "aside", { open: o.value })
+  emits: /* @__PURE__ */ r(["click"], ["update:open"]),
+  setup(i, { emit: c }) {
+    const p = c, o = v(i, "open"), { level: a } = M({ increment: !0 }), { cx: u } = S(), m = (e) => {
+      p("click", e), i.controlled || (o.value = !o.value);
+    };
+    return (e, P) => (d(), b(k(e.is), y(B(n(u)("group/item flex flex-col gap-px"))), {
+      default: t(() => [
+        l(e.$slots, "button", {
+          level: n(a),
+          open: o.value
+        }, () => [
+          s(_, {
+            is: "button",
+            active: e.active,
+            "aria-expanded": o.value,
+            class: "group/group-button",
+            disabled: e.disabled,
+            indent: n(a),
+            selected: e.selected,
+            onClick: m
+          }, C({
+            indent: t(() => [
+              s(x, {
+                class: "mr-0",
+                indent: n(a)
+              }, null, 8, ["indent"])
             ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["active", "aria-expanded", "disabled", "indent", "selected"])
-      ]),
-      o.value ? (r(), y($(e.is), C(d({ key: 0 }, l(u)("group/items flex flex-col gap-px"))), {
-        default: n(() => [
-          t(e.$slots, "items", { open: o.value })
+            icon: t(() => [
+              l(e.$slots, "icon", { open: o.value }, () => [
+                s(h, {
+                  class: "text-c-3",
+                  open: o.value
+                }, null, 8, ["open"])
+              ])
+            ]),
+            default: t(() => [
+              l(e.$slots, "default", { open: o.value })
+            ]),
+            _: 2
+          }, [
+            e.$slots.aside ? {
+              name: "aside",
+              fn: t(() => [
+                l(e.$slots, "aside", { open: o.value })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["active", "aria-expanded", "disabled", "indent", "selected"])
         ]),
-        _: 3
-      }, 16)) : g("", !0)
-    ]));
+        o.value ? (d(), g("ul", G, [
+          l(e.$slots, "items", { open: o.value })
+        ])) : $("", !0)
+      ]),
+      _: 3
+    }, 16));
   }
 });
 export {
-  D as default
+  E as default
 };

package/dist/components/ScalarSidebar/ScalarSidebarNestedItems.vue.d.ts

@@ -20,11 +20,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("./
     open?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
+} & {
+    click: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<import("./types").ScalarSidebarItemProps & {
     controlled?: boolean;
 } & {
     open?: boolean;
 }> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     /** The text content of the button */

package/dist/components/ScalarSidebar/ScalarSidebarNestedItems.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarNestedItems.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarNestedItems.vue"],"names":[],"mappings":"AAyKA;;;;;;;;;;;;;;;GAeG;;;;WAgEM,OAAO;;;;;;WAAP,OAAO;;;;IAvDd,qCAAqC;cACzB,MAAM,OAAO;IACzB,iCAAiC;aACtB,MAAM,OAAO;IACxB,wBAAwB;WACf,MAAM,OAAO;IACtB,8BAA8B;YACpB,MAAM,OAAO;IACvB,+BAA+B;WACtB,MAAM,OAAO;IACtB,qCAAqC;mBACtB,MAAM,OAAO;IAC5B,mCAAmC;YACzB,MAAM,OAAO;;AArBzB,wBAkSC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSidebarNestedItems.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarNestedItems.vue"],"names":[],"mappings":"AAyLA;;;;;;;;;;;;;;;GAeG;;;;WAiFM,OAAO;;;;;;;;WAAP,OAAO;;;;;IAjEd,qCAAqC;cACzB,MAAM,OAAO;IACzB,iCAAiC;aACtB,MAAM,OAAO;IACxB,wBAAwB;WACf,MAAM,OAAO;IACtB,8BAA8B;YACpB,MAAM,OAAO;IACvB,+BAA+B;WACtB,MAAM,OAAO;IACtB,qCAAqC;mBACtB,MAAM,OAAO;IAC5B,mCAAmC;YACzB,MAAM,OAAO;;AA5BzB,wBAkTC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

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

package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue.d.ts

@@ -1,7 +1,7 @@
 import { type LoadingState } from '../ScalarLoading';
 type __VLS_Props = {
     autofocus?: boolean;
-    loading?: LoadingState;
+    loader?: LoadingState;
     label?: string;
 };
 type __VLS_PublicProps = __VLS_Props & {

package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchInput.vue"],"names":[],"mappings":"AA0EA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAEnE,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAwBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;AA4HF,wBAOG"}
+{"version":3,"file":"ScalarSidebarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchInput.vue"],"names":[],"mappings":"AA0EA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAEnE,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAwBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;AA4HF,wBAOG"}

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

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

package/dist/components/ScalarSidebar/ScalarSidebarSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSection.vue"],"names":[],"mappings":"AA0FA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD;;;;;;;;;;;;;;;;;GAiBG;;IAMD,qCAAqC;gBACzB,OAAO;IACnB,mCAAmC;cACzB,OAAO;;AARnB,wBA0HC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSidebarSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSection.vue"],"names":[],"mappings":"AA0FA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD;;;;;;;;;;;;;;;;;GAiBG;;IAMD,qCAAqC;gBACzB,OAAO;IACnB,mCAAmC;cACzB,OAAO;;AARnB,wBA2HC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}