@storix-js/react 0.1.0 → 0.2.0

package/README.md

@@ -0,0 +1,23 @@
+# @storix-js/react
+
+React adapter for Storix using `useSyncExternalStore`.
+
+## Install
+
+```bash
+npm install @storix-js/core @storix-js/react react
+```
+
+## Usage
+
+```tsx
+import { useStore } from '@storix-js/react';
+import { useCounterStore } from './store';
+
+export function Counter() {
+  const counter = useStore(useCounterStore);
+  return <button onClick={() => counter.increment()}>{counter.count}</button>;
+}
+```
+
+This adapter subscribes React components to Storix updates with React 18-compatible semantics.

package/dist/index.cjs

@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Or;function xt(){if(Or)return d;Or=1;var j=Symbol.for("react.element"),l=Symbol.for("react.portal"),U=Symbol.for("react.fragment"),D=Symbol.for("react.strict_mode"),q=Symbol.for("react.profiler"),H=Symbol.for("react.provider"),te=Symbol.for("react.context"),ne=Symbol.for("react.forward_ref"),ae=Symbol.for("react.suspense"),K=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),Y=Symbol.iterator;function oe(t){return t===null||typeof t!="object"?null:(t=Y&&t[Y]||t["@@iterator"],typeof t=="function"?t:null)}var F={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},$=Object.assign,de={};function x(t,o,p){this.props=t,this.context=o,this.refs=de,this.updater=p||F}x.prototype.isReactComponent={},x.prototype.setState=function(t,o){if(typeof t!="object"&&typeof t!="function"&&t!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,t,o,"setState")},x.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};function pe(){}pe.prototype=x.prototype;function G(t,o,p){this.props=t,this.context=o,this.refs=de,this.updater=p||F}var Q=G.prototype=new pe;Q.constructor=G,$(Q,x.prototype),Q.isPureReactComponent=!0;var L=Array.isArray,O=Object.prototype.hasOwnProperty,A={current:null},M={key:!0,ref:!0,__self:!0,__source:!0};function z(t,o,p){var y,h={},w=null,R=null;if(o!=null)for(y in o.ref!==void 0&&(R=o.ref),o.key!==void 0&&(w=""+o.key),o)O.call(o,y)&&!M.hasOwnProperty(y)&&(h[y]=o[y]);var E=arguments.length-2;if(E===1)h.children=p;else if(1<E){for(var _=Array(E),k=0;k<E;k++)_[k]=arguments[k+2];h.children=_}if(t&&t.defaultProps)for(y in E=t.defaultProps,E)h[y]===void 0&&(h[y]=E[y]);return{$$typeof:j,type:t,key:w,ref:R,props:h,_owner:A.current}}function ve(t,o){return{$$typeof:j,type:t.type,key:o,ref:t.ref,props:t.props,_owner:t._owner}}function ue(t){return typeof t=="object"&&t!==null&&t.$$typeof===j}function Pe(t){var o={"=":"=0",":":"=2"};return"$"+t.replace(/[=:]/g,function(p){return o[p]})}var ye=/\/+/g;function ie(t,o){return typeof t=="object"&&t!==null&&t.key!=null?Pe(""+t.key):o.toString(36)}function X(t,o,p,y,h){var w=typeof t;(w==="undefined"||w==="boolean")&&(t=null);var R=!1;if(t===null)R=!0;else switch(w){case"string":case"number":R=!0;break;case"object":switch(t.$$typeof){case j:case l:R=!0}}if(R)return R=t,h=h(R),t=y===""?"."+ie(R,0):y,L(h)?(p="",t!=null&&(p=t.replace(ye,"$&/")+"/"),X(h,o,p,"",function(k){return k})):h!=null&&(ue(h)&&(h=ve(h,p+(!h.key||R&&R.key===h.key?"":(""+h.key).replace(ye,"$&/")+"/")+t)),o.push(h)),1;if(R=0,y=y===""?".":y+":",L(t))for(var E=0;E<t.length;E++){w=t[E];var _=y+ie(w,E);R+=X(w,o,p,_,h)}else if(_=oe(t),typeof _=="function")for(t=_.call(t),E=0;!(w=t.next()).done;)w=w.value,_=y+ie(w,E++),R+=X(w,o,p,_,h);else if(w==="object")throw o=String(t),Error("Objects are not valid as a React child (found: "+(o==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":o)+"). If you meant to render a collection of children, use an array instead.");return R}function I(t,o,p){if(t==null)return t;var y=[],h=0;return X(t,y,"","",function(w){return o.call(p,w,h++)}),y}function N(t){if(t._status===-1){var o=t._result;o=o(),o.then(function(p){(t._status===0||t._status===-1)&&(t._status=1,t._result=p)},function(p){(t._status===0||t._status===-1)&&(t._status=2,t._result=p)}),t._status===-1&&(t._status=0,t._result=o)}if(t._status===1)return t._result.default;throw t._result}var c={current:null},B={transition:null},he={ReactCurrentDispatcher:c,ReactCurrentBatchConfig:B,ReactCurrentOwner:A};function J(){throw Error("act(...) is not supported in production builds of React.")}return d.Children={map:I,forEach:function(t,o,p){I(t,function(){o.apply(this,arguments)},p)},count:function(t){var o=0;return I(t,function(){o++}),o},toArray:function(t){return I(t,function(o){return o})||[]},only:function(t){if(!ue(t))throw Error("React.Children.only expected to receive a single React element child.");return t}},d.Component=x,d.Fragment=U,d.Profiler=q,d.PureComponent=G,d.StrictMode=D,d.Suspense=ae,d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=he,d.act=J,d.cloneElement=function(t,o,p){if(t==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+t+".");var y=$({},t.props),h=t.key,w=t.ref,R=t._owner;if(o!=null){if(o.ref!==void 0&&(w=o.ref,R=A.current),o.key!==void 0&&(h=""+o.key),t.type&&t.type.defaultProps)var E=t.type.defaultProps;for(_ in o)O.call(o,_)&&!M.hasOwnProperty(_)&&(y[_]=o[_]===void 0&&E!==void 0?E[_]:o[_])}var _=arguments.length-2;if(_===1)y.children=p;else if(1<_){E=Array(_);for(var k=0;k<_;k++)E[k]=arguments[k+2];y.children=E}return{$$typeof:j,type:t.type,key:h,ref:w,props:y,_owner:R}},d.createContext=function(t){return t={$$typeof:te,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},t.Provider={$$typeof:H,_context:t},t.Consumer=t},d.createElement=z,d.createFactory=function(t){var o=z.bind(null,t);return o.type=t,o},d.createRef=function(){return{current:null}},d.forwardRef=function(t){return{$$typeof:ne,render:t}},d.isValidElement=ue,d.lazy=function(t){return{$$typeof:W,_payload:{_status:-1,_result:t},_init:N}},d.memo=function(t,o){return{$$typeof:K,type:t,compare:o===void 0?null:o}},d.startTransition=function(t){var o=B.transition;B.transition={};try{t()}finally{B.transition=o}},d.unstable_act=J,d.useCallback=function(t,o){return c.current.useCallback(t,o)},d.useContext=function(t){return c.current.useContext(t)},d.useDebugValue=function(){},d.useDeferredValue=function(t){return c.current.useDeferredValue(t)},d.useEffect=function(t,o){return c.current.useEffect(t,o)},d.useId=function(){return c.current.useId()},d.useImperativeHandle=function(t,o,p){return c.current.useImperativeHandle(t,o,p)},d.useInsertionEffect=function(t,o){return c.current.useInsertionEffect(t,o)},d.useLayoutEffect=function(t,o){return c.current.useLayoutEffect(t,o)},d.useMemo=function(t,o){return c.current.useMemo(t,o)},d.useReducer=function(t,o,p){return c.current.useReducer(t,o,p)},d.useRef=function(t){return c.current.useRef(t)},d.useState=function(t){return c.current.useState(t)},d.useSyncExternalStore=function(t,o,p){return c.current.useSyncExternalStore(t,o,p)},d.useTransition=function(){return c.current.useTransition()},d.version="18.3.1",d}var le={exports:{}};/**
+ */var Or;function Ft(){if(Or)return d;Or=1;var j=Symbol.for("react.element"),l=Symbol.for("react.portal"),V=Symbol.for("react.fragment"),$=Symbol.for("react.strict_mode"),q=Symbol.for("react.profiler"),H=Symbol.for("react.provider"),te=Symbol.for("react.context"),ne=Symbol.for("react.forward_ref"),ae=Symbol.for("react.suspense"),K=Symbol.for("react.memo"),U=Symbol.for("react.lazy"),W=Symbol.iterator;function oe(t){return t===null||typeof t!="object"?null:(t=W&&t[W]||t["@@iterator"],typeof t=="function"?t:null)}var D={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Y=Object.assign,de={};function F(t,o,p){this.props=t,this.context=o,this.refs=de,this.updater=p||D}F.prototype.isReactComponent={},F.prototype.setState=function(t,o){if(typeof t!="object"&&typeof t!="function"&&t!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,t,o,"setState")},F.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};function pe(){}pe.prototype=F.prototype;function G(t,o,p){this.props=t,this.context=o,this.refs=de,this.updater=p||D}var Q=G.prototype=new pe;Q.constructor=G,Y(Q,F.prototype),Q.isPureReactComponent=!0;var x=Array.isArray,O=Object.prototype.hasOwnProperty,A={current:null},L={key:!0,ref:!0,__self:!0,__source:!0};function z(t,o,p){var y,h={},w=null,R=null;if(o!=null)for(y in o.ref!==void 0&&(R=o.ref),o.key!==void 0&&(w=""+o.key),o)O.call(o,y)&&!L.hasOwnProperty(y)&&(h[y]=o[y]);var E=arguments.length-2;if(E===1)h.children=p;else if(1<E){for(var _=Array(E),k=0;k<E;k++)_[k]=arguments[k+2];h.children=_}if(t&&t.defaultProps)for(y in E=t.defaultProps,E)h[y]===void 0&&(h[y]=E[y]);return{$$typeof:j,type:t,key:w,ref:R,props:h,_owner:A.current}}function ve(t,o){return{$$typeof:j,type:t.type,key:o,ref:t.ref,props:t.props,_owner:t._owner}}function ue(t){return typeof t=="object"&&t!==null&&t.$$typeof===j}function Pe(t){var o={"=":"=0",":":"=2"};return"$"+t.replace(/[=:]/g,function(p){return o[p]})}var ye=/\/+/g;function ie(t,o){return typeof t=="object"&&t!==null&&t.key!=null?Pe(""+t.key):o.toString(36)}function X(t,o,p,y,h){var w=typeof t;(w==="undefined"||w==="boolean")&&(t=null);var R=!1;if(t===null)R=!0;else switch(w){case"string":case"number":R=!0;break;case"object":switch(t.$$typeof){case j:case l:R=!0}}if(R)return R=t,h=h(R),t=y===""?"."+ie(R,0):y,x(h)?(p="",t!=null&&(p=t.replace(ye,"$&/")+"/"),X(h,o,p,"",function(k){return k})):h!=null&&(ue(h)&&(h=ve(h,p+(!h.key||R&&R.key===h.key?"":(""+h.key).replace(ye,"$&/")+"/")+t)),o.push(h)),1;if(R=0,y=y===""?".":y+":",x(t))for(var E=0;E<t.length;E++){w=t[E];var _=y+ie(w,E);R+=X(w,o,p,_,h)}else if(_=oe(t),typeof _=="function")for(t=_.call(t),E=0;!(w=t.next()).done;)w=w.value,_=y+ie(w,E++),R+=X(w,o,p,_,h);else if(w==="object")throw o=String(t),Error("Objects are not valid as a React child (found: "+(o==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":o)+"). If you meant to render a collection of children, use an array instead.");return R}function I(t,o,p){if(t==null)return t;var y=[],h=0;return X(t,y,"","",function(w){return o.call(p,w,h++)}),y}function M(t){if(t._status===-1){var o=t._result;o=o(),o.then(function(p){(t._status===0||t._status===-1)&&(t._status=1,t._result=p)},function(p){(t._status===0||t._status===-1)&&(t._status=2,t._result=p)}),t._status===-1&&(t._status=0,t._result=o)}if(t._status===1)return t._result.default;throw t._result}var c={current:null},B={transition:null},he={ReactCurrentDispatcher:c,ReactCurrentBatchConfig:B,ReactCurrentOwner:A};function J(){throw Error("act(...) is not supported in production builds of React.")}return d.Children={map:I,forEach:function(t,o,p){I(t,function(){o.apply(this,arguments)},p)},count:function(t){var o=0;return I(t,function(){o++}),o},toArray:function(t){return I(t,function(o){return o})||[]},only:function(t){if(!ue(t))throw Error("React.Children.only expected to receive a single React element child.");return t}},d.Component=F,d.Fragment=V,d.Profiler=q,d.PureComponent=G,d.StrictMode=$,d.Suspense=ae,d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=he,d.act=J,d.cloneElement=function(t,o,p){if(t==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+t+".");var y=Y({},t.props),h=t.key,w=t.ref,R=t._owner;if(o!=null){if(o.ref!==void 0&&(w=o.ref,R=A.current),o.key!==void 0&&(h=""+o.key),t.type&&t.type.defaultProps)var E=t.type.defaultProps;for(_ in o)O.call(o,_)&&!L.hasOwnProperty(_)&&(y[_]=o[_]===void 0&&E!==void 0?E[_]:o[_])}var _=arguments.length-2;if(_===1)y.children=p;else if(1<_){E=Array(_);for(var k=0;k<_;k++)E[k]=arguments[k+2];y.children=E}return{$$typeof:j,type:t.type,key:h,ref:w,props:y,_owner:R}},d.createContext=function(t){return t={$$typeof:te,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},t.Provider={$$typeof:H,_context:t},t.Consumer=t},d.createElement=z,d.createFactory=function(t){var o=z.bind(null,t);return o.type=t,o},d.createRef=function(){return{current:null}},d.forwardRef=function(t){return{$$typeof:ne,render:t}},d.isValidElement=ue,d.lazy=function(t){return{$$typeof:U,_payload:{_status:-1,_result:t},_init:M}},d.memo=function(t,o){return{$$typeof:K,type:t,compare:o===void 0?null:o}},d.startTransition=function(t){var o=B.transition;B.transition={};try{t()}finally{B.transition=o}},d.unstable_act=J,d.useCallback=function(t,o){return c.current.useCallback(t,o)},d.useContext=function(t){return c.current.useContext(t)},d.useDebugValue=function(){},d.useDeferredValue=function(t){return c.current.useDeferredValue(t)},d.useEffect=function(t,o){return c.current.useEffect(t,o)},d.useId=function(){return c.current.useId()},d.useImperativeHandle=function(t,o,p){return c.current.useImperativeHandle(t,o,p)},d.useInsertionEffect=function(t,o){return c.current.useInsertionEffect(t,o)},d.useLayoutEffect=function(t,o){return c.current.useLayoutEffect(t,o)},d.useMemo=function(t,o){return c.current.useMemo(t,o)},d.useReducer=function(t,o,p){return c.current.useReducer(t,o,p)},d.useRef=function(t){return c.current.useRef(t)},d.useState=function(t){return c.current.useState(t)},d.useSyncExternalStore=function(t,o,p){return c.current.useSyncExternalStore(t,o,p)},d.useTransition=function(){return c.current.useTransition()},d.version="18.3.1",d}var le={exports:{}};/**
  * @license React
  * react.development.js
  *
@@ -14,7 +14,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */le.exports;var Tr;function Lt(){return Tr||(Tr=1,(function(j,l){process.env.NODE_ENV!=="production"&&(function(){typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var U="18.3.1",D=Symbol.for("react.element"),q=Symbol.for("react.portal"),H=Symbol.for("react.fragment"),te=Symbol.for("react.strict_mode"),ne=Symbol.for("react.profiler"),ae=Symbol.for("react.provider"),K=Symbol.for("react.context"),W=Symbol.for("react.forward_ref"),Y=Symbol.for("react.suspense"),oe=Symbol.for("react.suspense_list"),F=Symbol.for("react.memo"),$=Symbol.for("react.lazy"),de=Symbol.for("react.offscreen"),x=Symbol.iterator,pe="@@iterator";function G(e){if(e===null||typeof e!="object")return null;var r=x&&e[x]||e[pe];return typeof r=="function"?r:null}var Q={current:null},L={transition:null},O={current:null,isBatchingLegacy:!1,didScheduleLegacyUpdate:!1},A={current:null},M={},z=null;function ve(e){z=e}M.setExtraStackFrame=function(e){z=e},M.getCurrentStack=null,M.getStackAddendum=function(){var e="";z&&(e+=z);var r=M.getCurrentStack;return r&&(e+=r()||""),e};var ue=!1,Pe=!1,ye=!1,ie=!1,X=!1,I={ReactCurrentDispatcher:Q,ReactCurrentBatchConfig:L,ReactCurrentOwner:A};I.ReactDebugCurrentFrame=M,I.ReactCurrentActQueue=O;function N(e){{for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];B("warn",e,n)}}function c(e){{for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];B("error",e,n)}}function B(e,r,n){{var a=I.ReactDebugCurrentFrame,u=a.getStackAddendum();u!==""&&(r+="%s",n=n.concat([u]));var s=n.map(function(i){return String(i)});s.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,s)}}var he={};function J(e,r){{var n=e.constructor,a=n&&(n.displayName||n.name)||"ReactClass",u=a+"."+r;if(he[u])return;c("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",r,a),he[u]=!0}}var t={isMounted:function(e){return!1},enqueueForceUpdate:function(e,r,n){J(e,"forceUpdate")},enqueueReplaceState:function(e,r,n,a){J(e,"replaceState")},enqueueSetState:function(e,r,n,a){J(e,"setState")}},o=Object.assign,p={};Object.freeze(p);function y(e,r,n){this.props=e,this.context=r,this.refs=p,this.updater=n||t}y.prototype.isReactComponent={},y.prototype.setState=function(e,r){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw new Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,r,"setState")},y.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};{var h={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},w=function(e,r){Object.defineProperty(y.prototype,e,{get:function(){N("%s(...) is deprecated in plain JavaScript React classes. %s",r[0],r[1])}})};for(var R in h)h.hasOwnProperty(R)&&w(R,h[R])}function E(){}E.prototype=y.prototype;function _(e,r,n){this.props=e,this.context=r,this.refs=p,this.updater=n||t}var k=_.prototype=new E;k.constructor=_,o(k,y.prototype),k.isPureReactComponent=!0;function Pr(){var e={current:null};return Object.seal(e),e}var Ar=Array.isArray;function me(e){return Ar(e)}function jr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function Ir(e){try{return $e(e),!1}catch{return!0}}function $e(e){return""+e}function _e(e){if(Ir(e))return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",jr(e)),$e(e)}function Dr(e,r,n){var a=e.displayName;if(a)return a;var u=r.displayName||r.name||"";return u!==""?n+"("+u+")":n}function ze(e){return e.displayName||"Context"}function V(e){if(e==null)return null;if(typeof e.tag=="number"&&c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case H:return"Fragment";case q:return"Portal";case ne:return"Profiler";case te:return"StrictMode";case Y:return"Suspense";case oe:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case K:var r=e;return ze(r)+".Consumer";case ae:var n=e;return ze(n._context)+".Provider";case W:return Dr(e,e.render,"ForwardRef");case F:var a=e.displayName||null;return a!==null?a:V(e.type)||"Memo";case $:{var u=e,s=u._payload,i=u._init;try{return V(i(s))}catch{return null}}}return null}var se=Object.prototype.hasOwnProperty,Be={key:!0,ref:!0,__self:!0,__source:!0},qe,He,Ae;Ae={};function Ke(e){if(se.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ge(e){if(se.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Fr(e,r){var n=function(){qe||(qe=!0,c("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function xr(e,r){var n=function(){He||(He=!0,c("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}function Lr(e){if(typeof e.ref=="string"&&A.current&&e.__self&&A.current.stateNode!==e.__self){var r=V(A.current.type);Ae[r]||(c('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',r,e.ref),Ae[r]=!0)}}var je=function(e,r,n,a,u,s,i){var f={$$typeof:D,type:e,key:r,ref:n,props:i,_owner:s};return f._store={},Object.defineProperty(f._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(f,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(f,"_source",{configurable:!1,enumerable:!1,writable:!1,value:u}),Object.freeze&&(Object.freeze(f.props),Object.freeze(f)),f};function Mr(e,r,n){var a,u={},s=null,i=null,f=null,v=null;if(r!=null){Ke(r)&&(i=r.ref,Lr(r)),Ge(r)&&(_e(r.key),s=""+r.key),f=r.__self===void 0?null:r.__self,v=r.__source===void 0?null:r.__source;for(a in r)se.call(r,a)&&!Be.hasOwnProperty(a)&&(u[a]=r[a])}var m=arguments.length-2;if(m===1)u.children=n;else if(m>1){for(var g=Array(m),b=0;b<m;b++)g[b]=arguments[b+2];Object.freeze&&Object.freeze(g),u.children=g}if(e&&e.defaultProps){var C=e.defaultProps;for(a in C)u[a]===void 0&&(u[a]=C[a])}if(s||i){var S=typeof e=="function"?e.displayName||e.name||"Unknown":e;s&&Fr(u,S),i&&xr(u,S)}return je(e,s,i,f,v,A.current,u)}function Nr(e,r){var n=je(e.type,r,e.ref,e._self,e._source,e._owner,e.props);return n}function Vr(e,r,n){if(e==null)throw new Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var a,u=o({},e.props),s=e.key,i=e.ref,f=e._self,v=e._source,m=e._owner;if(r!=null){Ke(r)&&(i=r.ref,m=A.current),Ge(r)&&(_e(r.key),s=""+r.key);var g;e.type&&e.type.defaultProps&&(g=e.type.defaultProps);for(a in r)se.call(r,a)&&!Be.hasOwnProperty(a)&&(r[a]===void 0&&g!==void 0?u[a]=g[a]:u[a]=r[a])}var b=arguments.length-2;if(b===1)u.children=n;else if(b>1){for(var C=Array(b),S=0;S<b;S++)C[S]=arguments[S+2];u.children=C}return je(e.type,s,i,f,v,m,u)}function Z(e){return typeof e=="object"&&e!==null&&e.$$typeof===D}var Qe=".",Ur=":";function Wr(e){var r=/[=:]/g,n={"=":"=0",":":"=2"},a=e.replace(r,function(u){return n[u]});return"$"+a}var Xe=!1,Yr=/\/+/g;function Je(e){return e.replace(Yr,"$&/")}function Ie(e,r){return typeof e=="object"&&e!==null&&e.key!=null?(_e(e.key),Wr(""+e.key)):r.toString(36)}function ge(e,r,n,a,u){var s=typeof e;(s==="undefined"||s==="boolean")&&(e=null);var i=!1;if(e===null)i=!0;else switch(s){case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case D:case q:i=!0}}if(i){var f=e,v=u(f),m=a===""?Qe+Ie(f,0):a;if(me(v)){var g="";m!=null&&(g=Je(m)+"/"),ge(v,r,g,"",function(Ft){return Ft})}else v!=null&&(Z(v)&&(v.key&&(!f||f.key!==v.key)&&_e(v.key),v=Nr(v,n+(v.key&&(!f||f.key!==v.key)?Je(""+v.key)+"/":"")+m)),r.push(v));return 1}var b,C,S=0,T=a===""?Qe:a+Ur;if(me(e))for(var Te=0;Te<e.length;Te++)b=e[Te],C=T+Ie(b,Te),S+=ge(b,r,n,C,u);else{var We=G(e);if(typeof We=="function"){var Cr=e;We===Cr.entries&&(Xe||N("Using Maps as children is not supported. Use an array of keyed ReactElements instead."),Xe=!0);for(var It=We.call(Cr),wr,Dt=0;!(wr=It.next()).done;)b=wr.value,C=T+Ie(b,Dt++),S+=ge(b,r,n,C,u)}else if(s==="object"){var Sr=String(e);throw new Error("Objects are not valid as a React child (found: "+(Sr==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":Sr)+"). If you meant to render a collection of children, use an array instead.")}}return S}function be(e,r,n){if(e==null)return e;var a=[],u=0;return ge(e,a,"","",function(s){return r.call(n,s,u++)}),a}function $r(e){var r=0;return be(e,function(){r++}),r}function zr(e,r,n){be(e,function(){r.apply(this,arguments)},n)}function Br(e){return be(e,function(r){return r})||[]}function qr(e){if(!Z(e))throw new Error("React.Children.only expected to receive a single React element child.");return e}function Hr(e){var r={$$typeof:K,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};r.Provider={$$typeof:ae,_context:r};var n=!1,a=!1,u=!1;{var s={$$typeof:K,_context:r};Object.defineProperties(s,{Provider:{get:function(){return a||(a=!0,c("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?")),r.Provider},set:function(i){r.Provider=i}},_currentValue:{get:function(){return r._currentValue},set:function(i){r._currentValue=i}},_currentValue2:{get:function(){return r._currentValue2},set:function(i){r._currentValue2=i}},_threadCount:{get:function(){return r._threadCount},set:function(i){r._threadCount=i}},Consumer:{get:function(){return n||(n=!0,c("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?")),r.Consumer}},displayName:{get:function(){return r.displayName},set:function(i){u||(N("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.",i),u=!0)}}}),r.Consumer=s}return r._currentRenderer=null,r._currentRenderer2=null,r}var ce=-1,De=0,Ze=1,Kr=2;function Gr(e){if(e._status===ce){var r=e._result,n=r();if(n.then(function(s){if(e._status===De||e._status===ce){var i=e;i._status=Ze,i._result=s}},function(s){if(e._status===De||e._status===ce){var i=e;i._status=Kr,i._result=s}}),e._status===ce){var a=e;a._status=De,a._result=n}}if(e._status===Ze){var u=e._result;return u===void 0&&c(`lazy: Expected the result of a dynamic import() call. Instead received: %s
+ */le.exports;var Tr;function xt(){return Tr||(Tr=1,(function(j,l){process.env.NODE_ENV!=="production"&&(function(){typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var V="18.3.1",$=Symbol.for("react.element"),q=Symbol.for("react.portal"),H=Symbol.for("react.fragment"),te=Symbol.for("react.strict_mode"),ne=Symbol.for("react.profiler"),ae=Symbol.for("react.provider"),K=Symbol.for("react.context"),U=Symbol.for("react.forward_ref"),W=Symbol.for("react.suspense"),oe=Symbol.for("react.suspense_list"),D=Symbol.for("react.memo"),Y=Symbol.for("react.lazy"),de=Symbol.for("react.offscreen"),F=Symbol.iterator,pe="@@iterator";function G(e){if(e===null||typeof e!="object")return null;var r=F&&e[F]||e[pe];return typeof r=="function"?r:null}var Q={current:null},x={transition:null},O={current:null,isBatchingLegacy:!1,didScheduleLegacyUpdate:!1},A={current:null},L={},z=null;function ve(e){z=e}L.setExtraStackFrame=function(e){z=e},L.getCurrentStack=null,L.getStackAddendum=function(){var e="";z&&(e+=z);var r=L.getCurrentStack;return r&&(e+=r()||""),e};var ue=!1,Pe=!1,ye=!1,ie=!1,X=!1,I={ReactCurrentDispatcher:Q,ReactCurrentBatchConfig:x,ReactCurrentOwner:A};I.ReactDebugCurrentFrame=L,I.ReactCurrentActQueue=O;function M(e){{for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];B("warn",e,n)}}function c(e){{for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];B("error",e,n)}}function B(e,r,n){{var a=I.ReactDebugCurrentFrame,u=a.getStackAddendum();u!==""&&(r+="%s",n=n.concat([u]));var s=n.map(function(i){return String(i)});s.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,s)}}var he={};function J(e,r){{var n=e.constructor,a=n&&(n.displayName||n.name)||"ReactClass",u=a+"."+r;if(he[u])return;c("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",r,a),he[u]=!0}}var t={isMounted:function(e){return!1},enqueueForceUpdate:function(e,r,n){J(e,"forceUpdate")},enqueueReplaceState:function(e,r,n,a){J(e,"replaceState")},enqueueSetState:function(e,r,n,a){J(e,"setState")}},o=Object.assign,p={};Object.freeze(p);function y(e,r,n){this.props=e,this.context=r,this.refs=p,this.updater=n||t}y.prototype.isReactComponent={},y.prototype.setState=function(e,r){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw new Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,r,"setState")},y.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};{var h={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},w=function(e,r){Object.defineProperty(y.prototype,e,{get:function(){M("%s(...) is deprecated in plain JavaScript React classes. %s",r[0],r[1])}})};for(var R in h)h.hasOwnProperty(R)&&w(R,h[R])}function E(){}E.prototype=y.prototype;function _(e,r,n){this.props=e,this.context=r,this.refs=p,this.updater=n||t}var k=_.prototype=new E;k.constructor=_,o(k,y.prototype),k.isPureReactComponent=!0;function Pr(){var e={current:null};return Object.seal(e),e}var Ar=Array.isArray;function me(e){return Ar(e)}function jr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function Ir(e){try{return Ye(e),!1}catch{return!0}}function Ye(e){return""+e}function _e(e){if(Ir(e))return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",jr(e)),Ye(e)}function $r(e,r,n){var a=e.displayName;if(a)return a;var u=r.displayName||r.name||"";return u!==""?n+"("+u+")":n}function ze(e){return e.displayName||"Context"}function N(e){if(e==null)return null;if(typeof e.tag=="number"&&c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case H:return"Fragment";case q:return"Portal";case ne:return"Profiler";case te:return"StrictMode";case W:return"Suspense";case oe:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case K:var r=e;return ze(r)+".Consumer";case ae:var n=e;return ze(n._context)+".Provider";case U:return $r(e,e.render,"ForwardRef");case D:var a=e.displayName||null;return a!==null?a:N(e.type)||"Memo";case Y:{var u=e,s=u._payload,i=u._init;try{return N(i(s))}catch{return null}}}return null}var se=Object.prototype.hasOwnProperty,Be={key:!0,ref:!0,__self:!0,__source:!0},qe,He,Ae;Ae={};function Ke(e){if(se.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ge(e){if(se.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Dr(e,r){var n=function(){qe||(qe=!0,c("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function Fr(e,r){var n=function(){He||(He=!0,c("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}function xr(e){if(typeof e.ref=="string"&&A.current&&e.__self&&A.current.stateNode!==e.__self){var r=N(A.current.type);Ae[r]||(c('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',r,e.ref),Ae[r]=!0)}}var je=function(e,r,n,a,u,s,i){var f={$$typeof:$,type:e,key:r,ref:n,props:i,_owner:s};return f._store={},Object.defineProperty(f._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(f,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(f,"_source",{configurable:!1,enumerable:!1,writable:!1,value:u}),Object.freeze&&(Object.freeze(f.props),Object.freeze(f)),f};function Lr(e,r,n){var a,u={},s=null,i=null,f=null,v=null;if(r!=null){Ke(r)&&(i=r.ref,xr(r)),Ge(r)&&(_e(r.key),s=""+r.key),f=r.__self===void 0?null:r.__self,v=r.__source===void 0?null:r.__source;for(a in r)se.call(r,a)&&!Be.hasOwnProperty(a)&&(u[a]=r[a])}var m=arguments.length-2;if(m===1)u.children=n;else if(m>1){for(var g=Array(m),b=0;b<m;b++)g[b]=arguments[b+2];Object.freeze&&Object.freeze(g),u.children=g}if(e&&e.defaultProps){var C=e.defaultProps;for(a in C)u[a]===void 0&&(u[a]=C[a])}if(s||i){var S=typeof e=="function"?e.displayName||e.name||"Unknown":e;s&&Dr(u,S),i&&Fr(u,S)}return je(e,s,i,f,v,A.current,u)}function Mr(e,r){var n=je(e.type,r,e.ref,e._self,e._source,e._owner,e.props);return n}function Nr(e,r,n){if(e==null)throw new Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var a,u=o({},e.props),s=e.key,i=e.ref,f=e._self,v=e._source,m=e._owner;if(r!=null){Ke(r)&&(i=r.ref,m=A.current),Ge(r)&&(_e(r.key),s=""+r.key);var g;e.type&&e.type.defaultProps&&(g=e.type.defaultProps);for(a in r)se.call(r,a)&&!Be.hasOwnProperty(a)&&(r[a]===void 0&&g!==void 0?u[a]=g[a]:u[a]=r[a])}var b=arguments.length-2;if(b===1)u.children=n;else if(b>1){for(var C=Array(b),S=0;S<b;S++)C[S]=arguments[S+2];u.children=C}return je(e.type,s,i,f,v,m,u)}function Z(e){return typeof e=="object"&&e!==null&&e.$$typeof===$}var Qe=".",Vr=":";function Ur(e){var r=/[=:]/g,n={"=":"=0",":":"=2"},a=e.replace(r,function(u){return n[u]});return"$"+a}var Xe=!1,Wr=/\/+/g;function Je(e){return e.replace(Wr,"$&/")}function Ie(e,r){return typeof e=="object"&&e!==null&&e.key!=null?(_e(e.key),Ur(""+e.key)):r.toString(36)}function ge(e,r,n,a,u){var s=typeof e;(s==="undefined"||s==="boolean")&&(e=null);var i=!1;if(e===null)i=!0;else switch(s){case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case $:case q:i=!0}}if(i){var f=e,v=u(f),m=a===""?Qe+Ie(f,0):a;if(me(v)){var g="";m!=null&&(g=Je(m)+"/"),ge(v,r,g,"",function(Dt){return Dt})}else v!=null&&(Z(v)&&(v.key&&(!f||f.key!==v.key)&&_e(v.key),v=Mr(v,n+(v.key&&(!f||f.key!==v.key)?Je(""+v.key)+"/":"")+m)),r.push(v));return 1}var b,C,S=0,T=a===""?Qe:a+Vr;if(me(e))for(var Te=0;Te<e.length;Te++)b=e[Te],C=T+Ie(b,Te),S+=ge(b,r,n,C,u);else{var Ue=G(e);if(typeof Ue=="function"){var Cr=e;Ue===Cr.entries&&(Xe||M("Using Maps as children is not supported. Use an array of keyed ReactElements instead."),Xe=!0);for(var It=Ue.call(Cr),wr,$t=0;!(wr=It.next()).done;)b=wr.value,C=T+Ie(b,$t++),S+=ge(b,r,n,C,u)}else if(s==="object"){var Sr=String(e);throw new Error("Objects are not valid as a React child (found: "+(Sr==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":Sr)+"). If you meant to render a collection of children, use an array instead.")}}return S}function be(e,r,n){if(e==null)return e;var a=[],u=0;return ge(e,a,"","",function(s){return r.call(n,s,u++)}),a}function Yr(e){var r=0;return be(e,function(){r++}),r}function zr(e,r,n){be(e,function(){r.apply(this,arguments)},n)}function Br(e){return be(e,function(r){return r})||[]}function qr(e){if(!Z(e))throw new Error("React.Children.only expected to receive a single React element child.");return e}function Hr(e){var r={$$typeof:K,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};r.Provider={$$typeof:ae,_context:r};var n=!1,a=!1,u=!1;{var s={$$typeof:K,_context:r};Object.defineProperties(s,{Provider:{get:function(){return a||(a=!0,c("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?")),r.Provider},set:function(i){r.Provider=i}},_currentValue:{get:function(){return r._currentValue},set:function(i){r._currentValue=i}},_currentValue2:{get:function(){return r._currentValue2},set:function(i){r._currentValue2=i}},_threadCount:{get:function(){return r._threadCount},set:function(i){r._threadCount=i}},Consumer:{get:function(){return n||(n=!0,c("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?")),r.Consumer}},displayName:{get:function(){return r.displayName},set:function(i){u||(M("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.",i),u=!0)}}}),r.Consumer=s}return r._currentRenderer=null,r._currentRenderer2=null,r}var ce=-1,$e=0,Ze=1,Kr=2;function Gr(e){if(e._status===ce){var r=e._result,n=r();if(n.then(function(s){if(e._status===$e||e._status===ce){var i=e;i._status=Ze,i._result=s}},function(s){if(e._status===$e||e._status===ce){var i=e;i._status=Kr,i._result=s}}),e._status===ce){var a=e;a._status=$e,a._result=n}}if(e._status===Ze){var u=e._result;return u===void 0&&c(`lazy: Expected the result of a dynamic import() call. Instead received: %s
 
 Your code should look like: 
   const MyComponent = lazy(() => import('./MyComponent'))
@@ -22,18 +22,18 @@ Your code should look like:
 Did you accidentally put curly braces around the import?`,u),"default"in u||c(`lazy: Expected the result of a dynamic import() call. Instead received: %s
 
 Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))`,u),u.default}else throw e._result}function Qr(e){var r={_status:ce,_result:e},n={$$typeof:$,_payload:r,_init:Gr};{var a,u;Object.defineProperties(n,{defaultProps:{configurable:!0,get:function(){return a},set:function(s){c("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),a=s,Object.defineProperty(n,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return u},set:function(s){c("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),u=s,Object.defineProperty(n,"propTypes",{enumerable:!0})}}})}return n}function Xr(e){e!=null&&e.$$typeof===F?c("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof e!="function"?c("forwardRef requires a render function but was given %s.",e===null?"null":typeof e):e.length!==0&&e.length!==2&&c("forwardRef render functions accept exactly two parameters: props and ref. %s",e.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),e!=null&&(e.defaultProps!=null||e.propTypes!=null)&&c("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");var r={$$typeof:W,render:e};{var n;Object.defineProperty(r,"displayName",{enumerable:!1,configurable:!0,get:function(){return n},set:function(a){n=a,!e.name&&!e.displayName&&(e.displayName=a)}})}return r}var er;er=Symbol.for("react.module.reference");function rr(e){return!!(typeof e=="string"||typeof e=="function"||e===H||e===ne||X||e===te||e===Y||e===oe||ie||e===de||ue||Pe||ye||typeof e=="object"&&e!==null&&(e.$$typeof===$||e.$$typeof===F||e.$$typeof===ae||e.$$typeof===K||e.$$typeof===W||e.$$typeof===er||e.getModuleId!==void 0))}function Jr(e,r){rr(e)||c("memo: The first argument must be a component. Instead received: %s",e===null?"null":typeof e);var n={$$typeof:F,type:e,compare:r===void 0?null:r};{var a;Object.defineProperty(n,"displayName",{enumerable:!1,configurable:!0,get:function(){return a},set:function(u){a=u,!e.name&&!e.displayName&&(e.displayName=u)}})}return n}function P(){var e=Q.current;return e===null&&c(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+  const MyComponent = lazy(() => import('./MyComponent'))`,u),u.default}else throw e._result}function Qr(e){var r={_status:ce,_result:e},n={$$typeof:Y,_payload:r,_init:Gr};{var a,u;Object.defineProperties(n,{defaultProps:{configurable:!0,get:function(){return a},set:function(s){c("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),a=s,Object.defineProperty(n,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return u},set:function(s){c("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),u=s,Object.defineProperty(n,"propTypes",{enumerable:!0})}}})}return n}function Xr(e){e!=null&&e.$$typeof===D?c("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof e!="function"?c("forwardRef requires a render function but was given %s.",e===null?"null":typeof e):e.length!==0&&e.length!==2&&c("forwardRef render functions accept exactly two parameters: props and ref. %s",e.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),e!=null&&(e.defaultProps!=null||e.propTypes!=null)&&c("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");var r={$$typeof:U,render:e};{var n;Object.defineProperty(r,"displayName",{enumerable:!1,configurable:!0,get:function(){return n},set:function(a){n=a,!e.name&&!e.displayName&&(e.displayName=a)}})}return r}var er;er=Symbol.for("react.module.reference");function rr(e){return!!(typeof e=="string"||typeof e=="function"||e===H||e===ne||X||e===te||e===W||e===oe||ie||e===de||ue||Pe||ye||typeof e=="object"&&e!==null&&(e.$$typeof===Y||e.$$typeof===D||e.$$typeof===ae||e.$$typeof===K||e.$$typeof===U||e.$$typeof===er||e.getModuleId!==void 0))}function Jr(e,r){rr(e)||c("memo: The first argument must be a component. Instead received: %s",e===null?"null":typeof e);var n={$$typeof:D,type:e,compare:r===void 0?null:r};{var a;Object.defineProperty(n,"displayName",{enumerable:!1,configurable:!0,get:function(){return a},set:function(u){a=u,!e.name&&!e.displayName&&(e.displayName=u)}})}return n}function P(){var e=Q.current;return e===null&&c(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
 1. You might have mismatching versions of React and the renderer (such as React DOM)
 2. You might be breaking the Rules of Hooks
 3. You might have more than one copy of React in the same app
-See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`),e}function Zr(e){var r=P();if(e._context!==void 0){var n=e._context;n.Consumer===e?c("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):n.Provider===e&&c("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return r.useContext(e)}function et(e){var r=P();return r.useState(e)}function rt(e,r,n){var a=P();return a.useReducer(e,r,n)}function tt(e){var r=P();return r.useRef(e)}function nt(e,r){var n=P();return n.useEffect(e,r)}function at(e,r){var n=P();return n.useInsertionEffect(e,r)}function ot(e,r){var n=P();return n.useLayoutEffect(e,r)}function ut(e,r){var n=P();return n.useCallback(e,r)}function it(e,r){var n=P();return n.useMemo(e,r)}function st(e,r,n){var a=P();return a.useImperativeHandle(e,r,n)}function ct(e,r){{var n=P();return n.useDebugValue(e,r)}}function ft(){var e=P();return e.useTransition()}function lt(e){var r=P();return r.useDeferredValue(e)}function dt(){var e=P();return e.useId()}function pt(e,r,n){var a=P();return a.useSyncExternalStore(e,r,n)}var fe=0,tr,nr,ar,or,ur,ir,sr;function cr(){}cr.__reactDisabledLog=!0;function vt(){{if(fe===0){tr=console.log,nr=console.info,ar=console.warn,or=console.error,ur=console.group,ir=console.groupCollapsed,sr=console.groupEnd;var e={configurable:!0,enumerable:!0,value:cr,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}fe++}}function yt(){{if(fe--,fe===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:o({},e,{value:tr}),info:o({},e,{value:nr}),warn:o({},e,{value:ar}),error:o({},e,{value:or}),group:o({},e,{value:ur}),groupCollapsed:o({},e,{value:ir}),groupEnd:o({},e,{value:sr})})}fe<0&&c("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Fe=I.ReactCurrentDispatcher,xe;function Re(e,r,n){{if(xe===void 0)try{throw Error()}catch(u){var a=u.stack.trim().match(/\n( *(at )?)/);xe=a&&a[1]||""}return`
-`+xe+e}}var Le=!1,Ee;{var ht=typeof WeakMap=="function"?WeakMap:Map;Ee=new ht}function fr(e,r){if(!e||Le)return"";{var n=Ee.get(e);if(n!==void 0)return n}var a;Le=!0;var u=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var s;s=Fe.current,Fe.current=null,vt();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(T){a=T}Reflect.construct(e,[],i)}else{try{i.call()}catch(T){a=T}e.call(i.prototype)}}else{try{throw Error()}catch(T){a=T}e()}}catch(T){if(T&&a&&typeof T.stack=="string"){for(var f=T.stack.split(`
+See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`),e}function Zr(e){var r=P();if(e._context!==void 0){var n=e._context;n.Consumer===e?c("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):n.Provider===e&&c("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return r.useContext(e)}function et(e){var r=P();return r.useState(e)}function rt(e,r,n){var a=P();return a.useReducer(e,r,n)}function tt(e){var r=P();return r.useRef(e)}function nt(e,r){var n=P();return n.useEffect(e,r)}function at(e,r){var n=P();return n.useInsertionEffect(e,r)}function ot(e,r){var n=P();return n.useLayoutEffect(e,r)}function ut(e,r){var n=P();return n.useCallback(e,r)}function it(e,r){var n=P();return n.useMemo(e,r)}function st(e,r,n){var a=P();return a.useImperativeHandle(e,r,n)}function ct(e,r){{var n=P();return n.useDebugValue(e,r)}}function ft(){var e=P();return e.useTransition()}function lt(e){var r=P();return r.useDeferredValue(e)}function dt(){var e=P();return e.useId()}function pt(e,r,n){var a=P();return a.useSyncExternalStore(e,r,n)}var fe=0,tr,nr,ar,or,ur,ir,sr;function cr(){}cr.__reactDisabledLog=!0;function vt(){{if(fe===0){tr=console.log,nr=console.info,ar=console.warn,or=console.error,ur=console.group,ir=console.groupCollapsed,sr=console.groupEnd;var e={configurable:!0,enumerable:!0,value:cr,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}fe++}}function yt(){{if(fe--,fe===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:o({},e,{value:tr}),info:o({},e,{value:nr}),warn:o({},e,{value:ar}),error:o({},e,{value:or}),group:o({},e,{value:ur}),groupCollapsed:o({},e,{value:ir}),groupEnd:o({},e,{value:sr})})}fe<0&&c("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var De=I.ReactCurrentDispatcher,Fe;function Re(e,r,n){{if(Fe===void 0)try{throw Error()}catch(u){var a=u.stack.trim().match(/\n( *(at )?)/);Fe=a&&a[1]||""}return`
+`+Fe+e}}var xe=!1,Ee;{var ht=typeof WeakMap=="function"?WeakMap:Map;Ee=new ht}function fr(e,r){if(!e||xe)return"";{var n=Ee.get(e);if(n!==void 0)return n}var a;xe=!0;var u=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var s;s=De.current,De.current=null,vt();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(T){a=T}Reflect.construct(e,[],i)}else{try{i.call()}catch(T){a=T}e.call(i.prototype)}}else{try{throw Error()}catch(T){a=T}e()}}catch(T){if(T&&a&&typeof T.stack=="string"){for(var f=T.stack.split(`
 `),v=a.stack.split(`
 `),m=f.length-1,g=v.length-1;m>=1&&g>=0&&f[m]!==v[g];)g--;for(;m>=1&&g>=0;m--,g--)if(f[m]!==v[g]){if(m!==1||g!==1)do if(m--,g--,g<0||f[m]!==v[g]){var b=`
-`+f[m].replace(" at new "," at ");return e.displayName&&b.includes("<anonymous>")&&(b=b.replace("<anonymous>",e.displayName)),typeof e=="function"&&Ee.set(e,b),b}while(m>=1&&g>=0);break}}}finally{Le=!1,Fe.current=s,yt(),Error.prepareStackTrace=u}var C=e?e.displayName||e.name:"",S=C?Re(C):"";return typeof e=="function"&&Ee.set(e,S),S}function mt(e,r,n){return fr(e,!1)}function _t(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function Ce(e,r,n){if(e==null)return"";if(typeof e=="function")return fr(e,_t(e));if(typeof e=="string")return Re(e);switch(e){case Y:return Re("Suspense");case oe:return Re("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case W:return mt(e.render);case F:return Ce(e.type,r,n);case $:{var a=e,u=a._payload,s=a._init;try{return Ce(s(u),r,n)}catch{}}}return""}var lr={},dr=I.ReactDebugCurrentFrame;function we(e){if(e){var r=e._owner,n=Ce(e.type,e._source,r?r.type:null);dr.setExtraStackFrame(n)}else dr.setExtraStackFrame(null)}function gt(e,r,n,a,u){{var s=Function.call.bind(se);for(var i in e)if(s(e,i)){var f=void 0;try{if(typeof e[i]!="function"){var v=Error((a||"React class")+": "+n+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw v.name="Invariant Violation",v}f=e[i](r,i,a,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(m){f=m}f&&!(f instanceof Error)&&(we(u),c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",n,i,typeof f),we(null)),f instanceof Error&&!(f.message in lr)&&(lr[f.message]=!0,we(u),c("Failed %s type: %s",n,f.message),we(null))}}}function ee(e){if(e){var r=e._owner,n=Ce(e.type,e._source,r?r.type:null);ve(n)}else ve(null)}var Me;Me=!1;function pr(){if(A.current){var e=V(A.current.type);if(e)return`
+`+f[m].replace(" at new "," at ");return e.displayName&&b.includes("<anonymous>")&&(b=b.replace("<anonymous>",e.displayName)),typeof e=="function"&&Ee.set(e,b),b}while(m>=1&&g>=0);break}}}finally{xe=!1,De.current=s,yt(),Error.prepareStackTrace=u}var C=e?e.displayName||e.name:"",S=C?Re(C):"";return typeof e=="function"&&Ee.set(e,S),S}function mt(e,r,n){return fr(e,!1)}function _t(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function Ce(e,r,n){if(e==null)return"";if(typeof e=="function")return fr(e,_t(e));if(typeof e=="string")return Re(e);switch(e){case W:return Re("Suspense");case oe:return Re("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case U:return mt(e.render);case D:return Ce(e.type,r,n);case Y:{var a=e,u=a._payload,s=a._init;try{return Ce(s(u),r,n)}catch{}}}return""}var lr={},dr=I.ReactDebugCurrentFrame;function we(e){if(e){var r=e._owner,n=Ce(e.type,e._source,r?r.type:null);dr.setExtraStackFrame(n)}else dr.setExtraStackFrame(null)}function gt(e,r,n,a,u){{var s=Function.call.bind(se);for(var i in e)if(s(e,i)){var f=void 0;try{if(typeof e[i]!="function"){var v=Error((a||"React class")+": "+n+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw v.name="Invariant Violation",v}f=e[i](r,i,a,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(m){f=m}f&&!(f instanceof Error)&&(we(u),c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",n,i,typeof f),we(null)),f instanceof Error&&!(f.message in lr)&&(lr[f.message]=!0,we(u),c("Failed %s type: %s",n,f.message),we(null))}}}function ee(e){if(e){var r=e._owner,n=Ce(e.type,e._source,r?r.type:null);ve(n)}else ve(null)}var Le;Le=!1;function pr(){if(A.current){var e=N(A.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}function bt(e){if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),n=e.lineNumber;return`
 
 Check your code at `+r+":"+n+"."}return""}function Rt(e){return e!=null?bt(e.__source):""}var vr={};function Et(e){var r=pr();if(!r){var n=typeof e=="string"?e:e.displayName||e.name;n&&(r=`
 
-Check the top-level render call using <`+n+">.")}return r}function yr(e,r){if(!(!e._store||e._store.validated||e.key!=null)){e._store.validated=!0;var n=Et(r);if(!vr[n]){vr[n]=!0;var a="";e&&e._owner&&e._owner!==A.current&&(a=" It was passed a child from "+V(e._owner.type)+"."),ee(e),c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,a),ee(null)}}}function hr(e,r){if(typeof e=="object"){if(me(e))for(var n=0;n<e.length;n++){var a=e[n];Z(a)&&yr(a,r)}else if(Z(e))e._store&&(e._store.validated=!0);else if(e){var u=G(e);if(typeof u=="function"&&u!==e.entries)for(var s=u.call(e),i;!(i=s.next()).done;)Z(i.value)&&yr(i.value,r)}}}function mr(e){{var r=e.type;if(r==null||typeof r=="string")return;var n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===W||r.$$typeof===F))n=r.propTypes;else return;if(n){var a=V(r);gt(n,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!Me){Me=!0;var u=V(r);c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",u||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ct(e){{for(var r=Object.keys(e.props),n=0;n<r.length;n++){var a=r[n];if(a!=="children"&&a!=="key"){ee(e),c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),ee(null);break}}e.ref!==null&&(ee(e),c("Invalid attribute `ref` supplied to `React.Fragment`."),ee(null))}}function _r(e,r,n){var a=rr(e);if(!a){var u="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(u+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var s=Rt(r);s?u+=s:u+=pr();var i;e===null?i="null":me(e)?i="array":e!==void 0&&e.$$typeof===D?(i="<"+(V(e.type)||"Unknown")+" />",u=" Did you accidentally export a JSX literal instead of a component?"):i=typeof e,c("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",i,u)}var f=Mr.apply(this,arguments);if(f==null)return f;if(a)for(var v=2;v<arguments.length;v++)hr(arguments[v],e);return e===H?Ct(f):mr(f),f}var gr=!1;function wt(e){var r=_r.bind(null,e);return r.type=e,gr||(gr=!0,N("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")),Object.defineProperty(r,"type",{enumerable:!1,get:function(){return N("Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:e}),e}}),r}function St(e,r,n){for(var a=Vr.apply(this,arguments),u=2;u<arguments.length;u++)hr(arguments[u],a.type);return mr(a),a}function Ot(e,r){var n=L.transition;L.transition={};var a=L.transition;L.transition._updatedFibers=new Set;try{e()}finally{if(L.transition=n,n===null&&a._updatedFibers){var u=a._updatedFibers.size;u>10&&N("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."),a._updatedFibers.clear()}}}var br=!1,Se=null;function Tt(e){if(Se===null)try{var r=("require"+Math.random()).slice(0,7),n=j&&j[r];Se=n.call(j,"timers").setImmediate}catch{Se=function(u){br===!1&&(br=!0,typeof MessageChannel>"u"&&c("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));var s=new MessageChannel;s.port1.onmessage=u,s.port2.postMessage(void 0)}}return Se(e)}var re=0,Rr=!1;function Er(e){{var r=re;re++,O.current===null&&(O.current=[]);var n=O.isBatchingLegacy,a;try{if(O.isBatchingLegacy=!0,a=e(),!n&&O.didScheduleLegacyUpdate){var u=O.current;u!==null&&(O.didScheduleLegacyUpdate=!1,Ue(u))}}catch(C){throw Oe(r),C}finally{O.isBatchingLegacy=n}if(a!==null&&typeof a=="object"&&typeof a.then=="function"){var s=a,i=!1,f={then:function(C,S){i=!0,s.then(function(T){Oe(r),re===0?Ne(T,C,S):C(T)},function(T){Oe(r),S(T)})}};return!Rr&&typeof Promise<"u"&&Promise.resolve().then(function(){}).then(function(){i||(Rr=!0,c("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"))}),f}else{var v=a;if(Oe(r),re===0){var m=O.current;m!==null&&(Ue(m),O.current=null);var g={then:function(C,S){O.current===null?(O.current=[],Ne(v,C,S)):C(v)}};return g}else{var b={then:function(C,S){C(v)}};return b}}}}function Oe(e){e!==re-1&&c("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "),re=e}function Ne(e,r,n){{var a=O.current;if(a!==null)try{Ue(a),Tt(function(){a.length===0?(O.current=null,r(e)):Ne(e,r,n)})}catch(u){n(u)}else r(e)}}var Ve=!1;function Ue(e){if(!Ve){Ve=!0;var r=0;try{for(;r<e.length;r++){var n=e[r];do n=n(!0);while(n!==null)}e.length=0}catch(a){throw e=e.slice(r+1),a}finally{Ve=!1}}}var kt=_r,Pt=St,At=wt,jt={map:be,forEach:zr,count:$r,toArray:Br,only:qr};l.Children=jt,l.Component=y,l.Fragment=H,l.Profiler=ne,l.PureComponent=_,l.StrictMode=te,l.Suspense=Y,l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=I,l.act=Er,l.cloneElement=Pt,l.createContext=Hr,l.createElement=kt,l.createFactory=At,l.createRef=Pr,l.forwardRef=Xr,l.isValidElement=Z,l.lazy=Qr,l.memo=Jr,l.startTransition=Ot,l.unstable_act=Er,l.useCallback=ut,l.useContext=Zr,l.useDebugValue=ct,l.useDeferredValue=lt,l.useEffect=nt,l.useId=dt,l.useImperativeHandle=st,l.useInsertionEffect=at,l.useLayoutEffect=ot,l.useMemo=it,l.useReducer=rt,l.useRef=tt,l.useState=et,l.useSyncExternalStore=pt,l.useTransition=ft,l.version=U,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)})()})(le,le.exports)),le.exports}var kr;function Mt(){return kr||(kr=1,process.env.NODE_ENV==="production"?ke.exports=xt():ke.exports=Lt()),ke.exports}var Ye=Mt();function Nt(j){const l=Ye.useRef(null),U=Ye.useRef(0);l.current||(l.current=j());const D=l.current;return Ye.useSyncExternalStore(q=>D.$subscribe(()=>{U.current+=1,q()}),()=>U.current,()=>U.current),D}exports.useStore=Nt;
+Check the top-level render call using <`+n+">.")}return r}function yr(e,r){if(!(!e._store||e._store.validated||e.key!=null)){e._store.validated=!0;var n=Et(r);if(!vr[n]){vr[n]=!0;var a="";e&&e._owner&&e._owner!==A.current&&(a=" It was passed a child from "+N(e._owner.type)+"."),ee(e),c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,a),ee(null)}}}function hr(e,r){if(typeof e=="object"){if(me(e))for(var n=0;n<e.length;n++){var a=e[n];Z(a)&&yr(a,r)}else if(Z(e))e._store&&(e._store.validated=!0);else if(e){var u=G(e);if(typeof u=="function"&&u!==e.entries)for(var s=u.call(e),i;!(i=s.next()).done;)Z(i.value)&&yr(i.value,r)}}}function mr(e){{var r=e.type;if(r==null||typeof r=="string")return;var n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===U||r.$$typeof===D))n=r.propTypes;else return;if(n){var a=N(r);gt(n,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!Le){Le=!0;var u=N(r);c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",u||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ct(e){{for(var r=Object.keys(e.props),n=0;n<r.length;n++){var a=r[n];if(a!=="children"&&a!=="key"){ee(e),c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),ee(null);break}}e.ref!==null&&(ee(e),c("Invalid attribute `ref` supplied to `React.Fragment`."),ee(null))}}function _r(e,r,n){var a=rr(e);if(!a){var u="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(u+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var s=Rt(r);s?u+=s:u+=pr();var i;e===null?i="null":me(e)?i="array":e!==void 0&&e.$$typeof===$?(i="<"+(N(e.type)||"Unknown")+" />",u=" Did you accidentally export a JSX literal instead of a component?"):i=typeof e,c("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",i,u)}var f=Lr.apply(this,arguments);if(f==null)return f;if(a)for(var v=2;v<arguments.length;v++)hr(arguments[v],e);return e===H?Ct(f):mr(f),f}var gr=!1;function wt(e){var r=_r.bind(null,e);return r.type=e,gr||(gr=!0,M("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")),Object.defineProperty(r,"type",{enumerable:!1,get:function(){return M("Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:e}),e}}),r}function St(e,r,n){for(var a=Nr.apply(this,arguments),u=2;u<arguments.length;u++)hr(arguments[u],a.type);return mr(a),a}function Ot(e,r){var n=x.transition;x.transition={};var a=x.transition;x.transition._updatedFibers=new Set;try{e()}finally{if(x.transition=n,n===null&&a._updatedFibers){var u=a._updatedFibers.size;u>10&&M("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."),a._updatedFibers.clear()}}}var br=!1,Se=null;function Tt(e){if(Se===null)try{var r=("require"+Math.random()).slice(0,7),n=j&&j[r];Se=n.call(j,"timers").setImmediate}catch{Se=function(u){br===!1&&(br=!0,typeof MessageChannel>"u"&&c("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));var s=new MessageChannel;s.port1.onmessage=u,s.port2.postMessage(void 0)}}return Se(e)}var re=0,Rr=!1;function Er(e){{var r=re;re++,O.current===null&&(O.current=[]);var n=O.isBatchingLegacy,a;try{if(O.isBatchingLegacy=!0,a=e(),!n&&O.didScheduleLegacyUpdate){var u=O.current;u!==null&&(O.didScheduleLegacyUpdate=!1,Ve(u))}}catch(C){throw Oe(r),C}finally{O.isBatchingLegacy=n}if(a!==null&&typeof a=="object"&&typeof a.then=="function"){var s=a,i=!1,f={then:function(C,S){i=!0,s.then(function(T){Oe(r),re===0?Me(T,C,S):C(T)},function(T){Oe(r),S(T)})}};return!Rr&&typeof Promise<"u"&&Promise.resolve().then(function(){}).then(function(){i||(Rr=!0,c("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"))}),f}else{var v=a;if(Oe(r),re===0){var m=O.current;m!==null&&(Ve(m),O.current=null);var g={then:function(C,S){O.current===null?(O.current=[],Me(v,C,S)):C(v)}};return g}else{var b={then:function(C,S){C(v)}};return b}}}}function Oe(e){e!==re-1&&c("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "),re=e}function Me(e,r,n){{var a=O.current;if(a!==null)try{Ve(a),Tt(function(){a.length===0?(O.current=null,r(e)):Me(e,r,n)})}catch(u){n(u)}else r(e)}}var Ne=!1;function Ve(e){if(!Ne){Ne=!0;var r=0;try{for(;r<e.length;r++){var n=e[r];do n=n(!0);while(n!==null)}e.length=0}catch(a){throw e=e.slice(r+1),a}finally{Ne=!1}}}var kt=_r,Pt=St,At=wt,jt={map:be,forEach:zr,count:Yr,toArray:Br,only:qr};l.Children=jt,l.Component=y,l.Fragment=H,l.Profiler=ne,l.PureComponent=_,l.StrictMode=te,l.Suspense=W,l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=I,l.act=Er,l.cloneElement=Pt,l.createContext=Hr,l.createElement=kt,l.createFactory=At,l.createRef=Pr,l.forwardRef=Xr,l.isValidElement=Z,l.lazy=Qr,l.memo=Jr,l.startTransition=Ot,l.unstable_act=Er,l.useCallback=ut,l.useContext=Zr,l.useDebugValue=ct,l.useDeferredValue=lt,l.useEffect=nt,l.useId=dt,l.useImperativeHandle=st,l.useInsertionEffect=at,l.useLayoutEffect=ot,l.useMemo=it,l.useReducer=rt,l.useRef=tt,l.useState=et,l.useSyncExternalStore=pt,l.useTransition=ft,l.version=V,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)})()})(le,le.exports)),le.exports}var kr;function Lt(){return kr||(kr=1,process.env.NODE_ENV==="production"?ke.exports=Ft():ke.exports=xt()),ke.exports}var We=Lt();function Mt(j){const l=We.useRef(null),V=We.useRef(0);l.current||(l.current=j());const $=l.current;return We.useSyncExternalStore(q=>$.$subscribe(()=>{V.current+=1,q()}),()=>V.current,()=>V.current),$}exports.useStore=Mt;

package/dist/index.js

@@ -9,40 +9,40 @@ var ke = { exports: {} }, d = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Or;
-function xt() {
+function Ft() {
   if (Or) return d;
   Or = 1;
-  var j = Symbol.for("react.element"), l = Symbol.for("react.portal"), U = Symbol.for("react.fragment"), D = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), H = Symbol.for("react.provider"), te = Symbol.for("react.context"), ne = Symbol.for("react.forward_ref"), ae = Symbol.for("react.suspense"), K = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), Y = Symbol.iterator;
+  var j = Symbol.for("react.element"), l = Symbol.for("react.portal"), V = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), H = Symbol.for("react.provider"), te = Symbol.for("react.context"), ne = Symbol.for("react.forward_ref"), ae = Symbol.for("react.suspense"), K = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), W = Symbol.iterator;
   function oe(t) {
-    return t === null || typeof t != "object" ? null : (t = Y && t[Y] || t["@@iterator"], typeof t == "function" ? t : null);
+    return t === null || typeof t != "object" ? null : (t = W && t[W] || t["@@iterator"], typeof t == "function" ? t : null);
   }
-  var F = { isMounted: function() {
+  var D = { isMounted: function() {
     return !1;
   }, enqueueForceUpdate: function() {
   }, enqueueReplaceState: function() {
   }, enqueueSetState: function() {
-  } }, $ = Object.assign, de = {};
-  function x(t, o, p) {
-    this.props = t, this.context = o, this.refs = de, this.updater = p || F;
+  } }, Y = Object.assign, de = {};
+  function F(t, o, p) {
+    this.props = t, this.context = o, this.refs = de, this.updater = p || D;
   }
-  x.prototype.isReactComponent = {}, x.prototype.setState = function(t, o) {
+  F.prototype.isReactComponent = {}, F.prototype.setState = function(t, o) {
     if (typeof t != "object" && typeof t != "function" && t != null) throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
     this.updater.enqueueSetState(this, t, o, "setState");
-  }, x.prototype.forceUpdate = function(t) {
+  }, F.prototype.forceUpdate = function(t) {
     this.updater.enqueueForceUpdate(this, t, "forceUpdate");
   };
   function pe() {
   }
-  pe.prototype = x.prototype;
+  pe.prototype = F.prototype;
   function G(t, o, p) {
-    this.props = t, this.context = o, this.refs = de, this.updater = p || F;
+    this.props = t, this.context = o, this.refs = de, this.updater = p || D;
   }
   var Q = G.prototype = new pe();
-  Q.constructor = G, $(Q, x.prototype), Q.isPureReactComponent = !0;
-  var L = Array.isArray, O = Object.prototype.hasOwnProperty, A = { current: null }, M = { key: !0, ref: !0, __self: !0, __source: !0 };
+  Q.constructor = G, Y(Q, F.prototype), Q.isPureReactComponent = !0;
+  var x = Array.isArray, O = Object.prototype.hasOwnProperty, A = { current: null }, L = { key: !0, ref: !0, __self: !0, __source: !0 };
   function z(t, o, p) {
     var y, h = {}, w = null, R = null;
-    if (o != null) for (y in o.ref !== void 0 && (R = o.ref), o.key !== void 0 && (w = "" + o.key), o) O.call(o, y) && !M.hasOwnProperty(y) && (h[y] = o[y]);
+    if (o != null) for (y in o.ref !== void 0 && (R = o.ref), o.key !== void 0 && (w = "" + o.key), o) O.call(o, y) && !L.hasOwnProperty(y) && (h[y] = o[y]);
     var E = arguments.length - 2;
     if (E === 1) h.children = p;
     else if (1 < E) {
@@ -85,10 +85,10 @@ function xt() {
             R = !0;
         }
     }
-    if (R) return R = t, h = h(R), t = y === "" ? "." + ie(R, 0) : y, L(h) ? (p = "", t != null && (p = t.replace(ye, "$&/") + "/"), X(h, o, p, "", function(k) {
+    if (R) return R = t, h = h(R), t = y === "" ? "." + ie(R, 0) : y, x(h) ? (p = "", t != null && (p = t.replace(ye, "$&/") + "/"), X(h, o, p, "", function(k) {
       return k;
     })) : h != null && (ue(h) && (h = ve(h, p + (!h.key || R && R.key === h.key ? "" : ("" + h.key).replace(ye, "$&/") + "/") + t)), o.push(h)), 1;
-    if (R = 0, y = y === "" ? "." : y + ":", L(t)) for (var E = 0; E < t.length; E++) {
+    if (R = 0, y = y === "" ? "." : y + ":", x(t)) for (var E = 0; E < t.length; E++) {
       w = t[E];
       var _ = y + ie(w, E);
       R += X(w, o, p, _, h);
@@ -104,7 +104,7 @@ function xt() {
       return o.call(p, w, h++);
     }), y;
   }
-  function N(t) {
+  function M(t) {
     if (t._status === -1) {
       var o = t._result;
       o = o(), o.then(function(p) {
@@ -136,12 +136,12 @@ function xt() {
   }, only: function(t) {
     if (!ue(t)) throw Error("React.Children.only expected to receive a single React element child.");
     return t;
-  } }, d.Component = x, d.Fragment = U, d.Profiler = q, d.PureComponent = G, d.StrictMode = D, d.Suspense = ae, d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = he, d.act = J, d.cloneElement = function(t, o, p) {
+  } }, d.Component = F, d.Fragment = V, d.Profiler = q, d.PureComponent = G, d.StrictMode = $, d.Suspense = ae, d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = he, d.act = J, d.cloneElement = function(t, o, p) {
     if (t == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + t + ".");
-    var y = $({}, t.props), h = t.key, w = t.ref, R = t._owner;
+    var y = Y({}, t.props), h = t.key, w = t.ref, R = t._owner;
     if (o != null) {
       if (o.ref !== void 0 && (w = o.ref, R = A.current), o.key !== void 0 && (h = "" + o.key), t.type && t.type.defaultProps) var E = t.type.defaultProps;
-      for (_ in o) O.call(o, _) && !M.hasOwnProperty(_) && (y[_] = o[_] === void 0 && E !== void 0 ? E[_] : o[_]);
+      for (_ in o) O.call(o, _) && !L.hasOwnProperty(_) && (y[_] = o[_] === void 0 && E !== void 0 ? E[_] : o[_]);
     }
     var _ = arguments.length - 2;
     if (_ === 1) y.children = p;
@@ -161,7 +161,7 @@ function xt() {
   }, d.forwardRef = function(t) {
     return { $$typeof: ne, render: t };
   }, d.isValidElement = ue, d.lazy = function(t) {
-    return { $$typeof: W, _payload: { _status: -1, _result: t }, _init: N };
+    return { $$typeof: U, _payload: { _status: -1, _result: t }, _init: M };
   }, d.memo = function(t, o) {
     return { $$typeof: K, type: t, compare: o === void 0 ? null : o };
   }, d.startTransition = function(t) {
@@ -215,15 +215,15 @@ var le = { exports: {} };
  */
 le.exports;
 var Tr;
-function Lt() {
+function xt() {
   return Tr || (Tr = 1, (function(j, l) {
     process.env.NODE_ENV !== "production" && (function() {
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      var U = "18.3.1", D = Symbol.for("react.element"), q = Symbol.for("react.portal"), H = Symbol.for("react.fragment"), te = Symbol.for("react.strict_mode"), ne = Symbol.for("react.profiler"), ae = Symbol.for("react.provider"), K = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), Y = Symbol.for("react.suspense"), oe = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), de = Symbol.for("react.offscreen"), x = Symbol.iterator, pe = "@@iterator";
+      var V = "18.3.1", $ = Symbol.for("react.element"), q = Symbol.for("react.portal"), H = Symbol.for("react.fragment"), te = Symbol.for("react.strict_mode"), ne = Symbol.for("react.profiler"), ae = Symbol.for("react.provider"), K = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), oe = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), de = Symbol.for("react.offscreen"), F = Symbol.iterator, pe = "@@iterator";
       function G(e) {
         if (e === null || typeof e != "object")
           return null;
-        var r = x && e[x] || e[pe];
+        var r = F && e[F] || e[pe];
         return typeof r == "function" ? r : null;
       }
       var Q = {
@@ -232,7 +232,7 @@ function Lt() {
          * @type {ReactComponent}
          */
         current: null
-      }, L = {
+      }, x = {
         transition: null
       }, O = {
         current: null,
@@ -245,25 +245,25 @@ function Lt() {
          * @type {ReactComponent}
          */
         current: null
-      }, M = {}, z = null;
+      }, L = {}, z = null;
       function ve(e) {
         z = e;
       }
-      M.setExtraStackFrame = function(e) {
+      L.setExtraStackFrame = function(e) {
         z = e;
-      }, M.getCurrentStack = null, M.getStackAddendum = function() {
+      }, L.getCurrentStack = null, L.getStackAddendum = function() {
         var e = "";
         z && (e += z);
-        var r = M.getCurrentStack;
+        var r = L.getCurrentStack;
         return r && (e += r() || ""), e;
       };
       var ue = !1, Pe = !1, ye = !1, ie = !1, X = !1, I = {
         ReactCurrentDispatcher: Q,
-        ReactCurrentBatchConfig: L,
+        ReactCurrentBatchConfig: x,
         ReactCurrentOwner: A
       };
-      I.ReactDebugCurrentFrame = M, I.ReactCurrentActQueue = O;
-      function N(e) {
+      I.ReactDebugCurrentFrame = L, I.ReactCurrentActQueue = O;
+      function M(e) {
         {
           for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
             n[a - 1] = arguments[a];
@@ -375,7 +375,7 @@ function Lt() {
         }, w = function(e, r) {
           Object.defineProperty(y.prototype, e, {
             get: function() {
-              N("%s(...) is deprecated in plain JavaScript React classes. %s", r[0], r[1]);
+              M("%s(...) is deprecated in plain JavaScript React classes. %s", r[0], r[1]);
             }
           });
         };
@@ -408,19 +408,19 @@ function Lt() {
       }
       function Ir(e) {
         try {
-          return $e(e), !1;
+          return Ye(e), !1;
         } catch {
           return !0;
         }
       }
-      function $e(e) {
+      function Ye(e) {
         return "" + e;
       }
       function _e(e) {
         if (Ir(e))
-          return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", jr(e)), $e(e);
+          return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", jr(e)), Ye(e);
       }
-      function Dr(e, r, n) {
+      function $r(e, r, n) {
         var a = e.displayName;
         if (a)
           return a;
@@ -430,7 +430,7 @@ function Lt() {
       function ze(e) {
         return e.displayName || "Context";
       }
-      function V(e) {
+      function N(e) {
         if (e == null)
           return null;
         if (typeof e.tag == "number" && c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -446,7 +446,7 @@ function Lt() {
             return "Profiler";
           case te:
             return "StrictMode";
-          case Y:
+          case W:
             return "Suspense";
           case oe:
             return "SuspenseList";
@@ -459,15 +459,15 @@ function Lt() {
             case ae:
               var n = e;
               return ze(n._context) + ".Provider";
-            case W:
-              return Dr(e, e.render, "ForwardRef");
-            case F:
+            case U:
+              return $r(e, e.render, "ForwardRef");
+            case D:
               var a = e.displayName || null;
-              return a !== null ? a : V(e.type) || "Memo";
-            case $: {
+              return a !== null ? a : N(e.type) || "Memo";
+            case Y: {
               var u = e, s = u._payload, i = u._init;
               try {
-                return V(i(s));
+                return N(i(s));
               } catch {
                 return null;
               }
@@ -498,7 +498,7 @@ function Lt() {
         }
         return e.key !== void 0;
       }
-      function Fr(e, r) {
+      function Dr(e, r) {
         var n = function() {
           qe || (qe = !0, c("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
@@ -507,7 +507,7 @@ function Lt() {
           configurable: !0
         });
       }
-      function xr(e, r) {
+      function Fr(e, r) {
         var n = function() {
           He || (He = !0, c("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
@@ -516,16 +516,16 @@ function Lt() {
           configurable: !0
         });
       }
-      function Lr(e) {
+      function xr(e) {
         if (typeof e.ref == "string" && A.current && e.__self && A.current.stateNode !== e.__self) {
-          var r = V(A.current.type);
+          var r = N(A.current.type);
           Ae[r] || (c('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', r, e.ref), Ae[r] = !0);
         }
       }
       var je = function(e, r, n, a, u, s, i) {
         var f = {
           // This tag allows us to uniquely identify this as a React Element
-          $$typeof: D,
+          $$typeof: $,
           // Built-in properties that belong on the element
           type: e,
           key: r,
@@ -551,10 +551,10 @@ function Lt() {
           value: u
         }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
       };
-      function Mr(e, r, n) {
+      function Lr(e, r, n) {
         var a, u = {}, s = null, i = null, f = null, v = null;
         if (r != null) {
-          Ke(r) && (i = r.ref, Lr(r)), Ge(r) && (_e(r.key), s = "" + r.key), f = r.__self === void 0 ? null : r.__self, v = r.__source === void 0 ? null : r.__source;
+          Ke(r) && (i = r.ref, xr(r)), Ge(r) && (_e(r.key), s = "" + r.key), f = r.__self === void 0 ? null : r.__self, v = r.__source === void 0 ? null : r.__source;
           for (a in r)
             se.call(r, a) && !Be.hasOwnProperty(a) && (u[a] = r[a]);
         }
@@ -573,15 +573,15 @@ function Lt() {
         }
         if (s || i) {
           var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          s && Fr(u, S), i && xr(u, S);
+          s && Dr(u, S), i && Fr(u, S);
         }
         return je(e, s, i, f, v, A.current, u);
       }
-      function Nr(e, r) {
+      function Mr(e, r) {
         var n = je(e.type, r, e.ref, e._self, e._source, e._owner, e.props);
         return n;
       }
-      function Vr(e, r, n) {
+      function Nr(e, r, n) {
         if (e == null)
           throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + e + ".");
         var a, u = o({}, e.props), s = e.key, i = e.ref, f = e._self, v = e._source, m = e._owner;
@@ -603,10 +603,10 @@ function Lt() {
         return je(e.type, s, i, f, v, m, u);
       }
       function Z(e) {
-        return typeof e == "object" && e !== null && e.$$typeof === D;
+        return typeof e == "object" && e !== null && e.$$typeof === $;
       }
-      var Qe = ".", Ur = ":";
-      function Wr(e) {
+      var Qe = ".", Vr = ":";
+      function Ur(e) {
         var r = /[=:]/g, n = {
           "=": "=0",
           ":": "=2"
@@ -615,12 +615,12 @@ function Lt() {
         });
         return "$" + a;
       }
-      var Xe = !1, Yr = /\/+/g;
+      var Xe = !1, Wr = /\/+/g;
       function Je(e) {
-        return e.replace(Yr, "$&/");
+        return e.replace(Wr, "$&/");
       }
       function Ie(e, r) {
-        return typeof e == "object" && e !== null && e.key != null ? (_e(e.key), Wr("" + e.key)) : r.toString(36);
+        return typeof e == "object" && e !== null && e.key != null ? (_e(e.key), Ur("" + e.key)) : r.toString(36);
       }
       function ge(e, r, n, a, u) {
         var s = typeof e;
@@ -636,7 +636,7 @@ function Lt() {
               break;
             case "object":
               switch (e.$$typeof) {
-                case D:
+                case $:
                 case q:
                   i = !0;
               }
@@ -645,10 +645,10 @@ function Lt() {
           var f = e, v = u(f), m = a === "" ? Qe + Ie(f, 0) : a;
           if (me(v)) {
             var g = "";
-            m != null && (g = Je(m) + "/"), ge(v, r, g, "", function(Ft) {
-              return Ft;
+            m != null && (g = Je(m) + "/"), ge(v, r, g, "", function(Dt) {
+              return Dt;
             });
-          } else v != null && (Z(v) && (v.key && (!f || f.key !== v.key) && _e(v.key), v = Nr(
+          } else v != null && (Z(v) && (v.key && (!f || f.key !== v.key) && _e(v.key), v = Mr(
             v,
             // Keep both the (mapped) and old keys if they differ, just as
             // traverseAllChildren used to do for objects as children
@@ -661,17 +661,17 @@ function Lt() {
           )), r.push(v));
           return 1;
         }
-        var b, C, S = 0, T = a === "" ? Qe : a + Ur;
+        var b, C, S = 0, T = a === "" ? Qe : a + Vr;
         if (me(e))
           for (var Te = 0; Te < e.length; Te++)
             b = e[Te], C = T + Ie(b, Te), S += ge(b, r, n, C, u);
         else {
-          var We = G(e);
-          if (typeof We == "function") {
+          var Ue = G(e);
+          if (typeof Ue == "function") {
             var Cr = e;
-            We === Cr.entries && (Xe || N("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), Xe = !0);
-            for (var It = We.call(Cr), wr, Dt = 0; !(wr = It.next()).done; )
-              b = wr.value, C = T + Ie(b, Dt++), S += ge(b, r, n, C, u);
+            Ue === Cr.entries && (Xe || M("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), Xe = !0);
+            for (var It = Ue.call(Cr), wr, $t = 0; !(wr = It.next()).done; )
+              b = wr.value, C = T + Ie(b, $t++), S += ge(b, r, n, C, u);
           } else if (s === "object") {
             var Sr = String(e);
             throw new Error("Objects are not valid as a React child (found: " + (Sr === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : Sr) + "). If you meant to render a collection of children, use an array instead.");
@@ -687,7 +687,7 @@ function Lt() {
           return r.call(n, s, u++);
         }), a;
       }
-      function $r(e) {
+      function Yr(e) {
         var r = 0;
         return be(e, function() {
           r++;
@@ -781,30 +781,30 @@ function Lt() {
                 return r.displayName;
               },
               set: function(i) {
-                u || (N("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.", i), u = !0);
+                u || (M("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.", i), u = !0);
               }
             }
           }), r.Consumer = s;
         }
         return r._currentRenderer = null, r._currentRenderer2 = null, r;
       }
-      var ce = -1, De = 0, Ze = 1, Kr = 2;
+      var ce = -1, $e = 0, Ze = 1, Kr = 2;
       function Gr(e) {
         if (e._status === ce) {
           var r = e._result, n = r();
           if (n.then(function(s) {
-            if (e._status === De || e._status === ce) {
+            if (e._status === $e || e._status === ce) {
               var i = e;
               i._status = Ze, i._result = s;
             }
           }, function(s) {
-            if (e._status === De || e._status === ce) {
+            if (e._status === $e || e._status === ce) {
               var i = e;
               i._status = Kr, i._result = s;
             }
           }), e._status === ce) {
             var a = e;
-            a._status = De, a._result = n;
+            a._status = $e, a._result = n;
           }
         }
         if (e._status === Ze) {
@@ -827,7 +827,7 @@ Your code should look like:
           _status: ce,
           _result: e
         }, n = {
-          $$typeof: $,
+          $$typeof: Y,
           _payload: r,
           _init: Gr
         };
@@ -861,9 +861,9 @@ Your code should look like:
         return n;
       }
       function Xr(e) {
-        e != null && e.$$typeof === F ? c("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).") : typeof e != "function" ? c("forwardRef requires a render function but was given %s.", e === null ? "null" : typeof e) : e.length !== 0 && e.length !== 2 && c("forwardRef render functions accept exactly two parameters: props and ref. %s", e.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined."), e != null && (e.defaultProps != null || e.propTypes != null) && c("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");
+        e != null && e.$$typeof === D ? c("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).") : typeof e != "function" ? c("forwardRef requires a render function but was given %s.", e === null ? "null" : typeof e) : e.length !== 0 && e.length !== 2 && c("forwardRef render functions accept exactly two parameters: props and ref. %s", e.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined."), e != null && (e.defaultProps != null || e.propTypes != null) && c("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");
         var r = {
-          $$typeof: W,
+          $$typeof: U,
           render: e
         };
         {
@@ -884,7 +884,7 @@ Your code should look like:
       var er;
       er = Symbol.for("react.module.reference");
       function rr(e) {
-        return !!(typeof e == "string" || typeof e == "function" || e === H || e === ne || X || e === te || e === Y || e === oe || ie || e === de || ue || Pe || ye || typeof e == "object" && e !== null && (e.$$typeof === $ || e.$$typeof === F || e.$$typeof === ae || e.$$typeof === K || e.$$typeof === W || // This needs to include all possible module reference object
+        return !!(typeof e == "string" || typeof e == "function" || e === H || e === ne || X || e === te || e === W || e === oe || ie || e === de || ue || Pe || ye || typeof e == "object" && e !== null && (e.$$typeof === Y || e.$$typeof === D || e.$$typeof === ae || e.$$typeof === K || e.$$typeof === U || // This needs to include all possible module reference object
         // types supported by any Flight configuration anywhere since
         // we don't know which Flight build this will end up being used
         // with.
@@ -893,7 +893,7 @@ Your code should look like:
       function Jr(e, r) {
         rr(e) || c("memo: The first argument must be a component. Instead received: %s", e === null ? "null" : typeof e);
         var n = {
-          $$typeof: F,
+          $$typeof: D,
           type: e,
           compare: r === void 0 ? null : r
         };
@@ -1048,27 +1048,27 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
           fe < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
         }
       }
-      var Fe = I.ReactCurrentDispatcher, xe;
+      var De = I.ReactCurrentDispatcher, Fe;
       function Re(e, r, n) {
         {
-          if (xe === void 0)
+          if (Fe === void 0)
             try {
               throw Error();
             } catch (u) {
               var a = u.stack.trim().match(/\n( *(at )?)/);
-              xe = a && a[1] || "";
+              Fe = a && a[1] || "";
             }
           return `
-` + xe + e;
+` + Fe + e;
         }
       }
-      var Le = !1, Ee;
+      var xe = !1, Ee;
       {
         var ht = typeof WeakMap == "function" ? WeakMap : Map;
         Ee = new ht();
       }
       function fr(e, r) {
-        if (!e || Le)
+        if (!e || xe)
           return "";
         {
           var n = Ee.get(e);
@@ -1076,11 +1076,11 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
             return n;
         }
         var a;
-        Le = !0;
+        xe = !0;
         var u = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
         var s;
-        s = Fe.current, Fe.current = null, vt();
+        s = De.current, De.current = null, vt();
         try {
           if (r) {
             var i = function() {
@@ -1133,7 +1133,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
               }
           }
         } finally {
-          Le = !1, Fe.current = s, yt(), Error.prepareStackTrace = u;
+          xe = !1, De.current = s, yt(), Error.prepareStackTrace = u;
         }
         var C = e ? e.displayName || e.name : "", S = C ? Re(C) : "";
         return typeof e == "function" && Ee.set(e, S), S;
@@ -1153,18 +1153,18 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         if (typeof e == "string")
           return Re(e);
         switch (e) {
-          case Y:
+          case W:
             return Re("Suspense");
           case oe:
             return Re("SuspenseList");
         }
         if (typeof e == "object")
           switch (e.$$typeof) {
-            case W:
+            case U:
               return mt(e.render);
-            case F:
+            case D:
               return Ce(e.type, r, n);
-            case $: {
+            case Y: {
               var a = e, u = a._payload, s = a._init;
               try {
                 return Ce(s(u), r, n);
@@ -1208,11 +1208,11 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         } else
           ve(null);
       }
-      var Me;
-      Me = !1;
+      var Le;
+      Le = !1;
       function pr() {
         if (A.current) {
-          var e = V(A.current.type);
+          var e = N(A.current.type);
           if (e)
             return `
 
@@ -1250,7 +1250,7 @@ Check the top-level render call using <` + n + ">.");
           if (!vr[n]) {
             vr[n] = !0;
             var a = "";
-            e && e._owner && e._owner !== A.current && (a = " It was passed a child from " + V(e._owner.type) + "."), ee(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, a), ee(null);
+            e && e._owner && e._owner !== A.current && (a = " It was passed a child from " + N(e._owner.type) + "."), ee(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, a), ee(null);
           }
         }
       }
@@ -1279,18 +1279,18 @@ Check the top-level render call using <` + n + ">.");
           var n;
           if (typeof r == "function")
             n = r.propTypes;
-          else if (typeof r == "object" && (r.$$typeof === W || // Note: Memo only checks outer props here.
+          else if (typeof r == "object" && (r.$$typeof === U || // Note: Memo only checks outer props here.
           // Inner props are checked in the reconciler.
-          r.$$typeof === F))
+          r.$$typeof === D))
             n = r.propTypes;
           else
             return;
           if (n) {
-            var a = V(r);
+            var a = N(r);
             gt(n, e.props, "prop", a, e);
-          } else if (r.PropTypes !== void 0 && !Me) {
-            Me = !0;
-            var u = V(r);
+          } else if (r.PropTypes !== void 0 && !Le) {
+            Le = !0;
+            var u = N(r);
             c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", u || "Unknown");
           }
           typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -1316,9 +1316,9 @@ Check the top-level render call using <` + n + ">.");
           var s = Rt(r);
           s ? u += s : u += pr();
           var i;
-          e === null ? i = "null" : me(e) ? i = "array" : e !== void 0 && e.$$typeof === D ? (i = "<" + (V(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : i = typeof e, c("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", i, u);
+          e === null ? i = "null" : me(e) ? i = "array" : e !== void 0 && e.$$typeof === $ ? (i = "<" + (N(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : i = typeof e, c("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", i, u);
         }
-        var f = Mr.apply(this, arguments);
+        var f = Lr.apply(this, arguments);
         if (f == null)
           return f;
         if (a)
@@ -1329,31 +1329,31 @@ Check the top-level render call using <` + n + ">.");
       var gr = !1;
       function wt(e) {
         var r = _r.bind(null, e);
-        return r.type = e, gr || (gr = !0, N("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")), Object.defineProperty(r, "type", {
+        return r.type = e, gr || (gr = !0, M("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")), Object.defineProperty(r, "type", {
           enumerable: !1,
           get: function() {
-            return N("Factory.type is deprecated. Access the class directly before passing it to createFactory."), Object.defineProperty(this, "type", {
+            return M("Factory.type is deprecated. Access the class directly before passing it to createFactory."), Object.defineProperty(this, "type", {
               value: e
             }), e;
           }
         }), r;
       }
       function St(e, r, n) {
-        for (var a = Vr.apply(this, arguments), u = 2; u < arguments.length; u++)
+        for (var a = Nr.apply(this, arguments), u = 2; u < arguments.length; u++)
           hr(arguments[u], a.type);
         return mr(a), a;
       }
       function Ot(e, r) {
-        var n = L.transition;
-        L.transition = {};
-        var a = L.transition;
-        L.transition._updatedFibers = /* @__PURE__ */ new Set();
+        var n = x.transition;
+        x.transition = {};
+        var a = x.transition;
+        x.transition._updatedFibers = /* @__PURE__ */ new Set();
         try {
           e();
         } finally {
-          if (L.transition = n, n === null && a._updatedFibers) {
+          if (x.transition = n, n === null && a._updatedFibers) {
             var u = a._updatedFibers.size;
-            u > 10 && N("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."), a._updatedFibers.clear();
+            u > 10 && M("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."), a._updatedFibers.clear();
           }
         }
       }
@@ -1381,7 +1381,7 @@ Check the top-level render call using <` + n + ">.");
           try {
             if (O.isBatchingLegacy = !0, a = e(), !n && O.didScheduleLegacyUpdate) {
               var u = O.current;
-              u !== null && (O.didScheduleLegacyUpdate = !1, Ue(u));
+              u !== null && (O.didScheduleLegacyUpdate = !1, Ve(u));
             }
           } catch (C) {
             throw Oe(r), C;
@@ -1392,7 +1392,7 @@ Check the top-level render call using <` + n + ">.");
             var s = a, i = !1, f = {
               then: function(C, S) {
                 i = !0, s.then(function(T) {
-                  Oe(r), re === 0 ? Ne(T, C, S) : C(T);
+                  Oe(r), re === 0 ? Me(T, C, S) : C(T);
                 }, function(T) {
                   Oe(r), S(T);
                 });
@@ -1406,10 +1406,10 @@ Check the top-level render call using <` + n + ">.");
             var v = a;
             if (Oe(r), re === 0) {
               var m = O.current;
-              m !== null && (Ue(m), O.current = null);
+              m !== null && (Ve(m), O.current = null);
               var g = {
                 then: function(C, S) {
-                  O.current === null ? (O.current = [], Ne(v, C, S)) : C(v);
+                  O.current === null ? (O.current = [], Me(v, C, S)) : C(v);
                 }
               };
               return g;
@@ -1427,13 +1427,13 @@ Check the top-level render call using <` + n + ">.");
       function Oe(e) {
         e !== re - 1 && c("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "), re = e;
       }
-      function Ne(e, r, n) {
+      function Me(e, r, n) {
         {
           var a = O.current;
           if (a !== null)
             try {
-              Ue(a), Tt(function() {
-                a.length === 0 ? (O.current = null, r(e)) : Ne(e, r, n);
+              Ve(a), Tt(function() {
+                a.length === 0 ? (O.current = null, r(e)) : Me(e, r, n);
               });
             } catch (u) {
               n(u);
@@ -1442,10 +1442,10 @@ Check the top-level render call using <` + n + ">.");
             r(e);
         }
       }
-      var Ve = !1;
-      function Ue(e) {
-        if (!Ve) {
-          Ve = !0;
+      var Ne = !1;
+      function Ve(e) {
+        if (!Ne) {
+          Ne = !0;
           var r = 0;
           try {
             for (; r < e.length; r++) {
@@ -1458,38 +1458,38 @@ Check the top-level render call using <` + n + ">.");
           } catch (a) {
             throw e = e.slice(r + 1), a;
           } finally {
-            Ve = !1;
+            Ne = !1;
           }
         }
       }
       var kt = _r, Pt = St, At = wt, jt = {
         map: be,
         forEach: zr,
-        count: $r,
+        count: Yr,
         toArray: Br,
         only: qr
       };
-      l.Children = jt, l.Component = y, l.Fragment = H, l.Profiler = ne, l.PureComponent = _, l.StrictMode = te, l.Suspense = Y, l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = I, l.act = Er, l.cloneElement = Pt, l.createContext = Hr, l.createElement = kt, l.createFactory = At, l.createRef = Pr, l.forwardRef = Xr, l.isValidElement = Z, l.lazy = Qr, l.memo = Jr, l.startTransition = Ot, l.unstable_act = Er, l.useCallback = ut, l.useContext = Zr, l.useDebugValue = ct, l.useDeferredValue = lt, l.useEffect = nt, l.useId = dt, l.useImperativeHandle = st, l.useInsertionEffect = at, l.useLayoutEffect = ot, l.useMemo = it, l.useReducer = rt, l.useRef = tt, l.useState = et, l.useSyncExternalStore = pt, l.useTransition = ft, l.version = U, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+      l.Children = jt, l.Component = y, l.Fragment = H, l.Profiler = ne, l.PureComponent = _, l.StrictMode = te, l.Suspense = W, l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = I, l.act = Er, l.cloneElement = Pt, l.createContext = Hr, l.createElement = kt, l.createFactory = At, l.createRef = Pr, l.forwardRef = Xr, l.isValidElement = Z, l.lazy = Qr, l.memo = Jr, l.startTransition = Ot, l.unstable_act = Er, l.useCallback = ut, l.useContext = Zr, l.useDebugValue = ct, l.useDeferredValue = lt, l.useEffect = nt, l.useId = dt, l.useImperativeHandle = st, l.useInsertionEffect = at, l.useLayoutEffect = ot, l.useMemo = it, l.useReducer = rt, l.useRef = tt, l.useState = et, l.useSyncExternalStore = pt, l.useTransition = ft, l.version = V, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
     })();
   })(le, le.exports)), le.exports;
 }
 var kr;
-function Mt() {
-  return kr || (kr = 1, process.env.NODE_ENV === "production" ? ke.exports = xt() : ke.exports = Lt()), ke.exports;
+function Lt() {
+  return kr || (kr = 1, process.env.NODE_ENV === "production" ? ke.exports = Ft() : ke.exports = xt()), ke.exports;
 }
-var Ye = Mt();
-function Nt(j) {
-  const l = Ye.useRef(null), U = Ye.useRef(0);
+var We = Lt();
+function Mt(j) {
+  const l = We.useRef(null), V = We.useRef(0);
   l.current || (l.current = j());
-  const D = l.current;
-  return Ye.useSyncExternalStore(
-    (q) => D.$subscribe(() => {
-      U.current += 1, q();
+  const $ = l.current;
+  return We.useSyncExternalStore(
+    (q) => $.$subscribe(() => {
+      V.current += 1, q();
     }),
-    () => U.current,
-    () => U.current
-  ), D;
+    () => V.current,
+    () => V.current
+  ), $;
 }
 export {
-  Nt as useStore
+  Mt as useStore
 };

package/package.json

@@ -1,10 +1,17 @@
 {
   "name": "@storix-js/react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -15,7 +22,7 @@
   "scripts": {
     "build": "vite build && tsc -p tsconfig.build.json --emitDeclarationOnly",
     "dev": "vite build --watch",
-    "test": "vitest run",
+    "test": "vitest run --passWithNoTests",
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
   "peerDependencies": {

package/src/index.ts

@@ -1,25 +0,0 @@
-import type { StoreInstance } from '@storix-js/core';
-import { useRef, useSyncExternalStore } from 'react';
-
-export function useStore<T extends (...args: never[]) => StoreInstance>(factory: T): ReturnType<T> {
-  const storeRef = useRef<ReturnType<T> | null>(null);
-  const versionRef = useRef(0);
-
-  if (!storeRef.current) {
-    storeRef.current = factory() as ReturnType<T>;
-  }
-
-  const store = storeRef.current as ReturnType<T>;
-
-  useSyncExternalStore(
-    (onStoreChange) =>
-      store.$subscribe(() => {
-        versionRef.current += 1;
-        onStoreChange();
-      }),
-    () => versionRef.current,
-    () => versionRef.current
-  );
-
-  return store;
-}

package/tsconfig.build.json

@@ -1,8 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "outDir": "dist",
-    "paths": {}
-  }
-}

package/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "include": ["src"]
-}

package/vite.config.ts

@@ -1,15 +0,0 @@
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  build: {
-    lib: {
-      entry: 'src/index.ts',
-      name: 'StorixReact',
-      fileName: 'index',
-      formats: ['es', 'cjs']
-    }
-  },
-  test: {
-    environment: 'node'
-  }
-});