@roku-ui/vue 0.7.0 → 0.7.2

package/dist/index.js

@@ -0,0 +1,3217 @@
+import { defineComponent as x, openBlock as h, createElementBlock as b, normalizeStyle as C, renderSlot as k, computed as m, ref as g, onMounted as ee, Fragment as K, createBlock as P, resolveDynamicComponent as ue, mergeProps as xe, unref as u, createCommentVNode as T, getCurrentScope as xt, onScopeDispose as kt, nextTick as et, getCurrentInstance as tt, watch as de, shallowRef as St, readonly as Mt, watchEffect as X, withCtx as L, normalizeClass as y, createElementVNode as w, mergeModels as W, useModel as j, inject as be, provide as ge, useAttrs as $t, withDirectives as Te, vModelText as Ct, createVNode as Z, Teleport as At, Transition as rt, useSlots as nt, toDisplayString as se, renderList as ye, vModelDynamic as Tt, withModifiers as ot, withKeys as zt, reactive as Et, vModelCheckbox as Rt, isRef as Bt, createTextVNode as Ot } from "vue";
+const In = /* @__PURE__ */ x({
+  __name: "AspectRatio",
+  props: {
+    ratio: { default: 1 },
+    width: {},
+    maxWidth: {},
+    height: {},
+    maxHeight: {}
+  },
+  setup(e) {
+    return (t, r) => (h(), b("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-['']"
+    }, [
+      k(t.$slots, "default")
+    ], 4));
+  }
+}), Ht = /* @__PURE__ */ x({
+  __name: "Avatar",
+  props: {
+    is: { default: "img" },
+    src: {},
+    size: { default: "md" },
+    style: {},
+    class: {}
+  },
+  setup(e) {
+    const t = e, r = m(() => {
+      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 = g(!1), a = g(null);
+    function o() {
+      n.value = !0;
+    }
+    return ee(() => {
+      var s;
+      (s = a.value) != null && s.complete && o();
+    }), (s, i) => (h(), b(K, null, [
+      s.src ? (h(), P(ue(s.is), xe({
+        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) : (h(), b("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 U(e) {
+  return m(
+    () => ({ style: Nt(e.rounded), class: "rounded-[var(--r-rounded)]" })
+  );
+}
+function Nt(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 ke(e) {
+  return xt() ? (kt(e), !0) : !1;
+}
+function Pt() {
+  const e = /* @__PURE__ */ new Set(), t = (a) => {
+    e.delete(a);
+  };
+  return {
+    on: (a) => {
+      e.add(a);
+      const o = () => t(a);
+      return ke(o), {
+        off: o
+      };
+    },
+    off: t,
+    trigger: (...a) => Promise.all(Array.from(e).map((o) => o(...a)))
+  };
+}
+function ze(e) {
+  return typeof e == "function" ? e() : u(e);
+}
+const Q = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const It = (e) => e != null, Vt = Object.prototype.toString, Dt = (e) => Vt.call(e) === "[object Object]", Ft = () => {
+}, Lt = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
+function Wt(e) {
+  return e || tt();
+}
+function jt(e, t = !0, r) {
+  Wt() ? ee(e, r) : t ? e() : et(e);
+}
+function re(e) {
+  var t;
+  const r = ze(e);
+  return (t = r == null ? void 0 : r.$el) != null ? t : r;
+}
+const fe = Q ? window : void 0, Ut = Q ? window.document : void 0;
+function N(...e) {
+  let t, r, n, a;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([r, n, a] = e, t = fe) : [t, r, n, a] = e, !t)
+    return Ft;
+  Array.isArray(r) || (r = [r]), Array.isArray(n) || (n = [n]);
+  const o = [], s = () => {
+    o.forEach((d) => d()), o.length = 0;
+  }, i = (d, f, v, S) => (d.addEventListener(f, v, S), () => d.removeEventListener(f, v, S)), l = de(
+    () => [re(t), ze(a)],
+    ([d, f]) => {
+      if (s(), !d)
+        return;
+      const v = Dt(f) ? { ...f } : f;
+      o.push(
+        ...r.flatMap((S) => n.map((A) => i(d, S, A, v)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), c = () => {
+    l(), s();
+  };
+  return ke(c), c;
+}
+function Gt(e) {
+  return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
+}
+function te(...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 = fe,
+    eventName: o = "keydown",
+    passive: s = !1,
+    dedupe: i = !1
+  } = n, l = Gt(t);
+  return N(a, o, (d) => {
+    d.repeat && ze(i) || l(d) && r(d);
+  }, s);
+}
+function qt() {
+  const e = g(!1);
+  return tt() && ee(() => {
+    e.value = !0;
+  }), e;
+}
+function De(e) {
+  const t = qt();
+  return m(() => (t.value, !!e()));
+}
+function Ue(e, t = {}) {
+  const { window: r = fe } = t, n = De(() => r && "matchMedia" in r && typeof r.matchMedia == "function");
+  let a;
+  const o = g(!1), s = (c) => {
+    o.value = c.matches;
+  }, i = () => {
+    a && ("removeEventListener" in a ? a.removeEventListener("change", s) : a.removeListener(s));
+  }, l = X(() => {
+    n.value && (i(), a = r.matchMedia(ze(e)), "addEventListener" in a ? a.addEventListener("change", s) : a.addListener(s), o.value = a.matches);
+  });
+  return ke(() => {
+    l(), i(), a = void 0;
+  }), o;
+}
+function Xt(e, t, r = {}) {
+  const { window: n = fe, ...a } = r;
+  let o;
+  const s = De(() => n && "MutationObserver" in n), i = () => {
+    o && (o.disconnect(), o = void 0);
+  }, l = de(
+    () => re(e),
+    (f) => {
+      i(), s.value && n && f && (o = new MutationObserver(t), o.observe(f, a));
+    },
+    { immediate: !0 }
+  ), c = () => o == null ? void 0 : o.takeRecords(), d = () => {
+    i(), l();
+  };
+  return ke(d), {
+    isSupported: s,
+    stop: d,
+    takeRecords: c
+  };
+}
+function Yt(e, t = {}) {
+  const r = g(!1), n = St(null);
+  let a = 0, o = !0;
+  if (Q) {
+    const s = typeof t == "function" ? { onDrop: t } : t, i = (l) => {
+      var c, d;
+      const f = Array.from((d = (c = l.dataTransfer) == null ? void 0 : c.files) != null ? d : []);
+      return n.value = f.length === 0 ? null : f;
+    };
+    N(e, "dragenter", (l) => {
+      var c, d;
+      const f = Array.from(((c = l == null ? void 0 : l.dataTransfer) == null ? void 0 : c.items) || []).map((v) => v.kind === "file" ? v.type : null).filter(It);
+      if (s.dataTypes && l.dataTransfer) {
+        const v = u(s.dataTypes);
+        if (o = typeof v == "function" ? v(f) : v ? v.some((S) => f.includes(S)) : !0, !o)
+          return;
+      }
+      l.preventDefault(), a += 1, r.value = !0, (d = s.onEnter) == null || d.call(s, i(l), l);
+    }), N(e, "dragover", (l) => {
+      var c;
+      o && (l.preventDefault(), (c = s.onOver) == null || c.call(s, i(l), l));
+    }), N(e, "dragleave", (l) => {
+      var c;
+      o && (l.preventDefault(), a -= 1, a === 0 && (r.value = !1), (c = s.onLeave) == null || c.call(s, i(l), l));
+    }), N(e, "drop", (l) => {
+      var c;
+      l.preventDefault(), a = 0, r.value = !1, (c = s.onDrop) == null || c.call(s, i(l), l);
+    });
+  }
+  return {
+    files: n,
+    isOverDropZone: r
+  };
+}
+function Zt(e, t, r = {}) {
+  const { window: n = fe, ...a } = r;
+  let o;
+  const s = De(() => n && "ResizeObserver" in n), i = () => {
+    o && (o.disconnect(), o = void 0);
+  }, l = m(() => Array.isArray(e) ? e.map((f) => re(f)) : [re(e)]), c = de(
+    l,
+    (f) => {
+      if (i(), s.value && n) {
+        o = new ResizeObserver(t);
+        for (const v of f)
+          v && o.observe(v, a);
+      }
+    },
+    { immediate: !0, flush: "post", deep: !0 }
+  ), d = () => {
+    i(), c();
+  };
+  return ke(d), {
+    isSupported: s,
+    stop: d
+  };
+}
+function Kt(e, t = {}) {
+  const {
+    reset: r = !0,
+    windowResize: n = !0,
+    windowScroll: a = !0,
+    immediate: o = !0
+  } = t, s = g(0), i = g(0), l = g(0), c = g(0), d = g(0), f = g(0), v = g(0), S = g(0);
+  function A() {
+    const z = re(e);
+    if (!z) {
+      r && (s.value = 0, i.value = 0, l.value = 0, c.value = 0, d.value = 0, f.value = 0, v.value = 0, S.value = 0);
+      return;
+    }
+    const E = z.getBoundingClientRect();
+    s.value = E.height, i.value = E.bottom, l.value = E.left, c.value = E.right, d.value = E.top, f.value = E.width, v.value = E.x, S.value = E.y;
+  }
+  return Zt(e, A), de(() => re(e), (z) => !z && A()), Xt(e, A, {
+    attributeFilter: ["style", "class"]
+  }), a && N("scroll", A, { capture: !0, passive: !0 }), n && N("resize", A, { passive: !0 }), jt(() => {
+    o && A();
+  }), {
+    height: s,
+    bottom: i,
+    left: l,
+    right: c,
+    top: d,
+    width: f,
+    x: v,
+    y: S,
+    update: A
+  };
+}
+function Qt(e, t = {}) {
+  const {
+    delayEnter: r = 0,
+    delayLeave: n = 0,
+    window: a = fe
+  } = t, o = g(!1);
+  let s;
+  const i = (l) => {
+    const c = l ? r : n;
+    s && (clearTimeout(s), s = void 0), c ? s = setTimeout(() => o.value = l, c) : o.value = l;
+  };
+  return a && (N(e, "mouseenter", () => i(!0), { passive: !0 }), N(e, "mouseleave", () => i(!1), { passive: !0 })), o;
+}
+const Jt = {
+  multiple: !0,
+  accept: "*",
+  reset: !1,
+  directory: !1
+};
+function er(e = {}) {
+  const {
+    document: t = Ut
+  } = e, r = g(null), { on: n, trigger: a } = Pt();
+  let o;
+  t && (o = t.createElement("input"), o.type = "file", o.onchange = (l) => {
+    const c = l.target;
+    r.value = c.files, a(r.value);
+  });
+  const s = () => {
+    r.value = null, o && (o.value = "", a(null));
+  }, i = (l) => {
+    if (!o)
+      return;
+    const c = {
+      ...Jt,
+      ...e,
+      ...l
+    };
+    o.multiple = c.multiple, o.accept = c.accept, o.webkitdirectory = c.directory, Lt(c, "capture") && (o.capture = c.capture), c.reset && s(), o.click();
+  };
+  return {
+    files: Mt(r),
+    open: i,
+    reset: s,
+    onChange: n
+  };
+}
+function tr(e, t = {}) {
+  const { initialValue: r = !1, focusVisible: n = !1 } = t, a = g(!1), o = m(() => re(e));
+  N(o, "focus", (i) => {
+    var l, c;
+    (!n || (c = (l = i.target).matches) != null && c.call(l, ":focus-visible")) && (a.value = !0);
+  }), N(o, "blur", () => a.value = !1);
+  const s = m({
+    get: () => a.value,
+    set(i) {
+      var l, c;
+      !i && a.value ? (l = o.value) == null || l.blur() : i && !a.value && ((c = o.value) == null || c.focus());
+    }
+  });
+  return de(
+    o,
+    () => {
+      s.value = r;
+    },
+    { immediate: !0, flush: "post" }
+  ), { focused: s };
+}
+function rr(e) {
+  const t = Ue("(prefers-color-scheme: light)", e), r = Ue("(prefers-color-scheme: dark)", e);
+  return m(() => r.value ? "dark" : t.value ? "light" : "no-preference");
+}
+const at = /* @__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 = U(t), n = m(() => {
+      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 = g(null), o = Qt(a), s = m(() => t.hoverVariant && o.value ? t.hoverVariant : t.variant), i = m(() => {
+      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 (l, c) => (h(), P(ue(l.is), xe({
+      ref_key: "btn",
+      ref: a,
+      "data-size": l.size,
+      type: l.type,
+      class: ["flex items-center justify-center gap-1 decoration-none", [
+        u(i),
+        u(r).class,
+        l.icon ? u(n).iconContent : u(n).normalContent,
+        {
+          "filter-grayscale pointer-events-none": l.disabled,
+          "active:translate-y-0.25": l.pressEffect === "translate",
+          "active:scale-98": l.pressEffect === "scale",
+          "transition-all": l.animate
+        }
+      ]],
+      style: [
+        u(r).style
+      ],
+      disabled: l.disabled
+    }, l.$attrs), {
+      default: L(() => [
+        l.$slots.leftSection ? k(l.$slots, "leftSection", { key: 0 }) : T("", !0),
+        k(l.$slots, "default"),
+        l.$slots.rightSection ? k(l.$slots, "rightSection", { key: 1 }) : T("", !0)
+      ]),
+      _: 3
+    }, 16, ["data-size", "type", "style", "class", "disabled"]));
+  }
+}), nr = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [n, a] of t)
+    r[n] = a;
+  return r;
+}, or = {}, ar = { class: "flex flex-col gap-4 container" };
+function sr(e, t) {
+  return h(), b("div", ar, [
+    k(e.$slots, "default")
+  ]);
+}
+const Vn = /* @__PURE__ */ nr(or, [["render", sr]]), Dn = /* @__PURE__ */ x({
+  __name: "ChatMessage",
+  props: {
+    avatar: {},
+    position: { default: "left" },
+    color: {},
+    variant: { default: "default" },
+    withBorder: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, r = m(() => {
+      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 = Ht;
+      return h(), b("div", {
+        class: y(["flex gap-2", [
+          {
+            "flex-row-reverse": n.position === "right",
+            "flex-row": n.position === "left"
+          }
+        ]])
+      }, [
+        n.$slots.avatar ? k(n.$slots, "avatar", { key: 0 }) : n.avatar ? (h(), P(o, {
+          key: 1,
+          src: n.avatar
+        }, null, 8, ["src"])) : T("", !0),
+        w("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)
+          ]])
+        }, [
+          k(n.$slots, "default")
+        ], 2)
+      ], 2);
+    };
+  }
+}), lr = { class: "w-full flex self-center gap-2 text-center" }, Fn = /* @__PURE__ */ x({
+  __name: "ChatSystem",
+  props: {
+    position: {},
+    color: {},
+    variant: { default: "default" },
+    withBorder: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, r = m(() => {
+      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) => (h(), b("div", lr, [
+      w("div", {
+        class: y(["w-full rounded-xl px-3 py-2 transition-background-color,border-color", [
+          u(r)
+        ]])
+      }, [
+        k(n.$slots, "default")
+      ], 2)
+    ]));
+  }
+}), Ln = /* @__PURE__ */ x({
+  __name: "Chip",
+  props: /* @__PURE__ */ W({
+    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 = j(e, "modelValue"), n = U(t), a = m(() => {
+      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 = m(() => r.value ? "container-filled-primary border-transparent" : "container-base"), s = m(() => r.value !== void 0), i = m(() => s.value ? "cursor-pointer" : "");
+    return (l, c) => (h(), b("span", {
+      class: y(["inline-flex items-center gap-1", [u(n).class, u(a), u(o), u(i)]]),
+      style: C([u(n).style]),
+      onPointerup: c[0] || (c[0] = (d) => u(s) && (r.value = !r.value))
+    }, [
+      l.$slots.leftSection ? k(l.$slots, "leftSection", { key: 0 }) : T("", !0),
+      k(l.$slots, "default"),
+      l.$slots.rightSection ? k(l.$slots, "rightSection", { key: 1 }) : T("", !0)
+    ], 38));
+  }
+}), ir = /* @__PURE__ */ x({
+  __name: "ColorSwatch",
+  props: {
+    color: {},
+    is: { default: "div" },
+    withBorder: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (t, r) => (h(), P(ue(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 $e(e) {
+  "@babel/helpers - typeof";
+  return $e = 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;
+  }, $e(e);
+}
+var cr = /^\s+/, ur = /\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 = dr(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, i;
+    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 ? i = a / 12.92 : i = Math.pow((a + 0.055) / 1.055, 2.4), 0.2126 * o + 0.7152 * s + 0.0722 * i;
+  },
+  setAlpha: function(t) {
+    return this._a = st(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 = Ge(this._r, this._g, this._b);
+    return {
+      h: t.h * 360,
+      s: t.s,
+      l: t.l,
+      a: this._a
+    };
+  },
+  toHslString: function() {
+    var t = Ge(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 mr(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(M(this._r, 255) * 100) + "%",
+      g: Math.round(M(this._g, 255) * 100) + "%",
+      b: Math.round(M(this._b, 255) * 100) + "%",
+      a: this._a
+    };
+  },
+  toPercentageRgbString: function() {
+    return this._a == 1 ? "rgb(" + Math.round(M(this._r, 255) * 100) + "%, " + Math.round(M(this._g, 255) * 100) + "%, " + Math.round(M(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(M(this._r, 255) * 100) + "%, " + Math.round(M(this._g, 255) * 100) + "%, " + Math.round(M(this._b, 255) * 100) + "%, " + this._roundA + ")";
+  },
+  toName: function() {
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Cr[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(yr, arguments);
+  },
+  brighten: function() {
+    return this._applyModification(wr, arguments);
+  },
+  darken: function() {
+    return this._applyModification(_r, arguments);
+  },
+  desaturate: function() {
+    return this._applyModification(vr, arguments);
+  },
+  saturate: function() {
+    return this._applyModification(br, arguments);
+  },
+  greyscale: function() {
+    return this._applyModification(gr, arguments);
+  },
+  spin: function() {
+    return this._applyModification(xr, arguments);
+  },
+  _applyCombination: function(t, r) {
+    return t.apply(null, [this].concat([].slice.call(r)));
+  },
+  analogous: function() {
+    return this._applyCombination(Mr, arguments);
+  },
+  complement: function() {
+    return this._applyCombination(kr, arguments);
+  },
+  monochromatic: function() {
+    return this._applyCombination($r, arguments);
+  },
+  splitcomplement: function() {
+    return this._applyCombination(Sr, 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 ($e(e) == "object") {
+    var r = {};
+    for (var n in e)
+      e.hasOwnProperty(n) && (n === "a" ? r[n] = e[n] : r[n] = me(e[n]));
+    e = r;
+  }
+  return p(e, t);
+};
+function dr(e) {
+  var t = {
+    r: 0,
+    g: 0,
+    b: 0
+  }, r = 1, n = null, a = null, o = null, s = !1, i = !1;
+  return typeof e == "string" && (e = Er(e)), $e(e) == "object" && (G(e.r) && G(e.g) && G(e.b) ? (t = fr(e.r, e.g, e.b), s = !0, i = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : G(e.h) && G(e.s) && G(e.v) ? (n = me(e.s), a = me(e.v), t = pr(e.h, n, a), s = !0, i = "hsv") : G(e.h) && G(e.s) && G(e.l) && (n = me(e.s), o = me(e.l), t = hr(e.h, n, o), s = !0, i = "hsl"), e.hasOwnProperty("a") && (r = e.a)), r = st(r), {
+    ok: s,
+    format: e.format || i,
+    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 fr(e, t, r) {
+  return {
+    r: M(e, 255) * 255,
+    g: M(t, 255) * 255,
+    b: M(r, 255) * 255
+  };
+}
+function Ge(e, t, r) {
+  e = M(e, 255), t = M(t, 255), r = M(r, 255);
+  var n = Math.max(e, t, r), a = Math.min(e, t, r), o, s, i = (n + a) / 2;
+  if (n == a)
+    o = s = 0;
+  else {
+    var l = n - a;
+    switch (s = i > 0.5 ? l / (2 - n - a) : l / (n + a), n) {
+      case e:
+        o = (t - r) / l + (t < r ? 6 : 0);
+        break;
+      case t:
+        o = (r - e) / l + 2;
+        break;
+      case r:
+        o = (e - t) / l + 4;
+        break;
+    }
+    o /= 6;
+  }
+  return {
+    h: o,
+    s,
+    l: i
+  };
+}
+function hr(e, t, r) {
+  var n, a, o;
+  e = M(e, 360), t = M(t, 100), r = M(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 i = r < 0.5 ? r * (1 + t) : r + t - r * t, l = 2 * r - i;
+    n = s(l, i, e + 1 / 3), a = s(l, i, e), o = s(l, i, e - 1 / 3);
+  }
+  return {
+    r: n * 255,
+    g: a * 255,
+    b: o * 255
+  };
+}
+function qe(e, t, r) {
+  e = M(e, 255), t = M(t, 255), r = M(r, 255);
+  var n = Math.max(e, t, r), a = Math.min(e, t, r), o, s, i = n, l = n - a;
+  if (s = n === 0 ? 0 : l / n, n == a)
+    o = 0;
+  else {
+    switch (n) {
+      case e:
+        o = (t - r) / l + (t < r ? 6 : 0);
+        break;
+      case t:
+        o = (r - e) / l + 2;
+        break;
+      case r:
+        o = (e - t) / l + 4;
+        break;
+    }
+    o /= 6;
+  }
+  return {
+    h: o,
+    s,
+    v: i
+  };
+}
+function pr(e, t, r) {
+  e = M(e, 360) * 6, t = M(t, 100), r = M(r, 100);
+  var n = Math.floor(e), a = e - n, o = r * (1 - t), s = r * (1 - a * t), i = r * (1 - (1 - a) * t), l = n % 6, c = [r, s, o, o, i, r][l], d = [i, r, r, s, o, o][l], f = [o, o, i, r, r, s][l];
+  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 mr(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(lt(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(lt(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 vr(e, t) {
+  t = t === 0 ? 0 : t || 10;
+  var r = p(e).toHsl();
+  return r.s -= t / 100, r.s = Ee(r.s), p(r);
+}
+function br(e, t) {
+  t = t === 0 ? 0 : t || 10;
+  var r = p(e).toHsl();
+  return r.s += t / 100, r.s = Ee(r.s), p(r);
+}
+function gr(e) {
+  return p(e).desaturate(100);
+}
+function yr(e, t) {
+  t = t === 0 ? 0 : t || 10;
+  var r = p(e).toHsl();
+  return r.l += t / 100, r.l = Ee(r.l), p(r);
+}
+function wr(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 _r(e, t) {
+  t = t === 0 ? 0 : t || 10;
+  var r = p(e).toHsl();
+  return r.l -= t / 100, r.l = Ee(r.l), p(r);
+}
+function xr(e, t) {
+  var r = p(e).toHsl(), n = (r.h + t) % 360;
+  return r.h = n < 0 ? 360 + n : n, p(r);
+}
+function kr(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 Sr(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 Mr(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 $r(e, t) {
+  t = t || 6;
+  for (var r = p(e).toHsv(), n = r.h, a = r.s, o = r.v, s = [], i = 1 / t; t--; )
+    s.push(p({
+      h: n,
+      s: a,
+      v: o
+    })), o = (o + i) % 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 = Rr(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, i, l;
+  r = r || {}, s = r.includeFallbackColors, i = r.level, l = 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: i,
+    size: l
+  }) || !s ? n : (r.includeFallbackColors = !1, p.mostReadable(e, ["#fff", "#000"], r));
+};
+var He = 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"
+}, Cr = p.hexNames = Ar(He);
+function Ar(e) {
+  var t = {};
+  for (var r in e)
+    e.hasOwnProperty(r) && (t[e[r]] = r);
+  return t;
+}
+function st(e) {
+  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
+}
+function M(e, t) {
+  Tr(e) && (e = "100%");
+  var r = zr(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 Ee(e) {
+  return Math.min(1, Math.max(0, e));
+}
+function H(e) {
+  return parseInt(e, 16);
+}
+function Tr(e) {
+  return typeof e == "string" && e.indexOf(".") != -1 && parseFloat(e) === 1;
+}
+function zr(e) {
+  return typeof e == "string" && e.indexOf("%") != -1;
+}
+function D(e) {
+  return e.length == 1 ? "0" + e : "" + e;
+}
+function me(e) {
+  return e <= 1 && (e = e * 100 + "%"), e;
+}
+function lt(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 Er(e) {
+  e = e.replace(cr, "").replace(ur, "").toLowerCase();
+  var t = !1;
+  if (He[e])
+    e = He[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 Rr(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 Br() {
+  if (!Q)
+    return g("dark");
+  const e = g(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 Wn() {
+  return be("currentThemeScheme", null);
+}
+function Or() {
+  return be("currentTheme", g(Ie));
+}
+function it(e, t = !0) {
+  const r = g(e), n = g(e.scheme), a = Br();
+  X(() => {
+    a.value && (n.value = a.value);
+  }), ge("currentTheme", r), ge("currentThemeScheme", n);
+  const s = {
+    ...Object.keys(r.value.colors).map((c) => {
+      const d = c;
+      return r.value.colors[d].reduce((v, S, A) => {
+        const z = p(S).toRgb();
+        return v[`--r-color-${d}-${A}`] = `${z.r} ${z.g} ${z.b}`, v;
+      }, {});
+    }).reduce((c, d) => ({
+      ...c,
+      ...d
+    }), {})
+  }, i = {
+    "font-family": "'Roboto', sans-serif",
+    "background-color": "rgb(var(--r-color-surface-lowest))",
+    color: "rgb(var(--r-color-surface-on))"
+  }, l = m(() => {
+    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,
+    ...i,
+    ...l.value
+  };
+}
+function ct(e) {
+  const t = g("");
+  return ee(() => {
+    e.id ? t.value = e.id : t.value = `switch-${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`;
+  }), t;
+}
+const ut = Symbol("scheme");
+function Hr() {
+  return be(ut, g("dark"));
+}
+const Nr = ["id"], Pr = ["for"], jn = /* @__PURE__ */ x({
+  __name: "ColorInput",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = j(e, "modelValue"), r = $t(), n = ct(r), a = g(null);
+    return (o, s) => {
+      const i = ir;
+      return h(), b("div", null, [
+        Te(w("input", {
+          id: u(n),
+          ref_key: "input",
+          ref: a,
+          "onUpdate:modelValue": s[0] || (s[0] = (l) => t.value = l),
+          type: "color",
+          class: "pointer-events-none absolute opacity-0"
+        }, null, 8, Nr), [
+          [Ct, t.value]
+        ]),
+        w("label", { for: u(n) }, [
+          Z(i, {
+            class: "cursor-pointer",
+            color: t.value ?? "#222"
+          }, null, 8, ["color"])
+        ], 8, Pr)
+      ]);
+    };
+  }
+}), Ir = ["data-scheme", "data-theme"], Vr = /* @__PURE__ */ x({
+  __name: "ThemeProvider",
+  props: {
+    theme: {}
+  },
+  setup(e) {
+    const r = it(e.theme, !1);
+    return (n, a) => (h(), b("div", {
+      style: C([u(r)]),
+      "data-scheme": n.theme.scheme,
+      "data-theme": n.theme.name
+    }, [
+      k(n.$slots, "default")
+    ], 12, Ir));
+  }
+}), dt = /* @__PURE__ */ x({
+  __name: "FullscreenOverlay",
+  props: /* @__PURE__ */ W({
+    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 = j(e, "modelValue"), n = g(null);
+    function a(c) {
+      t.persistent || c.target === n.value && (r.value = !1);
+    }
+    const o = m(() => {
+      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 "";
+      }
+    }), s = g(0);
+    X(() => {
+      r.value ? (document.body.style.overflow = "hidden", document.body.style.marginRight = `${s.value}px`) : setTimeout(() => {
+        document.querySelector(".modal-wrapper.op100") || (document.body.style.overflow = "", document.body.style.marginRight = "");
+      }, 300);
+    }), new ResizeObserver(() => {
+      const c = window.innerWidth - document.body.clientWidth;
+      c !== 0 && (s.value = c);
+    }).observe(document.body);
+    const l = Or();
+    return (c, d) => {
+      const f = Vr;
+      return h(), P(At, { to: "body" }, [
+        Z(f, { theme: u(l) }, {
+          default: L(() => [
+            w("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, c.wrapperClass, {
+                "op0 pointer-events-none": !r.value,
+                op100: r.value
+              }]]),
+              onClick: a
+            }, [
+              k(c.$slots, "default")
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["theme"])
+      ]);
+    };
+  }
+}), Dr = { class: "flex justify-end p-4 md:px-6 md:py-4 md:pb-0" }, Fr = /* @__PURE__ */ w("i", { class: "i-tabler-x" }, null, -1), Lr = { class: "h-full flex flex-col items-center justify-center px-4 md:px-6" }, Un = /* @__PURE__ */ x({
+  __name: "Drawer",
+  props: /* @__PURE__ */ W({
+    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 = j(e, "modelValue");
+    return (n, a) => {
+      const o = at, s = dt;
+      return h(), P(s, {
+        modelValue: r.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (i) => r.value = i),
+        blur: t.blur,
+        persistent: t.persistent
+      }, {
+        default: L(() => [
+          Z(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: L(() => [
+              r.value ? (h(), b("div", {
+                key: 0,
+                class: y(["fixed h-full w-full bg-surface-low md:w-md", n.position === "left" ? "left-0" : "right-0"])
+              }, [
+                w("div", Dr, [
+                  Z(o, {
+                    icon: "",
+                    variant: "transparent",
+                    class: "text-surface-on hover:text-surface-on",
+                    onPointerup: a[0] || (a[0] = (i) => r.value = !1)
+                  }, {
+                    default: L(() => [
+                      Fr
+                    ]),
+                    _: 1
+                  })
+                ]),
+                w("div", Lr, [
+                  k(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"]);
+    };
+  }
+}), Gn = /* @__PURE__ */ x({
+  __name: "Dropzone",
+  props: {
+    dashed: { type: Boolean, default: !0 },
+    accept: { default: "*" }
+  },
+  emits: ["drop"],
+  setup(e, { emit: t }) {
+    const r = e, n = t, a = g(), { onChange: o, open: s } = er({
+      accept: r.accept
+    });
+    o((l) => {
+      l ? n("drop", Array.from(l)) : n("drop", null);
+    });
+    const { isOverDropZone: i } = Yt(a, {
+      onDrop: (l) => {
+        n("drop", l);
+      }
+    });
+    return (l, c) => (h(), b("div", {
+      ref_key: "dropZoneRef",
+      ref: a,
+      class: y([{
+        "": u(i),
+        " bg-surface-low": !u(i),
+        "border-dashed": l.dashed
+      }, "h-full w-full flex cursor-pointer items-center justify-center rounded"]),
+      onPointerup: c[0] || (c[0] = () => u(s)())
+    }, [
+      k(l.$slots, "default")
+    ], 34));
+  }
+}), qn = /* @__PURE__ */ x({
+  __name: "Image",
+  props: {
+    is: { default: "img" },
+    src: {},
+    style: {},
+    class: {},
+    width: {},
+    maxWidth: {},
+    height: {},
+    maxHeight: {},
+    rounded: { default: "md" }
+  },
+  setup(e) {
+    const t = e, r = g(!1), n = g(null);
+    function a() {
+      r.value = !0;
+    }
+    ee(() => {
+      var s;
+      (s = n.value) != null && s.complete && a();
+    });
+    const o = U(t);
+    return (s, i) => (h(), b("div", {
+      style: C({
+        height: s.height,
+        width: s.width,
+        maxHeight: s.maxHeight,
+        maxWidth: s.maxWidth
+      })
+    }, [
+      s.src ? (h(), P(ue(s.is), xe({
+        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) : (h(), b("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));
+  }
+}), Wr = { class: "relative" }, Xn = /* @__PURE__ */ x({
+  __name: "Indicator",
+  props: {
+    color: { default: "primary" },
+    size: { default: "md" },
+    position: { default: "top-right" },
+    ping: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, r = m(() => {
+      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 = nt(), a = m(() => {
+      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 = m(() => {
+      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 = m(() => {
+      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 (i, l) => (h(), b("div", Wr, [
+      w("div", {
+        class: y([[u(o), u(a)], "absolute z-1"])
+      }, [
+        t.ping ? (h(), b("div", {
+          key: 0,
+          class: y(["absolute box-content animate-ping border-2 border-transparent rounded-full", [
+            {
+              [u(r)]: !i.$slots.label
+            },
+            u(s)
+          ]])
+        }, [
+          i.$slots.label ? k(i.$slots, "label", { key: 0 }) : T("", !0)
+        ], 2)) : T("", !0),
+        w("div", {
+          class: y(["top-0 box-content border-2 border-surface-low rounded-full", [
+            {
+              [u(r)]: !i.$slots.label
+            },
+            u(s)
+          ]])
+        }, [
+          i.$slots.label ? k(i.$slots, "label", { key: 0 }) : T("", !0)
+        ], 2)
+      ], 2),
+      k(i.$slots, "default")
+    ]));
+  }
+}), Yn = /* @__PURE__ */ x({
+  __name: "Modal",
+  props: /* @__PURE__ */ W({
+    persistent: { type: Boolean, default: !1 },
+    blur: { type: [String, Boolean], default: !1 }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, r = j(e, "modelValue");
+    return (n, a) => {
+      const o = dt;
+      return h(), P(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: L(() => [
+          Z(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: L(() => [
+              r.value ? k(n.$slots, "default", { key: 0 }) : T("", !0)
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue", "blur", "persistent"]);
+    };
+  }
+}), jr = {
+  key: 0,
+  class: "h-container w-container i-tabler-loader-2 shrink-0 animate-spin"
+}, Ur = { key: 1 }, Gr = { class: "grow-1" }, qr = {
+  key: 2,
+  class: "text-sm text-surface-onlow"
+}, Xr = /* @__PURE__ */ w("i", { class: "i-tabler-x" }, null, -1), Yr = /* @__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 = U(t), n = m(() => {
+      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 = m(() => {
+      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 i = at;
+      return h(), b("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 ? (h(), b("div", {
+          key: 0,
+          class: y(["leading-0", u(a)])
+        }, [
+          o.loading ? (h(), b("i", jr)) : (h(), b("i", {
+            key: 1,
+            class: y(["h-container w-container shrink-0", o.icon])
+          }, null, 2))
+        ], 2)) : (h(), b("div", Ur, [
+          w("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)
+        ])),
+        w("div", Gr, [
+          o.title ? (h(), b("div", {
+            key: 0,
+            class: y([u(a), "text-base"])
+          }, se(o.title), 3)) : T("", !0),
+          o.$slots.message ? k(o.$slots, "message", { key: 1 }) : o.message ? (h(), b("div", qr, se(o.message), 1)) : T("", !0)
+        ]),
+        o.closeable ? (h(), P(i, {
+          key: 2,
+          icon: "",
+          variant: "transparent",
+          class: "text-surface-on hover:text-surface-on",
+          onClick: s[0] || (s[0] = (l) => o.$emit("close"))
+        }, {
+          default: L(() => [
+            Xr
+          ]),
+          _: 1
+        })) : T("", !0)
+      ], 6);
+    };
+  }
+}), ft = /* @__PURE__ */ new Set(), O = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), ne = /* @__PURE__ */ new WeakMap(), Ne = /* @__PURE__ */ new WeakMap(), Zr = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), Ce = /* @__PURE__ */ new WeakMap(), ve = /* @__PURE__ */ new WeakSet();
+let J, Fe = 0, Le = 0;
+const q = "__aa_tgt", we = "__aa_del", Ae = "__aa_new", Kr = (e) => {
+  const t = rn(e);
+  t && t.forEach((r) => nn(r));
+}, Qr = (e) => {
+  e.forEach((t) => {
+    t.target === J && en(), O.has(t.target) && oe(t.target);
+  });
+};
+function Jr(e) {
+  const t = Ne.get(e);
+  t == null || t.disconnect();
+  let r = O.get(e), n = 0;
+  const a = 5;
+  r || (r = ce(e), O.set(e, r));
+  const { offsetWidth: o, offsetHeight: s } = J, l = [
+    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 && oe(e);
+  }, {
+    root: J,
+    threshold: 1,
+    rootMargin: l
+  });
+  c.observe(e), Ne.set(e, c);
+}
+function oe(e) {
+  clearTimeout(Ce.get(e));
+  const t = Re(e), r = _e(t) ? 500 : t.duration;
+  Ce.set(e, setTimeout(async () => {
+    const n = ne.get(e);
+    try {
+      await (n == null ? void 0 : n.finished), O.set(e, ce(e)), Jr(e);
+    } catch {
+    }
+  }, r));
+}
+function en() {
+  clearTimeout(Ce.get(J)), Ce.set(J, setTimeout(() => {
+    ft.forEach((e) => vt(e, (t) => ht(() => oe(t))));
+  }, 100));
+}
+function tn(e) {
+  setTimeout(() => {
+    Zr.set(e, setInterval(() => ht(oe.bind(null, e)), 2e3));
+  }, Math.round(2e3 * Math.random()));
+}
+function ht(e) {
+  typeof requestIdleCallback == "function" ? requestIdleCallback(() => e()) : requestAnimationFrame(() => e());
+}
+let Pe, ae;
+typeof window < "u" && (J = document.documentElement, Pe = new MutationObserver(Kr), ae = new ResizeObserver(Qr), window.addEventListener("scroll", () => {
+  Le = window.scrollY, Fe = window.scrollX;
+}), ae.observe(J));
+function rn(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 (Oe(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 (we in s)
+              return !1;
+            Oe(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 (we in s)
+            return !1;
+          s instanceof Element && (n.add(s), Oe(a.target, s), le.set(s, [
+            a.previousSibling,
+            a.nextSibling
+          ]));
+        }
+    }
+    return n;
+  }, /* @__PURE__ */ new Set());
+}
+function Oe(e, t) {
+  !t && !(q in e) ? Object.defineProperty(e, q, { value: e }) : t && !(q in t) && Object.defineProperty(t, q, { value: e });
+}
+function nn(e) {
+  var t;
+  const r = e.isConnected, n = O.has(e);
+  r && le.has(e) && le.delete(e), ne.has(e) && ((t = ne.get(e)) === null || t === void 0 || t.cancel()), Ae in e ? Qe(e) : n && r ? an(e) : n && !r ? sn(e) : Qe(e);
+}
+function F(e) {
+  return Number(e.replace(/[^0-9.\-]/g, ""));
+}
+function on(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 ce(e) {
+  const t = e.getBoundingClientRect(), { x: r, y: n } = on(e);
+  return {
+    top: t.top + n,
+    left: t.left + r,
+    width: t.width,
+    height: t.height
+  };
+}
+function pt(e, t, r) {
+  let n = t.width, a = t.height, o = r.width, s = r.height;
+  const i = getComputedStyle(e);
+  if (i.getPropertyValue("box-sizing") === "content-box") {
+    const c = F(i.paddingTop) + F(i.paddingBottom) + F(i.borderTopWidth) + F(i.borderBottomWidth), d = F(i.paddingLeft) + F(i.paddingRight) + F(i.borderRightWidth) + F(i.borderLeftWidth);
+    n -= d, o -= d, a -= c, s -= c;
+  }
+  return [n, o, a, s].map(Math.round);
+}
+function Re(e) {
+  return q in e && ie.has(e[q]) ? ie.get(e[q]) : { duration: 250, easing: "ease-in-out" };
+}
+function mt(e) {
+  if (q in e)
+    return e[q];
+}
+function We(e) {
+  const t = mt(e);
+  return t ? ve.has(t) : !1;
+}
+function vt(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 _e(e) {
+  return typeof e == "function";
+}
+function an(e) {
+  const t = O.get(e), r = ce(e);
+  if (!We(e))
+    return O.set(e, r);
+  let n;
+  if (!t)
+    return;
+  const a = Re(e);
+  if (typeof a != "function") {
+    const o = t.left - r.left, s = t.top - r.top, [i, l, c, d] = pt(e, t, r), f = {
+      transform: `translate(${o}px, ${s}px)`
+    }, v = {
+      transform: "translate(0, 0)"
+    };
+    i !== l && (f.width = `${i}px`, v.width = `${l}px`), c !== d && (f.height = `${c}px`, v.height = `${d}px`), n = e.animate([f, v], {
+      duration: a.duration,
+      easing: a.easing
+    });
+  } else {
+    const [o] = je(a(e, "remain", t, r));
+    n = new Animation(o), n.play();
+  }
+  ne.set(e, n), O.set(e, r), n.addEventListener("finish", oe.bind(null, e));
+}
+function Qe(e) {
+  Ae in e && delete e[Ae];
+  const t = ce(e);
+  O.set(e, t);
+  const r = Re(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();
+  }
+  ne.set(e, n), n.addEventListener("finish", oe.bind(null, e));
+}
+function Je(e, t) {
+  var r;
+  e.remove(), O.delete(e), le.delete(e), ne.delete(e), (r = Ne.get(e)) === null || r === void 0 || r.disconnect(), setTimeout(() => {
+    if (we in e && delete e[we], Object.defineProperty(e, Ae, { value: !0, configurable: !0 }), t && e instanceof HTMLElement)
+      for (const n in t)
+        e.style[n] = "";
+  }, 0);
+}
+function sn(e) {
+  var t;
+  if (!le.has(e) || !O.has(e))
+    return;
+  const [r, n] = le.get(e);
+  Object.defineProperty(e, we, { 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 = mt(e)) === null || t === void 0 || t.appendChild(e), !We(e))
+    return Je(e);
+  const [s, i, l, c] = cn(e), d = Re(e), f = O.get(e);
+  (a !== Fe || o !== Le) && ln(e, a, o, d);
+  let v, S = {
+    position: "absolute",
+    top: `${s}px`,
+    left: `${i}px`,
+    width: `${l}px`,
+    height: `${c}px`,
+    margin: "0",
+    pointerEvents: "none",
+    transformOrigin: "center",
+    zIndex: "100"
+  };
+  if (!_e(d))
+    Object.assign(e.style, S), v = e.animate([
+      {
+        transform: "scale(1)",
+        opacity: 1
+      },
+      {
+        transform: "scale(.98)",
+        opacity: 0
+      }
+    ], { duration: d.duration, easing: "ease-out" });
+  else {
+    const [A, z] = je(d(e, "remove", f));
+    (z == null ? void 0 : z.styleReset) !== !1 && (S = (z == null ? void 0 : z.styleReset) || S, Object.assign(e.style, S)), v = new Animation(A), v.play();
+  }
+  ne.set(e, v), v.addEventListener("finish", Je.bind(null, e, S));
+}
+function ln(e, t, r, n) {
+  const a = Fe - t, o = Le - r, s = document.documentElement.style.scrollBehavior;
+  if (getComputedStyle(J).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + a, window.scrollY + o), !e.parentElement)
+    return;
+  const l = e.parentElement;
+  let c = l.clientHeight, d = l.clientWidth;
+  const f = performance.now();
+  function v() {
+    requestAnimationFrame(() => {
+      if (!_e(n)) {
+        const S = c - l.clientHeight, A = d - l.clientWidth;
+        f + n.duration > performance.now() ? (window.scrollTo({
+          left: window.scrollX - A,
+          top: window.scrollY - S
+        }), c = l.clientHeight, d = l.clientWidth, v()) : document.documentElement.style.scrollBehavior = s;
+      }
+    });
+  }
+  v();
+}
+function cn(e) {
+  const t = O.get(e), [r, , n] = pt(e, t, ce(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) || ce(a), i = Math.round(t.top - s.top) - F(o.borderTopWidth), l = Math.round(t.left - s.left) - F(o.borderLeftWidth);
+  return [i, l, r, n];
+}
+function un(e, t = {}) {
+  return Pe && ae && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !_e(t) && !t.disrespectUserMotionPreference || (ve.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), vt(e, oe, tn, (a) => ae == null ? void 0 : ae.observe(a)), _e(t) ? ie.set(e, t) : ie.set(e, { duration: 250, easing: "ease-in-out", ...t }), Pe.observe(e, { childList: !0 }), ft.add(e))), Object.freeze({
+    parent: e,
+    enable: () => {
+      ve.add(e);
+    },
+    disable: () => {
+      ve.delete(e);
+    },
+    isEnabled: () => ve.has(e)
+  });
+}
+const dn = {
+  mounted: (e, t) => {
+    un(e, t.value || {});
+  },
+  // ignore ssr see #96:
+  getSSRProps: () => ({})
+}, fn = { class: "fixed z-20 flex flex-col gap-2 p-2" }, Zn = /* @__PURE__ */ x({
+  __name: "NotificationSystem",
+  setup(e) {
+    const t = gn();
+    return (r, n) => {
+      const a = Yr;
+      return Te((h(), b("div", fn, [
+        (h(!0), b(K, null, ye(u(t), (o) => (h(), P(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(dn)]
+      ]);
+    };
+  }
+}), hn = { class: "relative" }, Kn = /* @__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 = m(() => {
+      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 = U(t), a = g(null), o = p(t.color).toRgb(), s = m(() => ({
+      backgroundColor: `rgba(${o.r}, ${o.g}, ${o.b}, ${t.opacity / 100})`
+    }));
+    return (i, l) => (h(), b("div", hn, [
+      k(i.$slots, "default"),
+      w("div", xe(i.$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)]
+      }), [
+        k(i.$slots, "content")
+      ], 16)
+    ]));
+  }
+}), Qn = /* @__PURE__ */ x({
+  __name: "Paper",
+  props: {
+    size: { default: "md" },
+    rounded: { default: "md" },
+    withBorder: { type: Boolean, default: !1 },
+    is: { default: "div" }
+  },
+  setup(e) {
+    const r = U(e);
+    return (n, a) => (h(), P(ue(n.is), {
+      class: y(["container-low rounded-lg p-4", [
+        {
+          "border-transparent": !n.withBorder
+        },
+        u(r).class
+      ]]),
+      style: C([u(r).style])
+    }, {
+      default: L(() => [
+        k(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+}), pn = ["placeholder", "type"], mn = /* @__PURE__ */ x({
+  __name: "TextField",
+  props: /* @__PURE__ */ W({
+    onChange: {},
+    color: { default: "primary" },
+    error: { type: Boolean },
+    disabled: { type: Boolean },
+    rounded: { default: "md" },
+    size: { default: "md" },
+    password: { type: Boolean },
+    placeholder: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e, { expose: t }) {
+    const r = e, n = j(e, "modelValue"), a = m(() => {
+      switch (r.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"
+          };
+      }
+    }), o = m(() => {
+      if (r.error)
+        return "text-error-container bg-surface-base border-error-container focus:border-error-container";
+      switch (r.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";
+      }
+    }), s = m(() => r.disabled ? "pointer-events-none filter grayscale opacity-60" : ""), i = U(r), l = g(null);
+    return t({
+      el: l
+    }), (c, d) => Te((h(), b("input", {
+      ref_key: "input",
+      ref: l,
+      "onUpdate:modelValue": d[0] || (d[0] = (f) => n.value = f),
+      class: y(["bg-back-2 border px-2 py-1 outline-none transition-background-color,border-color,color", [u(o), u(s), u(i).class, u(a).base]]),
+      style: C([u(i).style]),
+      placeholder: c.placeholder,
+      type: r.password ? "password" : "text"
+    }, null, 14, pn)), [
+      [Tt, n.value]
+    ]);
+  }
+}), vn = { class: "flex gap-2" }, Jn = /* @__PURE__ */ x({
+  __name: "PinInput",
+  props: {
+    modelValue: {},
+    length: { default: 6 },
+    size: {},
+    password: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, r = g([]);
+    function n(o) {
+      o.preventDefault(), o.stopPropagation();
+      const s = r.value.findIndex((l) => l.el === o.target), i = o.target.value ?? "";
+      o.target.value = "", Array.from(i).forEach((l, c) => {
+        s + c >= r.value.length || (r.value[s + c].el.value = l, 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 i = r.value.findIndex((l) => l.el === o.target);
+      i !== 0 && (r.value[i - 1].el.focus(), r.value[i - 1].el.select(), s || (r.value[i - 1].el.value = ""));
+    }
+    return (o, s) => (h(), b("div", vn, [
+      (h(!0), b(K, null, ye(t.length, (i) => (h(), P(mn, {
+        ref_for: !0,
+        ref_key: "inputs",
+        ref: r,
+        key: i,
+        class: "w-8 text-center",
+        style: { padding: "0" },
+        password: t.password,
+        onPointerup: s[0] || (s[0] = (l) => l.target.select()),
+        onInput: ot(n, ["stop", "prevent"]),
+        onKeydown: zt(a, ["backspace"])
+      }, null, 8, ["password"]))), 128))
+    ]));
+  }
+}), eo = /* @__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 = m(() => {
+      switch (t.size) {
+        case "sm":
+          return "h-0.25";
+        case "md":
+          return "h-0.5";
+        case "lg":
+          return "h-1";
+      }
+    }), n = m(() => {
+      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 = U(t);
+    return (o, s) => (h(), b("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 ? (h(), b("div", {
+        key: 1,
+        class: y(["loading-progress h-full", [u(n)]])
+      }, null, 2)) : (h(), b("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));
+  }
+}), bt = {
+  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", "#f2f2f2", "#e8e8e8", "#c6c6c6", "#737373", "#525252", "#343434", "#262626", "#171717", "#121212"]
+}, Ie = {
+  name: "dark",
+  scheme: "dark",
+  colors: bt
+}, bn = {
+  name: "light",
+  scheme: "light",
+  colors: bt
+}, to = Symbol("Notifications"), gt = Et([]);
+function gn() {
+  return gt;
+}
+class ro {
+  static show(t) {
+    t.hash = Math.random().toString(36), gt.push(t);
+  }
+}
+const yt = Symbol("tabCurrent"), wt = Symbol("direction"), Ve = [0.96, 0.96, 0.907, 0.805, 0.697, 0.547, 0.518, 0.445, 0.395, 0.34, 0.28];
+function yn(e) {
+  const t = p(e).toHsl().l;
+  return Ve.reduce(
+    (r, n) => Math.abs(n - t) < Math.abs(r - t) ? n : r
+  );
+}
+function wn(e) {
+  const t = p(e), r = yn(t), n = Ve.findIndex((o) => o === r), a = Ve.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 no(e) {
+  return wn(e).colors;
+}
+const oo = /* @__PURE__ */ x({
+  __name: "RokuProvider",
+  props: {
+    is: { default: "div" },
+    theme: { default() {
+      return typeof window > "u" || document.documentElement.dataset.scheme === "dark" ? Ie : bn;
+    } }
+  },
+  setup(e) {
+    const t = e, r = g(t.theme.scheme);
+    Q && new MutationObserver(() => {
+      r.value !== document.documentElement.dataset.scheme && (r.value = document.documentElement.dataset.scheme);
+    }).observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["data-scheme"]
+    });
+    const n = rr();
+    X(() => {
+      if (!Q)
+        return "dark";
+      r.value === "dark" ? document.documentElement.dataset.scheme = "dark" : r.value === "light" ? document.documentElement.dataset.scheme = "light" : n.value === "dark" ? document.documentElement.dataset.scheme = "dark" : document.documentElement.dataset.scheme = "light", localStorage.setItem("scheme", document.documentElement.dataset.scheme);
+    }), ge(ut, r);
+    const a = it(t.theme);
+    return (o, s) => (h(), P(ue(o.is), {
+      style: C([
+        u(a)
+      ]),
+      class: "text-surface-on transition-background-color,border-color,color"
+    }, {
+      default: L(() => [
+        k(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), _n = ["id"], xn = ["for"], kn = ["for"], Sn = /* @__PURE__ */ x({
+  inheritAttrs: !1,
+  __name: "Switch",
+  props: /* @__PURE__ */ W({
+    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 = j(e, "modelValue");
+    t.value && (r.value = t.value);
+    const n = g(null), a = g(!1), o = m(() => {
+      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 = m(() => t.animate ? {
+      indicator: "transition-all",
+      progress: "transition-width"
+    } : {
+      indicator: "",
+      progress: ""
+    }), i = ct(t), l = m(() => {
+      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-base",
+        indicator: t.disabled ? "bg-surface-high" : "bg-white text-primary-container"
+      };
+    }), c = U(t);
+    return (d, f) => (h(), b("div", {
+      role: "switch",
+      class: y(["relative flex items-center gap-2", {
+        "pointer-events-none filter-grayscale op60": t.disabled
+      }])
+    }, [
+      Te(w("input", xe({
+        id: u(i),
+        "onUpdate:modelValue": f[0] || (f[0] = (v) => r.value = v)
+      }, d.$attrs, {
+        class: "hidden",
+        type: "checkbox"
+      }), null, 16, _n), [
+        [Rt, r.value]
+      ]),
+      w("label", {
+        class: "leading-0 cursor-pointer!",
+        for: u(i)
+      }, [
+        w("div", {
+          ref_key: "wrapper",
+          ref: n,
+          class: y([[u(o).wrapper, u(l).wrapper, u(c).class], "relative inline-block transition-all"]),
+          style: C([u(c).style]),
+          onPointerdown: f[1] || (f[1] = (v) => a.value = !0),
+          onPointerup: f[2] || (f[2] = (v) => a.value = !1),
+          onPointerleave: f[3] || (f[3] = (v) => a.value = !1),
+          onPointerenter: f[4] || (f[4] = (v) => v.buttons === 1 && (a.value = !0))
+        }, [
+          w("div", {
+            class: y(["absolute top-50% -translate-y-50%", [u(o).indicator, u(l).indicator, u(s).indicator, r.value ? u(o).active : u(o).inactive, u(c).class]]),
+            style: C([u(c).style])
+          }, null, 6),
+          w("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, xn),
+      d.label ? (h(), b("label", {
+        key: 0,
+        for: u(i)
+      }, se(d.label), 9, kn)) : T("", !0)
+    ], 2));
+  }
+}), Mn = { class: "dark:hidden" }, $n = { class: "light:hidden" }, ao = /* @__PURE__ */ x({
+  __name: "SchemeSwitch",
+  setup(e) {
+    const t = Hr(), r = m({
+      get() {
+        return t.value === "dark";
+      },
+      set(o) {
+        t.value = o ? "dark" : "light";
+      }
+    });
+    X(() => {
+      Q && (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 = g(!0), a = g(!1);
+    return ee(() => {
+      if (Q) {
+        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 i = Sn;
+      return h(), b(K, null, [
+        w("div", {
+          class: y({ hidden: !u(n) })
+        }, [
+          w("div", Mn, [
+            Z(i, {
+              value: !1,
+              "on-icon": "i-line-md-moon-twotone-alt-loop",
+              "off-icon": "i-line-md-sunny-outline-twotone-loop"
+            })
+          ]),
+          w("div", $n, [
+            Z(i, {
+              value: !0,
+              color: "secondary",
+              "on-icon": "i-line-md-moon-twotone-alt-loop",
+              "off-icon": "i-line-md-sunny-outline-twotone-loop"
+            })
+          ])
+        ], 2),
+        w("div", {
+          class: y({ hidden: u(n) })
+        }, [
+          Z(i, {
+            modelValue: u(r),
+            "onUpdate:modelValue": s[0] || (s[0] = (l) => Bt(r) ? r.value = l : null),
+            animate: u(a),
+            color: "secondary",
+            "on-icon": "i-line-md-moon-twotone-alt-loop",
+            "off-icon": "i-line-md-sunny-outline-twotone-loop"
+          }, null, 8, ["modelValue", "animate"])
+        ], 2)
+      ], 64);
+    };
+  }
+}), Cn = { class: "w-full flex items-center" }, An = ["placeholder", "value"], Tn = /* @__PURE__ */ w("i", { class: "i-tabler-chevron-down pointer-events-none absolute right-2" }, null, -1), zn = {
+  key: 0,
+  class: "flex cursor-default items-center justify-between gap-2 rounded p-1 px-2"
+}, En = ["onPointerdown", "onHover"], Rn = { key: 0 }, Bn = /* @__PURE__ */ w("i", { class: "i-tabler-check h-3 w-3" }, null, -1), On = [
+  Bn
+], so = /* @__PURE__ */ x({
+  __name: "Select",
+  props: /* @__PURE__ */ W({
+    options: { default() {
+      return [];
+    } },
+    size: { default: "md" },
+    noneText: { default: "No options" },
+    rounded: { default: "md" },
+    placeholder: { default: "" }
+  }, {
+    modelValue: { default: void 0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ W(["change"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const r = e, n = t, a = U(r), o = j(e, "modelValue"), s = g(null), i = g(null), { focused: l } = tr(s), c = m(() => r.options.map((_) => E(_)).indexOf(o.value)), d = g(-1), f = g(-1);
+    X(() => {
+      l.value || (f.value = -1);
+    }), X(() => {
+      o.value = E(r.options[c.value]);
+    }), de(o, () => {
+      n("change", o.value);
+    });
+    const v = r.options, S = m(() => v[c.value]), A = m(() => z(S.value));
+    function z(_) {
+      if (_)
+        return typeof _ == "string" || typeof _ == "symbol" || typeof _ == "number" ? _ : _.label;
+    }
+    function E(_) {
+      if (_)
+        return typeof _ == "string" || typeof _ == "symbol" || typeof _ == "number" ? _ : _.id;
+    }
+    te("ArrowDown", (_) => {
+      l.value && (_.preventDefault(), f.value = (f.value + 1) % v.length);
+    }), te("ArrowUp", (_) => {
+      l.value && (_.preventDefault(), f.value = (f.value - 1 + v.length) % v.length);
+    }), te("Enter", () => {
+      l.value && f.value !== -1 && (o.value = E(v[f.value]), l.value = !1);
+    });
+    function he(_) {
+      if (!l.value) {
+        l.value = !0;
+        return;
+      }
+      o.value = E(_), l.value = !1;
+    }
+    const Se = m(() => ({
+      input: "container-base focus:border-primary-container"
+    })), Me = m(() => {
+      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 (_, pe) => (h(), b("div", {
+      ref_key: "wrapperRef",
+      ref: i,
+      class: "r-select-wrapper relative"
+    }, [
+      w("div", Cn, [
+        w("input", {
+          ref_key: "inputRef",
+          ref: s,
+          class: y([[u(Se).input, u(Me).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: pe[0] || (pe[0] = ($) => l.value = !0)
+        }, null, 46, An),
+        Tn
+      ]),
+      u(l) ? (h(), b("div", {
+        key: 0,
+        class: y([u(Me).dropdown, "absolute z-10 mt-2 w-full flex-col overflow-hidden border container-base rounded p-1"])
+      }, [
+        u(v).length === 0 ? (h(), b("div", zn, se(_.noneText), 1)) : (h(!0), b(K, { key: 1 }, ye(u(v), ($, R) => (h(), b("div", {
+          key: E($),
+          class: y([{
+            "hover:bg-surface-high border-transparent": u(f) !== R,
+            "container-filled-primary": u(f) === R
+          }, "flex cursor-pointer items-center justify-between gap-2 border rounded p-1 px-2"]),
+          onPointerdown: (B) => he($),
+          onHover: (B) => d.value = R
+        }, [
+          Ot(se(z($)) + " ", 1),
+          $ === u(S) ? (h(), b("div", Rn, On)) : T("", !0)
+        ], 42, En))), 128))
+      ], 2)) : T("", !0)
+    ], 512));
+  }
+}), Hn = { class: "relative inline-block w-full" }, lo = /* @__PURE__ */ x({
+  __name: "Slider",
+  props: /* @__PURE__ */ W({
+    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($, R, B) {
+      const I = [];
+      for (let Y = $; Y <= R; Y += B)
+        I.push(Y);
+      return I[I.length - 1] !== R && I.push(R), I;
+    }
+    function n($, R) {
+      const B = [];
+      B.push(R[0]);
+      const I = (R.length - 1) / ($ - 1);
+      for (let Y = 1; Y < $ - 1; Y++)
+        B.push(R[Math.round(Y * I)]);
+      return B.push(R[R.length - 1]), B;
+    }
+    const a = m(() => t.options ? t.options.length : t.tickNum ?? 0), o = m(() => t.options === void 0 ? r(t.min, t.max, t.step) : t.options), s = m(() => n(a.value, o.value)), i = j(e, "modelValue"), l = m(() => o.value.length ?? 0), c = g(o.value.includes(i.value) ? o.value.indexOf(i.value) : 0);
+    function d($) {
+      return o.value.indexOf($);
+    }
+    const f = m(() => {
+      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";
+      }
+    }), v = m(() => `dark:bg-white bg-${t.color}-container`), S = m(() => {
+      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";
+      }
+    });
+    X(() => {
+      i.value = o.value[c.value];
+    });
+    const A = g(), z = g(), E = Kt(A), he = g(!1);
+    function Se($) {
+      if (!he.value)
+        return;
+      if (!($.buttons === 1)) {
+        he.value = !1;
+        return;
+      }
+      $.preventDefault(), $.stopPropagation();
+      const { clientX: B } = $, I = E.left.value, _t = E.right.value - I, Be = Math.round((B - I) / _t * (l.value - 1));
+      if (Be < 0) {
+        c.value = 0;
+        return;
+      }
+      if (Be > l.value - 1) {
+        c.value = l.value - 1;
+        return;
+      }
+      c.value = Be;
+    }
+    X(() => {
+      c.value = d(i.value);
+    });
+    function Me($) {
+      $.preventDefault(), $.stopPropagation(), he.value = !0, Se($);
+    }
+    N(A, "pointerdown", Me), ee(() => {
+      N(document, "pointermove", Se), c.value = Math.max(0, d(i.value));
+    });
+    const _ = m(() => {
+      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"
+          };
+      }
+    }), pe = m(() => t.animate ? {
+      indicator: "transition-left",
+      progress: "transition-width"
+    } : {
+      indicator: "",
+      progress: ""
+    });
+    return ($, R) => (h(), b("div", Hn, [
+      w("div", {
+        ref_key: "wrapper",
+        ref: A,
+        type: "size",
+        class: y(["w-full flex cursor-pointer items-center", u(_).wrapper]),
+        onTouchmove: R[0] || (R[0] = ot(() => {
+        }, ["prevent"]))
+      }, [
+        w("div", {
+          class: y(["w-full rounded-full bg-surface-lowest transition-background-color,border-color,color", u(_).innerWrapper])
+        }, [
+          w("div", {
+            class: y(["relative flex", u(_).content]),
+            style: C({
+              width: `${t.width}rem`,
+              minWidth: `${t.minWidth}rem`
+            })
+          }, [
+            (h(!0), b(K, null, ye(u(s), (B) => (h(), b("div", {
+              key: B,
+              style: C({
+                left: `${d(B) / (u(l) - 1) * 100}%`
+              }),
+              class: y(["absolute top-50% rounded-full bg-white", u(_).tick])
+            }, null, 6))), 128)),
+            u(c) !== -1 ? (h(), b("div", {
+              key: 0,
+              ref_key: "indicator",
+              ref: z,
+              class: y(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [u(_).indicator, u(pe).indicator, u(v)]]),
+              style: C({
+                left: `${u(c) / (u(l) - 1) * 100}%`
+              })
+            }, [
+              w("div", {
+                class: y(["pointer-events-none absolute left-50% top-50% rounded-full transition-background-color,border-color,color", [u(_).indicatorInner, u(S)]])
+              }, null, 2)
+            ], 6)) : T("", !0),
+            w("div", {
+              class: y(["pointer-events-none h-full rounded-full", [u(_).progress, u(pe).progress, u(f)]]),
+              style: C({
+                width: `${u(c) / (u(l) - 1) * 100}%`
+              })
+            }, null, 6)
+          ], 6)
+        ], 2)
+      ], 34),
+      w("div", {
+        class: "relative mx-1 h-1em text-xs text-surface-onlow",
+        style: C({
+          width: `${t.width}rem`
+        })
+      }, [
+        (h(!0), b(K, null, ye(u(s), (B, I) => (h(), b("div", {
+          key: I,
+          style: C({
+            left: `${d(B) / (u(l) - 1) * 100}%`
+          }),
+          class: y(["absolute w-auto flex rounded-full -translate-x-50%", u(_).tick])
+        }, se(B), 7))), 128))
+      ], 4)
+    ]));
+  }
+}), Nn = { class: "h-full py-2" }, io = /* @__PURE__ */ x({
+  __name: "TabItem",
+  props: {
+    value: {},
+    color: { default: "primary" }
+  },
+  setup(e) {
+    const t = e, r = be(yt, g("")), n = be(wt, m(() => "horizontal")), a = m(() => r.value === t.value);
+    function o() {
+      r.value = t.value;
+    }
+    const s = m(() => {
+      switch (n.value) {
+        case "horizontal":
+          return "flex-col";
+        case "vertical":
+          return "flex-row-reverse";
+      }
+    }), i = m(() => {
+      switch (n.value) {
+        case "horizontal":
+          return "absolute inset-0 top-100% h-2px w-full transition-background-color,border-color,color";
+        case "vertical":
+          return "absolute inset-0 right-100% h-full w-2px bg-primary-container transition-background-color,border-color,color";
+      }
+    }), l = m(() => a.value ? "bg-primary-container" : "bg-surface-lowest");
+    return (c, d) => (h(), b("button", {
+      type: "button",
+      class: y(["relative min-w-20 flex items-center justify-center", [u(s)]]),
+      onClick: o
+    }, [
+      u(a) ? (h(), b("div", {
+        key: 0,
+        class: y([u(i), u(l)])
+      }, null, 2)) : (h(), b("div", {
+        key: 1,
+        class: y([u(i), u(l)])
+      }, null, 2)),
+      w("div", Nn, [
+        k(c.$slots, "default")
+      ])
+    ], 2));
+  }
+}), co = /* @__PURE__ */ x({
+  __name: "Tabs",
+  props: /* @__PURE__ */ W({
+    defaultValue: {},
+    direction: { default: "horizontal" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, r = nt(), n = m(() => {
+      var c;
+      const i = (c = r.default) == null ? void 0 : c.call(r);
+      return (i == null ? void 0 : i.flatMap((d) => d.type === K ? d.children : d).filter((d) => {
+        var f;
+        return ((f = d == null ? void 0 : d.props) == null ? void 0 : f.value) !== void 0;
+      }).map((d) => d.props.value)) ?? [];
+    }), a = j(e, "modelValue");
+    !a.value && n.value.length > 0 && (a.value = n.value[0]), ee(() => {
+      t.defaultValue && (a.value = t.defaultValue);
+    }), ge(yt, a);
+    const o = m(() => t.direction);
+    ge(wt, o), te("left", () => {
+      if (t.direction !== "horizontal")
+        return;
+      const i = a.value ? n.value.indexOf(a.value) : 0;
+      i > 0 ? a.value = n.value[i - 1] : a.value = n.value[n.value.length - 1];
+    }), te("right", () => {
+      if (t.direction !== "horizontal")
+        return;
+      const i = a.value ? n.value.indexOf(a.value) : 0;
+      i < n.value.length - 1 ? a.value = n.value[i + 1] : a.value = n.value[0];
+    }), te("up", () => {
+      if (t.direction !== "vertical")
+        return;
+      const i = a.value ? n.value.indexOf(a.value) : 0;
+      i > 0 ? a.value = n.value[i - 1] : a.value = n.value[n.value.length - 1];
+    }), te("down", () => {
+      if (t.direction !== "vertical")
+        return;
+      const i = a.value ? n.value.indexOf(a.value) : 0;
+      i < n.value.length - 1 ? a.value = n.value[i + 1] : a.value = n.value[0];
+    });
+    const s = m(() => {
+      switch (t.direction) {
+        case "horizontal":
+          return "flex-row";
+        case "vertical":
+          return "flex-col";
+      }
+    });
+    return (i, l) => (h(), b("div", {
+      class: y(["flex", [u(s)]])
+    }, [
+      k(i.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  In as AspectRatio,
+  Ht as Avatar,
+  at as Btn,
+  Vn as ChatContainer,
+  Dn as ChatMessage,
+  Fn as ChatSystem,
+  Ln as Chip,
+  jn as ColorInput,
+  ir as ColorSwatch,
+  Un as Drawer,
+  Gn as Dropzone,
+  dt as FullscreenOverlay,
+  qn as Image,
+  Xn as Indicator,
+  Yn as Modal,
+  Yr as Notification,
+  Zn as NotificationSystem,
+  ro as Notifications,
+  Kn as Overlay,
+  Qn as Paper,
+  Jn as PinInput,
+  eo as Progress,
+  oo as RokuProvider,
+  ao as SchemeSwitch,
+  so as Select,
+  lo as Slider,
+  Sn as Switch,
+  io as TabItem,
+  co as Tabs,
+  mn as TextField,
+  Vr as ThemeProvider,
+  Ie as darkTheme,
+  wt as directionSymbol,
+  no as generateColors,
+  wn as generateColorsMap,
+  bn as lightTheme,
+  to as notificationsSymbol,
+  ut as schemeSymbol,
+  yt as tabCurrentSymbol,
+  bt as themeColors,
+  Or as useCurrentTheme,
+  Wn as useCurrentThemeScheme,
+  ct as useId,
+  gn as useNotifications,
+  Br as useRootTheme,
+  Hr as useScheme,
+  it as useThemeStyles
+};