ladle-inject-custom-addons
Version:
Adds a button to the Ladle addon bar
57 lines (49 loc) • 45.5 kB
JavaScript
import st from"react";import{createPortal as Cn}from"react-dom";function _e(){return document.getElementsByClassName("ladle-addons")[0]?.getElementsByTagName("ul")?.[0]??null}var ut=(e,{position:t=0})=>{let[n]=st.useState(document.createElement("li"));return st.useEffect(()=>{let o=_e();if(!o){console.warn("Unable to find addon panel. Custom addons won't be mounted!");return}return Pn(o,n,t),()=>{o.removeChild(n)}},[t]),n?Cn(e,n):null},Pn=(e,t,n)=>{t.setAttribute("data-position",n.toString()),e.insertBefore(t,Sn(Array.from(e.getElementsByTagName("li")),n))};function Sn(e,t){let n=null;for(let o of e){let r=Number(o.dataset.position);if(o.dataset.position!=null&&!isNaN(r)?n=r:n===null||isNaN(n)?n=1:++n,t<n)return o}return null}import{Fragment as On,jsx as Le,jsxs as lt}from"react/jsx-runtime";var ft=({icon:e,tooltip:t,children:n,badge:o=!1,label:r="",position:i=0,...c})=>{let u=o||["string","number"].includes(typeof o);return ut(lt(On,{children:[lt("button",{"aria-label":t,title:t,type:"button",...c,children:[e,Le("span",{className:"ladle-addon-tooltip",children:t}),r&&Le("label",{children:r}),u&&Le("div",{className:"ladle-badge",children:o})]}),n]}),{position:i})};function Q(...e){return e.flat().filter(t=>t&&!!t.trim()).join(" ")}import{jsx as Rn}from"react/jsx-runtime";var dt=({icon:e,...t})=>Rn("button",{...t,className:Q("ladle-button",t.className),style:{height:36,width:36,borderColor:"transparent",boxShadow:"none",...t.style},children:e});import{jsx as de,jsxs as An}from"react/jsx-runtime";var mt=({size:e=24,...t})=>de("svg",{width:e,height:e,viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",...t}),pt=({size:e=18,...t})=>An(mt,{size:e,...t,children:[de("path",{d:"M0 0h24v24H0z",stroke:"none"}),de("path",{d:"M18 6L6 18M6 6l12 12"})]}),Qr=e=>de(mt,{...e,children:de("path",{d:"M 21.609 10.914 C 18.931 17.502 12.002 22.249 12.002 22.249 C 12.002 22.249 4.872 17.177 2.394 10.914 C -0.669 3.172 8.281 -0.396 12.002 6.99 C 15.722 -0.396 24.744 3.201 21.609 10.914 Z"})});import{jsx as Ne}from"react/jsx-runtime";var ht=({iconProps:e,wrapperProps:t,...n})=>Ne("div",{...t,style:{position:"absolute",insetInlineEnd:-6,top:0,...t?.style},children:Ne(dt,{"aria-label":"Close modal",...n,icon:Ne(pt,{...e})})});import*as a from"react";import*as At from"react-dom";function Ue(){return H=Object.assign||function(e){for(let t=1;t<arguments.length;t++){let n=arguments[t];for(let o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},H.apply(this,arguments)}function Ve(e,t,n){return n={path:t,exports:{},require:function(o,r){return xn(o,r??n.path)}},e(n,n.exports),n.exports}function xn(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}function xt(){throw new Error("setTimeout has not been defined")}function Dt(){throw new Error("clearTimeout has not been defined")}var z=xt,K=Dt,ae;typeof window<"u"?ae=window:typeof self<"u"?ae=self:ae={};typeof ae.setTimeout=="function"&&(z=setTimeout);typeof ae.clearTimeout=="function"&&(K=clearTimeout);function kt(e){if(z===setTimeout)return setTimeout(e,0);if((z===xt||!z)&&setTimeout)return z=setTimeout,setTimeout(e,0);try{return z(e,0)}catch{try{return z.call(null,e,0)}catch{return z.call(this,e,0)}}}function Dn(e){if(K===clearTimeout)return clearTimeout(e);if((K===Dt||!K)&&clearTimeout)return K=clearTimeout,clearTimeout(e);try{return K(e)}catch{try{return K.call(null,e)}catch{return K.call(this,e)}}}var q=[],se=!1,J,ve=-1;function kn(){!se||!J||(se=!1,J.length?q=J.concat(q):ve=-1,q.length&&It())}function It(){if(se)return;let e=kt(kn);se=!0;let t=q.length;for(;t;){for(J=q,q=[];++ve<t;)J&&J[ve].run();ve=-1,t=q.length}J=null,se=!1,Dn(e)}function In(e){let t=new Array(arguments.length-1);if(arguments.length>1)for(let n=1;n<arguments.length;n++)t[n-1]=arguments[n];q.push(new Ft(e,t)),q.length===1&&!se&&kt(It)}function Ft(e,t){this.fun=e,this.array=t}Ft.prototype.run=function(){this.fun.apply(null,this.array)};var Fn="browser",_n="browser",Ln=!0,Nn=[],Mn="",Bn={},jn={},$n={};function U(){}var Wn=U,Yn=U,Un=U,Hn=U,Gn=U,qn=U,Zn=U;function zn(e){throw new Error("process.binding is not supported")}function Kn(){return"/"}function Xn(e){throw new Error("process.chdir is not supported")}function Qn(){return 0}var re=ae.performance||{},Vn=re.now||re.mozNow||re.msNow||re.oNow||re.webkitNow||function(){return new Date().getTime()};function Jn(e){let t=Vn.call(re)*.001,n=Math.floor(t),o=Math.floor(t%1*1e9);return e&&(n=n-e[0],o=o-e[1],o<0&&(n--,o+=1e9)),[n,o]}var eo=new Date;function to(){return(new Date-eo)/1e3}var yt={nextTick:In,title:Fn,browser:Ln,env:{NODE_ENV:"development"},argv:Nn,version:Mn,versions:Bn,on:Wn,addListener:Yn,once:Un,off:Hn,removeListener:Gn,removeAllListeners:qn,emit:Zn,binding:zn,cwd:Kn,chdir:Xn,umask:Qn,hrtime:Jn,platform:_n,release:jn,config:$n,uptime:to},no=function(e,t){let n,o=toObject(e),r;for(let i=1;i<arguments.length;i++){n=Object(arguments[i]);for(let c in n)hasOwnProperty.call(n,c)&&(o[c]=n[c]);if(getOwnPropertySymbols){r=getOwnPropertySymbols(n);for(let c=0;c<r.length;c++)propIsEnumerable.call(n,r[c])&&(o[r[c]]=n[r[c]])}}return o},oo=Lt()?a.useLayoutEffect:a.useEffect,gt={},_t=U;{let e=typeof yt<"u"?yt:{env:{NODE_ENV:"development"}},t=e.env;_t=function(o){gt[o]||(gt[o]=!0)}}function ro(e,t){if(e!=null)if(io(e))e(t);else try{e.current=t}catch{throw new Error('Cannot assign value "'+t+'" to ref "'+e+'"')}}function Lt(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}function Ae(e){return a.forwardRef(e)}function co(e){return Lt()?e?e.ownerDocument:document:null}function io(e){return!!(e&&{}.toString.call(e)=="[object Function]")}function ao(e){return typeof e=="string"}var Nt=U;Nt=function(t){let n=a.useRef(t);a.useEffect(function(){return void(n.current=t)},[t]),a.useEffect(function(){return _t(n.current)},[])};function so(){let e=a.useState(Object.create(null)),t=e[1];return a.useCallback(function(){t(Object.create(null))},[])}function uo(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return a.useMemo(function(){return t.every(function(o){return o==null})?null:function(o){t.forEach(function(r){ro(r,o)})}},[].concat(t))}function we(e,t){return function(n){if(e&&e(n),!n.defaultPrevented)return t(n)}}var Mt=function(t){let n=t.children,o=t.type,r=o===void 0?"reach-portal":o,i=a.useRef(null),c=a.useRef(null),u=so();return oo(function(){if(!i.current)return;let l=i.current.ownerDocument;return c.current=l?.createElement(r),l.body.appendChild(c.current),u(),function(){c.current&&c.current.ownerDocument&&c.current.ownerDocument.body.removeChild(c.current)}},[r,u]),c.current?At.createPortal(n,c.current):a.createElement("span",{ref:i})};Mt.displayName="Portal";function lo(e,t){if(e==null)return{};let n={},o=Object.keys(e),r,i;for(i=0;i<o.length;i++)r=o[i],!(t.indexOf(r)>=0)&&(n[r]=e[r]);return n}var fo=Ve(function(e,t){(function(){let n=typeof Symbol=="function"&&Symbol.for,o=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,c=n?Symbol.for("react.strict_mode"):60108,u=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,f=n?Symbol.for("react.context"):60110,y=n?Symbol.for("react.async_mode"):60111,h=n?Symbol.for("react.concurrent_mode"):60111,g=n?Symbol.for("react.forward_ref"):60112,R=n?Symbol.for("react.suspense"):60113,I=n?Symbol.for("react.suspense_list"):60120,p=n?Symbol.for("react.memo"):60115,b=n?Symbol.for("react.lazy"):60116,L=n?Symbol.for("react.block"):60121,N=n?Symbol.for("react.fundamental"):60117,k=n?Symbol.for("react.responder"):60118,F=n?Symbol.for("react.scope"):60119;function M(m){return typeof m=="string"||typeof m=="function"||m===i||m===h||m===u||m===c||m===R||m===I||typeof m=="object"&&m!==null&&(m.$$typeof===b||m.$$typeof===p||m.$$typeof===l||m.$$typeof===f||m.$$typeof===g||m.$$typeof===N||m.$$typeof===k||m.$$typeof===F||m.$$typeof===L)}function A(m){if(typeof m=="object"&&m!==null){let Fe=m.$$typeof;switch(Fe){case o:var ye=m.type;switch(ye){case y:case h:case i:case u:case c:case R:return ye;default:var at=ye&&ye.$$typeof;switch(at){case f:case g:case b:case p:case l:return at;default:return Fe}}case r:return Fe}}}let W=y,_=h,Y=f,j=l,Z=o,s=g,d=i,v=b,w=p,E=r,S=u,C=c,T=R,P=!1;function x(m){return P||(P=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),D(m)||A(m)===y}function D(m){return A(m)===h}function B(m){return A(m)===f}function $(m){return A(m)===l}function Ie(m){return typeof m=="object"&&m!==null&&m.$$typeof===o}function G(m){return A(m)===g}function te(m){return A(m)===i}function he(m){return A(m)===b}function bn(m){return A(m)===p}function vn(m){return A(m)===r}function wn(m){return A(m)===u}function En(m){return A(m)===c}function Tn(m){return A(m)===R}t.AsyncMode=W,t.ConcurrentMode=_,t.ContextConsumer=Y,t.ContextProvider=j,t.Element=Z,t.ForwardRef=s,t.Fragment=d,t.Lazy=v,t.Memo=w,t.Portal=E,t.Profiler=S,t.StrictMode=C,t.Suspense=T,t.isAsyncMode=x,t.isConcurrentMode=D,t.isContextConsumer=B,t.isContextProvider=$,t.isElement=Ie,t.isForwardRef=G,t.isFragment=te,t.isLazy=he,t.isMemo=bn,t.isPortal=vn,t.isProfiler=wn,t.isStrictMode=En,t.isSuspense=Tn,t.isValidElementType=M,t.typeOf=A})()}),Bt=Ve(function(e){e.exports=fo}),mo="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",V=mo,He=function(){};jt=V,Ce={},$t=Function.call.bind(Object.prototype.hasOwnProperty),He=function(e){let t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}};var jt,Ce,$t;function Wt(e,t,n,o,r){for(let c in e)if($t(e,c)){var i;try{if(typeof e[c]!="function"){let u=Error((o||"React class")+": "+n+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[c]+"`.");throw u.name="Invariant Violation",u}i=e[c](t,c,o,n,null,jt)}catch(u){i=u}if(i&&!(i instanceof Error)&&He((o||"React class")+": type specification of "+n+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof i+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),i instanceof Error&&!(i.message in Ce)){Ce[i.message]=!0;let u=r?r():"";He("Failed "+n+" type: "+i.message+(u??""))}}}Wt.resetWarningCache=function(){Ce={}};var bt=Wt,po=Function.call.bind(Object.prototype.hasOwnProperty),ce=function(){};ce=function(e){let t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}};function ge(){return null}var ho=function(e,t){let n=typeof Symbol=="function"&&Symbol.iterator,o="@@iterator";function r(s){let d=s&&(n&&s[n]||s[o]);if(typeof d=="function")return d}let i="<<anonymous>>",c={array:y("array"),bool:y("boolean"),func:y("function"),number:y("number"),object:y("object"),string:y("string"),symbol:y("symbol"),any:h(),arrayOf:g,element:R(),elementType:I(),instanceOf:p,node:k(),objectOf:L,oneOf:b,oneOfType:N,shape:F,exact:M};function u(s,d){return s===d?s!==0||1/s===1/d:s!==s&&d!==d}function l(s){this.message=s,this.stack=""}l.prototype=Error.prototype;function f(s){var d={},v=0;function w(S,C,T,P,x,D,B){if(P=P||i,D=D||T,B!==V){if(t){let $=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw $.name="Invariant Violation",$}else if(typeof console<"u"){let $=P+":"+T;!d[$]&&v<3&&(ce("You are manually calling a React.PropTypes validation function for the `"+D+"` prop on `"+P+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),d[$]=!0,v++)}}return C[T]==null?S?C[T]===null?new l("The "+x+" `"+D+"` is marked as required "+("in `"+P+"`, but its value is `null`.")):new l("The "+x+" `"+D+"` is marked as required in "+("`"+P+"`, but its value is `undefined`.")):null:s(C,T,P,x,D)}let E=w.bind(null,!1);return E.isRequired=w.bind(null,!0),E}function y(s){function d(v,w,E,S,C,T){let P=v[w];if(_(P)!==s){let D=Y(P);return new l("Invalid "+S+" `"+C+"` of type "+("`"+D+"` supplied to `"+E+"`, expected ")+("`"+s+"`."))}return null}return f(d)}function h(){return f(ge)}function g(s){function d(v,w,E,S,C){if(typeof s!="function")return new l("Property `"+C+"` of component `"+E+"` has invalid PropType notation inside arrayOf.");let T=v[w];if(!Array.isArray(T)){let P=_(T);return new l("Invalid "+S+" `"+C+"` of type "+("`"+P+"` supplied to `"+E+"`, expected an array."))}for(let P=0;P<T.length;P++){let x=s(T,P,E,S,C+"["+P+"]",V);if(x instanceof Error)return x}return null}return f(d)}function R(){function s(d,v,w,E,S){let C=d[v];if(!e(C)){let T=_(C);return new l("Invalid "+E+" `"+S+"` of type "+("`"+T+"` supplied to `"+w+"`, expected a single ReactElement."))}return null}return f(s)}function I(){function s(d,v,w,E,S){let C=d[v];if(!Bt.isValidElementType(C)){let T=_(C);return new l("Invalid "+E+" `"+S+"` of type "+("`"+T+"` supplied to `"+w+"`, expected a single ReactElement type."))}return null}return f(s)}function p(s){function d(v,w,E,S,C){if(!(v[w]instanceof s)){let T=s.name||i,P=Z(v[w]);return new l("Invalid "+S+" `"+C+"` of type "+("`"+P+"` supplied to `"+E+"`, expected ")+("instance of `"+T+"`."))}return null}return f(d)}function b(s){if(!Array.isArray(s))return arguments.length>1?ce("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):ce("Invalid argument supplied to oneOf, expected an array."),ge;function d(v,w,E,S,C){let T=v[w];for(let x=0;x<s.length;x++)if(u(T,s[x]))return null;let P=JSON.stringify(s,function(D,B){return Y(B)==="symbol"?String(B):B});return new l("Invalid "+S+" `"+C+"` of value `"+String(T)+"` "+("supplied to `"+E+"`, expected one of "+P+"."))}return f(d)}function L(s){function d(v,w,E,S,C){if(typeof s!="function")return new l("Property `"+C+"` of component `"+E+"` has invalid PropType notation inside objectOf.");let T=v[w],P=_(T);if(P!=="object")return new l("Invalid "+S+" `"+C+"` of type "+("`"+P+"` supplied to `"+E+"`, expected an object."));for(let x in T)if(po(T,x)){let D=s(T,x,E,S,C+"."+x,V);if(D instanceof Error)return D}return null}return f(d)}function N(s){if(!Array.isArray(s))return ce("Invalid argument supplied to oneOfType, expected an instance of array."),ge;for(let v=0;v<s.length;v++){let w=s[v];if(typeof w!="function")return ce("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+j(w)+" at index "+v+"."),ge}function d(v,w,E,S,C){for(let T=0;T<s.length;T++){let P=s[T];if(P(v,w,E,S,C,V)==null)return null}return new l("Invalid "+S+" `"+C+"` supplied to "+("`"+E+"`."))}return f(d)}function k(){function s(d,v,w,E,S){return A(d[v])?null:new l("Invalid "+E+" `"+S+"` supplied to "+("`"+w+"`, expected a ReactNode."))}return f(s)}function F(s){function d(v,w,E,S,C){let T=v[w],P=_(T);if(P!=="object")return new l("Invalid "+S+" `"+C+"` of type `"+P+"` "+("supplied to `"+E+"`, expected `object`."));for(let x in s){let D=s[x];if(!D)continue;let B=D(T,x,E,S,C+"."+x,V);if(B)return B}return null}return f(d)}function M(s){function d(v,w,E,S,C){let T=v[w],P=_(T);if(P!=="object")return new l("Invalid "+S+" `"+C+"` of type `"+P+"` "+("supplied to `"+E+"`, expected `object`."));let x=no({},v[w],s);for(let D in x){let B=s[D];if(!B)return new l("Invalid "+S+" `"+C+"` key `"+D+"` supplied to `"+E+"`.\nBad object: "+JSON.stringify(v[w],null," ")+`
Valid keys: `+JSON.stringify(Object.keys(s),null," "));let $=B(T,D,E,S,C+"."+D,V);if($)return $}return null}return f(d)}function A(s){switch(typeof s){case"number":case"string":case"undefined":return!0;case"boolean":return!s;case"object":if(Array.isArray(s))return s.every(A);if(s===null||e(s))return!0;var d=r(s);if(d){let v=d.call(s),w;if(d!==s.entries){for(;!(w=v.next()).done;)if(!A(w.value))return!1}else for(;!(w=v.next()).done;){let E=w.value;if(E&&!A(E[1]))return!1}}else return!1;return!0;default:return!1}}function W(s,d){return s==="symbol"?!0:d?d["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&d instanceof Symbol:!1}function _(s){let d=typeof s;return Array.isArray(s)?"array":s instanceof RegExp?"object":W(d,s)?"symbol":d}function Y(s){if(typeof s>"u"||s===null)return""+s;let d=_(s);if(d==="object"){if(s instanceof Date)return"date";if(s instanceof RegExp)return"regexp"}return d}function j(s){let d=Y(s);switch(d){case"array":case"object":return"an "+d;case"boolean":case"date":case"regexp":return"a "+d;default:return d}}function Z(s){return!s.constructor||!s.constructor.name?i:s.constructor.name}return c.checkPropTypes=bt,c.resetWarningCache=bt.resetWarningCache,c.PropTypes=c,c},O=Ve(function(e){{let t=Bt,n=!0;e.exports=ho(t.isElement,n)}}),Ge="data-focus-lock",Yt="data-focus-lock-disabled",yo="data-no-focus-lock",go="data-autofocus-inside";function bo(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function vo(e,t){var n=a.useState(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(o){let r=n.value;r!==o&&(n.value=o,n.callback(o,r))}}}})[0];return n.callback=t,n.facade}function Ut(e,t){return vo(t,function(n){return e.forEach(function(o){return bo(o,n)})})}var Me={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"};O.node;var Pe=function(){return Pe=Object.assign||function(t){for(var n,o=1,r=arguments.length;o<r;o++){n=arguments[o];for(let i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},Pe.apply(this,arguments)};function wo(e,t){let n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]]);return n}function Ht(e){return e}function Gt(e,t){t===void 0&&(t=Ht);let n=[],o=!1;return{read:function(){if(o)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(i){let c=t(i,o);return n.push(c),function(){n=n.filter(function(u){return u!==c})}},assignSyncMedium:function(i){for(o=!0;n.length;){let c=n;n=[],c.forEach(i)}n={push:function(c){return i(c)},filter:function(){return n}}},assignMedium:function(i){o=!0;let c=[];if(n.length){let f=n;n=[],f.forEach(i),c=n}let u=function(){let f=c;c=[],f.forEach(i)},l=function(){return Promise.resolve().then(u)};l(),n={push:function(f){c.push(f),l()},filter:function(f){return c=c.filter(f),n}}}}}function Je(e,t){return t===void 0&&(t=Ht),Gt(e,t)}function qt(e){e===void 0&&(e={});let t=Gt(null);return t.options=Pe({async:!0,ssr:!1},e),t}var Zt=function(e){let t=e.sideCar,n=wo(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");let o=t.read();if(!o)throw new Error("Sidecar medium not found");return a.createElement(o,Pe({},n))};Zt.isSideCarExport=!0;function Eo(e,t){return e.useMedium(t),Zt}var zt=Je({},function(e){let t=e.target,n=e.currentTarget;return{target:t,currentTarget:n}}),Kt=Je(),To=Je(),Co=qt({async:!0}),Po=[],xe=a.forwardRef(function(t,n){let o,r=a.useState(),i=r[0],c=r[1],u=a.useRef(),l=a.useRef(!1),f=a.useRef(null),y=t.children,h=t.disabled,g=t.noFocusGuards,R=t.persistentFocus,I=t.crossFrame,p=t.autoFocus,b=t.allowTextSelection,L=t.group,N=t.className,k=t.whiteList,F=t.shards,M=F===void 0?Po:F,A=t.as,W=A===void 0?"div":A,_=t.lockProps,Y=_===void 0?{}:_,j=t.sideCar,Z=t.returnFocus,s=t.onActivation,d=t.onDeactivation,v=a.useState({}),w=v[0],E=a.useCallback(function(){f.current=f.current||document&&document.activeElement,u.current&&s&&s(u.current),l.current=!0},[s]),S=a.useCallback(function(){l.current=!1,d&&d(u.current)},[d]),C=a.useCallback(function(G){let te=f.current;if(Z&&te&&te.focus){let he=typeof Z=="object"?Z:void 0;f.current=null,G?Promise.resolve().then(function(){return te.focus(he)}):te.focus(he)}},[Z]),T=a.useCallback(function(G){l.current&&zt.useMedium(G)},[]),P=Kt.useMedium,x=a.useCallback(function(G){u.current!==G&&(u.current=G,c(G))},[]);typeof b<"u"&&console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"),a.useEffect(function(){u.current||console.error("FocusLock: could not obtain ref to internal node")},[]);let D=Ue((o={},o[Yt]=h&&"disabled",o[Ge]=L,o),Y),B=g!==!0,$=B&&g!=="tail",Ie=Ut([n,x]);return a.createElement(a.Fragment,null,B&&[a.createElement("div",{key:"guard-first","data-focus-guard":!0,tabIndex:h?-1:0,style:Me}),a.createElement("div",{key:"guard-nearest","data-focus-guard":!0,tabIndex:h?-1:1,style:Me})],!h&&a.createElement(j,{id:w,sideCar:Co,observed:i,disabled:h,persistentFocus:R,crossFrame:I,autoFocus:p,whiteList:k,shards:M,onActivation:E,onDeactivation:S,returnFocus:C}),a.createElement(W,Ue({ref:Ie},D,{className:N,onBlur:P,onFocus:T}),y),$&&a.createElement("div",{"data-focus-guard":!0,tabIndex:h?-1:0,style:Me}))});xe.propTypes={children:O.node,disabled:O.bool,returnFocus:O.oneOfType([O.bool,O.object]),noFocusGuards:O.bool,allowTextSelection:O.bool,autoFocus:O.bool,persistentFocus:O.bool,crossFrame:O.bool,group:O.string,className:O.string,whiteList:O.func,shards:O.arrayOf(O.any),as:O.oneOfType([O.string,O.func,O.object]),lockProps:O.object,onActivation:O.func,onDeactivation:O.func,sideCar:O.any.isRequired};xe.defaultProps={children:void 0,disabled:!1,returnFocus:!1,noFocusGuards:!1,autoFocus:!0,persistentFocus:!1,crossFrame:!0,allowTextSelection:void 0,group:void 0,className:void 0,whiteList:void 0,shards:void 0,as:"div",lockProps:{},onActivation:void 0,onDeactivation:void 0};function qe(e,t){return qe=Object.setPrototypeOf||function(o,r){return o.__proto__=r,o},qe(e,t)}function So(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,qe(e,t)}function Oo(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ro(e,t){{if(typeof e!="function")throw new Error("Expected reducePropsToState to be a function.");if(typeof t!="function")throw new Error("Expected handleStateChangeOnClient to be a function.")}function n(o){return o.displayName||o.name||"Component"}return function(r){if(typeof r!="function")throw new Error("Expected WrappedComponent to be a React component.");let i=[],c;function u(){c=e(i.map(function(f){return f.props})),t(c)}let l=function(f){So(y,f);function y(){return f.apply(this,arguments)||this}y.peek=function(){return c};let h=y.prototype;return h.componentDidMount=function(){i.push(this),u()},h.componentDidUpdate=function(){u()},h.componentWillUnmount=function(){let R=i.indexOf(this);i.splice(R,1),u()},h.render=function(){return a.createElement(r,this.props)},y}(a.PureComponent);return Oo(l,"displayName","SideEffect("+n(r)+")"),l}}var X=function(e){let t=Array(e.length);for(let n=0;n<e.length;++n)t[n]=e[n];return t},Ze=function(e){return Array.isArray(e)?e:[e]},Ao=function(e){let t=new Set,n=e.length;for(let o=0;o<n;o+=1)for(let r=o+1;r<n;r+=1){let i=e[o].compareDocumentPosition(e[r]);(i&Node.DOCUMENT_POSITION_CONTAINED_BY)>0&&t.add(r),(i&Node.DOCUMENT_POSITION_CONTAINS)>0&&t.add(o)}return e.filter(function(o,r){return!t.has(r)})},Xt=function(e){return e.parentNode?Xt(e.parentNode):e},et=function(e){return Ze(e).filter(Boolean).reduce(function(n,o){let r=o.getAttribute(Ge);return n.push.apply(n,r?Ao(X(Xt(o).querySelectorAll("["+Ge+'="'+r+'"]:not(['+Yt+'="disabled"])'))):[o]),n},[])},xo=function(e){return!e||!e.getPropertyValue?!1:e.getPropertyValue("display")==="none"||e.getPropertyValue("visibility")==="hidden"},Qt=function(e){return!e||e===document||e&&e.nodeType===Node.DOCUMENT_NODE||!xo(window.getComputedStyle(e,null))&&Qt(e.parentNode&&e.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.parentNode.host:e.parentNode)},Do=function(e){return!((e.tagName==="INPUT"||e.tagName==="BUTTON")&&(e.type==="hidden"||e.disabled))},tt=function(e){return!!(e&&e.dataset&&e.dataset.focusGuard)},Se=function(e){return!tt(e)},ko=function(e){return!!e},Io=function(e,t){let n=e.tabIndex-t.tabIndex,o=e.index-t.index;if(n){if(!e.tabIndex)return 1;if(!t.tabIndex)return-1}return n||o},Vt=function(e,t,n){return X(e).map(function(o,r){return{node:o,index:r,tabIndex:n&&o.tabIndex===-1?(o.dataset||{}).focusGuard?0:-1:o.tabIndex}}).filter(function(o){return!t||o.tabIndex>=0}).sort(Io)},Fo=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"],ze=Fo.join(","),_o=ze+", [data-focus-guard]",nt=function(e,t){return e.reduce(function(n,o){return n.concat(X(o.querySelectorAll(t?_o:ze)),o.parentNode?X(o.parentNode.querySelectorAll(ze)).filter(function(r){return r===o}):[])},[])},Lo=function(e){let t=e.querySelectorAll("["+go+"]");return X(t).map(function(n){return nt([n])}).reduce(function(n,o){return n.concat(o)},[])},ot=function(e){return X(e).filter(function(t){return Qt(t)}).filter(function(t){return Do(t)})},Ke=function(e,t){return Vt(ot(nt(e,t)),!0,t)},vt=function(e){return Vt(ot(nt(e)),!1)},No=function(e){return ot(Lo(e))},Xe=function(e,t){return t===void 0&&(t=[]),t.push(e),e.parentNode&&Xe(e.parentNode,t),t},Be=function(e,t){let n=Xe(e),o=Xe(t);for(let r=0;r<n.length;r+=1){let i=n[r];if(o.indexOf(i)>=0)return i}return!1},Jt=function(e,t,n){let o=Ze(e),r=Ze(t),i=o[0],c=!1;return r.filter(Boolean).forEach(function(u){c=Be(c||u,u)||c,n.filter(Boolean).forEach(function(l){let f=Be(i,l);f&&(!c||f.contains(c)?c=f:c=Be(f,c))})}),c},Mo=function(e){return e.reduce(function(t,n){return t.concat(No(n))},[])},Bo=function(e){let t=et(e).filter(Se),n=Jt(e,e,t),o=Ke([n],!0),r=Ke(t).filter(function(i){let c=i.node;return Se(c)}).map(function(i){return i.node});return o.map(function(i){let c=i.node,u=i.index;return{node:c,index:u,lockItem:r.indexOf(c)>=0,guard:tt(c)}})},jo=function(e){return e===document.activeElement},$o=function(e){return!!X(e.querySelectorAll("iframe")).some(function(t){return jo(t)})},en=function(e){let t=document&&document.activeElement;return!t||t.dataset&&t.dataset.focusGuard?!1:et(e).reduce(function(n,o){return n||o.contains(t)||$o(o)},!1)},Wo=function(){return document&&X(document.querySelectorAll("["+yo+"]")).some(function(e){return e.contains(document.activeElement)})},tn=function(e){return e.tagName==="INPUT"&&e.type==="radio"},Yo=function(e,t){return t.filter(tn).filter(function(n){return n.name===e.name}).filter(function(n){return n.checked})[0]||e},rt=function(e,t){return tn(e)&&e.name?Yo(e,t):e},Uo=function(e){let t=new Set;return e.forEach(function(n){return t.add(rt(n,e))}),e.filter(function(n){return t.has(n)})},wt=function(e){return e[0]&&e.length>1?rt(e[0],e):e[0]},Et=function(e,t){return e.length>1?e.indexOf(rt(e[t],e)):t},nn="NEW_FOCUS",Ho=function(e,t,n,o){let r=e.length,i=e[0],c=e[r-1],u=tt(n);if(e.indexOf(n)>=0)return;let l=t.indexOf(n),f=o?t.indexOf(o):l,y=o?e.indexOf(o):-1,h=l-f,g=t.indexOf(i),R=t.indexOf(c),I=Uo(t),p=I.indexOf(n)-(o?I.indexOf(o):l),b=Et(e,0),L=Et(e,r-1);if(l===-1||y===-1)return nn;if(!h&&y>=0)return y;if(l<=g&&u&&Math.abs(h)>1)return L;if(l>=R&&u&&Math.abs(h)>1)return b;if(h&&Math.abs(p)>1)return y;if(l<=g)return L;if(l>R)return b;if(h)return Math.abs(h)>1?y:(r+y+h)%r},Go=function(e){return function(t){return t.autofocus||t.dataset&&!!t.dataset.autofocus||e.indexOf(t)>=0}},qo=function(e,t){let n=new Map;return t.forEach(function(o){return n.set(o.node,o)}),e.map(function(o){return n.get(o)}).filter(ko)},Zo=function(e,t){let n=document&&document.activeElement,o=et(e).filter(Se),r=Jt(n||e,e,o),i=vt(o),c=Ke(o).filter(function(h){let g=h.node;return Se(g)});if(!c[0]&&(c=i,!c[0]))return;let u=vt([r]).map(function(h){return h.node}),l=qo(u,c),f=l.map(function(h){return h.node}),y=Ho(f,u,n,t);if(y===nn){let h=i.map(function(g){return g.node}).filter(Go(Mo(o)));return{node:h&&h.length?wt(h):wt(f)}}return y===void 0?y:l[y]},zo=function(e){e.focus(),"contentWindow"in e&&e.contentWindow&&e.contentWindow.focus()},je=0,$e=!1,on=function(e,t){let n=Zo(e,t);if(!$e&&n){if(je>2){console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),$e=!0,setTimeout(function(){$e=!1},1);return}je++,zo(n.node),je--}};function rn(e){let t=window,n=t.setImmediate;typeof n<"u"?n(e):setTimeout(e,1)}var Ko=function(){return document&&document.activeElement===document.body},Xo=function(){return Ko()||Wo()},ue=null,ie=null,le=null,me=!1,Qo=function(){return!0},Vo=function(t){return(ue.whiteList||Qo)(t)},Jo=function(t,n){le={observerNode:t,portaledElement:n}},er=function(t){return le&&le.portaledElement===t};function Tt(e,t,n,o){let r=null,i=e;do{let c=o[i];if(c.guard)c.node.dataset.focusAutoGuard&&(r=c);else if(c.lockItem){if(i!==e)return;r=null}else break}while((i+=n)!==t);r&&(r.node.tabIndex=0)}var tr=function(t){return t&&"current"in t?t.current:t},nr=function(t){return t?!!me:me==="meanwhile"},Oe=function(){let t=!1;if(ue){let n=ue,o=n.observed,r=n.persistentFocus,i=n.autoFocus,c=n.shards,u=n.crossFrame,l=o||le&&le.portaledElement,f=document&&document.activeElement;if(l){let y=[l].concat(c.map(tr).filter(Boolean));if((!f||Vo(f))&&(r||nr(u)||!Xo()||!ie&&i)&&(l&&!(en(y)||er(f))&&(document&&!ie&&f&&!i?(f.blur&&f.blur(),document.body.focus()):(t=on(y,ie),le={})),me=!1,ie=document&&document.activeElement),document){let h=document&&document.activeElement,g=Bo(y),R=g.map(function(I){return I.node}).indexOf(h);R>-1&&(g.filter(function(I){let p=I.guard,b=I.node;return p&&b.dataset.focusAutoGuard}).forEach(function(I){return I.node.removeAttribute("tabIndex")}),Tt(R,g.length,1,g),Tt(R,-1,-1,g))}}}return t},cn=function(t){Oe()&&t&&(t.stopPropagation(),t.preventDefault())},ct=function(){return rn(Oe)},or=function(t){let n=t.target,o=t.currentTarget;o.contains(n)||Jo(o,n)},rr=function(){return null};O.node.isRequired;var an=function(){me="just",setTimeout(function(){me="meanwhile"},0)},cr=function(){document.addEventListener("focusin",cn,!0),document.addEventListener("focusout",ct),window.addEventListener("blur",an)},ir=function(){document.removeEventListener("focusin",cn,!0),document.removeEventListener("focusout",ct),window.removeEventListener("blur",an)};function ar(e){return e.filter(function(t){return!t.disabled})}function sr(e){let t=e.slice(-1)[0];t&&!ue&&cr();let n=ue,o=n&&t&&t.id===n.id;ue=t,n&&!o&&(n.onDeactivation(),e.filter(function(r){return r.id===n.id}).length||n.returnFocus(!t)),t?(ie=null,(!o||n.observed!==t.observed)&&t.onActivation(),Oe(),rn(Oe)):(ir(),ie=null)}zt.assignSyncMedium(or);Kt.assignMedium(ct);To.assignMedium(function(e){return e({moveFocusInside:on,focusInside:en})});var ur=Ro(ar,sr)(rr),sn=a.forwardRef(function(t,n){return a.createElement(xe,Ue({sideCar:ur,ref:n},t))}),un=xe.propTypes||{};un.sideCar;var lr=lo(un,["sideCar"]);sn.propTypes=lr;var fe=function(){return fe=Object.assign||function(t){for(var n,o=1,r=arguments.length;o<r;o++){n=arguments[o];for(let i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},fe.apply(this,arguments)};function fr(e,t){let n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]]);return n}var Ee="right-scroll-bar-position",Te="width-before-scroll-bar",dr="with-scroll-bars-hidden",mr="--removed-body-scroll-bar-size",ln=qt(),We=function(){},De=a.forwardRef(function(e,t){let n=a.useRef(null),o=a.useState({onScrollCapture:We,onWheelCapture:We,onTouchMoveCapture:We}),r=o[0],i=o[1],c=e.forwardProps,u=e.children,l=e.className,f=e.removeScrollBar,y=e.enabled,h=e.shards,g=e.sideCar,R=e.noIsolation,I=e.inert,p=e.allowPinchZoom,b=e.as,L=b===void 0?"div":b,N=fr(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),k=g,F=Ut([n,t]),M=fe({},N,r);return a.createElement(a.Fragment,null,y&&a.createElement(k,{sideCar:ln,removeScrollBar:f,shards:h,noIsolation:R,inert:I,setCallbacks:i,allowPinchZoom:!!p,lockRef:n}),c?a.cloneElement(a.Children.only(u),fe({},M,{ref:F})):a.createElement(L,fe({},M,{className:l,ref:F}),u))});De.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};De.classNames={fullWidth:Te,zeroRight:Ee};var pr=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function hr(){if(!document)return null;let e=document.createElement("style");e.type="text/css";let t=pr();return t&&e.setAttribute("nonce",t),e}function yr(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function gr(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}var br=function(){let e=0,t=null;return{add:function(n){e==0&&(t=hr())&&(yr(t,n),gr(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},vr=function(){let e=br();return function(t){a.useEffect(function(){return e.add(t),function(){e.remove()}},[])}},fn=function(){let e=vr();return function(n){let o=n.styles;return e(o),null}},wr={left:0,top:0,right:0,gap:0},Ye=function(e){return parseInt(e||"",10)||0},Er=function(e){let t=window.getComputedStyle(document.body),n=t[e==="padding"?"paddingLeft":"marginLeft"],o=t[e==="padding"?"paddingTop":"marginTop"],r=t[e==="padding"?"paddingRight":"marginRight"];return[Ye(n),Ye(o),Ye(r)]},Ct=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return wr;let t=Er(e),n=document.documentElement.clientWidth,o=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,o-n+t[2]-t[0])}},Tr=fn(),Cr=function(e,t,n,o){let r=e.left,i=e.top,c=e.right,u=e.gap;return n===void 0&&(n="margin"),`
.`+dr+` {
overflow: hidden `+o+`;
padding-right: `+u+"px "+o+`;
}
body {
overflow: hidden `+o+`;
`+[t&&"position: relative "+o+";",n==="margin"&&`
padding-left: `+r+`px;
padding-top: `+i+`px;
padding-right: `+c+`px;
margin-left:0;
margin-top:0;
margin-right: `+u+"px "+o+`;
`,n==="padding"&&"padding-right: "+u+"px "+o+";"].filter(Boolean).join("")+`
}
.`+Ee+` {
right: `+u+"px "+o+`;
}
.`+Te+` {
margin-right: `+u+"px "+o+`;
}
.`+Ee+" ."+Ee+` {
right: 0 `+o+`;
}
.`+Te+" ."+Te+` {
margin-right: 0 `+o+`;
}
body {
`+mr+": "+u+`px;
}
`},Pr=function(e){let t=a.useState(Ct(e.gapMode)),n=t[0],o=t[1];a.useEffect(function(){o(Ct(e.gapMode))},[e.gapMode]);let r=e.noRelative,i=e.noImportant,c=e.gapMode;return a.createElement(Tr,{styles:Cr(n,!r,c===void 0?"margin":c,i?"":"!important")})},Sr=function(e){let t=window.getComputedStyle(e);return t.overflowY!=="hidden"&&!(t.overflowY===t.overflowX&&t.overflowY==="visible")},Or=function(e){let t=window.getComputedStyle(e);return t.overflowX!=="hidden"&&!(t.overflowY===t.overflowX&&t.overflowX==="visible")},Pt=function(e,t){let n=t;do{if(dn(e,n)){let r=mn(e,n),i=r[1],c=r[2];if(i>c)return!0}n=n.parentNode}while(n&&n!==document.body);return!1},Rr=function(e){let t=e.scrollTop,n=e.scrollHeight,o=e.clientHeight;return[t,n,o]},Ar=function(e){let t=e.scrollLeft,n=e.scrollWidth,o=e.clientWidth;return[t,n,o]},dn=function(e,t){return e==="v"?Sr(t):Or(t)},mn=function(e,t){return e==="v"?Rr(t):Ar(t)},xr=function(e,t,n,o,r){let i=o,c=n.target,u=t.contains(c),l=!1,f=i>0,y=0,h=0;do{let g=mn(e,c),R=g[0],I=g[1],p=g[2],b=I-p-R;(R||b)&&dn(e,c)&&(y+=b,h+=R),c=c.parentNode}while(!u&&c!==document.body||u&&(t.contains(c)||t===c));return(f&&(r&&y===0||!r&&i>y)||!f&&(r&&h===0||!r&&-i>h))&&(l=!0),l},Qe=!1;if(typeof window<"u")try{let e=Object.defineProperty({},"passive",{get:function(){return Qe=!0,!0}});window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch{Qe=!1}var ne=Qe?{passive:!1}:!1,be=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},St=function(e){return[e.deltaX,e.deltaY]},Ot=function(e){return e&&"current"in e?e.current:e},Dr=function(e,t){return e[0]===t[0]&&e[1]===t[1]},kr=function(e){return`
.block-interactivity-`+e+` {pointer-events: none;}
.allow-interactivity-`+e+` {pointer-events: all;}
`},Ir=0,oe=[];function Fr(e){let t=a.useRef([]),n=a.useRef([0,0]),o=a.useRef(),r=a.useState(Ir++)[0],i=a.useState(function(){return fn()})[0],c=a.useRef(e);a.useEffect(function(){c.current=e},[e]),a.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-"+r);let p=[e.lockRef.current].concat((e.shards||[]).map(Ot)).filter(Boolean);return p.forEach(function(b){return b.classList.add("allow-interactivity-"+r)}),function(){document.body.classList.remove("block-interactivity-"+r),p.forEach(function(b){return b.classList.remove("allow-interactivity-"+r)})}}},[e.inert,e.lockRef.current,e.shards]);let u=a.useCallback(function(p,b){if("touches"in p&&p.touches.length===2)return!c.current.allowPinchZoom;let L=be(p),N=n.current,k="deltaX"in p?p.deltaX:N[0]-L[0],F="deltaY"in p?p.deltaY:N[1]-L[1],M,A=p.target,W=Math.abs(k)>Math.abs(F)?"h":"v",_=Pt(W,A);if(!_)return!0;if(_?M=W:(M=W==="v"?"h":"v",_=Pt(W,A)),!_)return!1;if(!o.current&&"changedTouches"in p&&(k||F)&&(o.current=M),!M)return!0;let Y=o.current||M;return xr(Y,b,p,Y==="h"?k:F,!0)},[]),l=a.useCallback(function(p){let b=p;if(!oe.length||oe[oe.length-1]!==i)return;let L="deltaY"in b?St(b):be(b),N=t.current.filter(function(k){return k.name===b.type&&k.target===b.target&&Dr(k.delta,L)})[0];if(N&&N.should){b.preventDefault();return}if(!N){let k=(c.current.shards||[]).map(Ot).filter(Boolean).filter(function(M){return M.contains(b.target)});(k.length>0?u(b,k[0]):!c.current.noIsolation)&&b.preventDefault()}},[]),f=a.useCallback(function(p,b,L,N){let k={name:p,delta:b,target:L,should:N};t.current.push(k),setTimeout(function(){t.current=t.current.filter(function(F){return F!==k})},1)},[]),y=a.useCallback(function(p){n.current=be(p),o.current=void 0},[]),h=a.useCallback(function(p){f(p.type,St(p),p.target,u(p,e.lockRef.current))},[]),g=a.useCallback(function(p){f(p.type,be(p),p.target,u(p,e.lockRef.current))},[]);a.useEffect(function(){return oe.push(i),e.setCallbacks({onScrollCapture:h,onWheelCapture:h,onTouchMoveCapture:g}),document.addEventListener("wheel",l,ne),document.addEventListener("touchmove",l,ne),document.addEventListener("touchstart",y,ne),function(){oe=oe.filter(function(p){return p!==i}),document.removeEventListener("wheel",l,ne),document.removeEventListener("touchmove",l,ne),document.removeEventListener("touchstart",y,ne)}},[]);let R=e.removeScrollBar,I=e.inert;return a.createElement(a.Fragment,null,I?a.createElement(i,{styles:kr(r)}):null,R?a.createElement(Pr,{gapMode:"margin"}):null)}var _r=Eo(ln,Fr),pn=a.forwardRef(function(e,t){return a.createElement(De,fe({},e,{ref:t,sideCar:_r}))});pn.classNames=De.classNames;function H(){return H=Object.assign||function(e){for(let t=1;t<arguments.length;t++){let n=arguments[t];for(let o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},H.apply(this,arguments)}function ke(e,t){if(e==null)return{};let n={},o=Object.keys(e),r,i;for(i=0;i<o.length;i++)r=o[i],!(t.indexOf(r)>=0)&&(n[r]=e[r]);return n}var hn={allowPinchZoom:O.bool,dangerouslyBypassFocusLock:O.bool,dangerouslyBypassScrollLock:O.bool,initialFocusRef:function(){return null},onDismiss:O.func},ee=Ae(function(t,n){let o=t.as,r=o===void 0?"div":o,i=t.isOpen,c=i===void 0?!0:i,u=ke(t,["as","isOpen"]);return Nt("dialog"),a.useEffect(function(){c?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame(function(){window.__REACH_DISABLE_TOOLTIPS=!1})},[c]),c?a.createElement(Mt,{"data-reach-dialog-wrapper":""},a.createElement(Lr,H({ref:n,as:r},u))):null});ee.displayName="DialogOverlay",ee.propTypes=H({},hn,{isOpen:O.bool});var Lr=Ae(function(t,n){let o=t.allowPinchZoom,r=t.as,i=r===void 0?"div":r,c=t.dangerouslyBypassFocusLock,u=c===void 0?!1:c,l=t.dangerouslyBypassScrollLock,f=l===void 0?!1:l,y=t.initialFocusRef,h=t.onClick,g=t.onDismiss,R=g===void 0?U:g,I=t.onKeyDown,p=t.onMouseDown,b=t.unstable_lockFocusAcrossFrames,L=b===void 0?!0:b,N=ke(t,["allowPinchZoom","as","dangerouslyBypassFocusLock","dangerouslyBypassScrollLock","initialFocusRef","onClick","onDismiss","onKeyDown","onMouseDown","unstable_lockFocusAcrossFrames"]),k=a.useRef(null),F=a.useRef(null),M=uo(F,n),A=a.useCallback(function(){y&&y.current&&y.current.focus()},[y]);function W(j){k.current===j.target&&(j.stopPropagation(),R(j))}function _(j){j.key==="Escape"&&(j.stopPropagation(),R(j))}function Y(j){k.current=j.target}return a.useEffect(function(){return F.current?Nr(F.current):void 0},[]),a.createElement(sn,{autoFocus:!0,returnFocus:!0,onActivation:A,disabled:u,crossFrame:L},a.createElement(pn,{allowPinchZoom:o,enabled:!f},a.createElement(i,H({},N,{ref:M,"data-reach-dialog-overlay":"",onClick:we(h,W),onKeyDown:we(I,_),onMouseDown:we(p,Y)}))))});ee.displayName="DialogOverlay",ee.propTypes=H({},hn);var pe=Ae(function(t,n){let o=t.as,r=o===void 0?"div":o,i=t.onClick;t.onKeyDown;let c=ke(t,["as","onClick","onKeyDown"]);return a.createElement(r,H({"aria-modal":"true",role:"dialog",tabIndex:-1},c,{ref:n,"data-reach-dialog-content":"",onClick:we(i,function(u){u.stopPropagation()})}))});pe.displayName="DialogContent",pe.propTypes={"aria-label":Re,"aria-labelledby":Re};var Rt=Ae(function(t,n){let o=t.allowPinchZoom,r=o===void 0?!1:o,i=t.initialFocusRef,c=t.isOpen,u=t.onDismiss,l=u===void 0?U:u,f=ke(t,["allowPinchZoom","initialFocusRef","isOpen","onDismiss"]);return a.createElement(ee,{allowPinchZoom:r,initialFocusRef:i,isOpen:c,onDismiss:l},a.createElement(pe,H({ref:n},f)))});Rt.displayName="Dialog",Rt.propTypes={isOpen:O.bool,onDismiss:O.func,"aria-label":Re,"aria-labelledby":Re};function Nr(e){let t=[],n=[],o=co(e);return e?(Array.prototype.forEach.call(o.querySelectorAll("body > *"),function(r){let i,c,u=(i=e.parentNode)==null||(c=i.parentNode)==null?void 0:c.parentNode;if(r===u)return;let l=r.getAttribute("aria-hidden");l!==null&&l!=="false"||(t.push(l),n.push(r),r.setAttribute("aria-hidden","true"))}),function(){n.forEach(function(r,i){let c=t[i];c===null?r.removeAttribute("aria-hidden"):r.setAttribute("aria-hidden",c)})}):(console.warn("A ref has not yet been attached to a dialog node when attempting to call `createAriaHider`."),U)}function Re(e,t,n,o,r){let i=`
See https://www.w3.org/TR/wai-aria/#aria-label for details.`;return!e["aria-label"]&&!e["aria-labelledby"]?new Error("A <"+n+"> must have either an `aria-label` or `aria-labelledby` prop.\n "+i):e["aria-label"]&&e["aria-labelledby"]?new Error("You provided both `aria-label` and `aria-labelledby` props to a <"+n+">. If the a label for this component is visible on the screen, that label's component should be given a unique ID prop, and that ID should be passed as the `aria-labelledby` prop into <"+n+">. If the label cannot be determined programmatically from the content of the element, an alternative label should be provided as the `aria-label` prop, which will be used as an `aria-label` on the HTML tag."+i):e[t]!=null&&!ao(e[t])?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(r)?"array":typeof r)+"`."):null}import{jsx as it,jsxs as Mr}from"react/jsx-runtime";var yn=({label:e,close:t,children:n,modalBodyProps:o={},closeButtonProps:r={},isOpen:i,maxWidth:c="40em",...u})=>it(ee,{"data-testid":"ladle-dialog-overlay",...u,isOpen:i,onDismiss:t,children:Mr(pe,{"aria-label":e||"Modal","data-testid":"ladle-dialog",style:{maxWidth:c},children:[it(ht,{...r,onClick:l=>{r.onClick?.(l),!l.isDefaultPrevented()&&t(l)}}),it("div",{...o,className:Q("ladle-addon-modal-body",o?.id),children:n})]})});import Br from"react";import{jsx as gn}from"react/jsx-runtime";var wc=({children:e,dialogProps:t={},...n})=>{let[o,r]=Br.useState(!1);return gn(ft,{...n,onClick:i=>{n.onClick?.(i),!i.isDefaultPrevented()&&r(!0)},className:Q(o&&"ladle-active",n.className),children:gn(yn,{isOpen:o,close:()=>r(!1),...t,children:e})})};export{ft as AddonButton,yn as AddonDialog,wc as AddonDialogButton,Qr as ExampleLadleIcon,ht as LadleDialogCloseButton,pt as LadleDialogCloseIcon,dt as LadleIconButton};
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */