@koide-labs/ui 0.0.0 → 0.0.2

package/dist/integrations/remix/index.d.ts

@@ -0,0 +1,9 @@
+export declare const fonts: ({
+    rel: string;
+    href: string;
+    crossOrigin?: undefined;
+} | {
+    rel: string;
+    href: string;
+    crossOrigin: string;
+})[];

package/{src/integrations/remix.ts → dist/integrations/remix/index.js}

@@ -1,12 +1,15 @@
-export const fonts = [
+const s = [
   { rel: "preconnect", href: "https://fonts.googleapis.com" },
   {
     rel: "preconnect",
     href: "https://fonts.gstatic.com",
-    crossOrigin: "anonymous",
+    crossOrigin: "anonymous"
   },
   {
     rel: "stylesheet",
-    href: "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=IBM+Plex+Sans:wght@400;500;600&display=swap",
-  },
+    href: "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=IBM+Plex+Sans:wght@400;500;600&display=swap"
+  }
 ];
+export {
+  s as fonts
+};

package/dist/integrations/tailwind.css

@@ -0,0 +1 @@
+@theme{ --font-sans: var(--font-family-default); --font-mono: var(--font-family-code); --text-small: var(--font-size-small); --text-default: var(--font-size-default); --text-subhead-default: var(--font-size-subhead-default); --text-subhead-big: var(--font-size-subhead-big); --text-header-default: var(--font-size-header-default); --text-header-big: var(--font-size-header-big); --leading-none: 1; --leading-small: var(--line-height-small); --leading-default: var(--line-height-default); --leading-subhead-default: var(--line-height-subhead-default); --leading-subhead-big: var(--line-height-subhead-big); --leading-header-default: var(--line-height-header-default); --leading-header-big: var(--line-height-header-big); --shadow-1: var(--shadow-1); --shadow-2: var(--shadow-2); --shadow-3: var(--shadow-3); --shadow-focus: inset 0 0 0 2px var(--primary-default); --shadow-default: var(--shadow-default); --shadow-none: ""; --color-transparent: transparent; --color-white: #fcfcfc; --color-black: #0e1525; --color-background-root: var(--background-root); --color-background-default: var(--background-default); --color-background-higher: var(--background-higher); --color-background-highest: var(--background-highest); --color-background-overlay: var(--background-overlay); --color-foreground-default: var(--foreground-default); --color-foreground-dimmer: var(--foreground-dimmer); --color-foreground-dimmest: var(--foreground-dimmest); --color-outline-dimmest: var(--outline-dimmest); --color-outline-dimmer: var(--outline-dimmer); --color-outline-default: var(--outline-default); --color-outline-stronger: var(--outline-stronger); --color-outline-strongest: var(--outline-strongest); --color-red-dimmest: var(--red-dimmest); --color-red-dimmer: var(--red-dimmer); --color-red-default: var(--red-default); --color-red-stronger: var(--red-stronger); --color-red-strongest: var(--red-strongest); --color-orange-dimmest: var(--orange-dimmest); --color-orange-dimmer: var(--orange-dimmer); --color-orange-default: var(--orange-default); --color-orange-stronger: var(--orange-stronger); --color-orange-strongest: var(--orange-strongest); --color-yellow-dimmest: var(--yellow-dimmest); --color-yellow-dimmer: var(--yellow-dimmer); --color-yellow-default: var(--yellow-default); --color-yellow-stronger: var(--yellow-stronger); --color-yellow-strongest: var(--yellow-strongest); --color-lime-dimmest: var(--lime-dimmest); --color-lime-dimmer: var(--lime-dimmer); --color-lime-default: var(--lime-default); --color-lime-stronger: var(--lime-stronger); --color-lime-strongest: var(--lime-strongest); --color-green-dimmest: var(--green-dimmest); --color-green-dimmer: var(--green-dimmer); --color-green-default: var(--green-default); --color-green-stronger: var(--green-stronger); --color-green-strongest: var(--green-strongest); --color-teal-dimmest: var(--teal-dimmest); --color-teal-dimmer: var(--teal-dimmer); --color-teal-default: var(--teal-default); --color-teal-stronger: var(--teal-stronger); --color-teal-strongest: var(--teal-strongest); --color-blue-dimmest: var(--blue-dimmest); --color-blue-dimmer: var(--blue-dimmer); --color-blue-default: var(--blue-default); --color-blue-stronger: var(--blue-stronger); --color-blue-strongest: var(--blue-strongest); --color-blurple-dimmest: var(--blurple-dimmest); --color-blurple-dimmer: var(--blurple-dimmer); --color-blurple-default: var(--blurple-default); --color-blurple-stronger: var(--blurple-stronger); --color-blurple-strongest: var(--blurple-strongest); --color-purple-dimmest: var(--purple-dimmest); --color-purple-dimmer: var(--purple-dimmer); --color-purple-default: var(--purple-default); --color-purple-stronger: var(--purple-stronger); --color-purple-strongest: var(--purple-strongest); --color-magenta-dimmest: var(--magenta-dimmest); --color-magenta-dimmer: var(--magenta-dimmer); --color-magenta-default: var(--magenta-default); --color-magenta-stronger: var(--magenta-stronger); --color-magenta-strongest: var(--magenta-strongest); --color-pink-dimmest: var(--pink-dimmest); --color-pink-dimmer: var(--pink-dimmer); --color-pink-default: var(--pink-default); --color-pink-stronger: var(--pink-stronger); --color-pink-strongest: var(--pink-strongest); --color-grey-dimmest: var(--grey-dimmest); --color-grey-dimmer: var(--grey-dimmer); --color-grey-default: var(--grey-default); --color-grey-stronger: var(--grey-stronger); --color-grey-strongest: var(--grey-strongest); --color-brown-dimmest: var(--brown-dimmest); --color-brown-dimmer: var(--brown-dimmer); --color-brown-default: var(--brown-default); --color-brown-stronger: var(--brown-stronger); --color-brown-strongest: var(--brown-strongest); --color-primary-dimmest: var(--primary-dimmest); --color-primary-dimmer: var(--primary-dimmer); --color-primary-default: var(--primary-default); --color-primary-stronger: var(--primary-stronger); --color-primary-strongest: var(--primary-strongest); --color-positive-dimmest: var(--positive-dimmest); --color-positive-dimmer: var(--positive-dimmer); --color-positive-default: var(--positive-default); --color-positive-stronger: var(--positive-stronger); --color-positive-strongest: var(--positive-strongest); --color-negative-dimmest: var(--negative-dimmest); --color-negative-dimmer: var(--negative-dimmer); --color-negative-default: var(--negative-default); --color-negative-stronger: var(--negative-stronger); --color-negative-strongest: var(--negative-strongest); --color-warning-dimmest: var(--warning-dimmest); --color-warning-dimmer: var(--warning-dimmer); --color-warning-default: var(--warning-default); --color-warning-stronger: var(--warning-stronger); --color-warning-strongest: var(--warning-strongest); --color-view-colorway-dimmest: var(--view-colorway-dimmest); --color-view-colorway-dimmer: var(--view-colorway-dimmer); --color-view-colorway-default: var(--view-colorway-default); --color-view-colorway-stronger: var(--view-colorway-stronger); --color-view-colorway-strongest: var(--view-colorway-strongest); --color-surface-background: var(--surface-background); --color-surface-interactive-background: var(--surface-interactive-background); --color-surface-interactive-background-active: var( --surface-interactive-background-active ); --color-surface-interactive-border: var(--surface-interactive-border); --color-surface-interactive-border-hover: var( --surface-interactive-border-hover ); --default-transition-duration: var(--transition-duration-snappy); --default-transition-timing-function: var( --transition-timing-function-snappy ); --ease-snappy: var(--transition-timing-function-snappy); --ease-chill: var(--transition-timing-function-chill); --radius-none: 0px; --radius-sm: var(--border-radius-2); --radius-md: var(--border-radius-4); --radius-lg: var(--border-radius-6); --radius-xl: var(--border-radius-8); --radius-2xl: var(--border-radius-12); --radius-3xl: var(--border-radius-16); --radius-full: var(--border-radius-round); --radius-default: var(--border-radius-default); }

package/dist/integrations/twemoij/index.d.ts

@@ -0,0 +1,3 @@
+export declare function Twemoji(props: {
+    value: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/integrations/twemoij/index.js

@@ -0,0 +1,18 @@
+import { jsx as o } from "react/jsx-runtime";
+import '../../index.css';const s = "_twemoji_178xu_1", i = {
+  twemoji: s
+};
+function n(t) {
+  const e = t.value.codePointAt(0)?.toString(16);
+  return /* @__PURE__ */ o(
+    "img",
+    {
+      src: `https://cdn.jsdelivr.net/gh/twitter/twemoji@v14.0.2/assets/svg/${e}.svg`,
+      className: i.twemoji,
+      alt: t.value
+    }
+  );
+}
+export {
+  n as Twemoji
+};

package/dist/isElementDisabled-Cbd8W9kH.js

@@ -0,0 +1,6 @@
+function i(t) {
+  return t == null || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true";
+}
+export {
+  i
+};

package/dist/owner-rKN292Q9.js

@@ -0,0 +1,6 @@
+function o(n) {
+  return n?.ownerDocument || document;
+}
+export {
+  o
+};

package/dist/safePolygon-DWy1dGKJ.js

@@ -0,0 +1,308 @@
+import * as b from "react";
+import { a as re } from "./floating-ui.utils.dom-C7FS5id0.js";
+import { u as se, T as le } from "./useTimeout-CflX-kz3.js";
+import { u as ee } from "./useValueAsRef-HURLzret.js";
+import { u as U } from "./useStableCallback-CkTrVkNX.js";
+import { u as ie } from "./useIsoLayoutEffect-CIDbvm3Q.js";
+import { a as ae, u as de, g as me } from "./transitions.module-CWX8e5cx.js";
+import { c as G, t as J } from "./createBaseUIEventDetails-D8M2Yl-a.js";
+import { c as ge } from "./FloatingPortal-tWyuKRSN.js";
+import { d as x, e as fe, f as K, T as Ee } from "./element-CZEOj04G.js";
+import { i as oe } from "./event-CKoGyQEJ.js";
+const ce = ge("safe-polygon"), ve = `button,[role="button"],select,[tabindex]:not([tabindex="-1"]),${Ee}`;
+function he(c) {
+  return c ? !!c.closest(ve) : !1;
+}
+function te(c, e, s) {
+  if (s && !oe(s))
+    return 0;
+  if (typeof c == "number")
+    return c;
+  if (typeof c == "function") {
+    const f = c();
+    return typeof f == "number" ? f : f?.[e];
+  }
+  return c?.[e];
+}
+function ne(c) {
+  return typeof c == "function" ? c() : c;
+}
+function Ie(c, e = {}) {
+  const s = "rootStore" in c ? c.rootStore : c, f = s.useState("open"), d = s.useState("floatingElement"), h = s.useState("domReferenceElement"), {
+    dataRef: g,
+    events: k
+  } = s.context, {
+    enabled: m = !0,
+    delay: j = 0,
+    handleClose: V = null,
+    mouseOnly: E = !1,
+    restMs: w = 0,
+    move: X = !0,
+    triggerElement: y = null,
+    externalTree: W
+  } = e, A = ae(W), $ = de(), S = ee(V), C = ee(j), F = ee(w), I = b.useRef(void 0), _ = b.useRef(!1), R = se(), q = b.useRef(void 0), T = se(), Q = b.useRef(!0), z = b.useRef(!1), u = b.useRef(() => {
+  }), t = b.useRef(!1), Y = U(() => {
+    const o = g.current.openEvent?.type;
+    return o?.includes("mouse") && o !== "mousedown";
+  }), v = U(() => _.current ? !0 : g.current.openEvent ? ["click", "mousedown"].includes(g.current.openEvent.type) : !1);
+  b.useEffect(() => {
+    if (!m)
+      return;
+    function o(i) {
+      i.open || (R.clear(), T.clear(), Q.current = !0, t.current = !1);
+    }
+    return k.on("openchange", o), () => {
+      k.off("openchange", o);
+    };
+  }, [m, k, R, T]), b.useEffect(() => {
+    if (!m || !S.current || !f)
+      return;
+    function o(a) {
+      v() || Y() && s.setOpen(!1, G(J, a, a.currentTarget ?? void 0));
+    }
+    const i = x(d).documentElement;
+    return i.addEventListener("mouseleave", o), () => {
+      i.removeEventListener("mouseleave", o);
+    };
+  }, [d, f, s, m, S, Y, v]);
+  const L = b.useCallback((o, i = !0) => {
+    const a = te(C.current, "close", I.current);
+    a && !q.current ? R.start(a, () => s.setOpen(!1, G(J, o))) : i && (R.clear(), s.setOpen(!1, G(J, o)));
+  }, [C, s, R]), H = U(() => {
+    u.current(), q.current = void 0;
+  }), l = U(() => {
+    if (z.current) {
+      const o = x(d).body;
+      o.style.pointerEvents = "", o.removeAttribute(ce), z.current = !1;
+    }
+  }), P = U((o) => {
+    const i = fe(o);
+    if (!he(i)) {
+      _.current = !1;
+      return;
+    }
+    _.current = !0;
+  });
+  b.useEffect(() => {
+    if (!m)
+      return;
+    function o(n) {
+      if (R.clear(), Q.current = !1, E && !oe(I.current) || ne(F.current) > 0 && !te(C.current, "open"))
+        return;
+      const p = te(C.current, "open", I.current), M = n.currentTarget ?? void 0, B = s.select("domReferenceElement"), Z = B && M && !K(B, M);
+      p ? R.start(p, () => {
+        s.select("open") || s.setOpen(!0, G(J, n, M));
+      }) : (!f || Z) && s.setOpen(!0, G(J, n, M));
+    }
+    function i(n) {
+      if (v()) {
+        l();
+        return;
+      }
+      u.current();
+      const p = x(d);
+      T.clear(), t.current = !1;
+      const M = s.context.triggerElements;
+      if (n.relatedTarget && M.hasElement(n.relatedTarget))
+        return;
+      if (S.current && g.current.floatingContext) {
+        f || R.clear(), q.current = S.current({
+          ...g.current.floatingContext,
+          tree: A,
+          x: n.clientX,
+          y: n.clientY,
+          onClose() {
+            l(), H(), v() || L(n, !0);
+          }
+        });
+        const Z = q.current;
+        p.addEventListener("mousemove", Z), u.current = () => {
+          p.removeEventListener("mousemove", Z);
+        };
+        return;
+      }
+      (I.current !== "touch" || !K(d, n.relatedTarget)) && L(n);
+    }
+    function a(n) {
+      if (v() || !g.current.floatingContext || !s.select("open"))
+        return;
+      const p = s.context.triggerElements;
+      n.relatedTarget && p.hasElement(n.relatedTarget) || S.current?.({
+        ...g.current.floatingContext,
+        tree: A,
+        x: n.clientX,
+        y: n.clientY,
+        onClose() {
+          l(), H(), v() || L(n);
+        }
+      })(n);
+    }
+    function O() {
+      R.clear(), l();
+    }
+    function D(n) {
+      v() || L(n, !1);
+    }
+    const r = y ?? h;
+    if (re(r)) {
+      const n = d;
+      return f && r.addEventListener("mouseleave", a), X && r.addEventListener("mousemove", o, {
+        once: !0
+      }), r.addEventListener("mouseenter", o), r.addEventListener("mouseleave", i), n && (n.addEventListener("mouseleave", a), n.addEventListener("mouseenter", O), n.addEventListener("mouseleave", D), n.addEventListener("pointerdown", P, !0)), () => {
+        f && r.removeEventListener("mouseleave", a), X && r.removeEventListener("mousemove", o), r.removeEventListener("mouseenter", o), r.removeEventListener("mouseleave", i), n && (n.removeEventListener("mouseleave", a), n.removeEventListener("mouseenter", O), n.removeEventListener("mouseleave", D), n.removeEventListener("pointerdown", P, !0));
+      };
+    }
+  }, [m, E, X, h, d, y, s, L, H, l, f, A, C, S, g, v, F, R, T, P]), ie(() => {
+    if (m && f && S.current?.__options?.blockPointerEvents && Y()) {
+      z.current = !0;
+      const o = d;
+      if (re(h) && o) {
+        const i = x(d).body;
+        i.setAttribute(ce, "");
+        const a = h, O = A?.nodesRef.current.find((D) => D.id === $)?.context?.elements.floating;
+        return O && (O.style.pointerEvents = ""), i.style.pointerEvents = "none", a.style.pointerEvents = "auto", o.style.pointerEvents = "auto", () => {
+          i.style.pointerEvents = "", a.style.pointerEvents = "", o.style.pointerEvents = "";
+        };
+      }
+    }
+  }, [m, f, $, A, S, Y, h, d]), ie(() => {
+    f || (I.current = void 0, t.current = !1, _.current = !1, H(), l());
+  }, [f, H, l]), b.useEffect(() => () => {
+    H(), R.clear(), T.clear(), _.current = !1;
+  }, [m, h, H, R, T]), b.useEffect(() => l, [l]);
+  const N = b.useMemo(() => {
+    function o(i) {
+      I.current = i.pointerType;
+    }
+    return {
+      onPointerDown: o,
+      onPointerEnter: o,
+      onMouseMove(i) {
+        const {
+          nativeEvent: a
+        } = i, O = i.currentTarget, D = s.select("domReferenceElement") && !K(s.select("domReferenceElement"), i.target);
+        function r() {
+          !Q.current && (!s.select("open") || D) && s.setOpen(!0, G(J, a, O));
+        }
+        E && !oe(I.current) || s.select("open") && !D || ne(F.current) === 0 || !D && t.current && i.movementX ** 2 + i.movementY ** 2 < 2 || (T.clear(), I.current === "touch" || D ? r() : (t.current = !0, T.start(ne(F.current), r)));
+      }
+    };
+  }, [E, s, F, T]);
+  return b.useMemo(() => m ? {
+    reference: N
+  } : {}, [m, N]);
+}
+function ue(c, e) {
+  const [s, f] = c;
+  let d = !1;
+  const h = e.length;
+  for (let g = 0, k = h - 1; g < h; k = g++) {
+    const [m, j] = e[g] || [0, 0], [V, E] = e[k] || [0, 0];
+    j >= f != E >= f && s <= (V - m) * (f - j) / (E - j) + m && (d = !d);
+  }
+  return d;
+}
+function pe(c, e) {
+  return c[0] >= e.x && c[0] <= e.x + e.width && c[1] >= e.y && c[1] <= e.y + e.height;
+}
+function ke(c = {}) {
+  const {
+    buffer: e = 0.5,
+    blockPointerEvents: s = !1,
+    requireIntent: f = !0
+  } = c, d = new le();
+  let h = !1, g = null, k = null, m = typeof performance < "u" ? performance.now() : 0;
+  function j(E, w) {
+    const X = performance.now(), y = X - m;
+    if (g === null || k === null || y === 0)
+      return g = E, k = w, m = X, null;
+    const W = E - g, A = w - k, S = Math.sqrt(W * W + A * A) / y;
+    return g = E, k = w, m = X, S;
+  }
+  const V = ({
+    x: E,
+    y: w,
+    placement: X,
+    elements: y,
+    onClose: W,
+    nodeId: A,
+    tree: $
+  }) => function(C) {
+    function F() {
+      d.clear(), W();
+    }
+    if (d.clear(), !y.domReference || !y.floating || X == null || E == null || w == null)
+      return;
+    const {
+      clientX: I,
+      clientY: _
+    } = C, R = [I, _], q = fe(C), T = C.type === "mouseleave", Q = K(y.floating, q), z = K(y.domReference, q), u = y.domReference.getBoundingClientRect(), t = y.floating.getBoundingClientRect(), Y = X.split("-")[0], v = E > t.right - t.width / 2, L = w > t.bottom - t.height / 2, H = pe(R, u), l = t.width > u.width, P = t.height > u.height, N = (l ? u : t).left, o = (l ? u : t).right, i = (P ? u : t).top, a = (P ? u : t).bottom;
+    if (Q && (h = !0, !T))
+      return;
+    if (z && (h = !1), z && !T) {
+      h = !0;
+      return;
+    }
+    if (T && re(C.relatedTarget) && K(y.floating, C.relatedTarget) || $ && me($.nodesRef.current, A).some(({
+      context: r
+    }) => r?.open))
+      return;
+    if (Y === "top" && w >= u.bottom - 1 || Y === "bottom" && w <= u.top + 1 || Y === "left" && E >= u.right - 1 || Y === "right" && E <= u.left + 1)
+      return F();
+    let O = [];
+    switch (Y) {
+      case "top":
+        O = [[N, u.top + 1], [N, t.bottom - 1], [o, t.bottom - 1], [o, u.top + 1]];
+        break;
+      case "bottom":
+        O = [[N, t.top + 1], [N, u.bottom - 1], [o, u.bottom - 1], [o, t.top + 1]];
+        break;
+      case "left":
+        O = [[t.right - 1, a], [t.right - 1, i], [u.left + 1, i], [u.left + 1, a]];
+        break;
+      case "right":
+        O = [[u.right - 1, a], [u.right - 1, i], [t.left + 1, i], [t.left + 1, a]];
+        break;
+    }
+    function D([r, n]) {
+      switch (Y) {
+        case "top": {
+          const p = [l ? r + e / 2 : v ? r + e * 4 : r - e * 4, n + e + 1], M = [l ? r - e / 2 : v ? r + e * 4 : r - e * 4, n + e + 1], B = [[t.left, v || l ? t.bottom - e : t.top], [t.right, v ? l ? t.bottom - e : t.top : t.bottom - e]];
+          return [p, M, ...B];
+        }
+        case "bottom": {
+          const p = [l ? r + e / 2 : v ? r + e * 4 : r - e * 4, n - e], M = [l ? r - e / 2 : v ? r + e * 4 : r - e * 4, n - e], B = [[t.left, v || l ? t.top + e : t.bottom], [t.right, v ? l ? t.top + e : t.bottom : t.top + e]];
+          return [p, M, ...B];
+        }
+        case "left": {
+          const p = [r + e + 1, P ? n + e / 2 : L ? n + e * 4 : n - e * 4], M = [r + e + 1, P ? n - e / 2 : L ? n + e * 4 : n - e * 4];
+          return [...[[L || P ? t.right - e : t.left, t.top], [L ? P ? t.right - e : t.left : t.right - e, t.bottom]], p, M];
+        }
+        case "right": {
+          const p = [r - e, P ? n + e / 2 : L ? n + e * 4 : n - e * 4], M = [r - e, P ? n - e / 2 : L ? n + e * 4 : n - e * 4], B = [[L || P ? t.left + e : t.right, t.top], [L ? P ? t.left + e : t.right : t.left + e, t.bottom]];
+          return [p, M, ...B];
+        }
+        default:
+          return [];
+      }
+    }
+    if (!ue([I, _], O)) {
+      if (h && !H)
+        return F();
+      if (!T && f) {
+        const r = j(C.clientX, C.clientY);
+        if (r !== null && r < 0.1)
+          return F();
+      }
+      ue([I, _], D([E, w])) ? !h && f && d.start(40, F) : F();
+    }
+  };
+  return V.__options = {
+    blockPointerEvents: s
+  }, V;
+}
+export {
+  te as g,
+  ke as s,
+  Ie as u
+};

package/dist/styles/core.css

@@ -0,0 +1 @@
+*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[data-theme=light] code[class*=language-],[data-theme=light] pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}[data-theme=light] pre[class*=language-]::-moz-selection,[data-theme=light] pre[class*=language-] ::-moz-selection,[data-theme=light] code[class*=language-]::-moz-selection,[data-theme=light] code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}[data-theme=light] pre[class*=language-]::selection,[data-theme=light] pre[class*=language-] ::selection,[data-theme=light] code[class*=language-]::selection,[data-theme=light] code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{[data-theme=light] code[class*=language-],[data-theme=light] pre[class*=language-]{text-shadow:none}}[data-theme=light] pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}[data-theme=light] :not(pre)>code[class*=language-],[data-theme=light] pre[class*=language-]{background:#f5f2f0}[data-theme=light] :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}[data-theme=light] .token.comment,[data-theme=light] .token.prolog,[data-theme=light] .token.doctype,[data-theme=light] .token.cdata{color:#708090}[data-theme=light] .token.punctuation{color:#999}[data-theme=light] .token.namespace{opacity:.7}[data-theme=light] .token.property,[data-theme=light] .token.tag,[data-theme=light] .token.boolean,[data-theme=light] .token.number,[data-theme=light] .token.constant,[data-theme=light] .token.symbol,[data-theme=light] .token.deleted{color:#905}[data-theme=light] .token.selector,[data-theme=light] .token.attr-name,[data-theme=light] .token.string,[data-theme=light] .token.char,[data-theme=light] .token.builtin,[data-theme=light] .token.inserted{color:#690}[data-theme=light] .token.operator,[data-theme=light] .token.entity,[data-theme=light] .token.url,[data-theme=light] .language-css .token.string,[data-theme=light] .style .token.string{color:#9a6e3a;background:#ffffff80}[data-theme=light] .token.atrule,[data-theme=light] .token.attr-value,[data-theme=light] .token.keyword{color:#07a}[data-theme=light] .token.function,[data-theme=light] .token.class-name{color:#dd4a68}[data-theme=light] .token.regex,[data-theme=light] .token.important,[data-theme=light] .token.variable{color:#e90}[data-theme=light] .token.important,[data-theme=light] .token.bold{font-weight:700}[data-theme=light] .token.italic{font-style:italic}[data-theme=light] .token.entity{cursor:help}[data-theme=light]{--shadow-1: 0px 4px 8px 0px rgba(2, 2, 3, .1);--shadow-2: 0px 8px 16px 0px rgba(2, 2, 3, .15);--shadow-3: 0px 16px 32px 0px rgba(2, 2, 3, .2);--background-root: #ebeced;--background-default: #fcfcfc;--background-higher: #f0f1f2;--background-highest: #e4e5e6;--background-overlay: #f0f1f2a0;--foreground-default: #07080a;--foreground-dimmer: #3d4047;--foreground-dimmest: #5c5f66;--outline-dimmest: #d2d4d6;--outline-dimmer: #c0c3c4;--outline-default: #afb1b3;--outline-stronger: #98999c;--outline-strongest: #74767a;--red-dimmest: #ffc7c7;--red-dimmer: #ff9494;--red-default: #fa4b4b;--red-stronger: #c20a0a;--red-strongest: #8a0000;--orange-dimmest: #ffcc99;--orange-dimmer: #ff9933;--orange-default: #d96d00;--orange-stronger: #964b00;--orange-strongest: #693400;--yellow-dimmest: #ebd66e;--yellow-dimmer: #cfb015;--yellow-default: #a68a00;--yellow-stronger: #736000;--yellow-strongest: #4f4200;--lime-dimmest: #c0e378;--lime-dimmer: #93c926;--lime-default: #639400;--lime-stronger: #466900;--lime-strongest: #3a5700;--green-dimmest: #7aeb8d;--green-dimmer: #3cc954;--green-default: #00a11b;--green-stronger: #036e15;--green-strongest: #004d0d;--teal-dimmest: #6fe5fc;--teal-dimmer: #22c1e0;--teal-default: #0093b0;--teal-stronger: #00687d;--teal-strongest: #004857;--blue-dimmest: #b2d9ff;--blue-dimmer: #6bb5ff;--blue-default: #0f87ff;--blue-stronger: #005cb8;--blue-strongest: #004182;--blurple-dimmest: #d7cfff;--blurple-dimmer: #b2a3ff;--blurple-default: #8e78ff;--blurple-stronger: #5b40e3;--blurple-strongest: #412f9c;--purple-dimmest: #e6ccff;--purple-dimmer: #d0a1ff;--purple-default: #b266ff;--purple-stronger: #7f38c7;--purple-strongest: #5b278f;--magenta-dimmest: #ffbfff;--magenta-dimmer: #ff82ff;--magenta-default: #eb3beb;--magenta-stronger: #a321a3;--magenta-strongest: #731c73;--pink-dimmest: #ffc7ec;--pink-dimmer: #ff87d7;--pink-default: #f545ba;--pink-stronger: #ab2980;--pink-strongest: #781e5a;--grey-dimmest: #d5d5d5;--grey-dimmer: #b0b0b0;--grey-default: #898989;--grey-stronger: #616161;--grey-strongest: #454545;--brown-dimmest: #ffc9ab;--brown-dimmer: #dea483;--brown-default: #b07f63;--brown-stronger: #805740;--brown-strongest: #573e30}[data-theme=dark] code[class*=language-],[data-theme=dark] pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}[data-theme=dark] pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}[data-theme=dark] :not(pre)>code[class*=language-],[data-theme=dark] pre[class*=language-]{background:#2d2d2d}[data-theme=dark] :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}[data-theme=dark] .token.comment,[data-theme=dark] .token.block-comment,[data-theme=dark] .token.prolog,[data-theme=dark] .token.doctype,[data-theme=dark] .token.cdata{color:#999}[data-theme=dark] .token.punctuation{color:#ccc}[data-theme=dark] .token.tag,[data-theme=dark] .token.attr-name,[data-theme=dark] .token.namespace,[data-theme=dark] .token.deleted{color:#e2777a}[data-theme=dark] .token.function-name{color:#6196cc}[data-theme=dark] .token.boolean,[data-theme=dark] .token.number,[data-theme=dark] .token.function{color:#f08d49}[data-theme=dark] .token.property,[data-theme=dark] .token.class-name,[data-theme=dark] .token.constant,[data-theme=dark] .token.symbol{color:#f8c555}[data-theme=dark] .token.selector,[data-theme=dark] .token.important,[data-theme=dark] .token.atrule,[data-theme=dark] .token.keyword,[data-theme=dark] .token.builtin{color:#cc99cd}[data-theme=dark] .token.string,[data-theme=dark] .token.char,[data-theme=dark] .token.attr-value,[data-theme=dark] .token.regex,[data-theme=dark] .token.variable{color:#7ec699}[data-theme=dark] .token.operator,[data-theme=dark] .token.entity,[data-theme=dark] .token.url{color:#67cdcc}[data-theme=dark] .token.important,[data-theme=dark] .token.bold{font-weight:700}[data-theme=dark] .token.italic{font-style:italic}[data-theme=dark] .token.entity{cursor:help}[data-theme=dark] .token.inserted{color:green}[data-theme=dark]{--shadow-1: 0px 4px 8px 0px rgba(2, 2, 3, .16);--shadow-2: 0px 8px 16px 0px rgba(2, 2, 3, .32);--shadow-3: 0px 16px 32px 0px rgba(2, 2, 3, .48);--background-root: #0e1525;--background-default: #1c2333;--background-higher: #2b3245;--background-highest: #3c445c;--background-overlay: #0e1525a0;--foreground-default: #f5f9fc;--foreground-dimmer: #c2c8cc;--foreground-dimmest: #9da2a6;--outline-dimmest: #2b3245;--outline-dimmer: #3c445c;--outline-default: #4e5569;--outline-stronger: #5f677a;--outline-strongest: #70788c;--red-dimmest: #660000;--red-dimmer: #a60808;--red-default: #e52222;--red-stronger: #ff6666;--red-strongest: #ffcfcf;--orange-dimmest: #542a00;--orange-dimmer: #703800;--orange-default: #ad5700;--orange-stronger: #d4781c;--orange-strongest: #ffbd7a;--yellow-dimmest: #4d4000;--yellow-dimmer: #635300;--yellow-default: #967d00;--yellow-stronger: #bfa730;--yellow-strongest: #f2e088;--lime-dimmest: #314a00;--lime-dimmer: #3d5c00;--lime-default: #5a8700;--lime-stronger: #87b825;--lime-strongest: #c4e581;--green-dimmest: #044a10;--green-dimmer: #046113;--green-default: #009118;--green-stronger: #6cd97e;--green-strongest: #7aeb8d;--teal-dimmest: #004452;--teal-dimmer: #006073;--teal-default: #0093b0;--teal-stronger: #27b9d6;--teal-strongest: #69d9f0;--blue-dimmest: #004182;--blue-dimmer: #0053a6;--blue-default: #0079f2;--blue-stronger: #57abff;--blue-strongest: #b2d9ff;--blurple-dimmest: #39298a;--blurple-dimmer: #5239cc;--blurple-default: #795eff;--blurple-stronger: #a694ff;--blurple-strongest: #cec4ff;--purple-dimmest: #582987;--purple-dimmer: #7633b8;--purple-default: #a64dff;--purple-stronger: #c78fff;--purple-strongest: #e2c4ff;--magenta-dimmest: #6b1a6b;--magenta-dimmer: #8a218a;--magenta-default: #c73ac7;--magenta-stronger: #f562f5;--magenta-strongest: #ffbfff;--pink-dimmest: #6e1b52;--pink-dimmer: #8f226b;--pink-default: #d4359f;--pink-stronger: #ff70cf;--pink-strongest: #ffbae8;--grey-dimmest: #404040;--grey-dimmer: #545454;--grey-default: #808080;--grey-stronger: #a6a6a6;--grey-strongest: #d4d4d4;--brown-dimmest: #594031;--brown-dimmer: #75503b;--brown-default: #a3765c;--brown-stronger: #d49877;--brown-strongest: #ffc8a8}*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;border:0 solid;padding:0}:root{--black: #0e1525;--white: #fcfcfc;--shadow-default: var(--shadow-1);--border-radius-1: 1px;--border-radius-2: 2px;--border-radius-4: 4px;--border-radius-6: 6px;--border-radius-8: 8px;--border-radius-12: 12px;--border-radius-16: 16px;--border-radius-default: var(--border-radius-8);--border-radius-round: 1028px;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--space-128: 128px;--space-256: 256px;--space-default: var(--space-8);--font-family-default: "IBM Plex Sans", sans-serif;--font-family-code: "IBM Plex Mono", monospace;--font-size-small: 12px;--font-size-default: 14px;--font-size-subhead-default: 16px;--font-size-subhead-big: 20px;--font-size-header-default: 24px;--font-size-header-big: 32px;--line-height-small: 1.5;--line-height-default: 1.6;--line-height-subhead-default: 1.375;--line-height-subhead-big: 1.4;--line-height-header-default: 1.333;--line-height-header-big: 1.25;--line-height-input: 22px;--line-height-single: 1;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--transition-duration-snappy: .12s;--transition-timing-function-snappy: ease-out;--transition-duration-chill: .3s;--transition-timing-function-chill: ease-in-out;--border-width-default: 1px}body{position:relative;overflow-x:hidden;font-size:var(--font-size-default);line-height:var(--line-height-default);font-family:var(--font-family-default)}.root{isolation:isolate}[data-theme]{--shadow-focus: inset 0 0 0 1.5px var(--primary-default);--primary-dimmest: var(--blue-dimmest);--primary-dimmer: var(--blue-dimmer);--primary-default: var(--blue-default);--primary-stronger: var(--blue-stronger);--primary-strongest: var(--blue-strongest);--positive-dimmest: var(--green-dimmest);--positive-dimmer: var(--green-dimmer);--positive-default: var(--green-default);--positive-stronger: var(--green-stronger);--positive-strongest: var(--green-strongest);--negative-dimmest: var(--red-dimmest);--negative-dimmer: var(--red-dimmer);--negative-default: var(--red-default);--negative-stronger: var(--red-stronger);--negative-strongest: var(--red-strongest);--warning-dimmest: var(--yellow-dimmest);--warning-dimmer: var(--yellow-dimmer);--warning-default: var(--yellow-default);--warning-stronger: var(--yellow-stronger);--warning-strongest: var(--yellow-strongest);--view-colorway-dimmest: var(--primary-dimmest);--view-colorway-dimmer: var(--primary-dimmer);--view-colorway-default: var(--primary-default);--view-colorway-stronger: var(--primary-stronger);--view-colorway-strongest: var(--primary-strongest);--surface-background: var(--background-root);--surface-interactive-background: var(--background-default);--surface-interactive-background-active: var(--background-higher);--surface-interactive-border: var(--outline-dimmest);--surface-interactive-border-hover: var(--outline-default);background-color:var(--background-root);color:var(--foreground-default)}