@timvir/core/index.js

import { MDXProvider } from '@mdx-js/react';
import React__default, { useCallback, useEffect, useState, forwardRef, createElement } from 'react';

function cx(...classNames) {
  return classNames.filter(Boolean).join(' ');
}

const noLayout = "n13r7o41";
const grid = "g1u0grto";
const extendedWidth = cx(noLayout, "ev9kr8h");
const fullWidth = cx(noLayout, "f1mtt8dd");

/*!
 * hotkeys-js v3.7.6
 * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.
 * 
 * Copyright (c) 2020 kenny wong <wowohoo@qq.com>
 * http://jaywcjlove.github.io/hotkeys
 * 
 * Licensed under the MIT license.
 */
var isff = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase().indexOf('firefox') > 0 : false; // 绑定事件

function addEvent(object, event, method) {
  if (object.addEventListener) {
    object.addEventListener(event, method, false);
  } else if (object.attachEvent) {
    object.attachEvent("on".concat(event), function () {
      method(window.event);
    });
  }
} // 修饰键转换成对应的键码


function getMods(modifier, key) {
  var mods = key.slice(0, key.length - 1);

  for (var i = 0; i < mods.length; i++) {
    mods[i] = modifier[mods[i].toLowerCase()];
  }

  return mods;
} // 处理传的key字符串转换成数组


function getKeys(key) {
  if (typeof key !== 'string') key = '';
  key = key.replace(/\s/g, ''); // 匹配任何空白字符,包括空格、制表符、换页符等等

  var keys = key.split(','); // 同时设置多个快捷键，以','分割

  var index = keys.lastIndexOf(''); // 快捷键可能包含','，需特殊处理

  for (; index >= 0;) {
    keys[index - 1] += ',';
    keys.splice(index, 1);
    index = keys.lastIndexOf('');
  }

  return keys;
} // 比较修饰键的数组


function compareArray(a1, a2) {
  var arr1 = a1.length >= a2.length ? a1 : a2;
  var arr2 = a1.length >= a2.length ? a2 : a1;
  var isIndex = true;

  for (var i = 0; i < arr1.length; i++) {
    if (arr2.indexOf(arr1[i]) === -1) isIndex = false;
  }

  return isIndex;
}

var _keyMap = {
  backspace: 8,
  tab: 9,
  clear: 12,
  enter: 13,
  "return": 13,
  esc: 27,
  escape: 27,
  space: 32,
  left: 37,
  up: 38,
  right: 39,
  down: 40,
  del: 46,
  "delete": 46,
  ins: 45,
  insert: 45,
  home: 36,
  end: 35,
  pageup: 33,
  pagedown: 34,
  capslock: 20,
  '⇪': 20,
  ',': 188,
  '.': 190,
  '/': 191,
  '`': 192,
  '-': isff ? 173 : 189,
  '=': isff ? 61 : 187,
  ';': isff ? 59 : 186,
  '\'': 222,
  '[': 219,
  ']': 221,
  '\\': 220
}; // Modifier Keys

var _modifier = {
  // shiftKey
  '⇧': 16,
  shift: 16,
  // altKey
  '⌥': 18,
  alt: 18,
  option: 18,
  // ctrlKey
  '⌃': 17,
  ctrl: 17,
  control: 17,
  // metaKey
  '⌘': 91,
  cmd: 91,
  command: 91
};
var modifierMap = {
  16: 'shiftKey',
  18: 'altKey',
  17: 'ctrlKey',
  91: 'metaKey',
  shiftKey: 16,
  ctrlKey: 17,
  altKey: 18,
  metaKey: 91
};
var _mods = {
  16: false,
  18: false,
  17: false,
  91: false
};
var _handlers = {}; // F1~F12 special key

for (var k = 1; k < 20; k++) {
  _keyMap["f".concat(k)] = 111 + k;
}

var _downKeys = []; // 记录摁下的绑定键

var _scope = 'all'; // 默认热键范围

var elementHasBindEvent = []; // 已绑定事件的节点记录
// 返回键码

var code = function code(x) {
  return _keyMap[x.toLowerCase()] || _modifier[x.toLowerCase()] || x.toUpperCase().charCodeAt(0);
}; // 设置获取当前范围（默认为'所有'）


function setScope(scope) {
  _scope = scope || 'all';
} // 获取当前范围


function getScope() {
  return _scope || 'all';
} // 获取摁下绑定键的键值


function getPressedKeyCodes() {
  return _downKeys.slice(0);
} // 表单控件控件判断 返回 Boolean
// hotkey is effective only when filter return true


function filter(event) {
  var target = event.target || event.srcElement;
  var tagName = target.tagName;
  var flag = true; // ignore: isContentEditable === 'true', <input> and <textarea> when readOnly state is false, <select>

  if (target.isContentEditable || (tagName === 'INPUT' || tagName === 'TEXTAREA') && !target.readOnly) {
    flag = false;
  }

  return flag;
} // 判断摁下的键是否为某个键，返回true或者false


function isPressed(keyCode) {
  if (typeof keyCode === 'string') {
    keyCode = code(keyCode); // 转换成键码
  }

  return _downKeys.indexOf(keyCode) !== -1;
} // 循环删除handlers中的所有 scope(范围)


function deleteScope(scope, newScope) {
  var handlers;
  var i; // 没有指定scope，获取scope

  if (!scope) scope = getScope();

  for (var key in _handlers) {
    if (Object.prototype.hasOwnProperty.call(_handlers, key)) {
      handlers = _handlers[key];

      for (i = 0; i < handlers.length;) {
        if (handlers[i].scope === scope) handlers.splice(i, 1);else i++;
      }
    }
  } // 如果scope被删除，将scope重置为all


  if (getScope() === scope) setScope(newScope || 'all');
} // 清除修饰键


function clearModifier(event) {
  var key = event.keyCode || event.which || event.charCode;

  var i = _downKeys.indexOf(key); // 从列表中清除按压过的键


  if (i >= 0) {
    _downKeys.splice(i, 1);
  } // 特殊处理 cmmand 键，在 cmmand 组合快捷键 keyup 只执行一次的问题


  if (event.key && event.key.toLowerCase() === 'meta') {
    _downKeys.splice(0, _downKeys.length);
  } // 修饰键 shiftKey altKey ctrlKey (command||metaKey) 清除


  if (key === 93 || key === 224) key = 91;

  if (key in _mods) {
    _mods[key] = false; // 将修饰键重置为false

    for (var k in _modifier) {
      if (_modifier[k] === key) hotkeys[k] = false;
    }
  }
}

function unbind(keysInfo) {
  // unbind(), unbind all keys
  if (!keysInfo) {
    Object.keys(_handlers).forEach(function (key) {
      return delete _handlers[key];
    });
  } else if (Array.isArray(keysInfo)) {
    // support like : unbind([{key: 'ctrl+a', scope: 's1'}, {key: 'ctrl-a', scope: 's2', splitKey: '-'}])
    keysInfo.forEach(function (info) {
      if (info.key) eachUnbind(info);
    });
  } else if (typeof keysInfo === 'object') {
    // support like unbind({key: 'ctrl+a, ctrl+b', scope:'abc'})
    if (keysInfo.key) eachUnbind(keysInfo);
  } else if (typeof keysInfo === 'string') {
    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
      args[_key - 1] = arguments[_key];
    } // support old method
    // eslint-disable-line


    var scope = args[0],
        method = args[1];

    if (typeof scope === 'function') {
      method = scope;
      scope = '';
    }

    eachUnbind({
      key: keysInfo,
      scope: scope,
      method: method,
      splitKey: '+'
    });
  }
} // 解除绑定某个范围的快捷键


var eachUnbind = function eachUnbind(_ref) {
  var key = _ref.key,
      scope = _ref.scope,
      method = _ref.method,
      _ref$splitKey = _ref.splitKey,
      splitKey = _ref$splitKey === void 0 ? '+' : _ref$splitKey;
  var multipleKeys = getKeys(key);
  multipleKeys.forEach(function (originKey) {
    var unbindKeys = originKey.split(splitKey);
    var len = unbindKeys.length;
    var lastKey = unbindKeys[len - 1];
    var keyCode = lastKey === '*' ? '*' : code(lastKey);
    if (!_handlers[keyCode]) return; // 判断是否传入范围，没有就获取范围

    if (!scope) scope = getScope();
    var mods = len > 1 ? getMods(_modifier, unbindKeys) : [];
    _handlers[keyCode] = _handlers[keyCode].map(function (record) {
      // 通过函数判断，是否解除绑定，函数相等直接返回
      var isMatchingMethod = method ? record.method === method : true;

      if (isMatchingMethod && record.scope === scope && compareArray(record.mods, mods)) {
        return {};
      }

      return record;
    });
  });
}; // 对监听对应快捷键的回调函数进行处理


function eventHandler(event, handler, scope) {
  var modifiersMatch; // 看它是否在当前范围

  if (handler.scope === scope || handler.scope === 'all') {
    // 检查是否匹配修饰符（如果有返回true）
    modifiersMatch = handler.mods.length > 0;

    for (var y in _mods) {
      if (Object.prototype.hasOwnProperty.call(_mods, y)) {
        if (!_mods[y] && handler.mods.indexOf(+y) > -1 || _mods[y] && handler.mods.indexOf(+y) === -1) {
          modifiersMatch = false;
        }
      }
    } // 调用处理程序，如果是修饰键不做处理


    if (handler.mods.length === 0 && !_mods[16] && !_mods[18] && !_mods[17] && !_mods[91] || modifiersMatch || handler.shortcut === '*') {
      if (handler.method(event, handler) === false) {
        if (event.preventDefault) event.preventDefault();else event.returnValue = false;
        if (event.stopPropagation) event.stopPropagation();
        if (event.cancelBubble) event.cancelBubble = true;
      }
    }
  }
} // 处理keydown事件


function dispatch(event) {
  var asterisk = _handlers['*'];
  var key = event.keyCode || event.which || event.charCode; // 表单控件过滤 默认表单控件不触发快捷键

  if (!hotkeys.filter.call(this, event)) return; // Gecko(Firefox)的command键值224，在Webkit(Chrome)中保持一致
  // Webkit左右 command 键值不一样

  if (key === 93 || key === 224) key = 91;
  /**
   * Collect bound keys
   * If an Input Method Editor is processing key input and the event is keydown, return 229.
   * https://stackoverflow.com/questions/25043934/is-it-ok-to-ignore-keydown-events-with-keycode-229
   * http://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html
   */

  if (_downKeys.indexOf(key) === -1 && key !== 229) _downKeys.push(key);
  /**
   * Jest test cases are required.
   * ===============================
   */

  ['ctrlKey', 'altKey', 'shiftKey', 'metaKey'].forEach(function (keyName) {
    var keyNum = modifierMap[keyName];

    if (event[keyName] && _downKeys.indexOf(keyNum) === -1) {
      _downKeys.push(keyNum);
    } else if (!event[keyName] && _downKeys.indexOf(keyNum) > -1) {
      _downKeys.splice(_downKeys.indexOf(keyNum), 1);
    }
  });
  /**
   * -------------------------------
   */

  if (key in _mods) {
    _mods[key] = true; // 将特殊字符的key注册到 hotkeys 上

    for (var k in _modifier) {
      if (_modifier[k] === key) hotkeys[k] = true;
    }

    if (!asterisk) return;
  } // 将 modifierMap 里面的修饰键绑定到 event 中


  for (var e in _mods) {
    if (Object.prototype.hasOwnProperty.call(_mods, e)) {
      _mods[e] = event[modifierMap[e]];
    }
  }
  /**
   * https://github.com/jaywcjlove/hotkeys/pull/129
   * This solves the issue in Firefox on Windows where hotkeys corresponding to special characters would not trigger.
   * An example of this is ctrl+alt+m on a Swedish keyboard which is used to type μ.
   * Browser support: https://caniuse.com/#feat=keyboardevent-getmodifierstate
   */


  if (event.getModifierState && !(event.altKey && !event.ctrlKey) && event.getModifierState('AltGraph')) {
    if (_downKeys.indexOf(17) === -1) {
      _downKeys.push(17);
    }

    if (_downKeys.indexOf(18) === -1) {
      _downKeys.push(18);
    }

    _mods[17] = true;
    _mods[18] = true;
  } // 获取范围 默认为 `all`


  var scope = getScope(); // 对任何快捷键都需要做的处理

  if (asterisk) {
    for (var i = 0; i < asterisk.length; i++) {
      if (asterisk[i].scope === scope && (event.type === 'keydown' && asterisk[i].keydown || event.type === 'keyup' && asterisk[i].keyup)) {
        eventHandler(event, asterisk[i], scope);
      }
    }
  } // key 不在 _handlers 中返回


  if (!(key in _handlers)) return;

  for (var _i = 0; _i < _handlers[key].length; _i++) {
    if (event.type === 'keydown' && _handlers[key][_i].keydown || event.type === 'keyup' && _handlers[key][_i].keyup) {
      if (_handlers[key][_i].key) {
        var record = _handlers[key][_i];
        var splitKey = record.splitKey;
        var keyShortcut = record.key.split(splitKey);
        var _downKeysCurrent = []; // 记录当前按键键值

        for (var a = 0; a < keyShortcut.length; a++) {
          _downKeysCurrent.push(code(keyShortcut[a]));
        }

        if (_downKeysCurrent.sort().join('') === _downKeys.sort().join('')) {
          // 找到处理内容
          eventHandler(event, record, scope);
        }
      }
    }
  }
} // 判断 element 是否已经绑定事件


function isElementBind(element) {
  return elementHasBindEvent.indexOf(element) > -1;
}

function hotkeys(key, option, method) {
  _downKeys = [];
  var keys = getKeys(key); // 需要处理的快捷键列表

  var mods = [];
  var scope = 'all'; // scope默认为all，所有范围都有效

  var element = document; // 快捷键事件绑定节点

  var i = 0;
  var keyup = false;
  var keydown = true;
  var splitKey = '+'; // 对为设定范围的判断

  if (method === undefined && typeof option === 'function') {
    method = option;
  }

  if (Object.prototype.toString.call(option) === '[object Object]') {
    if (option.scope) scope = option.scope; // eslint-disable-line

    if (option.element) element = option.element; // eslint-disable-line

    if (option.keyup) keyup = option.keyup; // eslint-disable-line

    if (option.keydown !== undefined) keydown = option.keydown; // eslint-disable-line

    if (typeof option.splitKey === 'string') splitKey = option.splitKey; // eslint-disable-line
  }

  if (typeof option === 'string') scope = option; // 对于每个快捷键进行处理

  for (; i < keys.length; i++) {
    key = keys[i].split(splitKey); // 按键列表

    mods = []; // 如果是组合快捷键取得组合快捷键

    if (key.length > 1) mods = getMods(_modifier, key); // 将非修饰键转化为键码

    key = key[key.length - 1];
    key = key === '*' ? '*' : code(key); // *表示匹配所有快捷键
    // 判断key是否在_handlers中，不在就赋一个空数组

    if (!(key in _handlers)) _handlers[key] = [];

    _handlers[key].push({
      keyup: keyup,
      keydown: keydown,
      scope: scope,
      mods: mods,
      shortcut: keys[i],
      method: method,
      key: keys[i],
      splitKey: splitKey
    });
  } // 在全局document上设置快捷键


  if (typeof element !== 'undefined' && !isElementBind(element) && window) {
    elementHasBindEvent.push(element);
    addEvent(element, 'keydown', function (e) {
      dispatch(e);
    });
    addEvent(window, 'focus', function () {
      _downKeys = [];
    });
    addEvent(element, 'keyup', function (e) {
      dispatch(e);
      clearModifier(e);
    });
  }
}

var _api = {
  setScope: setScope,
  getScope: getScope,
  deleteScope: deleteScope,
  getPressedKeyCodes: getPressedKeyCodes,
  isPressed: isPressed,
  filter: filter,
  unbind: unbind
};

for (var a in _api) {
  if (Object.prototype.hasOwnProperty.call(_api, a)) {
    hotkeys[a] = _api[a];
  }
}

if (typeof window !== 'undefined') {
  var _hotkeys = window.hotkeys;

  hotkeys.noConflict = function (deep) {
    if (deep && window.hotkeys === hotkeys) {
      window.hotkeys = _hotkeys;
    }

    return hotkeys;
  };

  window.hotkeys = hotkeys;
}

function useHotkeys(keys, callback, options, deps) {
  if (options instanceof Array) {
    deps = options;
    options = undefined;
  }

  const {
    enableOnTags,
    filter
  } = options || {};
  const memoisedCallback = useCallback(callback, deps || []);
  useEffect(() => {
    if (options && options.enableOnTags) {
      hotkeys.filter = ({
        target,
        srcElement
      }) => {
        // @ts-ignore
        const targetTagName = target && target.tagName || srcElement && srcElement.tagName;
        return Boolean(targetTagName && enableOnTags && enableOnTags.includes(targetTagName));
      };
    }

    if (filter) hotkeys.filter = filter;
    hotkeys(keys, options || {}, memoisedCallback);
    return () => hotkeys.unbind(keys, memoisedCallback);
  }, [memoisedCallback, options]);
}

function t(t) {
  for (var n = arguments.length, r = Array(n > 1 ? n - 1 : 0), e = 1; e < n; e++) r[e - 1] = arguments[e];

  throw Error("[Immer] minified error nr: " + t + (r.length ? " " + r.join(",") : "") + ". Find the full error at: https://bit.ly/3cXEKWf");
}

function n(t) {
  return !!t && !!t[H];
}

function r(t) {
  return !!t && (function (t) {
    if (!t || "object" != typeof t) return !1;
    var n = Object.getPrototypeOf(t);
    return !n || n === Object.prototype;
  }(t) || Array.isArray(t) || !!t[B] || !!t.constructor[B] || s(t) || p(t));
}

function i(t, n, r) {
  void 0 === r && (r = !1), 0 === o(t) ? (r ? Object.keys : V)(t).forEach(function (e) {
    r && "symbol" == typeof e || n(e, t[e], t);
  }) : t.forEach(function (r, e) {
    return n(e, r, t);
  });
}

function o(t) {
  var n = t[H];
  return n ? n.i > 3 ? n.i - 4 : n.i : Array.isArray(t) ? 1 : s(t) ? 2 : p(t) ? 3 : 0;
}

function u(t, n) {
  return 2 === o(t) ? t.has(n) : Object.prototype.hasOwnProperty.call(t, n);
}

function a$1(t, n) {
  return 2 === o(t) ? t.get(n) : t[n];
}

function f(t, n, r) {
  var e = o(t);
  2 === e ? t.set(n, r) : 3 === e ? (t.delete(n), t.add(r)) : t[n] = r;
}

function c(t, n) {
  return t === n ? 0 !== t || 1 / t == 1 / n : t != t && n != n;
}

function s(t) {
  return U && t instanceof Map;
}

function p(t) {
  return W && t instanceof Set;
}

function v(t) {
  return t.o || t.t;
}

function l(t) {
  if (Array.isArray(t)) return t.slice();
  var n = Object.getOwnPropertyDescriptors(t);

  for (var r in delete n[H], n) {
    var e = n[r];
    !1 === e.writable && (e.writable = !0, e.configurable = !0), (e.get || e.set) && (n[r] = {
      configurable: !0,
      writable: !0,
      enumerable: e.enumerable,
      value: t[r]
    });
  }

  return Object.create(Object.getPrototypeOf(t), n);
}

function d(t, e) {
  Object.isFrozen(t) || n(t) || !r(t) || (o(t) > 1 && (t.set = t.add = t.clear = t.delete = h), Object.freeze(t), e && i(t, function (t, n) {
    return d(n, !0);
  }, !0));
}

function h() {
  t(2);
}

function b(n) {
  var r = Y[n];
  return r || t( 19, n), r;
}

function m() {
  return $;
}

function _(t, n) {
  n && (b("Patches"), t.u = [], t.s = [], t.p = n);
}

function j(t) {
  O(t), t.v.forEach(w), t.v = null;
}

function O(t) {
  t === $ && ($ = t.l);
}

function g(t) {
  return $ = {
    v: [],
    l: $,
    h: t,
    m: !0,
    _: 0
  };
}

function w(t) {
  var n = t[H];
  0 === n.i || 1 === n.i ? n.j() : n.O = !0;
}

function S(n, e) {
  e._ = e.v.length;
  var i = e.v[0],
      o = void 0 !== n && n !== i;
  return e.h.g || b("ES5").S(e, n, o), o ? (i[H].P && (j(e), t(4)), r(n) && (n = P(e, n), e.l || A(e, n)), e.u && b("Patches").M(i[H], n, e.u, e.s)) : n = P(e, i, []), j(e), e.u && e.p(e.u, e.s), n !== q ? n : void 0;
}

function P(t, n, r) {
  if (null == (e = n) || "object" != typeof e || Object.isFrozen(e)) return n;
  var e,
      o = n[H];
  if (!o) return i(n, function (e, i) {
    return M(t, o, n, e, i, r);
  }, !0), n;
  if (o.A !== t) return n;
  if (!o.P) return A(t, o.t, !0), o.t;

  if (!o.I) {
    o.I = !0, o.A._--;
    var u = 4 === o.i || 5 === o.i ? o.o = l(o.k) : o.o;
    i(u, function (n, e) {
      return M(t, o, u, n, e, r);
    }), A(t, u, !1), r && t.u && b("Patches").R(o, r, t.u, t.s);
  }

  return o.o;
}

function M(e, i, o, a, c, s) {
  if (n(c)) {
    var p = P(e, c, s && i && 3 !== i.i && !u(i.D, a) ? s.concat(a) : void 0);
    if (f(o, a, p), !n(p)) return;
    e.m = !1;
  }

  if (r(c) && !Object.isFrozen(c)) {
    if (!e.h.N && e._ < 1) return;
    P(e, c), i && i.A.l || A(e, c);
  }
}

function A(t, n, r) {
  void 0 === r && (r = !1), t.h.N && t.m && d(n, r);
}

function x(t, n) {
  var r = t[H];
  return (r ? v(r) : t)[n];
}

function z(t) {
  t.P || (t.P = !0, t.l && z(t.l));
}

function I(t) {
  t.o || (t.o = l(t.t));
}

function E(t, n, r) {
  var e = s(n) ? b("MapSet").T(n, r) : p(n) ? b("MapSet").F(n, r) : t.g ? function (t, n) {
    var r = Array.isArray(t),
        e = {
      i: r ? 1 : 0,
      A: n ? n.A : m(),
      P: !1,
      I: !1,
      D: {},
      l: n,
      t: t,
      k: null,
      o: null,
      j: null,
      C: !1
    },
        i = e,
        o = Z;
    r && (i = [e], o = tt);
    var u = Proxy.revocable(i, o),
        a = u.revoke,
        f = u.proxy;
    return e.k = f, e.j = a, f;
  }(n, r) : b("ES5").J(n, r);
  return (r ? r.A : m()).v.push(e), e;
}

function k$1(e) {
  return n(e) || t(22, e), function t(n) {
    if (!r(n)) return n;
    var e,
        u = n[H],
        c = o(n);

    if (u) {
      if (!u.P && (u.i < 4 || !b("ES5").K(u))) return u.t;
      u.I = !0, e = R(n, c), u.I = !1;
    } else e = R(n, c);

    return i(e, function (n, r) {
      u && a$1(u.t, n) === r || f(e, n, t(r));
    }), 3 === c ? new Set(e) : e;
  }(e);
}

function R(t, n) {
  switch (n) {
    case 2:
      return new Map(t);

    case 3:
      return Array.from(t);
  }

  return l(t);
}

var K,
    $,
    G = "undefined" != typeof Symbol && "symbol" == typeof Symbol("x"),
    U = "undefined" != typeof Map,
    W = "undefined" != typeof Set,
    X = "undefined" != typeof Proxy && void 0 !== Proxy.revocable && "undefined" != typeof Reflect,
    q = G ? Symbol("immer-nothing") : ((K = {})["immer-nothing"] = !0, K),
    B = G ? Symbol("immer-draftable") : "__$immer_draftable",
    H = G ? Symbol("immer-state") : "__$immer_state",
    V = "undefined" != typeof Reflect && Reflect.ownKeys ? Reflect.ownKeys : void 0 !== Object.getOwnPropertySymbols ? function (t) {
  return Object.getOwnPropertyNames(t).concat(Object.getOwnPropertySymbols(t));
} : Object.getOwnPropertyNames,
    Y = {},
    Z = {
  get: function (t, n) {
    if (n === H) return t;
    var e = v(t);
    if (!u(e, n)) return function (t, n, r) {
      if (r in n) for (var e = Object.getPrototypeOf(n); e;) {
        var i,
            o = Object.getOwnPropertyDescriptor(e, r);
        if (o) return "value" in o ? o.value : null === (i = o.get) || void 0 === i ? void 0 : i.call(t.k);
        e = Object.getPrototypeOf(e);
      }
    }(t, e, n);
    var i = e[n];
    return t.I || !r(i) ? i : i === x(t.t, n) ? (I(t), t.o[n] = E(t.A.h, i, t)) : i;
  },
  has: function (t, n) {
    return n in v(t);
  },
  ownKeys: function (t) {
    return Reflect.ownKeys(v(t));
  },
  set: function (t, n, r) {
    if (t.D[n] = !0, !t.P) {
      if (c(r, x(v(t), n)) && void 0 !== r) return !0;
      I(t), z(t);
    }

    return t.o[n] = r, !0;
  },
  deleteProperty: function (t, n) {
    return void 0 !== x(t.t, n) || n in t.t ? (t.D[n] = !1, I(t), z(t)) : delete t.D[n], t.o && delete t.o[n], !0;
  },
  getOwnPropertyDescriptor: function (t, n) {
    var r = v(t),
        e = Reflect.getOwnPropertyDescriptor(r, n);
    return e ? {
      writable: !0,
      configurable: 1 !== t.i || "length" !== n,
      enumerable: e.enumerable,
      value: r[n]
    } : e;
  },
  defineProperty: function () {
    t(11);
  },
  getPrototypeOf: function (t) {
    return Object.getPrototypeOf(t.t);
  },
  setPrototypeOf: function () {
    t(12);
  }
},
    tt = {};
i(Z, function (t, n) {
  tt[t] = function () {
    return arguments[0] = arguments[0][0], n.apply(this, arguments);
  };
}), tt.deleteProperty = function (n, r) {
  return Z.deleteProperty.call(this, n[0], r);
}, tt.set = function (n, r, e) {
  return Z.set.call(this, n[0], r, e, n[0]);
};

var nt = function () {
  function e(t) {
    this.g = X, this.N = "production" !== "production", "boolean" == typeof (null == t ? void 0 : t.useProxies) && this.setUseProxies(t.useProxies), "boolean" == typeof (null == t ? void 0 : t.autoFreeze) && this.setAutoFreeze(t.autoFreeze), this.produce = this.produce.bind(this), this.produceWithPatches = this.produceWithPatches.bind(this);
  }

  var i = e.prototype;
  return i.produce = function (n, e, i) {
    if ("function" == typeof n && "function" != typeof e) {
      var o = e;
      e = n;
      var u = this;
      return function (t) {
        var n = this;
        void 0 === t && (t = o);

        for (var r = arguments.length, i = Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++) i[a - 1] = arguments[a];

        return u.produce(t, function (t) {
          var r;
          return (r = e).call.apply(r, [n, t].concat(i));
        });
      };
    }

    var a;

    if ("function" != typeof e && t(6), void 0 !== i && "function" != typeof i && t(7), r(n)) {
      var f = g(this),
          c = E(this, n, void 0),
          s = !0;

      try {
        a = e(c), s = !1;
      } finally {
        s ? j(f) : O(f);
      }

      return "undefined" != typeof Promise && a instanceof Promise ? a.then(function (t) {
        return _(f, i), S(t, f);
      }, function (t) {
        throw j(f), t;
      }) : (_(f, i), S(a, f));
    }

    if (!n || "object" != typeof n) {
      if ((a = e(n)) === q) return;
      return void 0 === a && (a = n), this.N && d(a, !0), a;
    }

    t(21, n);
  }, i.produceWithPatches = function (t, n) {
    var r,
        e,
        i = this;
    return "function" == typeof t ? function (n) {
      for (var r = arguments.length, e = Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++) e[o - 1] = arguments[o];

      return i.produceWithPatches(n, function (n) {
        return t.apply(void 0, [n].concat(e));
      });
    } : [this.produce(t, n, function (t, n) {
      r = t, e = n;
    }), r, e];
  }, i.createDraft = function (e) {
    r(e) || t(8), n(e) && (e = k$1(e));
    var i = g(this),
        o = E(this, e, void 0);
    return o[H].C = !0, O(i), o;
  }, i.finishDraft = function (n, r) {
    var e = n && n[H];
    var i = e.A;
    return _(i, r), S(void 0, i);
  }, i.setAutoFreeze = function (t) {
    this.N = t;
  }, i.setUseProxies = function (n) {
    n && !X && t(20), this.g = n;
  }, i.applyPatches = function (t, r) {
    var e;

    for (e = r.length - 1; e >= 0; e--) {
      var i = r[e];

      if (0 === i.path.length && "replace" === i.op) {
        t = i.value;
        break;
      }
    }

    var o = b("Patches").$;
    return n(t) ? o(t, r) : this.produce(t, function (t) {
      return o(t, r.slice(e + 1));
    });
  }, e;
}(),
    rt = new nt(),
    et = rt.produce,
    it = rt.produceWithPatches.bind(rt),
    ot = rt.setAutoFreeze.bind(rt),
    ut = rt.setUseProxies.bind(rt),
    at = rt.applyPatches.bind(rt),
    ft = rt.createDraft.bind(rt),
    ct = rt.finishDraft.bind(rt);

function u$1(t) {
  var i = useState(t),
      u = i[1];
  return [i[0], useCallback(function (n) {
    u(et(n));
  }, [])];
}

/**
 * The underlying DOM element which is rendered by this component.
 */

const Root = "div";

function NavigationFooter({
  prev,
  next,
  Link,
  className,
  ...props
}, ref)
/* FIXME */
{
  return /*#__PURE__*/React__default.createElement(Root, {
    ref: ref,
    ...props,
    className: cx(className, "c1yyyu0v")
  }, /*#__PURE__*/React__default.createElement("div", {
    className: "c1w6f8v5"
  }, /*#__PURE__*/React__default.createElement("div", {
    className: "cyhmtox"
  }, prev && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SecondaryLabel, null, prev.context || "/"), /*#__PURE__*/React__default.createElement(PrimaryLink, {
    Link: Link,
    href: prev.href
  }, prev.label))), /*#__PURE__*/React__default.createElement("div", {
    className: "c128724y"
  }, next && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SecondaryLabel, null, next.context || "/"), /*#__PURE__*/React__default.createElement(PrimaryLink, {
    Link: Link,
    href: next.href
  }, next.label)))));
}

var NavigationFooter$1 = React__default.forwardRef(NavigationFooter);

const PrimaryLink = ({
  href,
  Link,
  children
}) => {
  return /*#__PURE__*/React__default.createElement(Link, {
    href: href
  }, /*#__PURE__*/React__default.createElement("a", {
    className: "cuyp32u"
  }, children));
};

const SecondaryLabel = ({
  children
}) => /*#__PURE__*/React__default.createElement("div", {
  className: "c1v3j8yk"
}, children);

function memoize(fn) {
  var cache = {};
  return function (arg) {
    if (cache[arg] === undefined) cache[arg] = fn(arg);
    return cache[arg];
  };
}

var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23

var index = memoize(function (prop) {
  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
  /* o */
  && prop.charCodeAt(1) === 110
  /* n */
  && prop.charCodeAt(2) < 91;
}
/* Z+1 */
);

/**
 * This file contains an runtime version of `styled` component. Responsibilities of the component are:
 * - returns ReactElement based on HTML tag used with `styled` or custom React Component
 * - injects classNames for the returned component
 * - injects CSS variables used to define dynamic styles based on props
 */

const warnIfInvalid = (value, componentName) => {
}; // If styled wraps custom component, that component should have className property


function styled(tag) {
  return options => {

    const render = (props, ref) => {
      const {
        as: component = tag,
        class: className,
        ...rest
      } = props;
      let filteredProps; // Check if it's an HTML tag and not a custom element

      if (typeof component === 'string' && component.indexOf('-') === -1) {
        filteredProps = {}; // eslint-disable-next-line guard-for-in

        for (const key in rest) {
          if (key === 'as' || index(key)) {
            // Don't pass through invalid attributes to HTML elements
            filteredProps[key] = rest[key];
          }
        }
      } else {
        filteredProps = rest;
      }

      filteredProps.ref = ref;
      filteredProps.className = cx(filteredProps.className || className, options.class);
      const {
        vars
      } = options;

      if (vars) {
        const style = {}; // eslint-disable-next-line guard-for-in

        for (const name in vars) {
          const variable = vars[name];
          const result = variable[0];
          const unit = variable[1] || '';
          const value = typeof result === 'function' ? result(props) : result;
          warnIfInvalid(value, options.name);
          style[`--${name}`] = `${value}${unit}`;
        }

        filteredProps.style = Object.assign(style, filteredProps.style);
      }

      if (tag.__linaria && tag !== component) {
        // If the underlying tag is a styled component, forward the `as` prop
        // Otherwise the styles from the underlying component will be ignored
        filteredProps.as = component;
        return createElement(tag, filteredProps);
      }

      return createElement(component, filteredProps);
    };

    const Result = forwardRef ? forwardRef(render) : // React.forwardRef won't available on older React versions and in Preact
    // Fallback to a innerRef prop in that case
    ({
      innerRef,
      ...rest
    }) => render(rest, innerRef);
    Result.displayName = options.name; // These properties will be read by the babel plugin for interpolation

    Result.__linaria = {
      className: options.class,
      extends: tag
    };
    return Result;
  };
}

var styled$1 =  styled;

const anchorize = children => {
  if (typeof children === "string") {
    return children.toLowerCase().replace(/[ _]+/g, "-").replace(/[!:^*./\\]/g, "");
  } else {
    return undefined;
  }
};

function Heading(Component) {
  return props => {
    const id = anchorize(props.children);
    return /*#__PURE__*/React__default.createElement(Component, {
      id: id,
      ...props
    }, /*#__PURE__*/React__default.createElement("a", {
      className: "c4nva9o",
      href: id && `#${id}`
    }, "#"), props.children);
  };
}

const h1 = /*#__PURE__*/styled$1("h1")({
  name: "h1",
  class: "h116aw7w"
});
const h2 = Heading( /*#__PURE__*/styled$1("h2")({
  name: "h2",
  class: "h17x51iq"
}));
const h3 = Heading( /*#__PURE__*/styled$1("h3")({
  name: "h3",
  class: "hcvle6x"
}));
const h4 = Heading( /*#__PURE__*/styled$1("h4")({
  name: "h4",
  class: "h21lry4"
}));
const a$2 = /*#__PURE__*/styled$1("a")({
  name: "a",
  class: "a1gcc7y8"
});
const blockquote = /*#__PURE__*/styled$1("blockquote")({
  name: "blockquote",
  class: "b13523mb"
});
const hr = /*#__PURE__*/styled$1("hr")({
  name: "hr",
  class: "hmvh8t2"
});

var mdxComponentsBase = /*#__PURE__*/Object.freeze({
  __proto__: null,
  h1: h1,
  h2: h2,
  h3: h3,
  h4: h4,
  a: a$2,
  blockquote: blockquote,
  hr: hr
});

const Section = ({
  location,
  Link,
  label,
  path,
  children = []
}) => {
  const [active, setActive] = React__default.useState(() => {
    if (path) {
      return location.asPath.startsWith(path);
    } else if (children.length > 0) {
      return children.some(({
        path
      }) => path && location.asPath.startsWith(path));
    } else {
      return false;
    }
  });
  React__default.useEffect(() => {
    if (path && location.asPath.startsWith(path)) {
      setActive(true);
    }
  }, [path, location.asPath]);
  return /*#__PURE__*/React__default.createElement("section", {
    className: "ckwreg6"
  }, /*#__PURE__*/React__default.createElement("div", {
    "data-active": location.asPath === path
  }, path ? /*#__PURE__*/React__default.createElement(Link, {
    href: path
  }, /*#__PURE__*/React__default.createElement("a", null, label)) : /*#__PURE__*/React__default.createElement("a", {
    href: "#",
    onClick: () => setActive(x => !x)
  }, label)), active && children.map((c, i) => /*#__PURE__*/React__default.createElement(Section, {
    key: i,
    location: location,
    Link: Link,
    ...c
  })));
};

function Sidebar({
  location,
  toc,
  Link,
  search
}) {
  return /*#__PURE__*/React__default.createElement("aside", {
    className: cx("cd6mam1")
  }, /*#__PURE__*/React__default.createElement("div", {
    className: "cg1tx3p"
  }, search && /*#__PURE__*/React__default.createElement(Search, { ...search
  }), /*#__PURE__*/React__default.createElement("nav", null, toc.map((c, i) => /*#__PURE__*/React__default.createElement(Section, {
    key: i,
    location: location,
    Link: Link,
    ...c
  })))));
}

const Search = ({
  open,
  label
}) => {
  return /*#__PURE__*/React__default.createElement("div", {
    className: "c1phyepu"
  }, /*#__PURE__*/React__default.createElement("div", {
    role: "button",
    className: "c1bc00mp",
    onClick: open
  }, /*#__PURE__*/React__default.createElement("svg", {
    x: "0px",
    y: "0px",
    width: "12px",
    height: "12px",
    viewBox: "0 0 12 12"
  }, /*#__PURE__*/React__default.createElement("path", {
    d: "M11.707 10.293l-2.54-2.54a5.015 5.015 0 10-1.414 1.414l2.54 2.54a1 1 0 001.414-1.414zM2 5a3 3 0 113 3 3 3 0 01-3-3z",
    fill: "currentColor"
  })), label || "Quick Find"));
};

const theme = "t1upv9l2";

/**
 * The underlying DOM element which is rendered by this component.
 */

const Root$1 = "div";

function Page({
  location,
  toc,
  Link,
  className,
  search,
  mdxComponents,
  children,
  ...props
}, ref)
/* FIXME */
{
  const [state, mutate] = u$1({
    search: {
      open: false
    }
  });
  useHotkeys("command+p,escape", (ev, handler) => {
    switch (handler.key) {
      case "command+p":
        {
          ev.preventDefault();
          mutate(draft => {
            draft.search.open = !draft.search.open;
          });
          return;
        }

      case "escape":
        {
          mutate(draft => {
            draft.search.open = false;
          });
          return;
        }
    }
  }, {
    enableOnTags: ["BODY", "INPUT"]
  });
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Root$1, {
    ref: ref,
    ...props,
    className: cx(className, theme, "c1w36cte")
  }, /*#__PURE__*/React__default.createElement("div", {
    className: "c93l4wj"
  }, /*#__PURE__*/React__default.createElement(Sidebar, {
    location: location,
    toc: toc,
    Link: Link,
    search: search && {
      open: () => {
        mutate(draft => {
          draft.search.open = true;
        });
      },
      ...search
    }
  })), /*#__PURE__*/React__default.createElement("div", {
    className: "chbgjpv"
  }, /*#__PURE__*/React__default.createElement("div", {
    className: grid
  }, /*#__PURE__*/React__default.createElement(MDXProvider, {
    components: { ...mdxComponentsBase,
      ...mdxComponents
    }
  }, children)), (() => {
    function flatten(n, parents) {
      let ret = [];

      if (n.path) {
        ret.push({
          parents,
          label: n.label,
          path: n.path
        });
      }

      if (n.children) {
        ret = [...ret, ...n.children.flatMap(c => flatten(c, [...parents, n]))];
      }

      return ret;
    }

    const items = toc.flatMap(n => flatten(n, []));
    const index = items.findIndex(v => v.path === location.asPath.replace(/#.*/, ""));

    if (index === -1) {
      return null;
    }

    function toLink(index) {
      const item = items[index];

      if (item === undefined) {
        return undefined;
      } else {
        return {
          href: item.path,
          label: item.label,
          context: item.parents.map(x => x.label).join(" / ")
        };
      }
    }

    return /*#__PURE__*/React__default.createElement("div", {
      className: "c14ezhf4"
    }, /*#__PURE__*/React__default.createElement(NavigationFooter$1, {
      Link: Link,
      prev: toLink(index - 1),
      next: toLink(index + 1)
    }));
  })())), search && /*#__PURE__*/React__default.createElement(search.Component, { ...state.search
  }));
}

var Page$1 = React__default.forwardRef(Page);

export { Page$1 as Page, extendedWidth, fullWidth, theme };