earthnut 0.0.1 → 0.0.3

package/Layout/index.mjs

@@ -1 +1 @@
-import*as e from"a-type-of-js";import*as t from"xcn";import*as r from"react";var a={56:(e,t,r)=>{e.exports=function(e){var t=r.nc;t&&e.setAttribute("nonce",t)}},72:e=>{var t=[];function r(e){for(var r=-1,a=0;a<t.length;a++)if(t[a].identifier===e){r=a;break}return r}function a(e,a){for(var o={},i=[],l=0;l<e.length;l++){var u=e[l],c=a.base?u[0]+a.base:u[0],s=o[c]||0,d="".concat(c," ").concat(s);o[c]=s+1;var y=r(d),h={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(-1!==y)t[y].references++,t[y].updater(h);else{var f=n(h,a);a.byIndex=l,t.splice(l,0,{identifier:d,updater:f,references:1})}i.push(d)}return i}function n(e,t){var r=t.domAPI(t);return r.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;r.update(e=t)}else r.remove()}}e.exports=function(e,n){var o=a(e=e||[],n=n||{});return function(e){e=e||[];for(var i=0;i<o.length;i++){var l=r(o[i]);t[l].references--}for(var u=a(e,n),c=0;c<o.length;c++){var s=r(o[c]);0===t[s].references&&(t[s].updater(),t.splice(s,1))}o=u}}},113:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",a=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),a&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),a&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,a,n,o){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(a)for(var l=0;l<this.length;l++){var u=this[l][0];null!=u&&(i[u]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);a&&i[s[0]]||(void 0!==o&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=o),r&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=r):s[2]=r),n&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=n):s[4]="".concat(n)),t.push(s))}},t}},362:(t,r,a)=>{var n,o;t.exports=(n={isNumber:()=>e.isNumber,isTrue:()=>e.isTrue},o={},a.d(o,n),o)},384:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(601),n=r.n(a),o=r(314),i=r.n(o)()(n());i.push([e.id,'.LcdTDTWWkxGZFXQc8XNV{width:var(--layout-width);height:var(--layout-height);overflow-x:hidden;overflow-y:auto}.CxCt7n1zXeDfFdmgQAme{grid-area:header;position:sticky;top:0px;left:0px;z-index:10;height:var(--layout-header-height);box-shadow:0 4px 13px -3px rgba(0,0,0,.1019607843);overflow:hidden}.E2socS6t6fugHzd2ATQy{position:sticky;left:0;z-index:8;grid-area:side;overflow-x:hidden;overflow-y:auto}.k2yu7eCpEzToH_ynBglg{grid-area:content}.zWuykaXyereS6ELF7SHy{grid-area:footer;height:var(--layout-footer-height);box-shadow:0 -1px 13px 0px rgba(0,0,0,.1019607843);overflow:hidden}.O6AnGNbL5r3nPmEFEv73>.CxCt7n1zXeDfFdmgQAme{position:relative;z-index:2}.O6AnGNbL5r3nPmEFEv73.ognI7wqsq0lXqSVkJ0cj>.r_iQ4e7myBc0DSPRkp2u>.E2socS6t6fugHzd2ATQy,.O6AnGNbL5r3nPmEFEv73.Sax5A5AqDPokwTlrUZu5>.r_iQ4e7myBc0DSPRkp2u>.E2socS6t6fugHzd2ATQy{top:0;min-height:calc(var(--layout-height) - var(--layout-footer-height) - var(--layout-header-height));max-height:var(--layout-height)}.O6AnGNbL5r3nPmEFEv73.Wz4q5vQzeOw8RbDr0rOF>.E2socS6t6fugHzd2ATQy,.O6AnGNbL5r3nPmEFEv73.GkLVEZcHiQyvuSh0RLU5>.E2socS6t6fugHzd2ATQy{top:0;min-height:calc(var(--layout-height) - var(--layout-footer-height));max-height:var(--layout-height)}.rZPYzoPjyQP7sDeJbPjp>.E2socS6t6fugHzd2ATQy{top:0;height:var(--layout-height)}.ognI7wqsq0lXqSVkJ0cj>.r_iQ4e7myBc0DSPRkp2u,.Sax5A5AqDPokwTlrUZu5>.r_iQ4e7myBc0DSPRkp2u{display:grid;grid-template-rows:calc(var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height)) auto;min-height:calc(100% - var(--layout-header-height) - var(--layout-footer-height))}.ognI7wqsq0lXqSVkJ0cj>.r_iQ4e7myBc0DSPRkp2u>.E2socS6t6fugHzd2ATQy,.Sax5A5AqDPokwTlrUZu5>.r_iQ4e7myBc0DSPRkp2u>.E2socS6t6fugHzd2ATQy{top:var(--layout-header-height);min-height:calc(var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height));max-height:calc(var(--layout-height) - var(--layout-header-height))}.ognI7wqsq0lXqSVkJ0cj>.r_iQ4e7myBc0DSPRkp2u,.UhPmIL0kNAGv5201kGbo>.r_iQ4e7myBc0DSPRkp2u{grid-template-columns:var(--layout-side-bar-width) auto;grid-template-areas:"side content" ". content"}.Sax5A5AqDPokwTlrUZu5>.r_iQ4e7myBc0DSPRkp2u,.Nkg7pjNAPCenCQZY8gLg>.r_iQ4e7myBc0DSPRkp2u{grid-template-columns:auto var(--layout-side-bar-width);grid-template-areas:"content side" "content ."}.XRYEv9hWhdcl2OHap6fQ,.SmA7SjLAZLofOenJZAWg{display:grid;grid-template-rows:var(--layout-header-height) auto var(--layout-footer-height);gap:0px}.XRYEv9hWhdcl2OHap6fQ{grid-template-columns:var(--layout-side-bar-width) auto;grid-template-areas:"side header" "side content" "side footer"}.SmA7SjLAZLofOenJZAWg{grid-template-columns:auto var(--layout-side-bar-width);grid-template-areas:"header side" "content side" "footer side"}.UhPmIL0kNAGv5201kGbo>.r_iQ4e7myBc0DSPRkp2u,.Nkg7pjNAPCenCQZY8gLg>.r_iQ4e7myBc0DSPRkp2u{display:grid;grid-template-rows:auto}.UhPmIL0kNAGv5201kGbo>.r_iQ4e7myBc0DSPRkp2u>.E2socS6t6fugHzd2ATQy,.Nkg7pjNAPCenCQZY8gLg>.r_iQ4e7myBc0DSPRkp2u>.E2socS6t6fugHzd2ATQy{top:0;min-height:calc(var(--layout-height) - var(--layout-footer-height));max-height:var(--layout-height)}.UT3CcVcTx9pLwV2GGFGi,.tzvYxycvFA9rcOf26LP7{display:grid;grid-template-rows:auto var(--layout-footer-height);gap:0px}.UT3CcVcTx9pLwV2GGFGi{grid-template-columns:var(--layout-side-bar-width) auto;grid-template-areas:"side content" "side footer"}.tzvYxycvFA9rcOf26LP7{grid-template-columns:auto var(--layout-side-bar-width);grid-template-areas:"content side" "footer side"}.Wz4q5vQzeOw8RbDr0rOF,.GkLVEZcHiQyvuSh0RLU5{display:grid;grid-template-rows:var(--layout-header-height) auto;min-height:calc(100% - var(--layout-header-height));gap:0px}.Wz4q5vQzeOw8RbDr0rOF>.E2socS6t6fugHzd2ATQy,.GkLVEZcHiQyvuSh0RLU5>.E2socS6t6fugHzd2ATQy{top:var(--layout-header-height);height:calc(var(--layout-height) - var(--layout-header-height))}.Wz4q5vQzeOw8RbDr0rOF{grid-template-columns:var(--layout-side-bar-width) auto;grid-template-areas:"header header" "side content" ". content"}.GkLVEZcHiQyvuSh0RLU5{grid-template-columns:auto var(--layout-side-bar-width);grid-template-areas:"header header" "content side" "content ."}.cFlRZr9kGWMtc0nRYCWE,.DzmD_4Su8YXCKKIwXjG1{display:grid;grid-template-rows:var(--layout-header-height) auto;gap:0px}.cFlRZr9kGWMtc0nRYCWE>.k2yu7eCpEzToH_ynBglg,.DzmD_4Su8YXCKKIwXjG1>.k2yu7eCpEzToH_ynBglg{min-height:calc(var(--layout-height) - var(--layout-header-height))}.cFlRZr9kGWMtc0nRYCWE{grid-template-columns:var(--layout-side-bar-width) auto;grid-template-areas:"side header" "side content"}.DzmD_4Su8YXCKKIwXjG1{grid-template-columns:auto var(--layout-side-bar-width);grid-template-areas:"header side" "content side"}.sm5xSKZmdrGS3a6b5rcN{display:grid;grid-template-rows:auto var(--layout-footer-height);grid-template-columns:1fr;gap:0px;grid-template-areas:"content" "footer"}.qxhkwYH_Y7uyvMDH8JyZ{display:grid;grid-template-rows:var(--layout-header-height) auto;grid-template-columns:1fr;gap:0px;grid-template-areas:"header" "content"}.sAEoDcBqMzkziXXvgv8X,.jxy4KSYJK23WN2rx2CDS,.wVTitTPpRyG8XfbxJGhy,.mKVYywd6gr5_u2naW5_u{display:grid;grid-template-rows:100%;grid-template-columns:var(--layout-side-bar-width) auto;gap:0px;grid-template-areas:"side content" ". content"}.mKVYywd6gr5_u2naW5_u,.jxy4KSYJK23WN2rx2CDS{grid-template-areas:"content side" "content .";grid-template-columns:auto var(--layout-side-bar-width)}',""]),i.locals={"en-layout":"LcdTDTWWkxGZFXQc8XNV","en-layout-header":"CxCt7n1zXeDfFdmgQAme","en-layout-side":"E2socS6t6fugHzd2ATQy","en-layout-main":"k2yu7eCpEzToH_ynBglg","en-layout-footer":"zWuykaXyereS6ELF7SHy","en-layout-header-no-sticky":"O6AnGNbL5r3nPmEFEv73","en-layout-simple-all":"ognI7wqsq0lXqSVkJ0cj","en-layout-content":"r_iQ4e7myBc0DSPRkp2u","en-layout-side-right-all":"Sax5A5AqDPokwTlrUZu5","en-layout-simple-no-footer":"Wz4q5vQzeOw8RbDr0rOF","en-layout-side-right-no-footer":"GkLVEZcHiQyvuSh0RLU5","en-layout-side-full":"rZPYzoPjyQP7sDeJbPjp","en-layout-simple-no-header":"UhPmIL0kNAGv5201kGbo","en-layout-side-right-no-header":"Nkg7pjNAPCenCQZY8gLg","en-layout-side-full-all":"XRYEv9hWhdcl2OHap6fQ","en-layout-side-right-full-all":"SmA7SjLAZLofOenJZAWg","en-layout-side-full-no-header":"UT3CcVcTx9pLwV2GGFGi","en-layout-side-right-full-no-header":"tzvYxycvFA9rcOf26LP7","en-layout-side-full-no-footer":"cFlRZr9kGWMtc0nRYCWE","en-layout-side-right-full-no-footer":"DzmD_4Su8YXCKKIwXjG1","en-layout-only-footer":"sm5xSKZmdrGS3a6b5rcN","en-layout-only-header":"qxhkwYH_Y7uyvMDH8JyZ","en-layout-simple-only-side":"sAEoDcBqMzkziXXvgv8X","en-layout-side-right-only-side":"jxy4KSYJK23WN2rx2CDS","en-layout-side-full-only-side":"wVTitTPpRyG8XfbxJGhy","en-layout-side-right-full-only-side":"mKVYywd6gr5_u2naW5_u"};const l=i},411:(e,r,a)=>{var n,o;e.exports=(n={xcn:()=>t.xcn},o={},a.d(o,n),o)},540:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},601:e=>{e.exports=function(e){return e[1]}},649:(e,t,a)=>{var n,o;e.exports=(n={Children:()=>r.Children,Fragment:()=>r.Fragment,createElement:()=>r.createElement,default:()=>r.default,forwardRef:()=>r.forwardRef,isValidElement:()=>r.isValidElement},o={},a.d(o,n),o)},659:e=>{var t={};e.exports=function(e,r){var a=function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(r)}},825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(r){!function(e,t,r){var a="";r.supports&&(a+="@supports (".concat(r.supports,") {")),r.media&&(a+="@media ".concat(r.media," {"));var n=void 0!==r.layer;n&&(a+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),a+=r.css,n&&(a+="}"),r.media&&(a+="}"),r.supports&&(a+="}");var o=r.sourceMap;o&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),t.styleTagTransform(a,e,t.options)}(t,e,r)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={id:e,exports:{}};return a[e](r,r.exports,o),r.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.nc=void 0;var i={};o.d(i,{wb:()=>W,Ht:()=>Q,zE:()=>R,n5:()=>A,AX:()=>L,PE:()=>W,A1:()=>Q,cZ:()=>R,KL:()=>A,nb:()=>L});var l=o(649),u=o(411),c=o(72),s=o.n(c),d=o(825),y=o.n(d),h=o(659),f=o.n(h),p=o(56),g=o.n(p),m=o(540),v=o.n(m),b=o(113),w=o.n(b),S=o(384),O={};O.styleTagTransform=w(),O.setAttributes=g(),O.insert=f().bind(null,"head"),O.domAPI=y(),O.insertStyleElement=v(),s()(S.A,O);const x=S.A&&S.A.locals?S.A.locals:void 0;var E=["className","children","height","noSticky"];function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},P.apply(null,arguments)}var A=l.default.forwardRef((function(e,t){var r=e.className,a=e.children,n=(e.height,e.noSticky,function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)r=o[a],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,E));return l.default.createElement("div",P({ref:t,className:(0,u.xcn)(x["en-layout-header"],r)},n,{"data-earthnut-ui":"layout-header"}),a)}));A.displayName="LayoutHeader";var k=["className","width","right","full"];function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},j.apply(null,arguments)}var L=l.default.forwardRef((function(e,t){var r=e.className,a=(e.width,e.right,e.full,function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)r=o[a],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,k));return l.default.createElement("div",j({className:(0,u.xcn)(x["en-layout-side"],r),ref:t},a,{"data-earthnut-ui":"layout-side-bar"}))}));L.displayName="LayoutSideBar";var N=["className"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},D.apply(null,arguments)}var Q=l.default.forwardRef((function(e,t){var r=e.className,a=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)r=o[a],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,N);return l.default.createElement("main",D({ref:t,className:(0,u.xcn)(x["en-layout-main"],r)},a,{"data-earthnut-ui":"layout-content"}))}));Q.displayName="LayoutContent";var z=["className","height"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},T.apply(null,arguments)}var R=l.default.forwardRef((function(e,t){var r=e.className,a=(e.height,function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)r=o[a],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,z));return l.default.createElement("div",T({ref:t},a,{className:(0,u.xcn)(x["en-layout-footer"],r),"data-earthnut-ui":"layout-footer"}))}));R.displayName="LayoutFooter";var C=o(362);function G(e){return G="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},G(e)}var F=["className","children","style","width","height"];function H(){return H=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},H.apply(null,arguments)}function X(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function Z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?X(Object(r),!0).forEach((function(t){_(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _(e,t,r){return(t=function(e){var t=function(e){if("object"!=G(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=G(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==G(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var W=l.forwardRef((function(e,t){var r,a,n,o,i=e.className,c=e.children,s=e.style,d=e.width,y=void 0===d?"100vw":d,h=e.height,f=void 0===h?"100vh":h,p=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)r=o[a],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,F),g="simple",m="",v=!1,b=!1,w=!1,S=!1,O=150,E="2.8rem",P="2rem",k=!1;l.Children.forEach(c,(function(e){if(l.isValidElement(e))if(v||e.type!==A)if(b||e.type!==L)w||e.type!==Q?w||e.type!==W?S||e.type!==R||(P=e.props.height||P,o=e,S=!0):(n=l.createElement("main",{"data-earthnut-ui":"layout-content",className:(0,u.xcn)(x["en-layout-main"])},e),w=!0):(n=e,w=!0);else{var t=e.props;O=t.width||O,g=t.right&&t.full?"side-right-full":t.right?"side-right":t.full?"side-full":"simple",k=(0,C.isTrue)(t.full),a=e,b=!0}else{var i=e.props;E=i.height||E,m=i.noSticky?x["en-layout-header-no-sticky"]:"",r=e,v=!0}}));var j=v&&b&&w&&S&&x["en-layout-".concat(g,"-all")]||v&&w&&b&&x["en-layout-".concat(g,"-no-footer")]||b&&w&&S&&x["en-layout-".concat(g,"-no-header")]||w&&S&&x["en-layout-only-footer"]||w&&v&&x["en-layout-only-header"]||w&&b&&(k=!0)&&x["en-layout-".concat(g,"-only-side")]||"";return l.createElement("div",H({ref:t,className:(0,u.xcn)(x["en-layout"],k&&x["en-layout-side-full"],j,m,i),style:Z({"--layout-width":q(y),"--layout-height":q(f),"--layout-side-bar-width":q(O),"--layout-header-height":q(E),"--layout-footer-height":q(P)},s)},p,{"data-earthnut-ui":"layout"}),/side.*full/.test(g)?l.createElement(l.Fragment,null,a,r,n,o):l.createElement(l.Fragment,null,r,S?l.createElement("div",{className:(0,u.xcn)(x["en-layout-content"]),"data-earthnut-ui":"layout-with-foot-content"},a,n):l.createElement(l.Fragment,null,a,n),o))}));function q(e){return(0,C.isNumber)(e)||parseInt(e)===Number(e)?e+"px":e||0}W.displayName="Layout";const Y=i.wb,V=i.Ht,I=i.zE,B=i.n5,K=i.AX,U=i.PE,J=i.A1,M=i.cZ,$=i.KL,ee=i.nb;export{Y as EnLayout,V as EnLayoutContent,I as EnLayoutFooter,B as EnLayoutHeader,K as EnLayoutSideBar,U as Layout,J as LayoutContent,M as LayoutFooter,$ as LayoutHeader,ee as LayoutSideBar};
+"use client";import*as e from"a-js-tools";import*as t from"a-type-of-js";import*as n from"react";import*as r from"xcn";var a={161:(t,n,r)=>{t.exports=(e=>{var t={};return r.d(t,e),t})({getRandomString:()=>e.getRandomString})},362:(e,n,r)=>{e.exports=(e=>{var t={};return r.d(t,e),t})({isNumber:()=>t.isNumber,isTrue:()=>t.isTrue})},502:()=>{function e(t){"@babel/helpers - typeof";return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,n(a.key),a)}}function n(t){var n=function(t,n){if("object"!=e(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=e(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==e(n)?n:n+""}new(function(){return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}((function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var t=function(){};return Object.setPrototypeOf(t,this),Object.defineProperties(t,{info:{value:function(){},configurable:!1,writable:!1},warn:{value:function(){},configurable:!1,writable:!1},error:{value:function(){},configurable:!1,writable:!1},type:{value:!1,configurable:!1,writable:!1}}),t}),[{key:"clear",value:function(){}}])}())({name:"earthnut",type:!1})},581:(e,t,n)=>{n.d(t,{AH:()=>Gt,Ay:()=>Yt,I4:()=>Yt});var r=function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},r.apply(this,arguments)};Object.create;function a(e,t,n){if(n||2===arguments.length)for(var r,a=0,o=t.length;a<o;a++)!r&&a in t||(r||(r=Array.prototype.slice.call(t,0,a)),r[a]=t[a]);return e.concat(r||Array.prototype.slice.call(t))}Object.create;"function"==typeof SuppressedError&&SuppressedError;var o=n(649),i=n(833),s=n.n(i),c="-ms-",u="-moz-",l="-webkit-",f="comm",d="rule",p="decl",h="@keyframes",y=Math.abs,g=String.fromCharCode,m=Object.assign;function v(e){return e.trim()}function b(e,t){return(e=t.exec(e))?e[0]:e}function w(e,t,n){return e.replace(t,n)}function S(e,t,n){return e.indexOf(t,n)}function O(e,t){return 0|e.charCodeAt(t)}function x(e,t,n){return e.slice(t,n)}function P(e){return e.length}function j(e){return e.length}function E(e,t){return t.push(e),e}function $(e,t){return e.filter((function(e){return!b(e,t)}))}var A=1,N=1,C=0,I=0,k=0,R="";function T(e,t,n,r,a,o,i,s){return{value:e,root:t,parent:n,type:r,props:a,children:o,line:A,column:N,length:i,return:"",siblings:s}}function _(e,t){return m(T("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function z(e){for(;e.root;)e=_(e.root,{children:[e]});E(e,e.siblings)}function H(){return k=I>0?O(R,--I):0,N--,10===k&&(N=1,A--),k}function D(){return k=I<C?O(R,I++):0,N++,10===k&&(N=1,A++),k}function L(){return O(R,I)}function F(){return I}function B(e,t){return x(R,e,t)}function G(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function M(e){return A=N=1,C=P(R=e),I=0,[]}function W(e){return R="",e}function Y(e){return v(B(I-1,U(91===e?e+2:40===e?e+1:e)))}function V(e){for(;(k=L())&&k<33;)D();return G(e)>2||G(k)>3?"":" "}function q(e,t){for(;--t&&D()&&!(k<48||k>102||k>57&&k<65||k>70&&k<97););return B(e,F()+(t<6&&32==L()&&32==D()))}function U(e){for(;D();)switch(k){case e:return I;case 34:case 39:34!==e&&39!==e&&U(k);break;case 40:41===e&&U(e);break;case 92:D()}return I}function Z(e,t){for(;D()&&e+k!==57&&(e+k!==84||47!==L()););return"/*"+B(t,I-1)+"*"+g(47===e?e:D())}function K(e){for(;!G(L());)D();return B(e,I)}function X(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function J(e,t,n,r){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case p:return e.return=e.return||e.value;case f:return"";case h:return e.return=e.value+"{"+X(e.children,r)+"}";case d:if(!P(e.value=e.props.join(",")))return""}return P(n=X(e.children,r))?e.return=e.value+"{"+n+"}":""}function Q(e,t,n){switch(function(e,t){return 45^O(e,0)?(((t<<2^O(e,0))<<2^O(e,1))<<2^O(e,2))<<2^O(e,3):0}(e,t)){case 5103:return l+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return l+e+e;case 4789:return u+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return l+e+u+e+c+e+e;case 5936:switch(O(e,t+11)){case 114:return l+e+c+w(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return l+e+c+w(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return l+e+c+w(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return l+e+c+e+e;case 6165:return l+e+c+"flex-"+e+e;case 5187:return l+e+w(e,/(\w+).+(:[^]+)/,l+"box-$1$2"+c+"flex-$1$2")+e;case 5443:return l+e+c+"flex-item-"+w(e,/flex-|-self/g,"")+(b(e,/flex-|baseline/)?"":c+"grid-row-"+w(e,/flex-|-self/g,""))+e;case 4675:return l+e+c+"flex-line-pack"+w(e,/align-content|flex-|-self/g,"")+e;case 5548:return l+e+c+w(e,"shrink","negative")+e;case 5292:return l+e+c+w(e,"basis","preferred-size")+e;case 6060:return l+"box-"+w(e,"-grow","")+l+e+c+w(e,"grow","positive")+e;case 4554:return l+w(e,/([^-])(transform)/g,"$1"+l+"$2")+e;case 6187:return w(w(w(e,/(zoom-|grab)/,l+"$1"),/(image-set)/,l+"$1"),e,"")+e;case 5495:case 3959:return w(e,/(image-set\([^]*)/,l+"$1$`$1");case 4968:return w(w(e,/(.+:)(flex-)?(.*)/,l+"box-pack:$3"+c+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+l+e+e;case 4200:if(!b(e,/flex-|baseline/))return c+"grid-column-align"+x(e,t)+e;break;case 2592:case 3360:return c+w(e,"template-","")+e;case 4384:case 3616:return n&&n.some((function(e,n){return t=n,b(e.props,/grid-\w+-end/)}))?~S(e+(n=n[t].value),"span",0)?e:c+w(e,"-start","")+e+c+"grid-row-span:"+(~S(n,"span",0)?b(n,/\d+/):+b(n,/\d+/)-+b(e,/\d+/))+";":c+w(e,"-start","")+e;case 4896:case 4128:return n&&n.some((function(e){return b(e.props,/grid-\w+-start/)}))?e:c+w(w(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return w(e,/(.+)-inline(.+)/,l+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(P(e)-1-t>6)switch(O(e,t+1)){case 109:if(45!==O(e,t+4))break;case 102:return w(e,/(.+:)(.+)-([^]+)/,"$1"+l+"$2-$3$1"+u+(108==O(e,t+3)?"$3":"$2-$3"))+e;case 115:return~S(e,"stretch",0)?Q(w(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return w(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,a,o,i,s){return c+n+":"+r+s+(a?c+n+"-span:"+(o?i:+i-+r)+s:"")+e}));case 4949:if(121===O(e,t+6))return w(e,":",":"+l)+e;break;case 6444:switch(O(e,45===O(e,14)?18:11)){case 120:return w(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+l+(45===O(e,14)?"inline-":"")+"box$3$1"+l+"$2$3$1"+c+"$2box$3")+e;case 100:return w(e,":",":"+c)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return w(e,"scroll-","scroll-snap-")+e}return e}function ee(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case p:return void(e.return=Q(e.value,e.length,n));case h:return X([_(e,{value:w(e.value,"@","@"+l)})],r);case d:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,(function(t){switch(b(t,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":z(_(e,{props:[w(t,/:(read-\w+)/,":-moz-$1")]})),z(_(e,{props:[t]})),m(e,{props:$(n,r)});break;case"::placeholder":z(_(e,{props:[w(t,/:(plac\w+)/,":"+l+"input-$1")]})),z(_(e,{props:[w(t,/:(plac\w+)/,":-moz-$1")]})),z(_(e,{props:[w(t,/:(plac\w+)/,c+"input-$1")]})),z(_(e,{props:[t]})),m(e,{props:$(n,r)})}return""}))}}function te(e){return W(ne("",null,null,null,[""],e=M(e),0,[0],e))}function ne(e,t,n,r,a,o,i,s,c){for(var u=0,l=0,f=i,d=0,p=0,h=0,m=1,v=1,b=1,x=0,j="",$=a,A=o,N=r,C=j;v;)switch(h=x,x=D()){case 40:if(108!=h&&58==O(C,f-1)){-1!=S(C+=w(Y(x),"&","&\f"),"&\f",y(u?s[u-1]:0))&&(b=-1);break}case 34:case 39:case 91:C+=Y(x);break;case 9:case 10:case 13:case 32:C+=V(h);break;case 92:C+=q(F()-1,7);continue;case 47:switch(L()){case 42:case 47:E(ae(Z(D(),F()),t,n,c),c);break;default:C+="/"}break;case 123*m:s[u++]=P(C)*b;case 125*m:case 59:case 0:switch(x){case 0:case 125:v=0;case 59+l:-1==b&&(C=w(C,/\f/g,"")),p>0&&P(C)-f&&E(p>32?oe(C+";",r,n,f-1,c):oe(w(C," ","")+";",r,n,f-2,c),c);break;case 59:C+=";";default:if(E(N=re(C,t,n,u,l,a,s,j,$=[],A=[],f,o),o),123===x)if(0===l)ne(C,t,N,N,$,o,f,s,A);else switch(99===d&&110===O(C,3)?100:d){case 100:case 108:case 109:case 115:ne(e,N,N,r&&E(re(e,N,N,0,0,a,s,j,a,$=[],f,A),A),a,A,f,s,r?$:A);break;default:ne(C,N,N,N,[""],A,0,s,A)}}u=l=p=0,m=b=1,j=C="",f=i;break;case 58:f=1+P(C),p=h;default:if(m<1)if(123==x)--m;else if(125==x&&0==m++&&125==H())continue;switch(C+=g(x),x*m){case 38:b=l>0?1:(C+="\f",-1);break;case 44:s[u++]=(P(C)-1)*b,b=1;break;case 64:45===L()&&(C+=Y(D())),d=L(),l=f=P(j=C+=K(F())),x++;break;case 45:45===h&&2==P(C)&&(m=0)}}return o}function re(e,t,n,r,a,o,i,s,c,u,l,f){for(var p=a-1,h=0===a?o:[""],g=j(h),m=0,b=0,S=0;m<r;++m)for(var O=0,P=x(e,p+1,p=y(b=i[m])),E=e;O<g;++O)(E=v(b>0?h[O]+" "+P:w(P,/&\f/g,h[O])))&&(c[S++]=E);return T(e,t,n,0===a?d:s,c,u,l,f)}function ae(e,t,n,r){return T(e,t,n,f,g(k),x(e,2,-2),0,r)}function oe(e,t,n,r,a){return T(e,t,n,p,x(e,0,r),x(e,r+1,-1),r,a)}var ie={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},se="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",ce="active",ue="data-styled-version",le="6.1.19",fe="/*!sc*/\n",de="undefined"!=typeof window&&"undefined"!=typeof document,pe=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY&&("false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY)),he=(new Set,Object.freeze([])),ye=Object.freeze({});function ge(e,t,n){return void 0===n&&(n=ye),e.theme!==n.theme&&e.theme||t||n.theme}var me=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),ve=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,be=/(^-|-$)/g;function we(e){return e.replace(ve,"-").replace(be,"")}var Se=/(a)(d)/gi,Oe=function(e){return String.fromCharCode(e+(e>25?39:97))};function xe(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Oe(t%52)+n;return(Oe(t%52)+n).replace(Se,"$1-$2")}var Pe,je=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Ee=function(e){return je(5381,e)};function $e(e){return xe(Ee(e)>>>0)}function Ae(e){return e.displayName||e.name||"Component"}function Ne(e){return"string"==typeof e&&!0}var Ce="function"==typeof Symbol&&Symbol.for,Ie=Ce?Symbol.for("react.memo"):60115,ke=Ce?Symbol.for("react.forward_ref"):60112,Re={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Te={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},_e={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},ze=((Pe={})[ke]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Pe[Ie]=_e,Pe);function He(e){return("type"in(t=e)&&t.type.$$typeof)===Ie?_e:"$$typeof"in e?ze[e.$$typeof]:Re;var t}var De=Object.defineProperty,Le=Object.getOwnPropertyNames,Fe=Object.getOwnPropertySymbols,Be=Object.getOwnPropertyDescriptor,Ge=Object.getPrototypeOf,Me=Object.prototype;function We(e,t,n){if("string"!=typeof t){if(Me){var r=Ge(t);r&&r!==Me&&We(e,r,n)}var a=Le(t);Fe&&(a=a.concat(Fe(t)));for(var o=He(e),i=He(t),s=0;s<a.length;++s){var c=a[s];if(!(c in Te||n&&n[c]||i&&c in i||o&&c in o)){var u=Be(t,c);try{De(e,c,u)}catch(e){}}}}return e}function Ye(e){return"function"==typeof e}function Ve(e){return"object"==typeof e&&"styledComponentId"in e}function qe(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Ue(e,t){if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=t?t+e[r]:e[r];return n}function Ze(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Ke(e,t,n){if(void 0===n&&(n=!1),!n&&!Ze(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=Ke(e[r],t[r]);else if(Ze(t))for(var r in t)e[r]=Ke(e[r],t[r]);return e}function Xe(e,t){Object.defineProperty(e,"toString",{value:t})}function Je(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):""))}var Qe=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,a=r;e>=a;)if((a<<=1)<0)throw Je(16,"".concat(e));this.groupSizes=new Uint32Array(a),this.groupSizes.set(n),this.length=a;for(var o=r;o<a;o++)this.groupSizes[o]=0}for(var i=this.indexOfGroup(e+1),s=(o=0,t.length);o<s;o++)this.tag.insertRule(i,t[o])&&(this.groupSizes[e]++,i++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var a=n;a<r;a++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),a=r+n,o=r;o<a;o++)t+="".concat(this.tag.getRule(o)).concat(fe);return t},e}(),et=new Map,tt=new Map,nt=1,rt=function(e){if(et.has(e))return et.get(e);for(;tt.has(nt);)nt++;var t=nt++;return et.set(e,t),tt.set(t,e),t},at=function(e,t){nt=t+1,et.set(e,t),tt.set(t,e)},ot="style[".concat(se,"][").concat(ue,'="').concat(le,'"]'),it=new RegExp("^".concat(se,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),st=function(e,t,n){for(var r,a=n.split(","),o=0,i=a.length;o<i;o++)(r=a[o])&&e.registerName(t,r)},ct=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split(fe),a=[],o=0,i=r.length;o<i;o++){var s=r[o].trim();if(s){var c=s.match(it);if(c){var u=0|parseInt(c[1],10),l=c[2];0!==u&&(at(l,u),st(e,l,c[3]),e.getTag().insertRules(u,a)),a.length=0}else a.push(s)}}},ut=function(e){for(var t=document.querySelectorAll(ot),n=0,r=t.length;n<r;n++){var a=t[n];a&&a.getAttribute(se)!==ce&&(ct(e,a),a.parentNode&&a.parentNode.removeChild(a))}};function lt(){return n.nc}var ft=function(e){var t=document.head,n=e||t,r=document.createElement("style"),a=function(e){var t=Array.from(e.querySelectorAll("style[".concat(se,"]")));return t[t.length-1]}(n),o=void 0!==a?a.nextSibling:null;r.setAttribute(se,ce),r.setAttribute(ue,le);var i=lt();return i&&r.setAttribute("nonce",i),n.insertBefore(r,o),r},dt=function(){function e(e){this.element=ft(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var a=t[n];if(a.ownerNode===e)return a}throw Je(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),pt=function(){function e(e){this.element=ft(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),ht=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),yt=de,gt={isServer:!de,useCSSOMInjection:!pe},mt=function(){function e(e,t,n){void 0===e&&(e=ye),void 0===t&&(t={});var a=this;this.options=r(r({},gt),e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&de&&yt&&(yt=!1,ut(this)),Xe(this,(function(){return function(e){for(var t=e.getTag(),n=t.length,r="",a=function(n){var a=function(e){return tt.get(e)}(n);if(void 0===a)return"continue";var o=e.names.get(a),i=t.getGroup(n);if(void 0===o||!o.size||0===i.length)return"continue";var s="".concat(se,".g").concat(n,'[id="').concat(a,'"]'),c="";void 0!==o&&o.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),r+="".concat(i).concat(s,'{content:"').concat(c,'"}').concat(fe)},o=0;o<n;o++)a(o);return r}(a)}))}return e.registerId=function(e){return rt(e)},e.prototype.rehydrate=function(){!this.server&&de&&ut(this)},e.prototype.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(r(r({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new ht(n):t?new dt(n):new pt(n)}(this.options),new Qe(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(rt(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(rt(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(rt(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),vt=/&/g,bt=/^\s*\/\/.*$/gm;function wt(e,t){return e.map((function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map((function(e){return"".concat(t," ").concat(e)}))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=wt(e.children,t)),e}))}function St(e){var t,n,r,a=void 0===e?ye:e,o=a.options,i=void 0===o?ye:o,s=a.plugins,c=void 0===s?he:s,u=function(e,r,a){return a.startsWith(n)&&a.endsWith(n)&&a.replaceAll(n,"").length>0?".".concat(t):e},l=c.slice();l.push((function(e){e.type===d&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(vt,n).replace(r,u))})),i.prefix&&l.push(ee),l.push(J);var f=function(e,a,o,s){void 0===a&&(a=""),void 0===o&&(o=""),void 0===s&&(s="&"),t=s,n=a,r=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(bt,""),u=te(o||a?"".concat(o," ").concat(a," { ").concat(c," }"):c);i.namespace&&(u=wt(u,i.namespace));var f,d,p,h=[];return X(u,(f=l.concat((p=function(e){return h.push(e)},function(e){e.root||(e=e.return)&&p(e)})),d=j(f),function(e,t,n,r){for(var a="",o=0;o<d;o++)a+=f[o](e,t,n,r)||"";return a})),h};return f.hash=c.length?c.reduce((function(e,t){return t.name||Je(15),je(e,t.name)}),5381).toString():"",f}var Ot=new mt,xt=St(),Pt=o.default.createContext({shouldForwardProp:void 0,styleSheet:Ot,stylis:xt}),jt=(Pt.Consumer,o.default.createContext(void 0));function Et(){return(0,o.useContext)(Pt)}function $t(e){var t=(0,o.useState)(e.stylisPlugins),n=t[0],r=t[1],a=Et().styleSheet,i=(0,o.useMemo)((function(){var t=a;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target,a]),c=(0,o.useMemo)((function(){return St({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:n})}),[e.enableVendorPrefixes,e.namespace,n]);(0,o.useEffect)((function(){s()(n,e.stylisPlugins)||r(e.stylisPlugins)}),[e.stylisPlugins]);var u=(0,o.useMemo)((function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:i,stylis:c}}),[e.shouldForwardProp,i,c]);return o.default.createElement(Pt.Provider,{value:u},o.default.createElement(jt.Provider,{value:c},e.children))}var At=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=xt);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,Xe(this,(function(){throw Je(12,String(n.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=xt),this.name+e.hash},e}(),Nt=function(e){return e>="A"&&e<="Z"};function Ct(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;Nt(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var It=function(e){return null==e||!1===e||""===e},kt=function(e){var t,n,r=[];for(var o in e){var i=e[o];e.hasOwnProperty(o)&&!It(i)&&(Array.isArray(i)&&i.isCss||Ye(i)?r.push("".concat(Ct(o),":"),i,";"):Ze(i)?r.push.apply(r,a(a(["".concat(o," {")],kt(i),!1),["}"],!1)):r.push("".concat(Ct(o),": ").concat((t=o,null==(n=i)||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||t in ie||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function Rt(e,t,n,r){return It(e)?[]:Ve(e)?[".".concat(e.styledComponentId)]:Ye(e)?!Ye(a=e)||a.prototype&&a.prototype.isReactComponent||!t?[e]:Rt(e(t),t,n,r):e instanceof At?n?(e.inject(n,r),[e.getName(r)]):[e]:Ze(e)?kt(e):Array.isArray(e)?Array.prototype.concat.apply(he,e.map((function(e){return Rt(e,t,n,r)}))):[e.toString()];var a}function Tt(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Ye(n)&&!Ve(n))return!1}return!0}var _t=Ee(le),zt=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===n||n.isStatic)&&Tt(e),this.componentId=t,this.baseHash=je(_t,t),this.baseStyle=n,mt.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=qe(r,this.staticRulesId);else{var a=Ue(Rt(this.rules,e,t,n)),o=xe(je(this.baseHash,a)>>>0);if(!t.hasNameForId(this.componentId,o)){var i=n(a,".".concat(o),void 0,this.componentId);t.insertRules(this.componentId,o,i)}r=qe(r,o),this.staticRulesId=o}else{for(var s=je(this.baseHash,n.hash),c="",u=0;u<this.rules.length;u++){var l=this.rules[u];if("string"==typeof l)c+=l;else if(l){var f=Ue(Rt(l,e,t,n));s=je(s,f+u),c+=f}}if(c){var d=xe(s>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),r=qe(r,d)}}return r},e}(),Ht=o.default.createContext(void 0);Ht.Consumer;var Dt={};new Set;function Lt(e,t,n){var a=Ve(e),i=e,s=!Ne(e),c=t.attrs,u=void 0===c?he:c,l=t.componentId,f=void 0===l?function(e,t){var n="string"!=typeof e?"sc":we(e);Dt[n]=(Dt[n]||0)+1;var r="".concat(n,"-").concat($e(le+n+Dt[n]));return t?"".concat(t,"-").concat(r):r}(t.displayName,t.parentComponentId):l,d=t.displayName,p=void 0===d?function(e){return Ne(e)?"styled.".concat(e):"Styled(".concat(Ae(e),")")}(e):d,h=t.displayName&&t.componentId?"".concat(we(t.displayName),"-").concat(t.componentId):t.componentId||f,y=a&&i.attrs?i.attrs.concat(u).filter(Boolean):u,g=t.shouldForwardProp;if(a&&i.shouldForwardProp){var m=i.shouldForwardProp;if(t.shouldForwardProp){var v=t.shouldForwardProp;g=function(e,t){return m(e,t)&&v(e,t)}}else g=m}var b=new zt(n,h,a?i.componentStyle:void 0);function w(e,t){return function(e,t,n){var a=e.attrs,i=e.componentStyle,s=e.defaultProps,c=e.foldedComponentIds,u=e.styledComponentId,l=e.target,f=o.default.useContext(Ht),d=Et(),p=e.shouldForwardProp||d.shouldForwardProp,h=ge(t,f,s)||ye,y=function(e,t,n){for(var a,o=r(r({},t),{className:void 0,theme:n}),i=0;i<e.length;i+=1){var s=Ye(a=e[i])?a(o):a;for(var c in s)o[c]="className"===c?qe(o[c],s[c]):"style"===c?r(r({},o[c]),s[c]):s[c]}return t.className&&(o.className=qe(o.className,t.className)),o}(a,t,h),g=y.as||l,m={};for(var v in y)void 0===y[v]||"$"===v[0]||"as"===v||"theme"===v&&y.theme===h||("forwardedAs"===v?m.as=y.forwardedAs:p&&!p(v,g)||(m[v]=y[v]));var b=function(e,t){var n=Et();return e.generateAndInjectStyles(t,n.styleSheet,n.stylis)}(i,y),w=qe(c,u);return b&&(w+=" "+b),y.className&&(w+=" "+y.className),m[Ne(g)&&!me.has(g)?"class":"className"]=w,n&&(m.ref=n),(0,o.createElement)(g,m)}(S,e,t)}w.displayName=p;var S=o.default.forwardRef(w);return S.attrs=y,S.componentStyle=b,S.displayName=p,S.shouldForwardProp=g,S.foldedComponentIds=a?qe(i.foldedComponentIds,i.styledComponentId):"",S.styledComponentId=h,S.target=a?i.target:e,Object.defineProperty(S,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=a?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,a=t;r<a.length;r++)Ke(e,a[r],!0);return e}({},i.defaultProps,e):e}}),Xe(S,(function(){return".".concat(S.styledComponentId)})),s&&We(S,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),S}function Ft(e,t){for(var n=[e[0]],r=0,a=t.length;r<a;r+=1)n.push(t[r],e[r+1]);return n}var Bt=function(e){return Object.assign(e,{isCss:!0})};function Gt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(Ye(e)||Ze(e))return Bt(Rt(Ft(he,a([e],t,!0))));var r=e;return 0===t.length&&1===r.length&&"string"==typeof r[0]?Rt(r):Bt(Rt(Ft(r,t)))}function Mt(e,t,n){if(void 0===n&&(n=ye),!t)throw Je(1,t);var o=function(r){for(var o=[],i=1;i<arguments.length;i++)o[i-1]=arguments[i];return e(t,n,Gt.apply(void 0,a([r],o,!1)))};return o.attrs=function(a){return Mt(e,t,r(r({},n),{attrs:Array.prototype.concat(n.attrs,a).filter(Boolean)}))},o.withConfig=function(a){return Mt(e,t,r(r({},n),a))},o}var Wt=function(e){return Mt(Lt,e)},Yt=Wt;me.forEach((function(e){Yt[e]=Wt(e)}));!function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Tt(e),mt.registerId(this.componentId+1)}e.prototype.createStyles=function(e,t,n,r){var a=r(Ue(Rt(this.rules,t,n,r)),""),o=this.componentId+e;n.insertRules(o,o,a)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,n,r){e>2&&mt.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)}}();(function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return"";var n=lt(),r=Ue([n&&'nonce="'.concat(n,'"'),"".concat(se,'="true"'),"".concat(ue,'="').concat(le,'"')].filter(Boolean)," ");return"<style ".concat(r,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw Je(2);return e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)throw Je(2);var n=e.instance.toString();if(!n)return[];var a=((t={})[se]="",t[ue]=le,t.dangerouslySetInnerHTML={__html:n},t),i=lt();return i&&(a.nonce=i),[o.default.createElement("style",r({},a,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new mt({isServer:!0}),this.sealed=!1}e.prototype.collectStyles=function(e){if(this.sealed)throw Je(2);return o.default.createElement($t,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw Je(3)}})(),"__sc-".concat(se,"__")},649:(e,t,r)=>{e.exports=(e=>{var t={};return r.d(t,e),t})({Children:()=>n.Children,Fragment:()=>n.Fragment,cloneElement:()=>n.cloneElement,createElement:()=>n.createElement,default:()=>n.default,forwardRef:()=>n.forwardRef,isValidElement:()=>n.isValidElement,useContext:()=>n.useContext,useEffect:()=>n.useEffect,useMemo:()=>n.useMemo,useState:()=>n.useState})},833:e=>{e.exports=function(e,t,n,r){var a=n?n.call(r,e,t):void 0;if(void 0!==a)return!!a;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),i=Object.keys(t);if(o.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),c=0;c<o.length;c++){var u=o[c];if(!s(u))return!1;var l=e[u],f=t[u];if(!1===(a=n?n.call(r,l,f,u):void 0)||void 0===a&&l!==f)return!1}return!0}}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return a[e](n,n.exports,i),n.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.nc=void 0;var s={};i.d(s,{wb:()=>ge,Ht:()=>j,zE:()=>C,n5:()=>y,AX:()=>w,PE:()=>ge,A1:()=>j,cZ:()=>C,KL:()=>y,nb:()=>w});var c=i(649);const u=(e=>{var t={};return i.d(t,e),t})({xcn:()=>r.xcn});var l,f=i(581),d=["className","children","height","noSticky"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(null,arguments)}var h=f.Ay.div(l||(l=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n  grid-area: header;\n  position: sticky;\n  top: 0px;\n  left: 0px;\n  z-index: 10;\n  height: var(--layout-header-height);\n  box-shadow: 0 4px 13px -3px #0000001a;\n  overflow: hidden;\n"]))),y=c.default.forwardRef((function(e,t){var n=e.className,r=e.children,a=(e.height,e.noSticky,function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,d));return c.default.createElement(h,p({ref:t,className:(0,u.xcn)(["en-layout-header"],n)},a,{"data-earthnut-ui":"layout-header"}),r)}));y.displayName="LayoutHeader";var g,m=["className","width","right","full"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(null,arguments)}var b=f.Ay.div(g||(g=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n  position: sticky;\n  left: 0;\n  z-index: 8;\n  grid-area: side;\n  overflow-x: hidden;\n  overflow-y: auto;\n"]))),w=c.default.forwardRef((function(e,t){var n=e.className,r=(e.width,e.right,e.full,function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,m));return c.default.createElement(b,v({className:(0,u.xcn)("en-layout-side",n),ref:t},r,{"data-earthnut-ui":"layout-side-bar"}))}));w.displayName="LayoutSideBar";var S,O=["className"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},x.apply(null,arguments)}var P=f.Ay.main(S||(S=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n  grid-area: content;\n"]))),j=c.default.forwardRef((function(e,t){var n=e.className,r=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,O);return c.default.createElement(P,x({ref:t,className:(0,u.xcn)("en-layout-main",n)},r,{"data-earthnut-ui":"layout-content"}))}));j.displayName="LayoutContent";var E,$=["className","height"];function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},A.apply(null,arguments)}var N=f.Ay.div(E||(E=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n  grid-area: footer;\n  height: var(--layout-footer-height);\n  box-shadow: 0 -1px 13px 0px #0000001a;\n  overflow: hidden;\n"]))),C=c.default.forwardRef((function(e,t){var n=e.className,r=(e.height,function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,$));return c.default.createElement(N,A({ref:t},r,{className:(0,u.xcn)("en-layout-footer",n),"data-earthnut-ui":"layout-footer"}))}));C.displayName="LayoutFooter";var I,k,R,T,_,z,H,D,L,F,B,G,M,W,Y,V,q,U,Z,K,X,J,Q,ee,te,ne=i(362);function re(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var ae=f.I4.div(I||(I=re(["\n  position: relative;\n  top: 0px;\n  width: var(--layout-width);\n  height: var(--layout-height);\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  ","\n  // 侧边栏全屏样式\n  ","\n\n  // ------------------------------\n  // --- 标准模式（全）与侧边栏右置（全）共用样式 ---\n  // 标准模式（全）与侧边栏右置（全）\n  ","\n\n  // 标准模式（全） 侧边栏与内容区设置\n  ","\n  // 侧边栏（全） 侧边栏与内容区设置\n  ","\n\n   // 侧边栏 (全) 左侧全屏\n   // side bar 居左全尺寸\n   // side bar 值由 en-layout-side-full 控制\n  ","\n  \n  // 标准的 side bar 居左全尺寸\n  ","\n\n  // side bar 居右全尺寸\n  ","\n  \n  // ------------------------------\n  // --- 标准模式（无 header）与侧边栏在右侧的无头模式共用样式 ---\n  // 标准的无头模式样式、侧边栏在右侧的无头模式样式\n  ","\n  \n  // 侧边栏（无 header ）全屏\n  // side bar 居左全尺寸\n  // side bar 值由 en-layout-side-full 控制\n  ","\n\n  // 标准的 side bar 居左全尺寸\n  ","\n\n  // side bar 居右全尺寸\n  ","\n  \n  // ------------------------------\n  // 标准模式（无 footer）与侧边栏右置（无 footer）共用样式\n  // 没有 footer\n  ","\n  \n\n  // 标准模式（无 footer） 侧边栏与内容区设置\n  ","\n\n\n// 侧边栏在右侧的无 footer 模式样式\n  ","\n\n// 侧边栏 (全) 左侧全屏\n// side bar 居左全尺寸\n// side bar 值由 en-layout-side-full 控制\n","\n\n// 标准的 side bar 居左全尺寸\n  ","\n\n\n  // side bar 居右全尺寸\n  ","\n  \n  // ------------------------------\n  // --- 分割线  --- \n  // 下面是仅头部、底部和侧边栏布局\n  // 仅底部布局\n  ","\n\n  // 仅头部布局\n  ","\n  \n  // 仅侧边布局\n// 标准的无头模式样式、侧边栏在右侧的无头模式样式\n// side bar 值由 en-layout-side-full 控制\n  ","\n  \n  // 右侧侧边布局\n  ","\n"])),(function(e){var t=e.$headerNoSticky,n=e.$header,r=e.$layoutType,a=e.$content,o=e.$sidebar;return t&&(0,f.AH)(k||(k=re(["\n      // 头部不粘连样式，头部区域设置\n      & > ."," {\n        position: relative;\n        z-index: 2;\n      }\n\n      ","\n\n      ","\n    "])),n,("simple-all"===r||"side-right-all"===r)&&(0,f.AH)(R||(R=re(["\n        & > ."," > ."," {\n          top: 0;\n          min-height: calc(\n            var(--layout-height) - var (--layout-footer-height) - var(--layout-header-height)\n          );\n          max-height: var(--layout-height);\n        }\n      "])),a,o),("simple-no-footer"===r||"side-right-no-footer"===r)&&(0,f.AH)(T||(T=re(["\n        & > ."," {\n          top: 0;\n          min-height: calc(var(--layout-height) - var(--layout-footer-height));\n          max-height: var(--layout-height);\n        }\n      "])),o))}),(function(e){var t=e.$layoutType,n=e.$sidebar;return"side-full"===t&&(0,f.AH)(_||(_=re(["\n      & > ."," {\n        top: 0;\n        height: var(--layout-height);\n      }\n    "])),n)}),(function(e){var t=e.$layoutType,n=e.$content,r=e.$sidebar;return["simple-all","side-right-all"].includes(t)&&(0,f.AH)(z||(z=re(["\n      // 子元素\n      & > ."," {\n        display: grid;\n        grid-template-rows:\n          calc(var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height))\n          auto;\n        min-height: calc(100% - var(--layout-header-height) - var(--layout-footer-height));\n\n        // side bar 块保持粘连，且在 content height 不足时支撑页面\n        & > ."," {\n          top: var(--layout-header-height);\n          min-height: calc(\n            var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height)\n          );\n          max-height: calc(var(--layout-height) - var(--layout-header-height));\n        }\n      }\n    "])),n,r)}),(function(e){var t=e.$layoutType,n=e.$content;return["simple-all","simple-no-header"].includes(t)&&(0,f.AH)(H||(H=re(["\n      & > ."," {\n        grid-template-columns: var(--layout-side-bar-width) auto;\n        grid-template-areas:\n          'side content'\n          '. content';\n      }\n    "])),n)}),(function(e){var t=e.$layoutType,n=e.$content;return["side-right-all","side-right-no-header"].includes(t)&&(0,f.AH)(D||(D=re(["\n      & > ."," {\n        grid-template-columns: auto var(--layout-side-bar-width);\n        grid-template-areas:\n          'content side'\n          'content .';\n      }\n    "])),n)}),(function(e){var t=e.$layoutType;return["side-full-all","side-right-full-all"].includes(t)&&(0,f.AH)(L||(L=re(["\n      display: grid;\n      grid-template-rows: var(--layout-header-height) auto var(--layout-footer-height);\n      gap: 0px;\n    "])))}),(function(e){return"side-full-all"===e.$layoutType&&(0,f.AH)(F||(F=re(["\n      grid-template-columns: var(--layout-side-bar-width) auto;\n      grid-template-areas:\n        'side header'\n        'side content'\n        'side footer';\n    "])))}),(function(e){return"side-right-full-all"===e.$layoutType&&(0,f.AH)(B||(B=re(["\n      grid-template-columns: auto var(--layout-side-bar-width);\n      grid-template-areas:\n        'header side'\n        'content side'\n        'footer side';\n    "])))}),(function(e){var t=e.$layoutType,n=e.$content,r=e.$sidebar;return["simple-no-header","side-right-no-header"].includes(t)&&(0,f.AH)(G||(G=re(["\n      & > ."," {\n        display: grid;\n        grid-template-rows: auto;\n        // side bar 块的样式\n        & > ."," {\n          top: 0;\n          min-height: calc(var(--layout-height) - var(--layout-footer-height));\n          max-height: var(--layout-height);\n        }\n      }\n    "])),n,r)}),(function(e){var t=e.$layoutType;return["side-full-no-header","side-right-full-no-header"].includes(t)&&(0,f.AH)(M||(M=re(["\n      display: grid;\n      grid-template-rows: auto var(--layout-footer-height);\n      gap: 0px;\n    "])))}),(function(e){return"side-full-no-header"===e.$layoutType&&(0,f.AH)(W||(W=re(["\n      grid-template-columns: var(--layout-side-bar-width) auto;\n      grid-template-areas:\n        'side content'\n        'side footer';\n    "])))}),(function(e){return"side-right-full-no-header"===e.$layoutType&&(0,f.AH)(Y||(Y=re(["\n      grid-template-columns: auto var(--layout-side-bar-width);\n      grid-template-areas:\n        'content side'\n        'footer side';\n    "])))}),(function(e){var t=e.$layoutType,n=e.$sidebar;return["simple-no-footer","side-right-no-footer"].includes(t)&&(0,f.AH)(V||(V=re(["\n      display: grid;\n      grid-template-rows: var(--layout-header-height) auto;\n      min-height: calc(100% - var(--layout-header-height));\n      gap: 0px;\n      // side bar 块保持粘连，且在 content height 不足时支撑页面\n      & > ."," {\n        top: var(--layout-header-height);\n        height: calc(var(--layout-height) - var(--layout-header-height));\n      }\n    "])),n)}),(function(e){return"simple-no-footer"===e.$layoutType&&(0,f.AH)(q||(q=re(["\n      grid-template-columns: var(--layout-side-bar-width) auto;\n      grid-template-areas:\n        'header header'\n        'side content'\n        '. content';\n    "])))}),(function(e){return"side-right-no-footer"===e.$layoutType&&(0,f.AH)(U||(U=re(["\n      grid-template-columns: auto var(--layout-side-bar-width);\n      grid-template-areas:\n        'header header'\n        'content side'\n        'content .';\n    "])))}),(function(e){var t=e.$layoutType,n=e.$main;return["side-full-no-footer","side-right-full-no-footer"].includes(t)&&(0,f.AH)(Z||(Z=re(["\n      display: grid;\n      grid-template-rows: var(--layout-header-height) auto;\n      gap: 0px;\n\n      // content 块\n      & > ."," {\n        min-height: calc(var(--layout-height) - var (--layout-header-height));\n      }\n    "])),n)}),(function(e){return"side-full-no-footer"===e.$layoutType&&(0,f.AH)(K||(K=re(["\n      grid-template-columns: var(--layout-side-bar-width) auto;\n      grid-template-areas:\n        'side header'\n        'side content';\n    "])))}),(function(e){return"side-right-full-no-footer"===e.$layoutType&&(0,f.AH)(X||(X=re(["\n      grid-template-columns: auto var(--layout-side-bar-width);\n      grid-template-areas:\n        'header side'\n        'content side';\n    "])))}),(function(e){return"only-footer"===e.$layoutType&&(0,f.AH)(J||(J=re(["\n      display: grid;\n      grid-template-rows: auto var(--layout-footer-height);\n      grid-template-columns: 1fr;\n      gap: 0px;\n      grid-template-areas: 'content' 'footer';\n    "])))}),(function(e){return"only-header"===e.$layoutType&&(0,f.AH)(Q||(Q=re(["\n      display: grid;\n      grid-template-rows: var(--layout-header-height) auto;\n      grid-template-columns: 1fr;\n      gap: 0px;\n      grid-template-areas: 'header' 'content';\n    "])))}),(function(e){var t=e.$layoutType;return["simple-only-side","side-right-only-side","side-full-only-side","side-right-full-only-side"].includes(t)&&(0,f.AH)(ee||(ee=re(["\n      display: grid;\n      // 纵向空间占比设置\n      grid-template-rows: 100%;\n      // 横向空间占比设置\n      grid-template-columns: var(--layout-side-bar-width) auto;\n      gap: 0px;\n      grid-template-areas:\n        'side content'\n        '. content';\n    "])))}),(function(e){var t=e.$layoutType;return("side-right-full-only-side"===t||"side-right-only-side"===t)&&(0,f.AH)(te||(te=re(["\n      grid-template-areas:\n        'content side'\n        'content .';\n      grid-template-columns: auto var(--layout-side-bar-width);\n    "])))}));function oe(e){return(0,ne.isNumber)(e)||parseInt(e)===Number(e)?e+"px":e||0}var ie=i(161);function se(e){return"en-"+e+"-"+(0,ie.getRandomString)({length:12,includeNumbers:!0,includeUppercaseLetters:!0})}i(502);function ce(e){"@babel/helpers - typeof";return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}var ue,le=["className","children","style","width","height","classes"];function fe(){return fe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},fe.apply(null,arguments)}function de(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function pe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?de(Object(n),!0).forEach((function(t){he(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):de(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function he(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=ce(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=ce(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==ce(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ye=f.Ay.div(ue||(ue=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n  grid-area: content;\n  overflow: auto;\n"]))),ge=c.forwardRef((function(e,t){var n,r,a,o,i=e.className,s=e.children,l=e.style,f=e.width,d=void 0===f?"100vw":f,p=e.height,h=void 0===p?"100vh":p,g=e.classes,m=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,le),v="simple",b=!1,S=!1,O=!1,x=!1,P=!1,E=150,$="2.8rem",A="2rem",N=!1,I=se("header"),k=se("content"),R=se("main"),T=se("sidebar"),_=se("footer");c.Children.forEach(s,(function(e){if(c.isValidElement(e))if(S||e.type!==y)if(O||e.type!==w)if(x||e.type!==j)if(x||e.type!==ge){if(!P&&e.type===C){var t=e;A=t.props.height||A,o=c.cloneElement(t,{className:(0,u.xcn)(_,t.props.className)}),P=!0}}else{var i=e;a=c.createElement(ye,{"data-earthnut-ui":"layout-content",className:(0,u.xcn)(R,"en-layout-main")},i),x=!0}else{var s=e;a=c.cloneElement(s,{className:(0,u.xcn)(R,s.props.className)}),x=!0}else{var l=e,f=l.props;E=f.width||E,v=f.right&&f.full?"side-right-full":f.right?"side-right":f.full?"side-full":"simple",N=(0,ne.isTrue)(f.full),r=c.cloneElement(l,{className:(0,u.xcn)(T,l.props.className)}),O=!0}else{var d,p=e,h=p.props;$=h.height||$,b=null!==(d=h.noSticky)&&void 0!==d&&d,n=c.cloneElement(p,{className:(0,u.xcn)(I,p.props.className)}),S=!0}}));var z=S&&O&&x&&P&&"".concat(v,"-all")||S&&x&&O&&"".concat(v,"-no-footer")||O&&x&&P&&"".concat(v,"-no-header")||x&&P&&"only-footer"||x&&S&&"only-header"||x&&O&&(N=!0)&&"".concat(v,"-only-side")||"simple",H=pe({layoutHeight:d,layoutWith:h,sideBarWidth:E,headerHeight:$,footerHeight:A},m.theme||{}),D=/side.*full/.test(v);return c.createElement(ae,fe({ref:t,$headerNoSticky:b,$layoutType:z,$header:I,$sidebar:T,$main:R,$content:k,$footer:_,className:(0,u.xcn)(N&&"en-layout-side-full","en-layout-".concat(z),i,g),style:pe({"--layout-width":oe(d),"--layout-height":oe(h),"--layout-side-bar-width":oe(E),"--layout-header-height":oe($),"--layout-footer-height":oe(A)},l),theme:H},m,{"data-earthnut-ui":"layout"}),D?c.createElement(c.Fragment,null,r,n,a,o):c.createElement(c.Fragment,null,n,P?c.createElement("div",{className:(0,u.xcn)(k),"data-earthnut-ui":"layout-with-foot-content"},r,a):c.createElement(c.Fragment,null,r,a),o))}));ge.displayName="Layout";const me=s.wb,ve=s.Ht,be=s.zE,we=s.n5,Se=s.AX,Oe=s.PE,xe=s.A1,Pe=s.cZ,je=s.KL,Ee=s.nb;export{me as EnLayout,ve as EnLayoutContent,be as EnLayoutFooter,we as EnLayoutHeader,Se as EnLayoutSideBar,Oe as Layout,xe as LayoutContent,Pe as LayoutFooter,je as LayoutHeader,Ee as LayoutSideBar};

package/README.md

@@ -8,6 +8,21 @@
 npm install  --save earthnut
 ```
 
+## 涟漪背景
+
+由于当前组件的开发进度较缓慢，目前：
+
+- 尽管接受所有的 style 属性，但是 `position` 还是期待是非 'static' 值，否则将影响涟漪背景的渲染位置和显示状态；
+- 当前如果设置了 `background` 的话，有可能在恢复时使得其覆盖其他子属性；
+- 当前期待使用 `background-color` 设置背景色，而不是在上面的 `background` 中设置背景色。譬如：`background-color: #f0f6;`
+- 当前更期待使用配置参数 `option` 的 'imgUrl' 来配置目标背景图（请注意图源的跨域问题）。譬如：`imgUrl: 'background.png'`
+- 当然，也可以使用标准的 `background-image` 配置符合要求的背景图片（目前仅支持单张图配置）。譬如：`background-image: url(background.png);`
+- 当前可配置 `background-image` 为渐变色，但仅支持从上到下的线性渐变（仅支持单渐变）。譬如： `background-image: linear-gradient(black, transparent);`
+- 在同时配置了 `imgUrl`、`background-image`、`background-color` 时仅会显示一个效果（混合效果暂时并未实现）。优先展示 `imgUrl`，然后是 `background-image`，之后是 `background-color` 。如果都未设置则会展示默认的老式地板砖背景图
+- 尽量不要是使用透明色或是当前的主背景色，否则导致涟漪的效果不明显
+
+切换背景最好不好通过设置
+
 ## 文档
 
 参阅 [earthnut](https://earthnut.dev/)

package/components/layout/EnLayoutContent.d.ts

@@ -0,0 +1,3 @@
+import { EnLayoutContentProps } from './types';
+/**  元始的外壳  */
+export declare const EnLayoutContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EnLayoutContentProps>> & string;

package/components/layout/generate-class.d.ts

@@ -0,0 +1,2 @@
+/**  获取随机构建的样式类  */
+export declare function generateClass(value: string): string;

package/components/layout/get-value.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 获取数值
+ */
+export declare function getValue(value: number | string): string | 0;

package/components/layout/types.d.ts

@@ -23,7 +23,10 @@ export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
      * 为具体值。当为 100% 时 side bar 渲染不正确
      */
     height?: string | number;
+    /**  其他的组件样式  */
+    theme?: LayoutTheme;
 }
+/**  侧边 sideBar 的参数  */
 export interface LayoutSideBarProps extends React.HTMLAttributes<HTMLDivElement> {
     classes?: string | string[];
     /**
@@ -45,6 +48,7 @@ export interface LayoutSideBarProps extends React.HTMLAttributes<HTMLDivElement>
      */
     full?: boolean;
 }
+/**  Header 的 props   */
 export interface LayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     classes?: string | string[];
     /**
@@ -60,6 +64,7 @@ export interface LayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement>
      */
     noSticky?: boolean;
 }
+/**  脚组件的参数类型  */
 export interface LayoutFooterProps extends React.HTMLAttributes<HTMLDivElement> {
     classes?: string | string[];
     /**
@@ -69,3 +74,28 @@ export interface LayoutFooterProps extends React.HTMLAttributes<HTMLDivElement>
      */
     height?: number | string;
 }
+/**  定义布局主题类型  */
+export interface LayoutTheme {
+    /**  组件的宽  */
+    layoutWith: string | number;
+    /**  组件的高  */
+    layoutHeight: string | number;
+    /**  侧边的宽  */
+    sideBarWidth: string | number;
+    /**  头部的高  */
+    headerHeight: string | number;
+    /**  底部的高  */
+    footerHeight: string | number;
+}
+/**  可使用的样式类型  */
+export type EnLayoutContentType = 'simple' | 'only-footer' | 'only-header' | 'side-full' | 'side-right-full-all' | 'side-right-full-no-footer' | 'side-right-full-no-header' | 'side-right-full-only-side' | 'side-right-all' | 'side-right-no-footer' | 'side-right-no-header' | 'side-right-only-side' | 'side-full-all' | 'side-full-no-footer' | 'side-full-no-header' | 'side-full-only-side' | 'simple-all' | 'simple-no-footer' | 'simple-no-header' | 'simple-only-side';
+/**  组件的样式  */
+export interface EnLayoutContentProps {
+    $header: string;
+    $content: string;
+    $sidebar: string;
+    $footer: string;
+    $main: string;
+    $headerNoSticky: boolean;
+    $layoutType: EnLayoutContentType;
+}

package/components/ripples/RipplesEle.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { BackgroundRipplesProps } from 'customHooks/useRipples/types';
 import { RippleEle } from './types';
-import './style/index.scss';
 /**
  *
  * ### 一个 ripple 背景组件

package/customHooks/useRipples/buildBackground/create-background-color.d.ts

@@ -0,0 +1,3 @@
+import { Ripples } from '../ripplesClass';
+/**  构建背景色  */
+export declare function createBackgroundColor(this: Ripples): void;

package/customHooks/useRipples/buildBackground/create-linear-gradient.d.ts

@@ -0,0 +1,3 @@
+import { Ripples } from '../ripplesClass';
+/**  构建渐变背景色图  */
+export declare function createLinearGradient(this: Ripples): void;

package/customHooks/useRipples/buildBackground/default-background/index.d.ts

@@ -7,4 +7,4 @@ import { Ripples } from '../../ripplesClass';
  * 透明的纹理*默认会自动切换*
  *
  */
-export declare function setTransparentTexture(this: Ripples): void;
+export declare function setTransparentTexture(this: Ripples, executeImmediately?: boolean): void;

package/customHooks/useRipples/buildBackground/{loadImage.d.ts → load-image.d.ts}

@@ -4,7 +4,7 @@ import { Ripples } from '../ripplesClass';
  * 加载图像
  *
  * - 初始化的时候首先触发加载背景图像
- * - 通过 Ripple 的 set 方法设置属性 imageUrl 值时将触发
+ * - 通过 Ripple 的 set 方法设置属性 imgUrl 值时将触发
  * - 尺寸发生变化时亦将触发更改
  * - 父元素的样式属性发生变更时也会触发
  *

package/customHooks/useRipples/buildBackground/type.d.ts

@@ -24,4 +24,8 @@ export type OriginStyle = {
     backgroundOrigin: string;
     /**  元素的背景图相对视口的滚动方式  */
     backgroundAttachment: string;
+    /**  当前的宽  */
+    width: number;
+    /**  当前的高  */
+    height: number;
 };

package/customHooks/useRipples/buildBackground/utils/bind-image.d.ts

@@ -0,0 +1,4 @@
+import { Ripples } from '../../ripplesClass';
+import { DrawImage } from 'customHooks/useRipples/rippersData/fadeData';
+/**  绑定图片  */
+export declare function bindImage(this: Ripples, textImageSource: DrawImage): void;

package/customHooks/useRipples/rippersData/fadeData.d.ts

@@ -1,4 +1,16 @@
 import { Ripples } from '../ripplesClass';
+export type DrawImage = {
+    /**  资源  */
+    resource: HTMLCanvasElement | HTMLImageElement;
+    /**  类型  */
+    kind: 'image' | 'linear-gradient' | 'background-color' | 'default' | 'mix';
+    /**  标识  */
+    tag: string;
+    /**  当前的宽  */
+    width: number;
+    /**  当前的高  */
+    height: number;
+};
 /**  背景渐变的数据  */
 export declare class FadeData {
     /**  背景页面的数据  */
@@ -12,18 +24,20 @@ export declare class FadeData {
      *
      * 如果没有 toBeList 为空值，则当前渲染的为此纹理）绘制的图像
      */
-    lastDrawImage: HTMLCanvasElement | HTMLImageElement;
+    lastDrawImage: DrawImage;
     /**  当前绘制的图像
      *
      * 该值仅出现在需要渐变过程中，一旦渐变完成，实际渲染的值就成了最后渲染的值
      */
-    toBeList: (HTMLCanvasElement | HTMLImageElement)[];
+    toBeList: DrawImage[];
     /**  绘制进度  */
     drawProgress: number;
     /**  是否处于绘制过渡状态  */
     isTransitioning: boolean;
     /**  执行渐变  */
     run(): void;
+    /**  销毁  */
+    destroy(): void;
     /**  创建背景渐变的数据  */
     constructor(_Ripples: Ripples);
 }

package/customHooks/useRipples/rippersData/renderData.d.ts

@@ -69,4 +69,6 @@ export declare class RipplesRenderData {
      * @param _Ripples  上一个回调在使用中的 this
      */
     constructor(canvas: HTMLCanvasElement, callback: () => void, _Ripples: Ripples);
+    /**  销毁  */
+    destroy(): void;
 }

package/customHooks/useRipples/rippersData/useOptions.d.ts

@@ -47,7 +47,7 @@ export declare class UseOptions {
      */
     get dropRadius(): number;
     /**  传入的背景图片  */
-    imageUrl: string | null;
+    imgUrl: string | string[] | null;
     /**  闲置波动  */
     set idleFluctuations(value: boolean);
     /**

package/customHooks/useRipples/types.d.ts

@@ -21,7 +21,7 @@ export type ImageCrossOrigin = 'anonymous' | 'use-credentials' | 'no-cors';
  *    - interactive 光标交互，缺省为 `true` ，关闭须显示传入 `false` 值
  *    - accelerating  加速光标移动触发，缺省为 `1`
  *    - crossOrigin 原始样式
- *    - imageUrl    原始背景图片地址
+ *    - imgUrl    原始背景图片地址
  *    - playingState 当前的播放状态，缺省为 `true` ，设定为 `false` 时并不关闭，而是暂停
  *    - raindropsTimeInterval 雨滴滴落的间隔，缺省为 `3600`，可设置区间为 `10 ~ 12000`
  *           该值还将影响无背景设置时默认背景的切换频率，几乎每两个雨滴落下就会切换一次背景
@@ -44,7 +44,7 @@ export interface BackgroundRipplesProps {
      * - interactive 光标交互，缺省为 `true` ，关闭须显示传入 `false` 值
      * - accelerating  加速光标移动触发，类似于扰动系数，及作用与鼠标或手指触发，缺省为 `1`
      * - crossOrigin 原始样式
-     * - imageUrl    原始背景图片地址
+     * - imgUrl    原始背景图片地址
      * - playingState 当前的播放状态，缺省为 `true` ，设定为 `false` 时并不关闭，而是暂停
      * - raindropsTimeInterval 雨滴滴落的间隔，缺省为 `3650`，可设置区间为 `10 ~ 12000`，值越小，雨越大
      *   该值还将影响无背景设置时默认背景的切换频率，几乎每两个雨滴落下就会切换一次背景
@@ -121,7 +121,7 @@ export type RipplesUseOptions = {
      *
      * 缺省为 `''`
      */
-    imageUrl: string;
+    imgUrl: string | string[] | null;
     /**
      * 当前涟漪的状态
      *
@@ -160,7 +160,7 @@ export type RipplesUseOptions = {
  * - interactive 光标交互，缺省为 `true` ，关闭须显示传入 `false` 值
  * - accelerating  加速光标移动触发，类似于扰动系数，及作用与鼠标或手指触发，缺省为 `1`
  * - crossOrigin 原始样式
- * - imageUrl    原始背景图片地址
+ * - imgUrl    原始背景图片地址
  * - playingState 当前的播放状态，缺省为 `true` ，设定为 `false` 时并不关闭，而是暂停
  * - raindropsTimeInterval 雨滴滴落的间隔，缺省为 `3650`，可设置区间为 `10 ~ 12000`，值越小，雨越大
  *   该值还将影响无背景设置时默认背景的切换频率，几乎每两个雨滴落下就会切换一次背景
@@ -174,7 +174,7 @@ export type RipplesOptions = {
  */
 export interface RipplesDefaultData {
     /**  默认的图像地址  */
-    imageUrl: '';
+    imgUrl: '';
     /**    */
     resolution: 256;
     dropRadius: 10;

package/customHooks/useTimeId.d.ts

@@ -1,12 +1,3 @@
-/****************************************************************************
- * @Author earthnut
- * @Email earthnut.dev@outlook.com
- * @ProjectName earthnut
- * @FilePath /src/customHooks/useAnimationFrame.ts
- * @FileName useTimeId.ts
- * @CreateDate  周二  01/07/2025
- * @Description 使用定时器返回的时间戳
- ****************************************************************************/
 /**
  *
  * ### 导出一个使用 `useRef` 创建的 `NodeJS.Timeout`