amotify 0.0.11 → 0.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "UI Component for React",
   "main": "dist/launch.js",
   "types": "dist/@types.d.ts",
@@ -28,10 +28,9 @@
   },
   "homepage": "https://github.com/IkkoKoyama/amotify#readme",
   "dependencies": {
-    "@types/react": "^18.2.37",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.18.0"
+    "react-router-dom": "^6.19.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.17.0",
@@ -40,9 +39,8 @@
     "@babel/preset-typescript": "^7.16.7",
     "@types/express": "^4.17.13",
     "@types/google.maps": "^3.50.0",
+    "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
-    "@types/react-router": "^5.1.20",
-    "@types/react-router-dom": "^5.3.3",
     "babel-loader": "^8.2.3",
     "babel-preset-preact": "^2.0.0",
     "browser-sync-webpack-plugin": "^2.3.0",
@@ -62,4 +60,4 @@
     "webpack-cli": "^4.9.2",
     "webpack-remove-empty-scripts": "^0.7.3"
   }
-}
+}

package/src/@global.tsx

@@ -102,7 +102,8 @@ const pageTransit: amotify.global.PageTransitParams = {
       pageTransit.pushSync( url );
       return;
     }
-    useStore.get( 'history' ).push( url );
+    let navigate = useStore.get( 'navigate' );
+    navigate( url );
   },
   push: ( url,newTab ) => {
     if ( newTab ) {
@@ -112,7 +113,8 @@ const pageTransit: amotify.global.PageTransitParams = {
     pageTransit.pushAsync( url );
   },
   back: () => {
-    useStore.get( 'history' ).goBack();
+    let navigate = useStore.get( 'navigate' );
+    navigate( -1 );
   },
 }
 

package/src/@reactPacks/reactProduction@18.2.0.js

@@ -0,0 +1,79 @@
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+( function () {
+  'use strict'; ( function ( c, x ) { "object" === typeof exports && "undefined" !== typeof module ? x( exports ) : "function" === typeof define && define.amd ? define( [ "exports" ], x ) : ( c = c || self, x( c.React = {} ) ) } )( this, function ( c ) {
+    function x ( a ) { if ( null === a || "object" !== typeof a ) return null; a = V && a[ V ] || a[ "@@iterator" ]; return "function" === typeof a ? a : null } function w ( a, b, e ) { this.props = a; this.context = b; this.refs = W; this.updater = e || X } function Y () { } function K ( a, b, e ) { this.props = a; this.context = b; this.refs = W; this.updater = e || X } function Z ( a, b,
+      e ) { var m, d = {}, c = null, h = null; if ( null != b ) for ( m in void 0 !== b.ref && ( h = b.ref ), void 0 !== b.key && ( c = "" + b.key ), b ) aa.call( b, m ) && !ba.hasOwnProperty( m ) && ( d[ m ] = b[ m ] ); var l = arguments.length - 2; if ( 1 === l ) d.children = e; else if ( 1 < l ) { for ( var f = Array( l ), k = 0; k < l; k++ )f[ k ] = arguments[ k + 2 ]; d.children = f } if ( a && a.defaultProps ) for ( m in l = a.defaultProps, l ) void 0 === d[ m ] && ( d[ m ] = l[ m ] ); return { $$typeof: y, type: a, key: c, ref: h, props: d, _owner: L.current } } function na ( a, b ) { return { $$typeof: y, type: a.type, key: b, ref: a.ref, props: a.props, _owner: a._owner } }
+    function M ( a ) { return "object" === typeof a && null !== a && a.$$typeof === y } function oa ( a ) { var b = { "=": "=0", ":": "=2" }; return "$" + a.replace( /[=:]/g, function ( a ) { return b[ a ] } ) } function N ( a, b ) { return "object" === typeof a && null !== a && null != a.key ? oa( "" + a.key ) : b.toString( 36 ) } function B ( a, b, e, m, d ) {
+      var c = typeof a; if ( "undefined" === c || "boolean" === c ) a = null; var h = !1; if ( null === a ) h = !0; else switch ( c ) { case "string": case "number": h = !0; break; case "object": switch ( a.$$typeof ) { case y: case pa: h = !0 } }if ( h ) return h = a, d = d( h ), a = "" === m ? "." +
+        N( h, 0 ) : m, ca( d ) ? ( e = "", null != a && ( e = a.replace( da, "$&/" ) + "/" ), B( d, b, e, "", function ( a ) { return a } ) ) : null != d && ( M( d ) && ( d = na( d, e + ( !d.key || h && h.key === d.key ? "" : ( "" + d.key ).replace( da, "$&/" ) + "/" ) + a ) ), b.push( d ) ), 1; h = 0; m = "" === m ? "." : m + ":"; if ( ca( a ) ) for ( var l = 0; l < a.length; l++ ) { c = a[ l ]; var f = m + N( c, l ); h += B( c, b, e, f, d ) } else if ( f = x( a ), "function" === typeof f ) for ( a = f.call( a ), l = 0; !( c = a.next() ).done; )c = c.value, f = m + N( c, l++ ), h += B( c, b, e, f, d ); else if ( "object" === c ) throw b = String( a ), Error( "Objects are not valid as a React child (found: " +
+          ( "[object Object]" === b ? "object with keys {" + Object.keys( a ).join( ", " ) + "}" : b ) + "). If you meant to render a collection of children, use an array instead." ); return h
+    } function C ( a, b, e ) { if ( null == a ) return a; var c = [], d = 0; B( a, c, "", "", function ( a ) { return b.call( e, a, d++ ) } ); return c } function qa ( a ) {
+      if ( -1 === a._status ) {
+        var b = a._result; b = b(); b.then( function ( b ) { if ( 0 === a._status || -1 === a._status ) a._status = 1, a._result = b }, function ( b ) { if ( 0 === a._status || -1 === a._status ) a._status = 2, a._result = b } ); -1 === a._status && ( a._status =
+          0, a._result = b )
+      } if ( 1 === a._status ) return a._result.default; throw a._result;
+    } function O ( a, b ) { var e = a.length; a.push( b ); a: for ( ; 0 < e; ) { var c = e - 1 >>> 1, d = a[ c ]; if ( 0 < D( d, b ) ) a[ c ] = b, a[ e ] = d, e = c; else break a } } function p ( a ) { return 0 === a.length ? null : a[ 0 ] } function E ( a ) { if ( 0 === a.length ) return null; var b = a[ 0 ], e = a.pop(); if ( e !== b ) { a[ 0 ] = e; a: for ( var c = 0, d = a.length, k = d >>> 1; c < k; ) { var h = 2 * ( c + 1 ) - 1, l = a[ h ], f = h + 1, g = a[ f ]; if ( 0 > D( l, e ) ) f < d && 0 > D( g, l ) ? ( a[ c ] = g, a[ f ] = e, c = f ) : ( a[ c ] = l, a[ h ] = e, c = h ); else if ( f < d && 0 > D( g, e ) ) a[ c ] = g, a[ f ] = e, c = f; else break a } } return b }
+    function D ( a, b ) { var c = a.sortIndex - b.sortIndex; return 0 !== c ? c : a.id - b.id } function P ( a ) { for ( var b = p( r ); null !== b; ) { if ( null === b.callback ) E( r ); else if ( b.startTime <= a ) E( r ), b.sortIndex = b.expirationTime, O( q, b ); else break; b = p( r ) } } function Q ( a ) { z = !1; P( a ); if ( !u ) if ( null !== p( q ) ) u = !0, R( S ); else { var b = p( r ); null !== b && T( Q, b.startTime - a ) } } function S ( a, b ) {
+      u = !1; z && ( z = !1, ea( A ), A = -1 ); F = !0; var c = k; try {
+        P( b ); for ( n = p( q ); null !== n && ( !( n.expirationTime > b ) || a && !fa() ); ) {
+          var m = n.callback; if ( "function" === typeof m ) {
+            n.callback = null;
+            k = n.priorityLevel; var d = m( n.expirationTime <= b ); b = v(); "function" === typeof d ? n.callback = d : n === p( q ) && E( q ); P( b )
+          } else E( q ); n = p( q )
+        } if ( null !== n ) var g = !0; else { var h = p( r ); null !== h && T( Q, h.startTime - b ); g = !1 } return g
+      } finally { n = null, k = c, F = !1 }
+    } function fa () { return v() - ha < ia ? !1 : !0 } function R ( a ) { G = a; H || ( H = !0, I() ) } function T ( a, b ) { A = ja( function () { a( v() ) }, b ) } var y = Symbol.for( "react.element" ), pa = Symbol.for( "react.portal" ), ra = Symbol.for( "react.fragment" ), sa = Symbol.for( "react.strict_mode" ), ta = Symbol.for( "react.profiler" ),
+      ua = Symbol.for( "react.provider" ), va = Symbol.for( "react.context" ), wa = Symbol.for( "react.forward_ref" ), xa = Symbol.for( "react.suspense" ), ya = Symbol.for( "react.memo" ), za = Symbol.for( "react.lazy" ), V = Symbol.iterator, X = { isMounted: function ( a ) { return !1 }, enqueueForceUpdate: function ( a, b, c ) { }, enqueueReplaceState: function ( a, b, c, m ) { }, enqueueSetState: function ( a, b, c, m ) { } }, ka = Object.assign, W = {}; w.prototype.isReactComponent = {}; w.prototype.setState = function ( a, b ) {
+        if ( "object" !== typeof a && "function" !== typeof a && null != a ) 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, a, b, "setState" )
+      }; w.prototype.forceUpdate = function ( a ) { this.updater.enqueueForceUpdate( this, a, "forceUpdate" ) }; Y.prototype = w.prototype; var t = K.prototype = new Y; t.constructor = K; ka( t, w.prototype ); t.isPureReactComponent = !0; var ca = Array.isArray, aa = Object.prototype.hasOwnProperty, L = { current: null }, ba = { key: !0, ref: !0, __self: !0, __source: !0 }, da = /\/+/g, g = { current: null }, J = { transition: null }; if ( "object" === typeof performance && "function" === typeof performance.now ) {
+        var Aa = performance;
+        var v = function () { return Aa.now() }
+      } else { var la = Date, Ba = la.now(); v = function () { return la.now() - Ba } } var q = [], r = [], Ca = 1, n = null, k = 3, F = !1, u = !1, z = !1, ja = "function" === typeof setTimeout ? setTimeout : null, ea = "function" === typeof clearTimeout ? clearTimeout : null, ma = "undefined" !== typeof setImmediate ? setImmediate : null; "undefined" !== typeof navigator && void 0 !== navigator.scheduling && void 0 !== navigator.scheduling.isInputPending && navigator.scheduling.isInputPending.bind( navigator.scheduling ); var H = !1, G = null, A = -1, ia = 5, ha =
+        -1, U = function () { if ( null !== G ) { var a = v(); ha = a; var b = !0; try { b = G( !0, a ) } finally { b ? I() : ( H = !1, G = null ) } } else H = !1 }; if ( "function" === typeof ma ) var I = function () { ma( U ) }; else if ( "undefined" !== typeof MessageChannel ) { t = new MessageChannel; var Da = t.port2; t.port1.onmessage = U; I = function () { Da.postMessage( null ) } } else I = function () { ja( U, 0 ) }; t = {
+          ReactCurrentDispatcher: g, ReactCurrentOwner: L, ReactCurrentBatchConfig: J, Scheduler: {
+            __proto__: null, unstable_ImmediatePriority: 1, unstable_UserBlockingPriority: 2, unstable_NormalPriority: 3,
+            unstable_IdlePriority: 5, unstable_LowPriority: 4, unstable_runWithPriority: function ( a, b ) { switch ( a ) { case 1: case 2: case 3: case 4: case 5: break; default: a = 3 }var c = k; k = a; try { return b() } finally { k = c } }, unstable_next: function ( a ) { switch ( k ) { case 1: case 2: case 3: var b = 3; break; default: b = k }var c = k; k = b; try { return a() } finally { k = c } }, unstable_scheduleCallback: function ( a, b, c ) {
+              var e = v(); "object" === typeof c && null !== c ? ( c = c.delay, c = "number" === typeof c && 0 < c ? e + c : e ) : c = e; switch ( a ) {
+                case 1: var d = -1; break; case 2: d = 250; break; case 5: d =
+                  1073741823; break; case 4: d = 1E4; break; default: d = 5E3
+              }d = c + d; a = { id: Ca++, callback: b, priorityLevel: a, startTime: c, expirationTime: d, sortIndex: -1 }; c > e ? ( a.sortIndex = c, O( r, a ), null === p( q ) && a === p( r ) && ( z ? ( ea( A ), A = -1 ) : z = !0, T( Q, c - e ) ) ) : ( a.sortIndex = d, O( q, a ), u || F || ( u = !0, R( S ) ) ); return a
+            }, unstable_cancelCallback: function ( a ) { a.callback = null }, unstable_wrapCallback: function ( a ) { var b = k; return function () { var c = k; k = b; try { return a.apply( this, arguments ) } finally { k = c } } }, unstable_getCurrentPriorityLevel: function () { return k }, unstable_shouldYield: fa,
+            unstable_requestPaint: function () { }, unstable_continueExecution: function () { u || F || ( u = !0, R( S ) ) }, unstable_pauseExecution: function () { }, unstable_getFirstCallbackNode: function () { return p( q ) }, get unstable_now () { return v }, unstable_forceFrameRate: function ( a ) { 0 > a || 125 < a ? console.error( "forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported" ) : ia = 0 < a ? Math.floor( 1E3 / a ) : 5 }, unstable_Profiling: null
+          }
+        }; c.Children = {
+          map: C, forEach: function ( a, b, c ) {
+            C( a, function () {
+              b.apply( this,
+                arguments )
+            }, c )
+          }, count: function ( a ) { var b = 0; C( a, function () { b++ } ); return b }, toArray: function ( a ) { return C( a, function ( a ) { return a } ) || [] }, only: function ( a ) { if ( !M( a ) ) throw Error( "React.Children.only expected to receive a single React element child." ); return a }
+        }; c.Component = w; c.Fragment = ra; c.Profiler = ta; c.PureComponent = K; c.StrictMode = sa; c.Suspense = xa; c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = t; c.cloneElement = function ( a, b, c ) {
+          if ( null === a || void 0 === a ) throw Error( "React.cloneElement(...): The argument must be a React element, but you passed " +
+            a + "." ); var e = ka( {}, a.props ), d = a.key, k = a.ref, h = a._owner; if ( null != b ) { void 0 !== b.ref && ( k = b.ref, h = L.current ); void 0 !== b.key && ( d = "" + b.key ); if ( a.type && a.type.defaultProps ) var l = a.type.defaultProps; for ( f in b ) aa.call( b, f ) && !ba.hasOwnProperty( f ) && ( e[ f ] = void 0 === b[ f ] && void 0 !== l ? l[ f ] : b[ f ] ) } var f = arguments.length - 2; if ( 1 === f ) e.children = c; else if ( 1 < f ) { l = Array( f ); for ( var g = 0; g < f; g++ )l[ g ] = arguments[ g + 2 ]; e.children = l } return { $$typeof: y, type: a.type, key: d, ref: k, props: e, _owner: h }
+        }; c.createContext = function ( a ) {
+          a = {
+            $$typeof: va,
+            _currentValue: a, _currentValue2: a, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null
+          }; a.Provider = { $$typeof: ua, _context: a }; return a.Consumer = a
+        }; c.createElement = Z; c.createFactory = function ( a ) { var b = Z.bind( null, a ); b.type = a; return b }; c.createRef = function () { return { current: null } }; c.forwardRef = function ( a ) { return { $$typeof: wa, render: a } }; c.isValidElement = M; c.lazy = function ( a ) { return { $$typeof: za, _payload: { _status: -1, _result: a }, _init: qa } }; c.memo = function ( a, b ) {
+          return {
+            $$typeof: ya, type: a,
+            compare: void 0 === b ? null : b
+          }
+        }; c.startTransition = function ( a, b ) { b = J.transition; J.transition = {}; try { a() } finally { J.transition = b } }; c.unstable_act = function ( a ) { throw Error( "act(...) is not supported in production builds of React." ); }; c.useCallback = function ( a, b ) { return g.current.useCallback( a, b ) }; c.useContext = function ( a ) { return g.current.useContext( a ) }; c.useDebugValue = function ( a, b ) { }; c.useDeferredValue = function ( a ) { return g.current.useDeferredValue( a ) }; c.useEffect = function ( a, b ) {
+          return g.current.useEffect( a,
+            b )
+        }; c.useId = function () { return g.current.useId() }; c.useImperativeHandle = function ( a, b, c ) { return g.current.useImperativeHandle( a, b, c ) }; c.useInsertionEffect = function ( a, b ) { return g.current.useInsertionEffect( a, b ) }; c.useLayoutEffect = function ( a, b ) { return g.current.useLayoutEffect( a, b ) }; c.useMemo = function ( a, b ) { return g.current.useMemo( a, b ) }; c.useReducer = function ( a, b, c ) { return g.current.useReducer( a, b, c ) }; c.useRef = function ( a ) { return g.current.useRef( a ) }; c.useState = function ( a ) { return g.current.useState( a ) };
+    c.useSyncExternalStore = function ( a, b, c ) { return g.current.useSyncExternalStore( a, b, c ) }; c.useTransition = function () { return g.current.useTransition() }; c.version = "18.2.0"
+  } );
+} )();

package/src/@reactPacks/reactRouterDomProduction@18.2.0.js

@@ -0,0 +1,31 @@
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+(function(){'use strict';(function(c,x){"object"===typeof exports&&"undefined"!==typeof module?x(exports):"function"===typeof define&&define.amd?define(["exports"],x):(c=c||self,x(c.React={}))})(this,function(c){function x(a){if(null===a||"object"!==typeof a)return null;a=V&&a[V]||a["@@iterator"];return"function"===typeof a?a:null}function w(a,b,e){this.props=a;this.context=b;this.refs=W;this.updater=e||X}function Y(){}function K(a,b,e){this.props=a;this.context=b;this.refs=W;this.updater=e||X}function Z(a,b,
+  e){var m,d={},c=null,h=null;if(null!=b)for(m in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(c=""+b.key),b)aa.call(b,m)&&!ba.hasOwnProperty(m)&&(d[m]=b[m]);var l=arguments.length-2;if(1===l)d.children=e;else if(1<l){for(var f=Array(l),k=0;k<l;k++)f[k]=arguments[k+2];d.children=f}if(a&&a.defaultProps)for(m in l=a.defaultProps,l)void 0===d[m]&&(d[m]=l[m]);return{$$typeof:y,type:a,key:c,ref:h,props:d,_owner:L.current}}function na(a,b){return{$$typeof:y,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}
+  function M(a){return"object"===typeof a&&null!==a&&a.$$typeof===y}function oa(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(a){return b[a]})}function N(a,b){return"object"===typeof a&&null!==a&&null!=a.key?oa(""+a.key):b.toString(36)}function B(a,b,e,m,d){var c=typeof a;if("undefined"===c||"boolean"===c)a=null;var h=!1;if(null===a)h=!0;else switch(c){case "string":case "number":h=!0;break;case "object":switch(a.$$typeof){case y:case pa:h=!0}}if(h)return h=a,d=d(h),a=""===m?"."+
+  N(h,0):m,ca(d)?(e="",null!=a&&(e=a.replace(da,"$&/")+"/"),B(d,b,e,"",function(a){return a})):null!=d&&(M(d)&&(d=na(d,e+(!d.key||h&&h.key===d.key?"":(""+d.key).replace(da,"$&/")+"/")+a)),b.push(d)),1;h=0;m=""===m?".":m+":";if(ca(a))for(var l=0;l<a.length;l++){c=a[l];var f=m+N(c,l);h+=B(c,b,e,f,d)}else if(f=x(a),"function"===typeof f)for(a=f.call(a),l=0;!(c=a.next()).done;)c=c.value,f=m+N(c,l++),h+=B(c,b,e,f,d);else if("object"===c)throw b=String(a),Error("Objects are not valid as a React child (found: "+
+  ("[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b)+"). If you meant to render a collection of children, use an array instead.");return h}function C(a,b,e){if(null==a)return a;var c=[],d=0;B(a,c,"","",function(a){return b.call(e,a,d++)});return c}function qa(a){if(-1===a._status){var b=a._result;b=b();b.then(function(b){if(0===a._status||-1===a._status)a._status=1,a._result=b},function(b){if(0===a._status||-1===a._status)a._status=2,a._result=b});-1===a._status&&(a._status=
+  0,a._result=b)}if(1===a._status)return a._result.default;throw a._result;}function O(a,b){var e=a.length;a.push(b);a:for(;0<e;){var c=e-1>>>1,d=a[c];if(0<D(d,b))a[c]=b,a[e]=d,e=c;else break a}}function p(a){return 0===a.length?null:a[0]}function E(a){if(0===a.length)return null;var b=a[0],e=a.pop();if(e!==b){a[0]=e;a:for(var c=0,d=a.length,k=d>>>1;c<k;){var h=2*(c+1)-1,l=a[h],f=h+1,g=a[f];if(0>D(l,e))f<d&&0>D(g,l)?(a[c]=g,a[f]=e,c=f):(a[c]=l,a[h]=e,c=h);else if(f<d&&0>D(g,e))a[c]=g,a[f]=e,c=f;else break a}}return b}
+  function D(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}function P(a){for(var b=p(r);null!==b;){if(null===b.callback)E(r);else if(b.startTime<=a)E(r),b.sortIndex=b.expirationTime,O(q,b);else break;b=p(r)}}function Q(a){z=!1;P(a);if(!u)if(null!==p(q))u=!0,R(S);else{var b=p(r);null!==b&&T(Q,b.startTime-a)}}function S(a,b){u=!1;z&&(z=!1,ea(A),A=-1);F=!0;var c=k;try{P(b);for(n=p(q);null!==n&&(!(n.expirationTime>b)||a&&!fa());){var m=n.callback;if("function"===typeof m){n.callback=null;
+  k=n.priorityLevel;var d=m(n.expirationTime<=b);b=v();"function"===typeof d?n.callback=d:n===p(q)&&E(q);P(b)}else E(q);n=p(q)}if(null!==n)var g=!0;else{var h=p(r);null!==h&&T(Q,h.startTime-b);g=!1}return g}finally{n=null,k=c,F=!1}}function fa(){return v()-ha<ia?!1:!0}function R(a){G=a;H||(H=!0,I())}function T(a,b){A=ja(function(){a(v())},b)}var y=Symbol.for("react.element"),pa=Symbol.for("react.portal"),ra=Symbol.for("react.fragment"),sa=Symbol.for("react.strict_mode"),ta=Symbol.for("react.profiler"),
+  ua=Symbol.for("react.provider"),va=Symbol.for("react.context"),wa=Symbol.for("react.forward_ref"),xa=Symbol.for("react.suspense"),ya=Symbol.for("react.memo"),za=Symbol.for("react.lazy"),V=Symbol.iterator,X={isMounted:function(a){return!1},enqueueForceUpdate:function(a,b,c){},enqueueReplaceState:function(a,b,c,m){},enqueueSetState:function(a,b,c,m){}},ka=Object.assign,W={};w.prototype.isReactComponent={};w.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)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,a,b,"setState")};w.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};Y.prototype=w.prototype;var t=K.prototype=new Y;t.constructor=K;ka(t,w.prototype);t.isPureReactComponent=!0;var ca=Array.isArray,aa=Object.prototype.hasOwnProperty,L={current:null},ba={key:!0,ref:!0,__self:!0,__source:!0},da=/\/+/g,g={current:null},J={transition:null};if("object"===typeof performance&&"function"===typeof performance.now){var Aa=performance;
+  var v=function(){return Aa.now()}}else{var la=Date,Ba=la.now();v=function(){return la.now()-Ba}}var q=[],r=[],Ca=1,n=null,k=3,F=!1,u=!1,z=!1,ja="function"===typeof setTimeout?setTimeout:null,ea="function"===typeof clearTimeout?clearTimeout:null,ma="undefined"!==typeof setImmediate?setImmediate:null;"undefined"!==typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var H=!1,G=null,A=-1,ia=5,ha=
+  -1,U=function(){if(null!==G){var a=v();ha=a;var b=!0;try{b=G(!0,a)}finally{b?I():(H=!1,G=null)}}else H=!1};if("function"===typeof ma)var I=function(){ma(U)};else if("undefined"!==typeof MessageChannel){t=new MessageChannel;var Da=t.port2;t.port1.onmessage=U;I=function(){Da.postMessage(null)}}else I=function(){ja(U,0)};t={ReactCurrentDispatcher:g,ReactCurrentOwner:L,ReactCurrentBatchConfig:J,Scheduler:{__proto__:null,unstable_ImmediatePriority:1,unstable_UserBlockingPriority:2,unstable_NormalPriority:3,
+  unstable_IdlePriority:5,unstable_LowPriority:4,unstable_runWithPriority:function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=k;k=a;try{return b()}finally{k=c}},unstable_next:function(a){switch(k){case 1:case 2:case 3:var b=3;break;default:b=k}var c=k;k=b;try{return a()}finally{k=c}},unstable_scheduleCallback:function(a,b,c){var e=v();"object"===typeof c&&null!==c?(c=c.delay,c="number"===typeof c&&0<c?e+c:e):c=e;switch(a){case 1:var d=-1;break;case 2:d=250;break;case 5:d=
+  1073741823;break;case 4:d=1E4;break;default:d=5E3}d=c+d;a={id:Ca++,callback:b,priorityLevel:a,startTime:c,expirationTime:d,sortIndex:-1};c>e?(a.sortIndex=c,O(r,a),null===p(q)&&a===p(r)&&(z?(ea(A),A=-1):z=!0,T(Q,c-e))):(a.sortIndex=d,O(q,a),u||F||(u=!0,R(S)));return a},unstable_cancelCallback:function(a){a.callback=null},unstable_wrapCallback:function(a){var b=k;return function(){var c=k;k=b;try{return a.apply(this,arguments)}finally{k=c}}},unstable_getCurrentPriorityLevel:function(){return k},unstable_shouldYield:fa,
+  unstable_requestPaint:function(){},unstable_continueExecution:function(){u||F||(u=!0,R(S))},unstable_pauseExecution:function(){},unstable_getFirstCallbackNode:function(){return p(q)},get unstable_now(){return v},unstable_forceFrameRate:function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):ia=0<a?Math.floor(1E3/a):5},unstable_Profiling:null}};c.Children={map:C,forEach:function(a,b,c){C(a,function(){b.apply(this,
+  arguments)},c)},count:function(a){var b=0;C(a,function(){b++});return b},toArray:function(a){return C(a,function(a){return a})||[]},only:function(a){if(!M(a))throw Error("React.Children.only expected to receive a single React element child.");return a}};c.Component=w;c.Fragment=ra;c.Profiler=ta;c.PureComponent=K;c.StrictMode=sa;c.Suspense=xa;c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=t;c.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+
+  a+".");var e=ka({},a.props),d=a.key,k=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,h=L.current);void 0!==b.key&&(d=""+b.key);if(a.type&&a.type.defaultProps)var l=a.type.defaultProps;for(f in b)aa.call(b,f)&&!ba.hasOwnProperty(f)&&(e[f]=void 0===b[f]&&void 0!==l?l[f]:b[f])}var f=arguments.length-2;if(1===f)e.children=c;else if(1<f){l=Array(f);for(var g=0;g<f;g++)l[g]=arguments[g+2];e.children=l}return{$$typeof:y,type:a.type,key:d,ref:k,props:e,_owner:h}};c.createContext=function(a){a={$$typeof:va,
+  _currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};a.Provider={$$typeof:ua,_context:a};return a.Consumer=a};c.createElement=Z;c.createFactory=function(a){var b=Z.bind(null,a);b.type=a;return b};c.createRef=function(){return{current:null}};c.forwardRef=function(a){return{$$typeof:wa,render:a}};c.isValidElement=M;c.lazy=function(a){return{$$typeof:za,_payload:{_status:-1,_result:a},_init:qa}};c.memo=function(a,b){return{$$typeof:ya,type:a,
+  compare:void 0===b?null:b}};c.startTransition=function(a,b){b=J.transition;J.transition={};try{a()}finally{J.transition=b}};c.unstable_act=function(a){throw Error("act(...) is not supported in production builds of React.");};c.useCallback=function(a,b){return g.current.useCallback(a,b)};c.useContext=function(a){return g.current.useContext(a)};c.useDebugValue=function(a,b){};c.useDeferredValue=function(a){return g.current.useDeferredValue(a)};c.useEffect=function(a,b){return g.current.useEffect(a,
+  b)};c.useId=function(){return g.current.useId()};c.useImperativeHandle=function(a,b,c){return g.current.useImperativeHandle(a,b,c)};c.useInsertionEffect=function(a,b){return g.current.useInsertionEffect(a,b)};c.useLayoutEffect=function(a,b){return g.current.useLayoutEffect(a,b)};c.useMemo=function(a,b){return g.current.useMemo(a,b)};c.useReducer=function(a,b,c){return g.current.useReducer(a,b,c)};c.useRef=function(a){return g.current.useRef(a)};c.useState=function(a){return g.current.useState(a)};
+  c.useSyncExternalStore=function(a,b,c){return g.current.useSyncExternalStore(a,b,c)};c.useTransition=function(){return g.current.useTransition()};c.version="18.2.0"});
+  })();

package/src/atoms/Various/parts.tsx

@@ -27,6 +27,7 @@ export const Placeholder: React.FC<amotify.atoms.PlaceholderParams> = ( params )
     color = 'cloud',
     ...others
   } = params;
+
   let DefStyles: amotifyUniStyleParams = {
     flexCenter: true,
     position: 'relative',
@@ -36,7 +37,7 @@ export const Placeholder: React.FC<amotify.atoms.PlaceholderParams> = ( params )
     backgroundColor: '3.layer.canvas',
   }
 
-  return ( <Box
+  return <Box
     className={ [
       style.Placeholder,
       params.className
@@ -50,7 +51,7 @@ export const Placeholder: React.FC<amotify.atoms.PlaceholderParams> = ( params )
         style[ 'Color_' + color ],
       ].join( ' ' ) }
     />
-  </Box> );
+  </Box>;
 }
 
 let Img: amotify.atoms.Image.Methods = {} as any;

package/src/functions/Button/_.tsx

@@ -204,6 +204,7 @@ const SeedWrapper = ( params: SeedWrapperInput ) => {
 
   if ( seed == 'Button' ) {
     let {
+      isLocked,isActive,isActiveClassName,isActiveStyles,
       componentID,
       submitOption,
       onClick,
@@ -237,6 +238,7 @@ const SeedWrapper = ( params: SeedWrapperInput ) => {
     />;
   } else if ( seed == 'Label' ) {
     let {
+      isLocked,isActive,isActiveClassName,isActiveStyles,
       componentID,
       ...Props
     } = Params as amotify.fn.Buttons.LabelInput;
@@ -244,6 +246,7 @@ const SeedWrapper = ( params: SeedWrapperInput ) => {
     return <label { ...Props } />;
   } else if ( seed == 'Anchor' ) {
     let {
+      isLocked,isActive,isActiveClassName,isActiveStyles,
       componentID,
       href = '',
       newTab,

package/src/functions/Cropper/parts.tsx

@@ -1049,7 +1049,7 @@ export const Cropper: amotify.fn.Cropper.Methods = {
           amotify.fn.Sheet.close( sheetID );
         } }
       />,
-      closeOption: {
+      close_option: {
         escapeKeyDown: false
       }
     } );

package/src/functions/Input/Chips/Selector.tsx

@@ -401,8 +401,8 @@ export const ChipsInputFNs: amotify.fn.Input.Chips.FNs = {
       type: 'custom',
       gravityPoint: 22,
       padding: [ 1,0 ],
-      holdState: true,
-      closeOption: {
+      hold_state: true,
+      close_option: {
         aroundClick: true,
         escapeKeyDown: true
       },

package/src/functions/Input/DigitCharacters.tsx

@@ -77,7 +77,7 @@ export const DigitCharactersInput: React.FC<amotify.fn.Input.DigitCharacters.Pla
     className = '',
     digits,
     numericOnly = false,
-    enableFormSubmit,
+    enable_form_submit,
 
     checkValidationAtFirst,
     onChange,onKeyDown,
@@ -177,7 +177,7 @@ export const DigitCharactersInput: React.FC<amotify.fn.Input.DigitCharacters.Pla
           let dir = Number( key == 'ArrowRight' ) * 2 - 1;
           nextFocusIndex = index + dir;
         } else {
-          if ( enableFormSubmit ) SubmitForm( event );
+          if ( enable_form_submit ) SubmitForm( event );
 
           ( () => {
             let regExp = code.match( /^(Key(.)|Digit(\d)|Numpad(\d))/ );

package/src/functions/Input/File/_.tsx

@@ -440,7 +440,7 @@ const FileCell: React.FC<{
                     required
                     id={ FileID }
                     form={ 'form-' + FileID }
-                    enableFormSubmit
+                    enable_form_submit
                     value={ name }
                     onKeyDown={ ( event ) => {
                       let { key } = event;

package/src/functions/Input/List/_.tsx

@@ -86,9 +86,11 @@ const Core: React.FC<amotify.fn.Input.List.OriginParams> = ( params ) => {
     override,
     statusID,
     freeCSS,
+    icon,
+    iconType,
 
-    enableFormSubmit,
-
+    enable_form_submit,
+    defaultActiveStyling,
     checkValidationAtFirst,
     onValidate,
     onUpdateValue,onUpdateValidValue,
@@ -178,7 +180,7 @@ const CellList: React.FC<{
     cellCheckedStyles: DefaultCellCheckedStyles,
     cellCheckedClassName: DefaultCellCheckedClassName = '',
 
-    enableFormSubmit,
+    enable_form_submit,
     defaultActiveStyling = true
   } = params;
   let {
@@ -245,6 +247,7 @@ const CellList: React.FC<{
         ].join( ' ' ) }
         name={ 'RadioCheckbox-' + name }
         data-list-index={ componentID + '-' + index }
+        key={ CellID }
         id={ CellID }
         value={ String( value ) }
         data-form-name={ form }
@@ -307,11 +310,12 @@ const CellList: React.FC<{
             }
           }
 
-          if ( enableFormSubmit ) SubmitForm( event );
+          if ( enable_form_submit ) SubmitForm( event );
         } }
         tabIndex={ tabIndex }
       />,
       <Buttons.Label.Plain
+        key={ 'Button-' + CellID }
         htmlFor={ CellID }
         className={ ClassName.join( ' ' ) }
         tabIndex={ -1 }

package/src/functions/Input/Segmented/_.tsx

@@ -8,6 +8,7 @@ import style from './style.module.scss';
 
 export const Segmented: amotify.fn.Input.Segmented.Types = {
   Auto: ( params ) => {
+    params = { ...params };
     params = {
       padding: '1/3',
       gap: '1/3',
@@ -28,6 +29,7 @@ export const Segmented: amotify.fn.Input.Segmented.Types = {
     return ( <Core appearance={ ( params as any ).tone || 'Auto' } { ...params } /> );
   },
   Normal: ( params ) => {
+    params = { ...params };
     params = {
       border: true,
       borderColor: 'theme',
@@ -53,6 +55,7 @@ export const Segmented: amotify.fn.Input.Segmented.Types = {
     return ( <Core appearance={ 'Border' } { ...params } /> );
   },
   Cloud: ( params ) => {
+    params = { ...params };
     params = {
       padding: '1/3',
       gap: '1/3',
@@ -73,6 +76,7 @@ export const Segmented: amotify.fn.Input.Segmented.Types = {
     return ( <Core appearance={ ( params as any ).tone || 'Cloud' } { ...params } /> );
   },
   Cloud2: ( params ) => {
+    params = { ...params };
     ( params as any ).tone = 'WhiteCloud';
     return ( <Segmented.Cloud
       fontColor='3.blur'
@@ -84,6 +88,7 @@ export const Segmented: amotify.fn.Input.Segmented.Types = {
     /> );
   },
   Cloud3: ( params ) => {
+    params = { ...params };
     ( params as any ).tone = 'ThemeCloud';
     return ( <Segmented.Cloud
       backgroundColor='tcOpFew'
@@ -95,6 +100,7 @@ export const Segmented: amotify.fn.Input.Segmented.Types = {
     /> );
   },
   Border: ( params ) => {
+    params = { ...params };
     params = {
       backgroundColor: '1.layer.base',
       border: '2.normal',
@@ -118,6 +124,7 @@ export const Segmented: amotify.fn.Input.Segmented.Types = {
     return ( <Core appearance={ ( params as any ).tone || 'Border' } { ...params } /> );
   },
   Border2: ( params ) => {
+    params = { ...params };
     params = {
       border: true,
       borderColor: 'theme',
@@ -144,6 +151,7 @@ export const Segmented: amotify.fn.Input.Segmented.Types = {
     return ( <Core appearance={ 'Border' } { ...params } /> );
   },
   BottomLine: ( params ) => {
+    params = { ...params };
     params = {
       gap: 0,
       fontColor: '3.blur',

package/src/functions/Input/Select/_.tsx

@@ -84,7 +84,7 @@ const Core: React.FC<amotify.fn.Input.Select.PlainParams> = ( params ) => {
     form,
     className,
 
-    enableFormSubmit,
+    enable_form_submit,
     enableUnSelected,
 
     checkValidationAtFirst,
@@ -158,7 +158,7 @@ const Core: React.FC<amotify.fn.Input.Select.PlainParams> = ( params ) => {
         value={ val_status.dataValue }
         onKeyDown={ ( event ) => {
           if ( onKeyDown ) onKeyDown( event );
-          if ( enableFormSubmit ) SubmitForm( event );
+          if ( enable_form_submit ) SubmitForm( event );
         } }
         onChange={ ( event ) => {
           let {

package/src/functions/Input/Slider/_.tsx

@@ -78,7 +78,7 @@ export const SliderInput: React.FC<amotify.fn.Input.Slider.PlainParams> = ( para
     } = {},
     min,max,step,
 
-    enableFormSubmit,
+    enable_form_submit,
 
     checkValidationAtFirst,
     onChange,onKeyDown,
@@ -160,7 +160,7 @@ export const SliderInput: React.FC<amotify.fn.Input.Slider.PlainParams> = ( para
         set_status={ set_status }
         DotData={ DotData }
         form={ form }
-        enableFormSubmit={ enableFormSubmit! }
+        enable_form_submit={ enable_form_submit! }
       />
       { showLegends ? <Comps.IndicatorLabels
         componentID={ val_status.componentID }
@@ -277,14 +277,14 @@ const Comps = {
     set_status: React.Dispatch<React.SetStateAction<amotify.fn.Input.Status.Slider>>
     DotData: DataLevelingResult
     form: string
-    enableFormSubmit: boolean
+    enable_form_submit: boolean
   } ) => {
     let {
       val_status,
       set_status,
       DotData,
       form,
-      enableFormSubmit
+      enable_form_submit
     } = props;
     let {
       componentID
@@ -375,7 +375,7 @@ const Comps = {
               DotData
             } );
 
-            if ( enableFormSubmit ) SubmitForm( event );
+            if ( enable_form_submit ) SubmitForm( event );
           } }
         />
       </Box>

package/src/functions/Input/Switch/_.tsx

@@ -45,7 +45,7 @@ export const SwitchInput: React.FC<amotify.fn.Input.Switch.PlainParams> = ( para
     form,
     id,
 
-    enableFormSubmit,
+    enable_form_submit,
 
     checkValidationAtFirst,
     onChange,onKeyDown,
@@ -103,7 +103,7 @@ export const SwitchInput: React.FC<amotify.fn.Input.Switch.PlainParams> = ( para
       id={ id }
       onKeyDown={ ( event ) => {
         if ( onKeyDown ) onKeyDown( event );
-        if ( enableFormSubmit ) SubmitForm( event );
+        if ( enable_form_submit ) SubmitForm( event );
       } }
       onChange={ ( event ) => {
         if ( val_validate.ok ) set_validate( { ok: false,notice: [] } );

package/src/functions/Input/Text.tsx

@@ -256,7 +256,7 @@ export const TextInput: React.FC<amotify.fn.Input.Text.OriginParams> = ( params
     autoComplete = 'off',
     autoCapitalize = 'off',
 
-    enableFormSubmit,
+    enable_form_submit,
     clearButton = false,
 
     checkValidationAtFirst,
@@ -396,7 +396,7 @@ export const TextInput: React.FC<amotify.fn.Input.Text.OriginParams> = ( params
           }
 
           if ( onKeyDown ) onKeyDown( event );
-          if ( enableFormSubmit ) SubmitForm( event );
+          if ( enable_form_submit ) SubmitForm( event );
         } }
         onChange={ ( event ) => {
           let {

package/src/functions/Input/TextArea.tsx

@@ -35,7 +35,7 @@ export const TextAreaInput: React.FC<amotify.fn.Input.TextArea.PlainParams> = (
     required,
     form,
 
-    enableFormSubmit,
+    enable_form_submit,
 
     checkValidationAtFirst,
     onChange,onKeyDown,
@@ -87,7 +87,7 @@ export const TextAreaInput: React.FC<amotify.fn.Input.TextArea.PlainParams> = (
         value={ val_status.dataValue }
         onKeyDown={ ( event ) => {
           if ( onKeyDown ) onKeyDown( event );
-          if ( enableFormSubmit ) SubmitForm( event );
+          if ( enable_form_submit ) SubmitForm( event );
         } }
         onChange={ ( event ) => {
           let {

package/src/functions/Input/Time/Picker.tsx

@@ -70,7 +70,7 @@ export const Picker: React.FC<amotify.fn.Input.Time.PickerParams> = ( params ) =
     restrict,
     defaultValue = ''
   } = params;
-
+  params = { ...params }
   params.tipsID = params.tipsID || $.uuidGen();
 
   const mounted = React.useRef( false );

package/src/functions/Input/Time/_.tsx

@@ -306,7 +306,7 @@ export const TimeInput: React.FC<amotify.fn.Input.Time.OriginParams> = ( params
     min,max,
     className,
 
-    enableFormSubmit,
+    enable_form_submit,
 
     checkValidationAtFirst,
     onKeyDown,
@@ -481,7 +481,7 @@ export const TimeInput: React.FC<amotify.fn.Input.Time.OriginParams> = ( params
             } );
 
             if ( onKeyDown ) onKeyDown( event );
-            if ( enableFormSubmit ) SubmitForm( event );
+            if ( enable_form_submit ) SubmitForm( event );
           } }
           onKeyUp={ ( event ) => {
             if ( event.key == 'Tab' ) set_focus( {
@@ -708,10 +708,10 @@ export const TimeFNs: amotify.fn.Input.Time.FNTypes = {
         padding: [ 1,0 ],
         tipsID,
         ...params,
-        closeOption: {
+        close_option: {
           aroundClick: true,
           elementBlur: false,
-          ...params.closeOption
+          ...params.close_option
         },
         content: <Picker
           restrict={ params.restrict }

package/src/functions/Input/Time/style.module.scss

@@ -62,7 +62,7 @@
   }
   .Cell.Checked {
     color: #fff !important;
-    background-color: $color-theme;
+    background-color: $color-theme !important;
     box-shadow: $shadow2;
   }
 }