@scalar/components 0.20.8 → 0.20.10

package/dist/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue2.js

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

package/dist/components/ScalarCodeBlock/constants.js

@@ -1,54 +0,0 @@
-const l = {
-  bash: "Bash",
-  c: "C",
-  clojure: "Clojure",
-  cpp: "C++",
-  csharp: "C#",
-  css: "CSS",
-  curl: "cURL",
-  dart: "Dart",
-  diff: "Diff",
-  docker: "Docker",
-  dockerfile: "Dockerfile",
-  elixir: "Elixir",
-  fsharp: "F#",
-  go: "Go",
-  graphql: "GraphQL",
-  haskell: "Haskell",
-  html: "HTML",
-  http: "HTTP",
-  ini: "INI",
-  java: "Java",
-  javascript: "JavaScript",
-  json: "JSON",
-  kotlin: "Kotlin",
-  less: "Less",
-  lua: "Lua",
-  makefile: "Makefile",
-  markdown: "Markdown",
-  matlab: "MATLAB",
-  nginx: "Nginx",
-  objectivec: "Objective-C",
-  ocaml: "OCaml",
-  perl: "Perl",
-  php: "PHP",
-  plaintext: "Plain Text",
-  powershell: "PowerShell",
-  properties: "Properties",
-  python: "Python",
-  r: "R",
-  ruby: "Ruby",
-  rust: "Rust",
-  scala: "Scala",
-  scss: "SCSS",
-  shell: "Shell",
-  sql: "SQL",
-  swift: "Swift",
-  toml: "TOML",
-  typescript: "TypeScript",
-  xml: "XML",
-  yaml: "YAML"
-};
-export {
-  l as LANGUAGE_LABELS
-};

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js

@@ -1,30 +0,0 @@
-import { defineComponent as u, computed as c, createBlock as r, openBlock as t, unref as o, isRef as s } from "vue";
-import { useColorMode as f } from "@scalar/use-hooks/useColorMode";
-import p from "./ScalarColorModeToggleButton.vue.js";
-import _ from "./ScalarColorModeToggleIcon.vue.js";
-const k = {}, S = /* @__PURE__ */ u({
-  ...k,
-  __name: "ScalarColorModeToggle",
-  props: {
-    variant: { default: "switch" }
-  },
-  setup(n) {
-    const { isDarkMode: e, toggleColorMode: i, darkLightMode: d } = f(), l = c(
-      () => e.value ? "Set light mode" : "Set dark mode"
-    );
-    return (g, a) => n.variant === "switch" ? (t(), r(p, {
-      key: 0,
-      modelValue: o(e),
-      "onUpdate:modelValue": a[0] || (a[0] = (m) => s(e) ? e.value = m : null),
-      "aria-label": l.value
-    }, null, 8, ["modelValue", "aria-label"])) : (t(), r(_, {
-      key: 1,
-      "aria-label": l.value,
-      mode: o(d),
-      onClick: o(i)
-    }, null, 8, ["aria-label", "mode", "onClick"]));
-  }
-});
-export {
-  S as default
-};

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggle.vue2.js

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

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue.js

@@ -1,41 +0,0 @@
-import { defineComponent as n, useModel as s, createElementBlock as i, openBlock as u, mergeProps as a, unref as d, createElementVNode as t, normalizeClass as m, createVNode as f } from "vue";
-import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
-import c from "./ScalarColorModeToggleIcon.vue.js";
-const g = ["aria-pressed"], x = {}, B = /* @__PURE__ */ n({
-  ...x,
-  inheritAttrs: !1,
-  __name: "ScalarColorModeToggleButton",
-  props: {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(l) {
-    const { cx: r } = p(), e = s(l, "modelValue");
-    return (b, o) => (u(), i("button", a(
-      {
-        "aria-pressed": e.value,
-        type: "button"
-      },
-      d(r)(
-        "group/toggle flex h-6 w-[38px] brightness-lifted -mx-px items-center py-1.5 -my-1.5 relative outline-none"
-      ),
-      {
-        onClick: o[0] || (o[0] = (v) => e.value = !e.value)
-      }
-    ), [
-      o[1] || (o[1] = t("div", { class: "h-3 w-full bg-border mx-px rounded-xl group-focus-visible/toggle:outline -outline-offset-1" }, null, -1)),
-      t("div", {
-        class: m(["size-[23px] left-border absolute border rounded-full flex items-center justify-center bg-b-1 group-focus-visible/toggle:outline -outline-offset-1 transition-transform duration-300 ease-in-out", { "translate-x-[14px]": e.value }])
-      }, [
-        f(c, {
-          is: "div",
-          mode: e.value ? "dark" : "light"
-        }, null, 8, ["mode"])
-      ], 2)
-    ], 16, g));
-  }
-});
-export {
-  B as default
-};

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue2.js

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

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js

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

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue2.js

@@ -1,35 +0,0 @@
-import { defineComponent as a, computed as s, createBlock as c, openBlock as i, resolveDynamicComponent as r, mergeProps as u, unref as m, withCtx as g, createElementVNode as e } from "vue";
-import { useBindCx as d } from "@scalar/use-hooks/useBindCx";
-const p = {}, b = /* @__PURE__ */ a({
-  ...p,
-  inheritAttrs: !1,
-  __name: "ScalarColorModeToggleIcon",
-  props: {
-    is: { default: "button" },
-    mode: { default: "light" }
-  },
-  setup(t) {
-    const { cx: l } = d(), n = s(
-      () => t.mode === "dark" ? "Set light mode" : "Set dark mode"
-    );
-    return (f, o) => (i(), c(r(t.is), u({
-      "aria-label": n.value,
-      class: `toggle-icon-${t.mode}`,
-      type: t.is === "button" ? "button" : void 0
-    }, m(l)("size-3 flex items-center justify-center text-c-1")), {
-      default: g(() => [...o[0] || (o[0] = [
-        e("span", { class: "toggle-icon-sun-ray" }, null, -1),
-        e("span", { class: "toggle-icon-sun-ray" }, null, -1),
-        e("span", { class: "toggle-icon-sun-ray" }, null, -1),
-        e("span", { class: "toggle-icon-sun-ray" }, null, -1),
-        e("span", { class: "toggle-icon-ellipse" }, [
-          e("span", { class: "toggle-icon-moon-mask" })
-        ], -1)
-      ])]),
-      _: 1
-    }, 16, ["aria-label", "class", "type"]));
-  }
-});
-export {
-  b as default
-};

package/dist/components/ScalarCombobox/ScalarCombobox.vue.js

@@ -1,71 +0,0 @@
-import { defineComponent as f, mergeModels as s, useModel as c, createBlock as g, openBlock as $, withCtx as l, createVNode as v, createSlots as V, renderSlot as a, normalizeProps as n, guardReactiveProps as m } from "vue";
-import h from "./ScalarComboboxOptions.vue.js";
-import y from "./ScalarComboboxPopover.vue.js";
-const B = /* @__PURE__ */ f({
-  __name: "ScalarCombobox",
-  props: /* @__PURE__ */ s({
-    options: {},
-    placeholder: {},
-    placement: {},
-    offset: { type: [Number, Object, Function] },
-    resize: { type: Boolean },
-    target: {},
-    middleware: {},
-    teleport: { type: [Boolean, String] }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ s(["add"], ["update:modelValue"]),
-  setup(e, { emit: p }) {
-    const u = p, d = c(e, "modelValue");
-    return (o, b) => ($(), g(y, {
-      middleware: e.middleware,
-      offset: e.offset,
-      placement: e.placement ?? "bottom-start",
-      resize: e.resize,
-      target: e.target,
-      teleport: e.teleport
-    }, {
-      default: l(({ open: r }) => [
-        a(o.$slots, "default", { open: r })
-      ]),
-      popover: l(({ open: r, close: i }) => [
-        v(h, {
-          modelValue: d.value ? [d.value] : [],
-          open: r,
-          options: e.options,
-          placeholder: e.placeholder,
-          onAdd: () => (i(), u("add")),
-          "onUpdate:modelValue": (t) => (i(), d.value = t[0])
-        }, V({ _: 2 }, [
-          o.$slots.option ? {
-            name: "option",
-            fn: l((t) => [
-              a(o.$slots, "option", n(m(t)))
-            ]),
-            key: "0"
-          } : void 0,
-          o.$slots.group ? {
-            name: "group",
-            fn: l((t) => [
-              a(o.$slots, "group", n(m(t)))
-            ]),
-            key: "1"
-          } : void 0,
-          o.$slots.add ? {
-            name: "add",
-            fn: l((t) => [
-              a(o.$slots, "add", n(m(t)))
-            ]),
-            key: "2"
-          } : void 0
-        ]), 1032, ["modelValue", "open", "options", "placeholder", "onAdd", "onUpdate:modelValue"])
-      ]),
-      _: 3
-    }, 8, ["middleware", "offset", "placement", "resize", "target", "teleport"]));
-  }
-});
-export {
-  B as default
-};

package/dist/components/ScalarCombobox/ScalarCombobox.vue2.js

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

package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.js

@@ -1,75 +0,0 @@
-import { defineComponent as $, mergeModels as f, useModel as b, ref as y, createBlock as p, openBlock as u, withCtx as l, createCommentVNode as k, createSlots as V, renderSlot as d, normalizeProps as n, guardReactiveProps as m } from "vue";
-import w from "./ScalarComboboxOptions.vue.js";
-import z from "./ScalarComboboxPopover.vue.js";
-const P = /* @__PURE__ */ $({
-  __name: "ScalarComboboxMultiselect",
-  props: /* @__PURE__ */ f({
-    options: {},
-    placeholder: {},
-    placement: {},
-    offset: { type: [Number, Object, Function] },
-    resize: { type: Boolean },
-    target: {},
-    middleware: {},
-    teleport: { type: [Boolean, String] }
-  }, {
-    modelValue: { default: [] },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ f(["add"], ["update:modelValue"]),
-  setup(e, { expose: c, emit: g }) {
-    const v = g, s = b(e, "modelValue"), i = y(null);
-    return c({ comboboxPopoverRef: i }), (t, a) => (u(), p(z, {
-      ref_key: "comboboxPopoverRef",
-      ref: i,
-      middleware: e.middleware,
-      offset: e.offset,
-      placement: e.placement ?? "bottom-start",
-      resize: e.resize,
-      target: e.target,
-      teleport: e.teleport
-    }, {
-      default: l(({ open: r }) => [
-        d(t.$slots, "default", { open: r })
-      ]),
-      popover: l(({ open: r }) => [
-        e.options?.length ? (u(), p(w, {
-          key: 0,
-          modelValue: s.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (o) => s.value = o),
-          multiselect: "",
-          open: r,
-          options: e.options,
-          placeholder: e.placeholder,
-          onAdd: a[1] || (a[1] = (o) => v("add"))
-        }, V({ _: 2 }, [
-          t.$slots.option ? {
-            name: "option",
-            fn: l((o) => [
-              d(t.$slots, "option", n(m(o)))
-            ]),
-            key: "0"
-          } : void 0,
-          t.$slots.group ? {
-            name: "group",
-            fn: l((o) => [
-              d(t.$slots, "group", n(m(o)))
-            ]),
-            key: "1"
-          } : void 0,
-          t.$slots.add ? {
-            name: "add",
-            fn: l((o) => [
-              d(t.$slots, "add", n(m(o)))
-            ]),
-            key: "2"
-          } : void 0
-        ]), 1032, ["modelValue", "open", "options", "placeholder"])) : k("", !0)
-      ]),
-      _: 3
-    }, 8, ["middleware", "offset", "placement", "resize", "target", "teleport"]));
-  }
-});
-export {
-  P as default
-};

package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue2.js

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

package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.js

@@ -1,41 +0,0 @@
-import { defineComponent as o, createElementBlock as n, openBlock as r, normalizeClass as l, unref as t, renderSlot as s } from "vue";
-import { cva as i, cx as d } from "@scalar/use-hooks/useBindCx";
-const m = ["aria-selected"], b = /* @__PURE__ */ o({
-  __name: "ScalarComboboxOption",
-  props: {
-    active: { type: Boolean },
-    selected: { type: Boolean }
-  },
-  setup(e) {
-    const a = i({
-      base: [
-        // Group
-        "group/item",
-        // Layout
-        "flex min-w-0 items-center gap-1.5 rounded px-2 py-1.5 text-left",
-        // Text / background style
-        "truncate bg-transparent text-c-1",
-        // Interaction
-        "cursor-pointer hover:bg-b-2"
-      ],
-      variants: {
-        selected: { true: "text-c-1" },
-        active: { true: "bg-b-2" }
-      }
-    });
-    return (c, u) => (r(), n("li", {
-      "aria-selected": e.selected,
-      class: l(t(d)(t(a)({ active: e.active, selected: e.selected }))),
-      role: "option",
-      tabindex: "-1"
-    }, [
-      s(c.$slots, "default", {
-        active: e.active,
-        selected: e.selected
-      })
-    ], 10, m));
-  }
-});
-export {
-  b as default
-};

package/dist/components/ScalarCombobox/ScalarComboboxOption.vue2.js

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

package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.vue.js

@@ -1,28 +0,0 @@
-import { defineComponent as a, useId as i, createElementBlock as t, openBlock as l, createCommentVNode as n, renderSlot as o } from "vue";
-const r = ["id", "aria-labelledby", "role"], c = ["id"], m = /* @__PURE__ */ a({
-  __name: "ScalarComboboxOptionGroup",
-  props: {
-    id: { default: () => i() },
-    hidden: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    return (d, s) => (l(), t("div", {
-      id: e.id,
-      "aria-labelledby": e.id ? `${e.id}-label` : void 0,
-      class: "contents",
-      role: e.hidden ? void 0 : "group"
-    }, [
-      e.hidden ? n("", !0) : (l(), t("div", {
-        key: 0,
-        id: `${e.id}-label`,
-        class: "min-w-0 truncate px-2.5 py-1.5 text-c-2"
-      }, [
-        o(d.$slots, "label")
-      ], 8, c)),
-      o(d.$slots, "default")
-    ], 8, r));
-  }
-});
-export {
-  m as default
-};

package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.vue2.js

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

package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.js

@@ -1,181 +0,0 @@
-import { defineComponent as W, mergeModels as O, useModel as X, useSlots as Y, useId as z, computed as w, ref as I, onMounted as D, watch as Z, createElementBlock as v, openBlock as s, Fragment as m, createElementVNode as k, withDirectives as G, createVNode as h, unref as V, withKeys as C, withModifiers as y, vModelText as _, createBlock as S, createCommentVNode as K, renderList as q, withCtx as g, renderSlot as B, toDisplayString as F, createTextVNode as ee, vShow as te } from "vue";
-import { ScalarIconMagnifyingGlass as le, ScalarIconPlus as oe } from "@scalar/icons";
-import P from "./ScalarComboboxOption.vue.js";
-import ne from "./ScalarComboboxOptionGroup.vue.js";
-import { isGroups as R } from "./types.js";
-import ie from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
-const ae = { class: "relative flex" }, se = ["aria-activedescendant", "placeholder"], de = ["aria-multiselectable"], ue = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, be = /* @__PURE__ */ W({
-  inheritAttrs: !1,
-  __name: "ScalarComboboxOptions",
-  props: /* @__PURE__ */ O({
-    options: {},
-    placeholder: {},
-    multiselect: { type: Boolean }
-  }, {
-    modelValue: { default: [] },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ O(["add"], ["update:modelValue"]),
-  setup(f, { emit: U }) {
-    const d = f, j = U, i = X(f, "modelValue"), M = Y(), $ = `scalar-combobox-items-${z()}`, p = { id: `${z()}-add`, label: "Add a new option" };
-    function b(t) {
-      return `${$}-${t.id}`;
-    }
-    const r = w(
-      () => R(d.options) ? d.options.flatMap((t) => t.options) : d.options
-    ), H = w(
-      () => R(d.options) ? d.options : (
-        /*
-          We know G is an unextended OptionGroup<O> here because of the
-          structure of the component props so we can cast it to G
-        */
-        [{ label: "", options: d.options }]
-      )
-      // G is OptionGroup<O>
-    ), u = I(""), l = I(i.value?.[0] ?? r.value[0]);
-    D(() => {
-      u.value = "", l.value = i.value?.[0] ?? r.value[0], i.value[0] && setTimeout(() => {
-        const e = i.value[0];
-        e && document?.getElementById(b(e))?.scrollIntoView({ block: "nearest" });
-      }, 10);
-    }), Z(
-      () => u.value,
-      () => l.value = N.value[0]
-    );
-    const x = w(
-      () => u.value === "" ? r.value : r.value.filter((t) => t.label.toLowerCase().includes(u.value.toLowerCase()))
-    ), N = w(
-      () => M.add ? [...x.value, p] : x.value
-    );
-    function A(t) {
-      if (t) {
-        if (t.id === p.id) {
-          T();
-          return;
-        }
-        d.multiselect ? i.value.some((e) => e.id === t.id) ? i.value = i.value.filter((e) => e.id !== t.id) : i.value = [
-          ...i.value,
-          r.value.find((e) => e.id === t.id)
-        ] : i.value = [r.value.find((e) => e.id === t.id)];
-      }
-    }
-    function E(t) {
-      const e = N.value, c = e.findIndex(
-        (n) => n.id === l.value?.id
-      ) + t;
-      c < 0 || c > e.length - 1 || (l.value = e[c], l.value && document?.getElementById(b(l.value))?.scrollIntoView({
-        behavior: "smooth",
-        block: "nearest"
-      }));
-    }
-    function T() {
-      j("add"), u.value = "";
-    }
-    const L = I(null);
-    return D(() => setTimeout(() => L.value?.focus(), 0)), (t, e) => (s(), v(m, null, [
-      k("div", ae, [
-        h(V(le), { class: "pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-c-3 size-4" }),
-        G(k("input", {
-          ref_key: "input",
-          ref: L,
-          "onUpdate:modelValue": e[0] || (e[0] = (o) => u.value = o),
-          "aria-activedescendant": l.value ? b(l.value) : void 0,
-          "aria-autocomplete": "list",
-          "aria-controls": $,
-          class: "min-w-0 flex-1 rounded border-0 py-2.5 pl-8 pr-3 leading-none text-c-1 -outline-offset-1",
-          "data-1p-ignore": "",
-          placeholder: f.placeholder,
-          role: "combobox",
-          tabindex: "0",
-          type: "text",
-          onKeydown: [
-            e[1] || (e[1] = C(y((o) => E(1), ["prevent"]), ["down"])),
-            e[2] || (e[2] = C(y((o) => l.value && A(l.value), ["prevent"]), ["enter"])),
-            e[3] || (e[3] = C(y((o) => E(-1), ["prevent"]), ["up"]))
-          ]
-        }, null, 40, se), [
-          [_, u.value]
-        ])
-      ]),
-      G(k("ul", {
-        id: $,
-        "aria-multiselectable": f.multiselect,
-        class: "border-t p-0.75 custom-scroll overscroll-contain flex-1 min-h-0",
-        role: "listbox",
-        tabindex: "-1"
-      }, [
-        (s(!0), v(m, null, q(H.value, (o, c) => (s(), S(ne, {
-          id: `${$}-group-${c}`,
-          key: c,
-          hidden: (
-            // Only show the group label if there are some results
-            !o.options.some((n) => x.value.some((a) => a.id === n.id)) || // And it has a label
-            !o.label
-          )
-        }, {
-          label: g(() => [
-            t.$slots.group ? B(t.$slots, "group", {
-              key: 0,
-              group: o
-            }) : (s(), v(m, { key: 1 }, [
-              ee(F(o.label), 1)
-            ], 64))
-          ]),
-          default: g(() => [
-            (s(!0), v(m, null, q(x.value, (n) => (s(), v(m, {
-              key: n.id
-            }, [
-              o.options.some((a) => a.id === n.id) ? (s(), S(P, {
-                key: 0,
-                id: b(n),
-                active: l.value?.id === n.id,
-                selected: i.value.some((a) => a.id === n.id),
-                onClick: (a) => A(n),
-                onMousedown: e[4] || (e[4] = y(() => {
-                }, ["prevent"])),
-                onMouseenter: (a) => l.value = n
-              }, {
-                default: g(({ active: a, selected: J }) => [
-                  t.$slots.option ? B(t.$slots, "option", {
-                    key: 0,
-                    active: a,
-                    option: n,
-                    selected: J
-                  }) : (s(), v(m, { key: 1 }, [
-                    h(V(ie), {
-                      multiselect: f.multiselect,
-                      selected: i.value.some((Q) => Q.id === n.id)
-                    }, null, 8, ["multiselect", "selected"]),
-                    k("span", ue, F(n.label), 1)
-                  ], 64))
-                ]),
-                _: 2
-              }, 1032, ["id", "active", "selected", "onClick", "onMouseenter"])) : K("", !0)
-            ], 64))), 128))
-          ]),
-          _: 2
-        }, 1032, ["id", "hidden"]))), 128)),
-        M.add ? (s(), S(P, {
-          key: 0,
-          id: b(p),
-          active: l.value?.id === p.id,
-          onClick: T,
-          onMousedown: e[5] || (e[5] = y(() => {
-          }, ["prevent"])),
-          onMouseenter: e[6] || (e[6] = (o) => l.value = p)
-        }, {
-          default: g(({ active: o }) => [
-            h(V(oe), { class: "size-4 p-px" }),
-            B(t.$slots, "add", { active: o })
-          ]),
-          _: 3
-        }, 8, ["id", "active"])) : K("", !0)
-      ], 8, de), [
-        [te, x.value.length || M.add]
-      ])
-    ], 64));
-  }
-});
-export {
-  be as default
-};

package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue2.js

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