@scalar/components 0.20.9 → 0.20.10

package/dist/components/ScalarTextInput/ScalarTextInputCopy.vue2.js

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

package/dist/components/ScalarThemeSwatches/ScalarThemeSwatches.vue.js

@@ -1,35 +0,0 @@
-import { defineComponent as o, createElementBlock as a, openBlock as s, mergeProps as c, unref as e, Fragment as g, renderList as d, normalizeStyle as i } from "vue";
-import { useBindCx as m } from "@scalar/use-hooks/useBindCx";
-import { useThemeSwatches as u, THEME_CSS_VARS as b } from "./useThemeSwatches.js";
-const h = {}, x = /* @__PURE__ */ o({
-  ...h,
-  inheritAttrs: !1,
-  __name: "ScalarThemeSwatches",
-  props: {
-    css: {}
-  },
-  setup(l) {
-    const { colors: r } = u(() => l.css), { cx: n } = m();
-    return (k, _) => (s(), a("div", c(
-      {
-        style: {
-          "--bg-light": e(r).light["--scalar-background-1"],
-          "--bg-dark": e(r).dark["--scalar-background-1"]
-        }
-      },
-      e(n)(
-        "flex *:size-3 overflow-hidden rounded",
-        "bg-(--bg-light) dark:bg-(--bg-dark)"
-      )
-    ), [
-      (s(!0), a(g, null, d(e(b), (t) => (s(), a("div", {
-        key: t,
-        class: "bg-(--bg-light) dark:bg-(--bg-dark)",
-        style: i({ "--bg-light": e(r).light[t], "--bg-dark": e(r).dark[t] })
-      }, null, 4))), 128))
-    ], 16));
-  }
-});
-export {
-  x as default
-};

package/dist/components/ScalarThemeSwatches/ScalarThemeSwatches.vue2.js

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

package/dist/components/ScalarThemeSwatches/useThemeSwatches.js

@@ -1,33 +0,0 @@
-import { computed as n, toValue as t } from "vue";
-const m = [
-  "--scalar-color-1",
-  "--scalar-color-2",
-  "--scalar-color-3",
-  "--scalar-background-1",
-  "--scalar-background-2",
-  "--scalar-background-3",
-  "--scalar-color-accent"
-];
-function a(r, l) {
-  const c = [...l.matchAll(new RegExp(`(${r}): ([^;]+);`, "gm"))];
-  return c.length === 0 ? {} : Object.fromEntries(c.map((o) => [o[1], o[2]]));
-}
-function e(r) {
-  return r ? {
-    ...a("--scalar-color-[1-3]", r),
-    ...a("--scalar-background-[1-3]", r),
-    ...a("--scalar-color-accent", r)
-  } : {};
-}
-function s(r) {
-  return {
-    colors: n(() => ({
-      light: e(t(r).match(/\.light-mode[^{]*{[^}]*}/m)?.[0]),
-      dark: e(t(r).match(/\.dark-mode[^{]*{[^}]*}/m)?.[0])
-    }))
-  };
-}
-export {
-  m as THEME_CSS_VARS,
-  s as useThemeSwatches
-};

package/dist/components/ScalarToggle/ScalarToggle.vue.js

@@ -1,45 +0,0 @@
-import { defineComponent as d, mergeModels as i, useModel as u, createElementBlock as t, openBlock as l, normalizeClass as o, unref as n, createElementVNode as m, createCommentVNode as b, toDisplayString as f } from "vue";
-import { cva as p, cx as h } from "@scalar/use-hooks/useBindCx";
-const v = ["aria-checked", "aria-disabled"], g = {
-  key: 0,
-  class: "sr-only"
-}, V = /* @__PURE__ */ d({
-  __name: "ScalarToggle",
-  props: /* @__PURE__ */ i({
-    disabled: { type: Boolean },
-    label: {}
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const r = e, a = u(e, "modelValue");
-    function s() {
-      r.disabled || (a.value = !a.value);
-    }
-    const c = p({
-      base: "relative h-3.5 min-w-6 w-6 cursor-pointer rounded-full bg-b-3 transition-colors duration-300",
-      variants: {
-        checked: { true: "bg-c-accent" },
-        disabled: { true: "cursor-not-allowed opacity-40" }
-      }
-    });
-    return (k, x) => (l(), t("button", {
-      "aria-checked": a.value,
-      "aria-disabled": e.disabled,
-      class: o(n(h)(n(c)({ checked: a.value, disabled: e.disabled }))),
-      role: "switch",
-      type: "button",
-      onClick: s
-    }, [
-      m("div", {
-        class: o(["absolute left-px top-px flex h-3 w-3 items-center justify-center rounded-full bg-b-1 text-c-accent transition-transform duration-300", { "translate-x-2.5": a.value }])
-      }, null, 2),
-      e.label ? (l(), t("span", g, f(e.label), 1)) : b("", !0)
-    ], 10, v));
-  }
-});
-export {
-  V as default
-};

package/dist/components/ScalarToggle/ScalarToggle.vue2.js

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

package/dist/components/ScalarToggle/ScalarToggleGroup.vue.js

@@ -1,35 +0,0 @@
-import { defineComponent as d, mergeModels as n, useModel as s, createBlock as u, openBlock as t, unref as c, withCtx as r, createElementBlock as f, Fragment as _, renderList as i, createTextVNode as p, toDisplayString as V } from "vue";
-import v from "./ScalarToggleInput.vue.js";
-import g from "../ScalarForm/ScalarFormInputGroup.vue.js";
-const k = {}, C = /* @__PURE__ */ d({
-  ...k,
-  __name: "ScalarToggleGroup",
-  props: /* @__PURE__ */ n({
-    options: { default: () => [] }
-  }, {
-    modelValue: { default: [] },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const l = s(o, "modelValue");
-    return (x, B) => (t(), u(c(g), null, {
-      default: r(() => [
-        (t(!0), f(_, null, i(o.options, (e) => (t(), u(v, {
-          key: e.value,
-          modelValue: l.value?.some(({ value: a }) => a === e.value),
-          "onUpdate:modelValue": (a) => l.value = a ? [...l.value, e] : l.value.filter(({ value: m }) => m !== e.value)
-        }, {
-          default: r(() => [
-            p(V(e.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["modelValue", "onUpdate:modelValue"]))), 128))
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  C as default
-};

package/dist/components/ScalarToggle/ScalarToggleGroup.vue2.js

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

package/dist/components/ScalarToggle/ScalarToggleInput.vue.js

@@ -1,36 +0,0 @@
-import { defineComponent as u, useModel as d, createBlock as i, openBlock as c, unref as t, mergeProps as l, withCtx as f, createElementVNode as p, createVNode as _, renderSlot as V } from "vue";
-import { useBindCx as x } from "@scalar/use-hooks/useBindCx";
-import g from "./ScalarToggle.vue.js";
-import h from "../ScalarForm/ScalarFormInput.vue.js";
-const v = { class: "flex-1 text-left min-w-0 truncate" }, B = {}, $ = /* @__PURE__ */ u({
-  ...B,
-  inheritAttrs: !1,
-  __name: "ScalarToggleInput",
-  props: {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(r) {
-    const e = d(r, "modelValue"), { stylingAttrsCx: a, otherAttrs: s } = x();
-    return (n, o) => (c(), i(t(h), l(
-      { is: "label" },
-      t(a)("cursor-pointer gap-2 hover:bg-b-2", { "text-c-1": e.value })
-    ), {
-      default: f(() => [
-        p("div", v, [
-          V(n.$slots, "default")
-        ]),
-        _(g, l({
-          modelValue: e.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (m) => e.value = m),
-          class: "shrink-0"
-        }, t(s)), null, 16, ["modelValue"])
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  $ as default
-};

package/dist/components/ScalarToggle/ScalarToggleInput.vue2.js

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

package/dist/components/ScalarTooltip/ScalarHotkeyTooltip.vue.js

@@ -1,59 +0,0 @@
-import { defineComponent as c, ref as i, computed as o, render as f, h as l, createElementBlock as m, openBlock as s, normalizeClass as u, renderSlot as h } from "vue";
-import { DEFAULT_OFFSET as y, DEFAULT_DELAY as k } from "./constants.js";
-import { useTooltip as p } from "./useTooltip.js";
-import a from "../ScalarHotkey/ScalarHotkey.vue.js";
-const T = {}, w = /* @__PURE__ */ c({
-  ...T,
-  __name: "ScalarHotkeyTooltip",
-  props: {
-    content: { default: "" },
-    hotkey: {},
-    modifier: {},
-    delay: { default: () => k },
-    placement: { default: "top" },
-    offset: { default: () => y }
-  },
-  setup(e) {
-    const n = i(null), d = o(() => {
-      if (!document) return "";
-      const t = document.createElement("div"), r = "-m-0.5 border-none p-0 grid grid-flow-col *:border *:h-5 *:min-w-5 *:border-border-tooltip *:rounded *:px-1 *:flex *:items-center *:justify-center";
-      return e.content ? f(
-        l("div", { class: "flex items-center gap-2" }, [
-          e.content,
-          l(a, {
-            class: r,
-            hotkey: e.hotkey,
-            modifier: e.modifier
-          })
-        ]),
-        t
-      ) : f(
-        l(a, {
-          class: r,
-          hotkey: e.hotkey,
-          modifier: e.modifier
-        }),
-        t
-      ), t.innerHTML;
-    });
-    return p({
-      content: d,
-      contentTarget: "innerHTML",
-      delay: o(() => e.delay),
-      placement: o(() => e.placement),
-      offset: o(() => e.offset),
-      targetRef: o(
-        () => n.value?.children?.[0] || n.value || void 0
-      )
-    }), (t, r) => (s(), m("div", {
-      ref_key: "wrapperRef",
-      ref: n,
-      class: u({ contents: !!t.$slots.default })
-    }, [
-      h(t.$slots, "default")
-    ], 2));
-  }
-});
-export {
-  w as default
-};

package/dist/components/ScalarTooltip/ScalarHotkeyTooltip.vue2.js

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

package/dist/components/ScalarTooltip/ScalarTooltip.vue.js

@@ -1,34 +0,0 @@
-import { defineComponent as a, ref as n, computed as e, createElementBlock as f, openBlock as r, normalizeClass as c, renderSlot as d } from "vue";
-import { DEFAULT_OFFSET as s, DEFAULT_DELAY as u } from "./constants.js";
-import { useTooltip as m } from "./useTooltip.js";
-const p = {}, v = /* @__PURE__ */ a({
-  ...p,
-  __name: "ScalarTooltip",
-  props: {
-    content: { default: "" },
-    delay: { default: () => u },
-    placement: { default: "top" },
-    offset: { default: () => s }
-  },
-  setup(t) {
-    const l = n(null);
-    return m({
-      content: e(() => t.content),
-      delay: e(() => t.delay),
-      placement: e(() => t.placement),
-      offset: e(() => t.offset),
-      targetRef: e(
-        () => l.value?.children?.[0] || l.value || void 0
-      )
-    }), (o, i) => (r(), f("div", {
-      ref_key: "wrapperRef",
-      ref: l,
-      class: c({ contents: !!o.$slots.default })
-    }, [
-      d(o.$slots, "default")
-    ], 2));
-  }
-});
-export {
-  v as default
-};

package/dist/components/ScalarTooltip/ScalarTooltip.vue3.js

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

package/dist/components/ScalarTooltip/constants.js

@@ -1,7 +0,0 @@
-const E = "scalar-tooltip", o = "scalar-tooltip", t = 300, c = 4;
-export {
-  t as DEFAULT_DELAY,
-  c as DEFAULT_OFFSET,
-  o as ELEMENT_CLASS,
-  E as ELEMENT_ID
-};

package/dist/components/ScalarTooltip/useTooltip.js

@@ -1,79 +0,0 @@
-import { useFloating as E, autoUpdate as y, flip as T, shift as g } from "@floating-ui/vue";
-import { watch as m, unref as o, ref as p, computed as c } from "vue";
-import { ELEMENT_ID as v, ELEMENT_CLASS as L, DEFAULT_DELAY as h, DEFAULT_OFFSET as b } from "./constants.js";
-const d = p(), t = p(), s = p(), { floatingStyles: i } = E(
-  c(() => o(s.value?.targetRef)),
-  t,
-  {
-    placement: c(() => o(s.value?.placement)),
-    whileElementsMounted: y,
-    middleware: c(() => [T(), g()])
-  }
-);
-m(i, () => {
-  t.value && (t.value.style.position = i.value.position, t.value.style.top = i.value.top, t.value.style.left = i.value.left, t.value.style.transform = i.value.transform ?? "", t.value.style.willChange = i.value.willChange ?? "");
-});
-m(
-  s,
-  (e) => {
-    if (t.value)
-      if (e) {
-        const a = o(e?.contentTarget) ?? "textContent";
-        t.value[a] = o(e?.content) ?? "";
-        const n = o(e?.offset) ?? b;
-        t.value.style.setProperty("--scalar-tooltip-offset", `${n}px`), t.value.style.setProperty("display", "block");
-      } else
-        t.value.innerHTML = "", t.value.style.removeProperty("--scalar-tooltip-offset"), t.value.style.setProperty("display", "none");
-  },
-  { deep: !0 }
-);
-function A() {
-  if (typeof document > "u" || typeof window > "u" || t.value)
-    return;
-  const e = document.getElementById(v);
-  e ? t.value = e : (t.value = document.createElement("div"), t.value.role = "tooltip", t.value.id = v, t.value.classList.add(L), t.value.classList.add("scalar-app"), t.value.style.setProperty("display", "none"), t.value.addEventListener("mouseleave", u), document.body.appendChild(t.value));
-}
-function u(e) {
-  M(e) && (f(), s.value = void 0);
-}
-function P(e) {
-  e.key === "Escape" && (e.stopPropagation(), u(e));
-}
-function f() {
-  d.value && (clearTimeout(d.value), d.value = void 0);
-}
-function w(e) {
-  const a = [];
-  let n = e.parentElement;
-  for (; n; )
-    a.push(n), n = n.parentElement;
-  return a;
-}
-function M(e) {
-  const a = o(s.value?.targetRef);
-  if (e instanceof MouseEvent && e.relatedTarget instanceof Element && a) {
-    const n = w(e.relatedTarget);
-    return e.relatedTarget.id !== v && !n.some((l) => l.id === v) && e.relatedTarget !== a;
-  }
-  return !0;
-}
-function F(e) {
-  A();
-  function a(l) {
-    const r = o(e.delay) ?? h;
-    f(), r > 0 ? d.value = setTimeout(() => n(), r) : n();
-  }
-  function n(l) {
-    f(), document.addEventListener("keydown", P, { once: !0, capture: !0 }), s.value = e;
-  }
-  m(
-    () => o(e.targetRef),
-    (l, r) => {
-      r && (r.removeEventListener("mouseenter", a), r.removeEventListener("mouseleave", u), r.removeEventListener("focus", n), r.removeEventListener("blur", u), r.removeAttribute("aria-describedby")), l && (l.addEventListener("mouseenter", a), l.addEventListener("mouseleave", u), l.addEventListener("focus", n), l.addEventListener("blur", u), l.setAttribute("aria-describedby", v));
-    },
-    { immediate: !0 }
-  );
-}
-export {
-  F as useTooltip
-};

package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.js

@@ -1,61 +0,0 @@
-import { defineComponent as b, ref as o, computed as t, onMounted as w, onBeforeUnmount as E, watchEffect as k, createElementBlock as v, openBlock as f, normalizeClass as h, createElementVNode as $, normalizeStyle as m, Fragment as z, renderList as L, toDisplayString as R } from "vue";
-const I = /* @__PURE__ */ b({
-  __name: "ScalarVirtualText",
-  props: {
-    text: {},
-    lineHeight: { default: 20 },
-    containerClass: { default: "" },
-    contentClass: { default: "" },
-    lineClass: { default: "" }
-  },
-  setup(l) {
-    const e = l, n = o(null), s = o(null), r = o(0), d = o(0), a = t(() => e.text.split(`
-`)), x = t(() => a.value.length * e.lineHeight), i = t(
-      () => Math.floor(r.value / e.lineHeight)
-    ), p = t(
-      () => Math.min(
-        Math.ceil(
-          (r.value + d.value) / e.lineHeight
-        ),
-        a.value.length
-      )
-    ), H = t(() => {
-      const g = Math.max(0, i.value - 10), u = Math.min(a.value.length, p.value + 10);
-      return a.value.slice(g, u);
-    }), y = t(() => ({
-      height: `${x.value}px`,
-      transform: `translateY(${Math.max(0, i.value - 10) * e.lineHeight}px)`
-    })), C = () => n.value && (r.value = n.value.scrollTop), c = () => n.value && (d.value = n.value.clientHeight);
-    return w(() => {
-      c(), window.addEventListener("resize", c);
-    }), E(() => {
-      window.removeEventListener("resize", c);
-    }), k(() => {
-      s.value && (s.value.style.transform = `translateY(${Math.max(0, i.value - 10) * e.lineHeight}px)`);
-    }), (M, g) => (f(), v("div", {
-      ref_key: "containerRef",
-      ref: n,
-      class: h(["scalar-virtual-text overflow-auto", l.containerClass]),
-      onScroll: C
-    }, [
-      $("code", {
-        ref_key: "contentRef",
-        ref: s,
-        class: h(["scalar-virtual-text-content", l.contentClass]),
-        style: m(y.value)
-      }, [
-        (f(!0), v(z, null, L(H.value, (u, S) => (f(), v("div", {
-          key: i.value + S,
-          class: h(["scalar-virtual-text-line", l.lineClass]),
-          style: m({
-            height: `${e.lineHeight}px`,
-            lineHeight: `${e.lineHeight}px`
-          })
-        }, R(u), 7))), 128))
-      ], 6)
-    ], 34));
-  }
-});
-export {
-  I as default
-};

package/dist/components/ScalarVirtualText/ScalarVirtualText.vue2.js

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

package/dist/components/ScalarWrappingText/ScalarWrappingText.vue.js

@@ -1,25 +0,0 @@
-import { defineComponent as u, computed as c, createElementBlock as n, openBlock as a, Fragment as l, renderList as m, createElementVNode as d, createTextVNode as i, toDisplayString as f } from "vue";
-import { PRESETS as x } from "./constants.js";
-const g = {}, w = /* @__PURE__ */ u({
-  ...g,
-  inheritAttrs: !1,
-  __name: "ScalarWrappingText",
-  props: {
-    text: { default: "" },
-    preset: { default: "path" },
-    regex: {}
-  },
-  setup(e) {
-    const o = c(() => {
-      const r = new RegExp(e.regex ?? x[e.preset], "g");
-      return e.text.replace(r, "⁠$&").split("⁠").filter(Boolean);
-    });
-    return (r, t) => (a(!0), n(l, null, m(o.value, (s, p) => (a(), n(l, { key: p }, [
-      t[0] || (t[0] = d("wbr", null, null, -1)),
-      i(f(s), 1)
-    ], 64))), 128));
-  }
-});
-export {
-  w as default
-};

package/dist/components/ScalarWrappingText/ScalarWrappingText.vue2.js

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

package/dist/components/ScalarWrappingText/constants.js

@@ -1,12 +0,0 @@
-const p = {
-  /** Breaks on `/`, '.' and `-` for urls or file paths */
-  path: /[\/\.-]/,
-  /**
-   * Breaks on capitals, `_` and `.` for properties written in
-   * camel, pascal or snake case
-   */
-  property: /[A-Z\_\.-]/
-};
-export {
-  p as PRESETS
-};

package/dist/helpers/add-scalar-classes.js

@@ -1,16 +0,0 @@
-const e = "scalar-app", a = "headlessui-portal-root", c = (s) => s !== null && s instanceof HTMLElement, o = (s) => {
-  !s || s.classList.contains(e) || s.classList.add(e);
-}, d = () => {
-  o(document.getElementById(a));
-  const s = new MutationObserver(
-    (r) => r.forEach(
-      ({ addedNodes: n }) => n.forEach((t) => {
-        c(t) && t.id === a && o(t);
-      })
-    )
-  );
-  return s.observe(document.body, { childList: !0 }), s;
-};
-export {
-  d as addScalarClassesToHeadless
-};