(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95867],{90231:(e,s,t)=>{"use strict";t.d(s,{Z:()=>a});/**
 * @license lucide-react v0.460.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */let a=(0,t(43349).Z)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]])},84190:(e,s,t)=>{"use strict";t.d(s,{Z:()=>a});/**
 * @license lucide-react v0.460.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */let a=(0,t(43349).Z)("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]])},18056:(e,s,t)=>{"use strict";t.d(s,{Z:()=>a});/**
 * @license lucide-react v0.460.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */let a=(0,t(43349).Z)("ChevronUp",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]])},33747:(e,s,t)=>{"use strict";t.d(s,{Z:()=>a});/**
 * @license lucide-react v0.460.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */let a=(0,t(43349).Z)("OctagonAlert",[["path",{d:"M12 16h.01",key:"1drbdi"}],["path",{d:"M12 8v4",key:"1got3b"}],["path",{d:"M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z",key:"1fd625"}]])},66596:(e,s,t)=>{"use strict";t.d(s,{Z:()=>a});/**
 * @license lucide-react v0.460.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */let a=(0,t(43349).Z)("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},15128:(e,s,t)=>{"use strict";t.d(s,{Z:()=>C});var a=t(67841);t(79477);var n=t(64833),r=t(18056),l=t(70428),i=t(90231),o=t(84190),c=t(97718),d=t(45700),p=t(74631);function u(e){let{distance:s,animateTransitions:t,flipTextSide:n,multiple:r=1,unit:l="px",...i}=e,o=(0,c.q_)({from:{number:!0===t?0:s},number:s,immediate:!t});return(0,a.jsxs)(h,{as:!0===t?d.E.div:"div",style:{width:!0===t?void 0:s,height:20},animate:!0===t?{width:s}:void 0,...i,children:[(0,a.jsx)(x,{children:(0,a.jsxs)(v,{children:[(0,a.jsx)(z,{size:20}),(0,a.jsx)(g,{size:20}),(0,a.jsx)(I,{})]})}),(0,a.jsx)(q,{style:{top:n?-16:16},children:o.number.to(e=>{let s="px"===l?Math.round(e*r):(0,p.RW)(e/16*r,1).toFixed(1);return e<40?s:s+l})})]})}function m(e){let{distance:s,animateTransitions:t,multiple:n=1,...r}=e,l=(0,c.q_)({from:{number:0},number:s,immediate:!t});return(0,a.jsxs)(h,{as:t?d.E.div:"div",style:{width:20,height:t?void 0:s},animate:{height:t?s:void 0},...r,children:[(0,a.jsx)(x,{style:{opacity:s<16?0:1},children:(0,a.jsxs)(y,{children:[(0,a.jsx)(f,{size:20}),(0,a.jsx)(w,{size:20}),(0,a.jsx)(A,{})]})}),(0,a.jsx)(S,{children:l.number.to(e=>Math.round(e*n)+"px")})]})}let h=(0,n.z)(d.E.div)({name:"Wrapper",class:"w1mbq51h",propsAsIs:!0}),x=(0,n.z)("div")({name:"ArrowWrapper",class:"agjw958",propsAsIs:!1}),j=(0,n.z)("div")({name:"ArrowElem",class:"a15b5ky0",propsAsIs:!1}),y=(0,n.z)(j)({name:"VerticalArrowElem",class:"vt3r0v5",propsAsIs:!0}),v=(0,n.z)(j)({name:"HorizontalArrowElem",class:"h8ja5sk",propsAsIs:!0}),f=(0,n.z)(r.Z)({name:"Up",class:"u8eocc7",propsAsIs:!0}),w=(0,n.z)(l.Z)({name:"Down",class:"d1phaa8",propsAsIs:!0}),z=(0,n.z)(i.Z)({name:"Left",class:"l1xa6ime",propsAsIs:!0}),g=(0,n.z)(o.Z)({name:"Right",class:"r15impnm",propsAsIs:!0}),b=(0,n.z)("div")({name:"Shaft",class:"sqdmb0l",propsAsIs:!1}),A=(0,n.z)(b)({name:"VerticalShaft",class:"vfrhcon",propsAsIs:!0}),I=(0,n.z)(b)({name:"HorizontalShaft",class:"h1o8euj3",propsAsIs:!0}),k=(0,n.z)(c.q.span)({name:"Label",class:"l18fzpc6",propsAsIs:!0}),S=(0,n.z)(k)({name:"VerticalLabel",class:"vcbaeky",propsAsIs:!0}),q=(0,n.z)(k)({name:"HorizontalLabel",class:"hguumh5",propsAsIs:!0}),C=function(e){let{distance:s,animateTransitions:t,flipTextSide:n,multiple:r=1,axis:l,unit:i="px",...o}=e;return(0,a.jsx)("horizontal"===l?u:m,{distance:s,animateTransitions:t,flipTextSide:n,multiple:r,unit:i,...o})};t(73914)},3366:(e,s,t)=>{"use strict";t.d(s,{Z:()=>c});var a=t(67841);t(79477);var n=t(64833),r=t(97718),l=t(69448),i=t(32109);let o=(0,n.z)("svg")({name:"Svg",class:"s1c9ipa9",propsAsIs:!1}),c=function(e){let{size:s=20,isPressed:t,isBooped:n,...c}=e,d=(0,l.Z)(),p={tension:300,friction:16,clamp:!!t},u=(0,r.q_)({...(0,i.f4)(t&&!d?"closing":"open",n),config:p}),m=(0,r.q_)({...(0,i.l1)(t&&!d?"closing":"open",n),config:p});return(0,a.jsxs)(o,{width:s/16+"rem",height:s/16+"rem",viewBox:"0 0 24 24",fill:"none",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...c,children:[(0,a.jsx)(r.q.line,{...u}),(0,a.jsx)(r.q.line,{...m})]})};t(58711)},81459:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>k});var a=t(67841),n=t(79477),r=t(64833),l=t(63197),i=t(66834),o=t(61098),c=t(33747),d=t(97718),p=t(82059),u=t(69448),m=t(95207),h=t(3366),x=t(21364),j=t(34308),y=t(53725);let v={info:l.Z,success:i.Z,warning:o.Z,error:c.Z},f=(0,r.z)("div")({name:"OuterWrapper",class:"ozep5mv",propsAsIs:!1}),w=(0,r.z)("button")({name:"CloseButton",class:"c1hag6y0",propsAsIs:!1}),z=(0,r.z)(x.M4)({name:"Wrapper",class:"waf1f9y",propsAsIs:!0}),g=(0,r.z)("div")({name:"TimeColumn",class:"tbw5dg6",propsAsIs:!1}),b=(0,r.z)("div")({name:"TimeRemaining",class:"t169lyus",propsAsIs:!1}),A=(0,r.z)("div")({name:"Main",class:"m15wgv93",propsAsIs:!1}),I=(0,r.z)("h2")({name:"Heading",class:"hl4y0lt",propsAsIs:!1}),k=function(e){let{id:s,type:t,title:r,handleDismiss:l,popTimeout:i=400,children:o,...c}=e,x=v[t],k=(0,u.Z)(),[S,q]=n.useState(!1),[C,Z]=n.useState(!1),[M,W]=n.useState("idle"),[T,E]=n.useState(3e4);n.useEffect(()=>{let e=window.setTimeout(()=>q(Date.now()),i);return()=>{window.clearTimeout(e)}},[i]),n.useEffect(()=>{if("booped"!==M)return;let e=window.setTimeout(()=>{W("idle")},150);return()=>{window.clearTimeout(e)}},[M]),n.useEffect(()=>{if(S)return window.addEventListener("keydown",e,{capture:!0}),()=>{window.removeEventListener("keydown",e,{capture:!0})};function e(e){"Escape"===e.key&&q(!1)}},[S]);let P="number"==typeof S&&"number"==typeof T&&T>0&&!C;(0,m.Z)(()=>{if("number"!=typeof S)return;let e=Math.max(0,3e4-(Date.now()-S));0===e&&window.setTimeout(()=>q(!1),500),E(e)},P);let R=(0,d.q_)({from:{transform:"translateY(150%)"},to:{transform:S?"translateY(0px)":"translateY(150%)"},config:{tension:350,friction:20,mass:2,precision:.001},immediate:k}),D=n.useRef(!1),F=n.useRef();F.current=l,n.useEffect(()=>{let e;return S?D.current=!0:D.current&&(e=window.setTimeout(F.current,500)),()=>window.clearTimeout(e)},[S]);let L="color".concat(t[0].toUpperCase()).concat(t.slice(1),"500");return(0,a.jsx)(y.Z,{children:(0,a.jsx)(f,{...c,onMouseEnter:e=>{Z(!0),"function"==typeof c.onMouseEnter&&c.onMouseEnter(e)},onFocus:e=>{Z(!0),"function"==typeof c.onFocus&&c.onFocus(e)},"data-test":"toast","data-test-type":t,"data-test-title":r,"data-test-body":o,"data-toast-id":s,children:(0,a.jsxs)(z,{as:d.q.div,style:{"--h":p.Ue[L][0]+"deg","--s":p.Ue[L][1]+"%","--l":p.Ue[L][2]+"%",...R},children:[(0,a.jsx)(g,{children:(0,a.jsx)(b,{style:{"--transform":"scaleY(".concat("number"!=typeof T||C?1:T/3e4,")"),"--transition":P?"none":"transform 400ms","--gradient-opacity":P?1:0}})}),(0,a.jsx)(x,{size:24,style:{color:"hsl(var(--h) var(--s) var(--l))"}}),(0,a.jsxs)(A,{children:[(0,a.jsx)(I,{children:r}),"string"==typeof o?(0,a.jsx)("p",{children:o}):o]}),(0,a.jsxs)(w,{onClick:()=>q(!1),onMouseEnter:()=>W("booped"),onMouseLeave:()=>W("idle"),onMouseDown:()=>W("pressed"),onMouseUp:()=>W("idle"),children:[(0,a.jsx)(h.Z,{size:24,isPressed:"pressed"===M,isBooped:"booped"===M}),(0,a.jsx)(j.Z,{children:"Dismiss Toast"})]})]})})})};t(5533)},22913:(e,s,t)=>{"use strict";t.d(s,{Z:()=>a.default});var a=t(81459)},95867:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>eO});var a=t(67841),n=t(79477),r=t(64833),l=t(43349);/**
 * @license lucide-react v0.460.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */let i=(0,l.Z)("Globe",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]]),o=(0,l.Z)("Briefcase",[["path",{d:"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16",key:"jecpp"}],["rect",{width:"20",height:"14",x:"2",y:"6",rx:"2",key:"i6l2r4"}]]),c=(0,l.Z)("Calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]]),d=(0,l.Z)("Hash",[["line",{x1:"4",x2:"20",y1:"9",y2:"9",key:"4lhtct"}],["line",{x1:"4",x2:"20",y1:"15",y2:"15",key:"vyu0kd"}],["line",{x1:"10",x2:"8",y1:"3",y2:"21",key:"1ggp8o"}],["line",{x1:"16",x2:"14",y1:"3",y2:"21",key:"weycgp"}]]);var p=t(74631),u=t(77528),m=t(62867),h=t(22913);let x="profile-card-action-toast",j=(0,r.z)("div")({name:"Actions",class:"act9n2c",propsAsIs:!1}),y=(0,r.z)("button")({name:"Action",class:"at8jntl",propsAsIs:!1}),v=(0,r.z)(y)({name:"PrimaryAction",class:"pdc9phi",propsAsIs:!0}),f=(0,r.z)(y)({name:"SecondaryAction",class:"s8u1p3t",propsAsIs:!0}),w=function(){let[e,s]=n.useState(!1);function t(){if(e){s(!1),window.setTimeout(()=>{s(!0)},100);return}document.querySelector('[data-toast-id="'.concat(x,'"]'))||s(!0)}return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(j,{children:[(0,a.jsx)(f,{onClick:t,children:"Follow"}),(0,a.jsx)(v,{onClick:t,children:"Message"})]}),e&&(0,a.jsx)(h.Z,{id:x,type:"error",title:"Not real buttons",handleDismiss:()=>s(!1),popTimeout:0,children:"These buttons don’t actually do anything, they’re just for show!"})]})};t(63163);let z=["#F4A1C1","#B588EF","#7EE5E6","#A3E7AC","#EDEB97","#F9BCAF"],g=(0,r.z)(m.Z)({name:"Wrapper",class:"w1oihum1",propsAsIs:!0}),b=(0,r.z)("div")({name:"AvatarWrapper",class:"a1v0kyqm",propsAsIs:!1}),A=(0,r.z)("img")({name:"Avatar",class:"a9bdap5",propsAsIs:!1}),I=(0,r.z)("p")({name:"NameAndHandle",class:"nxb64my",propsAsIs:!1}),k=(0,r.z)("span")({name:"Name",class:"nt73zxa",propsAsIs:!1}),S=(0,r.z)("span")({name:"Handle",class:"h5vnfkj",propsAsIs:!1}),q=(0,r.z)("ul")({name:"Deets",class:"d4gwkq5",propsAsIs:!1}),C=(0,r.z)("li")({name:"Item",class:"iwoykth",propsAsIs:!1}),Z=(0,r.z)("span")({name:"TextClamp",class:"t1k3jjl6",propsAsIs:!1}),M=function(e){var s;let{avatarBackdropIndex:t,avatarIndex:r,name:l,handle:m,city:h,country:x,job:j,...y}=e,[v]=n.useState(()=>null!=t?t:(0,p.MX)(0,z.length-1)),[f]=n.useState(()=>null!=r?r:(0,p.MX)(1,16)),[M]=n.useState(()=>null!=l?l:(0,u.rF)()),[W]=n.useState(()=>null!=m?m:(0,u.p8)(M)),[[T,E]]=n.useState(()=>h&&x?[h,x]:(0,u.Tn)()),[P]=n.useState(()=>null!=j?j:(0,u.Yt)()),[R]=n.useState(()=>new Date((0,p.MX)(2010,2025),(0,p.MX)(0,11),(0,p.MX)(1,28))),[D]=n.useState(()=>(0,p.MX)(2,2345)),F="/images/peeps/".concat(String(f).padStart(3,"0"),".png"),L=null!==(s=z[v])&&void 0!==s?s:z[0];return(0,a.jsxs)(g,{...y,children:[(0,a.jsx)(b,{style:{"--bg":L},children:(0,a.jsx)(A,{alt:"",src:F})}),(0,a.jsxs)(I,{children:[(0,a.jsx)(k,{children:M}),(0,a.jsxs)(S,{children:["@",W]})]}),(0,a.jsxs)(q,{children:[(0,a.jsxs)(C,{children:[(0,a.jsx)(i,{size:18}),(0,a.jsxs)(Z,{children:[T,", ",E]})]}),(0,a.jsxs)(C,{children:[(0,a.jsx)(o,{size:18}),(0,a.jsx)(Z,{children:P})]}),(0,a.jsxs)(C,{children:[(0,a.jsx)(c,{size:18}),R.toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"})]}),(0,a.jsxs)(C,{children:[(0,a.jsx)(d,{size:18}),D," Posts"]})]}),(0,a.jsx)(w,{})]})};t(40297);var W=t(81431),T=t(66596),E=t(97718);let P=(0,r.z)(E.q.span)({name:"Wrapper",class:"w10os1y8",propsAsIs:!0}),R=function(e){let{size:s=20,isBooped:t,changeKey:r,...l}=e,[i,o]=n.useState(0),c=n.useRef(r);n.useEffect(()=>{r!==c.current&&o(e=>e+180)},[r]);let d=(0,E.q_)({transform:"rotate(".concat(t?i-64:i,"deg)")});return(0,a.jsx)(P,{style:d,children:(0,a.jsx)(T.Z,{size:s})})};t(24581);var D=t(38339);let F=(0,r.z)(m.Z)({name:"Wrapper",class:"w11gfz5q",propsAsIs:!0}),L=function(e){return(0,a.jsx)(F,{...e,children:(0,a.jsx)(D.Z,{})})};t(78412);let B=(0,r.z)("div")({name:"OuterWrapper",class:"o1c85q28",propsAsIs:!1}),V=(0,r.z)("div")({name:"Wrapper",class:"wm9vynf",propsAsIs:!1}),O=(0,r.z)("button")({name:"RefreshButton",class:"r1lxvgy6",propsAsIs:!1});t(51281);let H=(0,r.z)("div")({name:"Wrapper",class:"w10vw3sr",propsAsIs:!1}),_=(0,r.z)("div")({name:"CardWrapper",class:"c35z2b7",propsAsIs:!1});t(45692);var N=t(55158);let U=(0,r.z)("div")({name:"DesktopOnly",class:"dtoxwjb",propsAsIs:!1}),X=(0,r.z)("div")({name:"MobileFallback",class:"m1moa004",propsAsIs:!1}),Y=(0,r.z)("div")({name:"Wrapper",class:"w1y67q3j",propsAsIs:!1}),G=(0,r.z)("div")({name:"CardWrapper",class:"c1gem8nb",propsAsIs:!1}),J=(0,r.z)("img")({name:"Image",class:"iisidno",propsAsIs:!1});t(89972);var K=t(81864),Q=t.n(K),$=t(87740),ee=t(15128);let es=(0,r.z)("div")({name:"OutputWrapper",class:"owg32ql",propsAsIs:!1}),et=(0,r.z)("div")({name:"MetadataLayoutIndicator",class:"m19mb36q",propsAsIs:!1}),ea=(0,r.z)("div")({name:"LayoutValue",class:"l1pkai3d",propsAsIs:!1}),en=(0,r.z)("div")({name:"MetadataWrapper",class:"mb9pa39",propsAsIs:!1}),er=(0,r.z)("div")({name:"WidthIndicator",class:"w1t2s1hn",propsAsIs:!1}),el=(0,r.z)("div")({name:"Metadata",class:"m1iz4qre",propsAsIs:!1}),ei=(0,r.z)("div")({name:"Header",class:"h1xgbvfz",propsAsIs:!1}),eo=(0,r.z)("div")({name:"Line",class:"l1uelmzs",propsAsIs:!1}),ec=(0,r.z)("span")({name:"Key",class:"k1qrap7q",propsAsIs:!1}),ed=(0,r.z)("span")({name:"Value",class:"v16bqo69",propsAsIs:!1}),ep=(0,r.z)("div")({name:"Body",class:"b16zruhm",propsAsIs:!1});t(16611);var eu=t(45700);let em=(0,r.z)(eu.E.div)({name:"Wrapper",class:"wz5cj0s",propsAsIs:!0}),eh=(0,r.z)(eu.E.p)({name:"Title",class:"tcgk9x4",propsAsIs:!0}),ex=(0,r.z)("dl")({name:"Row",class:"r2my5zi",propsAsIs:!1}),ej=(0,r.z)("dt")({name:"Label",class:"lgv49wq",propsAsIs:!1}),ey=(0,r.z)("dd")({name:"Value",class:"v1xvnc9l",propsAsIs:!1}),ev=(0,r.z)(eu.E.div)({name:"Divider",class:"dnq6j8n",propsAsIs:!0}),ef=(0,r.z)(eu.E.span)({name:"Motion",class:"m1109chk",propsAsIs:!0});t(35300);var ew=t(98585);let ez="Hello world! This is a sentence that includes several different words, but contains no real meaning.",eg=(0,r.z)(m.Z)({name:"OutputWrapper",class:"owu2orl",propsAsIs:!0}),eb=(0,r.z)("div")({name:"SliderWrapper",class:"s1ildd3l",propsAsIs:!1}),eA=(0,r.z)("div")({name:"Wrapper",class:"w1a877nv",propsAsIs:!1}),eI=(0,r.z)("div")({name:"Sentence",class:"s4uteva",propsAsIs:!1}),ek=(0,r.z)("div")({name:"ArrowWrapper",class:"a1rqk0u8",propsAsIs:!1});t(28741);let eS=(0,r.z)("div")({name:"SliderWrapper",class:"s1lsdu1t",propsAsIs:!1}),eq=(0,r.z)(m.Z)({name:"Wrapper",class:"w8vhxud",propsAsIs:!0}),eC=(0,r.z)("div")({name:"Group",class:"gcy3zv3",propsAsIs:!1}),eZ=(0,r.z)("div")({name:"Sentence",class:"svcjyc6",propsAsIs:!1}),eM=(0,r.z)("div")({name:"ArrowWrapper",class:"a26ileo",propsAsIs:!1});t(14395);var eW=t(29273);let eT="Hello world! This is a sentence that includes several different words.",eE=eT.length,eP=(0,r.z)("div")({name:"SliderWrapper",class:"sl2v57h",propsAsIs:!1}),eR=(0,r.z)("div")({name:"Wrapper",class:"w26yazv",propsAsIs:!1}),eD=(0,r.z)("div")({name:"Sentence",class:"sae4cet",propsAsIs:!1}),eF=(0,r.z)("div")({name:"ArrowWrapper",class:"a1ambr24",propsAsIs:!1});t(43619);var eL=t(6103);let eB=(0,r.z)("div")({name:"Wrapper",class:"wcs4idl",propsAsIs:!1});t(28451);let eV={ProfileCard:M,SoloProfileCard:function(e){let{}=e,[s,t]=n.useState(0),[r,l]=n.useState(!1),i=(0,W.Z)();return(0,a.jsx)(B,{children:(0,a.jsxs)(V,{children:[i?(0,a.jsx)(M,{},"render"+s):(0,a.jsx)(L,{}),(0,a.jsx)(O,{onClick:()=>{t(s+1),l(!1)},onMouseDown:()=>l(!0),onMouseLeave:()=>l(!1),children:(0,a.jsx)(R,{isBooped:r,changeKey:s})})]})})},TripletProfileCard:function(){let e=(0,W.Z)();return(0,a.jsx)(H,{children:e?[(0,a.jsx)(_,{children:(0,a.jsx)(M,{avatarBackdropIndex:0,avatarIndex:5,name:"Anthony Harris",handle:"theboxmodel",city:"San Francisco",country:"US",job:"Staff UI/UX Designer"})},"card-1"),(0,a.jsx)(_,{children:(0,a.jsx)(M,{avatarBackdropIndex:2,avatarIndex:12,name:"Dr. Kai Bechstein",handle:"pianofingers",city:"Berlin",country:"DE",job:"Physician"})},"card-2"),(0,a.jsx)(_,{children:(0,a.jsx)(M,{avatarBackdropIndex:4,avatarIndex:13,name:"Faajal Singh",handle:"faajal31",city:"Vancouver",country:"CA",job:"Principal Engineer"})},"card-3")]:[(0,a.jsx)(L,{},"loader-1"),(0,a.jsx)(L,{},"loader-2"),(0,a.jsx)(L,{},"loader-3")]})},ProfileCardDemo:function(){let e=(0,W.Z)();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(U,{children:(0,a.jsx)(N.ZP,{initialValues:{numOfCards:3},controlPosition:"top",outputWrapper:null,controlStyles:{gridTemplateColumns:"min(".concat(440,"px, 100%) !important"),justifyContent:"center"},controls:[(0,a.jsx)(N.vn,{id:"numOfCards",name:"numOfCards",label:"Number of Profiles",min:1,max:6},"numOfCards")],children:s=>{let{numOfCards:t}=s,n=3===t?420:305,r="".concat(n/16,"rem");return(0,a.jsx)(Y,{"data-num-of-cards":t,children:(0,p.w6)(t).map(s=>e?(0,a.jsx)(G,{children:(0,a.jsx)(M,{})},"card-".concat(s)):(0,a.jsx)(L,{style:{height:r}},"loader-".concat(s)))})}})}),(0,a.jsx)(X,{children:(0,a.jsx)(J,{loading:"lazy",src:"/images/container-queries/card-grid-demo.png"})})]})},EmailLayoutDemo:function(e){let{type:s}=e,t=n.useRef(null),r=(0,$.Z)(t);return(0,a.jsx)(N.ZP,{ref:t,initialValues:{width:100},controlPosition:"top",outputWrapper:null,controlStyles:{gridTemplateColumns:"min(".concat(440,"px, 100%) !important"),justifyContent:"center"},controls:[(0,a.jsx)(N.vn,{id:"width",name:"width",label:"Window Width",min:1,max:100,previewRenderer:()=>null},"width")],children:e=>{let{width:t}=e;if(!r)return null;let n=Math.min(r.width,440),l=Math.round((0,p.Fv)(t,1,100,120,n)),i=l>=(window.innerWidth,250),o=l-16,c=o-8,d=i?Math.round(.42*c):o,u=i?c-d:o,m="sparse";return"showing-metadata-layout"===s&&(m=d>150?"sparse":"condensed"),(0,a.jsxs)(a.Fragment,{children:["showing-metadata-layout"===s&&(0,a.jsxs)(et,{children:[(0,a.jsx)(ea,{"data-matched":"sparse"===m,children:"Sparse"}),(0,a.jsx)(ea,{"data-matched":"condensed"===m,children:"Condensed"})]}),(0,a.jsxs)(es,{style:{width:l,marginTop:"showing-metadata-width"===s?48:8},children:[(0,a.jsxs)(en,{style:{width:d,minWidth:d},children:["showing-metadata-width"===s&&(0,a.jsx)(er,{children:(0,a.jsx)(ee.Z,{axis:"horizontal",unit:"rem",flipTextSide:!0,distance:d,multiple:2})}),(0,a.jsxs)(el,{className:Q().className,"data-layout":m,children:[(0,a.jsx)(ei,{children:"Subject line here"}),(0,a.jsxs)(eo,{children:[(0,a.jsx)(ec,{children:"From:"}),(0,a.jsx)(ed,{children:"Jerica Lancaster"})]}),(0,a.jsxs)(eo,{children:[(0,a.jsx)(ec,{children:"Reply:"}),(0,a.jsx)(ed,{children:"Jerica@email.com"})]}),(0,a.jsxs)(eo,{children:[(0,a.jsx)(ec,{children:"Date:"}),(0,a.jsx)(ed,{children:"January 1"})]})]})]}),(0,a.jsxs)(ep,{style:{width:u,minWidth:u},className:Q().className,children:[(0,a.jsx)("p",{children:"Hi, screen-reader users! This is a scribble intended to represent text in an email."}),(0,a.jsx)("p",{children:"You can ignore all text in this container."})]})]})]})}})},MetadataSparseVsCondensed:function(){let e=n.useRef(null),s=(0,$.Z)(e),t=new Date(new Date).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"});return(0,a.jsx)(N.ZP,{ref:e,initialValues:{layoutType:"sparse"},controlPosition:"top",outputWrapper:null,controlStyles:{gridTemplateColumns:"min(".concat(440,"px, 100%) !important"),justifyContent:"center"},controls:[(0,a.jsx)(N.aU,{id:"layoutType",label:"Layout Type",inline:!0,options:[{value:"sparse",label:"Sparse"},{value:"condensed",label:"Condensed"}]},"layoutType")],children:e=>{let{layoutType:n}=e;if(!s)return null;let r=Math.min(s.width,440);return(0,a.jsxs)(em,{layout:!0,"data-layout-type":n,style:{width:"sparse"===n?r:.75*r},children:[(0,a.jsx)(eh,{layout:!0,children:(0,a.jsx)(ef,{layout:!0,children:"Some thoughts about passion…"})}),(0,a.jsxs)(ex,{children:[(0,a.jsx)(ej,{children:(0,a.jsx)(ef,{layout:!0,children:"From"})}),(0,a.jsx)(ey,{children:(0,a.jsx)(ef,{layout:!0,children:"Jerica W. Lancaster"})})]}),(0,a.jsx)(eu.E.div,{layout:!0,children:(0,a.jsx)(ev,{layout:!0})}),(0,a.jsxs)(ex,{children:[(0,a.jsx)(ej,{children:(0,a.jsx)(ef,{layout:!0,children:"Reply-To"})}),(0,a.jsx)(ey,{children:(0,a.jsx)(ef,{layout:!0,children:"support@joshwcomeau.com"})})]}),(0,a.jsx)(eu.E.div,{layout:!0,children:(0,a.jsx)(ev,{layout:!0})}),(0,a.jsxs)(ex,{style:{borderBottom:"revert"},children:[(0,a.jsx)(ej,{children:(0,a.jsx)(ef,{layout:!0,children:"Sent"})}),(0,a.jsx)(ey,{children:(0,a.jsx)(ef,{layout:!0,children:t})})]})]})}})},FitContentDemo:function(){let e=n.useRef(null),[s,t]=n.useState(12),[r,l]=n.useState(null);return n.useEffect(()=>{e.current&&l(e.current.getBoundingClientRect().width)},[s]),(0,a.jsx)(N.ZP,{initialValues:{},outputWrapper:eg,controlPosition:"top",controlStyles:{gridTemplateColumns:"min(500px, 100%) !important",justifyContent:"center"},renderAltControls:()=>(0,a.jsx)(eb,{children:(0,a.jsx)(ew.Z,{id:"numOfCharacters",name:"numOfCharacters",label:"Num of Characters",value:s,setValue:t,min:5,max:100},"numOfCharacters")}),children:()=>{let t=ez.slice(0,Math.min(12,s)),n=ez.slice(12,Math.max(12,s));return(0,a.jsxs)(eA,{children:["number"==typeof r&&r>5&&(0,a.jsx)(ek,{children:(0,a.jsx)(ee.Z,{animateTransitions:"label-only",axis:"horizontal",unit:"rem",distance:r+4,flipTextSide:!0})}),(0,a.jsxs)(eI,{ref:e,children:[(0,a.jsxs)("strong",{children:[t," "===t[t.length-1]&&"​"]}),n," "===n[n.length-1]&&"​"]})]})}})},BigHelloWorld:function(){let e=n.useRef(null),[s,t]=n.useState(1),[r,l]=n.useState(null);return n.useEffect(()=>{e.current&&l(e.current.getBoundingClientRect().width)},[s]),(0,a.jsx)(N.ZP,{initialValues:{},controlPosition:"top",controlStyles:{gridTemplateColumns:"min(500px, 100%) !important",justifyContent:"center"},outputWrapper:null,renderAltControls:()=>(0,a.jsx)(eS,{children:(0,a.jsx)(ew.Z,{id:"fontSize",name:"fontSize",label:"font-size",value:s,setValue:t,min:.8,max:3,step:.1,previewRenderer:e=>"".concat(e,"rem")},"fontSize")}),children:()=>(0,a.jsx)(eq,{children:(0,a.jsxs)(eC,{children:["number"==typeof r&&r>5&&(0,a.jsx)(eM,{children:(0,a.jsx)(ee.Z,{animateTransitions:"label-only",axis:"horizontal",unit:"rem",distance:r+4,flipTextSide:!0})}),(0,a.jsx)(eZ,{ref:e,style:{fontSize:"".concat(s,"rem")},children:(0,a.jsx)("strong",{children:"Hello World!"})})]})})})},RecursiveNightmare:function(e){let{}=e,s=n.useRef(null),[t,r]=n.useState(eE),[l,i]=n.useState(0),[o,c]=n.useState(!1);return n.useEffect(()=>{s.current&&(i(s.current.getBoundingClientRect().width),t<=19&&window.setTimeout(()=>{(0,eW.flushSync)(()=>{c(!o)})},500))},[t,o]),(0,a.jsx)(N.ZP,{controlPosition:"top",initialValues:{},controlStyles:{gridTemplateColumns:"min(500px, 100%) !important",justifyContent:"center"},renderAltControls:()=>(0,a.jsx)(eP,{children:(0,a.jsx)(ew.Z,{id:"numOfCharacters",name:"numOfCharacters",label:"Num of Characters",value:t,setValue:r,min:11,max:eE,handleColor:t<=19?"var(--color-secondary)":void 0},"numOfCharacters")}),children:()=>{let e=eT.slice(0,Math.min(12,t)),n=eT.slice(12,Math.max(12,t)),r=t<=19&&o?3:1.125;return(0,a.jsxs)(eR,{children:[l>5&&(0,a.jsx)(eF,{children:(0,a.jsx)(ee.Z,{animateTransitions:"label-only",axis:"horizontal",unit:"rem",distance:l+4,flipTextSide:!0})}),(0,a.jsxs)(eD,{ref:s,children:[(0,a.jsxs)("strong",{style:{fontSize:"".concat(r,"rem")},children:[e," "===e[e.length-1]&&"​"]}),n," "===n[n.length-1]&&"​"]})]})}})},ContainmentDemo:function(){return(0,a.jsx)(N.ZP,{initialValues:{imageWidth:200,contain:"none"},controlPosition:"top",outputWrapperProps:{layout:!1,style:{minHeight:"0",padding:16}},customGrid:{gridTemplateColumns:"1fr 1fr"},controls:[(0,a.jsx)(N.vn,{id:"imageWidth",label:"Image width",min:100,max:250,previewRenderer:()=>null},"imageWidth"),(0,a.jsx)(N.Xr,{id:"contain",label:"contain",options:[{label:"none (default)",value:"none"},"size"]},"contain")],children:e=>{let{imageWidth:s,contain:t}=e;return(0,a.jsxs)(eB,{style:{contain:t},children:[(0,a.jsx)(eL.default,{alt:"an axolotl in an aquarium",src:"/images/container-queries/axolotl-closeup.jpg",width:500,height:385,style:{width:s,height:.77*s}}),(0,a.jsx)("p",{children:"The axolotl is a ridiculous aquatic salamander. It’s absolutely adorable and looks like a Pok\xe9mon. It is one of my favourite animals."})]})}})}};function eO(e){let{variant:s,...t}=e,n=eV[s];return(0,a.jsx)(n,{...t})}},6103:(e,s,t)=>{"use strict";t.d(s,{default:()=>n.a});var a=t(83457),n=t.n(a)},83457:(e,s,t)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),function(e,s){for(var t in s)Object.defineProperty(e,t,{enumerable:!0,get:s[t]})}(s,{default:function(){return o},getImageProps:function(){return i}});let a=t(85938),n=t(45301),r=t(75813),l=a._(t(4130));function i(e){let{props:s}=(0,n.getImgProps)(e,{defaultLoader:l.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image/",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,t]of Object.entries(s))void 0===t&&delete s[e];return{props:s}}let o=r.Image},73914:e=>{e.exports={w1mbq51h:"w1mbq51h",agjw958:"agjw958",a15b5ky0:"a15b5ky0",vt3r0v5:"vt3r0v5","verticalEnter-vt3r0v5a15b5ky0":"verticalEnter-vt3r0v5a15b5ky0",h8ja5sk:"h8ja5sk","horizontalEnter-h8ja5ska15b5ky0":"horizontalEnter-h8ja5ska15b5ky0",u8eocc7:"u8eocc7",d1phaa8:"d1phaa8",l1xa6ime:"l1xa6ime",r15impnm:"r15impnm",sqdmb0l:"sqdmb0l",vfrhcon:"vfrhcon",h1o8euj3:"h1o8euj3",l18fzpc6:"l18fzpc6",vcbaeky:"vcbaeky",hguumh5:"hguumh5"}},58711:e=>{e.exports={s1c9ipa9:"s1c9ipa9"}},24581:e=>{e.exports={w10os1y8:"w10os1y8"}},5533:e=>{e.exports={ozep5mv:"ozep5mv",c1hag6y0:"c1hag6y0",waf1f9y:"waf1f9y",tbw5dg6:"tbw5dg6",t169lyus:"t169lyus",m15wgv93:"m15wgv93",hl4y0lt:"hl4y0lt"}},14395:e=>{e.exports={s1lsdu1t:"s1lsdu1t",w8vhxud:"w8vhxud",gcy3zv3:"gcy3zv3",svcjyc6:"svcjyc6",a26ileo:"a26ileo"}},28451:e=>{e.exports={wcs4idl:"wcs4idl"}},16611:e=>{e.exports={owg32ql:"owg32ql",m19mb36q:"m19mb36q",l1pkai3d:"l1pkai3d","glowYellow-l1pkai3d":"glowYellow-l1pkai3d","jump-l1pkai3d":"jump-l1pkai3d",mb9pa39:"mb9pa39",w1t2s1hn:"w1t2s1hn",m1iz4qre:"m1iz4qre",h1xgbvfz:"h1xgbvfz",l1uelmzs:"l1uelmzs",k1qrap7q:"k1qrap7q",v16bqo69:"v16bqo69",b16zruhm:"b16zruhm"}},28741:e=>{e.exports={owu2orl:"owu2orl",s1ildd3l:"s1ildd3l",w1a877nv:"w1a877nv",s4uteva:"s4uteva",a1rqk0u8:"a1rqk0u8"}},35300:e=>{e.exports={wz5cj0s:"wz5cj0s",tcgk9x4:"tcgk9x4",r2my5zi:"r2my5zi",lgv49wq:"lgv49wq",v1xvnc9l:"v1xvnc9l",dnq6j8n:"dnq6j8n",m1109chk:"m1109chk"}},40297:e=>{e.exports={w1oihum1:"w1oihum1",a1v0kyqm:"a1v0kyqm",a9bdap5:"a9bdap5","riseIn-a9bdap5":"riseIn-a9bdap5",fadeIn:"fadeIn",nxb64my:"nxb64my",nt73zxa:"nt73zxa",h5vnfkj:"h5vnfkj",d4gwkq5:"d4gwkq5",iwoykth:"iwoykth",t1k3jjl6:"t1k3jjl6"}},63163:e=>{e.exports={act9n2c:"act9n2c",at8jntl:"at8jntl",pdc9phi:"pdc9phi",s8u1p3t:"s8u1p3t"}},89972:e=>{e.exports={dtoxwjb:"dtoxwjb",m1moa004:"m1moa004",w1y67q3j:"w1y67q3j",c1gem8nb:"c1gem8nb",iisidno:"iisidno"}},78412:e=>{e.exports={w11gfz5q:"w11gfz5q"}},43619:e=>{e.exports={sl2v57h:"sl2v57h",w26yazv:"w26yazv",sae4cet:"sae4cet",a1ambr24:"a1ambr24"}},51281:e=>{e.exports={o1c85q28:"o1c85q28",wm9vynf:"wm9vynf",r1lxvgy6:"r1lxvgy6"}},45692:e=>{e.exports={w10vw3sr:"w10vw3sr",c35z2b7:"c35z2b7"}},81864:e=>{e.exports={style:{fontFamily:"'Redacted Script', 'Redacted Script Fallback'",fontStyle:"normal"},className:"__className_f39911"}}}]);
//# sourceMappingURL=95867.9cc0bbe0235a50d6.js.map