https://www.prima.co.uk/_assets/fre/scopes/hdm/_next/static/chunks/pages/demos/jotai-0f3a304eac41f738.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[87664],{19988:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});var n=r(9954);function a(){return(0,n.Y)("div",{className:"SubtleText",suppressHydrationWarning:!0},"Last Rendered: ",Date.now())}},46949:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/demos/jotai",function(){return r(73071)}])},59181:(e,t,r)=>{"use strict";r.d(t,{K:()=>n});let n=(0,r(71055).createContext)(null)},65025:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>i});var n=r(12625),a=r(800),o=r(19988),l=r(9954);function i(){let e=(0,n.md)(a.WS);return(0,l.Y)("div",{className:"Box"},(0,l.Y)("h3",null,"Page Data Dump"),(0,l.Y)(o.A,null),(0,l.Y)("div",{className:"HeightLimit"},(0,l.Y)("pre",null,(0,l.Y)("code",null,JSON.stringify({pageData:e},null,2)))))}},72553:(e,t,r)=>{"use strict";r.d(t,{YL:()=>p.YL,Jo:()=>p.Jo,RZ:()=>M});var n=r(93682),a=r(53520),o=r(7751),l=r(71055),i=r(43114),d=r(12625),u=r(83222),s=r(47382),c=r(80166),m=r(59181),f=r(27168),p=r(25532),g=r(63062),h=r(22730);function b({media:e,load:t}){let r=(0,h.Ay)(e,null,h.BA);return(0,l.useEffect)(()=>{r&&t(r)},[e,r,t]),null}function y({media:e,load:t}){return(Array.isArray(e)?e:[e]).map((e,r)=>(0,o.Y)(b,{media:e,load:t},r))}let v=new WeakMap;new WeakMap;var Y=r(57679);let w=Symbol.for("next-lazy.preact-vnode-patched"),A={};e=r.hmd(e);let O=["lazyStrategy","suppressHydrationWarning","lazyId","lazyKey","lazyIslandTarget"];function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let S={suppressHydrationWarning:!0},x=new s.default("next-lazy"),T=Symbol("HOT_RELOAD"),D=Symbol("DISABLED_LOAD"),N=Symbol("INITIAL_HYDRATION_MISMATCH"),H="0"===c.Ay.RUNTIME_NEXT_LAZY,k=c.Ow;function P(e,t){if(!(t instanceof HTMLElement))return;let r=String(e).replace(/\\/g,"\\\\").replace(/"/g,'\\"'),n=t.parentElement??document,a=`[data-lazy-id="${r}"]`,o=Array.from(n.querySelectorAll(a));if(o.length<=1)return;let l=o.find(e=>e===t)??o.find(e=>"1"===e.getAttribute("data-hydrated"))??o.find(e=>"1"===e.getAttribute("data-loaded"))??o[o.length-1];o.forEach(e=>{e!==l&&e.remove()})}async function I(e,t=e?.subscription,r=2){if(!e||!t)return Error("Missing lazy component preload promise");try{return await e.then(e=>e.default??e)}catch(e){if(r>0)return t.retry(),I(t.promise(),t,r-1);return e}}function M(t,r={}){let{wrapper:n="div",wrapperProps:s,wrapperDynamicProps:c=[],suppressHydrationWarning:h,strategy:b=p.YL.INVIEW,inview:Y,atoms:w=[],forwardedRef:A=!0,hydrationRef:E=!1,progressive:j=n!==l.Fragment,renderOnMismatch:$=!1,media:_=null,island:C=!1,name:R=""}=r,z=C?!0===C?{reconcileDuplicates:!0}:{reconcileDuplicates:!1!==C.reconcileDuplicates,target:C.target}:null,F=!!z,W=z?.target,B=t?.opts?.ssr===!1,V="function"==typeof t?.preload;function q(r){var M;let C,q,{lazyStrategy:K,suppressHydrationWarning:J,lazyId:X,lazyKey:U,lazyIslandTarget:Z}=r,G=(0,a.A)(r,O),Q=(M=(0,l.useId)(),C=null!=U&&""!==U,q=X??(C?t?.opts?.id??M:M),C?`${q}:${String(U)}`:String(q)),ee=(0,d.md)(f.v),et=(0,d.md)(g.Xb),er=(0,l.useRef)(!0),en=(0,l.useContext)(m.K),ea=F?void 0:en?.parentId,{0:eo}=(0,l.useState)(()=>{var e;let t;return function(e,t,{restoreCachedMarkup:r=!0}={}){if(!(t instanceof HTMLElement))return null;let n=t.innerHTML;return n?(e.set(t,n),n):r?e.get(t)??n:n}(v,(e=Q,"u"<typeof document?null:document.querySelector((t=String(e).replace(/\\/g,"\\\\").replace(/"/g,'\\"'),`[data-lazy-id="${t}"]`))),void 0)}),{0:el,1:ei}=(0,l.useState)(null),[ed,eu,es=_]=ee?.[Q]??[],ec=Array.isArray(ed)?ed:void 0,em=!ec&&n!==l.Fragment&&(B||!V),{0:ef,1:ep}=(0,l.useState)(K||("number"==typeof eu?eu:b)),{0:eg,1:eh}=(0,l.useState)(es),{0:eb,1:ey}=(0,l.useState)(!1),ev=(0,l.useRef)(null),eY=(0,l.useRef)(null),ew=H||ef===p.YL.DISABLED,eA=J??h??s?.suppressHydrationWarning??k,{0:eO,1:eE}=(0,l.useState)(ew||!!(ea&&!eo)),{ref:eL,inView:eS,observer:ex}=(0,u.A)(L({inView:ef===p.YL.LOAD||eO,disabled:ef!==p.YL.INVIEW||eO,rootMargin:"50px 0px"},Y)),{0:eT,1:eD}=(0,l.useState)(!1),{0:eN,1:eH}=(0,l.useState)(null),{0:ek,1:eP}=(0,l.useState)(null),eI=F&&(W||void 0!==Z),eM=j&&!eO&&ek instanceof HTMLElement,ej=eI&&(ef===p.YL.STATIC||!eN||eM)&&!eO&&!eT,e$=(0,l.useCallback)(function(e,t){eO||("number"==typeof e&&e!==ef&&ep(e),void 0!==t&&eh(t))},[eO,ef]);e$.parentId=F?void 0:Q,e$.strategy=ef,e$.parentStrategy=ef;let e_=(0,l.useCallback)(()=>ev.current instanceof HTMLElement?ev.current:eL.current instanceof HTMLElement?eL.current:null,[ev,eL]),eC=(0,l.useCallback)(async e=>{if(eO||eT&&e!==D)return;let r=e_();if(j&&r?.dataset.hydrated)return void eD(!0);if(!(ec?.loading||r?.dataset.loading)){if(r?.dataset.error&&r.removeAttribute("data-error"),r&&(r.setAttribute("data-loading","1"),ex.current&&ex.current.unobserve(r)),ec?.length&&(r||(ec.loading=!0),await window.__NEXT_PRELOADREADY?.(ec)),e===D){if(V){let e=await I(t.preload?.());e instanceof Error&&x.error(`Failed to load disabled component: ${R}${Q}: ${e.message}`)}r?r.removeAttribute("data-loading"):ec&&(ec.loading=!1),eE(!0);return}if(e===N){r?r.removeAttribute("data-loading"):ec&&(ec.loading=!1),eE(!0);return}if(j&&!em&&r){let n=await I(t.preload?.());if(n instanceof Error){x.error(`Failed to load: ${R}${Q}: ${n.message}`),r.removeAttribute("data-loading"),r.setAttribute("data-error",n.message),ex.current&&ex.current.observe(r);return}if(!r.firstChild){r.removeAttribute("data-loading"),eE(!0);return}try{let t=r.innerHTML,a=r.children.length;(0,i.cn)(r,(0,o.Y)(m.K.Provider,{value:e$,children:(0,o.Y)(g.bF,{children:(0,o.Y)(n,L({},G))})}));let l=e===T;requestAnimationFrame(()=>{if(!l&&t!==r.innerHTML){if(eA||x.warn(`${R}${Q}: Text content does not match server-rendered HTML. Possible hydration mismatch. ${$?"Re-rendering as fallback.":""}`),$){r.removeAttribute("data-loading"),eE(!0);return}2*a===r.children.length&&(eA||x.warn(`${R}${Q}: Duplicate content found due to hydration mismatch. Removing extra children.`),Array.from(r.children).slice(0,a).forEac

1h(e=>{e instanceof HTMLElement&&e.remove()}))}r.setAttribute("data-hydrated","1"),r.removeAttribute("data-loading"),ei(r.innerHTML),F&&z?.reconcileDuplicates&&P(Q,r),x.log(`Succesfully hydrated: ${R}${Q}`,r),eD(!0)})}catch(t){let e=t instanceof Error?t.message:String(t);x.error(`Failed to hydrate ${R}${Q}: ${e}`),r.removeAttribute("data-loading"),r.setAttribute("data-error",e),eD(!0)}}else r?r.removeAttribute("data-loading"):ec&&(ec.loading=!1),eE(!0)}},[eO,eT,ec,G,em,ex,e$,Q,eA,e_]);(0,l.useEffect)(()=>{"number"==typeof K&&ep(e=>e===K?e:K)},[K]),(0,l.useEffect)(()=>{ew&&!eO&&eC(D)},[ew,eO,eC]),(0,l.useEffect)(()=>{if(n===l.Fragment)return;let e=e_();if(!(e instanceof HTMLElement))return;let t=e=>{let t=e instanceof CustomEvent?e.detail:void 0,r="number"==typeof t?.strategy?t.strategy:p.YL.LOAD;ep(e=>e===r?e:r),t?.media&&eh(t.media),eC()};return e.addEventListener(p.dx,t),()=>e.removeEventListener(p.dx,t)},[eC,e_,ek]),(0,l.useEffect)(()=>{if(!eI)return void eH(null);let e=!0,t=()=>{var t;let r,n=(t=G,(r=void 0!==Z?Z:"function"==typeof W?W({id:Q,props:t}):W)&&!("u"<typeof document)?r instanceof HTMLElement?r:"string"==typeof r?document.querySelector(r):null:null);e&&eH(e=>e===n?e:n)};t();let r=new MutationObserver(t);return r.observe(document.body,{subtree:!0,childList:!0}),()=>{e=!1,r.disconnect()}},[eI,Z,Q,G]),(0,l.useEffect)(()=>{if(!eI||!(eN instanceof HTMLElement)){ek&&ev.current===ek&&(ev.current=null),eP(null);return}let e=function(e,t){if(!(e instanceof HTMLElement))return null;let r=String(t).replace(/\\/g,"\\\\").replace(/"/g,'\\"');return e.querySelector(`[data-lazy-id="${r}"]`)}(eN,Q);eP(t=>t===e?t:e),e instanceof HTMLElement?ev.current=e:ek&&ev.current===ek&&(ev.current=null)},[eI,eN,ek,Q,ev]),(0,l.useEffect)(()=>{n===l.Fragment||eO||eT||em||eg||ef!==p.YL.STATIC||eo||eC()},[eO,eT,em,eg,ef,eo,eC]),(0,l.useEffect)(()=>{let t=er.current;if(er.current=!1,n===l.Fragment||eO||eT||em||ej)return;let r=e_();if(!(r instanceof HTMLElement)){let e=E?'"forwardedRef" or "hydrationRef"':'"forwardedRef"';x.error(`Hydration ref is not an HTMLElement ${R}${Q}. Use ${e}.`,n),eC();return}if(r.getAttribute("suppresshydrationwarning")){let e=t&&null!==eo&&r.innerHTML!==eo;if(t&&!e)return void r.removeAttribute("suppresshydrationwarning");let n=t?"Hydration mismatch":"Forced re-render";return x.error(`${n} occurred. Loading component: ${R}${Q}`),r.setAttribute("data-fallback",n),void eC(t&&$?N:void 0)}let a=e;a?.hot&&a.hot.addStatusHandler(e=>{"apply"===e&&eC(T)})},[eO,eT,em,Q,eC,ej,e_,eo]),(0,l.useEffect)(()=>{if(eO||eT){ex.current&&ex.current.disconnect();return}if(!eg||eb){if(ef===p.YL.INVIEW&&eS||ef===p.YL.LOAD)return void eC();if(ef===p.YL.IDLE){let e=window.requestIdleCallback??window.requestAnimationFrame,t=window.cancelIdleCallback??window.cancelAnimationFrame,r=()=>{let t=()=>eC();e?eY.current=e===window.requestIdleCallback?e(t,{timeout:2e3}):e(t):t()},n=()=>r();return"complete"===document.readyState?r():window.addEventListener("load",n,{once:!0}),()=>{window.removeEventListener("load",n);let e=eY.current;eY.current=null,null!=e&&t?.(e)}}ef===p.YL.STATIC&&eg&&eb&&ep(p.YL.INVIEW)}},[eS,eO,eT,eb,ef,eg,eC,ex]),(0,l.useEffect)(()=>{if(!F||!z?.reconcileDuplicates)return;let e=e_();e instanceof HTMLElement&&(eO||eT)&&P(Q,e)},[Q,eO,eT,e_]);let eR=eO||em?null:eT&&null!==el?el:eo,ez=n!==l.Fragment?L(L(L(L(L(L(L(L(L(L(L({},s),R&&{"data-lazy-name":R}),{},{"data-lazy-id":Q},F&&{"data-lazy-island":"1"}),ea&&{"data-lazy-parent":ea}),c&&!0===c&&G),!eO&&!eT&&!em&&S),null!==eR&&{dangerouslySetInnerHTML:{__html:eR},suppressHydrationWarning:!0}),eO&&{"data-loaded":"1"}),eT&&{"data-hydrated":"1"}),"string"!=typeof n&&A?{forwardedRef:eL}:{ref:eL}),"string"!=typeof n&&E&&{hydrationRef:ev}):void 0;ez&&Array.isArray(c)&&c.length&&(G=L({},G),c.forEach(e=>{let{prop:t,name:r=t,copy:n=!1}="string"==typeof e?{prop:e}:e;t&&r&&(ez[r]=G[t],n||delete G[t])}));let eF=(0,o.Y)(n,L(L({},ez),{},{children:null===eR&&eO?(0,o.Y)(t,L({},G)):null})),eW=ej||eI&&(!eN||eM)?null:eI?eN&&(0,l.createPortal)(eF,eN):eF;return(0,o.FD)(o.FK,{children:[et&&!eO?(0,o.Y)(g.bF,{load:e$}):null,!w.length||eO||eT?null:(0,o.Y)(g.kt,{atoms:w,load:e$}),!eg||eO||eT?null:(0,o.Y)(y,{media:eg,load:ey}),ew?eW:(0,o.Y)(m.K.Provider,{value:e$,children:eW})]})}return q.$$typeof=p.fr,q}H||function({disabled:e,LoadableContext:t}){e||!(0,Y.i)()||A[w]||Promise.resolve().then(r.bind(r,59063)).then(({options:e})=>

1{if(!e||"object"!=typeof e)return;let r=e.vnode;e.vnode=e=>{e.type===t.Provider&&e.props.value?.parentId&&!e.__m&&(e.__m=[e.props.value.parentId,0]),"function"==typeof r&&r(e)},A[w]=!0}).catch(()=>{})}({disabled:H,LoadableContext:m.K})},73071:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSP:()=>T,default:()=>D});var n=r(9954),a=r(68014),o=r.n(a),l=r(72553);let i={name:"1vbrumn",styles:":root{--container-max-width:1100px;}*,*:before,*:after{box-sizing:inherit;}html{box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;background:#f2f2f2;}h1,h2,h3,h4,h5,h6{font-weight:900;}h1{margin:3rem 0 0 0;line-height:0.9;}table{width:100%;border-collapse:collapse;border:1px solid #000;margin-top:1rem;}th{text-align:left;padding:0.5rem;border-bottom:1px solid #000;}th:first-of-type,td:first-of-type{border-right:1px solid #000;}td{padding:0.5rem;}pre,code{max-width:100%;overflow:auto;font-size:0.8rem;background:#f2f2f2;color:#000;}code{padding:0.15rem;border-radius:0.15rem;border:1px solid #ddd;}pre{border:1px solid #000;padding:0.5rem;display:block;}pre code{background:transparent;border:none;border-radius:0;}.HeightLimit{max-height:300px;overflow:scroll;}.Header{max-width:1200px;margin:0 auto;padding:0 2rem 0 4rem;}p{max-width:36rem;line-height:1.5;}h1{font-size:3rem;font-weight:900;}h2,h3{margin-top:0;}button{background:linear-gradient(0deg, #56e, #65e);color:#fff;font-size:1.4rem;display:block;width:100%;cursor:pointer;font-weight:900;padding:0.5rem;border:2px solid #444;border-radius:0.25rem;}button:hover{opacity:0.9;}.Container{display:grid;grid-gap:0;padding:0;width:var(--container-max-width);margin:0 auto;grid-template-columns:calc(var(--container-max-width) / 3) calc(var(--container-max-width) / 3) calc(var(--container-max-width) / 3);}@media screen and (max-width: 1100px){.Header{padding:1rem;}.Container{grid-template-columns:1fr;max-width:100%;}}.Box{padding:1rem;background:#fff;border-radius:0.25rem;box-shadow:0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1);margin:1rem;}.SubtleText{font:0.8rem monospace;padding:0;color:#999;margin-top:0.25rem;}"};var d=r(19988),u=r(800);function s(){let e=(0,u.BV)("cats");return(0,n.Y)("div",{className:"Box"},(0,n.Y)("h2",null,"Cats"),(0,n.Y)(d.A,null),(0,n.Y)("p",null,"This component uses ",(0,n.Y)("code",null,"cats")," and ",(0,n.Y)("code",null,"randomNumbers")," data from the"," ",(0,n.Y)("code",null,"pageDataAtom")," using the ",(0,n.Y)("code",null,"usePageDataAtom")," hook. It should only re-render when the ",(0,n.Y)("code",null,"cats")," value changes."),(0,n.Y)("div",{className:"HeightLimit"},(0,n.Y)("table",null,(0,n.Y)("thead",null,(0,n.Y)("tr",null,(0,n.Y)("th",null,"Name"),(0,n.Y)("th",null,"Variant"))),(0,n.Y)("tbody",null,Array.isArray(e)?e.map(({id:e,variant:t,name:r})=>(0,n.Y)("tr",{key:e},(0,n.Y)("td",null,r),(0,n.Y)("td",null,t))):null))))}var c=r(65025),m=r(93682),f=r(12625);function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach(function(t){(0,m.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function h(){let e=(0,f.Xr)(u.WS);return(0,n.Y)("div",{className:"Box"},(0,n.Y)("button",{type:"button",onClick:t=>{t.preventDefault(),e(e=>g(g({},e),{},{randomNumbers:[...e.randomNumbers,Math.round(100*Math.random())]}))}},"\uD83C\uDFB2 Add Random Number"),(0,n.Y)(d.A,null),(0,n.Y)("p",null,"Updates the ",(0,n.Y)("code",null,"randomNumbers")," key of the ",(0,n.Y)("code",null,"pageDataAtom"),"."))}let b=["bill","frank","janet","will","anne","marcy","samantha","gordy","chet","patricia","sharon","melanie"],y=["tabby","persian","sphynx","english shorthair","tuxedo","alley","siberian","norweigan forest","siamese","turkish angora"];function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function Y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?v(Object(r),!0).forEach(function(t){(0,m.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function w(){let e=(0,f.Xr)(u.WS);return(0,n.Y)("div",{className:"Box"},(0,n.Y)("button",{type:"button",onClick:t=>{t.preventDefault(),e(e=>Y(Y({},e),{},{cats:[...e.cats,{id:`uid-${1e5*Math.random()}`,name:b[Math.floor(Math.random()*b.length)],variant:y[Math.floor(Math.random()*y.length)]}]}))}},"\uD83D\uDC08 Add Cat"),(0,n.Y)(d.A,null),(0,n.Y)("p",null,"Updates the ",(0,n.Y)("code",null,"cats")," key of the ",(0,n.Y)("code",null,"pageDataAtom"),"."))}function A(){let e=(0,u.BV)("randomNumbers");return(0,n.Y)("div",{className:"Box"},(0,n.Y)("h2",null,"Random Numbers"),(0,n.Y)(d.A,null),(0,n.Y)("p",null,"This component uses the ",(0,n.Y)("code",null,"randomNumbers")," data from the ",(0,n.Y)("code",null,"pageDataAtom")," ","using the ",(0,n.Y)("code",null,"usePageDataAtom")," hook. It should only re-render when there is another random number added."),(0,n.Y)("div",{className:"HeightLimit"},(0,n.Y)("pre",null,(0,n.Y)("code",null,JSON.stringify({randomNumbers:e},null,2)))))}var O=r(71055);let E=["cats","randomNumbers"];function L(){let{0:e,1:t}=(0,O.useState)(E[0]),r=(0,u.BV)(e);return(0,n.Y)("div",{className:"Box"},(0,n.Y)("button",{type:"button",onClick:()=>{let r=(E.indexOf(e)+1)%E.length;t(E[r])}},"Click This Button To Toggle The Value We Watch"),(0,n.Y)(d.A,null),(0,n.Y)("p",null,(0,n.Y)("code",null,`Key: ${e}`)),(0,n.Y)("pre",null,(0,n.Y)("code",null,JSON.stringify(r,null,2))))}var S=r(71055);let x=(0,l.RZ)(o()(()=>Promise.resolve().then(r.bind(r,65025)),{id:"06f5aa0",loadableGenerated:{webpack:()=>[65025]}}),{atoms:[u.WS],strategy:l.YL.STATIC});var T=!0;function D(){return(0,n.Y)(S.Fragment,null,(0,n.Y)(n.mL,{styles:i}),(0,n.Y)("div",{className:"Header"},(0,n.Y)("div",null,(0,n.Y)("h1",null,"Jotai Demo"),(0,n.Y)(d.A,null),(0,n.Y)("p",null,"An example of using Jotai to store our global page data state. This demo shows updating this state, and then use a function to dynamically generate atoms for subscribers to the global state. The generated atoms ensure that only the components who subscribe to data that changed are re-rendered."))),(0,n.Y)("div",{className:"Container"},(0,n.Y)("div",null,(0,n.Y)(c.default,null),(0,n.Y)("div",{className:"Box"},(0,n.Y)("h3",null,"Interactive Component"),(0,n.Y)("p",null,"The following box is a component loaded using our ",(0,n.Y)("code",null,"interactive")," utility."),(0,n.Y)(x,null))),(0,n.Y)("div",null,(0,n.Y)(h,null),(0,n.Y)(A,null)),(0,n.Y)("div",null,(0,n.Y)(w,null),(0,n.Y)(s,null),(0,n.Y)(L,null))))}}},e=>{e.O(0,[46593,90636,38792],()=>e(e.s=46949)),_N_E=e.O()}]);