forstok-ui-lib 5.2.21 → 5.2.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -390,7 +390,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
390
390
  }
391
391
  `,Le=h.section`
392
392
  position: relative;
393
- ${({$top:e,$bottom:t,$placement:n,$alias:r,$openPosition:i,$externalWidth:o,$externalMinWidth:a,$area:s})=>{const l=e?parseInt(e)+5+"px":"40px";let c=`\n @keyframes droptodown {\n 90% {\n top: ${l}; \n }\n 100% { \n top: ${e||"35px"}; \n }\n }\n @keyframes droptoup {\n 50% { \n bottom: -100px; \n }\n 50% { \n bottom: -50px; \n }\n 100% { \n bottom: 0px; \n }\n }\n @keyframes dropgodown {\n 90% { \n bottom: ${l}; \n }\n 100% {\n bottom: ${t||"35px"}; \n }\n }\n @keyframse dropgoup {\n 50% { \n top: -100px; \n }\n 50% { \n top: -50px; \n }\n 100% { \n top: 0px; \n }\n }\n & ${Ee} { \n display: none;\n }\n &.is-shown {\n & ${De} button { \n box-shadow: var(--act-shd-bx);\n }\n @media only screen and (max-width: 767px) {\n & ${Ee} { \n display: grid; \n left: 0; \n bottom:0; \n ${"top"===n?"animation: dropgoup .075s;":"animation: droptoup .075s;"}\n overflow-x: hidden; \n }\n & ${Se} {\n ._refFilterDropdown a { \n text-align: left !important; \n }\n }\n }\n @media only screen and (min-width: 768px) {\n & ${Ee} { \n display: grid; \n ${"top"===n?`animation: dropgodown .075s linear; bottom: ${t||"35px"};`:`animation: droptodown .075s linear; top: ${e||"35px"};`}\n left: ${"_dropdownFilterContainer"===r&&"left"!==i?"100%":"left"===i?"0":"auto"};\n }\n }\n @media only screen and (min-width: 1024px) {\n & ${Ee} { \n left: ${"_dropdownFilterContainer"===r&&"left"!==i?"30%":"left"===i?"0":"auto"}; \n }\n }\n @media only screen and (min-width: 1280px) {\n & ${Ee} { \n left: ${"_dropdownFilterContainer"===r&&"left"!==i||"left"===i?"0":"auto"}; \n }\n }\n }\n `;return"_dropdownFilterContainer"===r&&(c+=`\n margin-top: 4px;\n ${De} {\n margin-top: -4px;\n }\n `),o&&(c+=`\n width: ${o}\n `),a&&(c+=`\n min-width: ${a}\n `),"mobile"===s&&(c+=`\n @media (min-width: 320px) and (max-width: 480px) {\n ${Ee} { \n width: 100%;\n align-content: start;\n z-index: 88;\n }\n }\n `),c}}
393
+ ${({$top:e,$bottom:t,$placement:n,$alias:r,$openPosition:i,$externalWidth:o,$externalMinWidth:a,$area:s})=>{const l=e?parseInt(e)+5+"px":"40px";let c=`\n @keyframes droptodown {\n 90% {\n top: ${l}; \n }\n 100% { \n top: ${e||"35px"}; \n }\n }\n @keyframes droptoup {\n 50% { \n bottom: -100px; \n }\n 50% { \n bottom: -50px; \n }\n 100% { \n bottom: 0px; \n }\n }\n @keyframes dropgodown {\n 90% { \n bottom: ${l}; \n }\n 100% {\n bottom: ${t||"35px"}; \n }\n }\n @keyframse dropgoup {\n 50% { \n top: -100px; \n }\n 50% { \n top: -50px; \n }\n 100% { \n top: 0px; \n }\n }\n & ${Ee} { \n display: none;\n }\n &.is-shown {\n & ${De} button { \n box-shadow: var(--act-shd-bx);\n }\n @media only screen and (max-width: 767px) {\n & ${Ee} { \n display: grid; \n left: 0; \n bottom:0; \n ${"top"===n?"animation: dropgoup .075s;":"animation: droptoup .075s;"}\n overflow-x: hidden; \n }\n & ${Se} {\n ._refFilterDropdown a { \n text-align: left !important; \n }\n }\n }\n @media only screen and (min-width: 768px) {\n & ${Ee} { \n display: grid; \n ${"top"===n?`animation: dropgodown .075s linear; bottom: ${t||"35px"}; top: auto;`:`animation: droptodown .075s linear; top: ${e||"35px"};`}\n left: ${"_dropdownFilterContainer"===r&&"left"!==i?"100%":"left"===i?"0":"auto"};\n }\n }\n @media only screen and (min-width: 1024px) {\n & ${Ee} { \n left: ${"_dropdownFilterContainer"===r&&"left"!==i?"30%":"left"===i?"0":"auto"}; \n }\n }\n @media only screen and (min-width: 1280px) {\n & ${Ee} { \n left: ${"_dropdownFilterContainer"===r&&"left"!==i||"left"===i?"0":"auto"}; \n }\n }\n }\n `;return"_dropdownFilterContainer"===r&&(c+=`\n margin-top: 4px;\n ${De} {\n margin-top: -4px;\n }\n `),o&&(c+=`\n width: ${o}\n `),a&&(c+=`\n min-width: ${a}\n `),"mobile"===s&&(c+=`\n @media (min-width: 320px) and (max-width: 480px) {\n ${Ee} { \n width: 100%;\n align-content: start;\n z-index: 88;\n }\n }\n `),c}}
394
394
  @media only screen and (min-width: 1024px) {
395
395
  &._refContainerhover:hover {
396
396
  ${Ee} {
@@ -432,7 +432,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
432
432
  display: block;
433
433
  }
434
434
  }
435
- `,Pe=e=>{var{children:t,title:n,subTitle:i,$externalWidth:a,$externalMinWidth:l,$internalWidth:c,$area:u,$openPosition:d,$placement:p,$top:g,onClick:h,$alias:f,type:m,portalId:C,$bottom:A}=e,v=b(e,["children","title","subTitle","$externalWidth","$externalMinWidth","$internalWidth","$area","$openPosition","$placement","$top","onClick","$alias","type","portalId","$bottom"]);const B=o(null),x=()=>{const e=document.getElementsByClassName("_refContainer is-shown")[0];if(e){const t=e.getBoundingClientRect(),n=document.querySelector(`#${C} ._refDropdownPortal`);if(n){const e=n.querySelector("._refDropdownWrapper");n.style.left=t.left+t.width-e.getBoundingClientRect().width+"px",n.style.top=t.top+parseInt(g||"0")-32+"px"}}},I=()=>{const e=document.getElementsByClassName("_refContainer is-shown");if(e.length)for(let t=0;t<e.length;t++)e[t].classList.remove("is-shown");document.querySelector("._refScrollContainer").removeEventListener("scroll",x,!0),setTimeout((()=>{if(C){const e=document.getElementsByClassName("_refDropdownPortal is-shown");if(e.length)for(let t=0;t<e.length;t++)e[t].style.left="0",e[t].style.top="0",e[t].classList.remove("is-shown")}}),10)},F=e=>{const t=B.current;if(t){const n=e.target.closest(`.${t.classList[0]}`);if(!n)return;const r=n.closest("._refContainer");if(r){const t=r.classList.contains("is-shown"),n=r.getBoundingClientRect();t?(r.classList.remove("is-shown"),setTimeout((()=>{if(C){const e=document.querySelector(`#${C} ._refDropdownPortal`),t=document.querySelector("._refScrollContainer"),n=e.querySelector("._refDropdownWrapper");e&&(e.classList.remove("is-shown"),e.style.left="0px",e.style.top="0px",n&&t.removeEventListener("scroll",x,!0))}}),10)):(I(),r.classList.add("is-shown"),setTimeout((()=>{if(C){const e=document.querySelector(`#${C} ._refDropdownPortal`),t=document.querySelector("._refScrollContainer"),r=e.querySelector("._refDropdownWrapper");e&&(n&&(r?setTimeout((()=>{r.style.right="auto",e.style.left=n.left+n.width-r.getBoundingClientRect().width+"px",e.style.top=n.top+parseInt(g||"0")-32+"px",e.style.zIndex="8",t.addEventListener("scroll",x,!0)}),10):(e.style.left=n.left+(parseInt(c||"0")+n.width)/2+"px",e.style.top=n.top+n.height+"px")),e.classList.add("is-shown"))}}),10),h&&h(e))}}};r((()=>(setTimeout((()=>{const e=document.querySelectorAll("._refDropdownPortal._refHover");for(let t of e)t&&t.addEventListener("mouseenter",(e=>{const t=e.target;t.classList.add("is-shown"),t.classList.add("unhiddenable")})),t&&t.addEventListener("mouseleave",(e=>{const t=e.target;t.classList.remove("is-shown"),t.classList.remove("unhiddenable"),t.style.left="0",t.style.top="0"}))}),1),()=>{const e=document.querySelectorAll("._refDropdownPortal._refHover");for(let t of e)t&&t.removeEventListener("mouseenter",(e=>{const t=e.target;t.classList.add("is-shown"),t.classList.add("unhiddenable")}),!0),t&&t.removeEventListener("mouseleave",(e=>{const t=e.target;t.classList.remove("is-shown"),t.classList.remove("unhiddenable"),t.style.left="0",t.style.top="0"}),!0)})),[C]);const y=i?w.jsx(Xe,{children:i}):null,E=n?w.jsxs(Ne,{children:[n," ",y]}):null,k=t.filter((e=>s(e)?"control"===e.props["aria-label"]:null)),D=k&&s(k[0])?"hover"===m?w.jsxs(Ge,{children:[w.jsx(De,Object.assign({className:"_refDropdownControl"},C&&{onMouseEnter:e=>{const t=B.current;if(t){const n=e.target.closest(`.${t.classList[0]}`);if(!n)return;const r=document.querySelectorAll("._refDropdownPortal");for(const e of r)e.classList.remove("is-shown"),e.style.left="0",e.style.top="0";const i=n.closest("._refContainer");if(i){const e=i.getBoundingClientRect(),t=document.querySelector(`#${C} ._refDropdownPortal`);if(t){if(e){t.style.left=e.left+(parseInt(c||"0")+e.width)/2+"px";let n=e.top+e.height;const r=t.querySelector("._refDropdownWrapper");r&&(r.style.display="block",n+r.clientHeight>=document.body.clientHeight&&(n=e.top-r.clientHeight-10)),t.style.top=n+"px"}t.classList.add("is-shown")}}}},onMouseLeave:e=>{const t=B.current;if(t){if(!e.target.closest(`.${t.classList[0]}`))return;setTimeout((()=>{const e=document.querySelector(`#${C} ._refDropdownPortal`);e&&!e.classList.contains("unhiddenable")&&(e.classList.remove("is-shown"),e.style.left="0",e.style.top="0")}),150)}}},{children:k[0].props.children})),w.jsx(De,{className:"_refDropdownControlMobile",ref:B,onClick:F,children:k[0].props.children})]}):w.jsx(De,{ref:B,onClick:F,children:k[0].props.children}):null,G=t.filter((e=>s(e)?"body"===e.props["aria-label"]:null)),L=G&&s(G[0])?w.jsx(Se,{$area:u,children:G[0].props.children}):null,N=t.filter((e=>s(e)?"action"===e.props["aria-label"]:null)),X=N&&s(N[0])?w.jsx(Te,{$position:N[0].props["data-position"],className:N[0].props.className,children:N[0].props.children}):null,S=w.jsxs(Ee,Object.assign({className:"_refDropdownWrapper"},c&&{$internalWidth:c},g&&{$top:g},d&&{$openPosition:d},p&&{$placement:p},A&&{$bottom:A},{children:[E,L,X]}));return w.jsxs(Le,Object.assign({className:"_refContainer "+(m?`_refContainer${m}`:"")},a&&{$externalWidth:a},l&&{$externalMinWidth:l},u&&{$area:u},g&&{$top:g},f&&{$alias:f},d&&{$openPosition:d},p&&{$placement:p},A&&{$bottom:A},v,{children:[D,w.jsx(ke,{className:"_refDropdownOverlay",onClick:()=>{I()}}),C?w.jsx(we,{wrapperId:C,children:w.jsx(Oe,{className:"_refDropdownPortal "+("hover"===m?"_refHover":""),children:S})}):S]}))};var Ve,We={exports:{}};var Me=(Ve||(Ve=1,window,We.exports=function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){n.r(t),n.d(t,"useStateWithCallbackInstant",(function(){return o})),n.d(t,"useStateWithCallbackLazy",(function(){return a}));var r=n(0);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],r=!0,i=!1,o=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==s.return||s.return()}finally{if(i)throw o}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var o=function(e,t){var n=i(r.useState(e),2),o=n[0],a=n[1],s=r.useRef(!1);return r.useLayoutEffect((function(){s.current?t(o):s.current=!0}),[o,t]),[o,a]},a=function(e){var t=r.useRef(null),n=i(r.useState(e),2),o=n[0],a=n[1];r.useEffect((function(){t.current&&(t.current(o),t.current=null)}),[o]);var s=r.useCallback((function(e,n){return t.current=n,a(e)}),[]);return[o,s]};t.default=function(e,t){var n=i(r.useState(e),2),o=n[0],a=n[1],s=r.useRef(!1);return r.useEffect((function(){s.current?t(o):s.current=!0}),[o,t]),[o,a]}}])}(t)),We.exports),Re="data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20286.054%20286.054%22%20style%3D%22enable-background%3Anew%200%200%20286.054%20286.054%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20class%3D%22%22%3E%3Cg%3E%3Cg%3E%20%3Cpath%20d%3D%22M143.027%2C0C64.04%2C0%2C0%2C64.04%2C0%2C143.027c0%2C78.996%2C64.04%2C143.027%2C143.027%2C143.027%20%20%20c78.996%2C0%2C143.027-64.022%2C143.027-143.027C286.054%2C64.04%2C222.022%2C0%2C143.027%2C0z%20M143.027%2C259.236%20%20%20c-64.183%2C0-116.209-52.026-116.209-116.209S78.844%2C26.818%2C143.027%2C26.818s116.209%2C52.026%2C116.209%2C116.209%20%20%20S207.21%2C259.236%2C143.027%2C259.236z%20M143.036%2C62.726c-10.244%2C0-17.995%2C5.346-17.995%2C13.981v79.201c0%2C8.644%2C7.75%2C13.972%2C17.995%2C13.972%20%20%20c9.994%2C0%2C17.995-5.551%2C17.995-13.972V76.707C161.03%2C68.277%2C153.03%2C62.726%2C143.036%2C62.726z%20M143.036%2C187.723%20%20%20c-9.842%2C0-17.852%2C8.01-17.852%2C17.86c0%2C9.833%2C8.01%2C17.843%2C17.852%2C17.843s17.843-8.01%2C17.843-17.843%20%20%20C160.878%2C195.732%2C152.878%2C187.723%2C143.036%2C187.723z%22%20data-original%3D%22%23E2574C%22%20class%3D%22active-path%22%20data-old_color%3D%22%23ffffff%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%20%3C%2Fsvg%3E";const je=f`
435
+ `,Pe=e=>{var{children:t,title:n,subTitle:i,$externalWidth:a,$externalMinWidth:l,$internalWidth:c,$area:u,$openPosition:d,$placement:p,$top:g,onClick:h,$alias:f,type:m,portalId:C,$bottom:A}=e,v=b(e,["children","title","subTitle","$externalWidth","$externalMinWidth","$internalWidth","$area","$openPosition","$placement","$top","onClick","$alias","type","portalId","$bottom"]);const B=o(null),x=()=>{const e=document.getElementsByClassName("_refContainer is-shown")[0];if(e){const t=e.getBoundingClientRect(),n=document.querySelector(`#${C} ._refDropdownPortal`);if(n){const e=n.querySelector("._refDropdownWrapper");n.style.left=t.left+t.width-e.getBoundingClientRect().width+"px",n.style.top=t.top+parseInt(g||"0")-32+"px"}}},I=()=>{const e=document.getElementsByClassName("_refContainer is-shown");if(e.length)for(let t=0;t<e.length;t++)e[t].classList.remove("is-shown");const t=document.querySelector("._refScrollContainer");t&&t.removeEventListener("scroll",x,!0),setTimeout((()=>{if(C){const e=document.getElementsByClassName("_refDropdownPortal is-shown");if(e.length)for(let t=0;t<e.length;t++)e[t].style.left="0",e[t].style.top="0",e[t].classList.remove("is-shown")}}),10)},F=e=>{const t=B.current;if(t){const n=e.target.closest(`.${t.classList[0]}`);if(!n)return;const r=n.closest("._refContainer");if(r){const t=r.classList.contains("is-shown"),n=r.getBoundingClientRect();t?(r.classList.remove("is-shown"),setTimeout((()=>{if(C){const e=document.querySelector(`#${C} ._refDropdownPortal`),t=document.querySelector("._refScrollContainer"),n=e.querySelector("._refDropdownWrapper");e&&(e.classList.remove("is-shown"),e.style.left="0px",e.style.top="0px",n&&t&&t.removeEventListener("scroll",x,!0))}}),10)):(I(),r.classList.add("is-shown"),setTimeout((()=>{if(C){const e=document.querySelector(`#${C} ._refDropdownPortal`),t=document.querySelector("._refScrollContainer"),r=e.querySelector("._refDropdownWrapper");e&&(n&&(r?setTimeout((()=>{r.style.right="auto",e.style.left=n.left+n.width-r.getBoundingClientRect().width+"px",e.style.top=n.top+parseInt(g||"0")-32+"px",e.style.zIndex="8",t&&t.addEventListener("scroll",x,!0)}),10):(e.style.left=n.left+(parseInt(c||"0")+n.width)/2+"px",e.style.top=n.top+n.height+"px")),e.classList.add("is-shown"))}}),10),h&&h(e))}}};r((()=>(setTimeout((()=>{const e=document.querySelectorAll("._refDropdownPortal._refHover");for(let t of e)t&&t.addEventListener("mouseenter",(e=>{const t=e.target;t.classList.add("is-shown"),t.classList.add("unhiddenable")})),t&&t.addEventListener("mouseleave",(e=>{const t=e.target;t.classList.remove("is-shown"),t.classList.remove("unhiddenable"),t.style.left="0",t.style.top="0"}))}),1),()=>{const e=document.querySelectorAll("._refDropdownPortal._refHover");for(let t of e)t&&t.removeEventListener("mouseenter",(e=>{const t=e.target;t.classList.add("is-shown"),t.classList.add("unhiddenable")}),!0),t&&t.removeEventListener("mouseleave",(e=>{const t=e.target;t.classList.remove("is-shown"),t.classList.remove("unhiddenable"),t.style.left="0",t.style.top="0"}),!0)})),[C]);const y=i?w.jsx(Xe,{children:i}):null,E=n?w.jsxs(Ne,{children:[n," ",y]}):null,k=t.filter((e=>s(e)?"control"===e.props["aria-label"]:null)),D=k&&s(k[0])?"hover"===m?w.jsxs(Ge,{children:[w.jsx(De,Object.assign({className:"_refDropdownControl"},C&&{onMouseEnter:e=>{const t=B.current;if(t){const n=e.target.closest(`.${t.classList[0]}`);if(!n)return;const r=document.querySelectorAll("._refDropdownPortal");for(const e of r)e.classList.remove("is-shown"),e.style.left="0",e.style.top="0";const i=n.closest("._refContainer");if(i){const e=i.getBoundingClientRect(),t=document.querySelector(`#${C} ._refDropdownPortal`);if(t){if(e){t.style.left=e.left+(parseInt(c||"0")+e.width)/2+"px";let n=e.top+e.height;const r=t.querySelector("._refDropdownWrapper");r&&(r.style.display="block",n+r.clientHeight>=document.body.clientHeight&&(n=e.top-r.clientHeight-10)),t.style.top=n+"px"}t.classList.add("is-shown")}}}},onMouseLeave:e=>{const t=B.current;if(t){if(!e.target.closest(`.${t.classList[0]}`))return;setTimeout((()=>{const e=document.querySelector(`#${C} ._refDropdownPortal`);e&&!e.classList.contains("unhiddenable")&&(e.classList.remove("is-shown"),e.style.left="0",e.style.top="0")}),150)}}},{children:k[0].props.children})),w.jsx(De,{className:"_refDropdownControlMobile",ref:B,onClick:F,children:k[0].props.children})]}):w.jsx(De,{ref:B,onClick:F,children:k[0].props.children}):null,G=t.filter((e=>s(e)?"body"===e.props["aria-label"]:null)),L=G&&s(G[0])?w.jsx(Se,{$area:u,children:G[0].props.children}):null,N=t.filter((e=>s(e)?"action"===e.props["aria-label"]:null)),X=N&&s(N[0])?w.jsx(Te,{$position:N[0].props["data-position"],className:N[0].props.className,children:N[0].props.children}):null,S=w.jsxs(Ee,Object.assign({className:"_refDropdownWrapper"},c&&{$internalWidth:c},g&&{$top:g},d&&{$openPosition:d},p&&{$placement:p},A&&{$bottom:A},{children:[E,L,X]}));return w.jsxs(Le,Object.assign({className:"_refContainer "+(m?`_refContainer${m}`:"")},a&&{$externalWidth:a},l&&{$externalMinWidth:l},u&&{$area:u},g&&{$top:g},f&&{$alias:f},d&&{$openPosition:d},p&&{$placement:p},A&&{$bottom:A},v,{children:[D,w.jsx(ke,{className:"_refDropdownOverlay",onClick:()=>{I()}}),C?w.jsx(we,{wrapperId:C,children:w.jsx(Oe,{className:"_refDropdownPortal "+("hover"===m?"_refHover":""),children:S})}):S]}))};var Ve,We={exports:{}};var Me=(Ve||(Ve=1,window,We.exports=function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){n.r(t),n.d(t,"useStateWithCallbackInstant",(function(){return o})),n.d(t,"useStateWithCallbackLazy",(function(){return a}));var r=n(0);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],r=!0,i=!1,o=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==s.return||s.return()}finally{if(i)throw o}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var o=function(e,t){var n=i(r.useState(e),2),o=n[0],a=n[1],s=r.useRef(!1);return r.useLayoutEffect((function(){s.current?t(o):s.current=!0}),[o,t]),[o,a]},a=function(e){var t=r.useRef(null),n=i(r.useState(e),2),o=n[0],a=n[1];r.useEffect((function(){t.current&&(t.current(o),t.current=null)}),[o]);var s=r.useCallback((function(e,n){return t.current=n,a(e)}),[]);return[o,s]};t.default=function(e,t){var n=i(r.useState(e),2),o=n[0],a=n[1],s=r.useRef(!1);return r.useEffect((function(){s.current?t(o):s.current=!0}),[o,t]),[o,a]}}])}(t)),We.exports),Re="data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20286.054%20286.054%22%20style%3D%22enable-background%3Anew%200%200%20286.054%20286.054%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20class%3D%22%22%3E%3Cg%3E%3Cg%3E%20%3Cpath%20d%3D%22M143.027%2C0C64.04%2C0%2C0%2C64.04%2C0%2C143.027c0%2C78.996%2C64.04%2C143.027%2C143.027%2C143.027%20%20%20c78.996%2C0%2C143.027-64.022%2C143.027-143.027C286.054%2C64.04%2C222.022%2C0%2C143.027%2C0z%20M143.027%2C259.236%20%20%20c-64.183%2C0-116.209-52.026-116.209-116.209S78.844%2C26.818%2C143.027%2C26.818s116.209%2C52.026%2C116.209%2C116.209%20%20%20S207.21%2C259.236%2C143.027%2C259.236z%20M143.036%2C62.726c-10.244%2C0-17.995%2C5.346-17.995%2C13.981v79.201c0%2C8.644%2C7.75%2C13.972%2C17.995%2C13.972%20%20%20c9.994%2C0%2C17.995-5.551%2C17.995-13.972V76.707C161.03%2C68.277%2C153.03%2C62.726%2C143.036%2C62.726z%20M143.036%2C187.723%20%20%20c-9.842%2C0-17.852%2C8.01-17.852%2C17.86c0%2C9.833%2C8.01%2C17.843%2C17.852%2C17.843s17.843-8.01%2C17.843-17.843%20%20%20C160.878%2C195.732%2C152.878%2C187.723%2C143.036%2C187.723z%22%20data-original%3D%22%23E2574C%22%20class%3D%22active-path%22%20data-old_color%3D%22%23ffffff%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%20%3C%2Fsvg%3E";const je=f`
436
436
  button {
437
437
  position: absolute;
438
438
  right: 5px;
@@ -913,7 +913,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
913
913
  width: 100%;
914
914
  justify-content: left;
915
915
  margin-bottom: 14px;
916
- span:first-child {
916
+ > span:first-child {
917
917
  position: relative;
918
918
  &:after {
919
919
  position: absolute;