ladle-inject-custom-addons
Version:
Adds a button to the Ladle addon bar
57 lines (49 loc) • 45.1 kB
JavaScript
import Br from"react";function Q(...e){return e.flat().filter(t=>t&&!!t.trim()).join(" ")}import{jsx as Tn}from"react/jsx-runtime";var st=({icon:e,...t})=>Tn("button",{...t,className:Q("ladle-button",t.className),style:{height:36,width:36,borderColor:"transparent",boxShadow:"none",...t.style},children:e});import{jsx as Fe,jsxs as Pn}from"react/jsx-runtime";var Cn=({size:e=24,...t})=>Fe("svg",{width:e,height:e,viewBox:"0 0 24 24",stroke:"currentColor",fill:"none",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",...t}),ut=({size:e=18,...t})=>Pn(Cn,{size:e,...t,children:[Fe("path",{d:"M0 0h24v24H0z",stroke:"none"}),Fe("path",{d:"M18 6L6 18M6 6l12 12"})]});import{jsx as _e}from"react/jsx-runtime";var lt=({iconProps:e,wrapperProps:t,...n})=>_e("div",{...t,style:{position:"absolute",insetInlineEnd:-6,top:0,...t?.style},children:_e(st,{"aria-label":"Close modal",...n,icon:_e(ut,{...e})})});import*as a from"react";import*as Ct from"react-dom";function We(){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 Xe(e,t,n){return n={path:t,exports:{},require:function(o,r){return Sn(o,r??n.path)}},e(n,n.exports),n.exports}function Sn(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}function Pt(){throw new Error("setTimeout has not been defined")}function St(){throw new Error("clearTimeout has not been defined")}var z=Pt,K=St,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 Ot(e){if(z===setTimeout)return setTimeout(e,0);if((z===Pt||!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 On(e){if(K===clearTimeout)return clearTimeout(e);if((K===St||!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,be=-1;function Rn(){!se||!J||(se=!1,J.length?q=J.concat(q):be=-1,q.length&&Rt())}function Rt(){if(se)return;let e=Ot(Rn);se=!0;let t=q.length;for(;t;){for(J=q,q=[];++be<t;)J&&J[be].run();be=-1,t=q.length}J=null,se=!1,On(e)}function An(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 At(e,t)),q.length===1&&!se&&Ot(Rt)}function At(e,t){this.fun=e,this.array=t}At.prototype.run=function(){this.fun.apply(null,this.array)};var Dn="browser",kn="browser",xn=!0,In=[],Fn="",_n={},Ln={},Nn={};function U(){}var Mn=U,Bn=U,jn=U,$n=U,Wn=U,Yn=U,Un=U;function Hn(e){throw new Error("process.binding is not supported")}function Gn(){return"/"}function qn(e){throw new Error("process.chdir is not supported")}function Zn(){return 0}var re=ae.performance||{},zn=re.now||re.mozNow||re.msNow||re.oNow||re.webkitNow||function(){return new Date().getTime()};function Kn(e){let t=zn.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 Xn=new Date;function Qn(){return(new Date-Xn)/1e3}var ft={nextTick:An,title:Dn,browser:xn,env:{NODE_ENV:"development"},argv:In,version:Fn,versions:_n,on:Mn,addListener:Bn,once:jn,off:$n,removeListener:Wn,removeAllListeners:Yn,emit:Un,binding:Hn,cwd:Gn,chdir:qn,umask:Zn,hrtime:Kn,platform:kn,release:Ln,config:Nn,uptime:Qn},Vn=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},Jn=kt()?a.useLayoutEffect:a.useEffect,dt={},Dt=U;{let e=typeof ft<"u"?ft:{env:{NODE_ENV:"development"}},t=e.env;Dt=function(o){dt[o]||(dt[o]=!0)}}function eo(e,t){if(e!=null)if(no(e))e(t);else try{e.current=t}catch{throw new Error('Cannot assign value "'+t+'" to ref "'+e+'"')}}function kt(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}function Re(e){return a.forwardRef(e)}function to(e){return kt()?e?e.ownerDocument:document:null}function no(e){return!!(e&&{}.toString.call(e)=="[object Function]")}function oo(e){return typeof e=="string"}var xt=U;xt=function(t){let n=a.useRef(t);a.useEffect(function(){return void(n.current=t)},[t]),a.useEffect(function(){return Dt(n.current)},[])};function ro(){let e=a.useState(Object.create(null)),t=e[1];return a.useCallback(function(){t(Object.create(null))},[])}function co(){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){eo(r,o)})}},[].concat(t))}function ve(e,t){return function(n){if(e&&e(n),!n.defaultPrevented)return t(n)}}var It=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=ro();return Jn(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?Ct.createPortal(n,c.current):a.createElement("span",{ref:i})};It.displayName="Portal";function io(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 ao=Xe(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,x=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===x||m.$$typeof===F||m.$$typeof===L)}function A(m){if(typeof m=="object"&&m!==null){let Ie=m.$$typeof;switch(Ie){case o:var he=m.type;switch(he){case y:case h:case i:case u:case c:case R:return he;default:var at=he&&he.$$typeof;switch(at){case f:case g:case b:case p:case l:return at;default:return Ie}}case r:return Ie}}}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 D(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.")),k(m)||A(m)===y}function k(m){return A(m)===h}function B(m){return A(m)===f}function $(m){return A(m)===l}function xe(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 pe(m){return A(m)===b}function gn(m){return A(m)===p}function bn(m){return A(m)===r}function vn(m){return A(m)===u}function wn(m){return A(m)===c}function En(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=D,t.isConcurrentMode=k,t.isContextConsumer=B,t.isContextProvider=$,t.isElement=xe,t.isForwardRef=G,t.isFragment=te,t.isLazy=pe,t.isMemo=gn,t.isPortal=bn,t.isProfiler=vn,t.isStrictMode=wn,t.isSuspense=En,t.isValidElementType=M,t.typeOf=A})()}),Ft=Xe(function(e){e.exports=ao}),so="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",V=so,Ye=function(){};_t=V,Te={},Lt=Function.call.bind(Object.prototype.hasOwnProperty),Ye=function(e){let t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}};var _t,Te,Lt;function Nt(e,t,n,o,r){for(let c in e)if(Lt(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,_t)}catch(u){i=u}if(i&&!(i instanceof Error)&&Ye((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 Te)){Te[i.message]=!0;let u=r?r():"";Ye("Failed "+n+" type: "+i.message+(u??""))}}}Nt.resetWarningCache=function(){Te={}};var mt=Nt,uo=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 ye(){return null}var lo=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:x(),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,D,k,B){if(P=P||i,k=k||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 `"+k+"` 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 "+D+" `"+k+"` is marked as required "+("in `"+P+"`, but its value is `null`.")):new l("The "+D+" `"+k+"` is marked as required in "+("`"+P+"`, but its value is `undefined`.")):null:s(C,T,P,D,k)}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 k=Y(P);return new l("Invalid "+S+" `"+C+"` of type "+("`"+k+"` supplied to `"+E+"`, expected ")+("`"+s+"`."))}return null}return f(d)}function h(){return f(ye)}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 D=s(T,P,E,S,C+"["+P+"]",V);if(D instanceof Error)return D}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(!Ft.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."),ye;function d(v,w,E,S,C){let T=v[w];for(let D=0;D<s.length;D++)if(u(T,s[D]))return null;let P=JSON.stringify(s,function(k,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 D in T)if(uo(T,D)){let k=s(T,D,E,S,C+"."+D,V);if(k instanceof Error)return k}return null}return f(d)}function N(s){if(!Array.isArray(s))return ce("Invalid argument supplied to oneOfType, expected an instance of array."),ye;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+"."),ye}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 x(){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 D in s){let k=s[D];if(!k)continue;let B=k(T,D,E,S,C+"."+D,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 D=Vn({},v[w],s);for(let k in D){let B=s[k];if(!B)return new l("Invalid "+S+" `"+C+"` key `"+k+"` supplied to `"+E+"`.\nBad object: "+JSON.stringify(v[w],null," ")+`
Valid keys: `+JSON.stringify(Object.keys(s),null," "));let $=B(T,k,E,S,C+"."+k,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=mt,c.resetWarningCache=mt.resetWarningCache,c.PropTypes=c,c},O=Xe(function(e){{let t=Ft,n=!0;e.exports=lo(t.isElement,n)}}),Ue="data-focus-lock",Mt="data-focus-lock-disabled",fo="data-no-focus-lock",mo="data-autofocus-inside";function po(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function ho(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 Bt(e,t){return ho(t,function(n){return e.forEach(function(o){return po(o,n)})})}var Le={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"};O.node;var Ce=function(){return Ce=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},Ce.apply(this,arguments)};function yo(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 jt(e){return e}function $t(e,t){t===void 0&&(t=jt);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 Qe(e,t){return t===void 0&&(t=jt),$t(e,t)}function Wt(e){e===void 0&&(e={});let t=$t(null);return t.options=Ce({async:!0,ssr:!1},e),t}var Yt=function(e){let t=e.sideCar,n=yo(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,Ce({},n))};Yt.isSideCarExport=!0;function go(e,t){return e.useMedium(t),Yt}var Ut=Qe({},function(e){let t=e.target,n=e.currentTarget;return{target:t,currentTarget:n}}),Ht=Qe(),bo=Qe(),vo=Wt({async:!0}),wo=[],Ae=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,x=t.whiteList,F=t.shards,M=F===void 0?wo: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 pe=typeof Z=="object"?Z:void 0;f.current=null,G?Promise.resolve().then(function(){return te.focus(pe)}):te.focus(pe)}},[Z]),T=a.useCallback(function(G){l.current&&Ut.useMedium(G)},[]),P=Ht.useMedium,D=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 k=We((o={},o[Mt]=h&&"disabled",o[Ue]=L,o),Y),B=g!==!0,$=B&&g!=="tail",xe=Bt([n,D]);return a.createElement(a.Fragment,null,B&&[a.createElement("div",{key:"guard-first","data-focus-guard":!0,tabIndex:h?-1:0,style:Le}),a.createElement("div",{key:"guard-nearest","data-focus-guard":!0,tabIndex:h?-1:1,style:Le})],!h&&a.createElement(j,{id:w,sideCar:vo,observed:i,disabled:h,persistentFocus:R,crossFrame:I,autoFocus:p,whiteList:x,shards:M,onActivation:E,onDeactivation:S,returnFocus:C}),a.createElement(W,We({ref:xe},k,{className:N,onBlur:P,onFocus:T}),y),$&&a.createElement("div",{"data-focus-guard":!0,tabIndex:h?-1:0,style:Le}))});Ae.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};Ae.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 He(e,t){return He=Object.setPrototypeOf||function(o,r){return o.__proto__=r,o},He(e,t)}function Eo(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,He(e,t)}function To(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Co(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){Eo(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 To(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},Ge=function(e){return Array.isArray(e)?e:[e]},Po=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)})},Gt=function(e){return e.parentNode?Gt(e.parentNode):e},Ve=function(e){return Ge(e).filter(Boolean).reduce(function(n,o){let r=o.getAttribute(Ue);return n.push.apply(n,r?Po(X(Gt(o).querySelectorAll("["+Ue+'="'+r+'"]:not(['+Mt+'="disabled"])'))):[o]),n},[])},So=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||!So(window.getComputedStyle(e,null))&&qt(e.parentNode&&e.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.parentNode.host:e.parentNode)},Oo=function(e){return!((e.tagName==="INPUT"||e.tagName==="BUTTON")&&(e.type==="hidden"||e.disabled))},Je=function(e){return!!(e&&e.dataset&&e.dataset.focusGuard)},Pe=function(e){return!Je(e)},Ro=function(e){return!!e},Ao=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},Zt=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(Ao)},Do=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"],qe=Do.join(","),ko=qe+", [data-focus-guard]",et=function(e,t){return e.reduce(function(n,o){return n.concat(X(o.querySelectorAll(t?ko:qe)),o.parentNode?X(o.parentNode.querySelectorAll(qe)).filter(function(r){return r===o}):[])},[])},xo=function(e){let t=e.querySelectorAll("["+mo+"]");return X(t).map(function(n){return et([n])}).reduce(function(n,o){return n.concat(o)},[])},tt=function(e){return X(e).filter(function(t){return qt(t)}).filter(function(t){return Oo(t)})},Ze=function(e,t){return Zt(tt(et(e,t)),!0,t)},pt=function(e){return Zt(tt(et(e)),!1)},Io=function(e){return tt(xo(e))},ze=function(e,t){return t===void 0&&(t=[]),t.push(e),e.parentNode&&ze(e.parentNode,t),t},Ne=function(e,t){let n=ze(e),o=ze(t);for(let r=0;r<n.length;r+=1){let i=n[r];if(o.indexOf(i)>=0)return i}return!1},zt=function(e,t,n){let o=Ge(e),r=Ge(t),i=o[0],c=!1;return r.filter(Boolean).forEach(function(u){c=Ne(c||u,u)||c,n.filter(Boolean).forEach(function(l){let f=Ne(i,l);f&&(!c||f.contains(c)?c=f:c=Ne(f,c))})}),c},Fo=function(e){return e.reduce(function(t,n){return t.concat(Io(n))},[])},_o=function(e){let t=Ve(e).filter(Pe),n=zt(e,e,t),o=Ze([n],!0),r=Ze(t).filter(function(i){let c=i.node;return Pe(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:Je(c)}})},Lo=function(e){return e===document.activeElement},No=function(e){return!!X(e.querySelectorAll("iframe")).some(function(t){return Lo(t)})},Kt=function(e){let t=document&&document.activeElement;return!t||t.dataset&&t.dataset.focusGuard?!1:Ve(e).reduce(function(n,o){return n||o.contains(t)||No(o)},!1)},Mo=function(){return document&&X(document.querySelectorAll("["+fo+"]")).some(function(e){return e.contains(document.activeElement)})},Xt=function(e){return e.tagName==="INPUT"&&e.type==="radio"},Bo=function(e,t){return t.filter(Xt).filter(function(n){return n.name===e.name}).filter(function(n){return n.checked})[0]||e},nt=function(e,t){return Xt(e)&&e.name?Bo(e,t):e},jo=function(e){let t=new Set;return e.forEach(function(n){return t.add(nt(n,e))}),e.filter(function(n){return t.has(n)})},ht=function(e){return e[0]&&e.length>1?nt(e[0],e):e[0]},yt=function(e,t){return e.length>1?e.indexOf(nt(e[t],e)):t},Qt="NEW_FOCUS",$o=function(e,t,n,o){let r=e.length,i=e[0],c=e[r-1],u=Je(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=jo(t),p=I.indexOf(n)-(o?I.indexOf(o):l),b=yt(e,0),L=yt(e,r-1);if(l===-1||y===-1)return Qt;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},Wo=function(e){return function(t){return t.autofocus||t.dataset&&!!t.dataset.autofocus||e.indexOf(t)>=0}},Yo=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(Ro)},Uo=function(e,t){let n=document&&document.activeElement,o=Ve(e).filter(Pe),r=zt(n||e,e,o),i=pt(o),c=Ze(o).filter(function(h){let g=h.node;return Pe(g)});if(!c[0]&&(c=i,!c[0]))return;let u=pt([r]).map(function(h){return h.node}),l=Yo(u,c),f=l.map(function(h){return h.node}),y=$o(f,u,n,t);if(y===Qt){let h=i.map(function(g){return g.node}).filter(Wo(Fo(o)));return{node:h&&h.length?ht(h):ht(f)}}return y===void 0?y:l[y]},Ho=function(e){e.focus(),"contentWindow"in e&&e.contentWindow&&e.contentWindow.focus()},Me=0,Be=!1,Vt=function(e,t){let n=Uo(e,t);if(!Be&&n){if(Me>2){console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),Be=!0,setTimeout(function(){Be=!1},1);return}Me++,Ho(n.node),Me--}};function Jt(e){let t=window,n=t.setImmediate;typeof n<"u"?n(e):setTimeout(e,1)}var Go=function(){return document&&document.activeElement===document.body},qo=function(){return Go()||Mo()},ue=null,ie=null,le=null,de=!1,Zo=function(){return!0},zo=function(t){return(ue.whiteList||Zo)(t)},Ko=function(t,n){le={observerNode:t,portaledElement:n}},Xo=function(t){return le&&le.portaledElement===t};function gt(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 Qo=function(t){return t&&"current"in t?t.current:t},Vo=function(t){return t?!!de:de==="meanwhile"},Se=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(Qo).filter(Boolean));if((!f||zo(f))&&(r||Vo(u)||!qo()||!ie&&i)&&(l&&!(Kt(y)||Xo(f))&&(document&&!ie&&f&&!i?(f.blur&&f.blur(),document.body.focus()):(t=Vt(y,ie),le={})),de=!1,ie=document&&document.activeElement),document){let h=document&&document.activeElement,g=_o(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")}),gt(R,g.length,1,g),gt(R,-1,-1,g))}}}return t},en=function(t){Se()&&t&&(t.stopPropagation(),t.preventDefault())},ot=function(){return Jt(Se)},Jo=function(t){let n=t.target,o=t.currentTarget;o.contains(n)||Ko(o,n)},er=function(){return null};O.node.isRequired;var tn=function(){de="just",setTimeout(function(){de="meanwhile"},0)},tr=function(){document.addEventListener("focusin",en,!0),document.addEventListener("focusout",ot),window.addEventListener("blur",tn)},nr=function(){document.removeEventListener("focusin",en,!0),document.removeEventListener("focusout",ot),window.removeEventListener("blur",tn)};function or(e){return e.filter(function(t){return!t.disabled})}function rr(e){let t=e.slice(-1)[0];t&&!ue&&tr();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(),Se(),Jt(Se)):(nr(),ie=null)}Ut.assignSyncMedium(Jo);Ht.assignMedium(ot);bo.assignMedium(function(e){return e({moveFocusInside:Vt,focusInside:Kt})});var cr=Co(or,rr)(er),nn=a.forwardRef(function(t,n){return a.createElement(Ae,We({sideCar:cr,ref:n},t))}),on=Ae.propTypes||{};on.sideCar;var ir=io(on,["sideCar"]);nn.propTypes=ir;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 ar(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 we="right-scroll-bar-position",Ee="width-before-scroll-bar",sr="with-scroll-bars-hidden",ur="--removed-body-scroll-bar-size",rn=Wt(),je=function(){},De=a.forwardRef(function(e,t){let n=a.useRef(null),o=a.useState({onScrollCapture:je,onWheelCapture:je,onTouchMoveCapture:je}),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=ar(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),x=g,F=Bt([n,t]),M=fe({},N,r);return a.createElement(a.Fragment,null,y&&a.createElement(x,{sideCar:rn,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:Ee,zeroRight:we};var lr=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function fr(){if(!document)return null;let e=document.createElement("style");e.type="text/css";let t=lr();return t&&e.setAttribute("nonce",t),e}function dr(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function mr(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}var pr=function(){let e=0,t=null;return{add:function(n){e==0&&(t=fr())&&(dr(t,n),mr(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},hr=function(){let e=pr();return function(t){a.useEffect(function(){return e.add(t),function(){e.remove()}},[])}},cn=function(){let e=hr();return function(n){let o=n.styles;return e(o),null}},yr={left:0,top:0,right:0,gap:0},$e=function(e){return parseInt(e||"",10)||0},gr=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[$e(n),$e(o),$e(r)]},bt=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return yr;let t=gr(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])}},br=cn(),vr=function(e,t,n,o){let r=e.left,i=e.top,c=e.right,u=e.gap;return n===void 0&&(n="margin"),`
.`+sr+` {
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("")+`
}
.`+we+` {
right: `+u+"px "+o+`;
}
.`+Ee+` {
margin-right: `+u+"px "+o+`;
}
.`+we+" ."+we+` {
right: 0 `+o+`;
}
.`+Ee+" ."+Ee+` {
margin-right: 0 `+o+`;
}
body {
`+ur+": "+u+`px;
}
`},wr=function(e){let t=a.useState(bt(e.gapMode)),n=t[0],o=t[1];a.useEffect(function(){o(bt(e.gapMode))},[e.gapMode]);let r=e.noRelative,i=e.noImportant,c=e.gapMode;return a.createElement(br,{styles:vr(n,!r,c===void 0?"margin":c,i?"":"!important")})},Er=function(e){let t=window.getComputedStyle(e);return t.overflowY!=="hidden"&&!(t.overflowY===t.overflowX&&t.overflowY==="visible")},Tr=function(e){let t=window.getComputedStyle(e);return t.overflowX!=="hidden"&&!(t.overflowY===t.overflowX&&t.overflowX==="visible")},vt=function(e,t){let n=t;do{if(an(e,n)){let r=sn(e,n),i=r[1],c=r[2];if(i>c)return!0}n=n.parentNode}while(n&&n!==document.body);return!1},Cr=function(e){let t=e.scrollTop,n=e.scrollHeight,o=e.clientHeight;return[t,n,o]},Pr=function(e){let t=e.scrollLeft,n=e.scrollWidth,o=e.clientWidth;return[t,n,o]},an=function(e,t){return e==="v"?Er(t):Tr(t)},sn=function(e,t){return e==="v"?Cr(t):Pr(t)},Sr=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=sn(e,c),R=g[0],I=g[1],p=g[2],b=I-p-R;(R||b)&&an(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},Ke=!1;if(typeof window<"u")try{let e=Object.defineProperty({},"passive",{get:function(){return Ke=!0,!0}});window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch{Ke=!1}var ne=Ke?{passive:!1}:!1,ge=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},wt=function(e){return[e.deltaX,e.deltaY]},Et=function(e){return e&&"current"in e?e.current:e},Or=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Rr=function(e){return`
.block-interactivity-`+e+` {pointer-events: none;}
.allow-interactivity-`+e+` {pointer-events: all;}
`},Ar=0,oe=[];function Dr(e){let t=a.useRef([]),n=a.useRef([0,0]),o=a.useRef(),r=a.useState(Ar++)[0],i=a.useState(function(){return cn()})[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(Et)).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=ge(p),N=n.current,x="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(x)>Math.abs(F)?"h":"v",_=vt(W,A);if(!_)return!0;if(_?M=W:(M=W==="v"?"h":"v",_=vt(W,A)),!_)return!1;if(!o.current&&"changedTouches"in p&&(x||F)&&(o.current=M),!M)return!0;let Y=o.current||M;return Sr(Y,b,p,Y==="h"?x:F,!0)},[]),l=a.useCallback(function(p){let b=p;if(!oe.length||oe[oe.length-1]!==i)return;let L="deltaY"in b?wt(b):ge(b),N=t.current.filter(function(x){return x.name===b.type&&x.target===b.target&&Or(x.delta,L)})[0];if(N&&N.should){b.preventDefault();return}if(!N){let x=(c.current.shards||[]).map(Et).filter(Boolean).filter(function(M){return M.contains(b.target)});(x.length>0?u(b,x[0]):!c.current.noIsolation)&&b.preventDefault()}},[]),f=a.useCallback(function(p,b,L,N){let x={name:p,delta:b,target:L,should:N};t.current.push(x),setTimeout(function(){t.current=t.current.filter(function(F){return F!==x})},1)},[]),y=a.useCallback(function(p){n.current=ge(p),o.current=void 0},[]),h=a.useCallback(function(p){f(p.type,wt(p),p.target,u(p,e.lockRef.current))},[]),g=a.useCallback(function(p){f(p.type,ge(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:Rr(r)}):null,R?a.createElement(wr,{gapMode:"margin"}):null)}var kr=go(rn,Dr),un=a.forwardRef(function(e,t){return a.createElement(De,fe({},e,{ref:t,sideCar:kr}))});un.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 ln={allowPinchZoom:O.bool,dangerouslyBypassFocusLock:O.bool,dangerouslyBypassScrollLock:O.bool,initialFocusRef:function(){return null},onDismiss:O.func},ee=Re(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 xt("dialog"),a.useEffect(function(){c?window.__REACH_DISABLE_TOOLTIPS=!0:window.requestAnimationFrame(function(){window.__REACH_DISABLE_TOOLTIPS=!1})},[c]),c?a.createElement(It,{"data-reach-dialog-wrapper":""},a.createElement(xr,H({ref:n,as:r},u))):null});ee.displayName="DialogOverlay",ee.propTypes=H({},ln,{isOpen:O.bool});var xr=Re(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"]),x=a.useRef(null),F=a.useRef(null),M=co(F,n),A=a.useCallback(function(){y&&y.current&&y.current.focus()},[y]);function W(j){x.current===j.target&&(j.stopPropagation(),R(j))}function _(j){j.key==="Escape"&&(j.stopPropagation(),R(j))}function Y(j){x.current=j.target}return a.useEffect(function(){return F.current?Ir(F.current):void 0},[]),a.createElement(nn,{autoFocus:!0,returnFocus:!0,onActivation:A,disabled:u,crossFrame:L},a.createElement(un,{allowPinchZoom:o,enabled:!f},a.createElement(i,H({},N,{ref:M,"data-reach-dialog-overlay":"",onClick:ve(h,W),onKeyDown:ve(I,_),onMouseDown:ve(p,Y)}))))});ee.displayName="DialogOverlay",ee.propTypes=H({},ln);var me=Re(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:ve(i,function(u){u.stopPropagation()})}))});me.displayName="DialogContent",me.propTypes={"aria-label":Oe,"aria-labelledby":Oe};var Tt=Re(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(me,H({ref:n},f)))});Tt.displayName="Dialog",Tt.propTypes={isOpen:O.bool,onDismiss:O.func,"aria-label":Oe,"aria-labelledby":Oe};function Ir(e){let t=[],n=[],o=to(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 Oe(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&&!oo(e[t])?new Error("Invalid prop `"+t+"` supplied to `"+n+"`. Expected `string`, received `"+(Array.isArray(r)?"array":typeof r)+"`."):null}import{jsx as rt,jsxs as Fr}from"react/jsx-runtime";var fn=({label:e,close:t,children:n,modalBodyProps:o={},closeButtonProps:r={},isOpen:i,maxWidth:c="40em",...u})=>rt(ee,{"data-testid":"ladle-dialog-overlay",...u,isOpen:i,onDismiss:t,children:Fr(me,{"aria-label":e||"Modal","data-testid":"ladle-dialog",style:{maxWidth:c},children:[rt(lt,{...r,onClick:l=>{r.onClick?.(l),!l.isDefaultPrevented()&&t(l)}}),rt("div",{...o,className:Q("ladle-addon-modal-body",o?.id),children:n})]})});import dn from"react";import{createPortal as _r}from"react-dom";function ct(){return document.getElementsByClassName("ladle-addons")[0]?.getElementsByTagName("ul")?.[0]??null}var mn=(e,{position:t=0})=>{let[n]=dn.useState(document.createElement("li"));return dn.useEffect(()=>{let o=ct();if(!o){console.warn("Unable to find addon panel. Custom addons won't be mounted!");return}return Lr(o,n,t),()=>{o.removeChild(n)}},[t]),n?_r(e,n):null},Lr=(e,t,n)=>{t.setAttribute("data-position",n.toString()),e.insertBefore(t,Nr(Array.from(e.getElementsByTagName("li")),n))};function Nr(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 Mr,jsx as it,jsxs as pn}from"react/jsx-runtime";var hn=({icon:e,tooltip:t,children:n,badge:o=!1,label:r="",position:i=0,...c})=>{let u=o||["string","number"].includes(typeof o);return mn(pn(Mr,{children:[pn("button",{"aria-label":t,title:t,type:"button",...c,children:[e,it("span",{className:"ladle-addon-tooltip",children:t}),r&&it("label",{children:r}),u&&it("div",{className:"ladle-badge",children:o})]}),n]}),{position:i})};import{jsx as yn}from"react/jsx-runtime";var vc=({children:e,dialogProps:t={},...n})=>{let[o,r]=Br.useState(!1);return yn(hn,{...n,onClick:i=>{n.onClick?.(i),!i.isDefaultPrevented()&&r(!0)},className:Q(o&&"ladle-active",n.className),children:yn(fn,{isOpen:o,close:()=>r(!1),...t,children:e})})};export{vc as AddonDialogButton};
/*! *****************************************************************************
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.
***************************************************************************** */