@startlibs/core 1.1.0 → 1.2.0-rc.2

package/lib/index.cjs

@@ -89,7 +89,7 @@ const callList = function (list, firstArg) {
   });
 };
 const willUseSharedCallback = function () {
-  let useEffect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : React__default["default"].useEffect;
+  let useEffect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : React__default['default'].useEffect;
   let mountedCallbacks = [];
   let listenerCallbacks = [];
   const remove = ref => mountedCallbacks = mountedCallbacks.filter(_ => _ !== ref);
@@ -148,10 +148,10 @@ const willUseSharedCallback = function () {
 const notDefined = {};
 const willUseSharedState = initialValue => {
   const _willUseSharedCallbac = willUseSharedCallback(),
-    _willUseSharedCallbac2 = _slicedToArray__default["default"](_willUseSharedCallbac, 3),
+    _willUseSharedCallbac2 = _slicedToArray__default['default'](_willUseSharedCallbac, 3),
     useRegisterGroupCallback = _willUseSharedCallbac2[0],
-    callGroup = _willUseSharedCallbac2[1];
-    _willUseSharedCallbac2[2];
+    callGroup = _willUseSharedCallbac2[1],
+    getSize = _willUseSharedCallbac2[2];
   let sharedValue = utils.ifUndefined(initialValue, notDefined);
   const setGroupState = newValue => {
     sharedValue = utils.callIfFunction(newValue, sharedValue);
@@ -167,7 +167,7 @@ const willUseSharedState = initialValue => {
       sharedValue = defaultValue;
     }
     const _useState = React.useState(prevValue),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
     useRegisterGroupCallback(setValue);
@@ -179,31 +179,31 @@ const willUseSharedState = initialValue => {
   return [valueState, refState, setGroupState, () => sharedValue, clear];
 };
 
-const _excluded$1 = ["name", "children"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const SlotContext = /*#__PURE__*/React__default["default"].createContext(new Map());
+const _excluded = ["name", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const SlotContext = /*#__PURE__*/React__default['default'].createContext(new Map());
 const _willUseSharedState = willUseSharedState(),
-  _willUseSharedState2 = _slicedToArray__default["default"](_willUseSharedState, 2),
+  _willUseSharedState2 = _slicedToArray__default['default'](_willUseSharedState, 2),
   useFillHookState = _willUseSharedState2[0],
   useFillHookStateRef = _willUseSharedState2[1];
 const _willUseSharedState3 = willUseSharedState(),
-  _willUseSharedState4 = _slicedToArray__default["default"](_willUseSharedState3, 2),
+  _willUseSharedState4 = _slicedToArray__default['default'](_willUseSharedState3, 2),
   useHiddenFillHookState = _willUseSharedState4[0],
   useHiddenFillHookStateRef = _willUseSharedState4[1];
 const DEFAULT_CONTEXT = new Map();
 const SlotProvider = _ref => {
   let children = _ref.children;
-  return /*#__PURE__*/React__default["default"].createElement(SlotContext.Provider, {
+  return /*#__PURE__*/React__default['default'].createElement(SlotContext.Provider, {
     value: DEFAULT_CONTEXT
-  }, children, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Suspense, {
+  }, children, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Suspense, {
     fallback: null
-  }, /*#__PURE__*/React__default["default"].createElement(FillHooks, null)), /*#__PURE__*/React__default["default"].createElement(HiddenFillHooks, null));
+  }, /*#__PURE__*/React__default['default'].createElement(FillHooks, null)), /*#__PURE__*/React__default['default'].createElement(HiddenFillHooks, null));
 };
 const Slot = _ref2 => {
   let name = _ref2.name,
     children = _ref2.children,
-    rest = _objectWithoutProperties__default["default"](_ref2, _excluded$1);
+    rest = _objectWithoutProperties__default['default'](_ref2, _excluded);
   const ref = React.useRef();
   const slotInfo = useConstant({
     ref
@@ -213,44 +213,44 @@ const Slot = _ref2 => {
     const previous = slots.get(name);
     const updates = (previous === null || previous === void 0 ? void 0 : previous.updates) || [];
     if (previous !== null && previous !== void 0 && previous.children) ;
-    slots.set(name, _flow__default["default"](_update__default["default"]('infos', _union__default["default"]([slotInfo])))(previous));
+    slots.set(name, _flow__default['default'](_update__default['default']('infos', _union__default['default']([slotInfo])))(previous));
     updates.forEach(v => v({}));
     return () => {
       var _previous$infos, _previous$updates;
       const previous = slots.get(name);
-      previous.infos = _without__default["default"]([slotInfo], previous.infos);
+      previous.infos = _without__default['default']([slotInfo], previous.infos);
       if (!((_previous$infos = previous.infos) !== null && _previous$infos !== void 0 && _previous$infos.length) && !((_previous$updates = previous.updates) !== null && _previous$updates !== void 0 && _previous$updates.length)) {
         slots.delete(name);
       }
     };
   }, [name]);
-  return children ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
+  return children ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
     "data-id": name
   }, rest, {
     ref: ref
-  })), React__default["default"].Children.map(children, c => /*#__PURE__*/React__default["default"].cloneElement(c, _objectSpread$4(_objectSpread$4({}, c.props), {}, {
+  })), React__default['default'].Children.map(children, c => /*#__PURE__*/React__default['default'].cloneElement(c, _objectSpread(_objectSpread({}, c.props), {}, {
     name,
     stack: Number.MIN_SAFE_INTEGER
-  })))) : /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
+  })))) : /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
     "data-id": name
   }, rest, {
     ref: ref
   }));
 };
-const Invisible = /*#__PURE__*/styled__default["default"].div.withConfig({
+const Invisible = /*#__PURE__*/styled__default['default'].div.withConfig({
   displayName: "SlotFill__Invisible",
   componentId: "h3oh7r-0"
 })(["display:none"]);
 const FillBeforeFlip = _ref3 => {
   let name = _ref3.name,
-    children = _ref3.children;
-    _ref3.slot;
+    children = _ref3.children,
+    slot = _ref3.slot;
   const slots = React.useContext(SlotContext);
   const ref = React.useRef();
   React.useLayoutEffect(() => {
     var _slots$get;
     const infos = ((_slots$get = slots.get(name)) === null || _slots$get === void 0 ? void 0 : _slots$get.infos) || [];
-    const mounted = _flatMap__default["default"](_ref4 => {
+    const mounted = _flatMap__default['default'](_ref4 => {
       let ref = _ref4.ref;
       return ref === null || ref === void 0 ? void 0 : ref.current;
     }, infos);
@@ -266,25 +266,25 @@ const FillBeforeFlip = _ref3 => {
       clones.forEach(el => el.remove());
     };
   }, []);
-  return /*#__PURE__*/React__default["default"].createElement(Invisible, {
+  return /*#__PURE__*/React__default['default'].createElement(Invisible, {
     ref: ref
   }, children);
 };
 const useFillState = (name, stack) => {
-  const forceUpdate = React__default["default"].useState(false)[1];
+  const forceUpdate = React__default['default'].useState(false)[1];
   const slots = React.useContext(SlotContext);
   const renderSlot = slots.get(name);
-  const maxStack = _max__default["default"](renderSlot === null || renderSlot === void 0 ? void 0 : renderSlot.stacks);
-  const onStack = !_isFinite__default["default"](maxStack) || maxStack === stack;
+  const maxStack = _max__default['default'](renderSlot === null || renderSlot === void 0 ? void 0 : renderSlot.stacks);
+  const onStack = !_isFinite__default['default'](maxStack) || maxStack === stack;
   React.useLayoutEffect(() => {
     const slot = slots.get(name);
-    const updatedSlot = _flow__default["default"](_update__default["default"]('updates', _union__default["default"]([forceUpdate])), _update__default["default"]('stacks', _union__default["default"]([stack])))(slot);
+    const updatedSlot = _flow__default['default'](_update__default['default']('updates', _union__default['default']([forceUpdate])), _update__default['default']('stacks', _union__default['default']([stack])))(slot);
     slots.set(name, updatedSlot);
     updatedSlot.updates.forEach(v => v({}));
     return () => {
       const previous = slots.get(name);
       const index = previous.updates.indexOf(forceUpdate);
-      const next = _flow__default["default"](_update__default["default"]('updates', utils._s.removeAt(index)), _update__default["default"]('stacks', utils._s.removeAt(index)))(previous);
+      const next = _flow__default['default'](_update__default['default']('updates', utils._s.removeAt(index)), _update__default['default']('stacks', utils._s.removeAt(index)))(previous);
       slots.set(name, next);
       next.updates.forEach(v => v({}));
     };
@@ -298,16 +298,16 @@ const Fill = _ref5 => {
     stack = _ref5$stack === void 0 ? 0 : _ref5$stack,
     mountBeforeFlip = _ref5.mountBeforeFlip;
   const _useFillState = useFillState(name, stack),
-    _useFillState2 = _slicedToArray__default["default"](_useFillState, 2),
+    _useFillState2 = _slicedToArray__default['default'](_useFillState, 2),
     slot = _useFillState2[0],
     onStack = _useFillState2[1];
   if (slot !== null && slot !== void 0 && slot.infos && onStack) {
     return slot === null || slot === void 0 ? void 0 : slot.infos.map(info => {
       var _info$ref;
-      return ((_info$ref = info.ref) === null || _info$ref === void 0 ? void 0 : _info$ref.current) && /*#__PURE__*/ReactDOM__default["default"].createPortal(utils.callIfFunction(children, info), info.ref.current);
+      return ((_info$ref = info.ref) === null || _info$ref === void 0 ? void 0 : _info$ref.current) && /*#__PURE__*/ReactDOM__default['default'].createPortal(utils.callIfFunction(children, info), info.ref.current);
     });
   } else if (mountBeforeFlip) {
-    return /*#__PURE__*/React__default["default"].createElement(FillBeforeFlip, {
+    return /*#__PURE__*/React__default['default'].createElement(FillBeforeFlip, {
       name: name,
       slot: slot
     }, children);
@@ -316,17 +316,17 @@ const Fill = _ref5 => {
   }
 };
 const FillHooks = _ref6 => {
-  _objectDestructuringEmpty__default["default"](_ref6);
+  _objectDestructuringEmpty__default['default'](_ref6);
   const _useFillHookState = useFillHookState({}),
-    _useFillHookState2 = _slicedToArray__default["default"](_useFillHookState, 1),
+    _useFillHookState2 = _slicedToArray__default['default'](_useFillHookState, 1),
     hooked = _useFillHookState2[0];
   return Object.entries(hooked).map(_ref7 => {
-    let _ref8 = _slicedToArray__default["default"](_ref7, 2),
+    let _ref8 = _slicedToArray__default['default'](_ref7, 2),
       name = _ref8[0],
       childs = _ref8[1];
     return childs.map((_ref9, i) => {
       let children = _ref9.children;
-      return /*#__PURE__*/React__default["default"].createElement(Fill, {
+      return /*#__PURE__*/React__default['default'].createElement(Fill, {
         key: name + i,
         name: name
       }, children);
@@ -336,58 +336,58 @@ const FillHooks = _ref6 => {
 let uid = 0;
 const useFill = (name, children, inputs) => {
   const _useFillHookStateRef = useFillHookStateRef(),
-    _useFillHookStateRef2 = _slicedToArray__default["default"](_useFillHookStateRef, 2),
+    _useFillHookStateRef2 = _slicedToArray__default['default'](_useFillHookStateRef, 2),
     set = _useFillHookStateRef2[1];
   const key = React.useRef(uid++);
   React.useLayoutEffect(() => {
     if (children) {
-      set(_update__default["default"]([name], function () {
+      set(_update__default['default']([name], function () {
         let list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-        const index = _findIndex__default["default"](['key', key.current], list);
+        const index = _findIndex__default['default'](['key', key.current], list);
         const value = {
           children,
           key: key.current
         };
         if (index >= 0) {
-          return _set__default["default"]([index], value, list);
+          return _set__default['default']([index], value, list);
         } else {
           return list.concat(value);
         }
       }));
     } else {
-      set(_update__default["default"]([name], _differenceBy__default["default"]('key', _differenceBy__default["default"].placeholder, [{
+      set(_update__default['default']([name], _differenceBy__default['default']('key', _differenceBy__default['default'].placeholder, [{
         children,
         key: key.current
       }])));
     }
   }, inputs || children);
-  React.useLayoutEffect(() => () => set(_update__default["default"]([name], _differenceBy__default["default"]('key', _differenceBy__default["default"].placeholder, [{
+  React.useLayoutEffect(() => () => set(_update__default['default']([name], _differenceBy__default['default']('key', _differenceBy__default['default'].placeholder, [{
     key: key.current
   }]))), []);
 };
 const HiddenFillHooks = _ref0 => {
-  _objectDestructuringEmpty__default["default"](_ref0);
+  _objectDestructuringEmpty__default['default'](_ref0);
   const _useHiddenFillHookSta = useHiddenFillHookState({}),
-    _useHiddenFillHookSta2 = _slicedToArray__default["default"](_useHiddenFillHookSta, 1),
+    _useHiddenFillHookSta2 = _slicedToArray__default['default'](_useHiddenFillHookSta, 1),
     hookedChildren = _useHiddenFillHookSta2[0];
-  return /*#__PURE__*/React__default["default"].createElement("div", null, Object.values(hookedChildren));
+  return /*#__PURE__*/React__default['default'].createElement("div", null, Object.values(hookedChildren));
 };
 const useHiddenFill = (children, inputs) => {
   const _useHiddenFillHookSta3 = useHiddenFillHookStateRef(),
-    _useHiddenFillHookSta4 = _slicedToArray__default["default"](_useHiddenFillHookSta3, 2),
+    _useHiddenFillHookSta4 = _slicedToArray__default['default'](_useHiddenFillHookSta3, 2),
     set = _useHiddenFillHookSta4[1];
-  const _useMemo = React.useMemo(() => _uniqueId__default["default"](""), []),
-    _useMemo2 = _slicedToArray__default["default"](_useMemo, 1),
+  const _useMemo = React.useMemo(() => _uniqueId__default['default'](""), []),
+    _useMemo2 = _slicedToArray__default['default'](_useMemo, 1),
     uid = _useMemo2[0];
-  set(_set__default["default"]([uid], children ? /*#__PURE__*/React__default["default"].cloneElement(children, {
+  set(_set__default['default']([uid], children ? /*#__PURE__*/React__default['default'].cloneElement(children, {
     key: uid
   }) : null));
-  React.useEffect(() => () => set(_unset__default["default"]([uid])), []);
+  React.useEffect(() => () => set(_unset__default['default']([uid])), []);
 };
 
 const useCallState = (defaultValue, setCallback) => {
   const _useState = React.useState(defaultValue),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray__default['default'](_useState, 2),
     val = _useState2[0],
     setValue = _useState2[1];
   return React.useMemo(() => {
@@ -435,8 +435,8 @@ const useRefState = (defaultValue, setCallback) => {
   }, []);
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const useToggleInternal = function () {
   let startWith = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   let useStore = arguments.length > 1 ? arguments[1] : undefined;
@@ -555,7 +555,7 @@ const useToggleInternal = function () {
     toggleWith,
     get: refIsOpen.get
   }), []);
-  const settersWithNewRef = _objectSpread$3({}, setters);
+  const settersWithNewRef = _objectSpread$1({}, setters);
   if (closing.val) {
     return Object.assign(settersWithNewRef, {
       isOpen: isOpen.val,
@@ -605,14 +605,14 @@ const usePopupToggle = (startWith, callback) => {
   return toggle;
 };
 
-const StartlibsContext = /*#__PURE__*/React__default["default"].createContext({});
-const PopupContext = /*#__PURE__*/React__default["default"].createContext({});
-const StartlibsMetacontext = /*#__PURE__*/React__default["default"].createContext(() => {});
+const StartlibsContext = /*#__PURE__*/React__default['default'].createContext({});
+const PopupContext = /*#__PURE__*/React__default['default'].createContext({});
+const StartlibsMetacontext = /*#__PURE__*/React__default['default'].createContext(() => {});
 const StartlibsConsumer = StartlibsContext.Consumer;
 const wrappeStyle = {
   height: '100%'
 };
-class StartlibsProvider extends React__default["default"].Component {
+class StartlibsProvider extends React__default['default'].Component {
   constructor() {
     super(...arguments);
     this.openToggles = new Map();
@@ -642,27 +642,27 @@ class StartlibsProvider extends React__default["default"].Component {
       let vh = window.innerHeight * 0.01;
       (_document$documentEle = document.documentElement) === null || _document$documentEle === void 0 || (_document$documentEle = _document$documentEle.style) === null || _document$documentEle === void 0 || _document$documentEle.setProperty('--vh', "".concat(vh, "px"));
     };
-    window.addEventListener('resize', _debounce__default["default"](200, addVHFix));
+    window.addEventListener('resize', _debounce__default['default'](200, addVHFix));
     addVHFix();
   }
   render() {
-    return /*#__PURE__*/React__default["default"].createElement(StartlibsContext.Provider, {
+    return /*#__PURE__*/React__default['default'].createElement(StartlibsContext.Provider, {
       value: this.props.value
-    }, /*#__PURE__*/React__default["default"].createElement(StartlibsMetacontext.Provider, {
+    }, /*#__PURE__*/React__default['default'].createElement(StartlibsMetacontext.Provider, {
       value: this.getMeta
-    }, /*#__PURE__*/React__default["default"].createElement(PopupContext.Provider, {
+    }, /*#__PURE__*/React__default['default'].createElement(PopupContext.Provider, {
       value: this.popupToggleRender
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
       style: wrappeStyle,
       onClick: this.closePopup
-    }, /*#__PURE__*/React__default["default"].createElement(SlotProvider, null, this.props.children)))));
+    }, /*#__PURE__*/React__default['default'].createElement(SlotProvider, null, this.props.children)))));
   }
 }
 
 const willUseLayers = function () {
-  let useEffect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : React__default["default"].useEffect;
+  let useEffect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : React__default['default'].useEffect;
   const _willUseSharedCallbac = willUseSharedCallback(useEffect),
-    _willUseSharedCallbac2 = _slicedToArray__default["default"](_willUseSharedCallbac, 3),
+    _willUseSharedCallbac2 = _slicedToArray__default['default'](_willUseSharedCallbac, 3),
     useRegisterSharedCallback = _willUseSharedCallbac2[0],
     callGroup = _willUseSharedCallbac2[1],
     getSize = _willUseSharedCallbac2[2];
@@ -681,7 +681,7 @@ const willUseLayers = function () {
     }, []);
     const getIndex = useRegisterSharedCallback(resetIndex, listener);
     const _useState = React.useState(getIndex()),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
       index = _useState2[0],
       setIndex = _useState2[1];
     useEffect(() => {
@@ -729,7 +729,7 @@ const useCatalogManager = (_ref, ref) => {
 const updateAllInputsState = (inputs, values) => {
   const deferedUndefined = [];
   inputs.forEach(input => {
-    const _input = _slicedToArray__default["default"](input, 2),
+    const _input = _slicedToArray__default['default'](input, 2),
       setValue = _input[0],
       selector = _input[1];
     const newValue = selector(values);
@@ -740,7 +740,7 @@ const updateAllInputsState = (inputs, values) => {
     }
   });
   deferedUndefined.forEach(_ref => {
-    let _ref2 = _slicedToArray__default["default"](_ref, 2),
+    let _ref2 = _slicedToArray__default['default'](_ref, 2),
       set = _ref2[0],
       value = _ref2[1];
     return set(value);
@@ -757,14 +757,14 @@ const parsePathOrSelector = pathOrSelector => {
 };
 const willUseSpreadState = function (defaultContextValue) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const Context = /*#__PURE__*/React__default["default"].createContext(defaultContextValue);
+  const Context = /*#__PURE__*/React__default['default'].createContext(defaultContextValue);
   const EMPTY_GLOBAL = {};
   let prevInitState = EMPTY_GLOBAL;
   let globalState = EMPTY_GLOBAL;
-  const getGlobalState = key => _isString__default["default"](key) || _isArray__default["default"](key) ? _get__default["default"](key, globalState) : globalState;
+  const getGlobalState = key => _isString__default['default'](key) || _isArray__default['default'](key) ? _get__default['default'](key, globalState) : globalState;
   const useProvideSpreadState = (initState, setCallback) => {
     const _useConsumerCatalog = useConsumerCatalog(input => updateAllInputsState([input], state.get())),
-      _useConsumerCatalog2 = _slicedToArray__default["default"](_useConsumerCatalog, 2),
+      _useConsumerCatalog2 = _slicedToArray__default['default'](_useConsumerCatalog, 2),
       consumerList = _useConsumerCatalog2[0],
       manager = _useConsumerCatalog2[1];
     const state = useRefState(initState, setCallback);
@@ -791,17 +791,17 @@ const willUseSpreadState = function (defaultContextValue) {
   };
   const useSpreadState = (pathOrSelector, inputs) => {
     const _useContext = React.useContext(Context),
-      _useContext2 = _slicedToArray__default["default"](_useContext, 3),
+      _useContext2 = _slicedToArray__default['default'](_useContext, 3),
       getSpreadState = _useContext2[0],
       setSpreadState = _useContext2[1],
       manager = _useContext2[2];
     const _parsePathOrSelector = parsePathOrSelector(pathOrSelector),
-      _parsePathOrSelector2 = _slicedToArray__default["default"](_parsePathOrSelector, 2),
+      _parsePathOrSelector2 = _slicedToArray__default['default'](_parsePathOrSelector, 2),
       path = _parsePathOrSelector2[0],
       selector = _parsePathOrSelector2[1];
     const pathOrInput = [path] || inputs || [];
     const _useState = React.useState(selector(getSpreadState())),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
     const isUnmounted = useIsUnmounted();
@@ -823,7 +823,7 @@ const willUseSpreadState = function (defaultContextValue) {
       }
     }, selector], pathOrInput);
     useCatalogManager(manager, input);
-    const setState = React.useCallback(v => setSpreadState((_isFunction__default["default"](v) ? pathOrSelector === undefined ? () => v : _update__default["default"] : _set__default["default"])(path, v), path), pathOrInput);
+    const setState = React.useCallback(v => setSpreadState((_isFunction__default['default'](v) ? pathOrSelector === undefined ? () => v : _update__default['default'] : _set__default['default'])(path, v), path), pathOrInput);
     const getValue = () => selector(getGlobalState());
     return [value, setState, getValue];
   };
@@ -831,24 +831,24 @@ const willUseSpreadState = function (defaultContextValue) {
 };
 
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const propsOrConsume = (prop, Consumer, childrenAsFunction) => prop ? childrenAsFunction(prop) : /*#__PURE__*/React__default["default"].createElement(Consumer, null, childrenAsFunction);
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const propsOrConsume = (prop, Consumer, childrenAsFunction) => prop ? childrenAsFunction(prop) : /*#__PURE__*/React__default['default'].createElement(Consumer, null, childrenAsFunction);
 const addConsumers = (Component, obj) => Object.entries(obj).reduce((acc, _ref) => {
-  let _ref2 = _slicedToArray__default["default"](_ref, 2),
+  let _ref2 = _slicedToArray__default['default'](_ref, 2),
     propKey = _ref2[0],
     Consumer = _ref2[1];
   return props => propsOrConsume(props[propKey], Consumer, v => acc(_objectSpread$2({
     [propKey]: v
   }, props)));
-}, props => /*#__PURE__*/React__default["default"].createElement(Component, props));
+}, props => /*#__PURE__*/React__default['default'].createElement(Component, props));
 const consumes = obj => Component => {
   const withConsumers = addConsumers(Component, obj);
   return props => withConsumers(props);
 };
 
 const withDialogError = Dialog => {
-  const ErrorBoundedComponent = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
-    return /*#__PURE__*/React__default["default"].createElement(Dialog, _extends__default["default"]({
+  const ErrorBoundedComponent = /*#__PURE__*/React__default['default'].forwardRef((props, ref) => {
+    return /*#__PURE__*/React__default['default'].createElement(Dialog, _extends__default['default']({
       ref: ref
     }, props));
 
@@ -864,8 +864,8 @@ const withDialogError = Dialog => {
 };
 
 const GroupEventFactory = () => {
-  let emitter = mitt__default["default"]();
-  class WithGroupEvent extends React__default["default"].Component {
+  let emitter = mitt__default['default']();
+  class WithGroupEvent extends React__default['default'].Component {
     constructor() {
       super(...arguments);
       this.events = {};
@@ -896,19 +896,19 @@ const GroupEventFactory = () => {
 };
 const withGroupEvent = Component => {
   const WithGroupEvent = GroupEventFactory();
-  return /*#__PURE__*/React__default["default"].forwardRef((props, ref) => /*#__PURE__*/React__default["default"].createElement(WithGroupEvent, null, groupEvent => /*#__PURE__*/React__default["default"].createElement(Component, _extends__default["default"]({}, props, {
+  return /*#__PURE__*/React__default['default'].forwardRef((props, ref) => /*#__PURE__*/React__default['default'].createElement(WithGroupEvent, null, groupEvent => /*#__PURE__*/React__default['default'].createElement(Component, _extends__default['default']({}, props, {
     ref: ref,
     groupEvent: groupEvent
   }))));
 };
 
-class WithRef extends React__default["default"].Component {
+class WithRef extends React__default['default'].Component {
   constructor(props) {
     super(props);
     const total = props.length || props.children.length;
     const refs = new Array(total);
     for (var i = 0; i < total; i++) {
-      refs[i] = /*#__PURE__*/React__default["default"].createRef();
+      refs[i] = /*#__PURE__*/React__default['default'].createRef();
     }
     this.createdRefs = refs;
   }
@@ -918,13 +918,13 @@ class WithRef extends React__default["default"].Component {
   }
 }
 
-const _excluded = ["value", "fallback", "children", "forwardProps"],
+const _excluded$1 = ["value", "fallback", "children", "forwardProps"],
   _excluded2 = ["value", "wrap", "fallback", "children", "forwardProps"];
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const addExtraProp = function (element, extra) {
   let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  return /*#__PURE__*/React__default["default"].cloneElement(element, override ? _objectSpread$1(_objectSpread$1({}, element.props), extra) : _objectSpread$1(_objectSpread$1({}, extra), element.props), element.props.children);
+  return /*#__PURE__*/React__default['default'].cloneElement(element, override ? _objectSpread$3(_objectSpread$3({}, element.props), extra) : _objectSpread$3(_objectSpread$3({}, extra), element.props), element.props.children);
 };
 const WithLazyPlaceholder = _ref => {
   let value = _ref.value,
@@ -932,14 +932,14 @@ const WithLazyPlaceholder = _ref => {
     children = _ref.children,
     _ref$forwardProps = _ref.forwardProps,
     forwardProps = _ref$forwardProps === void 0 ? false : _ref$forwardProps,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Suspense, {
-    fallback: React__default["default"].Children.map(children(fallback, {
+    props = _objectWithoutProperties__default['default'](_ref, _excluded$1);
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Suspense, {
+    fallback: React__default['default'].Children.map(children(fallback, {
       isLoading: true
-    }), child => /*#__PURE__*/React__default["default"].isValidElement(child) ? addExtraProp(child, {
+    }), child => /*#__PURE__*/React__default['default'].isValidElement(child) ? addExtraProp(child, {
       isLoading: true
     }, false) : child)
-  }, /*#__PURE__*/React__default["default"].createElement(Load, {
+  }, /*#__PURE__*/React__default['default'].createElement(Load, {
     value: value,
     children: children,
     forwardProps: forwardProps && props
@@ -952,14 +952,14 @@ const WithLazyResource = _ref2 => {
     children = _ref2.children,
     _ref2$forwardProps = _ref2.forwardProps,
     forwardProps = _ref2$forwardProps === void 0 ? false : _ref2$forwardProps,
-    props = _objectWithoutProperties__default["default"](_ref2, _excluded2);
-  return wrap || fallback !== undefined ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Suspense, {
+    props = _objectWithoutProperties__default['default'](_ref2, _excluded2);
+  return wrap || fallback !== undefined ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Suspense, {
     fallback: utils.ifUndefined(fallback, null)
-  }, /*#__PURE__*/React__default["default"].createElement(Load, {
+  }, /*#__PURE__*/React__default['default'].createElement(Load, {
     value: value,
     forwardProps: forwardProps && props,
     children: children
-  })) : /*#__PURE__*/React__default["default"].createElement(Load, {
+  })) : /*#__PURE__*/React__default['default'].createElement(Load, {
     value: value,
     children: children,
     forwardProps: forwardProps && props
@@ -969,11 +969,11 @@ const Load = _ref3 => {
   let value = _ref3.value,
     children = _ref3.children,
     forwardProps = _ref3.forwardProps;
-  const loaded = _isArray__default["default"](value) ? value.forEach(v => v.promise()) || value.map(v => v.read()) : value.read();
+  const loaded = _isArray__default['default'](value) ? value.forEach(v => v.promise()) || value.map(v => v.read()) : value.read();
   const _useReducer = React.useReducer(s => s + 1, 0),
-    _useReducer2 = _slicedToArray__default["default"](_useReducer, 2),
+    _useReducer2 = _slicedToArray__default['default'](_useReducer, 2),
     update = _useReducer2[1];
-  const refresh = () => Promise.all(_isArray__default["default"](value) ? value.map(v => v.refresh().promise()) : [value.refresh().promise()]).then(update);
+  const refresh = () => Promise.all(_isArray__default['default'](value) ? value.map(v => v.refresh().promise()) : [value.refresh().promise()]).then(update);
   return forwardProps ? addExtraProp(children(loaded, {
     refresh,
     update
@@ -984,7 +984,7 @@ const Load = _ref3 => {
 };
 
 const useCallbackStable = fn => {
-  const ref = React__default["default"].useRef([fn, function () {
+  const ref = React__default['default'].useRef([fn, function () {
     return ref[0](...arguments);
   }]).current;
   // Per Dan Abramov: useInsertionEffect executes marginally closer to the
@@ -1005,17 +1005,17 @@ const WithEffect = _ref => {
 };
 
 const _willUseLayers = willUseLayers(),
-  _willUseLayers2 = _slicedToArray__default["default"](_willUseLayers, 1),
+  _willUseLayers2 = _slicedToArray__default['default'](_willUseLayers, 1),
   useTitleLayers = _willUseLayers2[0];
 const useTitle = title => {
-  useTitleLayers({
+  const layer = useTitleLayers({
     onTop: () => {
       document.title = title;
     }
   });
 };
 
-const TabFocus = /*#__PURE__*/styled__default["default"].div.withConfig({
+const TabFocus = /*#__PURE__*/styled__default['default'].div.withConfig({
   displayName: "useRecycleFocus__TabFocus",
   componentId: "kxnccs-0"
 })(["width:0;height:0;position:absolute;"]);
@@ -1037,10 +1037,10 @@ const useRecycleFocus = function (ref) {
       }
     }
   };
-  return [/*#__PURE__*/React__default["default"].createElement(TabFocus, {
+  return [/*#__PURE__*/React__default['default'].createElement(TabFocus, {
     tabIndex: 1,
     onFocus: recycle(0)
-  }), /*#__PURE__*/React__default["default"].createElement(TabFocus, {
+  }), /*#__PURE__*/React__default['default'].createElement(TabFocus, {
     tabIndex: lastIndex || 1,
     onFocus: recycle(-1)
   })];
@@ -1077,21 +1077,21 @@ const useEnsureRef = forwardedRef => {
 
 const useForceUpdate = () => {
   const _useState = React.useState(0),
-    _useState2 = _slicedToArray__default["default"](_useState, 2);
-    _useState2[0];
-    const setValue = _useState2[1]; // integer state
+    _useState2 = _slicedToArray__default['default'](_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1]; // integer state
   return () => setValue(value => value + 1); // update the state to force render
 };
 const willUseForceUpdate = () => {
   const _willUseSharedState = willUseSharedState(),
-    _willUseSharedState2 = _slicedToArray__default["default"](_willUseSharedState, 3),
+    _willUseSharedState2 = _slicedToArray__default['default'](_willUseSharedState, 3),
     useValue = _willUseSharedState2[0],
     set = _willUseSharedState2[2];
   const useForceUpdate = () => {
     const _useValue = useValue(0),
-      _useValue2 = _slicedToArray__default["default"](_useValue, 2);
-      _useValue2[0];
-      const setV = _useValue2[1];
+      _useValue2 = _slicedToArray__default['default'](_useValue, 2),
+      v = _useValue2[0],
+      setV = _useValue2[1];
     return () => setV(value => value + 1);
   };
   return [useForceUpdate, () => set(value => value + 1)];
@@ -1101,7 +1101,7 @@ const useUpdateOnResize = function () {
   let debounceInterval = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 200;
   const update = useForceUpdate();
   React.useEffect(() => {
-    const trigger = _debounce__default["default"](debounceInterval, update);
+    const trigger = _debounce__default['default'](debounceInterval, update);
     window.addEventListener('resize', trigger);
     return () => {
       window.removeEventListener('resize', trigger);
@@ -1137,15 +1137,15 @@ const useRefMemo = value => {
   return ref;
 };
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default['default'](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const IS_ARRAY_ITEMS_EQUALS = (a, b) => a.length === b.length && !a.some((x, i) => !Object.is(x, b[i]));
 const IS_DEPS_EQUALS = function () {
   let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   return Object.is(a, b) || IS_ARRAY_ITEMS_EQUALS(a, b);
 };
-const SHALLOW_IS_EQUAL = (a, b) => Object.is(a, b) || _isArray__default["default"](a) && _isArray__default["default"](b) && IS_ARRAY_ITEMS_EQUALS(a, b);
+const SHALLOW_IS_EQUAL = (a, b) => Object.is(a, b) || _isArray__default['default'](a) && _isArray__default['default'](b) && IS_ARRAY_ITEMS_EQUALS(a, b);
 const EMPTY_DEPS = [];
 const EMPTY_VALUE = {
   "EMPTY": true
@@ -1156,7 +1156,7 @@ const useUpdateSignal = initialValue => {
   return useLazyConstant(() => {
     let registered = [];
     const register = function () {
-      let selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _identity__default["default"];
+      let selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _identity__default['default'];
       let isEqual = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SHALLOW_IS_EQUAL;
       let withTransition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       const selectorRef = React.useRef();
@@ -1180,7 +1180,7 @@ const useUpdateSignal = initialValue => {
         args[_key] = arguments[_key];
       }
       return registered.forEach(_ref => {
-        let _ref2 = _slicedToArray__default["default"](_ref, 5),
+        let _ref2 = _slicedToArray__default['default'](_ref, 5),
           fn = _ref2[0],
           selectorRef = _ref2[1],
           isEqual = _ref2[2],
@@ -1203,7 +1203,7 @@ const useUpdateSignal = initialValue => {
 const useSelectorSignal = value => {
   const prevValue = React.useRef(value);
   const _useUpdateSignal = useUpdateSignal(value),
-    _useUpdateSignal2 = _slicedToArray__default["default"](_useUpdateSignal, 2),
+    _useUpdateSignal2 = _slicedToArray__default['default'](_useUpdateSignal, 2),
     _register = _useUpdateSignal2[0],
     call = _useUpdateSignal2[1];
   const register = React.useCallback((selector, deps, isEqual, withTransition) => {
@@ -1222,9 +1222,9 @@ const useSelectorSignal = value => {
   }, [value]);
   return register;
 };
-const updateStateFn = (path, update) => state => path ? _update__default["default"](path, v => utils.callIfFunction(update, v), state) : utils.callIfFunction(update, state);
+const updateStateFn = (path, update) => state => path ? _update__default['default'](path, v => utils.callIfFunction(update, v), state) : utils.callIfFunction(update, state);
 const createStatefulContext = (v, defaultIsEqual) => {
-  const Ctx = /*#__PURE__*/React__default["default"].createContext(v);
+  const Ctx = /*#__PURE__*/React__default['default'].createContext(v);
   const Provider = _ref3 => {
     let value = _ref3.value,
       setValue = _ref3.setValue,
@@ -1232,45 +1232,45 @@ const createStatefulContext = (v, defaultIsEqual) => {
       children = _ref3.children;
     const register = useSelectorSignal(value);
     const v = useLazyConstant(() => [register, setValue, utils]);
-    return /*#__PURE__*/React__default["default"].createElement(Ctx.Provider, {
+    return /*#__PURE__*/React__default['default'].createElement(Ctx.Provider, {
       value: v
     }, children);
   };
   const useCtx = () => React.useContext(Ctx);
   const useSelectValue = (selector, deps, defaultIsEqual, withTransition) => {
     const _useCtx = useCtx(),
-      _useCtx2 = _slicedToArray__default["default"](_useCtx, 1),
+      _useCtx2 = _slicedToArray__default['default'](_useCtx, 1),
       useRegister = _useCtx2[0];
     if (deps === true) {
       return useRegister(selector, [], undefined, React.startTransition);
-    } else if (_isPlainObject__default["default"](deps)) {
+    } else if (_isPlainObject__default['default'](deps)) {
       return useRegister(selector, deps.deps, deps.isEqual, deps.withTransition);
     } else {
-      return useRegister(selector, _isArray__default["default"](deps) ? deps : deps === null || deps === void 0 ? void 0 : deps.deps, defaultIsEqual, withTransition);
+      return useRegister(selector, _isArray__default['default'](deps) ? deps : deps === null || deps === void 0 ? void 0 : deps.deps, defaultIsEqual, withTransition);
     }
   };
   const useSetValue = path => {
     const _useCtx3 = useCtx(),
-      _useCtx4 = _slicedToArray__default["default"](_useCtx3, 2);
-      _useCtx4[0];
-      const set = _useCtx4[1];
+      _useCtx4 = _slicedToArray__default['default'](_useCtx3, 2),
+      reg = _useCtx4[0],
+      set = _useCtx4[1];
     return useConstant(update => set(updateStateFn(path, update)));
   };
   const useUtils = (path, deps) => {
     const _useCtx5 = useCtx(),
-      _useCtx6 = _slicedToArray__default["default"](_useCtx5, 3);
-      _useCtx6[0];
-      _useCtx6[1];
-      const utils = _useCtx6[2];
+      _useCtx6 = _slicedToArray__default['default'](_useCtx5, 3),
+      reg = _useCtx6[0],
+      set = _useCtx6[1],
+      utils = _useCtx6[2];
     return utils;
   };
   return [Provider, [useSelectValue, useSetValue, useUtils, useCtx]];
 };
 const createSelfStatefulContext = (v, defaultIsEqual) => {
   const _createStatefulContex = createStatefulContext(v),
-    _createStatefulContex2 = _slicedToArray__default["default"](_createStatefulContex, 2),
+    _createStatefulContex2 = _slicedToArray__default['default'](_createStatefulContex, 2),
     Provider = _createStatefulContex2[0],
-    _createStatefulContex3 = _slicedToArray__default["default"](_createStatefulContex2[1], 4),
+    _createStatefulContex3 = _slicedToArray__default['default'](_createStatefulContex2[1], 4),
     useSelectValue = _createStatefulContex3[0],
     useSetValue = _createStatefulContex3[1],
     useUtils = _createStatefulContex3[2],
@@ -1281,10 +1281,10 @@ const createSelfStatefulContext = (v, defaultIsEqual) => {
       utils = _ref4.utils,
       children = _ref4.children;
     const _useState = React.useState(init),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
       state = _useState2[0],
       setState = _useState2[1];
-    return /*#__PURE__*/React__default["default"].createElement(Provider, {
+    return /*#__PURE__*/React__default['default'].createElement(Provider, {
       value: state,
       setValue: setState,
       utils: utils
@@ -1294,12 +1294,12 @@ const createSelfStatefulContext = (v, defaultIsEqual) => {
 };
 const createLazyStatefulContext = (toPromise, defaultIsEqual) => {
   const _createStatefulContex4 = createStatefulContext(EMPTY_VALUE),
-    _createStatefulContex5 = _slicedToArray__default["default"](_createStatefulContex4, 2),
+    _createStatefulContex5 = _slicedToArray__default['default'](_createStatefulContex4, 2),
     Provider = _createStatefulContex5[0],
-    _createStatefulContex6 = _slicedToArray__default["default"](_createStatefulContex5[1], 4),
-    useSelectValue = _createStatefulContex6[0];
-    _createStatefulContex6[1];
-    const useUtils = _createStatefulContex6[2],
+    _createStatefulContex6 = _slicedToArray__default['default'](_createStatefulContex5[1], 4),
+    useSelectValue = _createStatefulContex6[0],
+    useSetValue = _createStatefulContex6[1],
+    useUtils = _createStatefulContex6[2],
     useCtx = _createStatefulContex6[3];
   const useSelectLazyValue = function (selector, deps) {
     let isEqual = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultIsEqual;
@@ -1314,7 +1314,7 @@ const createLazyStatefulContext = (toPromise, defaultIsEqual) => {
   };
   const useSetLazyValue = path => {
     const _useCtx7 = useCtx(),
-      _useCtx8 = _slicedToArray__default["default"](_useCtx7, 3),
+      _useCtx8 = _slicedToArray__default['default'](_useCtx7, 3),
       setValue = _useCtx8[1],
       utils = _useCtx8[2];
     return useConstant(update => {
@@ -1338,15 +1338,15 @@ const createLazyStatefulContext = (toPromise, defaultIsEqual) => {
       _ref5$fallback = _ref5.fallback,
       fallback = _ref5$fallback === void 0 ? null : _ref5$fallback;
     const _useState3 = React.useState(EMPTY_VALUE),
-      _useState4 = _slicedToArray__default["default"](_useState3, 2),
+      _useState4 = _slicedToArray__default['default'](_useState3, 2),
       state = _useState4[0],
       setState = _useState4[1];
     const promise = React.useRef();
     const loadedValue = React.useRef();
-    const lazyUtils = React.useMemo(() => _objectSpread(_objectSpread({}, utils$1), {}, {
+    const lazyUtils = React.useMemo(() => _objectSpread$4(_objectSpread$4({}, utils$1), {}, {
       _lazyValue: () => {
         var _promise$current;
-        (_promise$current = promise.current) !== null && _promise$current !== void 0 ? _promise$current : promise.current = utils.callIfFunction(toPromise || _identity__default["default"], value);
+        (_promise$current = promise.current) !== null && _promise$current !== void 0 ? _promise$current : promise.current = utils.callIfFunction(toPromise || _identity__default['default'], value);
         promise.current.then(value => {
           loadedValue.current = value;
         });
@@ -1354,11 +1354,11 @@ const createLazyStatefulContext = (toPromise, defaultIsEqual) => {
       },
       loadedValue: () => loadedValue.current
     }), [value, utils$1]);
-    return /*#__PURE__*/React__default["default"].createElement(Provider, {
+    return /*#__PURE__*/React__default['default'].createElement(Provider, {
       value: state,
       setValue: setState,
       utils: lazyUtils
-    }, fallback === false ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Suspense, {
+    }, fallback === false ? children : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Suspense, {
       fallback: fallback
     }, children));
   };
@@ -1366,29 +1366,29 @@ const createLazyStatefulContext = (toPromise, defaultIsEqual) => {
 };
 const createSelectableContext = v => {
   const _createStatefulContex7 = createStatefulContext(v),
-    _createStatefulContex8 = _slicedToArray__default["default"](_createStatefulContex7, 2),
+    _createStatefulContex8 = _slicedToArray__default['default'](_createStatefulContex7, 2),
     Provider = _createStatefulContex8[0],
-    _createStatefulContex9 = _slicedToArray__default["default"](_createStatefulContex8[1], 1),
+    _createStatefulContex9 = _slicedToArray__default['default'](_createStatefulContex8[1], 1),
     useSelectValue = _createStatefulContex9[0];
   return [Provider, useSelectValue];
 };
 const createTriggerUpdateContext = v => {
   const _createStatefulContex0 = createStatefulContext(v),
-    _createStatefulContex1 = _slicedToArray__default["default"](_createStatefulContex0, 2),
+    _createStatefulContex1 = _slicedToArray__default['default'](_createStatefulContex0, 2),
     Provider = _createStatefulContex1[0],
-    _createStatefulContex10 = _slicedToArray__default["default"](_createStatefulContex1[1], 1),
+    _createStatefulContex10 = _slicedToArray__default['default'](_createStatefulContex1[1], 1),
     useSelectValue = _createStatefulContex10[0];
-  const TriggerProvider = /*#__PURE__*/React__default["default"].forwardRef((_ref6, ref) => {
+  const TriggerProvider = /*#__PURE__*/React__default['default'].forwardRef((_ref6, ref) => {
     let children = _ref6.children;
     const _useState5 = React.useState(0),
-      _useState6 = _slicedToArray__default["default"](_useState5, 2),
+      _useState6 = _slicedToArray__default['default'](_useState5, 2),
       v = _useState6[0],
       setV = _useState6[1];
-    const trigger = React__default["default"].useMemo(() => () => setV(v => v + 1), [v]);
-    React__default["default"].useImperativeHandle(ref, () => ({
+    const trigger = React__default['default'].useMemo(() => () => setV(v => v + 1), [v]);
+    React__default['default'].useImperativeHandle(ref, () => ({
       trigger
     }), []);
-    return /*#__PURE__*/React__default["default"].createElement(Provider, {
+    return /*#__PURE__*/React__default['default'].createElement(Provider, {
       value: trigger
     }, children);
   });
@@ -1396,8 +1396,8 @@ const createTriggerUpdateContext = v => {
 };
 
 const WithConstant = _ref => {
-  _ref.inputs;
-    let value = _ref.value,
+  let _ref$inputs = _ref.inputs,
+    value = _ref.value,
     children = _ref.children;
   const constant = useLazyConstant(value);
   return children(constant);
@@ -1405,7 +1405,7 @@ const WithConstant = _ref => {
 
 const useWithTransition = value => {
   const _useState = React.useState(value),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray__default['default'](_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
   React.useEffect(() => {