@startlibs/core 1.0.7 → 1.2.0-rc.1

package/lib/index.js

@@ -1,1921 +0,0 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _debounce from 'lodash/fp/debounce';
-import React, { useCallback, useState, useRef, useEffect, useMemo, useContext, useLayoutEffect, useReducer, useInsertionEffect, startTransition, use } from 'react';
-import { callIfFunction, fixMediaQuery, ifUndefined, formatPath, _s, callIfFunctions, callMany } from '@startlibs/utils';
-import { clearPopups as clearPopups$1, SlotProvider as SlotProvider$1, willUseSharedCallback as willUseSharedCallback$1, useConsumerCatalog as useConsumerCatalog$1, useRefState as useRefState$1, useIsUnmounted as useIsUnmounted$1, useCatalogManager as useCatalogManager$1, willUseSharedState as willUseSharedState$1, useConstant as useConstant$1, useCallState as useCallState$1, useToggle as useToggle$1, willUseLayers as willUseLayers$1, useForceUpdate as useForceUpdate$1, useLazyConstant as useLazyConstant$1 } from '@startlibs/core';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _set from 'lodash/fp/set';
-import _update from 'lodash/fp/update';
-import _isFunction from 'lodash/fp/isFunction';
-import _get from 'lodash/fp/get';
-import _isArray from 'lodash/fp/isArray';
-import _isString from 'lodash/fp/isString';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import _objectSpread from '@babel/runtime/helpers/objectSpread';
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _unset from 'lodash/fp/unset';
-import _uniqueId from 'lodash/fp/uniqueId';
-import _differenceBy from 'lodash/fp/differenceBy';
-import _findIndex from 'lodash/fp/findIndex';
-import _isFinite from 'lodash/fp/isFinite';
-import _max from 'lodash/fp/max';
-import _flatMap from 'lodash/fp/flatMap';
-import _without from 'lodash/fp/without';
-import _union from 'lodash/fp/union';
-import _flow from 'lodash/fp/flow';
-import ReactDOM from 'react-dom';
-import styled from 'styled-components';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import mitt from 'mitt';
-import _typeof from '@babel/runtime/helpers/typeof';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _isPlainObject from 'lodash/fp/isPlainObject';
-import _identity from 'lodash/fp/identity';
-import 'lodash/array';
-
-var StartlibsContext = React.createContext({});
-var PopupContext = React.createContext({});
-var StartlibsMetacontext = React.createContext(function () {});
-var StartlibsConsumer = StartlibsContext.Consumer;
-var wrappeStyle = {
-  height: '100%'
-};
-var StartlibsProvider =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(StartlibsProvider, _React$Component);
-
-  function StartlibsProvider() {
-    var _getPrototypeOf2;
-
-    var _this;
-
-    _classCallCheck(this, StartlibsProvider);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(StartlibsProvider)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    _this.openToggles = new Map();
-
-    _this.popupToggleRender = function (_ref, ref) {
-      var isOpen = _ref.isOpen,
-          close = _ref.close;
-
-      if (isOpen && !_this.openToggles.has(ref)) {
-        _this.closePopup();
-
-        _this.openToggles.set(ref, close);
-      }
-    };
-
-    _this.closePopup = function () {
-      clearPopups$1();
-    };
-
-    _this.startlibsMeta = new Map();
-
-    _this.getMeta = function (key, initValue) {
-      var exists = _this.startlibsMeta.get(key);
-
-      if (exists) return exists;
-
-      _this.startlibsMeta.set(key, callIfFunction(initValue));
-
-      return initValue;
-    };
-
-    return _this;
-  }
-
-  _createClass(StartlibsProvider, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      fixMediaQuery();
-
-      var addVHFix = function addVHFix() {
-        var _document$documentEle, _document$documentEle2;
-
-        var vh = window.innerHeight * 0.01;
-        (_document$documentEle = document.documentElement) === null || _document$documentEle === void 0 ? void 0 : (_document$documentEle2 = _document$documentEle.style) === null || _document$documentEle2 === void 0 ? void 0 : _document$documentEle2.setProperty('--vh', "".concat(vh, "px"));
-      };
-
-      window.addEventListener('resize', _debounce(200, addVHFix));
-      addVHFix();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return React.createElement(StartlibsContext.Provider, {
-        value: this.props.value
-      }, React.createElement(StartlibsMetacontext.Provider, {
-        value: this.getMeta
-      }, React.createElement(PopupContext.Provider, {
-        value: this.popupToggleRender
-      }, React.createElement("div", {
-        style: wrappeStyle,
-        onClick: this.closePopup
-      }, React.createElement(SlotProvider$1, null, this.props.children)))));
-    }
-  }]);
-
-  return StartlibsProvider;
-}(React.Component);
-
-var willUseLayers = function willUseLayers() {
-  var useEffect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : React.useEffect;
-
-  var _willUseSharedCallbac = willUseSharedCallback$1(useEffect),
-      _willUseSharedCallbac2 = _slicedToArray(_willUseSharedCallbac, 3),
-      useRegisterSharedCallback = _willUseSharedCallbac2[0],
-      callGroup = _willUseSharedCallbac2[1],
-      _getSize = _willUseSharedCallbac2[2];
-
-  var useLayer = function useLayer() {
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        onFirst = _ref.onFirst,
-        onEmpty = _ref.onEmpty,
-        onTop = _ref.onTop,
-        onRemove = _ref.onRemove;
-
-    var listener = arguments.length > 1 ? arguments[1] : undefined;
-    var resetIndex = useCallback(function () {
-      setIndex(getIndex());
-
-      if (getIndex() + 1 === _getSize()) {
-        callIfFunction(onTop, getIndex);
-      }
-    }, []);
-    var getIndex = useRegisterSharedCallback(resetIndex, listener);
-
-    var _useState = useState(getIndex()),
-        _useState2 = _slicedToArray(_useState, 2),
-        index = _useState2[0],
-        setIndex = _useState2[1];
-
-    useEffect(function () {
-      if (getIndex() === 0) {
-        callIfFunction(onFirst);
-      }
-
-      resetIndex();
-      return function () {
-        callIfFunction(onRemove, _getSize());
-
-        if (_getSize() === 0) {
-          callIfFunction(onEmpty);
-        }
-
-        callGroup();
-      };
-    }, []);
-    return [index, {
-      isFirst: function isFirst() {
-        return getIndex() === 1;
-      },
-      isTop: function isTop() {
-        return getIndex() === _getSize() - 1;
-      },
-      isEmpty: function isEmpty() {
-        return _getSize() === 0;
-      },
-      getSize: function getSize() {
-        return _getSize();
-      }
-    }];
-  };
-
-  return [useLayer, _getSize];
-};
-
-var callList = function callList(list, firstArg) {
-  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    args[_key - 2] = arguments[_key];
-  }
-
-  return list.map(function (_ref) {
-    var current = _ref.current;
-    return typeof firstArg === 'function' ? firstArg(current) : current.apply(void 0, [firstArg].concat(args));
-  });
-};
-
-var willUseSharedCallback = function willUseSharedCallback() {
-  var useEffect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : React.useEffect;
-  var mountedCallbacks = [];
-  var listenerCallbacks = [];
-
-  var remove = function remove(ref) {
-    return mountedCallbacks = mountedCallbacks.filter(function (_) {
-      return _ !== ref;
-    });
-  };
-
-  var add = function add(ref) {
-    return mountedCallbacks = mountedCallbacks.concat([ref]);
-  };
-
-  var get = function get() {
-    return mountedCallbacks;
-  };
-
-  var removeListener = function removeListener(ref) {
-    return listenerCallbacks = listenerCallbacks.filter(function (_) {
-      return _ !== ref;
-    });
-  };
-
-  var addListener = function addListener(ref) {
-    return listenerCallbacks = listenerCallbacks.concat([ref]);
-  };
-
-  var getListeners = function getListeners(ref) {
-    return listenerCallbacks;
-  };
-
-  var lastCall = {
-    current: null,
-    index: 0
-  };
-
-  var call = function call() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
-    var resp = callList.apply(void 0, [get()].concat(args));
-    callList.apply(void 0, [getListeners()].concat(args));
-    lastCall.current = args;
-    lastCall.index++;
-    return resp;
-  };
-
-  var getSize = function getSize() {
-    return get().length;
-  };
-
-  var useRegister = function useRegister(callback) {
-    var listener = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var ref = useRef(callback);
-
-    if (ref.current !== callback) {
-      ref.current = callback;
-    }
-
-    var lastCallIndex = lastCall.index;
-    useEffect(function () {
-      if (!ref.current) {
-        return;
-      }
-
-      if (listener) {
-        addListener(ref);
-      } else {
-        add(ref);
-
-        if (lastCallIndex !== lastCall.index && lastCall.current) {
-          callList.apply(void 0, [[ref]].concat(_toConsumableArray(lastCall.current)));
-        }
-      }
-
-      return function () {
-        if (listener) {
-          removeListener(ref);
-        } else {
-          remove(ref);
-        }
-      };
-    }, []);
-    return function () {
-      return get().indexOf(ref);
-    };
-  };
-
-  return [useRegister, call, getSize];
-};
-
-var notDefined = {};
-var willUseSharedState = function willUseSharedState(initialValue) {
-  var _willUseSharedCallbac = willUseSharedCallback$1(),
-      _willUseSharedCallbac2 = _slicedToArray(_willUseSharedCallbac, 3),
-      useRegisterGroupCallback = _willUseSharedCallbac2[0],
-      callGroup = _willUseSharedCallbac2[1],
-      getSize = _willUseSharedCallbac2[2];
-
-  var sharedValue = ifUndefined(initialValue, notDefined);
-
-  var setGroupState = function setGroupState(newValue) {
-    sharedValue = callIfFunction(newValue, sharedValue);
-    callGroup(sharedValue);
-  };
-
-  var refState = function refState() {
-    useRegisterGroupCallback();
-    return [function () {
-      return sharedValue;
-    }, setGroupState];
-  };
-
-  var valueState = function valueState(defaultValue) {
-    var prevValue = sharedValue !== notDefined ? sharedValue : defaultValue;
-
-    if (prevValue === defaultValue) {
-      sharedValue = defaultValue;
-    }
-
-    var _useState = useState(prevValue),
-        _useState2 = _slicedToArray(_useState, 2),
-        value = _useState2[0],
-        setValue = _useState2[1];
-
-    useRegisterGroupCallback(setValue);
-    return [value, setGroupState];
-  };
-
-  var clear = function clear() {
-    sharedValue = notDefined;
-  };
-
-  return [valueState, refState, setGroupState, function () {
-    return sharedValue;
-  }, clear];
-};
-
-var updateAllInputsState = function updateAllInputsState(inputs, values) {
-  var deferedUndefined = [];
-  inputs.forEach(function (input) {
-    var _input = _slicedToArray(input, 2),
-        setValue = _input[0],
-        selector = _input[1];
-
-    var newValue = selector(values);
-
-    if (newValue === undefined) {
-      deferedUndefined.push([setValue, newValue]);
-    } else {
-      setValue(newValue);
-    }
-  });
-  deferedUndefined.forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        set = _ref2[0],
-        value = _ref2[1];
-
-    return set(value);
-  });
-};
-
-var pathSelector = function pathSelector(path) {
-  return _s.get(path || []);
-};
-
-var parsePathOrSelector = function parsePathOrSelector(pathOrSelector) {
-  var isNotSelector = typeof pathOrSelector !== 'function';
-
-  if (isNotSelector) {
-    return [formatPath(pathOrSelector), pathSelector(pathOrSelector)];
-  } else {
-    return ['', pathOrSelector];
-  }
-};
-
-var willUseSpreadState = function willUseSpreadState(defaultContextValue) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var Context = React.createContext(defaultContextValue);
-  var EMPTY_GLOBAL = {};
-  var prevInitState = EMPTY_GLOBAL;
-  var globalState = EMPTY_GLOBAL;
-
-  var getGlobalState = function getGlobalState(key) {
-    return _isString(key) || _isArray(key) ? _get(key, globalState) : globalState;
-  };
-
-  var useProvideSpreadState = function useProvideSpreadState(initState, setCallback) {
-    var _useConsumerCatalog = useConsumerCatalog$1(function (input) {
-      return updateAllInputsState([input], state.get());
-    }),
-        _useConsumerCatalog2 = _slicedToArray(_useConsumerCatalog, 2),
-        consumerList = _useConsumerCatalog2[0],
-        manager = _useConsumerCatalog2[1];
-
-    var state = useRefState$1(initState, setCallback);
-
-    if (options.initRefCheck) {
-      if (prevInitState !== initState) {
-        globalState = initState;
-      }
-
-      prevInitState = initState;
-    }
-
-    if (globalState === EMPTY_GLOBAL) {
-      globalState = initState;
-    }
-
-    useEffect(function () {
-      globalState = state.get();
-    }, []);
-
-    var setState = function setState(newState, fastPath, config) {
-      // console.log("Fastpath noop:"+fastPath)
-      state.set(newState, config);
-      globalState = state.get();
-      updateAllInputsState(consumerList(), state.get());
-    };
-
-    var contextValue = useMemo(function () {
-      return [state.get, setState, manager];
-    }, []);
-    return [Context.Provider, contextValue, [state.get, setState]];
-  };
-
-  var useSpreadState = function useSpreadState(pathOrSelector, inputs) {
-    var _useContext = useContext(Context),
-        _useContext2 = _slicedToArray(_useContext, 3),
-        getSpreadState = _useContext2[0],
-        setSpreadState = _useContext2[1],
-        manager = _useContext2[2];
-
-    var _parsePathOrSelector = parsePathOrSelector(pathOrSelector),
-        _parsePathOrSelector2 = _slicedToArray(_parsePathOrSelector, 2),
-        path = _parsePathOrSelector2[0],
-        selector = _parsePathOrSelector2[1];
-
-    var pathOrInput = [path] || inputs || [];
-
-    var _useState = useState(selector(getSpreadState())),
-        _useState2 = _slicedToArray(_useState, 2),
-        value = _useState2[0],
-        setValue = _useState2[1];
-
-    var isUnmounted = useIsUnmounted$1();
-    var currentPath = useRefState$1(path);
-
-    if (path !== currentPath.get()) {
-      /* when path changes, the consumerCatalogCallback will update the new value
-      *  another solution would be to call setValue here directly
-      *  the return value will still be the old, but will be changed before render, just like getDerivedStateFromProps
-      *
-      *  if there's a need for the return value to be the same, the value or, if enters here new value,
-      *  can be returned in an temp variable
-      * */
-      currentPath.set(path);
-    }
-
-    var input = useMemo(function () {
-      return [function (v) {
-        /* noop for elements that may be unregistered while looping through consumerList */
-        if (path === currentPath.get() && !isUnmounted()) {
-          setValue(v);
-        }
-      }, selector];
-    }, pathOrInput);
-    useCatalogManager$1(manager, input);
-    var setState = useCallback(function (v) {
-      return setSpreadState((_isFunction(v) ? pathOrSelector === undefined ? function () {
-        return v;
-      } : _update : _set)(path, v), path);
-    }, pathOrInput);
-
-    var getValue = function getValue() {
-      return selector(getGlobalState());
-    };
-
-    return [value, setState, getValue];
-  };
-
-  return [useProvideSpreadState, useSpreadState, Context, getGlobalState];
-};
-
-var SlotContext = React.createContext(new Map());
-
-var _willUseSharedState = willUseSharedState$1(),
-    _willUseSharedState2 = _slicedToArray(_willUseSharedState, 2),
-    useFillHookState = _willUseSharedState2[0],
-    useFillHookStateRef = _willUseSharedState2[1];
-
-var _willUseSharedState3 = willUseSharedState$1(),
-    _willUseSharedState4 = _slicedToArray(_willUseSharedState3, 2),
-    useHiddenFillHookState = _willUseSharedState4[0],
-    useHiddenFillHookStateRef = _willUseSharedState4[1];
-
-var DEFAULT_CONTEXT = new Map();
-var SlotProvider = function SlotProvider(_ref) {
-  var children = _ref.children;
-  return React.createElement(SlotContext.Provider, {
-    value: DEFAULT_CONTEXT
-  }, children, React.createElement(React.Suspense, {
-    fallback: null
-  }, React.createElement(FillHooks, null)), React.createElement(HiddenFillHooks, null));
-};
-var Slot = function Slot(_ref2) {
-  var name = _ref2.name,
-      children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, ["name", "children"]);
-
-  var ref = useRef();
-  var slotInfo = useConstant$1({
-    ref: ref
-  });
-  var slots = useContext(SlotContext);
-  useLayoutEffect(function () {
-    var previous = slots.get(name);
-    var updates = (previous === null || previous === void 0 ? void 0 : previous.updates) || [];
-
-    if (previous === null || previous === void 0 ? void 0 : previous.children) ;
-
-    slots.set(name, _flow(_update('infos', _union([slotInfo])))(previous));
-    updates.forEach(function (v) {
-      return v({});
-    });
-    return function () {
-      var _previous$infos, _previous$updates;
-
-      var previous = slots.get(name);
-      previous.infos = _without([slotInfo], previous.infos);
-
-      if (!((_previous$infos = previous.infos) === null || _previous$infos === void 0 ? void 0 : _previous$infos.length) && !((_previous$updates = previous.updates) === null || _previous$updates === void 0 ? void 0 : _previous$updates.length)) {
-        slots.delete(name);
-      }
-    };
-  }, [name]);
-  return children ? React.createElement(React.Fragment, null, React.createElement("div", _extends({
-    "data-id": name
-  }, rest, {
-    ref: ref
-  })), React.Children.map(children, function (c) {
-    return React.cloneElement(c, _objectSpread({}, c.props, {
-      name: name,
-      stack: Number.MIN_SAFE_INTEGER
-    }));
-  })) : React.createElement("div", _extends({
-    "data-id": name
-  }, rest, {
-    ref: ref
-  }));
-};
-var Invisible = styled.div.withConfig({
-  displayName: "SlotFill__Invisible",
-  componentId: "h3oh7r-0"
-})(["display:none"]);
-
-var FillBeforeFlip = function FillBeforeFlip(_ref3) {
-  var name = _ref3.name,
-      children = _ref3.children,
-      slot = _ref3.slot;
-  var slots = useContext(SlotContext);
-  var ref = useRef();
-  useLayoutEffect(function () {
-    var _slots$get;
-
-    var infos = ((_slots$get = slots.get(name)) === null || _slots$get === void 0 ? void 0 : _slots$get.infos) || [];
-
-    var mounted = _flatMap(function (_ref4) {
-      var ref = _ref4.ref;
-      return ref === null || ref === void 0 ? void 0 : ref.current;
-    }, infos);
-
-    var clones = [];
-
-    var getClone = function getClone() {
-      var cloned = ref.current.cloneNode(true);
-      cloned.className = 'JS-fill-flip';
-      clones.push(cloned);
-      return cloned;
-    };
-
-    mounted.map(function (_) {
-      return _.appendChild(getClone());
-    });
-    return function () {
-      clones.forEach(function (el) {
-        return el.remove();
-      });
-    };
-  }, []);
-  return React.createElement(Invisible, {
-    ref: ref
-  }, children);
-};
-
-var useFillState = function useFillState(name, stack) {
-  var forceUpdate = React.useState(false)[1];
-  var slots = useContext(SlotContext);
-  var renderSlot = slots.get(name);
-
-  var maxStack = _max(renderSlot === null || renderSlot === void 0 ? void 0 : renderSlot.stacks);
-
-  var onStack = !_isFinite(maxStack) || maxStack === stack;
-  useLayoutEffect(function () {
-    var slot = slots.get(name);
-
-    var updatedSlot = _flow(_update('updates', _union([forceUpdate])), _update('stacks', _union([stack])))(slot);
-
-    slots.set(name, updatedSlot);
-    updatedSlot.updates.forEach(function (v) {
-      return v({});
-    });
-    return function () {
-      var previous = slots.get(name);
-      var index = previous.updates.indexOf(forceUpdate);
-
-      var next = _flow(_update('updates', _s.removeAt(index)), _update('stacks', _s.removeAt(index)))(previous);
-
-      slots.set(name, next);
-      next.updates.forEach(function (v) {
-        return v({});
-      });
-    };
-  }, []);
-  return [renderSlot, onStack];
-};
-
-var Fill = function Fill(_ref5) {
-  var name = _ref5.name,
-      children = _ref5.children,
-      _ref5$stack = _ref5.stack,
-      stack = _ref5$stack === void 0 ? 0 : _ref5$stack,
-      mountBeforeFlip = _ref5.mountBeforeFlip;
-
-  var _useFillState = useFillState(name, stack),
-      _useFillState2 = _slicedToArray(_useFillState, 2),
-      slot = _useFillState2[0],
-      onStack = _useFillState2[1];
-
-  if ((slot === null || slot === void 0 ? void 0 : slot.infos) && onStack) {
-    return slot === null || slot === void 0 ? void 0 : slot.infos.map(function (info) {
-      var _info$ref;
-
-      return ((_info$ref = info.ref) === null || _info$ref === void 0 ? void 0 : _info$ref.current) && ReactDOM.createPortal(callIfFunction(children, info), info.ref.current);
-    });
-  } else if (mountBeforeFlip) {
-    return React.createElement(FillBeforeFlip, {
-      name: name,
-      slot: slot
-    }, children);
-  } else {
-    return null;
-  }
-};
-
-var FillHooks = function FillHooks(_ref6) {
-  _objectDestructuringEmpty(_ref6);
-
-  var _useFillHookState = useFillHookState({}),
-      _useFillHookState2 = _slicedToArray(_useFillHookState, 1),
-      hooked = _useFillHookState2[0];
-
-  return Object.entries(hooked).map(function (_ref7) {
-    var _ref8 = _slicedToArray(_ref7, 2),
-        name = _ref8[0],
-        childs = _ref8[1];
-
-    return childs.map(function (_ref9, i) {
-      var children = _ref9.children;
-      return React.createElement(Fill, {
-        key: name + i,
-        name: name
-      }, children);
-    });
-  });
-};
-
-var uid = 0;
-var useFill = function useFill(name, children, inputs) {
-  var _useFillHookStateRef = useFillHookStateRef(),
-      _useFillHookStateRef2 = _slicedToArray(_useFillHookStateRef, 2),
-      set = _useFillHookStateRef2[1];
-
-  var key = useRef(uid++);
-  useLayoutEffect(function () {
-    if (children) {
-      set(_update([name], function () {
-        var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-        var index = _findIndex(['key', key.current], list);
-
-        var value = {
-          children: children,
-          key: key.current
-        };
-
-        if (index >= 0) {
-          return _set([index], value, list);
-        } else {
-          return list.concat(value);
-        }
-      }));
-    } else {
-      set(_update([name], _differenceBy('key', _differenceBy.placeholder, [{
-        children: children,
-        key: key.current
-      }])));
-    }
-  }, inputs || children);
-  useLayoutEffect(function () {
-    return function () {
-      return set(_update([name], _differenceBy('key', _differenceBy.placeholder, [{
-        key: key.current
-      }])));
-    };
-  }, []);
-};
-
-var HiddenFillHooks = function HiddenFillHooks(_ref10) {
-  _objectDestructuringEmpty(_ref10);
-
-  var _useHiddenFillHookSta = useHiddenFillHookState({}),
-      _useHiddenFillHookSta2 = _slicedToArray(_useHiddenFillHookSta, 1),
-      hookedChildren = _useHiddenFillHookSta2[0];
-
-  return React.createElement("div", null, Object.values(hookedChildren));
-};
-
-var useHiddenFill = function useHiddenFill(children, inputs) {
-  var _useHiddenFillHookSta3 = useHiddenFillHookStateRef(),
-      _useHiddenFillHookSta4 = _slicedToArray(_useHiddenFillHookSta3, 2),
-      set = _useHiddenFillHookSta4[1];
-
-  var _useMemo = useMemo(function () {
-    return _uniqueId("");
-  }, []),
-      _useMemo2 = _slicedToArray(_useMemo, 1),
-      uid = _useMemo2[0];
-
-  set(_set([uid], children ? React.cloneElement(children, {
-    key: uid
-  }) : null));
-  useEffect(function () {
-    return function () {
-      return set(_unset([uid]));
-    };
-  }, []);
-};
-
-var propsOrConsume = function propsOrConsume(prop, Consumer, childrenAsFunction) {
-  return prop ? childrenAsFunction(prop) : React.createElement(Consumer, null, childrenAsFunction);
-};
-
-var addConsumers = function addConsumers(Component, obj) {
-  return Object.entries(obj).reduce(function (acc, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        propKey = _ref2[0],
-        Consumer = _ref2[1];
-
-    return function (props) {
-      return propsOrConsume(props[propKey], Consumer, function (v) {
-        return acc(_objectSpread(_defineProperty({}, propKey, v), props));
-      });
-    };
-  }, function (props) {
-    return React.createElement(Component, props);
-  });
-};
-
-var consumes = function consumes(obj) {
-  return function (Component) {
-    var withConsumers = addConsumers(Component, obj);
-    return function (props) {
-      return withConsumers(props);
-    };
-  };
-};
-
-var withDialogError = function withDialogError(Dialog) {
-  var ErrorBoundedComponent = React.forwardRef(function (props, ref) {
-    return React.createElement(Dialog, _extends({
-      ref: ref
-    }, props)); // const ErrorBoundary = __internals('ErrorBoundary')
-
-    /*return (
-      <ErrorBoundary Error={props.Error || __internals('DialogError')} closeDialog={props.closeDialog}>
-        <Dialog {...props}/>
-      </ErrorBoundary>
-    )*/
-  }); // ErrorBoundedComponent.contextTypes = {startlibs:()=>null}
-
-  return ErrorBoundedComponent;
-};
-
-var GroupEventFactory = function GroupEventFactory() {
-  var emitter = mitt();
-
-  var WithGroupEvent =
-  /*#__PURE__*/
-  function (_React$Component) {
-    _inherits(WithGroupEvent, _React$Component);
-
-    function WithGroupEvent() {
-      var _getPrototypeOf2;
-
-      var _this;
-
-      _classCallCheck(this, WithGroupEvent);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(WithGroupEvent)).call.apply(_getPrototypeOf2, [this].concat(args)));
-      _this.events = {};
-
-      _this.processEvent = function (type, event) {
-        (_this.events[type] || []).forEach(function (c) {
-          return c(event);
-        });
-      };
-
-      _this.groupEventProps = {
-        on: function on(type, callback) {
-          _this.events[type] = (_this.events[type] || []).concat(callback);
-        },
-        off: function off(type, callback) {
-          _this.events[type] = (_this.events[type] || []).filter(function (e) {
-            return e !== callback;
-          });
-        },
-        emit: emitter.emit
-      };
-      return _this;
-    }
-
-    _createClass(WithGroupEvent, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        emitter.on('*', this.processEvent);
-      }
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        emitter.off('*', this.processEvent);
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        return this.props.children(this.groupEventProps);
-      }
-    }]);
-
-    return WithGroupEvent;
-  }(React.Component);
-
-  return WithGroupEvent;
-};
-var withGroupEvent = function withGroupEvent(Component) {
-  var WithGroupEvent = GroupEventFactory();
-  return React.forwardRef(function (props, ref) {
-    return React.createElement(WithGroupEvent, null, function (groupEvent) {
-      return React.createElement(Component, _extends({}, props, {
-        ref: ref,
-        groupEvent: groupEvent
-      }));
-    });
-  });
-};
-
-var WithRef =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(WithRef, _React$Component);
-
-  function WithRef(props) {
-    var _this;
-
-    _classCallCheck(this, WithRef);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(WithRef).call(this, props));
-    var total = props.length || props.children.length;
-    var refs = new Array(total);
-
-    for (var i = 0; i < total; i++) {
-      refs[i] = React.createRef();
-    }
-
-    _this.createdRefs = refs;
-    return _this;
-  }
-
-  _createClass(WithRef, [{
-    key: "render",
-    value: function render() {
-      var children = this.props.children;
-      return children.apply(void 0, _toConsumableArray(this.createdRefs));
-    }
-  }]);
-
-  return WithRef;
-}(React.Component);
-
-var addExtraProp = function addExtraProp(element, extra) {
-  var override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  return React.cloneElement(element, override ? _objectSpread({}, element.props, extra) : _objectSpread({}, extra, element.props), element.props.children);
-};
-
-var WithLazyPlaceholder = function WithLazyPlaceholder(_ref) {
-  var value = _ref.value,
-      fallback = _ref.fallback,
-      children = _ref.children,
-      _ref$forwardProps = _ref.forwardProps,
-      forwardProps = _ref$forwardProps === void 0 ? false : _ref$forwardProps,
-      props = _objectWithoutProperties(_ref, ["value", "fallback", "children", "forwardProps"]);
-
-  return React.createElement(React.Suspense, {
-    fallback: React.Children.map(children(fallback, {
-      isLoading: true
-    }), function (child) {
-      return React.isValidElement(child) ? addExtraProp(child, {
-        isLoading: true
-      }, false) : child;
-    })
-  }, React.createElement(Load, {
-    value: value,
-    children: children,
-    forwardProps: forwardProps && props
-  }));
-};
-var WithLazyResource = function WithLazyResource(_ref2) {
-  var value = _ref2.value,
-      wrap = _ref2.wrap,
-      fallback = _ref2.fallback,
-      children = _ref2.children,
-      _ref2$forwardProps = _ref2.forwardProps,
-      forwardProps = _ref2$forwardProps === void 0 ? false : _ref2$forwardProps,
-      props = _objectWithoutProperties(_ref2, ["value", "wrap", "fallback", "children", "forwardProps"]);
-
-  return wrap || fallback !== undefined ? React.createElement(React.Suspense, {
-    fallback: ifUndefined(fallback, null)
-  }, React.createElement(Load, {
-    value: value,
-    forwardProps: forwardProps && props,
-    children: children
-  })) : React.createElement(Load, {
-    value: value,
-    children: children,
-    forwardProps: forwardProps && props
-  });
-};
-
-var Load = function Load(_ref3) {
-  var value = _ref3.value,
-      children = _ref3.children,
-      forwardProps = _ref3.forwardProps;
-  var loaded = _isArray(value) ? value.forEach(function (v) {
-    return v.promise();
-  }) || value.map(function (v) {
-    return v.read();
-  }) : value.read();
-
-  var _useReducer = useReducer(function (s) {
-    return s + 1;
-  }, 0),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      update = _useReducer2[1];
-
-  var refresh = function refresh() {
-    return Promise.all(_isArray(value) ? value.map(function (v) {
-      return v.refresh().promise();
-    }) : [value.refresh().promise()]).then(update);
-  };
-
-  return forwardProps ? addExtraProp(children(loaded, {
-    refresh: refresh,
-    update: update
-  }), forwardProps) : children(loaded, {
-    refresh: refresh,
-    update: update
-  });
-};
-
-var useCallbackStable = function useCallbackStable(fn) {
-  var ref = React.useRef([fn, function () {
-    return ref[0].apply(ref, arguments);
-  }]).current; // Per Dan Abramov: useInsertionEffect executes marginally closer to the
-  // correct timing for ref synchronization than useLayoutEffect on React 18.
-  // See: https://github.com/facebook/react/pull/25881#issuecomment-1356244360
-
-  useInsertionEffect(function () {
-    ref[0] = fn;
-  });
-  return ref[1];
-};
-
-var WithEffect = function WithEffect(_ref) {
-  var _ref$inputs = _ref.inputs,
-      inputs = _ref$inputs === void 0 ? [] : _ref$inputs,
-      children = _ref.children;
-  useEffect(children, inputs);
-  return null;
-};
-
-var useToggleInternal = function useToggleInternal() {
-  var startWith = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var useStore = arguments.length > 1 ? arguments[1] : undefined;
-  var callback = arguments.length > 2 ? arguments[2] : undefined;
-  var key = arguments.length > 3 ? arguments[3] : undefined;
-  var isOpen = useStore(startWith);
-  var closing = useStore(false);
-  var refIsOpen = useRefState$1(isOpen.get());
-  var refIsClosing = useRefState$1(closing.get());
-  var timerId = useRef();
-  var isUnmounted = useIsUnmounted$1();
-
-  var clearClosing = function clearClosing() {
-    if (refIsClosing.get() !== false) {
-      closing.set(false);
-      refIsClosing.set(false);
-      window.clearTimeout(timerId.current);
-    }
-  };
-
-  var toggleWith = function toggleWith() {
-    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    var calledValue = callIfFunction(value, refIsOpen.get());
-    var newValue = refIsOpen.get() === calledValue ? !calledValue : calledValue;
-
-    if (!isUnmounted() && refIsOpen.get() !== newValue) {
-      var result = callIfFunction(callback, newValue, refIsOpen.get());
-
-      if (result === false) {
-        return;
-      }
-
-      isOpen.set(newValue);
-      refIsOpen.set(newValue);
-      clearClosing();
-    }
-  };
-
-  var openWith = function openWith(value) {
-    if (process.env.NODE_ENV !== 'production' && key) {
-      console.log(key, refIsOpen.get() !== value ? "toggle" : "clear", refIsOpen.get(), value);
-    }
-
-    var nextValue = callIfFunction(value, refIsOpen.get());
-
-    if (refIsOpen.get() !== nextValue) {
-      toggleWith(function () {
-        return nextValue;
-      });
-    } else {
-      clearClosing();
-    }
-  };
-
-  var nextClosingTick = function nextClosingTick(ticks, tickIndex) {
-    if (ticks.length) {
-      if (isNaN(ticks[0])) {
-        clearClosing();
-      } else if (!isNaN(ticks[0])) {
-        closing.set(tickIndex + 1);
-        refIsClosing.set(tickIndex + 1);
-        timerId.current = setTimeout(function () {
-          return nextClosingTick(ticks.slice(1), tickIndex + 1);
-        }, Number(ticks[0]));
-      }
-    } else {
-      openWith(false);
-    }
-  };
-
-  var closeAfter = function closeAfter() {
-    if (process.env.NODE_ENV !== 'production' && key) {
-      console.log(key, !refIsOpen.get() || refIsClosing.get() ? "addCLosing" : "closing");
-    }
-
-    if (!refIsOpen.get() || refIsClosing.get()) return;
-
-    for (var _len = arguments.length, millisecs = new Array(_len), _key = 0; _key < _len; _key++) {
-      millisecs[_key] = arguments[_key];
-    }
-
-    nextClosingTick(millisecs, 0);
-  };
-
-  var _wait = function _wait(promise) {
-    var start = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var end = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    return (
-      /*#__PURE__*/
-      _asyncToGenerator(
-      /*#__PURE__*/
-      _regeneratorRuntime.mark(function _callee() {
-        var _len2,
-            args,
-            _key2,
-            _args = arguments;
-
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                openWith(start);
-                _context.prev = 1;
-
-                for (_len2 = _args.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                  args[_key2] = _args[_key2];
-                }
-
-                _context.next = 5;
-                return callIfFunction.apply(void 0, [promise].concat(args));
-
-              case 5:
-                return _context.abrupt("return", _context.sent);
-
-              case 6:
-                _context.prev = 6;
-                openWith(end);
-                return _context.finish(6);
-
-              case 9:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this, [[1,, 6, 9]]);
-      }))
-    );
-  };
-
-  var setters = useMemo(function () {
-    return {
-      wait: function wait(promise) {
-        var start = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-        var end = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-        return _wait(promise, start, end)();
-      },
-      willWait: _wait,
-      open: function open(e) {
-        if (process.env.NODE_ENV !== 'production') {
-          if (['string', 'number', 'boolean'].indexOf(_typeof(e)) >= 0) {
-            console.log("You are trying to open toggle with ".concat(e, ". Please, use openWith to open with a value"));
-          }
-        }
-
-        return openWith(true);
-      },
-      close: function close() {
-        return openWith(false);
-      },
-      toggle: function toggle(e) {
-        if (process.env.NODE_ENV !== 'production') {
-          if (['string', 'number', 'boolean'].indexOf(_typeof(e)) >= 0) {
-            console.log("You are trying to toogle a toggle with ".concat(e, ". Please, use openWith to open with a value"));
-          }
-        }
-
-        toggleWith(true);
-      },
-      willOpenWith: function willOpenWith(value) {
-        return function () {
-          return openWith(value);
-        };
-      },
-      willCloseAfter: function willCloseAfter() {
-        for (var _len3 = arguments.length, millsecs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          millsecs[_key3] = arguments[_key3];
-        }
-
-        return function () {
-          return closeAfter.apply(void 0, millsecs);
-        };
-      },
-      willToggleWith: function willToggleWith(value) {
-        return function () {
-          return toggleWith(value);
-        };
-      },
-      openWith: openWith,
-      closeAfter: closeAfter,
-      toggleWith: toggleWith,
-      get: refIsOpen.get
-    };
-  }, []);
-
-  var settersWithNewRef = _objectSpread({}, setters);
-
-  if (closing.val) {
-    return Object.assign(settersWithNewRef, {
-      isOpen: isOpen.val,
-      closing: closing.val
-    });
-  } else {
-    Object.defineProperties(settersWithNewRef, {
-      isOpen: {
-        enumerable: true,
-        get: isOpen.get
-      },
-      closing: {
-        enumerable: true,
-        get: closing.get
-      }
-    });
-    return settersWithNewRef;
-  }
-};
-
-var useToggle = function useToggle(startWith, callback, key) {
-  return useToggleInternal(startWith, useCallState$1, callback, key);
-};
-var useRefToggle = function useRefToggle(startWith) {
-  return useToggleInternal(startWith, useRefState$1);
-};
-
-var prevOpenToggleClose = function prevOpenToggleClose() {};
-
-var sameTick = false;
-var clearPopups = function clearPopups() {
-  if (!sameTick) {
-    prevOpenToggleClose();
-
-    prevOpenToggleClose = function prevOpenToggleClose() {};
-  }
-};
-var usePopupToggle = function usePopupToggle(startWith, callback) {
-  var toggle = useToggle$1(startWith, function (v, prev) {
-    var result = callIfFunction(callback, v, prev);
-
-    if (result === false) {
-      return false;
-    }
-
-    if (v !== false && prevOpenToggleClose !== toggle.close) {
-      prevOpenToggleClose();
-      prevOpenToggleClose = toggle.close;
-      sameTick = true;
-      window.setTimeout(function () {
-        return sameTick = false;
-      }, 1);
-    }
-
-    if (v === false) {
-      prevOpenToggleClose = function prevOpenToggleClose() {};
-    }
-  });
-  return toggle;
-};
-
-var useCallState = function useCallState(defaultValue, setCallback) {
-  var _useState = useState(defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      val = _useState2[0],
-      setValue = _useState2[1];
-
-  return useMemo(function () {
-    var get = function get() {
-      return val;
-    };
-
-    return {
-      get: get,
-      val: val,
-      set: setValue
-    };
-  }, [val]);
-};
-
-var isPath = function isPath(path) {
-  return typeof path === 'string' || typeof path === 'number' || Array.isArray(path);
-};
-
-var getter = function getter(value) {
-  return function (path) {
-    return path !== "" && isPath(path) ? _s.get(path, value) : value;
-  };
-};
-
-var uninitialized = {};
-var useRefState = function useRefState(defaultValue, setCallback) {
-  var ref = useRef(uninitialized);
-
-  if (ref.current === uninitialized) {
-    ref.current = callIfFunction(defaultValue);
-  }
-
-  return useMemo(function () {
-    var get = function get(path) {
-      return getter(ref.current)(path);
-    };
-
-    var set = function set(v, config) {
-      var prev = ref.current;
-      ref.current = callIfFunctions(v, function () {
-        return get();
-      });
-
-      if (prev !== ref.current && (!config || !config.ignoreCallback)) {
-        callIfFunction(setCallback, prev, ref.current);
-      }
-    };
-
-    return {
-      get: get,
-      set: set
-    };
-  }, []);
-};
-
-var useConsumerCatalog = function useConsumerCatalog(mountCallback, unmountCallback) {
-  var elements = useRefState$1([]);
-  var register = callMany(function (element) {
-    return elements.set(function (elements) {
-      return elements.concat([element]);
-    });
-  }, mountCallback);
-  var unregister = callMany(function (element) {
-    return elements.set(function (elements) {
-      return elements.filter(function (_) {
-        return _ !== element;
-      });
-    });
-  }, unmountCallback);
-  var manager = useMemo(function () {
-    return {
-      register: register,
-      unregister: unregister
-    };
-  }, []);
-  return [elements.get, manager];
-};
-var useCatalogManager = function useCatalogManager(_ref, ref) {
-  var register = _ref.register,
-      unregister = _ref.unregister;
-  useEffect(function () {
-    register(ref);
-    return function () {
-      return unregister(ref);
-    };
-  }, [ref]);
-};
-
-var _willUseLayers = willUseLayers$1(),
-    _willUseLayers2 = _slicedToArray(_willUseLayers, 1),
-    useTitleLayers = _willUseLayers2[0];
-
-var useTitle = function useTitle(title) {
-  var layer = useTitleLayers({
-    onTop: function onTop() {
-      document.title = title;
-    }
-  });
-};
-
-var TabFocus = styled.div.withConfig({
-  displayName: "useRecycleFocus__TabFocus",
-  componentId: "kxnccs-0"
-})(["width:0;height:0;position:absolute;"]);
-var useRecycleFocus = function useRecycleFocus(ref) {
-  var enabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var lastIndex = arguments.length > 2 ? arguments[2] : undefined;
-
-  var recycle = function recycle(i) {
-    return function (e) {
-      if (!enabled || !ref.current) {
-        return;
-      }
-
-      var nextTab = ref.current.querySelectorAll('[tabindex]');
-
-      if (nextTab) {
-        if (i < 0) {
-          console.log(nextTab[1]);
-          nextTab[1].focus();
-        } else {
-          console.log(nextTab[nextTab.length - 2]);
-          nextTab[nextTab.length - 2].focus();
-        }
-      }
-    };
-  };
-
-  return [React.createElement(TabFocus, {
-    tabIndex: 1,
-    onFocus: recycle(0)
-  }), React.createElement(TabFocus, {
-    tabIndex: lastIndex || 1,
-    onFocus: recycle(-1)
-  })];
-};
-
-function usePrevious(value, initialValue) {
-  var ref = useRef(initialValue);
-  useEffect(function () {
-    ref.current = value;
-  });
-  return ref.current;
-}
-function usePreviousUnique(value, initialValue) {
-  var ref = useRef(initialValue);
-  useEffect(function () {
-    if (value !== ref.current) {
-      ref.current = value;
-    }
-  });
-  return ref.current;
-}
-function usePreviousForEffect(value, initialValue) {
-  var ref = useRef(initialValue);
-  useEffect(function () {
-    return function () {
-      ref.current = value;
-    };
-  }, [value]);
-  return ref.current;
-}
-
-var useIsUnmounted = function useIsUnmounted() {
-  var unmounted = useRef(false);
-  useEffect(function () {
-    unmounted.current = false;
-    return function () {
-      unmounted.current = true;
-    };
-  }, []);
-  return function () {
-    return unmounted.current;
-  };
-};
-
-var useEnsureRef = function useEnsureRef(forwardedRef) {
-  var ref = useRef();
-  return forwardedRef || ref;
-};
-
-var not_defined = {};
-var useConstant = function useConstant(value) {
-  var ref = useRef(not_defined);
-
-  if (ref.current === not_defined) {
-    ref.current = value;
-  }
-
-  return ref.current;
-};
-var useLazyConstant = function useLazyConstant(value) {
-  var ref = useRef(not_defined);
-
-  if (ref.current === not_defined) {
-    ref.current = callIfFunction(value);
-  }
-
-  return ref.current;
-};
-
-var useForceUpdate = function useForceUpdate() {
-  var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1]; // integer state
-
-
-  return function () {
-    return setValue(function (value) {
-      return value + 1;
-    });
-  }; // update the state to force render
-};
-var willUseForceUpdate = function willUseForceUpdate() {
-  var _willUseSharedState = willUseSharedState$1(),
-      _willUseSharedState2 = _slicedToArray(_willUseSharedState, 3),
-      useValue = _willUseSharedState2[0],
-      set = _willUseSharedState2[2];
-
-  var useForceUpdate = function useForceUpdate() {
-    var _useValue = useValue(0),
-        _useValue2 = _slicedToArray(_useValue, 2),
-        v = _useValue2[0],
-        setV = _useValue2[1];
-
-    return function () {
-      return setV(function (value) {
-        return value + 1;
-      });
-    };
-  };
-
-  return [useForceUpdate, function () {
-    return set(function (value) {
-      return value + 1;
-    });
-  }];
-};
-
-var useUpdateOnResize = function useUpdateOnResize() {
-  var debounceInterval = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 200;
-  var update = useForceUpdate$1();
-  useEffect(function () {
-    var trigger = _debounce(debounceInterval, update);
-
-    window.addEventListener('resize', trigger);
-    return function () {
-      window.removeEventListener('resize', trigger);
-    };
-  }, []);
-};
-
-var useAsyncEffect = function useAsyncEffect(fn, args) {
-  useEffect(function () {
-    var result = fn();
-    return function () {
-      result.then(function (end) {
-        return callIfFunction(end);
-      });
-    };
-  }, args);
-};
-
-var useUpdateEffect = function useUpdateEffect(effect, inputs) {
-  var pastFirstTime = useRef();
-  useEffect(function () {
-    if (pastFirstTime.current) {
-      return effect();
-    } else {
-      pastFirstTime.current = true;
-    }
-  }, inputs);
-};
-
-var useRefMemo = function useRefMemo(value) {
-  var ref = useRef(value);
-
-  if (ref.current !== value) {
-    ref.current = callIfFunction(value);
-  }
-
-  return ref;
-};
-
-var IS_ARRAY_ITEMS_EQUALS = function IS_ARRAY_ITEMS_EQUALS(a, b) {
-  return a.length === b.length && !a.some(function (x, i) {
-    return !Object.is(x, b[i]);
-  });
-};
-
-var IS_DEPS_EQUALS = function IS_DEPS_EQUALS() {
-  var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return Object.is(a, b) || IS_ARRAY_ITEMS_EQUALS(a, b);
-};
-
-var SHALLOW_IS_EQUAL = function SHALLOW_IS_EQUAL(a, b) {
-  return Object.is(a, b) || _isArray(a) && _isArray(b) && IS_ARRAY_ITEMS_EQUALS(a, b);
-};
-
-var EMPTY_DEPS = [];
-var EMPTY_VALUE = {
-  "EMPTY": true
-};
-var useUpdateSignal = function useUpdateSignal(initialValue) {
-  var value = useRef(initialValue);
-  value.current = initialValue;
-  return useLazyConstant$1(function () {
-    var registered = [];
-
-    var register = function register() {
-      var selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _identity;
-      var isEqual = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SHALLOW_IS_EQUAL;
-      var withTransition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var selectorRef = useRef();
-      selectorRef.current = selector;
-      var update = useForceUpdate$1();
-      var lastValueRef = useRef(_s.select(selectorRef.current, value.current));
-      useEffect(function () {
-        var item = [update, selectorRef, isEqual, lastValueRef, withTransition];
-        registered = _toConsumableArray(registered).concat([item]);
-        return function () {
-          registered = registered.filter(function (v) {
-            return v !== item;
-          });
-        };
-      }, []);
-
-      if (value.current === EMPTY_VALUE) {
-        return EMPTY_VALUE;
-      }
-
-      return lastValueRef.current;
-    };
-
-    var call = function call() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      return registered.forEach(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 5),
-            fn = _ref2[0],
-            selectorRef = _ref2[1],
-            isEqual = _ref2[2],
-            lastValueRef = _ref2[3],
-            withTransition = _ref2[4];
-
-        var nextValue = _s.select.apply(_s, [selectorRef.current].concat(args));
-
-        if (!callIfFunction(isEqual, nextValue, lastValueRef.current)) {
-          lastValueRef.current = nextValue;
-
-          if (withTransition) {
-            (withTransition === true ? startTransition : withTransition)(function () {
-              return fn(nextValue);
-            });
-          } else {
-            fn(nextValue);
-          }
-        }
-      });
-    };
-
-    return [register, call];
-  });
-};
-
-var useSelectorSignal = function useSelectorSignal(value) {
-  var prevValue = useRef(value);
-
-  var _useUpdateSignal = useUpdateSignal(value),
-      _useUpdateSignal2 = _slicedToArray(_useUpdateSignal, 2),
-      _register = _useUpdateSignal2[0],
-      call = _useUpdateSignal2[1];
-
-  var register = useCallback(function (selector, deps, isEqual, withTransition) {
-    var prevDeps = useRef(EMPTY_DEPS);
-
-    if (prevDeps.current !== EMPTY_DEPS && !IS_DEPS_EQUALS(deps, prevDeps.current)) {
-      call(prevValue.current);
-    }
-
-    prevDeps.current = deps;
-    return _register(selector, isEqual, withTransition);
-  }, []);
-  useEffect(function () {
-    if (prevValue.current !== value) {
-      prevValue.current = value;
-      call(value);
-    }
-  }, [value]);
-  return register;
-};
-
-var updateStateFn = function updateStateFn(path, update) {
-  return function (state) {
-    return path ? _update(path, function (v) {
-      return callIfFunction(update, v);
-    }, state) : callIfFunction(update, state);
-  };
-};
-
-var createStatefulContext = function createStatefulContext(v, defaultIsEqual) {
-  var Ctx = React.createContext(v);
-
-  var Provider = function Provider(_ref3) {
-    var value = _ref3.value,
-        setValue = _ref3.setValue,
-        utils = _ref3.utils,
-        children = _ref3.children;
-    var register = useSelectorSignal(value);
-    var v = useLazyConstant$1(function () {
-      return [register, setValue, utils];
-    });
-    return React.createElement(Ctx.Provider, {
-      value: v
-    }, children);
-  };
-
-  var useCtx = function useCtx() {
-    return useContext(Ctx);
-  };
-
-  var useSelectValue = function useSelectValue(selector, deps, defaultIsEqual, withTransition) {
-    var _useCtx = useCtx(),
-        _useCtx2 = _slicedToArray(_useCtx, 1),
-        useRegister = _useCtx2[0];
-
-    if (deps === true) {
-      return useRegister(selector, [], undefined, startTransition);
-    } else if (_isPlainObject(deps)) {
-      return useRegister(selector, deps.deps, deps.isEqual, deps.withTransition);
-    } else {
-      return useRegister(selector, _isArray(deps) ? deps : deps === null || deps === void 0 ? void 0 : deps.deps, defaultIsEqual, withTransition);
-    }
-  };
-
-  var useSetValue = function useSetValue(path) {
-    var _useCtx3 = useCtx(),
-        _useCtx4 = _slicedToArray(_useCtx3, 2),
-        reg = _useCtx4[0],
-        set = _useCtx4[1];
-
-    return useConstant$1(function (update) {
-      return set(updateStateFn(path, update));
-    });
-  };
-
-  var useUtils = function useUtils(path, deps) {
-    var _useCtx5 = useCtx(),
-        _useCtx6 = _slicedToArray(_useCtx5, 3),
-        reg = _useCtx6[0],
-        set = _useCtx6[1],
-        utils = _useCtx6[2];
-
-    return utils;
-  };
-
-  return [Provider, [useSelectValue, useSetValue, useUtils, useCtx]];
-};
-var createSelfStatefulContext = function createSelfStatefulContext(v, defaultIsEqual) {
-  var _createStatefulContex = createStatefulContext(v),
-      _createStatefulContex2 = _slicedToArray(_createStatefulContex, 2),
-      Provider = _createStatefulContex2[0],
-      _createStatefulContex3 = _slicedToArray(_createStatefulContex2[1], 4),
-      useSelectValue = _createStatefulContex3[0],
-      useSetValue = _createStatefulContex3[1],
-      useUtils = _createStatefulContex3[2],
-      useCtx = _createStatefulContex3[3];
-
-  var StateFullProvider = function StateFullProvider(_ref4) {
-    var _ref4$init = _ref4.init,
-        init = _ref4$init === void 0 ? {} : _ref4$init,
-        utils = _ref4.utils,
-        children = _ref4.children;
-
-    var _useState = useState(init),
-        _useState2 = _slicedToArray(_useState, 2),
-        state = _useState2[0],
-        setState = _useState2[1];
-
-    return React.createElement(Provider, {
-      value: state,
-      setValue: setState,
-      utils: utils
-    }, children);
-  };
-
-  return [StateFullProvider, [useSelectValue, useSetValue, useUtils, useCtx]];
-};
-var createLazyStatefulContext = function createLazyStatefulContext(toPromise, defaultIsEqual) {
-  var _createStatefulContex4 = createStatefulContext(EMPTY_VALUE),
-      _createStatefulContex5 = _slicedToArray(_createStatefulContex4, 2),
-      Provider = _createStatefulContex5[0],
-      _createStatefulContex6 = _slicedToArray(_createStatefulContex5[1], 4),
-      useSelectValue = _createStatefulContex6[0],
-      useSetValue = _createStatefulContex6[1],
-      useUtils = _createStatefulContex6[2],
-      useCtx = _createStatefulContex6[3];
-
-  var useSelectLazyValue = function useSelectLazyValue(selector, deps) {
-    var isEqual = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultIsEqual;
-    var withTransition = arguments.length > 3 ? arguments[3] : undefined;
-    var value = useSelectValue(selector, deps, isEqual, withTransition);
-    var utils = useUtils();
-
-    if (value === EMPTY_VALUE) {
-      var loadedValue = use(utils._lazyValue());
-      return _s.select(selector, loadedValue);
-    }
-
-    return value;
-  };
-
-  var useSetLazyValue = function useSetLazyValue(path) {
-    var _useCtx7 = useCtx(),
-        _useCtx8 = _slicedToArray(_useCtx7, 3),
-        setValue = _useCtx8[1],
-        utils = _useCtx8[2];
-
-    return useConstant$1(function (update) {
-      return setValue(function (value) {
-        return value === EMPTY_VALUE ? updateStateFn(path, update)(utils.loadedValue()) : updateStateFn(path, update)(value);
-      });
-    });
-  };
-
-  var useValuePromise = function useValuePromise(selector, deps, isEqual, withTransition) {
-    var value = useSelectValue(selector, deps, isEqual, withTransition);
-    var utils = useUtils();
-    return useCallback(function () {
-      if (value === EMPTY_VALUE) {
-        return utils._lazyValue().then(function (v) {
-          return console.log(v, _s.select(selector, v), selector) || _s.select(selector, v);
-        });
-      }
-
-      return new Promise(value);
-    }, [value, deps]);
-  };
-
-  var LazyStateFullProvider = function LazyStateFullProvider(_ref5) {
-    var value = _ref5.value,
-        utils = _ref5.utils,
-        children = _ref5.children,
-        _ref5$fallback = _ref5.fallback,
-        fallback = _ref5$fallback === void 0 ? null : _ref5$fallback;
-
-    var _useState3 = useState(EMPTY_VALUE),
-        _useState4 = _slicedToArray(_useState3, 2),
-        state = _useState4[0],
-        setState = _useState4[1];
-
-    var promise = useRef();
-
-    var _loadedValue = useRef();
-
-    var lazyUtils = useMemo(function () {
-      return _objectSpread({}, utils, {
-        _lazyValue: function _lazyValue() {
-          var _promise$current;
-
-          (_promise$current = promise.current) !== null && _promise$current !== void 0 ? _promise$current : promise.current = callIfFunction(toPromise || _identity, value);
-          promise.current.then(function (value) {
-            _loadedValue.current = value;
-          });
-          return promise.current;
-        },
-        loadedValue: function loadedValue() {
-          return _loadedValue.current;
-        }
-      });
-    }, [value, utils]);
-    return React.createElement(Provider, {
-      value: state,
-      setValue: setState,
-      utils: lazyUtils
-    }, fallback === false ? children : React.createElement(React.Suspense, {
-      fallback: fallback
-    }, children));
-  };
-
-  return [LazyStateFullProvider, [useSelectLazyValue, useSetLazyValue, useValuePromise]];
-};
-var createSelectableContext = function createSelectableContext(v) {
-  var _createStatefulContex7 = createStatefulContext(v),
-      _createStatefulContex8 = _slicedToArray(_createStatefulContex7, 2),
-      Provider = _createStatefulContex8[0],
-      _createStatefulContex9 = _slicedToArray(_createStatefulContex8[1], 1),
-      useSelectValue = _createStatefulContex9[0];
-
-  return [Provider, useSelectValue];
-};
-var createTriggerUpdateContext = function createTriggerUpdateContext(v) {
-  var _createStatefulContex10 = createStatefulContext(v),
-      _createStatefulContex11 = _slicedToArray(_createStatefulContex10, 2),
-      Provider = _createStatefulContex11[0],
-      _createStatefulContex12 = _slicedToArray(_createStatefulContex11[1], 1),
-      useSelectValue = _createStatefulContex12[0];
-
-  var TriggerProvider = React.forwardRef(function (_ref6, ref) {
-    var children = _ref6.children;
-
-    var _useState5 = useState(0),
-        _useState6 = _slicedToArray(_useState5, 2),
-        v = _useState6[0],
-        setV = _useState6[1];
-
-    var trigger = React.useMemo(function () {
-      return function () {
-        return setV(function (v) {
-          return v + 1;
-        });
-      };
-    }, [v]);
-    React.useImperativeHandle(ref, function () {
-      return {
-        trigger: trigger
-      };
-    }, []);
-    return React.createElement(Provider, {
-      value: trigger
-    }, children);
-  });
-  return [TriggerProvider, useSelectValue];
-};
-
-var WithConstant = function WithConstant(_ref) {
-  var _ref$inputs = _ref.inputs,
-      inputs = _ref$inputs === void 0 ? [] : _ref$inputs,
-      value = _ref.value,
-      children = _ref.children;
-  var constant = useLazyConstant$1(value, inputs);
-  return children(constant);
-};
-
-var useWithTransition = function useWithTransition(value) {
-  var _useState = useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  useEffect(function () {
-    startTransition(function () {
-      setState(value);
-    });
-  }, [value]);
-  return state;
-};
-
-export { Fill, GroupEventFactory, PopupContext, Slot, SlotContext, SlotProvider, StartlibsConsumer, StartlibsContext, StartlibsMetacontext, StartlibsProvider, WithConstant, WithEffect, WithLazyPlaceholder, WithLazyResource, WithRef, clearPopups, consumes, createLazyStatefulContext, createSelectableContext, createSelfStatefulContext, createStatefulContext, createTriggerUpdateContext, useAsyncEffect, useCallState, useCallbackStable, useCatalogManager, useConstant, useConsumerCatalog, useEnsureRef, useFill, useForceUpdate, useHiddenFill, useIsUnmounted, useLazyConstant, usePopupToggle, usePrevious, usePreviousForEffect, usePreviousUnique, useRecycleFocus, useRefMemo, useRefState, useRefToggle, useTitle, useToggle, useUpdateEffect, useUpdateOnResize, useUpdateSignal, useWithTransition, willUseForceUpdate, willUseLayers, willUseSharedCallback, willUseSharedState, willUseSpreadState, withDialogError, withGroupEvent };