@scalar/components 0.20.8 → 0.20.10

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

@@ -1,61 +0,0 @@
-import { defineComponent as d, createElementBlock as s, openBlock as o, mergeProps as m, unref as l, createCommentVNode as n, createElementVNode as r, renderSlot as c, createBlock as u } from "vue";
-import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
-import p from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-const x = ["aria-selected"], h = {
-  key: 0,
-  class: "flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1"
-}, b = { class: "flex min-w-0 flex-1 flex-col gap-0.5" }, k = { class: "flex items-center gap-1" }, g = { class: "flex-1 truncate zoomed:whitespace-normal! wrap-break-word font-medium" }, v = {
-  key: 0,
-  class: "text-base text-c-2"
-}, w = {
-  key: 0,
-  class: "truncate zoomed:whitespace-normal! wrap-break-word text-c-2"
-}, B = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "ScalarSearchResultItem",
-  props: {
-    icon: { type: [Object, Function] },
-    selected: { type: Boolean }
-  },
-  setup(t) {
-    const { cx: a } = f();
-    return (e, i) => (o(), s("a", m(
-      {
-        "aria-selected": t.selected,
-        role: "option",
-        tabindex: "-1"
-      },
-      l(a)(
-        "group flex cursor-pointer gap-2 rounded px-2 py-1.5 no-underline hover:bg-b-2 text-base/5",
-        { "bg-b-2": t.selected }
-      )
-    ), [
-      t.icon ? (o(), s("div", h, [
-        c(e.$slots, "icon", {}, () => [
-          t.icon ? (o(), u(l(p), {
-            key: 0,
-            class: "size-4",
-            icon: t.icon
-          }, null, 8, ["icon"])) : n("", !0)
-        ]),
-        i[0] || (i[0] = r("span", null, " ", -1))
-      ])) : n("", !0),
-      r("div", b, [
-        r("div", k, [
-          r("div", g, [
-            c(e.$slots, "default")
-          ]),
-          e.$slots.addon ? (o(), s("div", v, [
-            c(e.$slots, "addon")
-          ])) : n("", !0)
-        ]),
-        e.$slots.description ? (o(), s("div", w, [
-          c(e.$slots, "description")
-        ])) : n("", !0)
-      ])
-    ], 16, x));
-  }
-});
-export {
-  B as default
-};

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

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

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

@@ -1,26 +0,0 @@
-import { defineComponent as n, createElementBlock as a, openBlock as m, mergeProps as u, unref as c, renderSlot as o, createCommentVNode as f, createElementVNode as s } from "vue";
-import { useBindCx as i } from "@scalar/use-hooks/useBindCx";
-const x = /* @__PURE__ */ n({
-  inheritAttrs: !1,
-  __name: "ScalarSearchResultList",
-  props: {
-    noResults: { type: Boolean }
-  },
-  setup(l) {
-    const { cx: r } = i();
-    return (e, t) => (m(), a("div", u({ role: "listbox" }, c(r)("flex flex-col")), [
-      l.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: "text-base font-medium text-c-2",
-            role: "alert"
-          }, " No results found ")
-        ], -1))
-      ]) : f("", !0),
-      o(e.$slots, "default")
-    ], 16));
-  }
-});
-export {
-  x as default
-};

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

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

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

@@ -1,18 +0,0 @@
-import { defineComponent as o, createElementBlock as t, openBlock as a, normalizeProps as n, guardReactiveProps as s, unref as d, renderSlot as l } from "vue";
-import { useBindCx as c } from "@scalar/use-hooks/useBindCx";
-const i = {}, u = /* @__PURE__ */ o({
-  ...i,
-  inheritAttrs: !1,
-  __name: "ScalarSidebar",
-  setup(f) {
-    const { cx: e } = c();
-    return (r, _) => (a(), t("aside", n(s(
-      d(e)("flex flex-col border-r bg-sidebar-b-1 border-sidebar-border w-72")
-    )), [
-      l(r.$slots, "default")
-    ], 16));
-  }
-});
-export {
-  u as default
-};

package/dist/components/ScalarSidebar/ScalarSidebar.vue2.js

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

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

@@ -1,81 +0,0 @@
-import { defineComponent as c, createBlock as d, openBlock as s, resolveDynamicComponent as r, mergeProps as b, unref as i, withCtx as u, renderSlot as a, createElementBlock as f, createCommentVNode as l, createElementVNode as m, createVNode as v } from "vue";
-import { cva as h, useBindCx as y } from "@scalar/use-hooks/useBindCx";
-import x from "./ScalarSidebarIndent.vue.js";
-import B from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-const g = {
-  key: 0,
-  class: "h-lh *:size-4 mr-1 flex items-center"
-}, k = { class: "group/button-label flex-1 min-w-0" }, $ = {}, p = /* @__PURE__ */ c({
-  ...$,
-  inheritAttrs: !1,
-  __name: "ScalarSidebarButton",
-  props: {
-    is: { default: "a" },
-    icon: { type: [Object, Function] },
-    active: { type: Boolean },
-    selected: { type: Boolean },
-    disabled: { type: Boolean },
-    indent: { default: 0 }
-  },
-  setup(e) {
-    const n = h({
-      base: [
-        "group/button peer/button flex items-stretch rounded p-2",
-        "font-sidebar text-base/4  text-sidebar-c-2 no-underline wrap-break-word"
-      ],
-      variants: {
-        active: { true: "text-sidebar-c-active font-sidebar-active" },
-        disabled: { true: "cursor-auto" },
-        selected: {
-          true: "cursor-auto bg-sidebar-b-active text-sidebar-c-active font-sidebar-active"
-        }
-      },
-      compoundVariants: [
-        {
-          selected: !1,
-          disabled: !1,
-          active: !1,
-          class: "hover:bg-sidebar-b-hover hover:text-sidebar-c-hover"
-        },
-        {
-          selected: !1,
-          disabled: !1,
-          active: !0,
-          class: "hover:bg-sidebar-b-hover"
-        }
-      ],
-      defaultVariants: { selected: !1, disabled: !1, active: !1 }
-    }), { cx: o } = y();
-    return (t, C) => (s(), d(r(e.is), b({
-      "aria-selected": e.selected,
-      type: e.is === "button" ? "button" : void 0
-    }, i(o)(i(n)({ selected: e.selected, disabled: e.disabled, active: e.active }))), {
-      default: u(() => [
-        a(t.$slots, "indent", {}, () => [
-          v(x, {
-            class: "-my-2",
-            disabled: e.disabled,
-            indent: e.indent,
-            selected: e.selected
-          }, null, 8, ["disabled", "indent", "selected"])
-        ]),
-        e.icon || t.$slots.icon ? (s(), f("div", g, [
-          a(t.$slots, "icon", {}, () => [
-            e.icon ? (s(), d(i(B), {
-              key: 0,
-              icon: e.icon
-            }, null, 8, ["icon"])) : l("", !0)
-          ])
-        ])) : l("", !0),
-        m("div", k, [
-          a(t.$slots, "default")
-        ]),
-        a(t.$slots, "aside")
-      ]),
-      _: 3
-    }, 16, ["aria-selected", "type"]));
-  }
-});
-export {
-  p as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarButton.vue2.js

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

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

@@ -1,31 +0,0 @@
-import { defineComponent as a, createElementBlock as l, openBlock as i, normalizeProps as d, guardReactiveProps as c, unref as s, renderSlot as t, createElementVNode as r, createVNode as m } from "vue";
-import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
-import p from "../ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
-const _ = { class: "flex items-center" }, u = { class: "flex-1 min-w-0 flex items-center text-sm text-sidebar-c-2" }, x = {}, w = /* @__PURE__ */ a({
-  ...x,
-  inheritAttrs: !1,
-  __name: "ScalarSidebarFooter",
-  setup(b) {
-    const { cx: n } = f();
-    return (e, o) => (i(), l("div", d(c(s(n)("flex flex-col gap-3 p-3 pt-0 border-sidebar-border"))), [
-      t(e.$slots, "default"),
-      r("div", _, [
-        r("div", u, [
-          t(e.$slots, "description", {}, () => [
-            o[0] || (o[0] = r("a", {
-              class: "no-underline hover:underline",
-              href: "https://www.scalar.com",
-              target: "_blank"
-            }, " Powered by Scalar ", -1))
-          ])
-        ]),
-        t(e.$slots, "toggle", {}, () => [
-          m(s(p))
-        ])
-      ])
-    ], 16));
-  }
-});
-export {
-  w as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarFooter.vue2.js

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

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

@@ -1,120 +0,0 @@
-import { defineComponent as h, mergeModels as u, useModel as y, createBlock as k, openBlock as n, resolveDynamicComponent as $, normalizeProps as x, guardReactiveProps as B, unref as s, withCtx as a, createElementVNode as C, createElementBlock as c, createCommentVNode as v, renderSlot as l, createVNode as i, createSlots as S, normalizeClass as N, createTextVNode as V, toDisplayString as z } from "vue";
-import { useBindCx as M } from "@scalar/use-hooks/useBindCx";
-import D from "./ScalarSidebarButton.vue.js";
-import m from "./ScalarSidebarGroupToggle.vue.js";
-import E from "./ScalarSidebarIndent.vue.js";
-import { useSidebarGroups as G } from "./useSidebarGroups.js";
-const O = { class: "group/group-button relative flex flex-col text-base" }, P = {
-  key: 0,
-  class: "size-4"
-}, T = ["aria-expanded"], j = {
-  key: 0,
-  class: "group/items flex flex-col gap-px"
-}, w = {}, K = /* @__PURE__ */ h({
-  ...w,
-  inheritAttrs: !1,
-  __name: "ScalarSidebarGroup",
-  props: /* @__PURE__ */ u({
-    is: { default: "li" },
-    icon: { type: [Object, Function] },
-    active: { type: Boolean },
-    selected: { type: Boolean },
-    disabled: { type: Boolean },
-    indent: {},
-    controlled: { type: Boolean },
-    discrete: { type: Boolean }
-  }, {
-    open: { type: Boolean, default: !1 },
-    openModifiers: {}
-  }),
-  emits: /* @__PURE__ */ u(["click", "toggle"], ["update:open"]),
-  setup(o, { emit: p }) {
-    const r = p, e = y(o, "open"), { level: d } = G({ increment: !0 }), { cx: f } = M(), b = (t) => {
-      r("click", t), !o.controlled && !o.discrete && (e.value = !e.value);
-    }, g = (t) => {
-      r("toggle", t), !o.controlled && o.discrete && (e.value = !e.value);
-    };
-    return (t, A) => (n(), k($(o.is), x(B(s(f)("group/item flex flex-col gap-px"))), {
-      default: a(() => [
-        C("div", O, [
-          l(t.$slots, "before", { open: e.value }),
-          l(t.$slots, "button", {
-            level: s(d),
-            open: e.value
-          }, () => [
-            i(D, {
-              is: "button",
-              active: o.active,
-              "aria-expanded": e.value,
-              disabled: o.disabled,
-              icon: o.icon,
-              indent: s(d),
-              selected: o.selected,
-              onClick: b
-            }, S({
-              indent: a(() => [
-                i(E, {
-                  class: "mr-0 -my-2",
-                  indent: s(d),
-                  selected: o.selected
-                }, null, 8, ["indent", "selected"])
-              ]),
-              aside: a(() => [
-                l(t.$slots, "aside", { open: e.value }),
-                o.discrete ? (n(), c("div", P)) : l(t.$slots, "toggle", {
-                  key: 1,
-                  open: e.value
-                }, () => [
-                  i(m, {
-                    class: "text-sidebar-c-2",
-                    open: e.value
-                  }, null, 8, ["open"])
-                ])
-              ]),
-              default: a(() => [
-                l(t.$slots, "default", { open: e.value })
-              ]),
-              _: 2
-            }, [
-              t.$slots.icon ? {
-                name: "icon",
-                fn: a(() => [
-                  l(t.$slots, "icon", { open: e.value })
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["active", "aria-expanded", "disabled", "icon", "indent", "selected"]),
-            o.discrete ? (n(), c("button", {
-              key: 0,
-              "aria-expanded": e.value,
-              class: N([
-                "absolute top-[1lh] -translate-y-1/2 p-0.75 rounded right-1.25 text-sidebar-c-2",
-                o.selected ? "hover:bg-sidebar-b-1 hover:text-sidebar-c-1" : "hover:bg-sidebar-b-hover hover:text-sidebar-c-hover"
-              ]),
-              type: "button",
-              onClick: g
-            }, [
-              l(t.$slots, "toggle", { open: e.value }, () => [
-                i(m, { open: e.value }, {
-                  label: a(() => [
-                    V(z(e.value ? "Close" : "Open") + " ", 1),
-                    l(t.$slots, "default", { open: e.value })
-                  ]),
-                  _: 3
-                }, 8, ["open"])
-              ])
-            ], 10, T)) : v("", !0)
-          ]),
-          l(t.$slots, "after", { open: e.value })
-        ]),
-        e.value ? (n(), c("ul", j, [
-          l(t.$slots, "items", { open: e.value })
-        ])) : v("", !0)
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  K as default
-};

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

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

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

@@ -1,46 +0,0 @@
-import { defineComponent as l, createBlock as n, openBlock as o, resolveDynamicComponent as c, mergeProps as f, unref as t, withCtx as u, renderSlot as i, createElementVNode as d, createTextVNode as m, toDisplayString as p } from "vue";
-import { ScalarIconCaretRight as y } from "@scalar/icons";
-import { cva as b, useBindCx as g } from "@scalar/use-hooks/useBindCx";
-import h from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-const v = { class: "sr-only" }, C = {}, $ = /* @__PURE__ */ l({
-  ...C,
-  inheritAttrs: !1,
-  __name: "ScalarSidebarGroupToggle",
-  props: {
-    is: { default: "div" },
-    open: { type: Boolean, default: !1 },
-    icon: { type: [Object, Function] }
-  },
-  setup(e) {
-    const r = b({
-      base: "size-4 flex items-center justify-center transition-transform duration-100",
-      variants: { open: { true: "rotate-90" } },
-      defaultVariants: { open: !1 }
-    }), { cx: s } = g();
-    return (a, x) => (o(), n(c(e.is), f({
-      type: e.is === "button" ? "button" : void 0
-    }, t(s)(t(r)({ open: e.open }))), {
-      default: u(() => [
-        i(a.$slots, "default", { open: e.open }, () => [
-          e.icon ? (o(), n(t(h), {
-            key: 0,
-            icon: e.icon
-          }, null, 8, ["icon"])) : (o(), n(t(y), {
-            key: 1,
-            class: "size-3",
-            weight: "bold"
-          }))
-        ]),
-        d("span", v, [
-          i(a.$slots, "label", { open: e.open }, () => [
-            m(p(e.open ? "Close" : "Open") + " Group ", 1)
-          ])
-        ])
-      ]),
-      _: 3
-    }, 16, ["type"]));
-  }
-});
-export {
-  $ as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarGroupToggle.vue2.js

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

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

@@ -1,7 +0,0 @@
-import o from "./ScalarSidebarIndent.vue2.js";
-/* empty css                         */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3e080c68"]]);
-export {
-  c as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarIndent.vue2.js

@@ -1,38 +0,0 @@
-import { defineComponent as o, computed as c, createElementBlock as r, openBlock as n, normalizeProps as u, guardReactiveProps as b, unref as m, Fragment as f, renderList as v, createElementVNode as g, createCommentVNode as y, normalizeClass as p } from "vue";
-import { useBindCx as x } from "@scalar/use-hooks/useBindCx";
-const B = {}, C = /* @__PURE__ */ o({
-  ...B,
-  inheritAttrs: !1,
-  __name: "ScalarSidebarIndent",
-  props: {
-    indent: { default: 0 },
-    selected: { type: Boolean, default: !1 },
-    disabled: { type: Boolean }
-  },
-  setup(e) {
-    const a = c(() => Array.from({ length: e.indent }, (l, t) => t)), { cx: d } = x();
-    return (l, t) => (n(), r("div", u(b(
-      m(d)("scalar-sidebar-indent flex justify-center", {
-        "mr-[calc(20px-var(--scalar-sidebar-indent))]": e.indent > 0,
-        "scalar-sidebar-indent-selected": e.selected
-      })
-    )), [
-      (n(!0), r(f, null, v(a.value, (s, i) => (n(), r("div", {
-        key: s,
-        class: "relative w-[var(--scalar-sidebar-indent)]"
-      }, [
-        t[0] || (t[0] = g("div", { class: "scalar-sidebar-indent-border absolute left-2 inset-y-0 w-border bg-sidebar-indent-border" }, null, -1)),
-        i === a.value.length - 1 ? (n(), r("div", {
-          key: 0,
-          class: p([
-            "absolute left-2 inset-y-0 w-border",
-            e.disabled ? "" : e.selected ? "bg-sidebar-indent-border-active" : "group-hover/button:bg-sidebar-indent-border-hover"
-          ])
-        }, null, 2)) : y("", !0)
-      ]))), 128))
-    ], 16));
-  }
-});
-export {
-  C as default
-};

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

@@ -1,54 +0,0 @@
-import { defineComponent as a, createElementBlock as d, openBlock as f, normalizeProps as m, guardReactiveProps as p, unref as t, renderSlot as o, createVNode as c, mergeProps as u, createSlots as $, withCtx as n } from "vue";
-import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
-import v from "./ScalarSidebarButton.vue.js";
-import { useSidebarGroups as y } from "./useSidebarGroups.js";
-const B = {}, P = /* @__PURE__ */ a({
-  ...B,
-  inheritAttrs: !1,
-  __name: "ScalarSidebarItem",
-  props: {
-    is: {},
-    icon: { type: [Object, Function] },
-    active: { type: Boolean },
-    selected: { type: Boolean },
-    disabled: { type: Boolean },
-    indent: {}
-  },
-  setup(s) {
-    const l = s, { level: i } = y(), { cx: r } = b();
-    return (e, k) => (f(), d("li", m(p(t(r)("group/item flex flex-col text-base"))), [
-      o(e.$slots, "before"),
-      o(e.$slots, "button", { level: t(i) }, () => [
-        c(v, u(l, {
-          indent: s.indent ?? t(i)
-        }), $({ _: 2 }, [
-          e.$slots.default ? {
-            name: "default",
-            fn: n(() => [
-              o(e.$slots, "default")
-            ]),
-            key: "0"
-          } : void 0,
-          e.$slots.icon ? {
-            name: "icon",
-            fn: n(() => [
-              o(e.$slots, "icon")
-            ]),
-            key: "1"
-          } : void 0,
-          e.$slots.aside ? {
-            name: "aside",
-            fn: n(() => [
-              o(e.$slots, "aside")
-            ]),
-            key: "2"
-          } : void 0
-        ]), 1040, ["indent"])
-      ]),
-      o(e.$slots, "after")
-    ], 16));
-  }
-});
-export {
-  P as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarItem.vue2.js

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

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

@@ -1,28 +0,0 @@
-import { defineComponent as n, createBlock as s, openBlock as l, resolveDynamicComponent as i, normalizeProps as p, guardReactiveProps as f, unref as e, withCtx as m, renderSlot as u } from "vue";
-import { useBindCx as c } from "@scalar/use-hooks/useBindCx";
-import { useSidebarNestedItems as d } from "./useSidebarNestedItems.js";
-const _ = {}, h = /* @__PURE__ */ n({
-  ..._,
-  inheritAttrs: !1,
-  __name: "ScalarSidebarItems",
-  props: {
-    is: { default: "ul" }
-  },
-  setup(t) {
-    const { open: r } = d(), { cx: o } = c();
-    return (a, x) => (l(), s(i(t.is), p(f(
-      e(o)(
-        "group/items relative flex flex-col p-3 gap-px transition-transform duration-300",
-        e(r) ? "-translate-x-full" : "translate-x-0"
-      )
-    )), {
-      default: m(() => [
-        u(a.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  h as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarItems.vue3.js

@@ -1,5 +0,0 @@
-import o from "./ScalarSidebarItems.vue.js";
-/* empty css                        */
-export {
-  o as default
-};