itmar-block-packages 1.0.0 → 1.1.0

package/babel.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+  presets: [
+    // 他のプリセットがあればここに追加
+    "@wordpress/default", // WordPressのデフォルトプリセットを追加
+  ],
+  plugins: [
+    [
+      "@babel/plugin-transform-modules-commonjs",
+      {
+        allowTopLevelThis: true,
+        strict: false,
+        strictMode: false,
+      },
+    ],
+  ],
+};

package/build/index.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => 'a3c45292157780c09446');

package/build/index.js

@@ -0,0 +1,20 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var r=t();for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(globalThis,(()=>(()=>{var e={7831:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Arrow=void 0,r(7723);var n=r(3697);r(6427),t.Arrow=({direction:e="down"})=>n.css`
+  &::after {
+    content: "";
+    position: absolute;
+    display: block;
+    width: 15%;
+    height: 15%;
+    border-top: 3px solid var(--wp--preset--color--accent-2);
+    border-right: 3px solid var(--wp--preset--color--accent-2);
+    top: 50%;
+    left: 50%;
+    ${(e=>{switch(e){case"left":return"transform: translate(-50%, -50%) rotate(-135deg);";case"right":default:return"transform: translate(-50%, -50%) rotate(45deg);";case"upper":return"transform: translate(-50%, -50%) rotate(-45deg);";case"under":return"transform: translate(-50%, -50%) rotate(135deg);"}})(e)}
+  }
+`},7720:(e,t,r)=>{r(1609),Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(6087);t.default=function({lazyComponent:e,...t}){return React.createElement(n.Suspense,{fallback:React.createElement("div",null,"Loading...")},React.createElement(e,t))}},9728:(e,t,r)=>{r(1609),Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){const t=e.attributes,r=(r,n)=>{if(r){const o={...t,[n]:r};e.onPositionChange(o)}};return React.createElement(React.Fragment,null,React.createElement(o.PanelBody,{title:(0,n.__)("Position Setting","block-collections"),initialOpen:!0},React.createElement(o.PanelRow,{className:"distance_row"},React.createElement(o.__experimentalUnitControl,{dragDirection:"e",onChange:e=>r(e,"x"),label:(0,n.__)("Vertical","block-collections"),value:t?.x||0}),React.createElement(o.__experimentalUnitControl,{dragDirection:"e",onChange:e=>r(e,"y"),label:(0,n.__)("Horizen","block-collections"),value:t?.y||0})),React.createElement(o.PanelRow,{className:"reset_row"},React.createElement(o.Button,{variant:"secondary",onClick:()=>{e.onPositionChange({x:"0px",y:"0px"})}},(0,n.__)("Reset","block-collections")))))};var n=r(7723),o=r(6427)},6280:(e,t,r)=>{r(1609),Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(7723),o=r(6427);t.default=({direction:e,onChange:t})=>React.createElement(o.RadioControl,{selected:e,options:[{label:(0,n.__)("Upper","itmar_block_collections"),value:"upper"},{label:(0,n.__)("Left","itmar_block_collections"),value:"left"},{label:(0,n.__)("Right","itmar_block_collections"),value:"right"},{label:(0,n.__)("Under","itmar_block_collections"),value:"under"}],onChange:e=>{t(e)}})},8853:(e,t,r)=>{r(1609),Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(7723),o=r(4715),a=r(6427),s=r(6087),i=r(726);t.default=({shadowStyle:e,onChange:t})=>{const[r,c]=(0,s.useState)(e),{shadowType:l,spread:u,lateral:p,longitude:f,nomalBlur:d,shadowColor:h,blur:m,intensity:g,distance:v,newDirection:b,clayDirection:y,embos:_,opacity:x,depth:w,bdBlur:S,expand:j,glassblur:C,glassopa:E,hasOutline:R}=r;return(0,s.useEffect)((()=>{const e=(0,i.ShadowElm)(r);e&&t(e,r)}),[r]),React.createElement(React.Fragment,null,React.createElement(a.PanelBody,{title:(0,n.__)("Shadow Type","block-collections"),initialOpen:!0},React.createElement("div",{className:"itmar_shadow_type"},React.createElement(a.RadioControl,{selected:l,options:[{label:(0,n.__)("Nomal","block-collections"),value:"nomal"},{label:(0,n.__)("Neumorphism","block-collections"),value:"newmor"},{label:(0,n.__)("Claymorphism","block-collections"),value:"claymor"},{label:(0,n.__)("Grassmophism","block-collections"),value:"glassmor"}],onChange:e=>c({...r,shadowType:e})})),"claymor"!==l&&React.createElement("div",{className:"embos"},React.createElement(a.RadioControl,{label:(0,n.__)("unevenness","block-collections"),selected:_,options:[{value:"swell"},{value:"dent"}],onChange:e=>c({...r,embos:e})}))),"nomal"===l&&React.createElement(a.PanelBody,{title:(0,n.__)("Nomal settings","block-collections"),initialOpen:!1},React.createElement(a.RangeControl,{value:u,label:(0,n.__)("Spread","block-collections"),max:50,min:0,onChange:e=>c({...r,spread:e}),withInputField:!1}),React.createElement(a.RangeControl,{value:p,label:(0,n.__)("Lateral direction","block-collections"),max:50,min:0,onChange:e=>c({...r,lateral:e}),withInputField:!1}),React.createElement(a.RangeControl,{value:f,label:(0,n.__)("Longitudinal direction","block-collections"),max:50,min:0,onChange:e=>c({...r,longitude:e}),withInputField:!1}),React.createElement(a.RangeControl,{value:d,label:(0,n.__)("Blur","block-collections"),max:20,min:0,onChange:e=>c({...r,nomalBlur:e}),withInputField:!1}),React.createElement(o.__experimentalPanelColorGradientSettings,{title:(0,n.__)("Shadow Color Setting","block-collections"),settings:[{colorValue:h,label:(0,n.__)("Choose Shadow color","block-collections"),onColorChange:e=>c({...r,shadowColor:e})}]})),"newmor"===l&&React.createElement(a.PanelBody,{title:(0,n.__)("Neumorphism settings","block-collections"),initialOpen:!1},React.createElement(a.RangeControl,{value:v,label:(0,n.__)("Distance","block-collections"),max:50,min:0,onChange:e=>c({...r,distance:e}),withInputField:!1}),React.createElement(a.RangeControl,{value:g,label:(0,n.__)("Intensity","block-collections"),max:100,min:0,onChange:e=>c({...r,intensity:e}),withInputField:!1}),React.createElement(a.RangeControl,{value:m,label:(0,n.__)("Blur","block-collections"),max:20,min:0,onChange:e=>c({...r,blur:e}),withInputField:!1}),React.createElement(a.PanelRow,null,React.createElement("div",{className:"light_direction"},React.createElement(a.RadioControl,{selected:b,options:[{value:"top_left"},{value:"top_right"},{value:"bottom_left"},{value:"bottom_right"}],onChange:e=>c({...r,newDirection:e})})))),"claymor"===l&&React.createElement(a.PanelBody,{title:(0,n.__)("Claymorphism settings","block-collections"),initialOpen:!1},React.createElement(a.RangeControl,{value:x,label:(0,n.__)("Opacity","block-collections"),max:1,min:0,step:.1,onChange:e=>c({...r,opacity:e}),withInputField:!1}),React.createElement(a.RangeControl,{value:w,label:"Depth",max:20,min:0,onChange:e=>c({...r,depth:e}),withInputField:!1}),React.createElement(a.RangeControl,{value:j,label:"Expand",max:50,min:0,onChange:e=>c({...r,expand:e}),withInputField:!1}),React.createElement(a.RangeControl,{value:S,label:"Background Blur",max:10,min:0,onChange:e=>c({...r,bdBlur:e}),withInputField:!1}),React.createElement("div",{className:"light_direction claymor"},React.createElement(a.RadioControl,{selected:y,options:[{value:"right_bottom"},{value:"top_right"},{value:"top"}],onChange:e=>c({...r,clayDirection:e})}))),"glassmor"===l&&React.createElement(a.PanelBody,{title:(0,n.__)("Grassmophism settings","block-collections"),initialOpen:!1},React.createElement(a.RangeControl,{value:C,label:(0,n.__)("Glass blur","block-collections"),max:20,min:0,onChange:e=>c({...r,glassblur:e}),withInputField:!1}),React.createElement(a.RangeControl,{value:E,label:(0,n.__)("Glass Opacity","block-collections"),max:1,min:0,step:.1,onChange:e=>c({...r,glassopa:e}),withInputField:!1}),React.createElement("fieldset",null,React.createElement(a.ToggleControl,{label:(0,n.__)("Show outline","block-collections"),checked:R,onChange:()=>c({...r,hasOutline:!R})}))))}},726:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ShadowElm=void 0;var n=r(7723),o=r(7143),a=r(2085);const s=(e,t)=>{let r,n,o,a;switch(e){case"top_left":r=t,n=t,o=-1*t,a=-1*t;break;case"top_right":r=-1*t,n=t,o=t,a=-1*t;break;case"bottom_left":case"right_bottom":r=t,n=-1*t,o=-1*t,a=t;break;case"bottom_right":r=-1*t,n=-1*t,o=t,a=t;break;case"top":r=0,n=0,o=-1*t,a=t}return{topLeft:r,topRight:n,bottomLeft:o,bottmRight:a}};function i(e){return e.includes("linear-gradient")||e.includes("radial-gradient")}t.ShadowElm=e=>{const{shadowType:t,spread:r,lateral:c,longitude:l,nomalBlur:u,shadowColor:p,blur:f,intensity:d,distance:h,newDirection:m,clayDirection:g,embos:v,opacity:b,depth:y,bdBlur:_,expand:x,glassblur:w,glassopa:S,hasOutline:j,baseColor:C}=e;if("nomal"===t)return"dent"===v?{style:{boxShadow:`${c}px ${l}px ${u}px ${r}px transparent, inset ${c}px ${l}px ${u}px ${r}px ${p}`}}:{style:{boxShadow:`${c}px ${l}px ${u}px ${r}px ${p}, inset ${c}px ${l}px ${u}px ${r}px transparent`}};if("newmor"===t){if(i(C))return(0,o.dispatch)("core/notices").createNotice("error",(0,n.__)("Neumorphism cannot be set when the background color is a gradient. ","itmar_guest_contact_block"),{type:"snackbar",isDismissible:!0}),null;const e=(0,a.rgb16ToHsl)(C),t=e.lightness+d<100?e.lightness+d:100,r=e.lightness-d>0?e.lightness-d:0,c=(0,a.hslToRgb16)(e.hue,e.saturation,t),l=(0,a.hslToRgb16)(e.hue,e.saturation,r),u=s(m,h),p={style:{border:"none",background:C}};return"swell"===v?{style:{...p.style,boxShadow:`${u.topLeft}px ${u.topRight}px ${f}px ${l}, ${u.bottomLeft}px ${u.bottmRight}px ${f}px ${c}, inset ${u.topLeft}px ${u.topRight}px ${f}px transparent, inset ${u.bottomLeft}px ${u.bottmRight}px ${f}px transparent`}}:{style:{...p.style,boxShadow:`${u.topLeft}px ${u.topRight}px ${f}px transparent, ${u.bottomLeft}px ${u.bottmRight}px ${f}px transparent, inset ${u.topLeft}px ${u.topRight}px ${f}px ${l}, inset ${u.bottomLeft}px ${u.bottmRight}px ${f}px ${c}`}}}if("claymor"===t){if(i(C))return(0,o.dispatch)("core/notices").createNotice("error",(0,n.__)("claymorphism cannot be set when the background color is a gradient. ","itmar_guest_contact_block"),{type:"snackbar",isDismissible:!0}),null;const e=(0,a.HexToRGB)(C),t=s(g,x),r=s(g,y),c={style:{background:`rgba(255, 255, 255, ${b})`,backdropFilter:`blur(${_}px)`,border:"none"}};return{...c,style:{...c.style,boxShadow:`${t.topLeft}px ${t.bottmRight}px ${2*x}px 0px rgba(${e.red}, ${e.green}, ${e.blue}, 0.5), inset ${r.topRight}px ${r.bottomLeft}px 16px 0px rgba(${e.red}, ${e.green}, ${e.blue}, 0.6), inset 0px 11px 28px 0px rgb(255, 255, 255)`}}}if("glassmor"===t){const e={style:{backgroundColor:`rgba(255, 255, 255, ${S})`,...j?{border:"1px solid rgba(255, 255, 255, 0.4)"}:{},borderRightColor:"rgba(255, 255, 255, 0.2)",borderBottomColor:"rgba(255, 255, 255, 0.2)",backdropFilter:`blur( ${w}px )`}};return"swell"===v?{...e,style:{...e.style,boxShadow:"0 8px 12px 0 rgba( 31, 38, 135, 0.37 ), inset 0 8px 12px 0 transparent"}}:{...e,style:{...e.style,boxShadow:"0 8px 12px 0 transparent, inset 0 8px 12px 0 rgba( 31, 38, 135, 0.37 )"}}}}},7011:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.width_prm=t.space_prm=t.radius_prm=t.max_width_prm=t.convertToScss=t.borderProperty=t.align_prm=void 0;var n=r(3697);t.radius_prm=e=>e&&1===Object.keys(e).length?e.value:`${e&&e.topLeft||""} ${e&&e.topRight||""} ${e&&e.bottomRight||""} ${e&&e.bottomLeft||""}`,t.space_prm=e=>e?`${e.top} ${e.right} ${e.bottom} ${e.left}`:"",t.max_width_prm=(e,t)=>"wideSize"===e?" width: 100%; max-width: var(--wp--style--global--wide-size);":"contentSize"===e?" width: 100%; max-width: var(--wp--style--global--content-size);":"free"===e?` width: 100%; max-width: ${t}px; `:" width: fit-content;",t.width_prm=(e,t)=>"wideSize"===e?" width: var(--wp--style--global--wide-size);":"contentSize"===e?" width: var(--wp--style--global--content-size);":"free"===e?` width: ${t}px; `:" width: fit-content;",t.align_prm=e=>"center"===e?"margin-left: auto; margin-right: auto;":"right"===e?"margin-left: auto; margin-right: 0":"margin-right: auto; margin-left: 0",t.convertToScss=e=>{let t="";for(const r in e)e.hasOwnProperty(r)&&(t+=`${r.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${e[r]};\n`);return t},t.borderProperty=e=>{if(e){let t=null;if(["top","bottom","left","right"].some((t=>t in e))){let r="";for(let t in e){const n=e[t];if(String(n.width||"").match(/^0/))continue;const o=n.style||"solid";r+=`border-${t}: ${n.width} ${o} ${n.color};\n`}return t=n.css`
+        ${r}
+      `,t}{if(String(e.width||"").match(/^0/))return n.css`
+          border: none;
+        `;const r=e.style||"solid";return t=n.css`
+        border: ${e.width} ${r} ${e.color};
+      `,t}}return null}},2865:(e,t,r)=>{var n=r(4994);Object.defineProperty(t,"__esModule",{value:!0}),t.useDeepCompareEffect=function(e,t){const r=(0,o.useRef)();(0,a.default)(t,r.current)||(r.current=t),(0,o.useEffect)((()=>e()),[r.current])},t.useElementBackgroundColor=function(e,t){const[r,n]=(0,o.useState)("");return(0,o.useEffect)((()=>{if(e.current&&t)if(t.backgroundColor&&!t.backgroundColor.startsWith("var(--wp"))n(t.backgroundColor);else if(e.current){const t=getComputedStyle(e.current);n(t.backgroundColor)}}),[t,e]),r},t.useElementWidth=function(){const e=(0,o.useRef)(null),[t,r]=(0,o.useState)(0);return(0,o.useEffect)((()=>{const t=new ResizeObserver((e=>{for(let t of e)r(t.contentRect.width)}));return e.current&&t.observe(e.current),()=>{t.disconnect()}}),[]),[e,t]},t.useFontawesomeIframe=function(){(0,o.useEffect)((()=>{const e=document.getElementsByName("editor-canvas")[0];if(e){const t=e.contentDocument||e.contentWindow.document,r=t.createElement("script");return r.setAttribute("src","../../../assets/fontawesome.js"),t.body.appendChild(r),()=>{t.body?.removeChild(r)}}}),[])},t.useIsIframeMobile=function(){const[e,t]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{const e=()=>{const e=document.getElementsByName("editor-canvas")[0];e&&e.contentWindow&&t(e.contentWindow.innerWidth<=767)},r=document.getElementsByName("editor-canvas")[0];return r&&r.contentWindow&&r.contentWindow.addEventListener("resize",e),e(),()=>{r&&r.contentWindow&&r.contentWindow.removeEventListener("resize",e)}}),[]),e},t.useIsMobile=function(){const[e,t]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{if("undefined"!=typeof window){const e=()=>{t(window.innerWidth<=767)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}}),[]),e};var o=r(6087),a=n(r(2404))},3060:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useDraggingMove=void 0;var n=r(6087);r(7723),t.useDraggingMove=(e,t,r,o)=>{const a=(0,n.useRef)({x:0,y:0}),s=(0,n.useRef)(!1),i=(0,n.useRef)({x:0,y:0});(0,n.useEffect)((()=>{const n=t.current;if(!e)return void(n&&n.classList.remove("itmar_isDraggable"));const c=r.x.match(/(-?\d+)([%a-zA-Z]+)/),l=r.y.match(/(-?\d+)([%a-zA-Z]+)/);a.current={x:parseInt(c[1]),y:parseInt(l[1])};const u=e=>{n.classList.add("itmar_isDraggable"),s.current=!0,i.current={x:e.clientX,y:e.clientY}},p=e=>{if(!s.current)return;const t=e.clientX-i.current.x,r=e.clientY-i.current.y,o={x:a.current.x+t,y:a.current.y+r};a.current=o,i.current={x:e.clientX,y:e.clientY},n.style.transform=`translate(${a.current.x}px, ${a.current.y}px)`},f=()=>{s.current=!1,n.style.transform=null,o({x:`${a.current.x}px`,y:`${a.current.y}px`})},d=()=>{s.current=!1};return n&&n.classList.add("itmar_isDraggable"),n.addEventListener("mousedown",u),n.addEventListener("mousemove",p),n.addEventListener("mouseup",f),n.addEventListener("mouseleave",d),()=>{n.removeEventListener("mousedown",u),n.removeEventListener("mousemove",p),n.removeEventListener("mouseup",f),n.removeEventListener("mouseleave",d),n.style.transform=null}}),[e,t,r,o])}},2085:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.HexToRGB=function(e){let t=r(e),n=t[0],o=t[1],a=t[2],s=!1;return(n||0===n)&&String(n).match(/^[0-9a-f]{2}$/i)&&(o||0===o)&&String(o).match(/^[0-9a-f]{2}$/i)&&(a||0===a)&&String(a).match(/^[0-9a-f]{2}$/i)&&(n=parseInt(n,16),o=parseInt(o,16),a=parseInt(a,16),s={red:Math.round(n),green:Math.round(o),blue:Math.round(a)}),s},t.hslToRgb16=function(e,t,r){var n=!1;if((e||0===e)&&e<=360&&(t||0===t)&&t<=100&&(r||0===r)&&r<=100){var o,a=0,s=0,i=0,c=0,l=0;e=Number(e)/360,t=Number(t)/100,r=Number(r)/100,0===t?(a=r,s=r,i=r):(o=function(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+=6*(t-e)*r:r<.5?e=t:r<2/3&&(e+=(t-e)*(2/3-r)*6),e},a=o(l=2*r-(c=r<.5?r*(1+t):r+t-r*t),c,e+1/3),s=o(l,c,e),i=o(l,c,e-1/3)),n=`#${Math.round(255*a).toString(16).padStart(2,"0")}${Math.round(255*s).toString(16).padStart(2,"0")}${Math.round(255*i).toString(16).padStart(2,"0")}`}return n},t.rgb16ToHsl=function(e){let t=r(e),n=t[0],o=t[1],a=t[2],s=!1;if((n||0===n)&&String(n).match(/^[0-9a-f]{2}$/i)&&(o||0===o)&&String(o).match(/^[0-9a-f]{2}$/i)&&(a||0===a)&&String(a).match(/^[0-9a-f]{2}$/i)){let e=0,t=0,r=0,i=0,c=0,l=0;n=parseInt(n,16)/255,o=parseInt(o,16)/255,a=parseInt(a,16)/255,i=Math.max(n,o,a),c=Math.min(n,o,a),r=(i+c)/2,i!==c&&(l=i-c,t=r>.5?l/(2-i-c):l/(i+c),e=i===n?(o-a)/l:i===o?2+(a-n)/l:4+(n-o)/l,e/=6),s={hue:Math.round(360*e),saturation:Math.round(100*t),lightness:Math.round(100*r)}}return s};const r=e=>{function t(e){const t=parseInt(e,10).toString(16);return 1===t.length?"0"+t:t}let r,n=[];return n=/^#[0-9a-fA-F]{6}$/.test(e)?[e.slice(1,3),e.slice(3,5),e.slice(5,7)]:(r=e.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/))?[t(r[1]),t(r[2]),t(r[3])]:["ff","ff","ff"],n}},3723:(e,t,r)=>{r(1609),Object.defineProperty(t,"__esModule",{value:!0}),t.MultiImageSelect=function(e){const{attributes:t,label:r}=e,{mediaID:s,media:i}=t;return React.createElement(a.PanelBody,{title:r,initialOpen:!0,className:"itmar_image_display"},React.createElement(n.MediaUploadCheck,null,React.createElement(n.MediaUpload,{multiple:!0,gallery:!0,onSelect:t=>e.onSelectChange(t),allowedTypes:["image"],value:s,render:({open:e})=>(e=>i.length>0?React.createElement("div",{key:"media-container",onClick:e,className:"block-container"},(e=>e.map(((e,t)=>React.createElement("figure",{key:t},React.createElement("img",{src:e.url,className:"image",alt:"アップロード画像"}),React.createElement("figcaption",{className:"block-image-caption"},e.caption?e.caption:"")))))(i)):React.createElement("div",{key:"media-container",className:"button-container"},React.createElement(a.Button,{onClick:e,className:"button button-large"},(0,o.__)("Image Upload","slide-blocks"))))(e)})),0!=i.length&&React.createElement(n.MediaUploadCheck,null,React.createElement(a.Button,{onClick:()=>e.onAllDelete(),variant:"secondary",isDestructive:!0,className:"removeImage"},(0,o.__)("Delete All","slide-blocks"))))};var n=r(4715),o=r(7723),a=r(6427)},5580:(e,t,r)=>{var n=r(6110)(r(9325),"DataView");e.exports=n},1549:(e,t,r)=>{var n=r(2032),o=r(3862),a=r(6721),s=r(2749),i=r(5749);function c(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}c.prototype.clear=n,c.prototype.delete=o,c.prototype.get=a,c.prototype.has=s,c.prototype.set=i,e.exports=c},79:(e,t,r)=>{var n=r(3702),o=r(80),a=r(4739),s=r(8655),i=r(1175);function c(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}c.prototype.clear=n,c.prototype.delete=o,c.prototype.get=a,c.prototype.has=s,c.prototype.set=i,e.exports=c},8223:(e,t,r)=>{var n=r(6110)(r(9325),"Map");e.exports=n},3661:(e,t,r)=>{var n=r(3040),o=r(7670),a=r(289),s=r(4509),i=r(2949);function c(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}c.prototype.clear=n,c.prototype.delete=o,c.prototype.get=a,c.prototype.has=s,c.prototype.set=i,e.exports=c},2804:(e,t,r)=>{var n=r(6110)(r(9325),"Promise");e.exports=n},6545:(e,t,r)=>{var n=r(6110)(r(9325),"Set");e.exports=n},8859:(e,t,r)=>{var n=r(3661),o=r(1380),a=r(1459);function s(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new n;++t<r;)this.add(e[t])}s.prototype.add=s.prototype.push=o,s.prototype.has=a,e.exports=s},7217:(e,t,r)=>{var n=r(79),o=r(1420),a=r(938),s=r(3605),i=r(9817),c=r(945);function l(e){var t=this.__data__=new n(e);this.size=t.size}l.prototype.clear=o,l.prototype.delete=a,l.prototype.get=s,l.prototype.has=i,l.prototype.set=c,e.exports=l},1873:(e,t,r)=>{var n=r(9325).Symbol;e.exports=n},7828:(e,t,r)=>{var n=r(9325).Uint8Array;e.exports=n},8303:(e,t,r)=>{var n=r(6110)(r(9325),"WeakMap");e.exports=n},9770:e=>{e.exports=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,a=[];++r<n;){var s=e[r];t(s,r,e)&&(a[o++]=s)}return a}},695:(e,t,r)=>{var n=r(8096),o=r(2428),a=r(6449),s=r(3656),i=r(361),c=r(7167),l=Object.prototype.hasOwnProperty;e.exports=function(e,t){var r=a(e),u=!r&&o(e),p=!r&&!u&&s(e),f=!r&&!u&&!p&&c(e),d=r||u||p||f,h=d?n(e.length,String):[],m=h.length;for(var g in e)!t&&!l.call(e,g)||d&&("length"==g||p&&("offset"==g||"parent"==g)||f&&("buffer"==g||"byteLength"==g||"byteOffset"==g)||i(g,m))||h.push(g);return h}},4528:e=>{e.exports=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e}},4248:e=>{e.exports=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1}},6025:(e,t,r)=>{var n=r(5288);e.exports=function(e,t){for(var r=e.length;r--;)if(n(e[r][0],t))return r;return-1}},2199:(e,t,r)=>{var n=r(4528),o=r(6449);e.exports=function(e,t,r){var a=t(e);return o(e)?a:n(a,r(e))}},2552:(e,t,r)=>{var n=r(1873),o=r(659),a=r(9350),s=n?n.toStringTag:void 0;e.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":s&&s in Object(e)?o(e):a(e)}},7534:(e,t,r)=>{var n=r(2552),o=r(346);e.exports=function(e){return o(e)&&"[object Arguments]"==n(e)}},270:(e,t,r)=>{var n=r(7068),o=r(346);e.exports=function e(t,r,a,s,i){return t===r||(null==t||null==r||!o(t)&&!o(r)?t!=t&&r!=r:n(t,r,a,s,e,i))}},7068:(e,t,r)=>{var n=r(7217),o=r(5911),a=r(1986),s=r(689),i=r(5861),c=r(6449),l=r(3656),u=r(7167),p="[object Arguments]",f="[object Array]",d="[object Object]",h=Object.prototype.hasOwnProperty;e.exports=function(e,t,r,m,g,v){var b=c(e),y=c(t),_=b?f:i(e),x=y?f:i(t),w=(_=_==p?d:_)==d,S=(x=x==p?d:x)==d,j=_==x;if(j&&l(e)){if(!l(t))return!1;b=!0,w=!1}if(j&&!w)return v||(v=new n),b||u(e)?o(e,t,r,m,g,v):a(e,t,_,r,m,g,v);if(!(1&r)){var C=w&&h.call(e,"__wrapped__"),E=S&&h.call(t,"__wrapped__");if(C||E){var R=C?e.value():e,$=E?t.value():t;return v||(v=new n),g(R,$,r,m,v)}}return!!j&&(v||(v=new n),s(e,t,r,m,g,v))}},5083:(e,t,r)=>{var n=r(1882),o=r(7296),a=r(3805),s=r(7473),i=/^\[object .+?Constructor\]$/,c=Function.prototype,l=Object.prototype,u=c.toString,p=l.hasOwnProperty,f=RegExp("^"+u.call(p).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");e.exports=function(e){return!(!a(e)||o(e))&&(n(e)?f:i).test(s(e))}},4901:(e,t,r)=>{var n=r(2552),o=r(294),a=r(346),s={};s["[object Float32Array]"]=s["[object Float64Array]"]=s["[object Int8Array]"]=s["[object Int16Array]"]=s["[object Int32Array]"]=s["[object Uint8Array]"]=s["[object Uint8ClampedArray]"]=s["[object Uint16Array]"]=s["[object Uint32Array]"]=!0,s["[object Arguments]"]=s["[object Array]"]=s["[object ArrayBuffer]"]=s["[object Boolean]"]=s["[object DataView]"]=s["[object Date]"]=s["[object Error]"]=s["[object Function]"]=s["[object Map]"]=s["[object Number]"]=s["[object Object]"]=s["[object RegExp]"]=s["[object Set]"]=s["[object String]"]=s["[object WeakMap]"]=!1,e.exports=function(e){return a(e)&&o(e.length)&&!!s[n(e)]}},8984:(e,t,r)=>{var n=r(5527),o=r(3650),a=Object.prototype.hasOwnProperty;e.exports=function(e){if(!n(e))return o(e);var t=[];for(var r in Object(e))a.call(e,r)&&"constructor"!=r&&t.push(r);return t}},8096:e=>{e.exports=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n}},7301:e=>{e.exports=function(e){return function(t){return e(t)}}},9219:e=>{e.exports=function(e,t){return e.has(t)}},5481:(e,t,r)=>{var n=r(9325)["__core-js_shared__"];e.exports=n},5911:(e,t,r)=>{var n=r(8859),o=r(4248),a=r(9219);e.exports=function(e,t,r,s,i,c){var l=1&r,u=e.length,p=t.length;if(u!=p&&!(l&&p>u))return!1;var f=c.get(e),d=c.get(t);if(f&&d)return f==t&&d==e;var h=-1,m=!0,g=2&r?new n:void 0;for(c.set(e,t),c.set(t,e);++h<u;){var v=e[h],b=t[h];if(s)var y=l?s(b,v,h,t,e,c):s(v,b,h,e,t,c);if(void 0!==y){if(y)continue;m=!1;break}if(g){if(!o(t,(function(e,t){if(!a(g,t)&&(v===e||i(v,e,r,s,c)))return g.push(t)}))){m=!1;break}}else if(v!==b&&!i(v,b,r,s,c)){m=!1;break}}return c.delete(e),c.delete(t),m}},1986:(e,t,r)=>{var n=r(1873),o=r(7828),a=r(5288),s=r(5911),i=r(317),c=r(4247),l=n?n.prototype:void 0,u=l?l.valueOf:void 0;e.exports=function(e,t,r,n,l,p,f){switch(r){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!p(new o(e),new o(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return a(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var d=i;case"[object Set]":var h=1&n;if(d||(d=c),e.size!=t.size&&!h)return!1;var m=f.get(e);if(m)return m==t;n|=2,f.set(e,t);var g=s(d(e),d(t),n,l,p,f);return f.delete(e),g;case"[object Symbol]":if(u)return u.call(e)==u.call(t)}return!1}},689:(e,t,r)=>{var n=r(2),o=Object.prototype.hasOwnProperty;e.exports=function(e,t,r,a,s,i){var c=1&r,l=n(e),u=l.length;if(u!=n(t).length&&!c)return!1;for(var p=u;p--;){var f=l[p];if(!(c?f in t:o.call(t,f)))return!1}var d=i.get(e),h=i.get(t);if(d&&h)return d==t&&h==e;var m=!0;i.set(e,t),i.set(t,e);for(var g=c;++p<u;){var v=e[f=l[p]],b=t[f];if(a)var y=c?a(b,v,f,t,e,i):a(v,b,f,e,t,i);if(!(void 0===y?v===b||s(v,b,r,a,i):y)){m=!1;break}g||(g="constructor"==f)}if(m&&!g){var _=e.constructor,x=t.constructor;_==x||!("constructor"in e)||!("constructor"in t)||"function"==typeof _&&_ instanceof _&&"function"==typeof x&&x instanceof x||(m=!1)}return i.delete(e),i.delete(t),m}},4840:(e,t,r)=>{var n="object"==typeof r.g&&r.g&&r.g.Object===Object&&r.g;e.exports=n},2:(e,t,r)=>{var n=r(2199),o=r(4664),a=r(5950);e.exports=function(e){return n(e,a,o)}},2651:(e,t,r)=>{var n=r(4218);e.exports=function(e,t){var r=e.__data__;return n(t)?r["string"==typeof t?"string":"hash"]:r.map}},6110:(e,t,r)=>{var n=r(5083),o=r(392);e.exports=function(e,t){var r=o(e,t);return n(r)?r:void 0}},659:(e,t,r)=>{var n=r(1873),o=Object.prototype,a=o.hasOwnProperty,s=o.toString,i=n?n.toStringTag:void 0;e.exports=function(e){var t=a.call(e,i),r=e[i];try{e[i]=void 0;var n=!0}catch(e){}var o=s.call(e);return n&&(t?e[i]=r:delete e[i]),o}},4664:(e,t,r)=>{var n=r(9770),o=r(3345),a=Object.prototype.propertyIsEnumerable,s=Object.getOwnPropertySymbols,i=s?function(e){return null==e?[]:(e=Object(e),n(s(e),(function(t){return a.call(e,t)})))}:o;e.exports=i},5861:(e,t,r)=>{var n=r(5580),o=r(8223),a=r(2804),s=r(6545),i=r(8303),c=r(2552),l=r(7473),u="[object Map]",p="[object Promise]",f="[object Set]",d="[object WeakMap]",h="[object DataView]",m=l(n),g=l(o),v=l(a),b=l(s),y=l(i),_=c;(n&&_(new n(new ArrayBuffer(1)))!=h||o&&_(new o)!=u||a&&_(a.resolve())!=p||s&&_(new s)!=f||i&&_(new i)!=d)&&(_=function(e){var t=c(e),r="[object Object]"==t?e.constructor:void 0,n=r?l(r):"";if(n)switch(n){case m:return h;case g:return u;case v:return p;case b:return f;case y:return d}return t}),e.exports=_},392:e=>{e.exports=function(e,t){return null==e?void 0:e[t]}},2032:(e,t,r)=>{var n=r(1042);e.exports=function(){this.__data__=n?n(null):{},this.size=0}},3862:e=>{e.exports=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}},6721:(e,t,r)=>{var n=r(1042),o=Object.prototype.hasOwnProperty;e.exports=function(e){var t=this.__data__;if(n){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return o.call(t,e)?t[e]:void 0}},2749:(e,t,r)=>{var n=r(1042),o=Object.prototype.hasOwnProperty;e.exports=function(e){var t=this.__data__;return n?void 0!==t[e]:o.call(t,e)}},5749:(e,t,r)=>{var n=r(1042);e.exports=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=n&&void 0===t?"__lodash_hash_undefined__":t,this}},361:e=>{var t=/^(?:0|[1-9]\d*)$/;e.exports=function(e,r){var n=typeof e;return!!(r=null==r?9007199254740991:r)&&("number"==n||"symbol"!=n&&t.test(e))&&e>-1&&e%1==0&&e<r}},4218:e=>{e.exports=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}},7296:(e,t,r)=>{var n,o=r(5481),a=(n=/[^.]+$/.exec(o&&o.keys&&o.keys.IE_PROTO||""))?"Symbol(src)_1."+n:"";e.exports=function(e){return!!a&&a in e}},5527:e=>{var t=Object.prototype;e.exports=function(e){var r=e&&e.constructor;return e===("function"==typeof r&&r.prototype||t)}},3702:e=>{e.exports=function(){this.__data__=[],this.size=0}},80:(e,t,r)=>{var n=r(6025),o=Array.prototype.splice;e.exports=function(e){var t=this.__data__,r=n(t,e);return!(r<0||(r==t.length-1?t.pop():o.call(t,r,1),--this.size,0))}},4739:(e,t,r)=>{var n=r(6025);e.exports=function(e){var t=this.__data__,r=n(t,e);return r<0?void 0:t[r][1]}},8655:(e,t,r)=>{var n=r(6025);e.exports=function(e){return n(this.__data__,e)>-1}},1175:(e,t,r)=>{var n=r(6025);e.exports=function(e,t){var r=this.__data__,o=n(r,e);return o<0?(++this.size,r.push([e,t])):r[o][1]=t,this}},3040:(e,t,r)=>{var n=r(1549),o=r(79),a=r(8223);e.exports=function(){this.size=0,this.__data__={hash:new n,map:new(a||o),string:new n}}},7670:(e,t,r)=>{var n=r(2651);e.exports=function(e){var t=n(this,e).delete(e);return this.size-=t?1:0,t}},289:(e,t,r)=>{var n=r(2651);e.exports=function(e){return n(this,e).get(e)}},4509:(e,t,r)=>{var n=r(2651);e.exports=function(e){return n(this,e).has(e)}},2949:(e,t,r)=>{var n=r(2651);e.exports=function(e,t){var r=n(this,e),o=r.size;return r.set(e,t),this.size+=r.size==o?0:1,this}},317:e=>{e.exports=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r}},1042:(e,t,r)=>{var n=r(6110)(Object,"create");e.exports=n},3650:(e,t,r)=>{var n=r(4335)(Object.keys,Object);e.exports=n},6009:(e,t,r)=>{e=r.nmd(e);var n=r(4840),o=t&&!t.nodeType&&t,a=o&&e&&!e.nodeType&&e,s=a&&a.exports===o&&n.process,i=function(){try{return a&&a.require&&a.require("util").types||s&&s.binding&&s.binding("util")}catch(e){}}();e.exports=i},9350:e=>{var t=Object.prototype.toString;e.exports=function(e){return t.call(e)}},4335:e=>{e.exports=function(e,t){return function(r){return e(t(r))}}},9325:(e,t,r)=>{var n=r(4840),o="object"==typeof self&&self&&self.Object===Object&&self,a=n||o||Function("return this")();e.exports=a},1380:e=>{e.exports=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this}},1459:e=>{e.exports=function(e){return this.__data__.has(e)}},4247:e=>{e.exports=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r}},1420:(e,t,r)=>{var n=r(79);e.exports=function(){this.__data__=new n,this.size=0}},938:e=>{e.exports=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}},3605:e=>{e.exports=function(e){return this.__data__.get(e)}},9817:e=>{e.exports=function(e){return this.__data__.has(e)}},945:(e,t,r)=>{var n=r(79),o=r(8223),a=r(3661);e.exports=function(e,t){var r=this.__data__;if(r instanceof n){var s=r.__data__;if(!o||s.length<199)return s.push([e,t]),this.size=++r.size,this;r=this.__data__=new a(s)}return r.set(e,t),this.size=r.size,this}},7473:e=>{var t=Function.prototype.toString;e.exports=function(e){if(null!=e){try{return t.call(e)}catch(e){}try{return e+""}catch(e){}}return""}},5288:e=>{e.exports=function(e,t){return e===t||e!=e&&t!=t}},2428:(e,t,r)=>{var n=r(7534),o=r(346),a=Object.prototype,s=a.hasOwnProperty,i=a.propertyIsEnumerable,c=n(function(){return arguments}())?n:function(e){return o(e)&&s.call(e,"callee")&&!i.call(e,"callee")};e.exports=c},6449:e=>{var t=Array.isArray;e.exports=t},4894:(e,t,r)=>{var n=r(1882),o=r(294);e.exports=function(e){return null!=e&&o(e.length)&&!n(e)}},3656:(e,t,r)=>{e=r.nmd(e);var n=r(9325),o=r(9935),a=t&&!t.nodeType&&t,s=a&&e&&!e.nodeType&&e,i=s&&s.exports===a?n.Buffer:void 0,c=(i?i.isBuffer:void 0)||o;e.exports=c},2404:(e,t,r)=>{var n=r(270);e.exports=function(e,t){return n(e,t)}},1882:(e,t,r)=>{var n=r(2552),o=r(3805);e.exports=function(e){if(!o(e))return!1;var t=n(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t}},294:e=>{e.exports=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}},3805:e=>{e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},346:e=>{e.exports=function(e){return null!=e&&"object"==typeof e}},7167:(e,t,r)=>{var n=r(4901),o=r(7301),a=r(6009),s=a&&a.isTypedArray,i=s?o(s):n;e.exports=i},5950:(e,t,r)=>{var n=r(695),o=r(8984),a=r(4894);e.exports=function(e){return a(e)?n(e):o(e)}},3345:e=>{e.exports=function(){return[]}},9935:e=>{e.exports=function(){return!1}},2833:e=>{e.exports=function(e,t,r,n){var o=r?r.call(n,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),s=Object.keys(t);if(a.length!==s.length)return!1;for(var i=Object.prototype.hasOwnProperty.bind(t),c=0;c<a.length;c++){var l=a[c];if(!i(l))return!1;var u=e[l],p=t[l];if(!1===(o=r?r.call(n,u,p,l):void 0)||void 0===o&&u!==p)return!1}return!0}},3697:(e,t,r)=>{"use strict";r.r(t),r.d(t,{ServerStyleSheet:()=>nr,StyleSheetConsumer:()=>$t,StyleSheetContext:()=>Rt,StyleSheetManager:()=>kt,ThemeConsumer:()=>Wt,ThemeContext:()=>Ft,ThemeProvider:()=>Ut,__PRIVATE__:()=>or,createGlobalStyle:()=>er,css:()=>Zt,default:()=>Kt,isStyledComponent:()=>Xe,keyframes:()=>tr,styled:()=>Kt,useTheme:()=>Gt,version:()=>pe,withTheme:()=>rr});var n=function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};function o(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}Object.create,Object.create;var a=r(1609),s=r.n(a),i=r(2833),c=r.n(i),l="-ms-",u="-moz-",p="-webkit-",f="comm",d="rule",h="decl",m="@import",g="@keyframes",v="@layer",b=Math.abs,y=String.fromCharCode,_=Object.assign;function x(e){return e.trim()}function w(e,t){return(e=t.exec(e))?e[0]:e}function S(e,t,r){return e.replace(t,r)}function j(e,t,r){return e.indexOf(t,r)}function C(e,t){return 0|e.charCodeAt(t)}function E(e,t,r){return e.slice(t,r)}function R(e){return e.length}function $(e){return e.length}function O(e,t){return t.push(e),e}function P(e,t){return e.filter((function(e){return!w(e,t)}))}var k=1,I=1,A=0,N=0,M=0,T="";function D(e,t,r,n,o,a,s,i){return{value:e,root:t,parent:r,type:n,props:o,children:a,line:k,column:I,length:s,return:"",siblings:i}}function z(e,t){return _(D("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function B(e){for(;e.root;)e=z(e.root,{children:[e]});O(e,e.siblings)}function L(){return M=N>0?C(T,--N):0,I--,10===M&&(I=1,k--),M}function F(){return M=N<A?C(T,N++):0,I++,10===M&&(I=1,k++),M}function W(){return C(T,N)}function G(){return N}function U(e,t){return E(T,e,t)}function Y(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 H(e){return x(U(N-1,Z(91===e?e+2:40===e?e+1:e)))}function V(e){for(;(M=W())&&M<33;)F();return Y(e)>2||Y(M)>3?"":" "}function q(e,t){for(;--t&&F()&&!(M<48||M>102||M>57&&M<65||M>70&&M<97););return U(e,G()+(t<6&&32==W()&&32==F()))}function Z(e){for(;F();)switch(M){case e:return N;case 34:case 39:34!==e&&39!==e&&Z(M);break;case 40:41===e&&Z(e);break;case 92:F()}return N}function X(e,t){for(;F()&&e+M!==57&&(e+M!==84||47!==W()););return"/*"+U(t,N-1)+"*"+y(47===e?e:F())}function J(e){for(;!Y(W());)F();return U(e,N)}function K(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function Q(e,t,r,n){switch(e.type){case v:if(e.children.length)break;case m:case h:return e.return=e.return||e.value;case f:return"";case g:return e.return=e.value+"{"+K(e.children,n)+"}";case d:if(!R(e.value=e.props.join(",")))return""}return R(r=K(e.children,n))?e.return=e.value+"{"+r+"}":""}function ee(e,t,r){switch(function(e,t){return 45^C(e,0)?(((t<<2^C(e,0))<<2^C(e,1))<<2^C(e,2))<<2^C(e,3):0}(e,t)){case 5103:return p+"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 p+e+e;case 4789:return u+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return p+e+u+e+l+e+e;case 5936:switch(C(e,t+11)){case 114:return p+e+l+S(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return p+e+l+S(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return p+e+l+S(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return p+e+l+e+e;case 6165:return p+e+l+"flex-"+e+e;case 5187:return p+e+S(e,/(\w+).+(:[^]+)/,p+"box-$1$2"+l+"flex-$1$2")+e;case 5443:return p+e+l+"flex-item-"+S(e,/flex-|-self/g,"")+(w(e,/flex-|baseline/)?"":l+"grid-row-"+S(e,/flex-|-self/g,""))+e;case 4675:return p+e+l+"flex-line-pack"+S(e,/align-content|flex-|-self/g,"")+e;case 5548:return p+e+l+S(e,"shrink","negative")+e;case 5292:return p+e+l+S(e,"basis","preferred-size")+e;case 6060:return p+"box-"+S(e,"-grow","")+p+e+l+S(e,"grow","positive")+e;case 4554:return p+S(e,/([^-])(transform)/g,"$1"+p+"$2")+e;case 6187:return S(S(S(e,/(zoom-|grab)/,p+"$1"),/(image-set)/,p+"$1"),e,"")+e;case 5495:case 3959:return S(e,/(image-set\([^]*)/,p+"$1$`$1");case 4968:return S(S(e,/(.+:)(flex-)?(.*)/,p+"box-pack:$3"+l+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+p+e+e;case 4200:if(!w(e,/flex-|baseline/))return l+"grid-column-align"+E(e,t)+e;break;case 2592:case 3360:return l+S(e,"template-","")+e;case 4384:case 3616:return r&&r.some((function(e,r){return t=r,w(e.props,/grid-\w+-end/)}))?~j(e+(r=r[t].value),"span",0)?e:l+S(e,"-start","")+e+l+"grid-row-span:"+(~j(r,"span",0)?w(r,/\d+/):+w(r,/\d+/)-+w(e,/\d+/))+";":l+S(e,"-start","")+e;case 4896:case 4128:return r&&r.some((function(e){return w(e.props,/grid-\w+-start/)}))?e:l+S(S(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return S(e,/(.+)-inline(.+)/,p+"$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(R(e)-1-t>6)switch(C(e,t+1)){case 109:if(45!==C(e,t+4))break;case 102:return S(e,/(.+:)(.+)-([^]+)/,"$1"+p+"$2-$3$1"+u+(108==C(e,t+3)?"$3":"$2-$3"))+e;case 115:return~j(e,"stretch",0)?ee(S(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return S(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,r,n,o,a,s,i){return l+r+":"+n+i+(o?l+r+"-span:"+(a?s:+s-+n)+i:"")+e}));case 4949:if(121===C(e,t+6))return S(e,":",":"+p)+e;break;case 6444:switch(C(e,45===C(e,14)?18:11)){case 120:return S(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+p+(45===C(e,14)?"inline-":"")+"box$3$1"+p+"$2$3$1"+l+"$2box$3")+e;case 100:return S(e,":",":"+l)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return S(e,"scroll-","scroll-snap-")+e}return e}function te(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case h:return void(e.return=ee(e.value,e.length,r));case g:return K([z(e,{value:S(e.value,"@","@"+p)})],n);case d:if(e.length)return function(e,t){return e.map(t).join("")}(r=e.props,(function(t){switch(w(t,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":B(z(e,{props:[S(t,/:(read-\w+)/,":"+u+"$1")]})),B(z(e,{props:[t]})),_(e,{props:P(r,n)});break;case"::placeholder":B(z(e,{props:[S(t,/:(plac\w+)/,":"+p+"input-$1")]})),B(z(e,{props:[S(t,/:(plac\w+)/,":"+u+"$1")]})),B(z(e,{props:[S(t,/:(plac\w+)/,l+"input-$1")]})),B(z(e,{props:[t]})),_(e,{props:P(r,n)})}return""}))}}function re(e){return function(e){return T="",e}(ne("",null,null,null,[""],e=function(e){return k=I=1,A=R(T=e),N=0,[]}(e),0,[0],e))}function ne(e,t,r,n,o,a,s,i,c){for(var l=0,u=0,p=s,f=0,d=0,h=0,m=1,g=1,v=1,_=0,x="",w=o,E=a,$=n,P=x;g;)switch(h=_,_=F()){case 40:if(108!=h&&58==C(P,p-1)){-1!=j(P+=S(H(_),"&","&\f"),"&\f",b(l?i[l-1]:0))&&(v=-1);break}case 34:case 39:case 91:P+=H(_);break;case 9:case 10:case 13:case 32:P+=V(h);break;case 92:P+=q(G()-1,7);continue;case 47:switch(W()){case 42:case 47:O(ae(X(F(),G()),t,r,c),c);break;default:P+="/"}break;case 123*m:i[l++]=R(P)*v;case 125*m:case 59:case 0:switch(_){case 0:case 125:g=0;case 59+u:-1==v&&(P=S(P,/\f/g,"")),d>0&&R(P)-p&&O(d>32?se(P+";",n,r,p-1,c):se(S(P," ","")+";",n,r,p-2,c),c);break;case 59:P+=";";default:if(O($=oe(P,t,r,l,u,o,i,x,w=[],E=[],p,a),a),123===_)if(0===u)ne(P,t,$,$,w,a,p,i,E);else switch(99===f&&110===C(P,3)?100:f){case 100:case 108:case 109:case 115:ne(e,$,$,n&&O(oe(e,$,$,0,0,o,i,x,o,w=[],p,E),E),o,E,p,i,n?w:E);break;default:ne(P,$,$,$,[""],E,0,i,E)}}l=u=d=0,m=v=1,x=P="",p=s;break;case 58:p=1+R(P),d=h;default:if(m<1)if(123==_)--m;else if(125==_&&0==m++&&125==L())continue;switch(P+=y(_),_*m){case 38:v=u>0?1:(P+="\f",-1);break;case 44:i[l++]=(R(P)-1)*v,v=1;break;case 64:45===W()&&(P+=H(F())),f=W(),u=p=R(x=P+=J(G())),_++;break;case 45:45===h&&2==R(P)&&(m=0)}}return a}function oe(e,t,r,n,o,a,s,i,c,l,u,p){for(var f=o-1,h=0===o?a:[""],m=$(h),g=0,v=0,y=0;g<n;++g)for(var _=0,w=E(e,f+1,f=b(v=s[g])),j=e;_<m;++_)(j=x(v>0?h[_]+" "+w:S(w,/&\f/g,h[_])))&&(c[y++]=j);return D(e,t,r,0===o?d:i,c,l,u,p)}function ae(e,t,r,n){return D(e,t,r,f,y(M),E(e,2,-2),0,n)}function se(e,t,r,n,o){return D(e,t,r,h,E(e,0,n),E(e,n+1,-1),n,o)}const ie={animationIterationCount: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};var ce="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",le="active",ue="data-styled-version",pe="6.1.8",fe="/*!sc*/\n",de="undefined"!=typeof window&&"HTMLElement"in window,he=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),me={},ge=(new Set,Object.freeze([])),ve=Object.freeze({});function be(e,t,r){return void 0===r&&(r=ve),e.theme!==r.theme&&e.theme||t||r.theme}var ye=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"]),_e=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,xe=/(^-|-$)/g;function we(e){return e.replace(_e,"-").replace(xe,"")}var Se=/(a)(d)/gi,je=52,Ce=function(e){return String.fromCharCode(e+(e>25?39:97))};function Ee(e){var t,r="";for(t=Math.abs(e);t>je;t=t/je|0)r=Ce(t%je)+r;return(Ce(t%je)+r).replace(Se,"$1-$2")}var Re,$e=5381,Oe=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Pe=function(e){return Oe($e,e)};function ke(e){return Ee(Pe(e)>>>0)}function Ie(e){return e.displayName||e.name||"Component"}function Ae(e){return"string"==typeof e&&!0}var Ne="function"==typeof Symbol&&Symbol.for,Me=Ne?Symbol.for("react.memo"):60115,Te=Ne?Symbol.for("react.forward_ref"):60112,De={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},ze={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Be={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Le=((Re={})[Te]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Re[Me]=Be,Re);function Fe(e){return("type"in(t=e)&&t.type.$$typeof)===Me?Be:"$$typeof"in e?Le[e.$$typeof]:De;var t}var We=Object.defineProperty,Ge=Object.getOwnPropertyNames,Ue=Object.getOwnPropertySymbols,Ye=Object.getOwnPropertyDescriptor,He=Object.getPrototypeOf,Ve=Object.prototype;function qe(e,t,r){if("string"!=typeof t){if(Ve){var n=He(t);n&&n!==Ve&&qe(e,n,r)}var o=Ge(t);Ue&&(o=o.concat(Ue(t)));for(var a=Fe(e),s=Fe(t),i=0;i<o.length;++i){var c=o[i];if(!(c in ze||r&&r[c]||s&&c in s||a&&c in a)){var l=Ye(t,c);try{We(e,c,l)}catch(e){}}}}return e}function Ze(e){return"function"==typeof e}function Xe(e){return"object"==typeof e&&"styledComponentId"in e}function Je(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Ke(e,t){if(0===e.length)return"";for(var r=e[0],n=1;n<e.length;n++)r+=t?t+e[n]:e[n];return r}function Qe(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function et(e,t,r){if(void 0===r&&(r=!1),!r&&!Qe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=et(e[n],t[n]);else if(Qe(t))for(var n in t)e[n]=et(e[n],t[n]);return e}function tt(e,t){Object.defineProperty(e,"toString",{value:t})}function rt(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];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 nt=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,r=0;r<e;r++)t+=this.groupSizes[r];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var r=this.groupSizes,n=r.length,o=n;e>=o;)if((o<<=1)<0)throw rt(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(r),this.length=o;for(var a=n;a<o;a++)this.groupSizes[a]=0}for(var s=this.indexOfGroup(e+1),i=(a=0,t.length);a<i;a++)this.tag.insertRule(s,t[a])&&(this.groupSizes[e]++,s++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],r=this.indexOfGroup(e),n=r+t;this.groupSizes[e]=0;for(var o=r;o<n;o++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],n=this.indexOfGroup(e),o=n+r,a=n;a<o;a++)t+="".concat(this.tag.getRule(a)).concat(fe);return t},e}(),ot=new Map,at=new Map,st=1,it=function(e){if(ot.has(e))return ot.get(e);for(;at.has(st);)st++;var t=st++;return ot.set(e,t),at.set(t,e),t},ct=function(e,t){st=t+1,ot.set(e,t),at.set(t,e)},lt="style[".concat(ce,"][").concat(ue,'="').concat(pe,'"]'),ut=new RegExp("^".concat(ce,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),pt=function(e,t,r){for(var n,o=r.split(","),a=0,s=o.length;a<s;a++)(n=o[a])&&e.registerName(t,n)},ft=function(e,t){for(var r,n=(null!==(r=t.textContent)&&void 0!==r?r:"").split(fe),o=[],a=0,s=n.length;a<s;a++){var i=n[a].trim();if(i){var c=i.match(ut);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(ct(u,l),pt(e,u,c[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(i)}}};function dt(){return r.nc}var ht=function(e){var t=document.head,r=e||t,n=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(ce,"]")));return t[t.length-1]}(r),a=void 0!==o?o.nextSibling:null;n.setAttribute(ce,le),n.setAttribute(ue,pe);var s=dt();return s&&n.setAttribute("nonce",s),r.insertBefore(n,a),n},mt=function(){function e(e){this.element=ht(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,n=t.length;r<n;r++){var o=t[r];if(o.ownerNode===e)return o}throw rt(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}(),gt=function(){function e(e){this.element=ht(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var r=document.createTextNode(t);return this.element.insertBefore(r,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}(),vt=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}(),bt=de,yt={isServer:!de,useCSSOMInjection:!he},_t=function(){function e(e,t,r){void 0===e&&(e=ve),void 0===t&&(t={});var o=this;this.options=n(n({},yt),e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&de&&bt&&(bt=!1,function(e){for(var t=document.querySelectorAll(lt),r=0,n=t.length;r<n;r++){var o=t[r];o&&o.getAttribute(ce)!==le&&(ft(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this)),tt(this,(function(){return function(e){for(var t=e.getTag(),r=t.length,n="",o=function(r){var o=function(e){return at.get(e)}(r);if(void 0===o)return"continue";var a=e.names.get(o),s=t.getGroup(r);if(void 0===a||0===s.length)return"continue";var i="".concat(ce,".g").concat(r,'[id="').concat(o,'"]'),c="";void 0!==a&&a.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),n+="".concat(s).concat(i,'{content:"').concat(c,'"}').concat(fe)},a=0;a<r;a++)o(a);return n}(o)}))}return e.registerId=function(e){return it(e)},e.prototype.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(n(n({},this.options),t),this.gs,r&&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,r=e.target;return e.isServer?new vt(r):t?new mt(r):new gt(r)}(this.options),new nt(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(it(e),this.names.has(e))this.names.get(e).add(t);else{var r=new Set;r.add(t),this.names.set(e,r)}},e.prototype.insertRules=function(e,t,r){this.registerName(e,t),this.getTag().insertRules(it(e),r)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(it(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),xt=/&/g,wt=/^\s*\/\/.*$/gm;function St(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=St(e.children,t)),e}))}function jt(e){var t,r,n,o=void 0===e?ve:e,a=o.options,s=void 0===a?ve:a,i=o.plugins,c=void 0===i?ge:i,l=function(e,n,o){return o.startsWith(r)&&o.endsWith(r)&&o.replaceAll(r,"").length>0?".".concat(t):e},u=c.slice();u.push((function(e){e.type===d&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(xt,r).replace(n,l))})),s.prefix&&u.push(te),u.push(Q);var p=function(e,o,a,i){void 0===o&&(o=""),void 0===a&&(a=""),void 0===i&&(i="&"),t=i,r=o,n=new RegExp("\\".concat(r,"\\b"),"g");var c=e.replace(wt,""),l=re(a||o?"".concat(a," ").concat(o," { ").concat(c," }"):c);s.namespace&&(l=St(l,s.namespace));var p,f,d,h=[];return K(l,(p=u.concat((d=function(e){return h.push(e)},function(e){e.root||(e=e.return)&&d(e)})),f=$(p),function(e,t,r,n){for(var o="",a=0;a<f;a++)o+=p[a](e,t,r,n)||"";return o})),h};return p.hash=c.length?c.reduce((function(e,t){return t.name||rt(15),Oe(e,t.name)}),$e).toString():"",p}var Ct=new _t,Et=jt(),Rt=s().createContext({shouldForwardProp:void 0,styleSheet:Ct,stylis:Et}),$t=Rt.Consumer,Ot=s().createContext(void 0);function Pt(){return(0,a.useContext)(Rt)}function kt(e){var t=(0,a.useState)(e.stylisPlugins),r=t[0],n=t[1],o=Pt().styleSheet,i=(0,a.useMemo)((function(){var t=o;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,o]),l=(0,a.useMemo)((function(){return jt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:r})}),[e.enableVendorPrefixes,e.namespace,r]);(0,a.useEffect)((function(){c()(r,e.stylisPlugins)||n(e.stylisPlugins)}),[e.stylisPlugins]);var u=(0,a.useMemo)((function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:i,stylis:l}}),[e.shouldForwardProp,i,l]);return s().createElement(Rt.Provider,{value:u},s().createElement(Ot.Provider,{value:l},e.children))}var It=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=Et);var n=r.name+t.hash;e.hasNameForId(r.id,n)||e.insertRules(r.id,n,t(r.rules,n,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,tt(this,(function(){throw rt(12,String(r.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=Et),this.name+e.hash},e}(),At=function(e){return e>="A"&&e<="Z"};function Nt(e){for(var t="",r=0;r<e.length;r++){var n=e[r];if(1===r&&"-"===n&&"-"===e[0])return e;At(n)?t+="-"+n.toLowerCase():t+=n}return t.startsWith("ms-")?"-"+t:t}var Mt=function(e){return null==e||!1===e||""===e},Tt=function(e){var t,r,n=[];for(var a in e){var s=e[a];e.hasOwnProperty(a)&&!Mt(s)&&(Array.isArray(s)&&s.isCss||Ze(s)?n.push("".concat(Nt(a),":"),s,";"):Qe(s)?n.push.apply(n,o(o(["".concat(a," {")],Tt(s),!1),["}"],!1)):n.push("".concat(Nt(a),": ").concat((t=a,null==(r=s)||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||t in ie||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function Dt(e,t,r,n){return Mt(e)?[]:Xe(e)?[".".concat(e.styledComponentId)]:Ze(e)?!Ze(o=e)||o.prototype&&o.prototype.isReactComponent||!t?[e]:Dt(e(t),t,r,n):e instanceof It?r?(e.inject(r,n),[e.getName(n)]):[e]:Qe(e)?Tt(e):Array.isArray(e)?Array.prototype.concat.apply(ge,e.map((function(e){return Dt(e,t,r,n)}))):[e.toString()];var o}function zt(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(Ze(r)&&!Xe(r))return!1}return!0}var Bt=Pe(pe),Lt=function(){function e(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===r||r.isStatic)&&zt(e),this.componentId=t,this.baseHash=Oe(Bt,t),this.baseStyle=r,_t.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,r){var n=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))n=Je(n,this.staticRulesId);else{var o=Ke(Dt(this.rules,e,t,r)),a=Ee(Oe(this.baseHash,o)>>>0);if(!t.hasNameForId(this.componentId,a)){var s=r(o,".".concat(a),void 0,this.componentId);t.insertRules(this.componentId,a,s)}n=Je(n,a),this.staticRulesId=a}else{for(var i=Oe(this.baseHash,r.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u;else if(u){var p=Ke(Dt(u,e,t,r));i=Oe(i,p+l),c+=p}}if(c){var f=Ee(i>>>0);t.hasNameForId(this.componentId,f)||t.insertRules(this.componentId,f,r(c,".".concat(f),void 0,this.componentId)),n=Je(n,f)}}return n},e}(),Ft=s().createContext(void 0),Wt=Ft.Consumer;function Gt(){var e=(0,a.useContext)(Ft);if(!e)throw rt(18);return e}function Ut(e){var t=s().useContext(Ft),r=(0,a.useMemo)((function(){return function(e,t){if(!e)throw rt(14);if(Ze(e))return e(t);if(Array.isArray(e)||"object"!=typeof e)throw rt(8);return t?n(n({},t),e):e}(e.theme,t)}),[e.theme,t]);return e.children?s().createElement(Ft.Provider,{value:r},e.children):null}var Yt={};function Ht(e,t,r){var o=Xe(e),i=e,c=!Ae(e),l=t.attrs,u=void 0===l?ge:l,p=t.componentId,f=void 0===p?function(e,t){var r="string"!=typeof e?"sc":we(e);Yt[r]=(Yt[r]||0)+1;var n="".concat(r,"-").concat(ke(pe+r+Yt[r]));return t?"".concat(t,"-").concat(n):n}(t.displayName,t.parentComponentId):p,d=t.displayName,h=void 0===d?function(e){return Ae(e)?"styled.".concat(e):"Styled(".concat(Ie(e),")")}(e):d,m=t.displayName&&t.componentId?"".concat(we(t.displayName),"-").concat(t.componentId):t.componentId||f,g=o&&i.attrs?i.attrs.concat(u).filter(Boolean):u,v=t.shouldForwardProp;if(o&&i.shouldForwardProp){var b=i.shouldForwardProp;if(t.shouldForwardProp){var y=t.shouldForwardProp;v=function(e,t){return b(e,t)&&y(e,t)}}else v=b}var _=new Lt(r,m,o?i.componentStyle:void 0);function x(e,t){return function(e,t,r){var o=e.attrs,i=e.componentStyle,c=e.defaultProps,l=e.foldedComponentIds,u=e.styledComponentId,p=e.target,f=s().useContext(Ft),d=Pt(),h=e.shouldForwardProp||d.shouldForwardProp,m=be(t,f,c)||ve,g=function(e,t,r){for(var o,a=n(n({},t),{className:void 0,theme:r}),s=0;s<e.length;s+=1){var i=Ze(o=e[s])?o(a):o;for(var c in i)a[c]="className"===c?Je(a[c],i[c]):"style"===c?n(n({},a[c]),i[c]):i[c]}return t.className&&(a.className=Je(a.className,t.className)),a}(o,t,m),v=g.as||p,b={};for(var y in g)void 0===g[y]||"$"===y[0]||"as"===y||"theme"===y&&g.theme===m||("forwardedAs"===y?b.as=g.forwardedAs:h&&!h(y,v)||(b[y]=g[y]));var _=function(e,t){var r=Pt();return e.generateAndInjectStyles(t,r.styleSheet,r.stylis)}(i,g),x=Je(l,u);return _&&(x+=" "+_),g.className&&(x+=" "+g.className),b[Ae(v)&&!ye.has(v)?"class":"className"]=x,b.ref=r,(0,a.createElement)(v,b)}(w,e,t)}x.displayName=h;var w=s().forwardRef(x);return w.attrs=g,w.componentStyle=_,w.displayName=h,w.shouldForwardProp=v,w.foldedComponentIds=o?Je(i.foldedComponentIds,i.styledComponentId):"",w.styledComponentId=m,w.target=o?i.target:e,Object.defineProperty(w,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=o?function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];for(var n=0,o=t;n<o.length;n++)et(e,o[n],!0);return e}({},i.defaultProps,e):e}}),tt(w,(function(){return".".concat(w.styledComponentId)})),c&&qe(w,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),w}function Vt(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r}new Set;var qt=function(e){return Object.assign(e,{isCss:!0})};function Zt(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(Ze(e)||Qe(e))return qt(Dt(Vt(ge,o([e],t,!0))));var n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?Dt(n):qt(Dt(Vt(n,t)))}function Xt(e,t,r){if(void 0===r&&(r=ve),!t)throw rt(1,t);var a=function(n){for(var a=[],s=1;s<arguments.length;s++)a[s-1]=arguments[s];return e(t,r,Zt.apply(void 0,o([n],a,!1)))};return a.attrs=function(o){return Xt(e,t,n(n({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},a.withConfig=function(o){return Xt(e,t,n(n({},r),o))},a}var Jt=function(e){return Xt(Ht,e)},Kt=Jt;ye.forEach((function(e){Kt[e]=Jt(e)}));var Qt=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=zt(e),_t.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,r,n){var o=n(Ke(Dt(this.rules,t,r,n)),""),a=this.componentId+e;r.insertRules(a,a,o)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,r,n){e>2&&_t.registerId(this.componentId+e),this.removeStyles(e,r),this.createStyles(e,t,r,n)},e}();function er(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var a=Zt.apply(void 0,o([e],t,!1)),i="sc-global-".concat(ke(JSON.stringify(a))),c=new Qt(a,i),l=function(e){var t=Pt(),r=s().useContext(Ft),n=s().useRef(t.styleSheet.allocateGSInstance(i)).current;return t.styleSheet.server&&u(n,e,t.styleSheet,r,t.stylis),s().useLayoutEffect((function(){if(!t.styleSheet.server)return u(n,e,t.styleSheet,r,t.stylis),function(){return c.removeStyles(n,t.styleSheet)}}),[n,e,t.styleSheet,r,t.stylis]),null};function u(e,t,r,o,a){if(c.isStatic)c.renderStyles(e,me,r,a);else{var s=n(n({},t),{theme:be(t,o,l.defaultProps)});c.renderStyles(e,s,r,a)}}return s().memo(l)}function tr(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var n=Ke(Zt.apply(void 0,o([e],t,!1))),a=ke(n);return new It(a,n)}function rr(e){var t=s().forwardRef((function(t,r){var o=be(t,s().useContext(Ft),e.defaultProps);return s().createElement(e,n({},t,{theme:o,ref:r}))}));return t.displayName="WithTheme(".concat(Ie(e),")"),qe(t,e)}var nr=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString(),r=dt(),n=Ke([r&&'nonce="'.concat(r,'"'),"".concat(ce,'="true"'),"".concat(ue,'="').concat(pe,'"')].filter(Boolean)," ");return"<style ".concat(n,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw rt(2);return e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)throw rt(2);var r=((t={})[ce]="",t[ue]=pe,t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),o=dt();return o&&(r.nonce=o),[s().createElement("style",n({},r,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new _t({isServer:!0}),this.sealed=!1}return e.prototype.collectStyles=function(e){if(this.sealed)throw rt(2);return s().createElement(kt,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw rt(3)},e}(),or={StyleSheet:_t,mainSheet:Ct};"__sc-".concat(ce,"__")},1609:e=>{"use strict";e.exports=window.React},4715:e=>{"use strict";e.exports=window.wp.blockEditor},6427:e=>{"use strict";e.exports=window.wp.components},7143:e=>{"use strict";e.exports=window.wp.data},6087:e=>{"use strict";e.exports=window.wp.element},7723:e=>{"use strict";e.exports=window.wp.i18n},4994:e=>{e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={id:n,loaded:!1,exports:{}};return e[n](a,a.exports,r),a.loaded=!0,a.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),r.nc=void 0;var n={};return(()=>{var e=n,t=r(4994);Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"Arrow",{enumerable:!0,get:function(){return i.Arrow}}),Object.defineProperty(e,"BlockEditWrapper",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(e,"DraggableBox",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(e,"MultiImageSelect",{enumerable:!0,get:function(){return l.MultiImageSelect}}),Object.defineProperty(e,"PseudoElm",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(e,"ShadowCtrl",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(e,"ShadowElm",{enumerable:!0,get:function(){return a.ShadowElm}}),Object.defineProperty(e,"align_prm",{enumerable:!0,get:function(){return d.align_prm}}),Object.defineProperty(e,"borderProperty",{enumerable:!0,get:function(){return d.borderProperty}}),Object.defineProperty(e,"convertToScss",{enumerable:!0,get:function(){return d.convertToScss}}),Object.defineProperty(e,"max_width_prm",{enumerable:!0,get:function(){return d.max_width_prm}}),Object.defineProperty(e,"radius_prm",{enumerable:!0,get:function(){return d.radius_prm}}),Object.defineProperty(e,"space_prm",{enumerable:!0,get:function(){return d.space_prm}}),Object.defineProperty(e,"useDeepCompareEffect",{enumerable:!0,get:function(){return o.useDeepCompareEffect}}),Object.defineProperty(e,"useDraggingMove",{enumerable:!0,get:function(){return p.useDraggingMove}}),Object.defineProperty(e,"useElementBackgroundColor",{enumerable:!0,get:function(){return o.useElementBackgroundColor}}),Object.defineProperty(e,"useElementWidth",{enumerable:!0,get:function(){return o.useElementWidth}}),Object.defineProperty(e,"useFontawesomeIframe",{enumerable:!0,get:function(){return o.useFontawesomeIframe}}),Object.defineProperty(e,"useIsIframeMobile",{enumerable:!0,get:function(){return o.useIsIframeMobile}}),Object.defineProperty(e,"useIsMobile",{enumerable:!0,get:function(){return o.useIsMobile}}),Object.defineProperty(e,"width_prm",{enumerable:!0,get:function(){return d.width_prm}});var o=r(2865),a=r(726),s=t(r(8853)),i=r(7831),c=t(r(6280)),l=r(3723),u=t(r(9728)),p=r(3060),f=t(r(7720)),d=r(7011)})(),n})()));

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "itmar-block-packages",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "We have put together a package of common React components used for WordPress custom blocks.",
-  "main": "index.js",
+  "main": "build/index.js",
   "scripts": {
+    "build": "wp-scripts build",
+    "start": "wp-scripts start",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "Web Creator ITmaroon",
@@ -11,5 +13,8 @@
   "dependencies": {
     "lodash": "^4.17.21",
     "styled-components": "^6.1.8"
+  },
+  "devDependencies": {
+    "@wordpress/scripts": "^27.6.0"
   }
 }

package/src/Arrow.js

@@ -0,0 +1,35 @@
+import { __ } from "@wordpress/i18n";
+import { css } from "styled-components";
+import { RadioControl } from "@wordpress/components";
+
+// 矢印の向きに応じたスタイルを生成するヘルパー関数
+const arrowDirectionStyles = (direction) => {
+  switch (direction) {
+    case "left":
+      return "transform: translate(-50%, -50%) rotate(-135deg);";
+    case "right":
+      return "transform: translate(-50%, -50%) rotate(45deg);";
+    case "upper":
+      return "transform: translate(-50%, -50%) rotate(-45deg);";
+    case "under":
+      return "transform: translate(-50%, -50%) rotate(135deg);";
+    default:
+      return "transform: translate(-50%, -50%) rotate(45deg);"; // default to 'down'
+  }
+};
+
+// 矢印のスタイルを適用するコンポーネント
+export const Arrow = ({ direction = "down" }) => css`
+  &::after {
+    content: "";
+    position: absolute;
+    display: block;
+    width: 15%;
+    height: 15%;
+    border-top: 3px solid var(--wp--preset--color--accent-2);
+    border-right: 3px solid var(--wp--preset--color--accent-2);
+    top: 50%;
+    left: 50%;
+    ${arrowDirectionStyles(direction)}
+  }
+`;

package/src/DraggableBox.js

@@ -0,0 +1,55 @@
+import { __ } from "@wordpress/i18n";
+
+import {
+  Button,
+  PanelBody,
+  PanelRow,
+  __experimentalUnitControl as UnitControl,
+} from "@wordpress/components";
+
+export default function DraggableBox(props) {
+  const position = props.attributes;
+
+  //インスペクター内のコントロールからの移動操作
+  const chagePosition = (value, cordinate) => {
+    if (value) {
+      const newPos = { ...position, [cordinate]: value };
+      props.onPositionChange(newPos);
+    }
+  };
+
+  //リセット
+  const resetPos = () => {
+    const newPos = { x: "0px", y: "0px" };
+    props.onPositionChange(newPos);
+  };
+
+  return (
+    <>
+      <PanelBody
+        title={__("Position Setting", "block-collections")}
+        initialOpen={true}
+      >
+        <PanelRow className="distance_row">
+          <UnitControl
+            dragDirection="e"
+            onChange={(value) => chagePosition(value, "x")}
+            label={__("Vertical", "block-collections")}
+            value={position?.x || 0}
+          />
+          <UnitControl
+            dragDirection="e"
+            onChange={(value) => chagePosition(value, "y")}
+            label={__("Horizen", "block-collections")}
+            value={position?.y || 0}
+          />
+        </PanelRow>
+        <PanelRow className="reset_row">
+          <Button variant="secondary" onClick={() => resetPos()}>
+            {__("Reset", "block-collections")}
+          </Button>
+        </PanelRow>
+      </PanelBody>
+    </>
+  );
+}

package/src/PseudoElm.js

@@ -0,0 +1,21 @@
+import { __ } from "@wordpress/i18n";
+import { RadioControl } from "@wordpress/components";
+
+//擬似要素の出力を選択させるインスペクターコントロール
+const PseudoElm = ({ direction, onChange }) => {
+  return (
+    <RadioControl
+      selected={direction}
+      options={[
+        { label: __("Upper", "itmar_block_collections"), value: "upper" },
+        { label: __("Left", "itmar_block_collections"), value: "left" },
+        { label: __("Right", "itmar_block_collections"), value: "right" },
+        { label: __("Under", "itmar_block_collections"), value: "under" },
+      ]}
+      onChange={(changeOption) => {
+        onChange(changeOption);
+      }}
+    />
+  );
+};
+export default PseudoElm;

package/{ShadowStyle.js → src/ShadowCtrl.js}

@@ -8,242 +8,9 @@ import {
   RadioControl,
 } from "@wordpress/components";
 import { useState, useEffect } from "@wordpress/element";
-import { dispatch } from "@wordpress/data";
-import { hslToRgb16, HexToRGB, rgb16ToHsl } from "./hslToRgb";
+import { ShadowElm } from "./ShadowElm";
 
-//方向と距離
-const dirctionDigit = (direction, distance) => {
-  let destTopLeft, destTopRight, destBottomLeft, destBottomRight;
-  switch (direction) {
-    case "top_left":
-      destTopLeft = distance;
-      destTopRight = distance;
-      destBottomLeft = distance * -1;
-      destBottomRight = distance * -1;
-      break;
-    case "top_right":
-      destTopLeft = distance * -1;
-      destTopRight = distance;
-      destBottomLeft = distance;
-      destBottomRight = distance * -1;
-      break;
-    case "bottom_left":
-      destTopLeft = distance;
-      destTopRight = distance * -1;
-      destBottomLeft = distance * -1;
-      destBottomRight = distance;
-      break;
-    case "bottom_right":
-      destTopLeft = distance * -1;
-      destTopRight = distance * -1;
-      destBottomLeft = distance;
-      destBottomRight = distance;
-      break;
-    case "right_bottom":
-      destTopLeft = distance;
-      destTopRight = distance * -1;
-      destBottomLeft = distance * -1;
-      destBottomRight = distance;
-      break;
-    case "top":
-      destTopLeft = 0;
-      destTopRight = 0;
-      destBottomLeft = distance * -1;
-      destBottomRight = distance;
-      break;
-  }
-  return {
-    topLeft: destTopLeft,
-    topRight: destTopRight,
-    bottomLeft: destBottomLeft,
-    bottmRight: destBottomRight,
-  };
-};
-
-// グラデーションの色値は通常'linear-gradient'または'radial-gradient'で始まるので、
-// これらのキーワードを探すことでグラデーションかどうかを判断します。
-function isGradient(colorValue) {
-  return (
-    colorValue.includes("linear-gradient") ||
-    colorValue.includes("radial-gradient")
-  );
-}
-
-export const ShadowElm = (shadowState) => {
-  //let baseColor;
-  const {
-    shadowType,
-    spread,
-    lateral,
-    longitude,
-    nomalBlur,
-    shadowColor,
-    blur,
-    intensity,
-    distance,
-    newDirection,
-    clayDirection,
-    embos,
-    opacity,
-    depth,
-    bdBlur,
-    expand,
-    glassblur,
-    glassopa,
-    hasOutline,
-    baseColor,
-  } = shadowState;
-
-  //ノーマル
-  if (shadowType === "nomal") {
-    //boxshadowの生成
-    const ShadowStyle =
-      embos === "dent"
-        ? {
-            style: {
-              boxShadow: `${lateral}px ${longitude}px ${nomalBlur}px ${spread}px transparent, inset ${lateral}px ${longitude}px ${nomalBlur}px ${spread}px ${shadowColor}`,
-            },
-          }
-        : {
-            style: {
-              boxShadow: `${lateral}px ${longitude}px ${nomalBlur}px ${spread}px ${shadowColor}, inset ${lateral}px ${longitude}px ${nomalBlur}px ${spread}px transparent`,
-            },
-          };
-    //Shadowのスタイルを返す
-    return ShadowStyle;
-  }
-  //ニューモフィズム
-  else if (shadowType === "newmor") {
-    //背景がグラデーションのときはセットしない
-    if (isGradient(baseColor)) {
-      dispatch("core/notices").createNotice(
-        "error",
-        __(
-          "Neumorphism cannot be set when the background color is a gradient. ",
-          "itmar_guest_contact_block"
-        ),
-        { type: "snackbar", isDismissible: true }
-      );
-      return null;
-    }
-    //ボタン背景色のHSL値
-    const hslValue = rgb16ToHsl(baseColor);
-    //影の明るさを変更
-    const lightVal =
-      hslValue.lightness + intensity < 100
-        ? hslValue.lightness + intensity
-        : 100;
-    const darkVal =
-      hslValue.lightness - intensity > 0 ? hslValue.lightness - intensity : 0;
-    const lightValue = hslToRgb16(hslValue.hue, hslValue.saturation, lightVal);
-    const darkValue = hslToRgb16(hslValue.hue, hslValue.saturation, darkVal);
-    //boxshadowの生成
-    //立体の方向
-    const dircObj = dirctionDigit(newDirection, distance);
-
-    const baseStyle = {
-      style: {
-        border: "none",
-        background: baseColor,
-      },
-    };
-
-    const newmorStyle =
-      embos === "swell"
-        ? {
-            style: {
-              ...baseStyle.style,
-              boxShadow: `${dircObj.topLeft}px ${dircObj.topRight}px ${blur}px ${darkValue}, ${dircObj.bottomLeft}px ${dircObj.bottmRight}px ${blur}px ${lightValue}, inset ${dircObj.topLeft}px ${dircObj.topRight}px ${blur}px transparent, inset ${dircObj.bottomLeft}px ${dircObj.bottmRight}px ${blur}px transparent`,
-            },
-          }
-        : {
-            style: {
-              ...baseStyle.style,
-              boxShadow: `${dircObj.topLeft}px ${dircObj.topRight}px ${blur}px transparent, ${dircObj.bottomLeft}px ${dircObj.bottmRight}px ${blur}px transparent, inset ${dircObj.topLeft}px ${dircObj.topRight}px ${blur}px ${darkValue}, inset ${dircObj.bottomLeft}px ${dircObj.bottmRight}px ${blur}px ${lightValue}`,
-            },
-          };
-
-    //Shadowのスタイルを返す
-    return newmorStyle;
-  }
-
-  //クレイモーフィズム
-  else if (shadowType === "claymor") {
-    //背景がグラデーションのときはセットしない
-    if (isGradient(baseColor)) {
-      dispatch("core/notices").createNotice(
-        "error",
-        __(
-          "claymorphism cannot be set when the background color is a gradient. ",
-          "itmar_guest_contact_block"
-        ),
-        { type: "snackbar", isDismissible: true }
-      );
-      return null;
-    }
-    const rgbValue = HexToRGB(baseColor);
-    const outsetObj = dirctionDigit(clayDirection, expand);
-    const insetObj = dirctionDigit(clayDirection, depth);
-    const baseStyle = {
-      style: {
-        background: `rgba(255, 255, 255, ${opacity})`,
-        backdropFilter: `blur(${bdBlur}px)`,
-        border: "none",
-      },
-    };
-    const claymorStyle = {
-      ...baseStyle,
-      style: {
-        ...baseStyle.style,
-        boxShadow: `${outsetObj.topLeft}px ${outsetObj.bottmRight}px ${
-          expand * 2
-        }px 0px rgba(${rgbValue.red}, ${rgbValue.green}, ${
-          rgbValue.blue
-        }, 0.5), inset ${insetObj.topRight}px ${
-          insetObj.bottomLeft
-        }px 16px 0px rgba(${rgbValue.red}, ${rgbValue.green}, ${
-          rgbValue.blue
-        }, 0.6), inset 0px 11px 28px 0px rgb(255, 255, 255)`,
-      },
-    };
-    //attributesに保存
-    return claymorStyle;
-  }
-
-  //グラスモーフィズム
-  else if (shadowType === "glassmor") {
-    const baseStyle = {
-      style: {
-        backgroundColor: `rgba(255, 255, 255, ${glassopa})`,
-        ...(hasOutline ? { border: `1px solid rgba(255, 255, 255, 0.4)` } : {}),
-        borderRightColor: `rgba(255, 255, 255, 0.2)`,
-        borderBottomColor: `rgba(255, 255, 255, 0.2)`,
-        backdropFilter: `blur( ${glassblur}px )`,
-      },
-    };
-    const glassmorStyle =
-      embos === "swell"
-        ? {
-            ...baseStyle,
-            style: {
-              ...baseStyle.style,
-              boxShadow: `0 8px 12px 0 rgba( 31, 38, 135, 0.37 ), inset 0 8px 12px 0 transparent`,
-            },
-          }
-        : {
-            ...baseStyle,
-            style: {
-              ...baseStyle.style,
-              boxShadow: `0 8px 12px 0 transparent, inset 0 8px 12px 0 rgba( 31, 38, 135, 0.37 )`,
-            },
-          };
-
-    //attributesに保存
-    return glassmorStyle;
-  }
-};
-
-const ShadowStyle = ({ shadowStyle, onChange }) => {
+const ShadowCtrl = ({ shadowStyle, onChange }) => {
   const [shadowState, setShadowState] = useState(shadowStyle);
 
   const {
@@ -517,4 +284,4 @@ const ShadowStyle = ({ shadowStyle, onChange }) => {
     </>
   );
 };
-export default ShadowStyle;
+export default ShadowCtrl;