@roku-ui/vue 0.6.3 → 0.7.0

package/dist/index.js

@@ -1,3126 +0,0 @@
-import { defineComponent as x, openBlock as m, createElementBlock as g, normalizeStyle as C, renderSlot as M, computed as v, ref as b, onMounted as re, Fragment as J, createBlock as N, resolveDynamicComponent as ce, mergeProps as ye, unref as u, createCommentVNode as T, getCurrentScope as yt, onScopeDispose as wt, nextTick as et, getCurrentInstance as tt, watch as ue, shallowRef as _t, readonly as kt, watchEffect as F, withCtx as W, normalizeClass as y, createElementVNode as k, mergeModels as Y, useModel as Q, inject as Ie, provide as ze, useAttrs as xt, withDirectives as Ve, vModelText as St, createVNode as X, Teleport as Mt, Transition as rt, useSlots as $t, toDisplayString as ae, renderList as ve, withModifiers as nt, withKeys as Ct, reactive as At, vModelCheckbox as Tt, isRef as Et, createTextVNode as Rt } from "vue";
-const On = /* @__PURE__ */ x({
-  __name: "AspectRatio",
-  props: {
-    ratio: { default: 1 },
-    width: {},
-    maxWidth: {},
-    height: {},
-    maxHeight: {}
-  },
-  setup(e) {
-    return (t, r) => (m(), g("div", {
-      style: C({
-        "--ar-ratio": t.ratio,
-        width: t.width,
-        "max-width": t.maxWidth,
-        height: t.height,
-        "max-height": t.maxHeight
-      }),
-      class: "relative children:absolute children:top-0 before:block before:h-0 children:h-full children:w-full before:pb-[calc((1/var(--ar-ratio,1))*100%)] before:content-['']"
-    }, [
-      M(t.$slots, "default")
-    ], 4));
-  }
-}), zt = /* @__PURE__ */ x({
-  __name: "Avatar",
-  props: {
-    is: { default: "img" },
-    src: {},
-    size: { default: "md" },
-    style: {},
-    class: {}
-  },
-  setup(e) {
-    const t = e, r = v(() => {
-      switch (t.size) {
-        case "sm":
-          return "--size: 1.5rem;";
-        case "md":
-          return "--size: 2rem;";
-        case "lg":
-          return "--size: 3rem;";
-        default:
-          return typeof t.size == "number" || !Number.isNaN(Number(t.size)) ? `--size: ${t.size}rem;` : `--size: ${t.size};`;
-      }
-    }), n = b(!1), a = b(null);
-    function o() {
-      n.value = !0;
-    }
-    return re(() => {
-      var s;
-      (s = a.value) != null && s.complete && o();
-    }), (s, l) => (m(), g(J, null, [
-      s.src ? (m(), N(ce(s.is), ye({
-        key: 0,
-        ref_key: "img",
-        ref: a,
-        style: [s.style, u(r)],
-        placeholder: "",
-        src: s.src,
-        class: ["h-[var(--size)] w-[var(--size)] rounded-full object-cover", [{ hidden: !u(n) }, t.class]]
-      }, s.$attrs, { onLoad: o }), null, 16, ["style", "src", "class"])) : T("", !0),
-      u(n) ? T("", !0) : (m(), g("div", {
-        key: 1,
-        class: "h-[var(--size)] w-[var(--size)] animate-pulse border-transparent rounded-full bg-surface-high object-cover",
-        style: C([s.style, u(r)])
-      }, null, 4))
-    ], 64));
-  }
-});
-function j(e) {
-  return v(
-    () => ({ style: Bt(e.rounded), class: "rounded-[var(--r-rounded)]" })
-  );
-}
-function Bt(e) {
-  const t = /^-?\d*\.?\d+(px|em|rem|vh|vw|in|cm|mm|pt|pc|%)?$/;
-  switch (e) {
-    case "none":
-      return "--r-rounded: 0";
-    case "sm":
-      return "--r-rounded: 0.125rem";
-    case "md":
-      return "--r-rounded: 0.25rem";
-    case "lg":
-      return "--r-rounded: 0.5rem";
-    case "full":
-      return "--r-rounded: 9999px";
-    default:
-      return typeof e == "string" && t.test(e) ? `--r-rounded: ${e};` : typeof e == "number" || !Number.isNaN(Number(e)) ? `--r-rounded: ${e}rem;` : "rounded-[var(--r-rounded)]";
-  }
-}
-function we(e) {
-  return yt() ? (wt(e), !0) : !1;
-}
-function Ot() {
-  const e = /* @__PURE__ */ new Set(), t = (a) => {
-    e.delete(a);
-  };
-  return {
-    on: (a) => {
-      e.add(a);
-      const o = () => t(a);
-      return we(o), {
-        off: o
-      };
-    },
-    off: t,
-    trigger: (...a) => Promise.all(Array.from(e).map((o) => o(...a)))
-  };
-}
-function $e(e) {
-  return typeof e == "function" ? e() : u(e);
-}
-const Z = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ht = (e) => e != null, Pt = Object.prototype.toString, Nt = (e) => Pt.call(e) === "[object Object]", It = () => {
-}, Vt = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
-function Dt(e) {
-  return e || tt();
-}
-function Ft(e, t = !0, r) {
-  Dt() ? re(e, r) : t ? e() : et(e);
-}
-function ee(e) {
-  var t;
-  const r = $e(e);
-  return (t = r == null ? void 0 : r.$el) != null ? t : r;
-}
-const de = Z ? window : void 0, Lt = Z ? window.document : void 0;
-function P(...e) {
-  let t, r, n, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([r, n, a] = e, t = de) : [t, r, n, a] = e, !t)
-    return It;
-  Array.isArray(r) || (r = [r]), Array.isArray(n) || (n = [n]);
-  const o = [], s = () => {
-    o.forEach((d) => d()), o.length = 0;
-  }, l = (d, f, h, w) => (d.addEventListener(f, h, w), () => d.removeEventListener(f, h, w)), i = ue(
-    () => [ee(t), $e(a)],
-    ([d, f]) => {
-      if (s(), !d)
-        return;
-      const h = Nt(f) ? { ...f } : f;
-      o.push(
-        ...r.flatMap((w) => n.map((A) => l(d, w, A, h)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), c = () => {
-    i(), s();
-  };
-  return we(c), c;
-}
-function Wt(e) {
-  return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
-}
-function Ee(...e) {
-  let t, r, n = {};
-  e.length === 3 ? (t = e[0], r = e[1], n = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, r = e[0], n = e[1]) : (t = e[0], r = e[1]) : (t = !0, r = e[0]);
-  const {
-    target: a = de,
-    eventName: o = "keydown",
-    passive: s = !1,
-    dedupe: l = !1
-  } = n, i = Wt(t);
-  return P(a, o, (d) => {
-    d.repeat && $e(l) || i(d) && r(d);
-  }, s);
-}
-function jt() {
-  const e = b(!1);
-  return tt() && re(() => {
-    e.value = !0;
-  }), e;
-}
-function De(e) {
-  const t = jt();
-  return v(() => (t.value, !!e()));
-}
-function Ge(e, t = {}) {
-  const { window: r = de } = t, n = De(() => r && "matchMedia" in r && typeof r.matchMedia == "function");
-  let a;
-  const o = b(!1), s = (c) => {
-    o.value = c.matches;
-  }, l = () => {
-    a && ("removeEventListener" in a ? a.removeEventListener("change", s) : a.removeListener(s));
-  }, i = F(() => {
-    n.value && (l(), a = r.matchMedia($e(e)), "addEventListener" in a ? a.addEventListener("change", s) : a.addListener(s), o.value = a.matches);
-  });
-  return we(() => {
-    i(), l(), a = void 0;
-  }), o;
-}
-function Gt(e, t, r = {}) {
-  const { window: n = de, ...a } = r;
-  let o;
-  const s = De(() => n && "MutationObserver" in n), l = () => {
-    o && (o.disconnect(), o = void 0);
-  }, i = ue(
-    () => ee(e),
-    (f) => {
-      l(), s.value && n && f && (o = new MutationObserver(t), o.observe(f, a));
-    },
-    { immediate: !0 }
-  ), c = () => o == null ? void 0 : o.takeRecords(), d = () => {
-    l(), i();
-  };
-  return we(d), {
-    isSupported: s,
-    stop: d,
-    takeRecords: c
-  };
-}
-function Ut(e, t = {}) {
-  const r = b(!1), n = _t(null);
-  let a = 0, o = !0;
-  if (Z) {
-    const s = typeof t == "function" ? { onDrop: t } : t, l = (i) => {
-      var c, d;
-      const f = Array.from((d = (c = i.dataTransfer) == null ? void 0 : c.files) != null ? d : []);
-      return n.value = f.length === 0 ? null : f;
-    };
-    P(e, "dragenter", (i) => {
-      var c, d;
-      const f = Array.from(((c = i == null ? void 0 : i.dataTransfer) == null ? void 0 : c.items) || []).map((h) => h.kind === "file" ? h.type : null).filter(Ht);
-      if (s.dataTypes && i.dataTransfer) {
-        const h = u(s.dataTypes);
-        if (o = typeof h == "function" ? h(f) : h ? h.some((w) => f.includes(w)) : !0, !o)
-          return;
-      }
-      i.preventDefault(), a += 1, r.value = !0, (d = s.onEnter) == null || d.call(s, l(i), i);
-    }), P(e, "dragover", (i) => {
-      var c;
-      o && (i.preventDefault(), (c = s.onOver) == null || c.call(s, l(i), i));
-    }), P(e, "dragleave", (i) => {
-      var c;
-      o && (i.preventDefault(), a -= 1, a === 0 && (r.value = !1), (c = s.onLeave) == null || c.call(s, l(i), i));
-    }), P(e, "drop", (i) => {
-      var c;
-      i.preventDefault(), a = 0, r.value = !1, (c = s.onDrop) == null || c.call(s, l(i), i);
-    });
-  }
-  return {
-    files: n,
-    isOverDropZone: r
-  };
-}
-function qt(e, t, r = {}) {
-  const { window: n = de, ...a } = r;
-  let o;
-  const s = De(() => n && "ResizeObserver" in n), l = () => {
-    o && (o.disconnect(), o = void 0);
-  }, i = v(() => Array.isArray(e) ? e.map((f) => ee(f)) : [ee(e)]), c = ue(
-    i,
-    (f) => {
-      if (l(), s.value && n) {
-        o = new ResizeObserver(t);
-        for (const h of f)
-          h && o.observe(h, a);
-      }
-    },
-    { immediate: !0, flush: "post", deep: !0 }
-  ), d = () => {
-    l(), c();
-  };
-  return we(d), {
-    isSupported: s,
-    stop: d
-  };
-}
-function Xt(e, t = {}) {
-  const {
-    reset: r = !0,
-    windowResize: n = !0,
-    windowScroll: a = !0,
-    immediate: o = !0
-  } = t, s = b(0), l = b(0), i = b(0), c = b(0), d = b(0), f = b(0), h = b(0), w = b(0);
-  function A() {
-    const E = ee(e);
-    if (!E) {
-      r && (s.value = 0, l.value = 0, i.value = 0, c.value = 0, d.value = 0, f.value = 0, h.value = 0, w.value = 0);
-      return;
-    }
-    const R = E.getBoundingClientRect();
-    s.value = R.height, l.value = R.bottom, i.value = R.left, c.value = R.right, d.value = R.top, f.value = R.width, h.value = R.x, w.value = R.y;
-  }
-  return qt(e, A), ue(() => ee(e), (E) => !E && A()), Gt(e, A, {
-    attributeFilter: ["style", "class"]
-  }), a && P("scroll", A, { capture: !0, passive: !0 }), n && P("resize", A, { passive: !0 }), Ft(() => {
-    o && A();
-  }), {
-    height: s,
-    bottom: l,
-    left: i,
-    right: c,
-    top: d,
-    width: f,
-    x: h,
-    y: w,
-    update: A
-  };
-}
-function Yt(e, t = {}) {
-  const {
-    delayEnter: r = 0,
-    delayLeave: n = 0,
-    window: a = de
-  } = t, o = b(!1);
-  let s;
-  const l = (i) => {
-    const c = i ? r : n;
-    s && (clearTimeout(s), s = void 0), c ? s = setTimeout(() => o.value = i, c) : o.value = i;
-  };
-  return a && (P(e, "mouseenter", () => l(!0), { passive: !0 }), P(e, "mouseleave", () => l(!1), { passive: !0 })), o;
-}
-const Zt = {
-  multiple: !0,
-  accept: "*",
-  reset: !1,
-  directory: !1
-};
-function Kt(e = {}) {
-  const {
-    document: t = Lt
-  } = e, r = b(null), { on: n, trigger: a } = Ot();
-  let o;
-  t && (o = t.createElement("input"), o.type = "file", o.onchange = (i) => {
-    const c = i.target;
-    r.value = c.files, a(r.value);
-  });
-  const s = () => {
-    r.value = null, o && (o.value = "", a(null));
-  }, l = (i) => {
-    if (!o)
-      return;
-    const c = {
-      ...Zt,
-      ...e,
-      ...i
-    };
-    o.multiple = c.multiple, o.accept = c.accept, o.webkitdirectory = c.directory, Vt(c, "capture") && (o.capture = c.capture), c.reset && s(), o.click();
-  };
-  return {
-    files: kt(r),
-    open: l,
-    reset: s,
-    onChange: n
-  };
-}
-function Qt(e, t = {}) {
-  const { initialValue: r = !1, focusVisible: n = !1 } = t, a = b(!1), o = v(() => ee(e));
-  P(o, "focus", (l) => {
-    var i, c;
-    (!n || (c = (i = l.target).matches) != null && c.call(i, ":focus-visible")) && (a.value = !0);
-  }), P(o, "blur", () => a.value = !1);
-  const s = v({
-    get: () => a.value,
-    set(l) {
-      var i, c;
-      !l && a.value ? (i = o.value) == null || i.blur() : l && !a.value && ((c = o.value) == null || c.focus());
-    }
-  });
-  return ue(
-    o,
-    () => {
-      s.value = r;
-    },
-    { immediate: !0, flush: "post" }
-  ), { focused: s };
-}
-function Jt(e) {
-  const t = Ge("(prefers-color-scheme: light)", e), r = Ge("(prefers-color-scheme: dark)", e);
-  return v(() => r.value ? "dark" : t.value ? "light" : "no-preference");
-}
-const ot = /* @__PURE__ */ x({
-  __name: "Btn",
-  props: {
-    type: { default: "button" },
-    size: { default: "md" },
-    is: { default: "button" },
-    icon: { type: Boolean, default: !1 },
-    pressEffect: { default: "translate" },
-    variant: {},
-    hoverVariant: {},
-    color: {},
-    animate: { type: Boolean },
-    rounded: { default: "md" },
-    disabled: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const t = e, r = j(t), n = v(() => {
-      switch (t.size) {
-        case "sm":
-          return {
-            normalContent: "min-w-16 h-6 px-2 py-1 text-xs",
-            iconContent: "h-6 w-6 p-1"
-          };
-        case "md":
-          return {
-            normalContent: "min-w-20 h-8 px-3 py-1 text-sm",
-            iconContent: "h-8 w-8 p-2"
-          };
-        case "lg":
-          return {
-            normalContent: "min-w-24 h-10 px-4 py-2 text-base",
-            iconContent: "h-10 w-10 p-3"
-          };
-      }
-    }), a = b(null), o = Yt(a), s = v(() => t.hoverVariant && o.value ? t.hoverVariant : t.variant), l = v(() => {
-      switch (s.value) {
-        case "filled":
-          switch (t.color) {
-            case "secondary":
-              return "btn-filled-secondary";
-            case "tertiary":
-              return "btn-filled-tertiary";
-            case "error":
-              return "btn-filled-error";
-            default:
-              return "btn-filled-primary";
-          }
-        case "ghost":
-        case "light":
-          switch (t.color) {
-            case "secondary":
-              return "btn-light-secondary";
-            case "tertiary":
-              return "btn-light-tertiary";
-            case "error":
-              return "btn-light-error";
-            default:
-              return "btn-light-primary";
-          }
-        case "constrast":
-          switch (t.color) {
-            case "secondary":
-              return "btn-constrast-secondary";
-            case "tertiary":
-              return "btn-constrast-tertiary";
-            case "error":
-              return "btn-constrast-error";
-            default:
-              return "btn-constrast-primary";
-          }
-        case "outline":
-          switch (t.color) {
-            case "secondary":
-              return "btn-outline-secondary";
-            case "tertiary":
-              return "btn-outline-tertiary";
-            case "error":
-              return "btn-outline-error";
-            default:
-              return "btn-outline-primary";
-          }
-        case "subtle":
-          switch (t.color) {
-            case "secondary":
-              return "btn-subtle-secondary";
-            case "tertiary":
-              return "btn-subtle-tertiary";
-            case "error":
-              return "btn-subtle-error";
-            default:
-              return "btn-subtle-primary";
-          }
-        case "transparent":
-          switch (t.color) {
-            case "secondary":
-              return "btn-transparent-secondary";
-            case "tertiary":
-              return "btn-transparent-tertiary";
-            case "error":
-              return "btn-transparent-error";
-            default:
-              return "btn-transparent-primary";
-          }
-        default:
-          return "btn-default";
-      }
-    });
-    return (i, c) => (m(), N(ce(i.is), ye({
-      ref_key: "btn",
-      ref: a,
-      "data-size": i.size,
-      type: i.type,
-      class: ["flex items-center justify-center gap-1 decoration-none", [
-        u(l),
-        u(r).class,
-        i.icon ? u(n).iconContent : u(n).normalContent,
-        {
-          "filter-grayscale pointer-events-none": i.disabled,
-          "active:translate-y-0.25": i.pressEffect === "translate",
-          "active:scale-98": i.pressEffect === "scale",
-          "transition-all": i.animate
-        }
-      ]],
-      style: [
-        u(r).style
-      ],
-      disabled: i.disabled
-    }, i.$attrs), {
-      default: W(() => [
-        i.$slots.leftSection ? M(i.$slots, "leftSection", { key: 0 }) : T("", !0),
-        M(i.$slots, "default"),
-        i.$slots.rightSection ? M(i.$slots, "rightSection", { key: 1 }) : T("", !0)
-      ]),
-      _: 3
-    }, 16, ["data-size", "type", "style", "class", "disabled"]));
-  }
-}), er = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [n, a] of t)
-    r[n] = a;
-  return r;
-}, tr = {}, rr = { class: "flex flex-col gap-4 container" };
-function nr(e, t) {
-  return m(), g("div", rr, [
-    M(e.$slots, "default")
-  ]);
-}
-const Hn = /* @__PURE__ */ er(tr, [["render", nr]]), Pn = /* @__PURE__ */ x({
-  __name: "ChatMessage",
-  props: {
-    avatar: {},
-    position: { default: "left" },
-    color: {},
-    variant: { default: "default" },
-    withBorder: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const t = e, r = v(() => {
-      switch (t.variant) {
-        case "default":
-          return "bg-surface-base";
-        case "filled":
-          switch (t.color) {
-            case "secondary":
-              return "bg-secondary-container text-secondary-on";
-            case "tertiary":
-              return "bg-tertiary-container text-tertiary-on";
-            case "error":
-              return "bg-error-container text-error-on";
-            default:
-              return "bg-primary-container text-primary-on";
-          }
-        case "transparent":
-          return "bg-transparent";
-      }
-    });
-    return (n, a) => {
-      const o = zt;
-      return m(), g("div", {
-        class: y(["flex gap-2", [
-          {
-            "flex-row-reverse": n.position === "right",
-            "flex-row": n.position === "left"
-          }
-        ]])
-      }, [
-        n.$slots.avatar ? M(n.$slots, "avatar", { key: 0 }) : n.avatar ? (m(), N(o, {
-          key: 1,
-          src: n.avatar
-        }, null, 8, ["src"])) : T("", !0),
-        k("div", {
-          class: y(["rounded-xl px-3 py-2 transition-background-color,border-color", [
-            {
-              "rounded-tr": n.position === "right",
-              "rounded-tl": n.position === "left",
-              border: n.withBorder
-            },
-            u(r)
-          ]])
-        }, [
-          M(n.$slots, "default")
-        ], 2)
-      ], 2);
-    };
-  }
-}), or = { class: "w-full flex self-center gap-2 text-center" }, Nn = /* @__PURE__ */ x({
-  __name: "ChatSystem",
-  props: {
-    position: {},
-    color: {},
-    variant: { default: "default" },
-    withBorder: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const t = e, r = v(() => {
-      switch (t.variant) {
-        case "default":
-          return "bg-surface-base";
-        case "fill":
-          switch (t.color) {
-            case "secondary":
-              return "bg-secondary-container text-secondary-on";
-            case "tertiary":
-              return "bg-tertiary-container text-tertiary-on";
-            case "error":
-              return "bg-error-container text-error-on";
-            default:
-              return "bg-primary-container text-primary-on";
-          }
-        case "transparent":
-          return "bg-transparent";
-      }
-    });
-    return (n, a) => (m(), g("div", or, [
-      k("div", {
-        class: y(["w-full rounded-xl px-3 py-2 transition-background-color,border-color", [
-          u(r)
-        ]])
-      }, [
-        M(n.$slots, "default")
-      ], 2)
-    ]));
-  }
-}), In = /* @__PURE__ */ x({
-  __name: "Chip",
-  props: /* @__PURE__ */ Y({
-    is: { default: "img" },
-    src: {},
-    size: { default: "md" },
-    style: {},
-    class: {},
-    rounded: { default: "full" }
-  }, {
-    modelValue: { type: Boolean, default: void 0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, r = Q(e, "modelValue"), n = j(t), a = v(() => {
-      switch (t.size) {
-        case "sm":
-          return "px-3 text-sm h-6";
-        case "md":
-          return "px-6 h-8 text-base";
-        case "lg":
-          return "px-8 h-10 text-lg";
-      }
-    }), o = v(() => r.value ? "container-filled-primary border-transparent" : "container-base"), s = v(() => r.value !== void 0), l = v(() => s.value ? "cursor-pointer" : "");
-    return (i, c) => (m(), g("span", {
-      class: y(["inline-flex items-center gap-1", [u(n).class, u(a), u(o), u(l)]]),
-      style: C([u(n).style]),
-      onPointerup: c[0] || (c[0] = (d) => u(s) && (r.value = !r.value))
-    }, [
-      i.$slots.leftSection ? M(i.$slots, "leftSection", { key: 0 }) : T("", !0),
-      M(i.$slots, "default"),
-      i.$slots.rightSection ? M(i.$slots, "rightSection", { key: 1 }) : T("", !0)
-    ], 38));
-  }
-}), ar = /* @__PURE__ */ x({
-  __name: "ColorSwatch",
-  props: {
-    color: {},
-    is: { default: "div" },
-    withBorder: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    return (t, r) => (m(), N(ce(t.is), {
-      class: y(["h-6 w-6 border rounded-full", [{
-        "border border-surface-border-base": t.withBorder,
-        "border border-transparent": !t.withBorder
-      }]]),
-      style: C({
-        backgroundColor: t.color
-      })
-    }, null, 8, ["class", "style"]));
-  }
-});
-function xe(e) {
-  "@babel/helpers - typeof";
-  return xe = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
-    return typeof t;
-  } : function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, xe(e);
-}
-var sr = /^\s+/, ir = /\s+$/;
-function p(e, t) {
-  if (e = e || "", t = t || {}, e instanceof p)
-    return e;
-  if (!(this instanceof p))
-    return new p(e, t);
-  var r = lr(e);
-  this._originalInput = e, this._r = r.r, this._g = r.g, this._b = r.b, this._a = r.a, this._roundA = Math.round(100 * this._a) / 100, this._format = t.format || r.format, this._gradientType = t.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = r.ok;
-}
-p.prototype = {
-  isDark: function() {
-    return this.getBrightness() < 128;
-  },
-  isLight: function() {
-    return !this.isDark();
-  },
-  isValid: function() {
-    return this._ok;
-  },
-  getOriginalInput: function() {
-    return this._originalInput;
-  },
-  getFormat: function() {
-    return this._format;
-  },
-  getAlpha: function() {
-    return this._a;
-  },
-  getBrightness: function() {
-    var t = this.toRgb();
-    return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
-  },
-  getLuminance: function() {
-    var t = this.toRgb(), r, n, a, o, s, l;
-    return r = t.r / 255, n = t.g / 255, a = t.b / 255, r <= 0.03928 ? o = r / 12.92 : o = Math.pow((r + 0.055) / 1.055, 2.4), n <= 0.03928 ? s = n / 12.92 : s = Math.pow((n + 0.055) / 1.055, 2.4), a <= 0.03928 ? l = a / 12.92 : l = Math.pow((a + 0.055) / 1.055, 2.4), 0.2126 * o + 0.7152 * s + 0.0722 * l;
-  },
-  setAlpha: function(t) {
-    return this._a = at(t), this._roundA = Math.round(100 * this._a) / 100, this;
-  },
-  toHsv: function() {
-    var t = qe(this._r, this._g, this._b);
-    return {
-      h: t.h * 360,
-      s: t.s,
-      v: t.v,
-      a: this._a
-    };
-  },
-  toHsvString: function() {
-    var t = qe(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), a = Math.round(t.v * 100);
-    return this._a == 1 ? "hsv(" + r + ", " + n + "%, " + a + "%)" : "hsva(" + r + ", " + n + "%, " + a + "%, " + this._roundA + ")";
-  },
-  toHsl: function() {
-    var t = Ue(this._r, this._g, this._b);
-    return {
-      h: t.h * 360,
-      s: t.s,
-      l: t.l,
-      a: this._a
-    };
-  },
-  toHslString: function() {
-    var t = Ue(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), a = Math.round(t.l * 100);
-    return this._a == 1 ? "hsl(" + r + ", " + n + "%, " + a + "%)" : "hsla(" + r + ", " + n + "%, " + a + "%, " + this._roundA + ")";
-  },
-  toHex: function(t) {
-    return Xe(this._r, this._g, this._b, t);
-  },
-  toHexString: function(t) {
-    return "#" + this.toHex(t);
-  },
-  toHex8: function(t) {
-    return fr(this._r, this._g, this._b, this._a, t);
-  },
-  toHex8String: function(t) {
-    return "#" + this.toHex8(t);
-  },
-  toRgb: function() {
-    return {
-      r: Math.round(this._r),
-      g: Math.round(this._g),
-      b: Math.round(this._b),
-      a: this._a
-    };
-  },
-  toRgbString: function() {
-    return this._a == 1 ? "rgb(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ")" : "rgba(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ", " + this._roundA + ")";
-  },
-  toPercentageRgb: function() {
-    return {
-      r: Math.round(S(this._r, 255) * 100) + "%",
-      g: Math.round(S(this._g, 255) * 100) + "%",
-      b: Math.round(S(this._b, 255) * 100) + "%",
-      a: this._a
-    };
-  },
-  toPercentageRgbString: function() {
-    return this._a == 1 ? "rgb(" + Math.round(S(this._r, 255) * 100) + "%, " + Math.round(S(this._g, 255) * 100) + "%, " + Math.round(S(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(S(this._r, 255) * 100) + "%, " + Math.round(S(this._g, 255) * 100) + "%, " + Math.round(S(this._b, 255) * 100) + "%, " + this._roundA + ")";
-  },
-  toName: function() {
-    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Sr[Xe(this._r, this._g, this._b, !0)] || !1;
-  },
-  toFilter: function(t) {
-    var r = "#" + Ye(this._r, this._g, this._b, this._a), n = r, a = this._gradientType ? "GradientType = 1, " : "";
-    if (t) {
-      var o = p(t);
-      n = "#" + Ye(o._r, o._g, o._b, o._a);
-    }
-    return "progid:DXImageTransform.Microsoft.gradient(" + a + "startColorstr=" + r + ",endColorstr=" + n + ")";
-  },
-  toString: function(t) {
-    var r = !!t;
-    t = t || this._format;
-    var n = !1, a = this._a < 1 && this._a >= 0, o = !r && a && (t === "hex" || t === "hex6" || t === "hex3" || t === "hex4" || t === "hex8" || t === "name");
-    return o ? t === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (n = this.toRgbString()), t === "prgb" && (n = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (n = this.toHexString()), t === "hex3" && (n = this.toHexString(!0)), t === "hex4" && (n = this.toHex8String(!0)), t === "hex8" && (n = this.toHex8String()), t === "name" && (n = this.toName()), t === "hsl" && (n = this.toHslString()), t === "hsv" && (n = this.toHsvString()), n || this.toHexString());
-  },
-  clone: function() {
-    return p(this.toString());
-  },
-  _applyModification: function(t, r) {
-    var n = t.apply(null, [this].concat([].slice.call(r)));
-    return this._r = n._r, this._g = n._g, this._b = n._b, this.setAlpha(n._a), this;
-  },
-  lighten: function() {
-    return this._applyModification(vr, arguments);
-  },
-  brighten: function() {
-    return this._applyModification(br, arguments);
-  },
-  darken: function() {
-    return this._applyModification(gr, arguments);
-  },
-  desaturate: function() {
-    return this._applyModification(hr, arguments);
-  },
-  saturate: function() {
-    return this._applyModification(pr, arguments);
-  },
-  greyscale: function() {
-    return this._applyModification(mr, arguments);
-  },
-  spin: function() {
-    return this._applyModification(yr, arguments);
-  },
-  _applyCombination: function(t, r) {
-    return t.apply(null, [this].concat([].slice.call(r)));
-  },
-  analogous: function() {
-    return this._applyCombination(kr, arguments);
-  },
-  complement: function() {
-    return this._applyCombination(wr, arguments);
-  },
-  monochromatic: function() {
-    return this._applyCombination(xr, arguments);
-  },
-  splitcomplement: function() {
-    return this._applyCombination(_r, arguments);
-  },
-  // Disabled until https://github.com/bgrins/TinyColor/issues/254
-  // polyad: function (number) {
-  //   return this._applyCombination(polyad, [number]);
-  // },
-  triad: function() {
-    return this._applyCombination(Ze, [3]);
-  },
-  tetrad: function() {
-    return this._applyCombination(Ze, [4]);
-  }
-};
-p.fromRatio = function(e, t) {
-  if (xe(e) == "object") {
-    var r = {};
-    for (var n in e)
-      e.hasOwnProperty(n) && (n === "a" ? r[n] = e[n] : r[n] = pe(e[n]));
-    e = r;
-  }
-  return p(e, t);
-};
-function lr(e) {
-  var t = {
-    r: 0,
-    g: 0,
-    b: 0
-  }, r = 1, n = null, a = null, o = null, s = !1, l = !1;
-  return typeof e == "string" && (e = Ar(e)), xe(e) == "object" && (G(e.r) && G(e.g) && G(e.b) ? (t = cr(e.r, e.g, e.b), s = !0, l = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : G(e.h) && G(e.s) && G(e.v) ? (n = pe(e.s), a = pe(e.v), t = dr(e.h, n, a), s = !0, l = "hsv") : G(e.h) && G(e.s) && G(e.l) && (n = pe(e.s), o = pe(e.l), t = ur(e.h, n, o), s = !0, l = "hsl"), e.hasOwnProperty("a") && (r = e.a)), r = at(r), {
-    ok: s,
-    format: e.format || l,
-    r: Math.min(255, Math.max(t.r, 0)),
-    g: Math.min(255, Math.max(t.g, 0)),
-    b: Math.min(255, Math.max(t.b, 0)),
-    a: r
-  };
-}
-function cr(e, t, r) {
-  return {
-    r: S(e, 255) * 255,
-    g: S(t, 255) * 255,
-    b: S(r, 255) * 255
-  };
-}
-function Ue(e, t, r) {
-  e = S(e, 255), t = S(t, 255), r = S(r, 255);
-  var n = Math.max(e, t, r), a = Math.min(e, t, r), o, s, l = (n + a) / 2;
-  if (n == a)
-    o = s = 0;
-  else {
-    var i = n - a;
-    switch (s = l > 0.5 ? i / (2 - n - a) : i / (n + a), n) {
-      case e:
-        o = (t - r) / i + (t < r ? 6 : 0);
-        break;
-      case t:
-        o = (r - e) / i + 2;
-        break;
-      case r:
-        o = (e - t) / i + 4;
-        break;
-    }
-    o /= 6;
-  }
-  return {
-    h: o,
-    s,
-    l
-  };
-}
-function ur(e, t, r) {
-  var n, a, o;
-  e = S(e, 360), t = S(t, 100), r = S(r, 100);
-  function s(c, d, f) {
-    return f < 0 && (f += 1), f > 1 && (f -= 1), f < 1 / 6 ? c + (d - c) * 6 * f : f < 1 / 2 ? d : f < 2 / 3 ? c + (d - c) * (2 / 3 - f) * 6 : c;
-  }
-  if (t === 0)
-    n = a = o = r;
-  else {
-    var l = r < 0.5 ? r * (1 + t) : r + t - r * t, i = 2 * r - l;
-    n = s(i, l, e + 1 / 3), a = s(i, l, e), o = s(i, l, e - 1 / 3);
-  }
-  return {
-    r: n * 255,
-    g: a * 255,
-    b: o * 255
-  };
-}
-function qe(e, t, r) {
-  e = S(e, 255), t = S(t, 255), r = S(r, 255);
-  var n = Math.max(e, t, r), a = Math.min(e, t, r), o, s, l = n, i = n - a;
-  if (s = n === 0 ? 0 : i / n, n == a)
-    o = 0;
-  else {
-    switch (n) {
-      case e:
-        o = (t - r) / i + (t < r ? 6 : 0);
-        break;
-      case t:
-        o = (r - e) / i + 2;
-        break;
-      case r:
-        o = (e - t) / i + 4;
-        break;
-    }
-    o /= 6;
-  }
-  return {
-    h: o,
-    s,
-    v: l
-  };
-}
-function dr(e, t, r) {
-  e = S(e, 360) * 6, t = S(t, 100), r = S(r, 100);
-  var n = Math.floor(e), a = e - n, o = r * (1 - t), s = r * (1 - a * t), l = r * (1 - (1 - a) * t), i = n % 6, c = [r, s, o, o, l, r][i], d = [l, r, r, s, o, o][i], f = [o, o, l, r, r, s][i];
-  return {
-    r: c * 255,
-    g: d * 255,
-    b: f * 255
-  };
-}
-function Xe(e, t, r, n) {
-  var a = [D(Math.round(e).toString(16)), D(Math.round(t).toString(16)), D(Math.round(r).toString(16))];
-  return n && a[0].charAt(0) == a[0].charAt(1) && a[1].charAt(0) == a[1].charAt(1) && a[2].charAt(0) == a[2].charAt(1) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) : a.join("");
-}
-function fr(e, t, r, n, a) {
-  var o = [D(Math.round(e).toString(16)), D(Math.round(t).toString(16)), D(Math.round(r).toString(16)), D(st(n))];
-  return a && o[0].charAt(0) == o[0].charAt(1) && o[1].charAt(0) == o[1].charAt(1) && o[2].charAt(0) == o[2].charAt(1) && o[3].charAt(0) == o[3].charAt(1) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) + o[3].charAt(0) : o.join("");
-}
-function Ye(e, t, r, n) {
-  var a = [D(st(n)), D(Math.round(e).toString(16)), D(Math.round(t).toString(16)), D(Math.round(r).toString(16))];
-  return a.join("");
-}
-p.equals = function(e, t) {
-  return !e || !t ? !1 : p(e).toRgbString() == p(t).toRgbString();
-};
-p.random = function() {
-  return p.fromRatio({
-    r: Math.random(),
-    g: Math.random(),
-    b: Math.random()
-  });
-};
-function hr(e, t) {
-  t = t === 0 ? 0 : t || 10;
-  var r = p(e).toHsl();
-  return r.s -= t / 100, r.s = Ce(r.s), p(r);
-}
-function pr(e, t) {
-  t = t === 0 ? 0 : t || 10;
-  var r = p(e).toHsl();
-  return r.s += t / 100, r.s = Ce(r.s), p(r);
-}
-function mr(e) {
-  return p(e).desaturate(100);
-}
-function vr(e, t) {
-  t = t === 0 ? 0 : t || 10;
-  var r = p(e).toHsl();
-  return r.l += t / 100, r.l = Ce(r.l), p(r);
-}
-function br(e, t) {
-  t = t === 0 ? 0 : t || 10;
-  var r = p(e).toRgb();
-  return r.r = Math.max(0, Math.min(255, r.r - Math.round(255 * -(t / 100)))), r.g = Math.max(0, Math.min(255, r.g - Math.round(255 * -(t / 100)))), r.b = Math.max(0, Math.min(255, r.b - Math.round(255 * -(t / 100)))), p(r);
-}
-function gr(e, t) {
-  t = t === 0 ? 0 : t || 10;
-  var r = p(e).toHsl();
-  return r.l -= t / 100, r.l = Ce(r.l), p(r);
-}
-function yr(e, t) {
-  var r = p(e).toHsl(), n = (r.h + t) % 360;
-  return r.h = n < 0 ? 360 + n : n, p(r);
-}
-function wr(e) {
-  var t = p(e).toHsl();
-  return t.h = (t.h + 180) % 360, p(t);
-}
-function Ze(e, t) {
-  if (isNaN(t) || t <= 0)
-    throw new Error("Argument to polyad must be a positive number");
-  for (var r = p(e).toHsl(), n = [p(e)], a = 360 / t, o = 1; o < t; o++)
-    n.push(p({
-      h: (r.h + o * a) % 360,
-      s: r.s,
-      l: r.l
-    }));
-  return n;
-}
-function _r(e) {
-  var t = p(e).toHsl(), r = t.h;
-  return [p(e), p({
-    h: (r + 72) % 360,
-    s: t.s,
-    l: t.l
-  }), p({
-    h: (r + 216) % 360,
-    s: t.s,
-    l: t.l
-  })];
-}
-function kr(e, t, r) {
-  t = t || 6, r = r || 30;
-  var n = p(e).toHsl(), a = 360 / r, o = [p(e)];
-  for (n.h = (n.h - (a * t >> 1) + 720) % 360; --t; )
-    n.h = (n.h + a) % 360, o.push(p(n));
-  return o;
-}
-function xr(e, t) {
-  t = t || 6;
-  for (var r = p(e).toHsv(), n = r.h, a = r.s, o = r.v, s = [], l = 1 / t; t--; )
-    s.push(p({
-      h: n,
-      s: a,
-      v: o
-    })), o = (o + l) % 1;
-  return s;
-}
-p.mix = function(e, t, r) {
-  r = r === 0 ? 0 : r || 50;
-  var n = p(e).toRgb(), a = p(t).toRgb(), o = r / 100, s = {
-    r: (a.r - n.r) * o + n.r,
-    g: (a.g - n.g) * o + n.g,
-    b: (a.b - n.b) * o + n.b,
-    a: (a.a - n.a) * o + n.a
-  };
-  return p(s);
-};
-p.readability = function(e, t) {
-  var r = p(e), n = p(t);
-  return (Math.max(r.getLuminance(), n.getLuminance()) + 0.05) / (Math.min(r.getLuminance(), n.getLuminance()) + 0.05);
-};
-p.isReadable = function(e, t, r) {
-  var n = p.readability(e, t), a, o;
-  switch (o = !1, a = Tr(r), a.level + a.size) {
-    case "AAsmall":
-    case "AAAlarge":
-      o = n >= 4.5;
-      break;
-    case "AAlarge":
-      o = n >= 3;
-      break;
-    case "AAAsmall":
-      o = n >= 7;
-      break;
-  }
-  return o;
-};
-p.mostReadable = function(e, t, r) {
-  var n = null, a = 0, o, s, l, i;
-  r = r || {}, s = r.includeFallbackColors, l = r.level, i = r.size;
-  for (var c = 0; c < t.length; c++)
-    o = p.readability(e, t[c]), o > a && (a = o, n = p(t[c]));
-  return p.isReadable(e, n, {
-    level: l,
-    size: i
-  }) || !s ? n : (r.includeFallbackColors = !1, p.mostReadable(e, ["#fff", "#000"], r));
-};
-var Be = p.names = {
-  aliceblue: "f0f8ff",
-  antiquewhite: "faebd7",
-  aqua: "0ff",
-  aquamarine: "7fffd4",
-  azure: "f0ffff",
-  beige: "f5f5dc",
-  bisque: "ffe4c4",
-  black: "000",
-  blanchedalmond: "ffebcd",
-  blue: "00f",
-  blueviolet: "8a2be2",
-  brown: "a52a2a",
-  burlywood: "deb887",
-  burntsienna: "ea7e5d",
-  cadetblue: "5f9ea0",
-  chartreuse: "7fff00",
-  chocolate: "d2691e",
-  coral: "ff7f50",
-  cornflowerblue: "6495ed",
-  cornsilk: "fff8dc",
-  crimson: "dc143c",
-  cyan: "0ff",
-  darkblue: "00008b",
-  darkcyan: "008b8b",
-  darkgoldenrod: "b8860b",
-  darkgray: "a9a9a9",
-  darkgreen: "006400",
-  darkgrey: "a9a9a9",
-  darkkhaki: "bdb76b",
-  darkmagenta: "8b008b",
-  darkolivegreen: "556b2f",
-  darkorange: "ff8c00",
-  darkorchid: "9932cc",
-  darkred: "8b0000",
-  darksalmon: "e9967a",
-  darkseagreen: "8fbc8f",
-  darkslateblue: "483d8b",
-  darkslategray: "2f4f4f",
-  darkslategrey: "2f4f4f",
-  darkturquoise: "00ced1",
-  darkviolet: "9400d3",
-  deeppink: "ff1493",
-  deepskyblue: "00bfff",
-  dimgray: "696969",
-  dimgrey: "696969",
-  dodgerblue: "1e90ff",
-  firebrick: "b22222",
-  floralwhite: "fffaf0",
-  forestgreen: "228b22",
-  fuchsia: "f0f",
-  gainsboro: "dcdcdc",
-  ghostwhite: "f8f8ff",
-  gold: "ffd700",
-  goldenrod: "daa520",
-  gray: "808080",
-  green: "008000",
-  greenyellow: "adff2f",
-  grey: "808080",
-  honeydew: "f0fff0",
-  hotpink: "ff69b4",
-  indianred: "cd5c5c",
-  indigo: "4b0082",
-  ivory: "fffff0",
-  khaki: "f0e68c",
-  lavender: "e6e6fa",
-  lavenderblush: "fff0f5",
-  lawngreen: "7cfc00",
-  lemonchiffon: "fffacd",
-  lightblue: "add8e6",
-  lightcoral: "f08080",
-  lightcyan: "e0ffff",
-  lightgoldenrodyellow: "fafad2",
-  lightgray: "d3d3d3",
-  lightgreen: "90ee90",
-  lightgrey: "d3d3d3",
-  lightpink: "ffb6c1",
-  lightsalmon: "ffa07a",
-  lightseagreen: "20b2aa",
-  lightskyblue: "87cefa",
-  lightslategray: "789",
-  lightslategrey: "789",
-  lightsteelblue: "b0c4de",
-  lightyellow: "ffffe0",
-  lime: "0f0",
-  limegreen: "32cd32",
-  linen: "faf0e6",
-  magenta: "f0f",
-  maroon: "800000",
-  mediumaquamarine: "66cdaa",
-  mediumblue: "0000cd",
-  mediumorchid: "ba55d3",
-  mediumpurple: "9370db",
-  mediumseagreen: "3cb371",
-  mediumslateblue: "7b68ee",
-  mediumspringgreen: "00fa9a",
-  mediumturquoise: "48d1cc",
-  mediumvioletred: "c71585",
-  midnightblue: "191970",
-  mintcream: "f5fffa",
-  mistyrose: "ffe4e1",
-  moccasin: "ffe4b5",
-  navajowhite: "ffdead",
-  navy: "000080",
-  oldlace: "fdf5e6",
-  olive: "808000",
-  olivedrab: "6b8e23",
-  orange: "ffa500",
-  orangered: "ff4500",
-  orchid: "da70d6",
-  palegoldenrod: "eee8aa",
-  palegreen: "98fb98",
-  paleturquoise: "afeeee",
-  palevioletred: "db7093",
-  papayawhip: "ffefd5",
-  peachpuff: "ffdab9",
-  peru: "cd853f",
-  pink: "ffc0cb",
-  plum: "dda0dd",
-  powderblue: "b0e0e6",
-  purple: "800080",
-  rebeccapurple: "663399",
-  red: "f00",
-  rosybrown: "bc8f8f",
-  royalblue: "4169e1",
-  saddlebrown: "8b4513",
-  salmon: "fa8072",
-  sandybrown: "f4a460",
-  seagreen: "2e8b57",
-  seashell: "fff5ee",
-  sienna: "a0522d",
-  silver: "c0c0c0",
-  skyblue: "87ceeb",
-  slateblue: "6a5acd",
-  slategray: "708090",
-  slategrey: "708090",
-  snow: "fffafa",
-  springgreen: "00ff7f",
-  steelblue: "4682b4",
-  tan: "d2b48c",
-  teal: "008080",
-  thistle: "d8bfd8",
-  tomato: "ff6347",
-  turquoise: "40e0d0",
-  violet: "ee82ee",
-  wheat: "f5deb3",
-  white: "fff",
-  whitesmoke: "f5f5f5",
-  yellow: "ff0",
-  yellowgreen: "9acd32"
-}, Sr = p.hexNames = Mr(Be);
-function Mr(e) {
-  var t = {};
-  for (var r in e)
-    e.hasOwnProperty(r) && (t[e[r]] = r);
-  return t;
-}
-function at(e) {
-  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
-}
-function S(e, t) {
-  $r(e) && (e = "100%");
-  var r = Cr(e);
-  return e = Math.min(t, Math.max(0, parseFloat(e))), r && (e = parseInt(e * t, 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : e % t / parseFloat(t);
-}
-function Ce(e) {
-  return Math.min(1, Math.max(0, e));
-}
-function H(e) {
-  return parseInt(e, 16);
-}
-function $r(e) {
-  return typeof e == "string" && e.indexOf(".") != -1 && parseFloat(e) === 1;
-}
-function Cr(e) {
-  return typeof e == "string" && e.indexOf("%") != -1;
-}
-function D(e) {
-  return e.length == 1 ? "0" + e : "" + e;
-}
-function pe(e) {
-  return e <= 1 && (e = e * 100 + "%"), e;
-}
-function st(e) {
-  return Math.round(parseFloat(e) * 255).toString(16);
-}
-function Ke(e) {
-  return H(e) / 255;
-}
-var V = function() {
-  var e = "[-\\+]?\\d+%?", t = "[-\\+]?\\d*\\.\\d+%?", r = "(?:" + t + ")|(?:" + e + ")", n = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?", a = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?";
-  return {
-    CSS_UNIT: new RegExp(r),
-    rgb: new RegExp("rgb" + n),
-    rgba: new RegExp("rgba" + a),
-    hsl: new RegExp("hsl" + n),
-    hsla: new RegExp("hsla" + a),
-    hsv: new RegExp("hsv" + n),
-    hsva: new RegExp("hsva" + a),
-    hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-    hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
-    hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-    hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
-  };
-}();
-function G(e) {
-  return !!V.CSS_UNIT.exec(e);
-}
-function Ar(e) {
-  e = e.replace(sr, "").replace(ir, "").toLowerCase();
-  var t = !1;
-  if (Be[e])
-    e = Be[e], t = !0;
-  else if (e == "transparent")
-    return {
-      r: 0,
-      g: 0,
-      b: 0,
-      a: 0,
-      format: "name"
-    };
-  var r;
-  return (r = V.rgb.exec(e)) ? {
-    r: r[1],
-    g: r[2],
-    b: r[3]
-  } : (r = V.rgba.exec(e)) ? {
-    r: r[1],
-    g: r[2],
-    b: r[3],
-    a: r[4]
-  } : (r = V.hsl.exec(e)) ? {
-    h: r[1],
-    s: r[2],
-    l: r[3]
-  } : (r = V.hsla.exec(e)) ? {
-    h: r[1],
-    s: r[2],
-    l: r[3],
-    a: r[4]
-  } : (r = V.hsv.exec(e)) ? {
-    h: r[1],
-    s: r[2],
-    v: r[3]
-  } : (r = V.hsva.exec(e)) ? {
-    h: r[1],
-    s: r[2],
-    v: r[3],
-    a: r[4]
-  } : (r = V.hex8.exec(e)) ? {
-    r: H(r[1]),
-    g: H(r[2]),
-    b: H(r[3]),
-    a: Ke(r[4]),
-    format: t ? "name" : "hex8"
-  } : (r = V.hex6.exec(e)) ? {
-    r: H(r[1]),
-    g: H(r[2]),
-    b: H(r[3]),
-    format: t ? "name" : "hex"
-  } : (r = V.hex4.exec(e)) ? {
-    r: H(r[1] + "" + r[1]),
-    g: H(r[2] + "" + r[2]),
-    b: H(r[3] + "" + r[3]),
-    a: Ke(r[4] + "" + r[4]),
-    format: t ? "name" : "hex8"
-  } : (r = V.hex3.exec(e)) ? {
-    r: H(r[1] + "" + r[1]),
-    g: H(r[2] + "" + r[2]),
-    b: H(r[3] + "" + r[3]),
-    format: t ? "name" : "hex"
-  } : !1;
-}
-function Tr(e) {
-  var t, r;
-  return e = e || {
-    level: "AA",
-    size: "small"
-  }, t = (e.level || "AA").toUpperCase(), r = (e.size || "small").toLowerCase(), t !== "AA" && t !== "AAA" && (t = "AA"), r !== "small" && r !== "large" && (r = "small"), {
-    level: t,
-    size: r
-  };
-}
-function Er() {
-  if (!Z)
-    return b("dark");
-  const e = b(document.documentElement.dataset.scheme);
-  return new MutationObserver((r) => {
-    r.forEach((n) => {
-      n.type === "attributes" && n.attributeName === "data-scheme" && (e.value = document.documentElement.dataset.scheme);
-    });
-  }).observe(document.documentElement, {
-    attributes: !0,
-    attributeFilter: ["data-scheme"]
-  }), e;
-}
-function Vn() {
-  return Ie("currentThemeScheme", null);
-}
-function Rr() {
-  return Ie("currentTheme", b(Pe));
-}
-function it(e, t = !0) {
-  const r = b(e), n = b(e.scheme), a = Er();
-  F(() => {
-    a.value && (n.value = a.value);
-  }), ze("currentTheme", r), ze("currentThemeScheme", n);
-  const s = {
-    ...Object.keys(r.value.colors).map((c) => {
-      const d = c;
-      return r.value.colors[d].reduce((h, w, A) => {
-        const E = p(w).toRgb();
-        return h[`--r-color-${d}-${A}`] = `${E.r} ${E.g} ${E.b}`, h;
-      }, {});
-    }).reduce((c, d) => ({
-      ...c,
-      ...d
-    }), {})
-  }, l = {
-    "font-family": "'Roboto', sans-serif",
-    "background-color": "rgb(var(--r-color-surface-lowest))",
-    color: "rgb(var(--r-color-surface-on))"
-  }, i = v(() => {
-    if (t)
-      return {};
-    const { scheme: c } = e;
-    switch (c) {
-      case "dark":
-        return {
-          colorScheme: "dark",
-          "--r-color-surface-on": "var(--r-color-surface-3)",
-          "--r-color-surface-oninverted": "var(--r-color-surface-8)",
-          "--r-color-surface-onlow": "var(--r-color-surface-4)",
-          "--r-color-surface-onlowinverted": "var(--r-color-surface-7)",
-          "--r-color-surface-lowest": "var(--r-color-surface-10)",
-          "--r-color-surface-low": "var(--r-color-surface-9)",
-          "--r-color-surface-base": "var(--r-color-surface-8)",
-          "--r-color-surface-high": "var(--r-color-surface-7)",
-          "--r-color-surface-highest": "var(--r-color-surface-6)",
-          "--r-color-surface-border": "var(--r-color-surface-7)",
-          "--r-color-primary-container": "var(--r-color-primary-8)",
-          "--r-color-secondary-container": "var(--r-color-secondary-8)",
-          "--r-color-tertiary-container": "var(--r-color-tertiary-8)",
-          "--r-color-error-container": "var(--r-color-error-8)",
-          "--r-color-primary-containerd": "var(--r-color-primary-9)",
-          "--r-color-secondary-containerd": "var(--r-color-secondary-9)",
-          "--r-color-tertiary-containerd": "var(--r-color-tertiary-9)",
-          "--r-color-error-containerd": "var(--r-color-error-9)",
-          "--r-color-primary-containerl": "var(--r-color-primary-6)",
-          "--r-color-secondary-containerl": "var(--r-color-secondary-6)",
-          "--r-color-tertiary-containerl": "var(--r-color-tertiary-6)",
-          "--r-color-error-containerl": "var(--r-color-error-6)"
-        };
-      case "light":
-        return {
-          colorScheme: "light",
-          "--r-color-surface-on": "var(--r-color-surface-7)",
-          "--r-color-surface-oninverted": "var(--r-color-surface-2)",
-          "--r-color-surface-onlow": "var(--r-color-surface-6)",
-          "--r-color-surface-onlowinverted": "var(--r-color-surface-3)",
-          "--r-color-surface-lowest": "var(--r-color-surface-3)",
-          "--r-color-surface-low": "var(--r-color-surface-2)",
-          "--r-color-surface-base": "var(--r-color-surface-1)",
-          "--r-color-surface-high": "var(--r-color-surface-0)",
-          "--r-color-surface-highest": "var(--r-color-surface-0)",
-          "--r-color-surface-border": "var(--r-color-surface-4)",
-          "--r-color-primary-container": "var(--r-color-primary-6)",
-          "--r-color-secondary-container": "var(--r-color-secondary-6)",
-          "--r-color-tertiary-container": "var(--r-color-tertiary-6)",
-          "--r-color-error-container": "var(--r-color-error-6)",
-          "--r-color-primary-containerd": "var(--r-color-primary-7)",
-          "--r-color-secondary-containerd": "var(--r-color-secondary-7)",
-          "--r-color-tertiary-containerd": "var(--r-color-tertiary-7)",
-          "--r-color-error-containerd": "var(--r-color-error-7)",
-          "--r-color-primary-containerl": "var(--r-color-primary-4)",
-          "--r-color-secondary-containerl": "var(--r-color-secondary-4)",
-          "--r-color-tertiary-containerl": "var(--r-color-tertiary-4)",
-          "--r-color-error-containerl": "var(--r-color-error-4)"
-        };
-    }
-  });
-  return {
-    ...s,
-    ...l,
-    ...i.value
-  };
-}
-function lt(e) {
-  const t = b("");
-  return re(() => {
-    e.id ? t.value = e.id : t.value = `switch-${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`;
-  }), t;
-}
-const ct = Symbol("scheme");
-function zr() {
-  return Ie(ct, b("dark"));
-}
-const Br = ["id"], Or = ["for"], Dn = /* @__PURE__ */ x({
-  __name: "ColorInput",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = Q(e, "modelValue"), r = xt(), n = lt(r), a = b(null);
-    return (o, s) => {
-      const l = ar;
-      return m(), g("div", null, [
-        Ve(k("input", {
-          id: u(n),
-          ref_key: "input",
-          ref: a,
-          "onUpdate:modelValue": s[0] || (s[0] = (i) => t.value = i),
-          type: "color",
-          class: "pointer-events-none absolute opacity-0"
-        }, null, 8, Br), [
-          [St, t.value]
-        ]),
-        k("label", { for: u(n) }, [
-          X(l, {
-            class: "cursor-pointer",
-            color: t.value ?? "#222"
-          }, null, 8, ["color"])
-        ], 8, Or)
-      ]);
-    };
-  }
-}), Hr = ["data-scheme", "data-theme"], Pr = /* @__PURE__ */ x({
-  __name: "ThemeProvider",
-  props: {
-    theme: {}
-  },
-  setup(e) {
-    const r = it(e.theme, !1);
-    return (n, a) => (m(), g("div", {
-      style: C([u(r)]),
-      "data-scheme": n.theme.scheme,
-      "data-theme": n.theme.name
-    }, [
-      M(n.$slots, "default")
-    ], 12, Hr));
-  }
-}), ut = /* @__PURE__ */ x({
-  __name: "FullscreenOverlay",
-  props: /* @__PURE__ */ Y({
-    persistent: { type: Boolean, default: !1 },
-    blur: { type: [String, Boolean], default: !1 },
-    wrapperClass: {}
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, r = Q(e, "modelValue"), n = b(null);
-    function a(l) {
-      t.persistent || l.target === n.value && (r.value = !1);
-    }
-    const o = v(() => {
-      switch (t.blur) {
-        case "sm":
-          return "backdrop-blur-sm";
-        case "md":
-        case !0:
-          return "backdrop-blur-md";
-        case "lg":
-          return "backdrop-blur-lg";
-        default:
-          return "";
-      }
-    });
-    F(() => {
-      r.value ? document.body.style.overflow = "hidden" : setTimeout(() => {
-        document.querySelector(".modal-wrapper.op100") || (document.body.style.overflow = "", document.body.style.marginRight = "");
-      }, 300);
-    });
-    const s = Rr();
-    return (l, i) => {
-      const c = Pr;
-      return m(), N(Mt, { to: "body" }, [
-        X(c, { theme: u(s) }, {
-          default: W(() => [
-            k("div", {
-              ref_key: "wrapperRef",
-              ref: n,
-              class: y(["modal-wrapper fixed left-0 top-0 z-100 h-full w-full bg-surface-lowest/50 transition-all duration-300 md:items-center", [o.value, l.wrapperClass, {
-                "op0 pointer-events-none": !r.value,
-                op100: r.value
-              }]]),
-              onClick: a
-            }, [
-              M(l.$slots, "default")
-            ], 2)
-          ]),
-          _: 3
-        }, 8, ["theme"])
-      ]);
-    };
-  }
-}), Nr = { class: "flex justify-end p-4 md:px-6 md:py-4 md:pb-0" }, Ir = /* @__PURE__ */ k("i", { class: "i-tabler-x" }, null, -1), Vr = { class: "h-full flex flex-col items-center justify-center px-4 md:px-6" }, Fn = /* @__PURE__ */ x({
-  __name: "Drawer",
-  props: /* @__PURE__ */ Y({
-    persistent: { type: Boolean, default: !1 },
-    blur: { type: [String, Boolean], default: !1 },
-    position: { default: "left" }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, r = Q(e, "modelValue");
-    return F(() => {
-      r.value ? document.body.style.overflow = "hidden" : setTimeout(() => {
-        document.querySelector(".modal-wrapper.op100") || (document.body.style.overflow = "", document.body.style.marginRight = "");
-      }, 300);
-    }), (n, a) => {
-      const o = ot, s = ut;
-      return m(), N(s, {
-        modelValue: r.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (l) => r.value = l),
-        blur: t.blur,
-        persistent: t.persistent
-      }, {
-        default: W(() => [
-          X(rt, {
-            "enter-from-class": n.position === "left" ? "-translate-x-1/1" : "translate-x-1/1",
-            "enter-to-class": (n.position === "left", "translate-x-0"),
-            "leave-from-class": (n.position === "left", "translate-x-0"),
-            "leave-to-class": n.position === "left" ? "-translate-x-1/1" : "translate-x-1/1",
-            "enter-active-class": "transition ease-out duration-300",
-            "leave-active-class": "transition ease-in duration-200"
-          }, {
-            default: W(() => [
-              r.value ? (m(), g("div", {
-                key: 0,
-                class: y(["fixed h-full w-full bg-surface-low md:w-md", n.position === "left" ? "left-0" : "right-0"])
-              }, [
-                k("div", Nr, [
-                  X(o, {
-                    icon: "",
-                    variant: "transparent",
-                    class: "text-surface-on hover:text-surface-on",
-                    onPointerup: a[0] || (a[0] = (l) => r.value = !1)
-                  }, {
-                    default: W(() => [
-                      Ir
-                    ]),
-                    _: 1
-                  })
-                ]),
-                k("div", Vr, [
-                  M(n.$slots, "default")
-                ])
-              ], 2)) : T("", !0)
-            ]),
-            _: 3
-          }, 8, ["enter-from-class", "enter-to-class", "leave-from-class", "leave-to-class"])
-        ]),
-        _: 3
-      }, 8, ["modelValue", "blur", "persistent"]);
-    };
-  }
-}), Ln = /* @__PURE__ */ x({
-  __name: "Dropzone",
-  props: {
-    dashed: { type: Boolean, default: !0 },
-    accept: { default: "*" }
-  },
-  emits: ["drop"],
-  setup(e, { emit: t }) {
-    const r = e, n = t, a = b(), { onChange: o, open: s } = Kt({
-      accept: r.accept
-    });
-    o((i) => {
-      i ? n("drop", Array.from(i)) : n("drop", null);
-    });
-    const { isOverDropZone: l } = Ut(a, {
-      onDrop: (i) => {
-        n("drop", i);
-      }
-    });
-    return (i, c) => (m(), g("div", {
-      ref_key: "dropZoneRef",
-      ref: a,
-      class: y([{
-        "": u(l),
-        " bg-surface-low": !u(l),
-        "border-dashed": i.dashed
-      }, "h-full w-full flex cursor-pointer items-center justify-center rounded"]),
-      onPointerup: c[0] || (c[0] = () => u(s)())
-    }, [
-      M(i.$slots, "default")
-    ], 34));
-  }
-}), Wn = /* @__PURE__ */ x({
-  __name: "Image",
-  props: {
-    is: { default: "img" },
-    src: {},
-    style: {},
-    class: {},
-    width: {},
-    maxWidth: {},
-    height: {},
-    maxHeight: {},
-    rounded: { default: "md" }
-  },
-  setup(e) {
-    const t = e, r = b(!1), n = b(null);
-    function a() {
-      r.value = !0;
-    }
-    re(() => {
-      var s;
-      (s = n.value) != null && s.complete && a();
-    });
-    const o = j(t);
-    return (s, l) => (m(), g("div", {
-      style: C({
-        height: s.height,
-        width: s.width,
-        maxHeight: s.maxHeight,
-        maxWidth: s.maxWidth
-      })
-    }, [
-      s.src ? (m(), N(ce(s.is), ye({
-        key: 0,
-        ref_key: "img",
-        ref: n,
-        style: [
-          s.style,
-          u(o).style
-        ],
-        src: s.src,
-        class: ["h-full w-full object-cover", [
-          t.class,
-          u(o).class,
-          {
-            hidden: !u(r)
-          }
-        ]]
-      }, s.$attrs, { onLoad: a }), null, 16, ["style", "src", "class"])) : T("", !0),
-      u(r) ? T("", !0) : (m(), g("div", {
-        key: 1,
-        class: y(["h-full w-full animate-pulse border-transparent bg-surface-high object-cover", [
-          t.class,
-          u(o).class
-        ]]),
-        style: C([
-          s.style,
-          u(o).style
-        ])
-      }, null, 6))
-    ], 4));
-  }
-}), Dr = { class: "relative" }, jn = /* @__PURE__ */ x({
-  __name: "Indicator",
-  props: {
-    color: { default: "primary" },
-    size: { default: "md" },
-    position: { default: "top-right" },
-    ping: { type: Boolean }
-  },
-  setup(e) {
-    const t = e, r = v(() => {
-      switch (t.size) {
-        case "sm":
-          return "w-2 h-2";
-        case "md":
-          return "w-3 h-3";
-        case "lg":
-          return "w-4 h-4";
-        default:
-          return typeof t.size == "number" || !Number.isNaN(Number(t.size)) ? `w-${t.size} h-${t.size}` : t.size;
-      }
-    }), n = $t(), a = v(() => {
-      if (!n.label)
-        return "";
-      switch (t.size) {
-        case "sm":
-          return "text-sm children:px-1.5";
-        case "md":
-          return "text-md children:px-2";
-        case "lg":
-          return "text-lg children:px-2.5";
-      }
-    }), o = v(() => {
-      switch (t.position) {
-        case "top-left":
-          return "top-0 left-0 -translate-x-1/2 -translate-y-1/2";
-        case "top-right":
-          return "top-0 right-0 translate-x-1/2 -translate-y-1/2";
-        case "bottom-left":
-          return "bottom-0 left-0 -translate-x-1/2 translate-y-1/2";
-        case "bottom-right":
-          return "bottom-0 right-0 translate-x-1/2 translate-y-1/2";
-      }
-    }), s = v(() => {
-      switch (t.color) {
-        case "primary":
-          return "bg-primary-container text-primary-on";
-        case "secondary":
-          return "bg-secondary-container text-secondary-on";
-        case "tertiary":
-          return "bg-tertiary-container text-tertiary-on";
-        case "error":
-          return "bg-error-container text-error-on";
-      }
-    });
-    return (l, i) => (m(), g("div", Dr, [
-      k("div", {
-        class: y([[u(o), u(a)], "absolute z-1"])
-      }, [
-        t.ping ? (m(), g("div", {
-          key: 0,
-          class: y(["absolute box-content animate-ping border-2 border-transparent rounded-full", [
-            {
-              [u(r)]: !l.$slots.label
-            },
-            u(s)
-          ]])
-        }, [
-          l.$slots.label ? M(l.$slots, "label", { key: 0 }) : T("", !0)
-        ], 2)) : T("", !0),
-        k("div", {
-          class: y(["top-0 box-content border-2 border-surface-low rounded-full", [
-            {
-              [u(r)]: !l.$slots.label
-            },
-            u(s)
-          ]])
-        }, [
-          l.$slots.label ? M(l.$slots, "label", { key: 0 }) : T("", !0)
-        ], 2)
-      ], 2),
-      M(l.$slots, "default")
-    ]));
-  }
-}), Gn = /* @__PURE__ */ x({
-  __name: "Modal",
-  props: /* @__PURE__ */ Y({
-    persistent: { type: Boolean, default: !1 },
-    blur: { type: [String, Boolean], default: !1 }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, r = Q(e, "modelValue");
-    return F(() => {
-      r.value ? document.body.style.overflow = "hidden" : setTimeout(() => {
-        document.querySelector(".modal-wrapper.op100") || (document.body.style.overflow = "", document.body.style.marginRight = "");
-      }, 300);
-    }), (n, a) => {
-      const o = ut;
-      return m(), N(o, {
-        modelValue: r.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (s) => r.value = s),
-        blur: t.blur,
-        persistent: t.persistent,
-        "wrapper-class": "flex items-end justify-center"
-      }, {
-        default: W(() => [
-          X(rt, {
-            "enter-from-class": "translate-y-1/2",
-            "enter-to-class": "translate-y-0",
-            "leave-from-class": "translate-y-0",
-            "leave-to-class": "translate-y-1/2",
-            "enter-active-class": "transition ease-out duration-300",
-            "leave-active-class": "transition ease-in duration-200"
-          }, {
-            default: W(() => [
-              r.value ? M(n.$slots, "default", { key: 0 }) : T("", !0)
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      }, 8, ["modelValue", "blur", "persistent"]);
-    };
-  }
-}), Fr = {
-  key: 0,
-  class: "h-container w-container i-tabler-loader-2 shrink-0 animate-spin"
-}, Lr = { key: 1 }, Wr = { class: "grow-1" }, jr = {
-  key: 2,
-  class: "text-sm text-surface-onlow"
-}, Gr = /* @__PURE__ */ k("i", { class: "i-tabler-x" }, null, -1), Ur = /* @__PURE__ */ x({
-  __name: "Notification",
-  props: {
-    title: {},
-    message: {},
-    icon: {},
-    loading: { type: Boolean },
-    withBorder: { type: Boolean },
-    closeable: { type: Boolean },
-    rounded: { default: "md" },
-    block: { type: Boolean, default: !1 },
-    color: { default: "primary" }
-  },
-  emits: ["close"],
-  setup(e) {
-    const t = e, r = j(t), n = v(() => {
-      switch (t.color) {
-        case "secondary":
-          return "bg-secondary-container";
-        case "tertiary":
-          return "bg-tertiary-container";
-        case "error":
-          return "bg-error-container";
-        default:
-          return "bg-primary-container";
-      }
-    }), a = v(() => {
-      switch (t.color) {
-        case "secondary":
-          return "text-secondary-container";
-        case "tertiary":
-          return "text-tertiary-container";
-        case "error":
-          return "text-error-container";
-        default:
-          return "text-primary-container";
-      }
-    });
-    return (o, s) => {
-      const l = ot;
-      return m(), g("div", {
-        class: y(["relative min-h-16 min-w-80 w-full flex items-center gap-2 container-low p-3", [
-          { "border-0": !o.withBorder },
-          u(r).class,
-          {
-            "max-w-100": !o.block,
-            "w-full": o.block
-          }
-        ]]),
-        style: C(u(r).style)
-      }, [
-        o.icon ? (m(), g("div", {
-          key: 0,
-          class: y(["leading-0", u(a)])
-        }, [
-          o.loading ? (m(), g("i", Fr)) : (m(), g("i", {
-            key: 1,
-            class: y(["h-container w-container shrink-0", o.icon])
-          }, null, 2))
-        ], 2)) : (m(), g("div", Lr, [
-          k("div", {
-            class: y(["absolute left-[0.25rem] top-[0.25rem] h-[calc(100%-0.5rem)] w-1 rounded-full", [{
-              "animate-pulse": o.loading
-            }, u(n)]])
-          }, null, 2)
-        ])),
-        k("div", Wr, [
-          o.title ? (m(), g("div", {
-            key: 0,
-            class: y([u(a), "text-base"])
-          }, ae(o.title), 3)) : T("", !0),
-          o.$slots.message ? M(o.$slots, "message", { key: 1 }) : o.message ? (m(), g("div", jr, ae(o.message), 1)) : T("", !0)
-        ]),
-        o.closeable ? (m(), N(l, {
-          key: 2,
-          icon: "",
-          variant: "transparent",
-          class: "text-surface-on hover:text-surface-on",
-          onClick: s[0] || (s[0] = (i) => o.$emit("close"))
-        }, {
-          default: W(() => [
-            Gr
-          ]),
-          _: 1
-        })) : T("", !0)
-      ], 6);
-    };
-  }
-}), dt = /* @__PURE__ */ new Set(), O = /* @__PURE__ */ new WeakMap(), se = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), Oe = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakSet();
-let K, Fe = 0, Le = 0;
-const U = "__aa_tgt", be = "__aa_del", Me = "__aa_new", Xr = (e) => {
-  const t = Jr(e);
-  t && t.forEach((r) => en(r));
-}, Yr = (e) => {
-  e.forEach((t) => {
-    t.target === K && Kr(), O.has(t.target) && ne(t.target);
-  });
-};
-function Zr(e) {
-  const t = Oe.get(e);
-  t == null || t.disconnect();
-  let r = O.get(e), n = 0;
-  const a = 5;
-  r || (r = le(e), O.set(e, r));
-  const { offsetWidth: o, offsetHeight: s } = K, i = [
-    r.top - a,
-    o - (r.left + a + r.width),
-    s - (r.top + a + r.height),
-    r.left - a
-  ].map((d) => `${-1 * Math.floor(d)}px`).join(" "), c = new IntersectionObserver(() => {
-    ++n > 1 && ne(e);
-  }, {
-    root: K,
-    threshold: 1,
-    rootMargin: i
-  });
-  c.observe(e), Oe.set(e, c);
-}
-function ne(e) {
-  clearTimeout(Se.get(e));
-  const t = Ae(e), r = ge(t) ? 500 : t.duration;
-  Se.set(e, setTimeout(async () => {
-    const n = te.get(e);
-    try {
-      await (n == null ? void 0 : n.finished), O.set(e, le(e)), Zr(e);
-    } catch {
-    }
-  }, r));
-}
-function Kr() {
-  clearTimeout(Se.get(K)), Se.set(K, setTimeout(() => {
-    dt.forEach((e) => mt(e, (t) => ft(() => ne(t))));
-  }, 100));
-}
-function Qr(e) {
-  setTimeout(() => {
-    qr.set(e, setInterval(() => ft(ne.bind(null, e)), 2e3));
-  }, Math.round(2e3 * Math.random()));
-}
-function ft(e) {
-  typeof requestIdleCallback == "function" ? requestIdleCallback(() => e()) : requestAnimationFrame(() => e());
-}
-let He, oe;
-typeof window < "u" && (K = document.documentElement, He = new MutationObserver(Xr), oe = new ResizeObserver(Yr), window.addEventListener("scroll", () => {
-  Le = window.scrollY, Fe = window.scrollX;
-}), oe.observe(K));
-function Jr(e) {
-  return e.reduce((n, a) => [
-    ...n,
-    ...Array.from(a.addedNodes),
-    ...Array.from(a.removedNodes)
-  ], []).every((n) => n.nodeName === "#comment") ? !1 : e.reduce((n, a) => {
-    if (n === !1)
-      return !1;
-    if (a.target instanceof Element) {
-      if (Re(a.target), !n.has(a.target)) {
-        n.add(a.target);
-        for (let o = 0; o < a.target.children.length; o++) {
-          const s = a.target.children.item(o);
-          if (s) {
-            if (be in s)
-              return !1;
-            Re(a.target, s), n.add(s);
-          }
-        }
-      }
-      if (a.removedNodes.length)
-        for (let o = 0; o < a.removedNodes.length; o++) {
-          const s = a.removedNodes[o];
-          if (be in s)
-            return !1;
-          s instanceof Element && (n.add(s), Re(a.target, s), se.set(s, [
-            a.previousSibling,
-            a.nextSibling
-          ]));
-        }
-    }
-    return n;
-  }, /* @__PURE__ */ new Set());
-}
-function Re(e, t) {
-  !t && !(U in e) ? Object.defineProperty(e, U, { value: e }) : t && !(U in t) && Object.defineProperty(t, U, { value: e });
-}
-function en(e) {
-  var t;
-  const r = e.isConnected, n = O.has(e);
-  r && se.has(e) && se.delete(e), te.has(e) && ((t = te.get(e)) === null || t === void 0 || t.cancel()), Me in e ? Qe(e) : n && r ? rn(e) : n && !r ? nn(e) : Qe(e);
-}
-function L(e) {
-  return Number(e.replace(/[^0-9.\-]/g, ""));
-}
-function tn(e) {
-  let t = e.parentElement;
-  for (; t; ) {
-    if (t.scrollLeft || t.scrollTop)
-      return { x: t.scrollLeft, y: t.scrollTop };
-    t = t.parentElement;
-  }
-  return { x: 0, y: 0 };
-}
-function le(e) {
-  const t = e.getBoundingClientRect(), { x: r, y: n } = tn(e);
-  return {
-    top: t.top + n,
-    left: t.left + r,
-    width: t.width,
-    height: t.height
-  };
-}
-function ht(e, t, r) {
-  let n = t.width, a = t.height, o = r.width, s = r.height;
-  const l = getComputedStyle(e);
-  if (l.getPropertyValue("box-sizing") === "content-box") {
-    const c = L(l.paddingTop) + L(l.paddingBottom) + L(l.borderTopWidth) + L(l.borderBottomWidth), d = L(l.paddingLeft) + L(l.paddingRight) + L(l.borderRightWidth) + L(l.borderLeftWidth);
-    n -= d, o -= d, a -= c, s -= c;
-  }
-  return [n, o, a, s].map(Math.round);
-}
-function Ae(e) {
-  return U in e && ie.has(e[U]) ? ie.get(e[U]) : { duration: 250, easing: "ease-in-out" };
-}
-function pt(e) {
-  if (U in e)
-    return e[U];
-}
-function We(e) {
-  const t = pt(e);
-  return t ? me.has(t) : !1;
-}
-function mt(e, ...t) {
-  t.forEach((r) => r(e, ie.has(e)));
-  for (let r = 0; r < e.children.length; r++) {
-    const n = e.children.item(r);
-    n && t.forEach((a) => a(n, ie.has(n)));
-  }
-}
-function je(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function ge(e) {
-  return typeof e == "function";
-}
-function rn(e) {
-  const t = O.get(e), r = le(e);
-  if (!We(e))
-    return O.set(e, r);
-  let n;
-  if (!t)
-    return;
-  const a = Ae(e);
-  if (typeof a != "function") {
-    const o = t.left - r.left, s = t.top - r.top, [l, i, c, d] = ht(e, t, r), f = {
-      transform: `translate(${o}px, ${s}px)`
-    }, h = {
-      transform: "translate(0, 0)"
-    };
-    l !== i && (f.width = `${l}px`, h.width = `${i}px`), c !== d && (f.height = `${c}px`, h.height = `${d}px`), n = e.animate([f, h], {
-      duration: a.duration,
-      easing: a.easing
-    });
-  } else {
-    const [o] = je(a(e, "remain", t, r));
-    n = new Animation(o), n.play();
-  }
-  te.set(e, n), O.set(e, r), n.addEventListener("finish", ne.bind(null, e));
-}
-function Qe(e) {
-  Me in e && delete e[Me];
-  const t = le(e);
-  O.set(e, t);
-  const r = Ae(e);
-  if (!We(e))
-    return;
-  let n;
-  if (typeof r != "function")
-    n = e.animate([
-      { transform: "scale(.98)", opacity: 0 },
-      { transform: "scale(0.98)", opacity: 0, offset: 0.5 },
-      { transform: "scale(1)", opacity: 1 }
-    ], {
-      duration: r.duration * 1.5,
-      easing: "ease-in"
-    });
-  else {
-    const [a] = je(r(e, "add", t));
-    n = new Animation(a), n.play();
-  }
-  te.set(e, n), n.addEventListener("finish", ne.bind(null, e));
-}
-function Je(e, t) {
-  var r;
-  e.remove(), O.delete(e), se.delete(e), te.delete(e), (r = Oe.get(e)) === null || r === void 0 || r.disconnect(), setTimeout(() => {
-    if (be in e && delete e[be], Object.defineProperty(e, Me, { value: !0, configurable: !0 }), t && e instanceof HTMLElement)
-      for (const n in t)
-        e.style[n] = "";
-  }, 0);
-}
-function nn(e) {
-  var t;
-  if (!se.has(e) || !O.has(e))
-    return;
-  const [r, n] = se.get(e);
-  Object.defineProperty(e, be, { value: !0, configurable: !0 });
-  const a = window.scrollX, o = window.scrollY;
-  if (n && n.parentNode && n.parentNode instanceof Element ? n.parentNode.insertBefore(e, n) : r && r.parentNode ? r.parentNode.appendChild(e) : (t = pt(e)) === null || t === void 0 || t.appendChild(e), !We(e))
-    return Je(e);
-  const [s, l, i, c] = an(e), d = Ae(e), f = O.get(e);
-  (a !== Fe || o !== Le) && on(e, a, o, d);
-  let h, w = {
-    position: "absolute",
-    top: `${s}px`,
-    left: `${l}px`,
-    width: `${i}px`,
-    height: `${c}px`,
-    margin: "0",
-    pointerEvents: "none",
-    transformOrigin: "center",
-    zIndex: "100"
-  };
-  if (!ge(d))
-    Object.assign(e.style, w), h = e.animate([
-      {
-        transform: "scale(1)",
-        opacity: 1
-      },
-      {
-        transform: "scale(.98)",
-        opacity: 0
-      }
-    ], { duration: d.duration, easing: "ease-out" });
-  else {
-    const [A, E] = je(d(e, "remove", f));
-    (E == null ? void 0 : E.styleReset) !== !1 && (w = (E == null ? void 0 : E.styleReset) || w, Object.assign(e.style, w)), h = new Animation(A), h.play();
-  }
-  te.set(e, h), h.addEventListener("finish", Je.bind(null, e, w));
-}
-function on(e, t, r, n) {
-  const a = Fe - t, o = Le - r, s = document.documentElement.style.scrollBehavior;
-  if (getComputedStyle(K).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + a, window.scrollY + o), !e.parentElement)
-    return;
-  const i = e.parentElement;
-  let c = i.clientHeight, d = i.clientWidth;
-  const f = performance.now();
-  function h() {
-    requestAnimationFrame(() => {
-      if (!ge(n)) {
-        const w = c - i.clientHeight, A = d - i.clientWidth;
-        f + n.duration > performance.now() ? (window.scrollTo({
-          left: window.scrollX - A,
-          top: window.scrollY - w
-        }), c = i.clientHeight, d = i.clientWidth, h()) : document.documentElement.style.scrollBehavior = s;
-      }
-    });
-  }
-  h();
-}
-function an(e) {
-  const t = O.get(e), [r, , n] = ht(e, t, le(e));
-  let a = e.parentElement;
-  for (; a && (getComputedStyle(a).position === "static" || a instanceof HTMLBodyElement); )
-    a = a.parentElement;
-  a || (a = document.body);
-  const o = getComputedStyle(a), s = O.get(a) || le(a), l = Math.round(t.top - s.top) - L(o.borderTopWidth), i = Math.round(t.left - s.left) - L(o.borderLeftWidth);
-  return [l, i, r, n];
-}
-function sn(e, t = {}) {
-  return He && oe && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !ge(t) && !t.disrespectUserMotionPreference || (me.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), mt(e, ne, Qr, (a) => oe == null ? void 0 : oe.observe(a)), ge(t) ? ie.set(e, t) : ie.set(e, { duration: 250, easing: "ease-in-out", ...t }), He.observe(e, { childList: !0 }), dt.add(e))), Object.freeze({
-    parent: e,
-    enable: () => {
-      me.add(e);
-    },
-    disable: () => {
-      me.delete(e);
-    },
-    isEnabled: () => me.has(e)
-  });
-}
-const ln = {
-  mounted: (e, t) => {
-    sn(e, t.value || {});
-  },
-  // ignore ssr see #96:
-  getSSRProps: () => ({})
-}, cn = { class: "fixed z-20 flex flex-col gap-2 p-2" }, Un = /* @__PURE__ */ x({
-  __name: "NotificationSystem",
-  setup(e) {
-    const t = mn();
-    return (r, n) => {
-      const a = Ur;
-      return Ve((m(), g("div", cn, [
-        (m(!0), g(J, null, ve(u(t), (o) => (m(), N(a, {
-          key: o.hash,
-          closeable: "",
-          "with-border": "",
-          title: o.title,
-          message: o.message,
-          icon: o.icon,
-          loading: o.loading,
-          color: o.color,
-          onClose: (s) => u(t).splice(u(t).indexOf(o), 1)
-        }, null, 8, ["title", "message", "icon", "loading", "color", "onClose"]))), 128))
-      ])), [
-        [u(ln)]
-      ]);
-    };
-  }
-}), un = { class: "relative" }, qn = /* @__PURE__ */ x({
-  __name: "Overlay",
-  props: {
-    blur: { type: [Boolean, String], default: !1 },
-    rounded: { default: "none" },
-    opacity: { default: 30 },
-    color: { default: "black" }
-  },
-  setup(e) {
-    const t = e, r = v(() => {
-      switch (t.blur) {
-        case "sm":
-          return "backdrop-blur-sm";
-        case "md":
-        case !0:
-          return "backdrop-blur-md";
-        case "lg":
-          return "backdrop-blur-lg";
-        default:
-          return "";
-      }
-    }), n = j(t), a = b(null), o = p(t.color).toRgb(), s = v(() => ({
-      backgroundColor: `rgba(${o.r}, ${o.g}, ${o.b}, ${t.opacity / 100})`
-    }));
-    return (l, i) => (m(), g("div", un, [
-      M(l.$slots, "default"),
-      k("div", ye(l.$attrs, {
-        ref_key: "wrapperRef",
-        ref: a,
-        class: [[u(r), u(n).class], "absolute left-0 top-0 h-full w-full overflow-hidden md:items-center"],
-        style: [u(n).style, u(s)]
-      }), [
-        M(l.$slots, "content")
-      ], 16)
-    ]));
-  }
-}), Xn = /* @__PURE__ */ x({
-  __name: "Paper",
-  props: {
-    size: { default: "md" },
-    rounded: { default: "md" },
-    withBorder: { type: Boolean, default: !1 },
-    is: { default: "div" }
-  },
-  setup(e) {
-    const r = j(e);
-    return (n, a) => (m(), N(ce(n.is), {
-      class: y(["container-low rounded-lg p-4", [
-        {
-          "border-transparent": !n.withBorder
-        },
-        u(r).class
-      ]]),
-      style: C([u(r).style])
-    }, {
-      default: W(() => [
-        M(n.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-}), dn = ["value", "placeholder", "type"], fn = /* @__PURE__ */ x({
-  __name: "TextField",
-  props: {
-    modelValue: {},
-    onChange: {},
-    color: { default: "primary" },
-    error: { type: Boolean },
-    disabled: { type: Boolean },
-    rounded: { default: "md" },
-    size: { default: "md" },
-    password: { type: Boolean },
-    placeholder: {}
-  },
-  emits: ["change", "update:modelValue", "input", "click", "pointerdown", "pointerup"],
-  setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, o = v(() => {
-      switch (n.size) {
-        case "sm":
-          return {
-            base: "h-6 px-2 py-1 text-xs"
-          };
-        case "md":
-          return {
-            base: "h-8 px-3 py-1 text-sm"
-          };
-        case "lg":
-          return {
-            base: "h-10 px-4 py-2 text-base"
-          };
-      }
-    }), s = v(() => {
-      if (n.error)
-        return "text-error-container bg-surface-base border-error-container focus:border-error-container";
-      switch (n.color) {
-        case "secondary":
-          return "text-surface-on bg-surface-base border-surface-border-base focus:border-secondary-container";
-        case "tertiary":
-          return "text-surface-on bg-surface-base border-surface-border-base focus:border-tertiary-container";
-        case "error":
-          return "text-surface-on bg-surface-base border-surface-border-base focus:border-error-container";
-        case "primary":
-        default:
-          return "text-surface-on bg-surface-base border-surface-border-base focus:border-primary-container";
-      }
-    }), l = v(() => n.disabled ? "pointer-events-none filter grayscale opacity-60" : ""), i = j(n), c = b(null);
-    function d(f) {
-      var h;
-      a("update:modelValue", ((h = f.target) == null ? void 0 : h.value) ?? ""), a("input", f);
-    }
-    return t({
-      el: c
-    }), (f, h) => (m(), g("input", {
-      ref_key: "input",
-      ref: c,
-      value: f.modelValue,
-      class: y(["bg-back-2 border px-2 py-1 outline-none transition-background-color,border-color,color", [u(s), u(l), u(i).class, u(o).base]]),
-      style: C([u(i).style]),
-      placeholder: f.placeholder,
-      type: n.password ? "password" : "text",
-      onChange: h[0] || (h[0] = (w) => f.$emit("change", w)),
-      onInput: d,
-      onClick: h[1] || (h[1] = (w) => f.$emit("click", w)),
-      onPointerdown: h[2] || (h[2] = (w) => f.$emit("pointerdown", w)),
-      onPointerup: h[3] || (h[3] = (w) => f.$emit("pointerup", w))
-    }, null, 46, dn));
-  }
-}), hn = { class: "flex gap-2" }, Yn = /* @__PURE__ */ x({
-  __name: "PinInput",
-  props: {
-    modelValue: {},
-    length: { default: 6 },
-    size: {},
-    password: { type: Boolean }
-  },
-  setup(e) {
-    const t = e, r = b([]);
-    function n(o) {
-      o.preventDefault(), o.stopPropagation();
-      const s = r.value.findIndex((i) => i.el === o.target), l = o.target.value ?? "";
-      o.target.value = "", Array.from(l).forEach((i, c) => {
-        s + c >= r.value.length || (r.value[s + c].el.value = i, s + c + 1 < r.value.length ? (r.value[s + c + 1].el.focus(), r.value[s + c + 1].el.select()) : r.value[s + c].el.blur());
-      });
-    }
-    function a(o) {
-      o.preventDefault(), o.stopPropagation();
-      const s = o.target.value !== "";
-      o.target.value = "";
-      const l = r.value.findIndex((i) => i.el === o.target);
-      l !== 0 && (r.value[l - 1].el.focus(), r.value[l - 1].el.select(), s || (r.value[l - 1].el.value = ""));
-    }
-    return (o, s) => (m(), g("div", hn, [
-      (m(!0), g(J, null, ve(t.length, (l) => (m(), N(fn, {
-        ref_for: !0,
-        ref_key: "inputs",
-        ref: r,
-        key: l,
-        class: "w-8 text-center",
-        style: { padding: "0" },
-        password: t.password,
-        onPointerup: s[0] || (s[0] = (i) => i.target.select()),
-        onInput: nt(n, ["stop", "prevent"]),
-        onKeydown: Ct(a, ["backspace"])
-      }, null, 8, ["password"]))), 128))
-    ]));
-  }
-}), Zn = /* @__PURE__ */ x({
-  __name: "Progress",
-  props: {
-    value: { default: 0 },
-    max: { default: 100 },
-    min: { default: 0 },
-    size: { default: "md" },
-    color: { default: "primary" },
-    rounded: { default: "full" },
-    loading: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const t = e, r = v(() => {
-      switch (t.size) {
-        case "sm":
-          return "h-0.25";
-        case "md":
-          return "h-0.5";
-        case "lg":
-          return "h-1";
-      }
-    }), n = v(() => {
-      switch (t.color) {
-        case "primary":
-          return "bg-primary-container";
-        case "secondary":
-          return "bg-secondary-7";
-        case "tertiary":
-          return "bg-tertiary-7";
-        case "error":
-          return "bg-error-7";
-      }
-    }), a = j(t);
-    return (o, s) => (m(), g("div", {
-      class: y(["relative w-full self-center overflow-hidden bg-surface-high transition-background-color,border-color,color", [u(r), u(a).class]]),
-      style: C([u(a).style])
-    }, [
-      o.loading ? (m(), g("div", {
-        key: 1,
-        class: y(["loading-progress h-full", [u(n)]])
-      }, null, 2)) : (m(), g("div", {
-        key: 0,
-        class: y(["h-full", [u(n)]]),
-        style: C([{
-          width: `${(Number(o.value) - Number(o.min)) / (Number(o.max) - Number(o.min)) * 100}%`
-        }])
-      }, null, 6))
-    ], 6));
-  }
-}), vt = {
-  primary: ["#e5f7ff", "#d3ebfa", "#a9d4f1", "#7cbde9", "#57a9e0", "#3f9cdc", "#3096dc", "#1f82c4", "#0f73b0", "#00649c", "#082f49"],
-  secondary: ["#e9fbf0", "#dcf1e3", "#badfc7", "#96cea9", "#77bf90", "#63b580", "#58b077", "#479a64", "#3b8a58", "#2c7749", "#022c22"],
-  tertiary: ["#fff7e1", "#ffedcd", "#fcd99e", "#f9c46b", "#f7b23f", "#f6a724", "#f5a113", "#da8c04", "#c37d00", "#aa6a00", "#572508"],
-  error: ["#ffeaea", "#fcd5d5", "#f2a8a9", "#ea7a7a", "#e25353", "#de3939", "#dd2b2b", "#c41e1f", "#af171a", "#9a0913", "#450a0a"],
-  surface: ["#fefefe", "#fafafa", "#f5f5f5", "#e5e5e5", "#a3a3a3", "#737373", "#525252", "#404040", "#262626", "#171717", "#121212"]
-}, Pe = {
-  name: "dark",
-  scheme: "dark",
-  colors: vt
-}, pn = {
-  name: "light",
-  scheme: "light",
-  colors: vt
-}, Kn = Symbol("Notifications"), bt = At([]);
-function mn() {
-  return bt;
-}
-class Qn {
-  static show(t) {
-    t.hash = Math.random().toString(36), bt.push(t);
-  }
-}
-const Ne = [0.96, 0.96, 0.907, 0.805, 0.697, 0.547, 0.518, 0.445, 0.395, 0.34, 0.28];
-function vn(e) {
-  const t = p(e).toHsl().l;
-  return Ne.reduce(
-    (r, n) => Math.abs(n - t) < Math.abs(r - t) ? n : r
-  );
-}
-function bn(e) {
-  const t = p(e), r = vn(t), n = Ne.findIndex((o) => o === r), a = Ne.map((o) => {
-    const s = p({ h: t.toHsl().h, s: t.toHsl().s, l: o });
-    return s.saturate(0 * 100), s;
-  });
-  return { baseColorIndex: n, colors: a.map((o) => o.toHexString()) };
-}
-function Jn(e) {
-  return bn(e).colors;
-}
-const eo = /* @__PURE__ */ x({
-  __name: "RokuProvider",
-  props: {
-    is: { default: "div" },
-    theme: { default() {
-      return typeof window > "u" || document.documentElement.dataset.scheme === "dark" ? Pe : pn;
-    } }
-  },
-  setup(e) {
-    const t = e, r = b(0), n = b(0), a = b(t.theme.scheme);
-    Z && (new ResizeObserver(() => {
-      const d = window.innerWidth - document.body.clientWidth;
-      d !== 0 && (r.value = d), n.value = d;
-    }).observe(document.body), new MutationObserver(() => {
-      a.value !== document.documentElement.dataset.scheme && (a.value = document.documentElement.dataset.scheme);
-    }).observe(document.documentElement, {
-      attributes: !0,
-      attributeFilter: ["data-scheme"]
-    }));
-    const o = v(() => n.value === r.value ? "0px" : `${r.value}px`), s = Jt();
-    F(() => {
-      if (!Z)
-        return "dark";
-      a.value === "dark" ? document.documentElement.dataset.scheme = "dark" : a.value === "light" ? document.documentElement.dataset.scheme = "light" : s.value === "dark" ? document.documentElement.dataset.scheme = "dark" : document.documentElement.dataset.scheme = "light", localStorage.setItem("scheme", document.documentElement.dataset.scheme);
-    }), ze(ct, a);
-    const l = it(t.theme);
-    return (i, c) => (m(), N(ce(i.is), {
-      style: C([
-        u(l),
-        { paddingRight: u(o) }
-      ]),
-      class: "text-surface-on transition-background-color,border-color,color"
-    }, {
-      default: W(() => [
-        M(i.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["style"]));
-  }
-}), gn = ["id"], yn = ["for"], wn = ["for"], _n = /* @__PURE__ */ x({
-  inheritAttrs: !1,
-  __name: "Switch",
-  props: /* @__PURE__ */ Y({
-    size: { default: "md" },
-    animate: { type: Boolean, default: !0 },
-    options: {},
-    label: {},
-    id: {},
-    rounded: { default: "full" },
-    color: { default: "primary" },
-    disabled: { type: Boolean },
-    offIcon: {},
-    onIcon: {},
-    value: { type: Boolean }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, r = Q(e, "modelValue");
-    t.value && (r.value = t.value);
-    const n = b(null), a = b(!1), o = v(() => {
-      switch (t.size) {
-        case "sm":
-          return {
-            icon: "text-xs mx-0.5",
-            wrapper: "h-4 w-8",
-            indicator: a.value ? "h-3 w-4" : "h-3 w-3",
-            inactive: "left-[calc(0.125rem-1px)]",
-            active: a.value ? "left-[calc(0.875rem-1px)]" : "left-[calc(1.125rem-1px)]"
-          };
-        case "md":
-          return {
-            icon: "text-sm mx-1",
-            wrapper: "h-6 w-12",
-            indicator: a.value ? "h-4 w-5" : "h-4 w-4",
-            inactive: "left-[calc(0.25rem-1px)]",
-            active: a.value ? "left-[calc(1.5rem-1px)]" : "left-[calc(1.75rem-1px)]"
-          };
-        case "lg":
-          return {
-            icon: "text-lg mx-2",
-            wrapper: "h-8 w-16",
-            indicator: a.value ? "h-6 w-8" : "h-6 w-6",
-            inactive: "left-[calc(0.25rem-1px)]",
-            active: a.value ? "left-[calc(1.75rem-1px)]" : "left-[calc(2.25rem-1px)]"
-          };
-      }
-    }), s = v(() => t.animate ? {
-      indicator: "transition-all",
-      progress: "transition-width"
-    } : {
-      indicator: "",
-      progress: ""
-    }), l = lt(t), i = v(() => {
-      let d = "bg-primary-container";
-      switch (t.color) {
-        case "secondary":
-          d = "bg-secondary-7";
-          break;
-        case "tertiary":
-          d = "bg-tertiary-7";
-          break;
-        case "error":
-          d = "bg-error-7";
-          break;
-      }
-      return {
-        wrapper: r.value ? `border border-transparent ${d}` : "bg-surface-lowest border border-surface-border-low",
-        indicator: t.disabled ? "bg-surface-high" : "bg-white text-primary-container"
-      };
-    }), c = j(t);
-    return (d, f) => (m(), g("div", {
-      role: "switch",
-      class: y(["relative flex items-center gap-2", {
-        "pointer-events-none filter-grayscale op60": t.disabled
-      }])
-    }, [
-      Ve(k("input", ye({
-        id: u(l),
-        "onUpdate:modelValue": f[0] || (f[0] = (h) => r.value = h)
-      }, d.$attrs, {
-        class: "hidden",
-        type: "checkbox"
-      }), null, 16, gn), [
-        [Tt, r.value]
-      ]),
-      k("label", {
-        class: "leading-0 cursor-pointer!",
-        for: u(l)
-      }, [
-        k("div", {
-          ref_key: "wrapper",
-          ref: n,
-          class: y([[u(o).wrapper, u(i).wrapper, u(c).class], "relative inline-block transition-all"]),
-          style: C([u(c).style]),
-          onPointerdown: f[1] || (f[1] = (h) => a.value = !0),
-          onPointerup: f[2] || (f[2] = (h) => a.value = !1),
-          onPointerleave: f[3] || (f[3] = (h) => a.value = !1),
-          onPointerenter: f[4] || (f[4] = (h) => h.buttons === 1 && (a.value = !0))
-        }, [
-          k("div", {
-            class: y(["absolute top-50% -translate-y-50%", [u(o).indicator, u(i).indicator, u(s).indicator, r.value ? u(o).active : u(o).inactive, u(c).class]]),
-            style: C([u(c).style])
-          }, null, 6),
-          k("i", {
-            class: y(["absolute top-1/2 -translate-y-50%", [u(o).icon, {
-              [`left-0 text-${d.color}-on`]: r.value,
-              "right-0 text-surface-on ": !r.value,
-              [d.onIcon ?? ""]: r.value && d.onIcon,
-              [d.offIcon ?? ""]: !r.value && d.offIcon
-            }]])
-          }, null, 2)
-        ], 38)
-      ], 8, yn),
-      d.label ? (m(), g("label", {
-        key: 0,
-        for: u(l)
-      }, ae(d.label), 9, wn)) : T("", !0)
-    ], 2));
-  }
-}), kn = { class: "dark:hidden" }, xn = { class: "light:hidden" }, to = /* @__PURE__ */ x({
-  __name: "SchemeSwitch",
-  setup(e) {
-    const t = zr(), r = v({
-      get() {
-        return t.value === "dark";
-      },
-      set(o) {
-        t.value = o ? "dark" : "light";
-      }
-    });
-    F(() => {
-      Z && (r.value === !0 ? (document.documentElement.setAttribute("data-scheme", "dark"), localStorage.setItem("scheme", "dark")) : r.value === !1 && (document.documentElement.setAttribute("data-scheme", "light"), localStorage.setItem("scheme", "light")));
-    });
-    const n = b(!0), a = b(!1);
-    return re(() => {
-      if (Z) {
-        const o = localStorage.getItem("scheme");
-        o === "dark" ? r.value = !0 : o === "light" ? r.value = !1 : r.value = window.matchMedia("(prefers-color-scheme: dark)").matches;
-      }
-      n.value = !1;
-    }), et(() => {
-      a.value = !0;
-    }), (o, s) => {
-      const l = _n;
-      return m(), g(J, null, [
-        k("div", {
-          class: y({ hidden: !u(n) })
-        }, [
-          k("div", kn, [
-            X(l, {
-              value: !1,
-              "on-icon": "i-tabler-moon",
-              "off-icon": "i-tabler-sun"
-            })
-          ]),
-          k("div", xn, [
-            X(l, {
-              value: !0,
-              color: "secondary",
-              "on-icon": "i-tabler-moon",
-              "off-icon": "i-tabler-sun"
-            })
-          ])
-        ], 2),
-        k("div", {
-          class: y({ hidden: u(n) })
-        }, [
-          X(l, {
-            modelValue: u(r),
-            "onUpdate:modelValue": s[0] || (s[0] = (i) => Et(r) ? r.value = i : null),
-            animate: u(a),
-            color: "secondary",
-            "on-icon": "i-tabler-moon",
-            "off-icon": "i-tabler-sun"
-          }, null, 8, ["modelValue", "animate"])
-        ], 2)
-      ], 64);
-    };
-  }
-}), Sn = { class: "w-full flex items-center" }, Mn = ["placeholder", "value"], $n = /* @__PURE__ */ k("i", { class: "i-tabler-chevron-down pointer-events-none absolute right-2" }, null, -1), Cn = {
-  key: 0,
-  class: "flex cursor-default items-center justify-between gap-2 rounded p-1 px-2"
-}, An = ["onPointerdown", "onHover"], Tn = { key: 0 }, En = /* @__PURE__ */ k("i", { class: "i-tabler-check h-3 w-3" }, null, -1), Rn = [
-  En
-], ro = /* @__PURE__ */ x({
-  __name: "Select",
-  props: /* @__PURE__ */ Y({
-    options: { default() {
-      return [];
-    } },
-    size: { default: "md" },
-    noneText: { default: "No options" },
-    rounded: { default: "md" },
-    placeholder: { default: "" }
-  }, {
-    modelValue: { default: void 0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Y(["change"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const r = e, n = t, a = j(r), o = Q(e, "modelValue"), s = b(null), l = b(null), { focused: i } = Qt(s), c = v(() => r.options.map((_) => R(_)).indexOf(o.value)), d = b(-1), f = b(-1);
-    F(() => {
-      i.value || (f.value = -1);
-    }), F(() => {
-      o.value = R(r.options[c.value]);
-    }), ue(o, () => {
-      n("change", o.value);
-    });
-    const h = r.options, w = v(() => h[c.value]), A = v(() => E(w.value));
-    function E(_) {
-      if (_)
-        return typeof _ == "string" || typeof _ == "symbol" || typeof _ == "number" ? _ : _.label;
-    }
-    function R(_) {
-      if (_)
-        return typeof _ == "string" || typeof _ == "symbol" || typeof _ == "number" ? _ : _.id;
-    }
-    Ee("ArrowDown", (_) => {
-      i.value && (_.preventDefault(), f.value = (f.value + 1) % h.length);
-    }), Ee("ArrowUp", (_) => {
-      i.value && (_.preventDefault(), f.value = (f.value - 1 + h.length) % h.length);
-    }), Ee("Enter", () => {
-      i.value && f.value !== -1 && (o.value = R(h[f.value]), i.value = !1);
-    });
-    function fe(_) {
-      if (!i.value) {
-        i.value = !0;
-        return;
-      }
-      o.value = R(_), i.value = !1;
-    }
-    const _e = v(() => ({
-      input: "container-base focus:border-primary-container"
-    })), ke = v(() => {
-      switch (r.size) {
-        case "sm":
-          return {
-            wrapper: "h-6 w-full py-1 pl-1.5 pr-6 text-sm",
-            dropdown: "text-sm children:py-1"
-          };
-        case "lg":
-          return {
-            wrapper: "h-10 w-full py-2 pl-3 pr-10 text-lg",
-            dropdown: "text-lg children:py-2"
-          };
-        default:
-          return {
-            wrapper: "h-8 w-full py-1 pl-2 pr-8 text-base",
-            dropdown: "text-base children:py-1"
-          };
-      }
-    });
-    return (_, he) => (m(), g("div", {
-      ref_key: "wrapperRef",
-      ref: l,
-      class: "r-select-wrapper relative"
-    }, [
-      k("div", Sn, [
-        k("input", {
-          ref_key: "inputRef",
-          ref: s,
-          class: y([[u(_e).input, u(ke).wrapper, u(a).class], "r-select-input cursor-pointer border outline-none outline-none focus-visible:outline-2"]),
-          placeholder: _.placeholder,
-          style: C([u(a).style]),
-          readonly: "",
-          value: u(A),
-          "aria-haspopup": "listbox",
-          autocomplete: "off",
-          onFocus: he[0] || (he[0] = ($) => i.value = !0)
-        }, null, 46, Mn),
-        $n
-      ]),
-      u(i) ? (m(), g("div", {
-        key: 0,
-        class: y([u(ke).dropdown, "absolute z-1 mt-2 w-full flex-col overflow-hidden border container-base rounded p-1"])
-      }, [
-        u(h).length === 0 ? (m(), g("div", Cn, ae(_.noneText), 1)) : (m(!0), g(J, { key: 1 }, ve(u(h), ($, z) => (m(), g("div", {
-          key: R($),
-          class: y([{
-            "hover:bg-surface-high": u(f) !== z,
-            "container-filled-primary": u(f) === z
-          }, "flex cursor-pointer items-center justify-between gap-2 rounded p-1 px-2"]),
-          onPointerdown: (B) => fe($),
-          onHover: (B) => d.value = z
-        }, [
-          Rt(ae(E($)) + " ", 1),
-          $ === u(w) ? (m(), g("div", Tn, Rn)) : T("", !0)
-        ], 42, An))), 128))
-      ], 2)) : T("", !0)
-    ], 512));
-  }
-}), zn = { class: "relative inline-block w-full" }, no = /* @__PURE__ */ x({
-  __name: "Slider",
-  props: /* @__PURE__ */ Y({
-    size: { default: "md" },
-    animate: { type: Boolean, default: !1 },
-    width: {},
-    options: {},
-    min: { default: 0 },
-    max: { default: 100 },
-    step: { default: 1 },
-    tickNum: {},
-    color: { default: "primary" },
-    minWidth: { default: 12 }
-  }, {
-    modelValue: {
-      default: void 0
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e;
-    function r($, z, B) {
-      const I = [];
-      for (let q = $; q <= z; q += B)
-        I.push(q);
-      return I[I.length - 1] !== z && I.push(z), I;
-    }
-    function n($, z) {
-      const B = [];
-      B.push(z[0]);
-      const I = (z.length - 1) / ($ - 1);
-      for (let q = 1; q < $ - 1; q++)
-        B.push(z[Math.round(q * I)]);
-      return B.push(z[z.length - 1]), B;
-    }
-    const a = v(() => t.options ? t.options.length : t.tickNum ?? 0), o = v(() => t.options === void 0 ? r(t.min, t.max, t.step) : t.options), s = v(() => n(a.value, o.value)), l = Q(e, "modelValue"), i = v(() => o.value.length ?? 0), c = b(o.value.includes(l.value) ? o.value.indexOf(l.value) : 0);
-    function d($) {
-      return o.value.indexOf($);
-    }
-    const f = v(() => {
-      switch (t.color) {
-        case "primary":
-          return "bg-primary-container";
-        case "secondary":
-          return "bg-secondary-container";
-        case "tertiary":
-          return "bg-tertiary-container";
-        case "error":
-          return "bg-error-container";
-      }
-    }), h = v(() => `dark:bg-white bg-${t.color}-container`), w = v(() => {
-      switch (t.color) {
-        case "primary":
-          return "dark:bg-primary-container bg-white";
-        case "secondary":
-          return "dark:bg-secondary-container bg-white";
-        case "tertiary":
-          return "dark:bg-tertiary-container bg-white";
-        case "error":
-          return "dark:bg-error-container bg-white";
-      }
-    });
-    F(() => {
-      l.value = o.value[c.value];
-    });
-    const A = b(), E = b(), R = Xt(A), fe = b(!1);
-    function _e($) {
-      if (!fe.value)
-        return;
-      if (!($.buttons === 1)) {
-        fe.value = !1;
-        return;
-      }
-      $.preventDefault(), $.stopPropagation();
-      const { clientX: B } = $, I = R.left.value, gt = R.right.value - I, Te = Math.round((B - I) / gt * (i.value - 1));
-      if (Te < 0) {
-        c.value = 0;
-        return;
-      }
-      if (Te > i.value - 1) {
-        c.value = i.value - 1;
-        return;
-      }
-      c.value = Te;
-    }
-    F(() => {
-      c.value = d(l.value);
-    });
-    function ke($) {
-      $.preventDefault(), $.stopPropagation(), fe.value = !0, _e($);
-    }
-    P(A, "pointerdown", ke), re(() => {
-      P(document, "pointermove", _e), c.value = Math.max(0, d(l.value));
-    });
-    const _ = v(() => {
-      switch (t.size) {
-        case "sm":
-          return {
-            wrapper: "h-2",
-            innerWrapper: "px-0.5 h-1",
-            content: "h-1",
-            tick: "h-0.5 w-0.5 -translate-x-0.25 -translate-y-0.25",
-            indicator: "h-2 w-2 -translate-x-1 -translate-y-1",
-            indicatorInner: "h-1 w-1 -translate-x-0.5 -translate-y-0.5",
-            progress: "-mx-0.5"
-          };
-        case "md":
-          return {
-            wrapper: "h-4",
-            innerWrapper: "px-1 h-2",
-            content: "h-2",
-            tick: "h-1 w-1 -translate-x-0.5 -translate-y-0.5",
-            indicator: "h-4 w-4 -translate-x-2 -translate-y-2",
-            indicatorInner: "h-2 w-2 -translate-x-1 -translate-y-1",
-            progress: "-mx-1"
-          };
-        case "lg":
-          return {
-            wrapper: "h-6",
-            innerWrapper: "px-1.5 h-3",
-            content: "h-3",
-            tick: "h-1.5 w-1.5 -translate-x-0.75 -translate-y-0.75",
-            indicator: "h-6 w-6 -translate-x-3 -translate-y-3",
-            indicatorInner: "h-3 w-3 -translate-x-1.5 -translate-y-1.5",
-            progress: "-mx-1.5"
-          };
-      }
-    }), he = v(() => t.animate ? {
-      indicator: "transition-left",
-      progress: "transition-width"
-    } : {
-      indicator: "",
-      progress: ""
-    });
-    return ($, z) => (m(), g("div", zn, [
-      k("div", {
-        ref_key: "wrapper",
-        ref: A,
-        type: "size",
-        class: y(["w-full flex cursor-pointer items-center", u(_).wrapper]),
-        onTouchmove: z[0] || (z[0] = nt(() => {
-        }, ["prevent"]))
-      }, [
-        k("div", {
-          class: y(["w-full rounded-full bg-surface-lowest transition-background-color,border-color,color", u(_).innerWrapper])
-        }, [
-          k("div", {
-            class: y(["relative flex", u(_).content]),
-            style: C({
-              width: `${t.width}rem`,
-              minWidth: `${t.minWidth}rem`
-            })
-          }, [
-            (m(!0), g(J, null, ve(u(s), (B) => (m(), g("div", {
-              key: B,
-              style: C({
-                left: `${d(B) / (u(i) - 1) * 100}%`
-              }),
-              class: y(["absolute top-50% rounded-full bg-white", u(_).tick])
-            }, null, 6))), 128)),
-            u(c) !== -1 ? (m(), g("div", {
-              key: 0,
-              ref_key: "indicator",
-              ref: E,
-              class: y(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [u(_).indicator, u(he).indicator, u(h)]]),
-              style: C({
-                left: `${u(c) / (u(i) - 1) * 100}%`
-              })
-            }, [
-              k("div", {
-                class: y(["pointer-events-none absolute left-50% top-50% rounded-full transition-background-color,border-color,color", [u(_).indicatorInner, u(w)]])
-              }, null, 2)
-            ], 6)) : T("", !0),
-            k("div", {
-              class: y(["pointer-events-none h-full rounded-full", [u(_).progress, u(he).progress, u(f)]]),
-              style: C({
-                width: `${u(c) / (u(i) - 1) * 100}%`
-              })
-            }, null, 6)
-          ], 6)
-        ], 2)
-      ], 34),
-      k("div", {
-        class: "relative mx-1 h-1em text-xs text-surface-onlow",
-        style: C({
-          width: `${t.width}rem`
-        })
-      }, [
-        (m(!0), g(J, null, ve(u(s), (B, I) => (m(), g("div", {
-          key: I,
-          style: C({
-            left: `${d(B) / (u(i) - 1) * 100}%`
-          }),
-          class: y(["absolute w-auto flex rounded-full -translate-x-50%", u(_).tick])
-        }, ae(B), 7))), 128))
-      ], 4)
-    ]));
-  }
-});
-export {
-  On as AspectRatio,
-  zt as Avatar,
-  ot as Btn,
-  Hn as ChatContainer,
-  Pn as ChatMessage,
-  Nn as ChatSystem,
-  In as Chip,
-  Dn as ColorInput,
-  ar as ColorSwatch,
-  Fn as Drawer,
-  Ln as Dropzone,
-  ut as FullscreenOverlay,
-  Wn as Image,
-  jn as Indicator,
-  Gn as Modal,
-  Ur as Notification,
-  Un as NotificationSystem,
-  Qn as Notifications,
-  qn as Overlay,
-  Xn as Paper,
-  Yn as PinInput,
-  Zn as Progress,
-  eo as RokuProvider,
-  to as SchemeSwitch,
-  ro as Select,
-  no as Slider,
-  _n as Switch,
-  fn as TextField,
-  Pr as ThemeProvider,
-  Pe as darkTheme,
-  Jn as generateColors,
-  bn as generateColorsMap,
-  pn as lightTheme,
-  Kn as notificationsSymbol,
-  ct as schemeSymbol,
-  vt as themeColors,
-  Rr as useCurrentTheme,
-  Vn as useCurrentThemeScheme,
-  lt as useId,
-  mn as useNotifications,
-  Er as useRootTheme,
-  zr as useScheme,
-  it as useThemeStyles
-};