@lynx-example/design-guide 0.1.1 → 0.3.0

package/dist/soft_glow.web.bundle

@@ -0,0 +1 @@
+{"styleInfo":{"0":{"content":[""],"rules":[{"sel":[[[".caption-container"],[],[],[]]],"decl":[["align-items","center"],["display","flex"],["flex-direction","column"]]},{"sel":[[[".caption-title"],[],[],[]]],"decl":[["color","#f8f8f8"],["font-size","16px"],["font-weight","600"],["line-height","21px"]]},{"sel":[[[".caption-subtitle"],[],[],[]]],"decl":[["color","#b3b3b3"],["font-size","12px"],["font-weight","400"],["line-height","15px"],["margin-top","2px"]]},{"sel":[[[".caption-footnote"],[],[],[]]],"decl":[["color","#4f4f4f"],["font-size","11px"],["line-height","14px"],["margin-top","4px"]]},{"sel":[[[".card"],[],[],[]]],"decl":[["background","linear-gradient(rgb( var(--accent)),rgb( var(--primary)))"],["border-radius","24px"],["box-shadow","var(--ambient-shadow) , var(--rim-shadow)"],["height","84px"],["width","84px"],["--primary","254,105,161"],["--secondary","255,115,133"],["--accent","169,152,191"],["--color","rgba(var(--secondary),0.65)"],["--rim-color","rgba(var(--primary),0.9)"],["--blur","3px"],["--spread","0"],["--rim-blur","2px"],["--rim-spread","-1px"],["--ambient-shadow","0 0 var(--blur) var(--spread) var(--color)"],["--rim-shadow","0 0 var(--rim-blur) var(--rim-spread) var(--rim-color)"]]},{"sel":[[[".ele-1"],[],[],[]]],"decl":[["--blur","3px"],["--spread","0"],["--rim-blur","2px"],["--rim-spread","-1px"]]},{"sel":[[[".ele-2"],[],[],[]]],"decl":[["--blur","10px"],["--spread","-1px"],["--rim-blur","6px"],["--rim-spread","-2px"]]},{"sel":[[[".ele-3"],[],[],[]]],"decl":[["--blur","24px"],["--spread","-3px"],["--rim-blur","12px"],["--rim-spread","-4px"]]},{"sel":[[[".ele-4"],[],[],[]]],"decl":[["--blur","44px"],["--spread","-5px"],["--rim-blur","24px"],["--rim-spread","-8px"]]},{"sel":[[[".design-container"],[],[],[]]],"decl":[["background-color","#0d0d0d"],["gap","36px"],["height","100%"],["padding","84px"],["padding-left","48px"],["padding-right","48px"],["width","100%"]]},{"sel":[[[".canvas"],[],[],[]],[[".design-container"],[],[],[]]],"decl":[["align-items","center"],["display","flex"],["flex-direction","column"],["justify-content","center"]]},{"sel":[[[".canvas"],[],[],[]]],"decl":[["gap","24px"]]}]}},"manifest":{"/app-service.js":"\"use strict\";let e,t,n,r,l,_,o,i;var u,a,s,c,f,p,d,h,v,y,g,m,b,x,S,k,C,E,w,P,I={};var O=[];var T=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;var j=Array.isArray;function L(e,t){for(var n in t)e[n]=t[n];return e}function A(e){e&&e.parentNode&&e.parentNode.removeChild(e)}var N=O.slice;var D={__e:function(e,t,n,r){var l,_,o;for(;t=t.__;)if((l=t.__c)&&!l.__)try{if((_=l.constructor)&&null!=_.getDerivedStateFromError&&(l.setState(_.getDerivedStateFromError(e)),o=l.__d),null!=l.componentDidCatch&&(l.componentDidCatch(e,r||{}),o=l.__d),o)return l.__E=l}catch(t){e=t}throw e}};var M=0;function R(e,t,n){var r,l,_,o={};for(_ in t)\"key\"==_?r=t[_]:\"ref\"==_?l=t[_]:o[_]=t[_];if(arguments.length>2&&(o.children=arguments.length>3?N.call(arguments,2):n),\"function\"==typeof e&&null!=e.defaultProps)for(_ in e.defaultProps)void 0===o[_]&&(o[_]=e.defaultProps[_]);return F(e,o,r,l,null)}function F(e,t,n,r,l){var _={type:e,props:t,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==l?++M:l,__i:-1,__u:0};return null==l&&null!=D.vnode&&D.vnode(_),_}function U(e){return e.children}function H(e,t){this.props=e,this.context=t}function B(e,t){var n;if(null==t)return e.__?B(e.__,e.__i+1):null;for(;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e)return n.__e;return\"function\"==typeof e.type?B(e):null}H.prototype.setState=function(e,t){var n;n=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=L({},this.state),\"function\"==typeof e&&(e=e(L({},n),this.props)),e&&L(n,e),null!=e&&this.__v&&(t&&this._sb.push(t),G(this))},H.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),G(this))},H.prototype.render=U;var W=[];var $=\"function\"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout;function G(e){(!e.__d&&(e.__d=!0)&&W.push(e)&&!V.__r++||u!==D.debounceRendering)&&((u=D.debounceRendering)||$)(V)}var J=function(e,t){return e.__v.__b-t.__v.__b};function V(){var e;for(W.sort(J);e=W.shift();)if(e.__d){var t=W.length;(function(e){var t=e.__v,n=t.__e,r=[],l=[];if(e.__P){var _=L({},t);_.__v=t.__v+1,D.vnode&&D.vnode(_),D.renderComponent&&D.renderComponent(_,e),ee(e.__P,_,t,e.__n,e.__P.namespaceURI,32&t.__u?[n]:null,r,null==n?B(t):n,!!(32&t.__u),l),_.__v=t.__v,_.__.__k[_.__i]=_,et(r,_,l),_.__e!=n&&function e(t){if(null!=(t=t.__)&&null!=t.__c){t.__e=t.__c.base=null;for(var n=0;n<t.__k.length;n++){var r=t.__k[n];if(null!=r&&null!=r.__e){t.__e=t.__c.base=r.__e;break}}return e(t)}}(_)}})(e),W.length>t&&W.sort(J)}V.__r=0}function q(e,t,n,r,l,_,o,i,u,a,s){var c,f,p,d,h;var v=r&&r.__k||O;var y=t.length;for(n.__d=u,function(e,t,n){var r,l,_,o=t.length;var i=n.length,u=i;var a=0;for(r=0,e.__k=[];r<o;r++){if(null==(l=t[r])||\"boolean\"==typeof l||\"function\"==typeof l){l=e.__k[r]=null;continue}l=\"string\"==typeof l||\"number\"==typeof l||\"bigint\"==typeof l||l.constructor==String?e.__k[r]=F(null,l,null,null,null):j(l)?e.__k[r]=F(U,{children:l},null,null,null):void 0===l.constructor&&l.__b>0?e.__k[r]=F(l.type,l.props,l.key,l.ref?l.ref:null,l.__v):e.__k[r]=l;var s=r+a;l.__=e,l.__b=e.__b+1;var c=l.__i=function(e,t,n,r){var l=e.key;var _=e.type;var o=n-1;var i=n+1;var u=t[n];var a=r>+(null!=u&&(131072&u.__u)===0);if(null===u||u&&l==u.key&&_===u.type&&(131072&u.__u)===0)return n;if(a)for(;o>=0||i<t.length;){if(o>=0){if((u=t[o])&&(131072&u.__u)===0&&l==u.key&&_===u.type)return o;o--}if(i<t.length){if((u=t[i])&&(131072&u.__u)===0&&l==u.key&&_===u.type)return i;i++}}return -1}(l,n,s,u);_=null,-1!==c&&(_=n[c],u--,_&&(_.__u|=131072)),null==_||null===_.__v?(-1==c&&a--,\"function\"!=typeof l.type&&(l.__u|=65536)):c!==s&&(c==s-1?a--:c==s+1?a++:(c>s?a--:a++,l.__u|=65536))}if(u)for(r=0;r<i;r++)null!=(_=n[r])&&(131072&_.__u)===0&&(_.__e==e.__d&&(e.__d=B(_)),function e(t,n,r){var l;if(D.unmount&&D.unmount(t),(l=t.ref)&&(!l.current||l.current===t.__e)&&en(l,null,n),null!=(l=t.__c)){if(l.componentWillUnmount)try{l.componentWillUnmount()}catch(e){D.__e(e,n)}l.base=l.__P=null}if(l=t.__k)for(var _=0;_<l.length;_++)l[_]&&e(l[_],n,r||\"function\"!=typeof t.type);r||A(t.__e),t.__c=t.__=t.__e=t.__d=void 0}(_,_))}(n,t,v),u=n.__d,c=0;c<y;c++)null!=(p=n.__k[c])&&(f=-1===p.__i?I:v[p.__i]||I,p.__i=c,ee(e,p,f,l,_,o,i,u,a,s),d=p.__e,p.ref&&f.ref!=p.ref&&(f.ref&&en(f.ref,null,p),s.push(p.ref,p.__c||d,p)),null==h&&null!=d&&(h=d),65536&p.__u||f.__k===p.__k?u=function e(t,n,r){if(\"function\"==typeof t.type){var l=t.__k;for(var _=0;l&&_<l.length;_++)l[_]&&(l[_].__=t,n=e(l[_],n,r));return n}t.__e!=n&&(n&&t.type&&!r.contains(n)&&(n=B(t)),r.insertBefore(t.__e,n||null),n=t.__e);do n=n&&n.nextSibling;while(null!=n&&8===n.nodeType);return n}(p,u,e):\"function\"==typeof p.type&&void 0!==p.__d?u=p.__d:d&&(u=d.nextSibling),p.__d=void 0,p.__u&=-196609);n.__d=u,n.__e=h}function Q(e,t,n){\"-\"===t[0]?e.setProperty(t,null==n?\"\":n):null==n?e[t]=\"\":\"number\"!=typeof n||T.test(t)?e[t]=n:e[t]=n+\"px\"}V.__r=0;var z=0;function K(e,t,n,r,l){var _;e:if(\"style\"===t)if(\"string\"==typeof n)e.style.cssText=n;else{if(\"string\"==typeof r&&(e.style.cssText=r=\"\"),r)for(t in r)n&&t in n||Q(e.style,t,\"\");if(n)for(t in n)r&&n[t]===r[t]||Q(e.style,t,n[t])}else if(\"o\"===t[0]&&\"n\"===t[1])_=t!==(t=t.replace(/(PointerCapture)$|Capture$/i,\"$1\")),t=t.toLowerCase()in e||\"onFocusOut\"===t||\"onFocusIn\"===t?t.toLowerCase().slice(2):t.slice(2),e.l||(e.l={}),e.l[t+_]=n,n?r?n._attached=r._attached:(n._attached=z,e.addEventListener(t,_?Z:X,_)):e.removeEventListener(t,_?Z:X,_);else{if(\"http://www.w3.org/2000/svg\"==l)t=t.replace(/xlink(H|:h)/,\"h\").replace(/sName$/,\"s\");else if(\"width\"!=t&&\"height\"!=t&&\"href\"!=t&&\"list\"!=t&&\"form\"!=t&&\"tabIndex\"!=t&&\"download\"!=t&&\"rowSpan\"!=t&&\"colSpan\"!=t&&\"role\"!=t&&\"popover\"!=t&&t in e)try{e[t]=null==n?\"\":n;break e}catch(e){}\"function\"==typeof n||(null!=n&&(!1!==n||\"-\"===t[4])?e.setAttribute(t,\"popover\"==t&&!0==n?\"\":n):e.removeAttribute(t))}}function Y(e){return function(t){if(this.l){var n=this.l[t.type+e];if(null==t._dispatched)t._dispatched=z++;else if(t._dispatched<n._attached)return;return n(D.event?D.event(t):t)}}}var X=Y(!1);var Z=Y(!0);function ee(e,t,n,r,l,_,o,i,u,a){var s,c,f,p,d,h,v,y=t.type;if(void 0!==t.constructor)return null;128&n.__u&&(u=!!(32&n.__u),_=[i=t.__e=n.__e]),(v=D.__b)&&v(t),(v=D._diff2)&&v(t,n);t:if(\"function\"==typeof y)try{var g=t.props;var m=\"prototype\"in y&&y.prototype.render;var b=(v=y.contextType)&&r[v.__c];var x=v?b?b.props.value:v.__:r;if(n.__c?h=(s=t.__c=n.__c).__=s.__E:(m?t.__c=s=new y(g,x):(t.__c=s=new H(g,x),s.constructor=y,s.render=er),b&&b.sub(s),s.props=g,s.state||(s.state={}),s.context=x,s.__n=r,c=s.__d=!0,s.__h=[],s._sb=[]),m&&null==s.__s&&(s.__s=s.state),m&&null!=y.getDerivedStateFromProps&&(s.__s==s.state&&(s.__s=L({},s.__s)),L(s.__s,y.getDerivedStateFromProps(g,s.__s))),f=s.props,p=s.state,s.__v=t,c)m&&null==y.getDerivedStateFromProps&&null!=s.componentWillMount&&s.componentWillMount(),m&&null!=s.componentDidMount&&s.__h.push(s.componentDidMount);else{if(m&&null==y.getDerivedStateFromProps&&g!==f&&null!=s.componentWillReceiveProps&&s.componentWillReceiveProps(g,x),!s.__e&&(null!=s.shouldComponentUpdate&&!1===s.shouldComponentUpdate(g,s.__s,x)||t.__v===n.__v)){t.__v!==n.__v&&(s.props=g,s.state=s.__s,s.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(e){e&&(e.__=t)});for(var S=0;S<s._sb.length;S++)s.__h.push(s._sb[S]);s._sb=[],s.__h.length&&o.push(s);break t}null!=s.componentWillUpdate&&s.componentWillUpdate(g,s.__s,x),m&&null!=s.componentDidUpdate&&s.__h.push(function(){s.componentDidUpdate(f,p,d)})}s.context=x,s.props=g,s.__P=e,s.__e=!1;var k=D.__r,C=0;if(m){s.state=s.__s,s.__d=!1,k&&k(t),v=s.render(s.props,s.state,s.context);for(var E=0;E<s._sb.length;E++)s.__h.push(s._sb[E]);s._sb=[]}else do s.__d=!1,k&&k(t),v=s.render(s.props,s.state,s.context),s.state=s.__s;while(s.__d&&++C<25);s.state=s.__s,null!=s.getChildContext&&(r=L(L({},r),s.getChildContext())),m&&!c&&null!=s.getSnapshotBeforeUpdate&&(d=s.getSnapshotBeforeUpdate(f,p));var w=null!=v&&v.type===U&&null==v.key?v.props.children:v;q(e,j(w)?w:[w],t,n,r,l,_,o,i,u,a),s.base=t.__e,t.__u&=-161,s.__h.length&&o.push(s),h&&(s.__E=s.__=null)}catch(e){if(t.__v=null,u||null!=_){for(t.__u|=u?160:32;i&&8===i.nodeType&&i.nextSibling;)i=i.nextSibling;_[_.indexOf(i)]=null,t.__e=i}else t.__e=n.__e,t.__k=n.__k;D.__e(e,t,n)}else null==_&&t.__v===n.__v?(t.__k=n.__k,t.__e=n.__e):t.__e=function(e,t,n,r,l,_,o,i,u){var a,s,c,f,p,d,h,v=n.props;var y=t.props;var g=t.type;if(\"svg\"===g?l=\"http://www.w3.org/2000/svg\":\"math\"===g?l=\"http://www.w3.org/1998/Math/MathML\":l||(l=\"http://www.w3.org/1999/xhtml\"),null!=_){for(a=0;a<_.length;a++)if((p=_[a])&&\"setAttribute\"in p===!!g&&(g?p.localName===g:3===p.nodeType)){e=p,_[a]=null;break}}if(null==e){if(null===g)return D.document.createTextNode(y);e=D.document.createElementNS(l,g,y.is&&y),i&&(D.__m&&D.__m(t,_),i=!1),_=null}if(null===g)v===y||i&&e.data===y||(e.data=y);else{if(_=_&&N.call(e.childNodes),v=n.props||I,!i&&null!=_)for(a=0,v={};a<e.attributes.length;a++)v[(p=e.attributes[a]).name]=p.value;for(a in v)if(p=v[a],\"children\"==a);else if(\"dangerouslySetInnerHTML\"==a)c=p;else if(!(a in y)){if(\"value\"==a&&\"defaultValue\"in y||\"checked\"==a&&\"defaultChecked\"in y)continue;K(e,a,null,p,l)}for(a in y)p=y[a],\"children\"==a?f=p:\"dangerouslySetInnerHTML\"==a?s=p:\"value\"==a?d=p:\"checked\"==a?h=p:i&&\"function\"!=typeof p||v[a]===p||K(e,a,p,v[a],l);if(s)i||c&&(s.__html===c.__html||s.__html===e.innerHTML)||(e.innerHTML=s.__html),t.__k=[];else if(c&&(e.innerHTML=\"\"),q(e,j(f)?f:[f],t,n,r,\"foreignObject\"===g?\"http://www.w3.org/1999/xhtml\":l,_,o,_?_[0]:n.__k&&B(n,0),i,u),null!=_)for(a=_.length;a--;)A(_[a]);i||(a=\"value\",\"progress\"===g&&null==d?e.removeAttribute(\"value\"):void 0===d||d===e[a]&&(\"progress\"!==g||d)&&(\"option\"!==g||d===v[a])||K(e,a,d,v[a],l),a=\"checked\",void 0!==h&&h!==e[a]&&K(e,a,h,v[a],l))}return e}(n.__e,t,n,r,l,_,o,u,a);(v=D.diffed)&&v(t)}function et(e,t,n){t.__d=void 0;for(var r=0;r<n.length;r++)en(n[r],n[++r],n[++r]);D.__c&&D.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){D.__e(e,t.__v)}})}function en(e,t,n){try{if(\"function\"==typeof e){var r=\"function\"==typeof e.__u;r&&e.__u(),r&&null==t||(e.__u=e(t))}else e.current=t}catch(e){D.__e(e,n)}}function er(e,t,n){return this.constructor(e,n)}function el(e,t,n){D.__&&D.__(e,t);var r=\"function\"==typeof n;var l=r?null:n&&n.__k||t.__k;e=(!r&&n||t).__k=R(U,null,[e]);var _=[],o=[];ee(t,e,l||I,I,t.namespaceURI,!r&&n?[n]:l?null:t.firstChild?N.call(t.childNodes):null,_,!r&&n?n:l?l.__e:t.firstChild,r,o),et(_,e,o)}var e_=0;function eo(e,t,n,r,l,_){t||(t={});var o,i,u=t;if(\"ref\"in u)for(i in u={},t)\"ref\"==i?o=t[i]:u[i]=t[i];var a={type:e,props:u,key:n,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--e_,__i:-1,__u:0,__source:l,__self:_};if(\"function\"==typeof e&&(o=e.defaultProps))for(i in o)void 0===u[i]&&(u[i]=o[i]);return D.vnode&&D.vnode(a),a}var ei=[];var eu=D.__b;var ea=D.__r;var es=D.diffed;var ec=D.__c;var ef=D.unmount;var ep=D.__;function ed(){var e;for(;e=ei.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(ev),e.__H.__h.forEach(ey),e.__H.__h=[]}catch(t){e.__H.__h=[],D.__e(t,e.__v)}}D.__b=function(e){a=null,eu&&eu(e)},D.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),ep&&ep(e,t)},D.__r=function(e){ea&&ea(e);var t=(a=e.__c).__H;t&&(s===a?(t.__h=[],a.__h=[],t.__.forEach(function(e){e.__N&&(e.__=e.__N),e._pendingArgs=e.__N=void 0})):(t.__h.forEach(ev),t.__h.forEach(ey),t.__h=[])),s=a},D.diffed=function(e){es&&es(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1===ei.push(t)||c!==D.requestAnimationFrame)&&((c=D.requestAnimationFrame)||function(e){var t,n=function(){clearTimeout(r),eh&&cancelAnimationFrame(t),setTimeout(e)};var r=setTimeout(n,100);eh&&(t=requestAnimationFrame(n))})(ed),t.__H.__.forEach(function(e){e._pendingArgs&&(e.__H=e._pendingArgs),e._pendingArgs=void 0})),s=a=null},D.__c=function(e,t){t.some(function(e){try{e.__h.forEach(ev),e.__h=e.__h.filter(function(e){return!e.__||ey(e)})}catch(n){t.some(function(e){e.__h&&(e.__h=[])}),t=[],D.__e(n,e.__v)}}),ec&&ec(e,t)},D.unmount=function(e){ef&&ef(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.forEach(function(e){try{ev(e)}catch(e){t=e}}),n.__H=void 0,t&&D.__e(t,n.__v))};var eh=\"function\"==typeof requestAnimationFrame;function ev(e){var t=a;var n=e.__c;\"function\"==typeof n&&(e.__c=void 0,n()),a=t}function ey(e){var t=a;e.__c=e.__(),a=t}function eg(e,t){for(var n in e)if(\"__source\"!==n&&!(n in t))return!0;for(var r in t)if(\"__source\"!==r&&e[r]!==t[r])return!0;return!1}function em(e,t){this.props=e,this.context=t}em.prototype=new H,em.prototype.isPureReactComponent=!0,em.prototype.shouldComponentUpdate=function(e,t){return eg(this.props,e)||eg(this.state,t)};var eb=D.__b;D.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),eb&&eb(e)},\"undefined\"!=typeof Symbol&&Symbol.for&&Symbol.for(\"react.forward_ref\");var ex=D.__e;D.__e=function(e,t,n,r){if(e.then){var l;var _=t;for(;_=_.__;)if((l=_.__c)&&l.__c)return null==t.__e&&(t.__e=n.__e,t.__k=n.__k),l.__c(e,t)}ex(e,t,n,r)};var eS=D.unmount;function ek(){this.__u=0,this._suspenders=null,this.__b=null}function eC(e){var t=e.__.__c;return t&&t.__a&&t.__a(e)}function eE(){this._next=null,this._map=null}D.unmount=function(e){var t=e.__c;t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),eS&&eS(e)},ek.prototype=new H,ek.prototype.__c=function(e,t){var n=t.__c;var r=this;null==r._suspenders&&(r._suspenders=[]),r._suspenders.push(n);var l=eC(r.__v);var _=!1;var o=function(){_||(_=!0,n.__R=null,l?l(i):i())};n.__R=o;var i=function(){if(!--r.__u){if(r.state.__a){var e,t=r.state.__a;r.__v.__k[0]=function e(t,n,r){return t&&r&&(t.__v=null,t.__k=t.__k&&t.__k.map(function(t){return e(t,n,r)}),t.__c&&t.__c.__P===n&&(t.__e&&r.appendChild(t.__e),t.__c.__e=!0,t.__c.__P=r)),t}(t,t.__c.__P,t.__c.__O)}for(r.setState({__a:r.__b=null});e=r._suspenders.pop();)e.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),e.then(o,o)},ek.prototype.componentWillUnmount=function(){this._suspenders=[]},ek.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var n=D.document.createElement(\"div\");var r=this.__v.__k[0].__c;this.__v.__k[0]=function e(t,n,r){return t&&(t.__c&&t.__c.__H&&(t.__c.__H.__.forEach(function(e){\"function\"==typeof e.__c&&e.__c()}),t.__c.__H=null),null!=(t=function(e,t){for(var n in t)e[n]=t[n];return e}({},t)).__c&&(t.__c.__P===r&&(t.__c.__P=n),t.__c=null),t.__k=t.__k&&t.__k.map(function(t){return e(t,n,r)})),t}(this.__b,n,r.__O=r.__P)}this.__b=null}var l=t.__a&&R(U,null,e.fallback);return l&&(l.__u&=-33),[R(U,null,t.__a?null:e.children),l]};var ew=function(e,t,n){if(++n[1]===n[0]&&e._map.delete(t),e.props.revealOrder&&(\"t\"!==e.props.revealOrder[0]||!e._map.size))for(n=e._next;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e._next=n=n[2]}};eE.prototype=new H,eE.prototype.__a=function(e){var t=this;var n=eC(t.__v);var r=t._map.get(e);return r[0]++,function(l){var _=function(){t.props.revealOrder?(r.push(l),ew(t,e,r)):l()};n?n(_):_()}},eE.prototype.render=function(e){this._next=null,this._map=new Map;var t=function e(t,n){return n=n||[],null==t||\"boolean\"==typeof t||(j(t)?t.some(function(t){e(t,n)}):n.push(t)),n}(e.children);e.revealOrder&&\"b\"===e.revealOrder[0]&&t.reverse();for(var n=t.length;n--;)this._map.set(t[n],this._next=[1,0,this._next]);return e.children},eE.prototype.componentDidUpdate=eE.prototype.componentDidMount=function(){var e=this;this._map.forEach(function(t,n){ew(e,n,t)})};var eP=\"undefined\"!=typeof Symbol&&Symbol.for&&Symbol.for(\"react.element\")||60103;H.prototype.isReactComponent={},[\"componentWillMount\",\"componentWillReceiveProps\",\"componentWillUpdate\"].forEach(function(e){Object.defineProperty(H.prototype,e,{configurable:!0,get:function(){return this[\"UNSAFE_\"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var eI=D.event;function eO(){}function eT(){return this.cancelBubble}function ej(){return this.defaultPrevented}D.event=function(e){return eI&&(e=eI(e)),e.persist=eO,e.isPropagationStopped=eT,e.isDefaultPrevented=ej,e.nativeEvent=e};var eL=D.vnode;function eA(e,t){if(e===t)return!0;try{if(\"object\"==typeof e&&null!==e&&\"object\"==typeof t&&null!==t&&JSON.stringify(e)===JSON.stringify(t))return!0}catch(e){throw e}return!1}function eN(e){for(let t in e)return!1;return!0}function eD(e,t){let n=(SystemInfo.lynxSdkVersion||\"1.0\").split(\".\");return Number(n[0])>e||Number(n[0])==e&&Number(n[1])>t}function eM(e){var t;return null!=(t=e.displayName)?t:e.name}function eR(e,t,n){let r=e[t];e[t]=function(...e){return n.call(this,r,...e)}}D.vnode=function(e){e.$$typeof=eP,eL&&eL(e)};const eF=(()=>{if(lynx.queueMicrotask)return e=>lynx.queueMicrotask(e);if(\"function\"!=typeof globalThis.Promise)return e=>{setTimeout(e,0)};{let e=globalThis.Promise.resolve();return t=>{e.then(t).catch(e=>{setTimeout(()=>{throw e},0)})}}})();function eU(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};var r=Object.keys(n);\"function\"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){var r;r=n[t],t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r})}return e}(b=f||(f={})).firstScreen=\"rLynxFirstScreen\",b.updateFromRoot=\"updateFromRoot\",b.globalEventFromLepus=\"globalEventFromLepus\",b.jsReady=\"rLynxJSReady\",b.patchUpdate=\"rLynxChange\",b.publishEvent=\"rLynxPublishEvent\",b.updateMTRefInitValue=\"rLynxChangeRefInitValue\",(x=p||(p={}))[x.UPDATE=0]=\"UPDATE\",x[x.RESET=1]=\"RESET\";function eH(){if(e){let t=e;return e=[],t}}const eB=\"renderComponent\";const eW=\"reactLynxHydrate\",e$=\"updateTriggeredByBts\";const eG=\"__lynx_timing_flag\";let eJ=!1;let eV=!1;function eq(e,n){var r,l;switch(e){case\"updateSetStateTrigger\":eJ=!0,eV=!0,t=n;break;case\"updateDiffVdomStart\":if(!eJ)return;eJ=!1;break;case\"updateDiffVdomEnd\":if(!eV)return;eV=!1}null==(r=(l=lynx.getNativeApp()).markTiming)||r.call(l,t,e)}function eQ(e,t,r){var l,_,o,i,u,a,s,c;if(n=null==(_=lynx.performance)||null==(l=_._generatePipelineOptions)?void 0:l.call(_)){switch(n.needTimestamps=e,n.pipelineOrigin=t,n.dsl=\"reactLynx\",t){case eW:n.stage=\"hydrate\";break;case e$:n.stage=\"update\"}eD(3,0)?null==(i=lynx.performance)||null==(o=i._onPipelineStart)||o.call(i,n.pipelineID,n):null==(a=lynx.performance)||null==(u=a._onPipelineStart)||u.call(a,n.pipelineID),r&&(null==(c=lynx.performance)||null==(s=c._bindPipelineIdWithTimingFlag)||s.call(c,n.pipelineID,r))}}function ez(e,t){var r,l;n&&(t||n.needTimestamps)&&(null==(l=lynx.performance)||null==(r=l._markTiming)||r.call(l,n.pipelineID,e))}(S=d||(d={})).runWorkletCtx=\"Lynx.Worklet.runWorkletCtx\",S.runOnBackground=\"Lynx.Worklet.runOnBackground\",S.FunctionCallRet=\"Lynx.Worklet.FunctionCallRet\",S.releaseBackgroundWorkletCtx=\"Lynx.Worklet.releaseBackgroundWorkletCtx\",S.releaseWorkletRef=\"Lynx.Worklet.releaseWorkletRef\";const eK=new Map;const eY={value:!0};const eX=[];class eZ{setTask(e,t){return this.task=n=>n[e].apply(n,t),this}exec(){var e;e=()=>{var e;let t=null!=(e=eK.get(this.refAttr[0]))?e:this.refAttr[0];let n=`[react-ref-${t}-${this.refAttr[1]}]`;this.task(lynx.createSelectorQuery().select(n)).exec()},eY.value?eX.push(e):e()}constructor(e){return this.refAttr=e,this.task=void 0,new Proxy(this,{get:(e,t,n)=>\"symbol\"==typeof t||\"then\"===t||t in e||\"string\"!=typeof t?Reflect.get(e,t,n):(...n)=>new eZ(e.refAttr).setTask(t,n)})}}const e0=[];const e1=[];function e2(e,t){let n=t&&new eZ(t);try{if(\"function\"==typeof e){let t=\"function\"==typeof e._unmount;t&&e._unmount(),t&&null==n||(e._unmount=e(n))}else e.current=n}catch(e){lynx.reportError(e)}}function e3(){try{for(let e of e0)e2(e,null);for(let e=0;e<e1.length;e+=2){let t=e1[e];let n=e1[e+1];e2(t,n)}}finally{e9()}}function e6(e,t,n,r){e!==t&&(e&&e0.push(e),t&&e1.push(t,[n,r]))}function e9(){e0.length=0,e1.length=0}new WeakMap,(k=h||(h={}))[k.Attr=0]=\"Attr\",k[k.Spread=1]=\"Spread\",k[k.Slot=2]=\"Slot\",k[k.Children=3]=\"Children\",k[k.ListChildren=4]=\"ListChildren\",k[k.MultiChildren=5]=\"MultiChildren\";const e7=\"UNREACHABLE_ITEM_KEY_NOT_FOUND\";const e5=[[h.Children,0]];const e4={values:new Map([[\"root\",{create:()=>[],update:[],slot:e5,isListHolder:!1,cssId:0}],[\"wrapper\",{create:()=>[],update:[],slot:e5,isListHolder:!1}],[null,{create:()=>[],update:[e=>{}],slot:[],isListHolder:!1}]])};let e8={};const te={nextId:0,values:new Map,clear(){this.values.clear()},updateId(e,t){let n=this.values;let r=n.get(e);n.delete(e),n.set(t,r),r.__id=t},getValueBySign(e){let t=null==e?void 0:e.split(\":\");if(!t||2!=t.length&&3!=t.length)throw Error(\"Invalid ctx format: \"+e);let n=Number(t[0]);let r=Number(t[1]);let l=this.values.get(n);if(!l)return null;let _=t[2];if(\"__extraProps\"===t[1]){if(_)return l.__extraProps[_];throw Error(\"unreachable\")}return _?l.__values[r][_]:l.__values[r]}};function tt(e,t,n,r,l,_,o,i=!1){var u;i||(u=e,e=_?`${_}:${u}`:u);let a={create:t,update:n,slot:r,cssId:l,entryName:_,refAndSpreadIndexes:o};return e4.values.set(e,a),r&&r[0]&&r[0][0]===h.ListChildren&&(a.isListHolder=!0),e}function tn(e,t){let n=e.childNodes;for(let r of(t(e),n))tn(r,t)}let tr=[];function tl(){let e=tr;return tr=[],e}function t_(){let e=tl();if(0===e.length)return;let t=JSON.stringify(e);lynx.getNativeApp().callLepusMethod(f.updateMTRefInitValue,{data:t})}let to=0;let ti=[];function tu(){let e=ti;return ti=[],e}const ta={value:!1};const ts=()=>{ta.value=!0,eF(()=>{ta.value=!1})};eR(D,eB,(e,...t)=>{null==e||e(...t),ts()}),eR(D,\"__\",(e,...t)=>{null==e||e(...t),ts()});let tc={};const tf=new Map;let tp=1;let td=[];let th={};function tv(e,t){var r,l;ez(\"packChangesStart\");let _={data:JSON.stringify(e),patchOptions:(r=eU({},t),l=l={reloadVersion:to},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(l)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n})(Object(l)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(l,e))}),r)};return ez(\"packChangesEnd\"),n&&(_.patchOptions.pipelineOptions=n,n=void 0),_}(C=v||(v={}))[C.COMPOSED=-1]=\"COMPOSED\",C[C.PAN=0]=\"PAN\",C[C.FLING=1]=\"FLING\",C[C.DEFAULT=2]=\"DEFAULT\",C[C.TAP=3]=\"TAP\",C[C.LONGPRESS=4]=\"LONGPRESS\",C[C.ROTATION=5]=\"ROTATION\",C[C.PINCH=6]=\"PINCH\",C[C.NATIVE=7]=\"NATIVE\";const ty=[];class tg{add(e){let t=++this.lastIndex;return this.indexMap.set(t,e),t}get(e){return this.indexMap.get(e)}remove(e){this.indexMap.delete(e)}constructor(){this.lastIndex=0,this.indexMap=new Map}}class tm extends tg{add(e){let t=super.add(e);return e._execId=t,t}findJsFnHandle(e,t){let n=this.get(e);if(!n)return;let r=e=>{if(null!==e&&\"object\"==typeof e){if(\"_jsFnId\"in e&&e._jsFnId===t)return e;for(let t in e){let n=r(e[t]);if(n)return n}}};return r(n)}}function tb(e){let t=JSON.parse(e.data);let n=_.findJsFnHandle(t.obj._execId,t.obj._jsFnId);let r=null==n?void 0:n._fn;if(!r)throw Error(\"runOnBackground: JS function not found: \"+JSON.stringify(t.obj));let l=r(...t.params);lynx.getCoreContext().dispatchEvent({type:d.FunctionCallRet,data:JSON.stringify({resolveId:t.resolveId,returnValue:l})})}function tx(e){for(let t of e.data)_.remove(t)}function tS(e){return(null!=r?r:r=eD(2,13))||!e?e&&(null!=l?l:l=eD(2,15))?(_||(_=new tm,lynx.getCoreContext().addEventListener(d.runOnBackground,tb),lynx.getCoreContext().addEventListener(d.releaseBackgroundWorkletCtx,tx),ty.push(()=>{lynx.getCoreContext().removeEventListener(d.runOnBackground,tb),lynx.getCoreContext().removeEventListener(d.releaseBackgroundWorkletCtx,tx),_=void 0})),_.add(e),e):e:(lynx.reportError(Error(\"Main thread script requires Lynx sdk version 2.14\")),null)}function tk(e){if(e.type===v.COMPOSED)for(let t of e.gestures)tk(t);else for(let[t,n]of Object.entries(e.callbacks))e.callbacks[t]=tS(n)}const tC=new Set([\"name\",\"clip-radius\",\"overlap\",\"exposure-scene\",\"exposure-id\"]);function tE(e,t,n){let r={};let l=!1;for(let o in n){var _;let i=n[o];\"__spread\"===o||(\"class\"===o||\"className\"===o?(null!=i||(i=\"\"),r.className=i):\"ref\"===o?r[o]=null==(_=function(e){if(null==e)return e;if(\"function\"==typeof e||\"object\"==typeof e&&\"current\"in e)return\"__ref\"in e?e:Object.defineProperty(e,\"__ref\",{value:1});throw Error(`Elements' \"ref\" property should be a function, or an object created by createRef(), but got [${typeof e}] instead`)}(i))?void 0:_.__ref:\"function\"==typeof i?r[o]=`${e.__id}:${t}:${o}`:\"__self\"===o||\"__source\"===o||(!l&&tC.has(o)&&(l=!0),r[o]=i))}return l&&(r.flatten=!1),r}class tw{get isDetached(){let e=this;for(;e;){if(e.__removed_from_tree)return!0;e=e.__parent}return!1}get parentNode(){return this.__parent}get nextSibling(){return this.__nextSibling}contains(e){return e.parentNode===this}appendChild(e){if(!this.isDetached)return this.insertBefore(e)}insertBefore(t,n){t.__removed_from_tree?(t.__removed_from_tree=!1,tP([t],this.__id,null==n?void 0:n.__id)):null==e||e.push(1,this.__id,t.__id,null==n?void 0:n.__id);let r=t.__parent;r&&(t.__previousSibling?t.__previousSibling.__nextSibling=t.__nextSibling:r.__firstChild=t.__nextSibling,t.__nextSibling?t.__nextSibling.__previousSibling=t.__previousSibling:r.__lastChild=t.__previousSibling),n?(n.__previousSibling?(n.__previousSibling.__nextSibling=t,t.__previousSibling=n.__previousSibling):(this.__firstChild=t,t.__previousSibling=null),n.__previousSibling=t,t.__nextSibling=n,t.__parent=this):(this.__lastChild?(this.__lastChild.__nextSibling=t,t.__previousSibling=this.__lastChild):(this.__firstChild=t,t.__previousSibling=null),this.__lastChild=t,t.__parent=this,t.__nextSibling=null)}removeChild(t){if(null==e||e.push(2,this.__id,t.__id),t.__removed_from_tree=!0,t.__parent!==this)throw Error(\"The node to be removed is not a child of this node.\");t.__previousSibling?t.__previousSibling.__nextSibling=t.__nextSibling:this.__firstChild=t.__nextSibling,t.__nextSibling?t.__nextSibling.__previousSibling=t.__previousSibling:this.__lastChild=t.__previousSibling,t.__parent=null,t.__previousSibling=null,t.__nextSibling=null,e6(()=>{tn(t,e=>{var t;e.__values&&(null==(t=e.__snapshot_def.refAndSpreadIndexes)||t.forEach(t=>{let n=e.__values[t];n&&(\"object\"==typeof n||\"function\"==typeof n)&&(\"__spread\"in n&&\"ref\"in n?e2(n.ref,null):\"__ref\"in n&&e2(n,null))}))})},null,0,0),td.push(t.__id)}tearDown(){tn(this,e=>{e.__parent=null,e.__previousSibling=null,e.__nextSibling=null,te.values.delete(e.__id)})}get childNodes(){let e=[];let t=this.__firstChild;for(;t&&(e.push(t),t!==this.__lastChild);)t=t.__nextSibling;return e}setAttribute(t,n){var r,l,_;if(\"values\"===t){if(e){let t=this.__values;if(t)for(let r=0;r<n.length;r++){let{needUpdate:l,valueToCommit:_}=this.setAttributeImpl(n[r],t[r],r);l&&e.push(3,this.__id,r,_)}else{let t=[];let r=n.length;for(let e=0;e<r;++e){let{valueToCommit:r}=this.setAttributeImpl(n[e],null,e);t[e]=r}e.push(4,this.__id,t)}}else null==(r=this.__snapshot_def.refAndSpreadIndexes)||r.forEach(e=>{let t=n[e];t&&(\"object\"==typeof t||\"function\"==typeof t)&&(\"__spread\"in t&&\"ref\"in t?e6(null,t.ref,this.__id,e):\"__ref\"in t&&e6(null,t,this.__id,e))});this.__values=n;return}\"string\"==typeof t?(null!=(l=this.__extraProps)?l:this.__extraProps={})[t]=n:(null!=(_=this.__values)?_:this.__values=[])[t]=n,null==e||e.push(3,this.__id,t,n)}setAttributeImpl(e,t,r){if(!e)return t&&\"object\"==typeof t&&\"__ref\"in t&&e6(t,null,this.__id,r),{needUpdate:t!==e,valueToCommit:e};let l=typeof e;if(\"object\"===l){if(\"__spread\"in e){let l=null==t?void 0:t.__spread;let _=tE(this,r,e);let o=!eA(l,_);if(e.__spread=_,e6(l&&t.ref,e.ref,this.__id,r),o)for(let e in _){let t=_[e];t&&(t._wkltId?_[e]=tS(t):t.__isGesture?tk(t):\"__lynx_timing_flag\"==e&&(null==l?void 0:l[e])!=t&&n&&(n.needTimestamps=!0))}return{needUpdate:o,valueToCommit:_}}return\"__ref\"in e?(e6(t,e,this.__id,r),{needUpdate:!1,valueToCommit:1}):\"_wkltId\"in e?{needUpdate:!0,valueToCommit:tS(e)}:\"__isGesture\"in e?(tk(e),{needUpdate:!0,valueToCommit:e}):\"__ltf\"in e?n&&(null==t?void 0:t.__ltf)!=e.__ltf?(n.needTimestamps=!0,{needUpdate:!0,valueToCommit:e}):{needUpdate:!1,valueToCommit:e}:{needUpdate:!eA(t,e),valueToCommit:e}}return\"function\"===l?e.__ref?(e6(t,e,this.__id,r),{needUpdate:!1,valueToCommit:1}):{needUpdate:!t,valueToCommit:1}:{needUpdate:t!==e,valueToCommit:e}}constructor(t){if(this.__parent=null,this.__firstChild=null,this.__lastChild=null,this.__previousSibling=null,this.__nextSibling=null,this.type=t,!e4.values.has(t)&&\"div\"!==t)if(e8[t])e8[t](t);else throw Error(\"BackgroundSnapshot not found: \"+t);this.__snapshot_def=e4.values.get(t);const n=this.__id=te.nextId+=1;te.values.set(n,this),null==e||e.push(0,t,n)}}function tP(t,n,r){for(let l of t){let t=l.__id;null==e||e.push(0,l.type,t);let _=l.__values;_&&(l.__values=void 0,l.setAttribute(\"values\",_));let o=l.__extraProps;for(let e in o)l.setAttribute(e,o[e]);tP(l.childNodes,t),null==e||e.push(1,n,t,r)}}const tI={};const tO=\"Lynx.Error.CtxNotFound\";let tT=null;function tj(e,t){null!=i||(i=[]),i.push([e,t])}o=new tw(\"root\");const tL=[];function tA(){el(null,o),tf.forEach(e=>{e()}),tf.clear(),tL.length=0,i&&(i.length=0)}(E=y||(y={}))[E.Begin=0]=\"Begin\",E[E.End=1]=\"End\",E[E.Attr=2]=\"Attr\",E[E.Text=3]=\"Text\";function tN([t,n]){if(!(\"__k\"in o))return void tL.push([t,n]);try{(function(t,n){switch(t){case f.firstScreen:{let t;try{V()}catch(e){t=e}let{root:r,jsReadyEventIdSwap:l}=n;eQ(!0,eW,\"react_lynx_hydrate\"),ez(\"hydrateParseSnapshotStart\");let _=JSON.parse(r);ez(\"hydrateParseSnapshotEnd\"),ez(\"diffVdomStart\");let u;let a=(e=[],(u=(t,n)=>{var r,l,_;if(eK.set(n.__id,t.id),te.updateId(n.__id,t.id),null==(r=n.__values)||r.forEach((r,l)=>{let _=t.values[l];if(r)if(\"object\"==typeof r)if(\"__spread\"in r){delete r.__spread;let e=tE(n,l,r);for(let t in e){let n=e[t];n&&\"object\"==typeof n&&(\"_wkltId\"in n?tS(n):\"__isGesture\"in n&&tk(n))}n.__values[l].__spread=e,r=e}else\"__ref\"in r?r=_:\"_wkltId\"in r?tS(r):\"__isGesture\"in r&&tk(r);else\"function\"==typeof r&&(r=\"__ref\"in r?_:`${n.__id}:${l}:`);eA(r,_)||void 0===r&&null===_||e.push(3,n.__id,l,r)}),n.__extraProps)for(let r in n.__extraProps){let _=n.__extraProps[r];eA(_,null==(l=t.extraProps)?void 0:l[r])||e.push(3,n.__id,r,_)}let{slot:o}=n.__snapshot_def;let i=null!=(_=t.children)?_:[];let a=n.childNodes;o&&o.forEach(([n],r)=>{switch(n){case h.Slot:case h.MultiChildren:{let e=i[r];u(e,a[r]);break}case h.Children:case h.ListChildren:{let n=function(e,t,n,r,l){var _,o,i,u,a;let s=0;let c={$$diff:!0,i:{},r:[],m:{}};let f={};for(let t=0;t<e.length;t++){let n=e[t];let r=l?null!=(o=null==(_=n.__listItemPlatformInfo)?void 0:_[\"item-key\"])?o:e7:n.type;(null!=(i=f[r])?i:f[r]=new Set).add([n,t])}for(let e=0;e<t.length;e++){let _;let o=t[e];let i=f[l?null!=(a=null==(u=o.__listItemPlatformInfo)?void 0:u[\"item-key\"])?a:e7:o.type];if(i&&i.size>0&&([_]=i,_)&&n(_[0],o)){i.delete(_);let t=_[1];if(r(_[0],o,t,e),t<s){c.m[t]=e;continue}s=t}else c.i[e]=o}for(let e in f)for(let[,t]of f[e])c.r.push(t);return c}(i,a,(e,t)=>e.type===t.type,(e,t)=>{u(e,t)},!1);(function(e,t,n,r,l){let _;if(!(!eN(t.i)||!eN(t.m)||t.r.length>0))return e;let o=new Set(t.r);let{i:i,m:u}=t;let a=new Map;let s=0;_=e[0];let c=[];let f=0;let p=0;let d=Object.keys(i).length;for(;_||d>0;){let t=!1;if(_&&o.has(p))r(_);else if(_&&void 0!==u[p])a.set(u[p],_),d++;else{let e=_;a.has(f)?(e=a.get(f),t=!0,l(e,_),d--):void 0!==i[f]&&(e=n(i[f],_),t=!0,d--),c.push(e),f++}_&&!t&&(_=e[++s],p++)}return c})(i,n,(e,n)=>{tP([e],t.id,null==n?void 0:n.id)},n=>{e.push(2,t.id,n.id)},(n,r)=>{e.push(1,t.id,n.id,null==r?void 0:r.id)})}}})})(_,o),e9(),eH());ez(\"diffVdomEnd\"),tM(),i&&(i.forEach(e=>{var t;let[n,r]=e;let[_,...o]=n.split(\":\");for(;l[_];)_=null==(t=l[_])?void 0:t.toString();try{tR([_,...o].join(\":\"),r)}catch(e){lynx.reportError(e)}}),i.length=0),lynxCoreInject.tt.publishEvent=tR,lynxCoreInject.tt.publicComponentEvent=tF;let s=tp++;let c={patchList:[{snapshotPatch:a,id:s}]};ti.length&&(c.delayedRunOnMainThreadData=tu());let p=tv(c,{isHydration:!0});t_(),lynx.getNativeApp().callLepusMethod(f.patchUpdate,p,()=>{tf.forEach((e,t)=>{t>s||(e(),tf.delete(t))})});let d=eX.slice();for(let e of(eX.length=0,eY.value=!1,d))e();if(t)throw t;break}case f.globalEventFromLepus:{let[e,t]=n;lynx.getJSModule(\"GlobalEventEmitter\").trigger(e,t);break}case f.publishEvent:{let{handlerName:e,data:t}=n;lynxCoreInject.tt.publishEvent(e,t)}}})(t,n)}catch(e){lynx.reportError(e)}}let tD=!1;function tM(){tD||(tD=!0,tL&&(tL.forEach(e=>{tN(e)}),tL.length=0),tD=!1)}function tR(e,t){var n,r;null==(n=(r=lynxCoreInject.tt).callBeforePublishEvent)||n.call(r,t);let l=te.getValueBySign(e);if(l)try{l(t)}catch(e){lynx.reportError(e)}}function tF(e,t,n){tR(t,n)}D.document=tI,D.requestAnimationFrame=eF,tI.createElement=function(e){return new tw(e)},tI.createElementNS=function(e,t){return new tw(t)},tI.createTextNode=function(e){let t=new tw(null);return t.setAttribute(0,e),Object.defineProperty(t,\"data\",{set(e){t.setAttribute(0,e)}}),t};let tU;(tU=lynxCoreInject.tt).OnLifecycleEvent=tN,tU.publishEvent=tj,tU.publicComponentEvent=function(e,t,n){tj(t,n)},tU.callDestroyLifetimeFun=()=>{var e,t;let n;for(let r of((n=null==(e=(t=lynx).getCoreContext)?void 0:e.call(t))&&tT&&(n.removeEventListener(tO,tT),tT=null),tl(),ty))r();ty.length=0,tA()},tU.updateGlobalProps=function(e){Object.assign(lynx.__globalProps,e),Promise.resolve().then(()=>{let e=D._diff2;D._diff2=(t,n)=>{e&&e(t,n);let r=n.__c;r&&(r.__e=!0)};try{el(o.__jsx,o)}finally{D._diff2=e}}),lynxCoreInject.tt.GlobalEventEmitter.emit(\"onGlobalPropsChanged\",void 0)},tU.updateCardData=function(e,t){let{__lynx_timing_flag:n}=e,r=function(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={};var _=Object.keys(e);for(r=0;r<_.length;r++)n=_[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var _=Object.getOwnPropertySymbols(e);for(r=0;r<_.length;r++)n=_[r],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}(e,[\"__lynx_timing_flag\"]);n&&lynx.reportError(Error(`Received unsupported updateData with \\`__lynx_timing_flag\\` (value \"${n}\"), the timing flag is ignored`));let{type:l=p.UPDATE}=null!=t?t:{};l==p.RESET&&(lynx.__initData={}),lynx.__initData=Object.assign({},lynx.__initData,r),lynxCoreInject.tt.GlobalEventEmitter.emit(\"onDataChanged\",[r])},tU.onAppReload=function(t){e=void 0,tA(),++to,lynx.__initData=Object.assign({},lynx.__initData,t),eY.value=!0,el(o.__jsx,o)},tU.processCardConfig=()=>{},tT=e=>{(function(e){let t=e.id;let n=te.values.get(t);let r=\"null\";if(n&&n.__snapshot_def){for(let[e,t]of e4.values.entries())if(t===n.__snapshot_def){r=e;break}}let l=`snapshotPatchApply failed: ctx not found, snapshot type: '${r}'`;lynx.reportError(Error(l))})(e.data)},null==(w=(P=lynx).getCoreContext)||w.call(P).addEventListener(tO,tT),eR(D,\"__c\",(e,t,n)=>{let r,l;ta.value=!1,eq(\"updateDiffVdomEnd\"),ez(\"diffVdomEnd\");let _=td;td=[];let o=tp++;tf.set(o,()=>{_.length&&setTimeout(()=>{_.forEach(e=>{var t;null==(t=te.values.get(e))||t.tearDown()})},1e4)}),t_();let i=eH();let u=(r=tc,tc={},r);let a=(l=th,th={},l);if(!i){e3(),null==e||e(t,n);return}let s={id:o};(null==i?void 0:i.length)&&(s.snapshotPatch=i);let c={patchList:[s]};eN(u)||(c.flushOptions=u),i&&ti.length&&(c.delayedRunOnMainThreadData=tu());let p=tv(c,a);lynx.getNativeApp().callLepusMethod(f.patchUpdate,p,()=>{let e=tf.get(o);e&&(e(),tf.delete(o))}),e3(),null==e||e(t,n)});let tH;tH=()=>{e&&(n||(eQ(!1,e$),ez(\"diffVdomStart\",!0)),eJ&&eq(\"updateDiffVdomStart\"))},eR(D,eB,(e,t,n)=>{tH(),e&&e(t,n)}),eR(D,\"__\",(e,t,n)=>{tH(),e&&e(t,n)}),(null==(m=lynx.performance)||null==(g=m.isProfileRecording)?void 0:g.call(m))&&function(){let t;if(!(t=lynx.performance)||\"function\"!=typeof t.profileStart||\"function\"!=typeof t.profileEnd||\"function\"!=typeof t.profileMark||\"function\"!=typeof t.profileFlowId)return;let n=t.profileStart.bind(t);let r=t.profileEnd.bind(t);let l=t.profileMark.bind(t);let _=t.profileFlowId.bind(t);{let e=Symbol(\"FLOW_ID\");eR(H.prototype,\"setState\",function(t,n,r){var o,i,u;let a;null==t||t.call(this,n,r),this.__d&&l(\"ReactLynx::setState\",{flowId:null!=(o=this[e])?o:this[e]=_(),args:(i=this.state,u=this.__s,a={},null!=i||(i=a),null!=u||(u=a),{\"current state keys\":JSON.stringify(Object.keys(i)),\"next state keys\":JSON.stringify(Object.keys(u)),\"changed (shallow diff) state keys\":JSON.stringify(Object.keys(u).filter(e=>i[e]!==u[e]))})})}),eR(D,\"_diff2\",(t,r,l)=>{if(\"function\"==typeof r.type){let t={};{let n=l.__c;if(n){let r=n[e];if(delete n[e],r){var _;null!=(_=th).flowIds||(_.flowIds=[]),th.flowIds.push(r),t.flowId=r}}}n(`ReactLynx::diff::${eM(r.type)}`,t)}null==t||t(r,l)}),eR(D,\"diffed\",(e,t)=>{\"function\"==typeof t.type&&r(),null==e||e(t)}),eR(D,\"__c\",(e,t,l)=>{n(\"ReactLynx::commit\",eU({},th.flowIds?{flowId:th.flowIds[\"0\"],flowIds:th.flowIds}:{})),null==e||e(t,l),r()})}eR(D,\"__r\",(e,t)=>{let l=t.__c.render;t.__c.render=function(e,_,o){n(`ReactLynx::render::${eM(t.type)}`);try{return l.call(this,e,_,o)}finally{r(),t.__c.render=l}},null==e||e(t)});{let t=Symbol(\"PATCH_LENGTH\");eR(D,\"__b\",(n,r)=>{\"function\"==typeof r.type&&e&&(r[t]=e.length),null==n||n(r)}),eR(D,\"diffed\",(n,r)=>{\"function\"==typeof r.type&&e&&(r[t]===e.length&&l(\"ReactLynx::diffFinishNoPatch\",{args:{componentName:eM(r.type)}}),delete r[t]),null==n||n(r)})}}(),function(){{let{initData:e,updateData:t}=lynxCoreInject.tt._params;lynx.__initData=eU({},e,t),lynx.registerDataProcessors=function(){}}}();const tB=h.Slot;h.MultiChildren;const tW=h.Children;h.ListChildren;{function t$(e,t){lynx.reportError(Error(`${e} is deprecated and has different behavior in ReactLynx 3.0, please use ref or ${t} instead.`))}H.prototype._reactAppInstance=lynxCoreInject.tt,H.prototype.getNodeRef=function(e,t){return t$(\"getNodeRef\",\"lynx.createSelectorQuery\"),lynxCoreInject.tt._reactLynx.ReactComponent.prototype.getNodeRef.call({_type:\"\",_nativeApp:lynxCoreInject.tt._nativeApp,_uiModule:lynxCoreInject.tt._nativeApp.nativeModuleProxy.LynxUIMethodModule,_reactAppInstance:lynxCoreInject.tt},e,t)},H.prototype.getNodeRefFromRoot=function(e){return t$(\"getNodeRefFromRoot\",\"lynx.createSelectorQuery\"),lynxCoreInject.tt._reactLynx.ReactComponent.prototype.getNodeRefFromRoot.call({_type:\"\",_nativeApp:lynxCoreInject.tt._nativeApp,_uiModule:lynxCoreInject.tt._nativeApp.nativeModuleProxy.LynxUIMethodModule,_reactAppInstance:lynxCoreInject.tt},e)},H.prototype.registerModule=function(e,t){this._reactAppInstance.registerModule(e,t)},H.prototype.getJSModule=function(e){return this._reactAppInstance.getJSModule(e)},H.prototype.addGlobalEventListener=function(e,t,n){return this._reactAppInstance.getJSModule(\"GlobalEventEmitter\").addListener(e,t,n)},H.prototype.getElementById=function(e){return t$(\"getElementById\",\"lynx.getElementById\"),lynx.getElementById(e)},H.prototype.GlobalEventEmitter=lynxCoreInject.tt.GlobalEventEmitter,H.prototype.createSelectorQuery=function(){return t$(\"createSelectorQuery on component instance\",\"lynx.createSelectorQuery\"),lynx.createSelectorQuery()};const e=H.prototype.setState;H.prototype.setState=function(t,n){e.call(this,t,n);let r=this.__s[eG];r&&(tc.__lynx_timing_flag=r,eq(\"updateSetStateTrigger\",r),this.__s[eG]=\"\")}}const tG=\"__snapshot_69296_e6172_2\";e8[tG]=e=>tt(e,null,null,e5,void 0,globDynamicComponentEntry,null,!0);const tJ=\"__snapshot_69296_e6172_3\";e8[tJ]=e=>tt(e,null,null,e5,void 0,globDynamicComponentEntry,null,!0);const tV=\"__snapshot_69296_e6172_4\";e8[tV]=e=>tt(e,null,null,e5,void 0,globDynamicComponentEntry,null,!0);const tq=\"__snapshot_69296_e6172_1\";function tQ({title:e,subtitle:t,footnote:n}){return eo(tq,{children:[eo(tG,{children:e}),eo(\"wrapper\",{children:[t&&eo(tJ,{children:t}),n&&eo(tV,{children:n})]})]})}e8[tq]=e=>tt(e,null,null,[[tB,1],[tB,2]],void 0,globDynamicComponentEntry,null,!0);const tz=\"__snapshot_04263_e8322_1\";e8[tz]=e=>tt(e,null,null,[[tW,6]],void 0,globDynamicComponentEntry,null,!0),({render:e=>{o.__jsx=e,el(e,o),tM()},registerDataProcessors:e=>{lynx.registerDataProcessors(e)}}).render(eo(function(){return eo(tz,{children:eo(tQ,{title:\"Soft Glow\",subtitle:\"Powered by Nested CSS Variables\",footnote:\"Requires Lynx SDK 3.6+\"})})},{}));"},"cardType":"react","appType":"card","pageConfig":{"enableFiberArch":true,"useLepusNG":true,"enableReuseContext":true,"bundleModuleMode":"ReturnByFunction","templateDebugUrl":"","debugInfoOutside":true,"defaultDisplayLinear":false,"enableCSSInvalidation":true,"enableCSSSelector":true,"enableLepusDebug":false,"enableRemoveCSSScope":true,"targetSdkVersion":"3.2","defaultOverflowVisible":true,"lepusStrict":true,"useNewSwiper":true,"enableNewIntersectionObserver":true,"enableNativeList":true,"enableA11y":true,"enableAccessibilityElement":false,"enableCSSInheritance":true,"enableNewGesture":false,"removeDescendantSelectorScope":true,"enableCSSInlineVariables":true},"lepusCode":{"root":"\"use strict\";let e,t,n,_,l,r,i,o,s,u,a;var f,c,p,h,d,v,m,y,g,b,S,E,x,C,k,I,w,P=P||\"__Card__\";var T={};var A=[];var N=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;var R=Array.isArray;function O(e,t){for(var n in t)e[n]=t[n];return e}function D(e){e&&e.parentNode&&e.parentNode.removeChild(e)}var L=A.slice;var U={__e:function(e,t,n,_){var l,r,i;for(;t=t.__;)if((l=t.__c)&&!l.__)try{if((r=l.constructor)&&null!=r.getDerivedStateFromError&&(l.setState(r.getDerivedStateFromError(e)),i=l.__d),null!=l.componentDidCatch&&(l.componentDidCatch(e,_||{}),i=l.__d),i)return l.__E=l}catch(t){e=t}throw e}};var F=0;function W(e,t,n){var _,l,r,i={};for(r in t)\"key\"==r?_=t[r]:\"ref\"==r?l=t[r]:i[r]=t[r];if(arguments.length>2&&(i.children=arguments.length>3?L.call(arguments,2):n),\"function\"==typeof e&&null!=e.defaultProps)for(r in e.defaultProps)void 0===i[r]&&(i[r]=e.defaultProps[r]);return M(e,i,_,l,null)}function M(e,t,n,_,l){var r={type:e,props:t,key:n,ref:_,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==l?++F:l,__i:-1,__u:0};return null==l&&null!=U.vnode&&U.vnode(r),r}function B(e){return e.children}function H(e,t){this.props=e,this.context=t}function j(e,t){var n;if(null==t)return e.__?j(e.__,e.__i+1):null;for(;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e)return n.__e;return\"function\"==typeof e.type?j(e):null}H.prototype.setState=function(e,t){var n;n=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=O({},this.state),\"function\"==typeof e&&(e=e(O({},n),this.props)),e&&O(n,e),null!=e&&this.__v&&(t&&this._sb.push(t),q(this))},H.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),q(this))},H.prototype.render=B;var V=[];var G=\"function\"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout;function q(e){(!e.__d&&(e.__d=!0)&&V.push(e)&&!$.__r++||y!==U.debounceRendering)&&((y=U.debounceRendering)||G)($)}var J=function(e,t){return e.__v.__b-t.__v.__b};function $(){var e;for(V.sort(J);e=V.shift();)if(e.__d){var t=V.length;(function(e){var t=e.__v,n=t.__e,_=[],l=[];if(e.__P){var r=O({},t);r.__v=t.__v+1,U.vnode&&U.vnode(r),U.renderComponent&&U.renderComponent(r,e),et(e.__P,r,t,e.__n,e.__P.namespaceURI,32&t.__u?[n]:null,_,null==n?j(t):n,!!(32&t.__u),l),r.__v=t.__v,r.__.__k[r.__i]=r,function(e,t,n){t.__d=void 0;for(var _=0;_<n.length;_++)en(n[_],n[++_],n[++_]);U.__c&&U.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){U.__e(e,t.__v)}})}(_,r,l),r.__e!=n&&function e(t){if(null!=(t=t.__)&&null!=t.__c){t.__e=t.__c.base=null;for(var n=0;n<t.__k.length;n++){var _=t.__k[n];if(null!=_&&null!=_.__e){t.__e=t.__c.base=_.__e;break}}return e(t)}}(r)}})(e),V.length>t&&V.sort(J)}$.__r=0}function z(e,t,n,_,l,r,i,o,s,u,a){var f,c,p,h,d;var v=_&&_.__k||A;var m=t.length;for(n.__d=s,function(e,t,n){var _,l,r,i=t.length;var o=n.length,s=o;var u=0;for(_=0,e.__k=[];_<i;_++){if(null==(l=t[_])||\"boolean\"==typeof l||\"function\"==typeof l){l=e.__k[_]=null;continue}l=\"string\"==typeof l||\"number\"==typeof l||\"bigint\"==typeof l||l.constructor==String?e.__k[_]=M(null,l,null,null,null):R(l)?e.__k[_]=M(B,{children:l},null,null,null):void 0===l.constructor&&l.__b>0?e.__k[_]=M(l.type,l.props,l.key,l.ref?l.ref:null,l.__v):e.__k[_]=l;var a=_+u;l.__=e,l.__b=e.__b+1;var f=l.__i=function(e,t,n,_){var l=e.key;var r=e.type;var i=n-1;var o=n+1;var s=t[n];var u=_>+(null!=s&&(131072&s.__u)===0);if(null===s||s&&l==s.key&&r===s.type&&(131072&s.__u)===0)return n;if(u)for(;i>=0||o<t.length;){if(i>=0){if((s=t[i])&&(131072&s.__u)===0&&l==s.key&&r===s.type)return i;i--}if(o<t.length){if((s=t[o])&&(131072&s.__u)===0&&l==s.key&&r===s.type)return o;o++}}return -1}(l,n,a,s);r=null,-1!==f&&(r=n[f],s--,r&&(r.__u|=131072)),null==r||null===r.__v?(-1==f&&u--,\"function\"!=typeof l.type&&(l.__u|=65536)):f!==a&&(f==a-1?u--:f==a+1?u++:(f>a?u--:u++,l.__u|=65536))}if(s)for(_=0;_<o;_++)null!=(r=n[_])&&(131072&r.__u)===0&&(r.__e==e.__d&&(e.__d=j(r)),function e(t,n,_){var l;if(U.unmount&&U.unmount(t),(l=t.ref)&&(!l.current||l.current===t.__e)&&en(l,null,n),null!=(l=t.__c)){if(l.componentWillUnmount)try{l.componentWillUnmount()}catch(e){U.__e(e,n)}l.base=l.__P=null}if(l=t.__k)for(var r=0;r<l.length;r++)l[r]&&e(l[r],n,_||\"function\"!=typeof t.type);_||D(t.__e),t.__c=t.__=t.__e=t.__d=void 0}(r,r))}(n,t,v),s=n.__d,f=0;f<m;f++)null!=(p=n.__k[f])&&(c=-1===p.__i?T:v[p.__i]||T,p.__i=f,et(e,p,c,l,r,i,o,s,u,a),h=p.__e,p.ref&&c.ref!=p.ref&&(c.ref&&en(c.ref,null,p),a.push(p.ref,p.__c||h,p)),null==d&&null!=h&&(d=h),65536&p.__u||c.__k===p.__k?s=function e(t,n,_){if(\"function\"==typeof t.type){var l=t.__k;for(var r=0;l&&r<l.length;r++)l[r]&&(l[r].__=t,n=e(l[r],n,_));return n}t.__e!=n&&(n&&t.type&&!_.contains(n)&&(n=j(t)),_.insertBefore(t.__e,n||null),n=t.__e);do n=n&&n.nextSibling;while(null!=n&&8===n.nodeType);return n}(p,s,e):\"function\"==typeof p.type&&void 0!==p.__d?s=p.__d:h&&(s=h.nextSibling),p.__d=void 0,p.__u&=-196609);n.__d=s,n.__e=d}function K(e,t,n){\"-\"===t[0]?e.setProperty(t,null==n?\"\":n):null==n?e[t]=\"\":\"number\"!=typeof n||N.test(t)?e[t]=n:e[t]=n+\"px\"}$.__r=0;var Y=0;function Q(e,t,n,_,l){var r;e:if(\"style\"===t)if(\"string\"==typeof n)e.style.cssText=n;else{if(\"string\"==typeof _&&(e.style.cssText=_=\"\"),_)for(t in _)n&&t in n||K(e.style,t,\"\");if(n)for(t in n)_&&n[t]===_[t]||K(e.style,t,n[t])}else if(\"o\"===t[0]&&\"n\"===t[1])r=t!==(t=t.replace(/(PointerCapture)$|Capture$/i,\"$1\")),t=t.toLowerCase()in e||\"onFocusOut\"===t||\"onFocusIn\"===t?t.toLowerCase().slice(2):t.slice(2),e.l||(e.l={}),e.l[t+r]=n,n?_?n._attached=_._attached:(n._attached=Y,e.addEventListener(t,r?ee:Z,r)):e.removeEventListener(t,r?ee:Z,r);else{if(\"http://www.w3.org/2000/svg\"==l)t=t.replace(/xlink(H|:h)/,\"h\").replace(/sName$/,\"s\");else if(\"width\"!=t&&\"height\"!=t&&\"href\"!=t&&\"list\"!=t&&\"form\"!=t&&\"tabIndex\"!=t&&\"download\"!=t&&\"rowSpan\"!=t&&\"colSpan\"!=t&&\"role\"!=t&&\"popover\"!=t&&t in e)try{e[t]=null==n?\"\":n;break e}catch(e){}\"function\"==typeof n||(null!=n&&(!1!==n||\"-\"===t[4])?e.setAttribute(t,\"popover\"==t&&!0==n?\"\":n):e.removeAttribute(t))}}function X(e){return function(t){if(this.l){var n=this.l[t.type+e];if(null==t._dispatched)t._dispatched=Y++;else if(t._dispatched<n._attached)return;return n(U.event?U.event(t):t)}}}var Z=X(!1);var ee=X(!0);function et(e,t,n,_,l,r,i,o,s,u){var a,f,c,p,h,d,v,m=t.type;if(void 0!==t.constructor)return null;128&n.__u&&(s=!!(32&n.__u),r=[o=t.__e=n.__e]),(v=U.__b)&&v(t),(v=U._diff2)&&v(t,n);t:if(\"function\"==typeof m)try{var y=t.props;var g=\"prototype\"in m&&m.prototype.render;var b=(v=m.contextType)&&_[v.__c];var S=v?b?b.props.value:v.__:_;if(n.__c?d=(a=t.__c=n.__c).__=a.__E:(g?t.__c=a=new m(y,S):(t.__c=a=new H(y,S),a.constructor=m,a.render=e_),b&&b.sub(a),a.props=y,a.state||(a.state={}),a.context=S,a.__n=_,f=a.__d=!0,a.__h=[],a._sb=[]),g&&null==a.__s&&(a.__s=a.state),g&&null!=m.getDerivedStateFromProps&&(a.__s==a.state&&(a.__s=O({},a.__s)),O(a.__s,m.getDerivedStateFromProps(y,a.__s))),c=a.props,p=a.state,a.__v=t,f)g&&null==m.getDerivedStateFromProps&&null!=a.componentWillMount&&a.componentWillMount(),g&&null!=a.componentDidMount&&a.__h.push(a.componentDidMount);else{if(g&&null==m.getDerivedStateFromProps&&y!==c&&null!=a.componentWillReceiveProps&&a.componentWillReceiveProps(y,S),!a.__e&&(null!=a.shouldComponentUpdate&&!1===a.shouldComponentUpdate(y,a.__s,S)||t.__v===n.__v)){t.__v!==n.__v&&(a.props=y,a.state=a.__s,a.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(e){e&&(e.__=t)});for(var E=0;E<a._sb.length;E++)a.__h.push(a._sb[E]);a._sb=[],a.__h.length&&i.push(a);break t}null!=a.componentWillUpdate&&a.componentWillUpdate(y,a.__s,S),g&&null!=a.componentDidUpdate&&a.__h.push(function(){a.componentDidUpdate(c,p,h)})}a.context=S,a.props=y,a.__P=e,a.__e=!1;var x=U.__r,C=0;if(g){a.state=a.__s,a.__d=!1,x&&x(t),v=a.render(a.props,a.state,a.context);for(var k=0;k<a._sb.length;k++)a.__h.push(a._sb[k]);a._sb=[]}else do a.__d=!1,x&&x(t),v=a.render(a.props,a.state,a.context),a.state=a.__s;while(a.__d&&++C<25);a.state=a.__s,null!=a.getChildContext&&(_=O(O({},_),a.getChildContext())),g&&!f&&null!=a.getSnapshotBeforeUpdate&&(h=a.getSnapshotBeforeUpdate(c,p));var I=null!=v&&v.type===B&&null==v.key?v.props.children:v;z(e,R(I)?I:[I],t,n,_,l,r,i,o,s,u),a.base=t.__e,t.__u&=-161,a.__h.length&&i.push(a),d&&(a.__E=a.__=null)}catch(e){if(t.__v=null,s||null!=r){for(t.__u|=s?160:32;o&&8===o.nodeType&&o.nextSibling;)o=o.nextSibling;r[r.indexOf(o)]=null,t.__e=o}else t.__e=n.__e,t.__k=n.__k;U.__e(e,t,n)}else null==r&&t.__v===n.__v?(t.__k=n.__k,t.__e=n.__e):t.__e=function(e,t,n,_,l,r,i,o,s){var u,a,f,c,p,h,d,v=n.props;var m=t.props;var y=t.type;if(\"svg\"===y?l=\"http://www.w3.org/2000/svg\":\"math\"===y?l=\"http://www.w3.org/1998/Math/MathML\":l||(l=\"http://www.w3.org/1999/xhtml\"),null!=r){for(u=0;u<r.length;u++)if((p=r[u])&&\"setAttribute\"in p===!!y&&(y?p.localName===y:3===p.nodeType)){e=p,r[u]=null;break}}if(null==e){if(null===y)return U.document.createTextNode(m);e=U.document.createElementNS(l,y,m.is&&m),o&&(U.__m&&U.__m(t,r),o=!1),r=null}if(null===y)v===m||o&&e.data===m||(e.data=m);else{if(r=r&&L.call(e.childNodes),v=n.props||T,!o&&null!=r)for(u=0,v={};u<e.attributes.length;u++)v[(p=e.attributes[u]).name]=p.value;for(u in v)if(p=v[u],\"children\"==u);else if(\"dangerouslySetInnerHTML\"==u)f=p;else if(!(u in m)){if(\"value\"==u&&\"defaultValue\"in m||\"checked\"==u&&\"defaultChecked\"in m)continue;Q(e,u,null,p,l)}for(u in m)p=m[u],\"children\"==u?c=p:\"dangerouslySetInnerHTML\"==u?a=p:\"value\"==u?h=p:\"checked\"==u?d=p:o&&\"function\"!=typeof p||v[u]===p||Q(e,u,p,v[u],l);if(a)o||f&&(a.__html===f.__html||a.__html===e.innerHTML)||(e.innerHTML=a.__html),t.__k=[];else if(f&&(e.innerHTML=\"\"),z(e,R(c)?c:[c],t,n,_,\"foreignObject\"===y?\"http://www.w3.org/1999/xhtml\":l,r,i,r?r[0]:n.__k&&j(n,0),o,s),null!=r)for(u=r.length;u--;)D(r[u]);o||(u=\"value\",\"progress\"===y&&null==h?e.removeAttribute(\"value\"):void 0===h||h===e[u]&&(\"progress\"!==y||h)&&(\"option\"!==y||h===v[u])||Q(e,u,h,v[u],l),u=\"checked\",void 0!==d&&d!==e[u]&&Q(e,u,d,v[u],l))}return e}(n.__e,t,n,_,l,r,i,s,u);(v=U.diffed)&&v(t)}function en(e,t,n){try{if(\"function\"==typeof e){var _=\"function\"==typeof e.__u;_&&e.__u(),_&&null==t||(e.__u=e(t))}else e.current=t}catch(e){U.__e(e,n)}}function e_(e,t,n){return this.constructor(e,n)}var el=[];var er=U.__b;var ei=U.__r;var eo=U.diffed;var es=U.__c;var eu=U.unmount;var ea=U.__;function ef(){var e;for(;e=el.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(ep),e.__H.__h.forEach(eh),e.__H.__h=[]}catch(t){e.__H.__h=[],U.__e(t,e.__v)}}U.__b=function(e){g=null,er&&er(e)},U.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),ea&&ea(e,t)},U.__r=function(e){ei&&ei(e);var t=(g=e.__c).__H;t&&(b===g?(t.__h=[],g.__h=[],t.__.forEach(function(e){e.__N&&(e.__=e.__N),e._pendingArgs=e.__N=void 0})):(t.__h.forEach(ep),t.__h.forEach(eh),t.__h=[])),b=g},U.diffed=function(e){eo&&eo(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1===el.push(t)||S!==U.requestAnimationFrame)&&((S=U.requestAnimationFrame)||function(e){var t,n=function(){clearTimeout(_),ec&&cancelAnimationFrame(t),setTimeout(e)};var _=setTimeout(n,100);ec&&(t=requestAnimationFrame(n))})(ef),t.__H.__.forEach(function(e){e._pendingArgs&&(e.__H=e._pendingArgs),e._pendingArgs=void 0})),b=g=null},U.__c=function(e,t){t.some(function(e){try{e.__h.forEach(ep),e.__h=e.__h.filter(function(e){return!e.__||eh(e)})}catch(n){t.some(function(e){e.__h&&(e.__h=[])}),t=[],U.__e(n,e.__v)}}),es&&es(e,t)},U.unmount=function(e){eu&&eu(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.forEach(function(e){try{ep(e)}catch(e){t=e}}),n.__H=void 0,t&&U.__e(t,n.__v))};var ec=\"function\"==typeof requestAnimationFrame;function ep(e){var t=g;var n=e.__c;\"function\"==typeof n&&(e.__c=void 0,n()),g=t}function eh(e){var t=g;e.__c=e.__(),g=t}function ed(e,t){for(var n in e)if(\"__source\"!==n&&!(n in t))return!0;for(var _ in t)if(\"__source\"!==_&&e[_]!==t[_])return!0;return!1}function ev(e,t){this.props=e,this.context=t}ev.prototype=new H,ev.prototype.isPureReactComponent=!0,ev.prototype.shouldComponentUpdate=function(e,t){return ed(this.props,e)||ed(this.state,t)};var em=U.__b;U.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),em&&em(e)},\"undefined\"!=typeof Symbol&&Symbol.for&&Symbol.for(\"react.forward_ref\");var ey=U.__e;U.__e=function(e,t,n,_){if(e.then){var l;var r=t;for(;r=r.__;)if((l=r.__c)&&l.__c)return null==t.__e&&(t.__e=n.__e,t.__k=n.__k),l.__c(e,t)}ey(e,t,n,_)};var eg=U.unmount;function eb(){this.__u=0,this._suspenders=null,this.__b=null}function eS(e){var t=e.__.__c;return t&&t.__a&&t.__a(e)}function eE(){this._next=null,this._map=null}U.unmount=function(e){var t=e.__c;t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),eg&&eg(e)},eb.prototype=new H,eb.prototype.__c=function(e,t){var n=t.__c;var _=this;null==_._suspenders&&(_._suspenders=[]),_._suspenders.push(n);var l=eS(_.__v);var r=!1;var i=function(){r||(r=!0,n.__R=null,l?l(o):o())};n.__R=i;var o=function(){if(!--_.__u){if(_.state.__a){var e,t=_.state.__a;_.__v.__k[0]=function e(t,n,_){return t&&_&&(t.__v=null,t.__k=t.__k&&t.__k.map(function(t){return e(t,n,_)}),t.__c&&t.__c.__P===n&&(t.__e&&_.appendChild(t.__e),t.__c.__e=!0,t.__c.__P=_)),t}(t,t.__c.__P,t.__c.__O)}for(_.setState({__a:_.__b=null});e=_._suspenders.pop();)e.forceUpdate()}};_.__u++||32&t.__u||_.setState({__a:_.__b=_.__v.__k[0]}),e.then(i,i)},eb.prototype.componentWillUnmount=function(){this._suspenders=[]},eb.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var n=U.document.createElement(\"div\");var _=this.__v.__k[0].__c;this.__v.__k[0]=function e(t,n,_){return t&&(t.__c&&t.__c.__H&&(t.__c.__H.__.forEach(function(e){\"function\"==typeof e.__c&&e.__c()}),t.__c.__H=null),null!=(t=function(e,t){for(var n in t)e[n]=t[n];return e}({},t)).__c&&(t.__c.__P===_&&(t.__c.__P=n),t.__c=null),t.__k=t.__k&&t.__k.map(function(t){return e(t,n,_)})),t}(this.__b,n,_.__O=_.__P)}this.__b=null}var l=t.__a&&W(B,null,e.fallback);return l&&(l.__u&=-33),[W(B,null,t.__a?null:e.children),l]};var ex=function(e,t,n){if(++n[1]===n[0]&&e._map.delete(t),e.props.revealOrder&&(\"t\"!==e.props.revealOrder[0]||!e._map.size))for(n=e._next;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e._next=n=n[2]}};eE.prototype=new H,eE.prototype.__a=function(e){var t=this;var n=eS(t.__v);var _=t._map.get(e);return _[0]++,function(l){var r=function(){t.props.revealOrder?(_.push(l),ex(t,e,_)):l()};n?n(r):r()}},eE.prototype.render=function(e){this._next=null,this._map=new Map;var t=function e(t,n){return n=n||[],null==t||\"boolean\"==typeof t||(R(t)?t.some(function(t){e(t,n)}):n.push(t)),n}(e.children);e.revealOrder&&\"b\"===e.revealOrder[0]&&t.reverse();for(var n=t.length;n--;)this._map.set(t[n],this._next=[1,0,this._next]);return e.children},eE.prototype.componentDidUpdate=eE.prototype.componentDidMount=function(){var e=this;this._map.forEach(function(t,n){ex(e,n,t)})};var eC=\"undefined\"!=typeof Symbol&&Symbol.for&&Symbol.for(\"react.element\")||60103;H.prototype.isReactComponent={},[\"componentWillMount\",\"componentWillReceiveProps\",\"componentWillUpdate\"].forEach(function(e){Object.defineProperty(H.prototype,e,{configurable:!0,get:function(){return this[\"UNSAFE_\"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var ek=U.event;function eI(){}function ew(){return this.cancelBubble}function eP(){return this.defaultPrevented}U.event=function(e){return ek&&(e=ek(e)),e.persist=eI,e.isPropagationStopped=ew,e.isDefaultPrevented=eP,e.nativeEvent=e};var eT=U.vnode;function eA(e){for(let t in e)return!1;return!0}function eN(e,t){var n,_;return null==(n=(_=globalThis).runWorklet)?void 0:n.call(_,e,t)}function eR(e,t){var n;null==(n=globalThis.lynxWorkletImpl)||n._refImpl.updateWorkletRef(e,t)}function eO(e){var t;null==(t=globalThis.lynxWorkletImpl)||t._eomImpl.setShouldFlush(e)}U.vnode=function(e){e.$$typeof=eC,eT&&eT(e)},(f=E||(E={})).runWorkletCtx=\"Lynx.Worklet.runWorkletCtx\",f.runOnBackground=\"Lynx.Worklet.runOnBackground\",f.FunctionCallRet=\"Lynx.Worklet.FunctionCallRet\",f.releaseBackgroundWorkletCtx=\"Lynx.Worklet.releaseBackgroundWorkletCtx\",f.releaseWorkletRef=\"Lynx.Worklet.releaseWorkletRef\";let eD=!1;function eL(e){var t,n,_;!e&&eD&&(null==(t=globalThis.lynxWorkletImpl)||t._runOnBackgroundDelayImpl.runDelayedBackgroundFunctions(),null==(n=globalThis.lynxWorkletImpl)||n._refImpl.clearFirstScreenWorkletRefMap(),null==(_=globalThis.lynxWorkletImpl)||_._eventDelayImpl.clearDelayedWorklets()),eD=e}(c=x||(x={})).firstScreen=\"rLynxFirstScreen\",c.updateFromRoot=\"updateFromRoot\",c.globalEventFromLepus=\"globalEventFromLepus\",c.jsReady=\"rLynxJSReady\",c.patchUpdate=\"rLynxChange\",c.publishEvent=\"rLynxPublishEvent\",c.updateMTRefInitValue=\"rLynxChangeRefInitValue\",(p=C||(C={}))[p.UPDATE=0]=\"UPDATE\",p[p.RESET=1]=\"RESET\";let eU=[];function eF(){let e=eU;eU=[];for(let t=0;t<e.length;t+=2){let n=e[t];let _=e[t+1];\"_wvid\"in n?eR(n,_):\"_wkltId\"in n&&(n._unmount=eN(n,[{elementRefptr:_}]))}}const eW={};const eM={};const eB=new WeakMap;const eH=Promise.resolve();function ej(e,t){e.forEach(e=>{eB.has(e)||(eB.set(e,e.parentNode),Object.defineProperty(e,\"__parent\",{get:()=>eB.get(e),set:t=>{eB.set(e,t)}}))});let n=(e,_,l,r,i,o=!1,s=!1)=>{var u,a,f,c,p,h;let d=eW[_];let v=eM[_];if(!d||!v)throw Error(\"componentAtIndex called on removed list\");let m=null!=(f=l.__listItemPlatformInfo)?f:{};if((null==(u=l.__extraProps)?void 0:u.isReady)===0){let t;if(\"function\"==typeof __GetAttributeByName&&\"list-container\"===__GetAttributeByName(e,\"custom-list-name\"));else throw Error('Unsupported: `<list-item/>` with `defer={true}` must be used with `<list custom-list-name=\"list-container\"/>`');return __OnLifecycleEvent([x.publishEvent,{handlerName:`${l.__id}:__extraProps:onComponentAtIndex`,data:{}}]),t=new Promise(o=>{Object.defineProperty(l.__extraProps,\"isReady\",{set(t){1===t&&(delete l.__extraProps.isReady,l.__extraProps.isReady=1,eH.then(()=>{o(n(e,_,l,r,i))}))},get:()=>t})})}if(\"object\"==typeof(h=null==(a=l.__extraProps)?void 0:a.isReady)&&null!==h&&\"function\"==typeof h.then)throw Error(\"componentAtIndex was called on a pending deferred list item\");let y=l.type+(null!=(c=m[\"reuse-identifier\"])?c:\"\");let g=v.get(y);if(l.__elements){let e=l.__elements[0];let t=__GetElementUniqueID(e);if(null==g?void 0:g.has(t))return d.set(t,l),g.delete(t),o?o&&s&&__FlushElementTree(e,{asyncFlush:!0}):__FlushElementTree(e,{triggerLayout:!0,operationID:r,elementID:t,listID:_}),t;{let e=l.takeElements();d.set(t,e)}}if(g&&g.size>0){let[n]=g;let[u,a]=n;g.delete(u),t(a,l),a.unRenderElements(),a.__id?(null==(p=a.__extraProps)?void 0:p.isReady)===1&&__OnLifecycleEvent([x.publishEvent,{handlerName:`${a.__id}:__extraProps:onRecycleComponent`,data:{}}]):a.tearDown();let f=l.__element_root;if(eF(),d.set(u,l),o){if(o&&s){let t={asyncFlush:!0};i&&(t.listReuseNotification={listElement:e,itemKey:m[\"item-key\"]}),__FlushElementTree(f,t)}}else{let t={triggerLayout:!0,operationID:r,elementID:u,listID:_};i&&(t.listReuseNotification={listElement:e,itemKey:m[\"item-key\"]}),__FlushElementTree(f,t)}return u}l.ensureElements();let b=l.__element_root;__AppendElement(e,b);let S=__GetElementUniqueID(b);return eF(),d.set(S,l),o?o&&s&&__FlushElementTree(b,{asyncFlush:!0}):__FlushElementTree(b,{triggerLayout:!0,operationID:r,elementID:S,listID:_}),S};return[function(t,_,l,r,i){let o=e[l];if(!o)throw Error(\"childCtx not found\");let s=n(t,_,o,r,i);return\"number\"==typeof s?s:void 0},function(t,_,l,r,i,o){let s=!1;let u=[];l.forEach((l,a)=>{let f=r[a];let c=e[l];if(!c)throw Error(\"childCtx not found\");let p=n(t,_,c,f,i,!0,o);\"number\"==typeof p||(s=!0),u.push(p)}),s&&Promise.all(u).then(e=>{__FlushElementTree(t,{triggerLayout:!0,operationIDs:r,elementIDs:e,listID:_})}),__FlushElementTree(t,{triggerLayout:!0,operationIDs:r,elementIDs:l.map((e,t)=>\"number\"==typeof u[t]?u[t]:-1),listID:_})}]}function eV(){return(e,t,n)=>{var _,l;let r=eW[t];let i=eM[t];if(!r||!i)throw Error(\"enqueueComponent called on removed list\");let o=r.get(n);if(!o)return;let s=null!=(_=o.__listItemPlatformInfo)?_:{};let u=o.type+(null!=(l=s[\"reuse-identifier\"])?l:\"\");i.has(u)||i.set(u,new Map),i.get(u).set(n,o)}}const eG={values:{},clear(e){this.values&&delete this.values[e]},clearAttachedLists(){this.values&&Object.values(this.values).map(e=>e.getAttachedListId()).filter(e=>void 0!==e).forEach(e=>this.clear(e))},flush(){this.values&&Object.values(this.values).map(e=>e.flush()).filter(e=>void 0!==e).forEach(e=>this.clear(e))},flushWithId(e){var t;this.values&&(null==(t=this.values[e])?void 0:t.flush())!==void 0&&this.clear(e)},runWithoutUpdates(e){let t=this.values;this.values=null;try{e()}finally{this.values=t}}};function eq(e,t){var n,_;null==(n=e.__worklet_ref_set)||n.forEach(e=>{e&&(\"_wvid\"in e?eR(e,null):\"_wkltId\"in e&&(\"function\"==typeof e._unmount?e._unmount():eN(e,[null])))}),null==(_=e.__worklet_ref_set)||_.clear(),t&&e.childNodes.forEach(e=>{eq(e,t)})}(h=k||(k={}))[h.Attr=0]=\"Attr\",h[h.Spread=1]=\"Spread\",h[h.Slot=2]=\"Slot\",h[h.Children=3]=\"Children\",h[h.ListChildren=4]=\"ListChildren\",h[h.MultiChildren=5]=\"MultiChildren\",new Map;const eJ=\"UNREACHABLE_ITEM_KEY_NOT_FOUND\";function e$(e,t,n,_,l){var r,i,o,s,u;let a=0;let f={$$diff:!0,i:{},r:[],m:{}};let c={};for(let t=0;t<e.length;t++){let n=e[t];let _=l?null!=(i=null==(r=n.__listItemPlatformInfo)?void 0:r[\"item-key\"])?i:eJ:n.type;(null!=(o=c[_])?o:c[_]=new Set).add([n,t])}for(let e=0;e<t.length;e++){let r;let i=t[e];let o=c[l?null!=(u=null==(s=i.__listItemPlatformInfo)?void 0:s[\"item-key\"])?u:eJ:i.type];if(o&&o.size>0&&([r]=o,r)&&n(r[0],i)){o.delete(r);let t=r[1];if(_(r[0],i,t,e),t<a){f.m[t]=e;continue}a=t}else f.i[e]=i}for(let e in c)for(let[,t]of c[e])f.r.push(t);return f}function ez(e,t,n){let _;t.__elements=e.__elements,t.__element_root=e.__element_root,(null==n?void 0:n.skipUnRef)||eq(e,!1),(_=null==n?void 0:n.swap)&&(_[e.__id]=t.__id),eG.runWithoutUpdates(()=>{var n;null==(n=t.__values)||n.forEach((n,_)=>{let l=e.__values[_];n!==l&&(t.__values[_]=l,t.setAttribute(_,n))})});let{slot:l}=t.__snapshot_def;if(!l)return;let r=e.childNodes;let i=t.childNodes;l.forEach(([_,l],o)=>{switch(_){case k.Slot:case k.MultiChildren:ez(r[o],i[o],n);break;case k.Children:{let t=e$(r,i,(e,t)=>e.type===t.type,(e,t)=>{ez(e,t,n)},!1);(function(e,t,n,_,l){let r;if(!(!eA(t.i)||!eA(t.m)||t.r.length>0))return e;let i=new Set(t.r);let{i:o,m:s}=t;let u=new Map;let a=0;r=e[0];let f=[];let c=0;let p=0;let h=Object.keys(o).length;for(;r||h>0;){let t=!1;if(r&&i.has(p))_(r);else if(r&&void 0!==s[p])u.set(s[p],r),h++;else{let e=r;u.has(c)?(e=u.get(c),t=!0,l(e,r),h--):void 0!==o[c]&&(e=n(o[c],r),t=!0,h--),f.push(e),c++}r&&!t&&(r=e[++a],p++)}return f})(r,t,(t,n)=>(t.ensureElements(),__InsertElementBefore(e.__elements[l],t.__element_root,null==n?void 0:n.__element_root),t),t=>{__RemoveElement(e.__elements[l],t.__element_root)},(t,n)=>{__RemoveElement(e.__elements[l],t.__element_root),__InsertElementBefore(e.__elements[l],t.__element_root,null==n?void 0:n.__element_root)});break}case k.ListChildren:{let _=[];let o=[];let s=[];let u=__GetElementUniqueID(e.__elements[l]);let a=eW[u];let f=eM[u];let c=e$(r,i,(e,t)=>e.type===t.type,(e,t,_,l)=>{if(JSON.stringify(e.__listItemPlatformInfo)!==JSON.stringify(t.__listItemPlatformInfo)&&s.push({...t.__listItemPlatformInfo,from:l,to:l,flush:!1,type:t.type}),e.__elements){ez(e,t,n);let _=__GetElementUniqueID(e.__element_root);if(a.has(_)&&a.set(_,t),f.has(e.type)){let n=f.get(e.type);n.has(_)&&n.set(_,t)}}},!0);for(let e of c.r)_.push(e);for(let e in c.i)o.push(Number(e));for(let e in c.m)_.push(Number(e)),o.push(c.m[e]);o.sort((e,t)=>e-t),_.sort((e,t)=>e-t);let p={insertAction:o.map(e=>({position:e,type:i[e].type,...i[e].__listItemPlatformInfo})),removeAction:_,updateAction:s};let h=e.__elements[l];__SetAttribute(h,\"update-list-info\",p);let[d,v]=ej(i,ez);__UpdateListCallbacks(h,d,eV(),v),eG.clear(t.__id)}}})}class eK{flush(){if(!this.list.__elements)return;let e=this.list.__snapshot_def.slot[0][1];let t=this.list.__elements[e];__SetAttribute(t,\"update-list-info\",this.__toAttribute());let[n,_]=ej(this.list.childNodes,ez);return __UpdateListCallbacks(t,n,eV(),_),this.list.__id}getAttachedListId(){if(this.list.__elements)return this.list.__id}onInsertBefore(e,t){if(e.parentNode&&this.removeChild.add(e),t){var n;let _=null!=(n=this.insertBefore.get(t))?n:[];_.push(e),this.insertBefore.set(t,_)}else this.appendChild.push(e)}onRemoveChild(e){this.removeChild.add(e)}onSetAttribute(e,t,n){this.platformInfoUpdate.set(e,t)}__toAttribute(){let{removeChild:e,insertBefore:t,appendChild:n,platformInfoUpdate:_}=this;let l=[];let r=[];let i=[];let o=0;for(let n=0;n<this.oldChildNodes.length;n++,o++){let s=this.oldChildNodes[n];_.has(s)&&i.push({..._.get(s),from:+o,to:+o,flush:!1,type:s.type}),t.has(s)&&t.get(s).forEach(e=>{r.push({position:o,type:e.type,...e.__listItemPlatformInfo}),o++}),e.has(s)&&(l.push(n),e.delete(s),o--)}for(let e=0;e<n.length;e++){let t=n[e];r.push({position:o+e,type:t.type,...t.__listItemPlatformInfo})}if(r.sort((e,t)=>e.position-t.position),l.sort((e,t)=>e-t),\"2.14\"===SystemInfo.lynxSdkVersion||\"2.15\"===SystemInfo.lynxSdkVersion||\"2.16\"===SystemInfo.lynxSdkVersion||\"2.17\"===SystemInfo.lynxSdkVersion||\"2.18\"===SystemInfo.lynxSdkVersion){let e=this.list.__snapshot_def.slot[0][1];\"list-container\"===__GetAttributeByName(this.list.__elements[e],\"custom-list-name\")&&(i.length=0,this.list.childNodes.forEach((e,t)=>{i.push({...e.__listItemPlatformInfo,from:t,to:t,flush:!1,type:e.type})}))}return{insertAction:r,removeAction:l,updateAction:i}}toJSON(){return[this.__toAttribute()]}constructor(e){this.removeChild=new Set,this.insertBefore=new Map,this.appendChild=[],this.platformInfoUpdate=new Map,this.list=e,this.oldChildNodes=e.childNodes}}let eY=0;const eQ=[[k.Children,0]];const eX={values:new Map([[\"root\",{create:()=>[e],update:[],slot:eQ,isListHolder:!1,cssId:0}],[\"wrapper\",{create:()=>[__CreateWrapperElement(eY)],update:[],slot:eQ,isListHolder:!1}],[null,{create:()=>[__CreateRawText(\"\")],update:[e=>{e.__elements&&__SetAttribute(e.__elements[0],\"text\",e.__values[0])}],slot:[],isListHolder:!1}]])};const eZ={nextId:0,values:new Map,clear(){this.values.clear()}};let e0={};function e1(e,t,n,_,l,r,i,o=!1){var s;o||(s=e,e=r?`${r}:${s}`:s);let u={create:t,update:n,slot:_,cssId:l,entryName:r,refAndSpreadIndexes:i};return eX.values.set(e,u),_&&_[0]&&_[0][0]===k.ListChildren&&(u.isListHolder=!0),e}function e2(e,t){let n=e.childNodes;for(let _ of(t(e),n))e2(_,t)}const e3=\"__Card__\";class e6{ensureElements(){let{create:e,slot:t,isListHolder:n,cssId:_,entryName:l}=this.__snapshot_def;let r=e(this);if(this.__elements=r,this.__element_root=r[0],void 0===_?l!==e3&&void 0!==l&&__SetCSSId(this.__elements,0,l):l!==e3&&void 0!==l?__SetCSSId(this.__elements,_,l):__SetCSSId(this.__elements,_),eG.runWithoutUpdates(()=>{let e=this.__values;e&&(this.__values=void 0,this.setAttribute(\"values\",e))}),n){if(eG.values&&!eG.values[this.__id]&&null!==this.__firstChild){let e=this.__firstChild;for(;e;){var i,o,s;(null!=(s=(i=eG.values)[o=this.__id])?s:i[o]=new eK(this)).onInsertBefore(e),e=e.__nextSibling}}eG.flushWithId(this.__id)}else{let e=0;let n=this.__firstChild;for(;n;){n.ensureElements();let[_,l]=t[e];switch(_){case k.Slot:__ReplaceElement(n.__element_root,r[l]),r[l]=n.__element_root,e++;break;case k.MultiChildren:\"wrapper\"===__GetTag(r[l])?__ReplaceElement(n.__element_root,r[l]):__AppendElement(r[l],n.__element_root),e++;break;case k.Children:case k.ListChildren:__AppendElement(r[l],n.__element_root)}n=n.__nextSibling}}}unRenderElements(){let{isListHolder:e}=this.__snapshot_def;if(this.__elements=void 0,this.__element_root=void 0,e);else{let e=this.__firstChild;for(;e;)e.unRenderElements(),e=e.__nextSibling}}takeElements(){let e=Object.create(e6.prototype);return e.__id=this.__id,e.__snapshot_def=this.__snapshot_def,e.__values=this.__values,e.__parent=null,e.__firstChild=null,e.__lastChild=null,e.__nextSibling=null,e.__previousSibling=null,this.childNodes.map(e=>e.takeElements()).forEach(t=>e.__insertBefore(t)),e.__elements=this.__elements,e.__element_root=this.__element_root,this.__elements=void 0,this.__element_root=void 0,e}tearDown(){e2(this,e=>{e.__parent=null,e.__previousSibling=null,e.__nextSibling=null})}get parentNode(){return this.__parent}get nextSibling(){return this.__nextSibling}contains(e){return e.parentNode===this}get childNodes(){let e=[];let t=this.__firstChild;for(;t;)e.push(t),t=t.__nextSibling;return e}__insertBefore(e,t){e.__parent&&e.__parent.__removeChild(e),t?(t.__previousSibling?(t.__previousSibling.__nextSibling=e,e.__previousSibling=t.__previousSibling):(this.__firstChild=e,e.__previousSibling=null),t.__previousSibling=e,e.__nextSibling=t,e.__parent=this):(this.__lastChild?(this.__lastChild.__nextSibling=e,e.__previousSibling=this.__lastChild):(this.__firstChild=e,e.__previousSibling=null),this.__lastChild=e,e.__parent=this,e.__nextSibling=null)}__removeChild(e){if(e.__parent!==this)throw Error(\"The node to be removed is not a child of this node.\");e.__previousSibling?e.__previousSibling.__nextSibling=e.__nextSibling:this.__firstChild=e.__nextSibling,e.__nextSibling?e.__nextSibling.__previousSibling=e.__previousSibling:this.__lastChild=e.__previousSibling,e.__parent=null,e.__previousSibling=null,e.__nextSibling=null}insertBefore(e,t){let n=this.__snapshot_def;if(n.isListHolder){var _,l,r;eG.values&&(null!=(r=(_=eG.values)[l=this.__id])?r:_[l]=new eK(this)).onInsertBefore(e,t),this.__insertBefore(e,t);return}let i=e.__parent===this;this.__insertBefore(e,t);let o=this.__elements;if(!o)return;e.__elements||e.ensureElements();let s=n.slot.length;if(1===s){let[,_]=n.slot[0];let l=o[_];i&&__RemoveElement(l,e.__element_root),t?__InsertElementBefore(l,e.__element_root,t.__element_root):__AppendElement(l,e.__element_root)}else if(s>1){let t=this.__current_slot_index++;let[_,l]=n.slot[t];_===k.Slot?(__ReplaceElement(e.__element_root,o[l]),o[l]=e.__element_root):_===k.MultiChildren&&(\"wrapper\"===__GetTag(o[l])?__ReplaceElement(e.__element_root,o[l]):__AppendElement(o[l],e.__element_root))}}removeChild(e){let t=this.__snapshot_def;if(t.isListHolder){var n,_,l;eG.values&&(null!=(l=(n=eG.values)[_=this.__id])?l:n[_]=new eK(this)).onRemoveChild(e),this.__removeChild(e),e2(e,e=>{eZ.values.delete(e.__id)}),e.__id=0;return}if(eq(e,!0),this.__elements){let[,n]=t.slot[0];__RemoveElement(this.__elements[n],e.__element_root)}this.__removeChild(e),e2(e,e=>{e.__snapshot_def.isListHolder&&function(e){let[,t]=e.__snapshot_def.slot[0];let n=__GetElementUniqueID(e.__elements[t]);delete eW[n],delete eM[n]}(e),e.__parent=null,e.__previousSibling=null,e.__nextSibling=null,delete e.__elements,delete e.__element_root,eZ.values.delete(e.__id)})}setAttribute(e,t){var n;if(\"values\"===e){let e=this.__values;if(this.__values=t,e)for(let n=0;n<t.length;n++)this.callUpdateIfNotDirectOrDeepEqual(n,e[n],t[n]);else for(let e=0;e<t.length;e++)this.callUpdateIfNotDirectOrDeepEqual(e,void 0,t[e]);return}if(\"string\"==typeof e){(null!=(n=this.__extraProps)?n:this.__extraProps={})[e]=t;return}null!=this.__values||(this.__values=[]),this.callUpdateIfNotDirectOrDeepEqual(e,this.__values[e],this.__values[e]=t)}toJSON(){return{id:this.__id,type:this.type,values:this.__values,extraProps:this.__extraProps,children:this.__firstChild?this.childNodes:void 0}}callUpdateIfNotDirectOrDeepEqual(e,t,n){(function(e,t){if(e===t)return!0;try{if(\"object\"==typeof e&&null!==e&&\"object\"==typeof t&&null!==t&&JSON.stringify(e)===JSON.stringify(t))return!0}catch(e){throw e}return!1})(t,n)||this.__snapshot_def.update[e](this,e,t)}constructor(e,t){if(this.__current_slot_index=0,this.__parent=null,this.__firstChild=null,this.__lastChild=null,this.__previousSibling=null,this.__nextSibling=null,this.type=e,!eX.values.has(e)&&\"div\"!==e)if(e0[e])e0[e](e);else throw Error(\"Snapshot not found: \"+e);this.__snapshot_def=eX.values.get(e),null!=t||(t=eZ.nextId-=1),this.__id=t,eZ.values.set(t,this)}}function e9(e){if(!lynx.getJSContext)throw Error(\"snapshotPatchApply failed: ctx not found\");lynx.getJSContext().dispatchEvent({type:\"Lynx.Error.CtxNotFound\",data:{id:e}})}function e7(e,n){var _,l;t&&(n||t.needTimestamps)&&(null==(l=lynx.performance)||null==(_=l._markTiming)||_.call(l,t.pipelineID,e))}let e5=0;function e8(){l=!0;let e=JSON.stringify(_);__OnLifecycleEvent([x.firstScreen,{root:e,jsReadyEventIdSwap:r}]),r={}}_=new e6(\"root\"),(d=I||(I={}))[d.Begin=0]=\"Begin\",d[d.End=1]=\"End\",d[d.Attr=2]=\"Attr\",d[d.Text=3]=\"Text\";const e4=[];const te=Array.isArray;const tt=Object.assign;function tn(){this.__d=!0}const t_={};function tl(e,t){let n;let _=e.type;return e.__c?(n=e.__c).state=n.__s:n=new _(e.props,t),e.__c=n,n.__v=e,n.props=e.props,n.context=t,n.__d=!0,null==n.state&&(n.state=t_),null==n.__s&&(n.__s=n.state),_.getDerivedStateFromProps&&(n.state=tt({},n.state,_.getDerivedStateFromProps(n.props,n.state))),u&&u(e),n.render(n.props,n.state,t)}function tr(e,t,n){return this.constructor(e,n)}const ti=function(e,t){let n=U.__s;U.__s=!0,i=U.__b,o=U._diff2,s=U.diffed,u=U.__r,a=U.unmount;let _=W(B,null);_.__k=[e];let l=[];try{(function e(t,n,_,l,r,f,c){let p;if(null==t||!0===t||!1===t||\"\"===t)return;if(\"object\"!=typeof t){if(\"function\"==typeof t)return;f.push(3,t+\"\");return}if(te(t)){r.__k=t;for(let i=0;i<t.length;i++){let o=t[i];null!=o&&\"boolean\"!=typeof o&&e(o,n,_,l,r,f,f.length)}return}t.__=r,i&&i(t),o&&o(t,t_);let h=t.type,d=t.props,v=n,m,y,g;if(\"function\"==typeof h){if(h===B)y=d.children;else{if(null!=(m=h.contextType)){let e=n[m.__c];v=e?e.props.value:m.__}if(h.prototype&&\"function\"==typeof h.prototype.render)y=tl(t,v),g=t.__c;else{g={__v:t,props:d,context:v,setState:tn,forceUpdate:tn,__d:!0,__h:[]},t.__c=g,g.constructor=h,g.render=tr;let e=0;for(;g.__d&&e++<25;)g.__d=!1,u&&u(t),y=g.render(d,g.state,v);g.__d=!0}null!=g.getChildContext&&(n=tt({},n,g.getChildContext()))}y=null!=y&&y.type===B&&null==y.key?y.props.children:y;try{e(y,n,_,l,t,f,f.length)}catch(r){if(r&&\"object\"==typeof r&&r.then&&g&&g.__c)g.setState({__a:!0}),g.__d&&(y=tl(t,n),g=t.__c,f.length=c,e(y,n,_,l,t,f,f.length));else throw r}finally{s&&s(t),t.__=void 0,a&&a(t)}return}for(let e in f.push(0,t),d){let t=d[e];switch(e){case\"children\":p=t;continue;case\"key\":case\"ref\":case\"__self\":case\"__source\":continue}null!=t&&!1!==t&&\"function\"!=typeof t&&f.push(2,e,t)}\"string\"==typeof p||\"number\"==typeof p?f.push(3,p):null!=p&&!1!==p&&!0!==p&&e(p,n,!1,l,t,f,f.length),s&&s(t),t.__=void 0,a&&a(t),f.push(1)})(e,t||t_,!1,void 0,_,l,0)}finally{U.__c&&U.__c(e,e4),U.__s=n,e4.length=0}return l};function to(){let e;try{e=ti(_.__jsx,void 0)}catch(t){lynx.reportError(t),e=[]}finally{}(function(e,t){let n=t;let _=[t];for(let t=0;t<e.length;)switch(e[t]){case I.Begin:{let l=n;(n=e[t+1]).__parent&&(n=new e6(n.type),e[t+1]=n),l.insertBefore(n),_.push(n),t+=2;break}case I.End:n.__k=void 0,_.pop(),n=_[_.length-1],t+=1;break;case I.Attr:{let _=e[t+1];let l=e[t+2];n.setAttribute(_,l),t+=3;break}case I.Text:{let _=e[t+1];let l=new e6(null);l.setAttribute(0,_),n.insertBefore(l),t+=2}}})(e,_)}function ts(e){return`Native${e}Modules`}void 0===globalThis.processEvalResult&&(globalThis.processEvalResult=(e,t)=>null==e?void 0:e(t)),Object.assign(globalThis,{renderPage:function(t){var n;l=!1,r={},lynx.__initData=null!=t?t:{},e=n=__CreatePage(\"0\",0),eY=__GetElementUniqueID(n),_.ensureElements(),to(),eG.flush(),eF(),e8()},updatePage:function(n,i){var o,s,u;if(null==i?void 0:i.reloadTemplate){let t;return void(o=n,s=i,++e5,\"object\"!=typeof o||eA(o)||Object.assign(lynx.__initData,o),eZ.clear(),eG.clearAttachedLists(),r={},t=_,(_=new e6(\"root\")).__jsx=t.__jsx,to(),ez(t,_,{skipUnRef:!0}),eG.flush(),eF(),l&&__OnLifecycleEvent([x.firstScreen,{root:JSON.stringify(_)}]),__FlushElementTree(e,s))}if((null==i?void 0:i.resetPageData)&&(lynx.__initData={}),\"object\"==typeof n&&!eA(n)){null!=(u=lynx).__initData||(u.__initData={}),Object.assign(lynx.__initData,n)}let a=null!=i?i:{};if(!l){let e=_;(_=new e6(\"root\")).__jsx=e.__jsx,t=null==i?void 0:i.pipelineOptions,e7(\"updateDiffVdomStart\"),eG.clearAttachedLists(),to(),ez(e,_,{skipUnRef:!0,swap:r}),eG.flush(),eF(),a.triggerDataUpdated=!0,e7(\"updateDiffVdomEnd\")}__FlushElementTree(e,a)},updateGlobalProps:function(t,n){n?__FlushElementTree(e,n):__FlushElementTree()},getPageData:function(){return null},removeComponents:function(){}}),Object.assign(globalThis,{[x.jsReady]:e8}),Object.assign(globalThis,{[x.patchUpdate]:function({data:_,patchOptions:l}){let r;if(l.reloadVersion<e5)return;let i=l.flowIds;i&&lynx.performance.profileStart(\"ReactLynx::patch\",{flowId:i[0],flowIds:i}),t=l.pipelineOptions,e7(\"mtsRenderStart\"),e7(\"parseChangesStart\");let{patchList:o,flushOptions:s={},delayedRunOnMainThreadData:u}=JSON.parse(_);e7(\"parseChangesEnd\"),e7(\"patchChangesStart\"),l.isHydration&&eL(!0);try{for(let{snapshotPatch:e}of o)eG.clearAttachedLists(),e&&function(e){let t=e.length;for(let n=0;n<t;++n)switch(e[n]){case 0:{let t=e[++n];new e6(t,e[++n]);break}case 1:{let t=e[++n];let _=e[++n];let l=e[++n];let r=eZ.values.get(t);let i=eZ.values.get(_);let o=eZ.values.get(l);r&&i?r.insertBefore(i,o):e9(r?_:t);break}case 2:{let t=e[++n];let _=e[++n];let l=eZ.values.get(t);let r=eZ.values.get(_);l&&r?l.removeChild(r):e9(l?_:t);break}case 3:{let t=e[++n];let _=e[++n];let l=e[++n];let r=eZ.values.get(t);r?r.setAttribute(_,l):e9(t);break}case 4:{let t=e[++n];let _=e[++n];let l=eZ.values.get(t);l?l.setAttribute(\"values\",_):e9(t)}}}(e),eG.flush()}finally{e7(\"patchChangesEnd\"),e7(\"mtsRenderEnd\"),l.isHydration&&eL(!1)}if(eF(),u&&(null!=n?n:n=Number((r=(SystemInfo.lynxSdkVersion||\"1.0\").split(\".\"))[0])>2||2==Number(r[0])&&Number(r[1])>13)){for(let e of(eO(!1),u))try{(function(e,t,n){var _;null==(_=globalThis.lynxWorkletImpl)||_._runRunOnMainThreadTask(e,t,n)})(e.worklet,e.params,e.resolveId)}catch(e){lynx.reportError(e)}eO(!0)}l.pipelineOptions&&(s.pipelineOptions=l.pipelineOptions),__FlushElementTree(e,s),i&&lynx.performance.profileEnd()}}),Object.assign(globalThis,{[x.updateMTRefInitValue]:function({data:e}){var t,n;(t=JSON.parse(e))&&(null==(n=globalThis.lynxWorkletImpl)||n._refImpl.updateWorkletRefInitValueChanges(t))}}),lynx.__initData={},globalThis.SystemInfo=null!=(v=lynx.SystemInfo)?v:{},lynx.reportError=function(e){_ReportError(e instanceof Error?e:Error(JSON.stringify(e)),{errorCode:1101})},lynx.triggerGlobalEventFromLepus=function(e,t){__OnLifecycleEvent([\"globalEventFromLepus\",[e,t]])},void 0===globalThis[ts(\"\")]&&(globalThis[ts(\"\")]=void 0),lynx.registerDataProcessors=function(e){let t=!1;globalThis.processData=(n,_)=>{let l;try{var r,i,o,s,u;l=_?null!=(s=null==e||null==(i=e.dataProcessors)||null==(r=i[_])?void 0:r.call(i,n))?s:n:null!=(u=null==e||null==(o=e.defaultDataProcessor)?void 0:o.call(e,n))?u:n}catch(e){lynx.reportError(e),l={}}return!1===t&&globalThis.__I18N_RESOURCE_TRANSLATION__&&(l={...l,__I18N_RESOURCE_TRANSLATION__:globalThis.__I18N_RESOURCE_TRANSLATION__}),_||(t=!0),l}},lynx.registerDataProcessors(),(m=w||(w={}))[m.COMPOSED=-1]=\"COMPOSED\",m[m.PAN=0]=\"PAN\",m[m.FLING=1]=\"FLING\",m[m.DEFAULT=2]=\"DEFAULT\",m[m.TAP=3]=\"TAP\",m[m.LONGPRESS=4]=\"LONGPRESS\",m[m.ROTATION=5]=\"ROTATION\",m[m.PINCH=6]=\"PINCH\",m[m.NATIVE=7]=\"NATIVE\";const tu=k.Slot;k.MultiChildren;const ta=k.Children;function tf(e,t,n){if(\"string\"==typeof e){let n=new e6(e);return n.props=t,n.__k=null,n.__=null,n.__b=0,n.__e=null,n.__d=void 0,n.__c=null,n.__i=-1,n.__u=0,n}if(\"function\"==typeof e){let n,_=t;if(\"ref\"in _)for(let e in _={},t)\"ref\"==e||(_[e]=t[e]);if(n=e.defaultProps)for(let e in n)void 0===_[e]&&(_[e]=n[e]);return{type:e,props:_,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__i:-1,__u:0}}}k.ListChildren,[].slice;const tc=\"__snapshot_69296_e6172_2\";e0[tc]=e=>e1(e,function(){let e=__CreateText(eY);return __SetClasses(e,\"caption-title\"),[e]},null,eQ,void 0,P,null,!0);const tp=\"__snapshot_69296_e6172_3\";e0[tp]=e=>e1(e,function(){let e=__CreateText(eY);return __SetClasses(e,\"caption-subtitle\"),[e]},null,eQ,void 0,P,null,!0);const th=\"__snapshot_69296_e6172_4\";e0[th]=e=>e1(e,function(){let e=__CreateText(eY);return __SetClasses(e,\"caption-footnote\"),[e]},null,eQ,void 0,P,null,!0);const td=\"__snapshot_69296_e6172_1\";function tv({title:e,subtitle:t,footnote:n}){return tf(td,{children:[tf(tc,{children:e}),tf(\"wrapper\",{children:[t&&tf(tp,{children:t}),n&&tf(th,{children:n})]})]})}e0[td]=e=>e1(e,function(){let e=eY;let t=__CreateView(e);__SetClasses(t,\"caption-container\");let n=__CreateWrapperElement(e);__AppendElement(t,n);let _=__CreateWrapperElement(e);return __AppendElement(t,_),[t,n,_]},null,[[tu,1],[tu,2]],void 0,P,null,!0);const tm=\"__snapshot_04263_e8322_1\";e0[tm]=e=>e1(e,function(){let e=eY;let t=__CreateView(e);__SetClasses(t,\"design-container\");let n=__CreateView(e);__SetClasses(n,\"canvas\"),__AppendElement(t,n);let _=__CreateView(e);__SetClasses(_,\"card ele-1\"),__AppendElement(n,_);let l=__CreateView(e);__SetClasses(l,\"card ele-2\"),__AppendElement(n,l);let r=__CreateView(e);__SetClasses(r,\"card ele-3\"),__AppendElement(n,r);let i=__CreateView(e);__SetClasses(i,\"card ele-4\"),__AppendElement(n,i);let o=__CreateWrapperElement(e);return __AppendElement(t,o),[t,n,_,l,r,i,o]},null,[[ta,6]],void 0,P,null,!0),({render:e=>{_.__jsx=e},registerDataProcessors:e=>{lynx.registerDataProcessors(e)}}).render(tf(function(){return tf(tm,{children:tf(tv,{title:\"Soft Glow\",subtitle:\"Powered by Nested CSS Variables\",footnote:\"Requires Lynx SDK 3.6+\"})})},{}));"},"customSections":{}}

package/lynx.config.mjs

@@ -2,6 +2,7 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 
+import { pluginLynxConfig } from "@lynx-js/config-rsbuild-plugin";
 import { pluginQRCode } from "@lynx-js/qrcode-rsbuild-plugin";
 import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
 import { defineConfig } from "@lynx-js/rspeedy";
@@ -10,7 +11,9 @@ import { pluginTypeCheck } from "@rsbuild/plugin-type-check";
 export default defineConfig({
   source: {
     entry: {
+      soft_glow: "./src/soft_glow/index.tsx",
       color_wheels: "./src/color_wheels/index.tsx",
+      force_field: "./src/force_field/index.tsx",
       gooey_effect: "./src/gooey_effect/index.tsx",
     },
   },
@@ -19,6 +22,9 @@ export default defineConfig({
     filename: "[name].[platform].bundle",
   },
   plugins: [
+    pluginLynxConfig({
+      enableCSSInlineVariables: true,
+    }),
     pluginReactLynx({
       defaultDisplayLinear: false,
       enableCSSInheritance: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-example/design-guide",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "An example demonstrating design with Lynx capabilities.",
   "repository": {
     "type": "git",
@@ -19,6 +19,7 @@
     "@lynx-js/react": "0.115.3"
   },
   "devDependencies": {
+    "@lynx-js/config-rsbuild-plugin": "^0.0.1",
     "@lynx-js/qrcode-rsbuild-plugin": "0.4.3",
     "@lynx-js/react-rsbuild-plugin": "0.12.4",
     "@lynx-js/rspeedy": "0.12.5",

package/src/color_wheels/index.css

@@ -72,29 +72,3 @@
   background-color: #0d0d0d;
   gap: 24px;
 }
-
-.caption-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.title {
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 21px;
-  color: #f8f8f8;
-}
-
-.subtitle {
-  line-height: 15px;
-  font-size: 12px;
-  font-weight: 400;
-  color: #b3b3b3;
-}
-
-.footnote {
-  line-height: 14px;
-  font-size: 11px;
-  color: #4f4f4f;
-}

package/src/color_wheels/index.tsx

@@ -1,5 +1,6 @@
 import { root } from "@lynx-js/react";
 
+import { Caption } from "../shared/components/caption/index.jsx";
 import "./index.css";
 
 function App() {
@@ -11,11 +12,11 @@ function App() {
         <view className="wheel-picker" />
       </view>
       <view className="wheel gradient-offset" />
-      <view className="caption-container">
-        <text className="title">Color Wheels</text>
-        <text className="subtitle">Powered by CSS conic-gradient</text>
-        <text className="footnote">Requires Lynx SDK 3.6+</text>
-      </view>
+      <Caption
+        title="Color Wheels"
+        subtitle="Powered by CSS conic-gradient"
+        footnote="Requires Lynx SDK 3.6+"
+      />
     </view>
   );
 }

package/src/force_field/cells.ts

@@ -0,0 +1,20 @@
+type Cell = { id: string; i: number; j: number; cx: number; cy: number };
+
+const cols = 20;
+const rows = 20;
+const CELLS: Cell[] = [];
+
+for (let c = 0; c < cols; c++) {
+  for (let r = 0; r < rows; r++) {
+    CELLS.push({
+      id: `${r}-${c}`,
+      i: r,
+      j: c,
+      // normalized cell center in [0,1]
+      cx: (c + 0.5) / cols,
+      cy: (r + 0.5) / rows,
+    });
+  }
+}
+
+export { CELLS };

package/src/force_field/color.ts

@@ -0,0 +1,58 @@
+import { clamp01 } from "./math.js";
+
+function lerpColor(
+  t: number,
+  colorA: string,
+  colorB: string,
+): string {
+  const [rA, gA, bA] = hexToRgb(colorA);
+  const [rB, gB, bB] = hexToRgb(colorB);
+
+  const r = mix(rA, rB, t);
+  const g = mix(gA, gB, t);
+  const b = mix(bA, bB, t);
+
+  return rgbToHex(r, g, b);
+}
+
+function hexToRgb(hex: string): [number, number, number] {
+  const n = hex.replace("#", "");
+  return [
+    parseInt(n.slice(0, 2), 16),
+    parseInt(n.slice(2, 4), 16),
+    parseInt(n.slice(4, 6), 16),
+  ];
+}
+
+function rgbToHex(r: number, g: number, b: number): string {
+  return (
+    "#"
+    + [r, g, b]
+      .map(v => Math.round(v).toString(16).padStart(2, "0"))
+      .join("")
+  );
+}
+
+function mix(a: number, b: number, t: number) {
+  return a * (1 - t) + b * t;
+}
+
+function lerpColor4(
+  t: number,
+  c0: string,
+  c1: string,
+  c2: string,
+  c3: string,
+): string {
+  const x = clamp01(t);
+
+  if (x < 1 / 3) {
+    return lerpColor(x / (1 / 3), c0, c1);
+  }
+  if (x < 2 / 3) {
+    return lerpColor((x - 1 / 3) / (1 / 3), c1, c2);
+  }
+  return lerpColor((x - 2 / 3) / (1 / 3), c2, c3);
+}
+
+export { lerpColor, lerpColor4 };

package/src/force_field/field-force.ts

@@ -0,0 +1,97 @@
+import { smoothstep01 } from "./math.js";
+export type Vec2 = { x: number; y: number };
+
+export type ForceFieldOptions = {
+  // Core shape
+  /**
+   * influence radius in normalized space (0..sqrt(2))
+   */
+  radius?: number;
+  /**
+   *  overall displacement magnitude (normalized units)
+   */
+  strength?: number;
+  /**
+   * higher = faster decay
+   */
+  falloff?: number;
+  mode?: "repel" | "attract";
+
+  // Optional style
+  /**
+   * tangential component, gives "vortex" feel
+   */
+  swirl?: number;
+  /**
+   * avoids singularity near center
+   */
+  soften?: number;
+  /**
+   *  max displacement magnitude
+   */
+  clampMax?: number;
+};
+
+const DEFAULTS: Required<ForceFieldOptions> = {
+  radius: 0.45,
+  strength: 0.085,
+  falloff: 2.2,
+  mode: "repel",
+  swirl: 0.0,
+  soften: 0.02,
+  clampMax: 0.12,
+};
+
+export function makeForceField(user: ForceFieldOptions = {}) {
+  const opt = { ...DEFAULTS, ...user };
+
+  return function forceAt(cell: Vec2, p: Vec2) {
+    // Vector from p -> cell
+    const vx = cell.x - p.x;
+    const vy = cell.y - p.y;
+    const d = Math.sqrt(vx * vx + vy * vy);
+
+    // Outside radius: no force
+    if (d >= opt.radius) return { dx: 0, dy: 0, t: 1, d };
+
+    // Normalize direction (avoid NaN at center)
+    const inv = 1 / Math.max(d, opt.soften);
+    const nx = vx * inv;
+    const ny = vy * inv;
+
+    // 0..1 influence inside radius (1 at center, 0 at edge)
+    const u = 1 - d / opt.radius;
+
+    // Smooth & decay
+    const influence = smoothstep01(u);
+    const decay = Math.pow(influence, opt.falloff);
+
+    // Base radial magnitude
+    let mag = opt.strength * decay;
+
+    // Repel vs attract
+    if (opt.mode === "attract") mag = -mag;
+
+    // Add optional swirl (tangential)
+    // Tangent is perpendicular to radial: ( -ny, nx )
+    const tx = -ny;
+    const ty = nx;
+
+    let dx = nx * mag + tx * (opt.swirl * mag);
+    let dy = ny * mag + ty * (opt.swirl * mag);
+
+    // Clamp displacement magnitude for stability
+    const m = Math.sqrt(dx * dx + dy * dy);
+    if (m > opt.clampMax) {
+      const s = opt.clampMax / m;
+      dx *= s;
+      dy *= s;
+    }
+
+    // t: a handy 0..1 "field value" you can reuse for color/size
+    // Here we invert so t=0 near center, t=1 far away.
+    const t = 1 - decay;
+
+    return { dx, dy, t, d };
+  };
+}

package/src/force_field/field.css

@@ -0,0 +1,23 @@
+.dot-field {
+  position: relative;
+  --dot-size: 5px;
+  --dot-color: #f8f8f8;
+  --dot-accent-color: #ffff00;
+  --field-size: 300px;
+  width: var(--field-size);
+  height: var(--field-size);
+}
+
+.dot {
+  width: calc(var(--dot-size) * var(--s, 1));
+  height: calc(var(--dot-size) * var(--s, 1));
+  transform: translate(
+    calc(var(--field-size) * var(--x, 0)),
+    calc(var(--field-size) * var(--y, 0))
+  );
+  background-color: var(--dot-color, #f8f8f8);
+  border-radius: 9999px;
+  position: absolute;
+  top: 0;
+  left: 0;
+}

package/src/force_field/field.tsx

@@ -0,0 +1,55 @@
+import type { DotFieldProps, DotProps } from "./field.types.js";
+import "./field.css";
+
+/**
+ * Dot consumes normalized, unitless params.
+ * Layout and sizing is resolved via field-scoped CSS vars.
+ */
+function Dot({ x = 0, y = 0, s = 1, color, useAccent }: DotProps) {
+  return (
+    <view
+      className="dot"
+      /**
+       * Inline CSS var reference: route accent color to a
+       * field-scoped CSS token (`--dot-accent-color`)
+       */
+      style={`--x:${x}; --y:${y}; --s:${s}; background-color:${useAccent ? "var(--dot-accent-color)" : color}`}
+    />
+  );
+}
+
+/**
+ * DotField defines the styling boundary for a dot-based field.
+ * It provides a scoped coordinate system and field-level design tokens
+ * (e.g. --field-size, --dot-size) via CSS variables.
+ */
+function DotField({
+  fieldSize = 200,
+  dotSize = 5,
+  dotColor = "#f8f8f8",
+  dotAccentColor = "#ffff00",
+  children,
+  bindtouchstart,
+  bindtouchmove,
+  bindtouchend,
+  bindtouchcancel,
+  bindlayoutchange,
+}: DotFieldProps) {
+  return (
+    <view
+      /* Styling boundary: inject field-level CSS tokens */
+      style={`--field-size:${fieldSize}px; --dot-size:${dotSize}px; --dot-color:${dotColor}; --dot-accent-color:${dotAccentColor} `}
+      className="dot-field"
+      /* Interaction */
+      bindtouchstart={bindtouchstart}
+      bindtouchmove={bindtouchmove}
+      bindtouchend={bindtouchend}
+      bindtouchcancel={bindtouchcancel}
+      bindlayoutchange={bindlayoutchange}
+    >
+      {children}
+    </view>
+  );
+}
+
+export { Dot, DotField };

package/src/force_field/field.types.ts

@@ -0,0 +1,50 @@
+import type { ReactNode } from "@lynx-js/react";
+import type { LayoutChangeEvent, TouchEvent } from "@lynx-js/types";
+
+type DotProps = {
+  /** Normalized x position in the field (0..1). */
+  x?: number;
+
+  /** Normalized y position in the field (0..1). */
+  y?: number;
+
+  /** Relative scale factor, resolved against `--dot-size`. Defaults to 1. */
+  s?: number;
+
+  /** Optional explicit color for this dot. */
+  color?: string;
+
+  /** Use the field-level accent color (`--dot-accent-color`). */
+  useAccent?: boolean;
+};
+
+type DotFieldProps = {
+  /** Field size in pixels (defines the coordinate space). */
+  fieldSize?: number;
+
+  /** Base dot size in pixels. */
+  dotSize?: number;
+
+  /** Default dot color (`--dot-color`). */
+  dotColor?: string;
+
+  /** Accent dot color (`--dot-accent-color`). */
+  dotAccentColor?: string;
+
+  /** Extra inline CSS applied at the field boundary. */
+  style?: string;
+
+  /** Field children (dots or other field-aware elements). */
+  children?: ReactNode;
+
+  /** Pointer / touch handlers bound at the field level. */
+  bindtouchstart?: (e: TouchEvent) => void;
+  bindtouchmove?: (e: TouchEvent) => void;
+  bindtouchend?: (e: TouchEvent) => void;
+  bindtouchcancel?: (e: TouchEvent) => void;
+
+  /** Layout measurement handler for field coordinate mapping. */
+  bindlayoutchange?: (e: LayoutChangeEvent) => void;
+};
+
+export type { DotFieldProps, DotProps };

package/src/force_field/index.css

@@ -0,0 +1,17 @@
+/* =========================
+ * Layout
+ * ========================= */
+
+.design-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #0d0d0d;
+  gap: 24px;
+  padding: 84px;
+  padding-left: 48px;
+  padding-right: 48px;
+}