https://owri.netlify.app/_next/static/chunks/3022.21aa6ddcda8d4c05.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3022],{33022:function(e,a,n){n.r(a),n.d(a,{default:function(){return x},toString:function(){return j}});var t,s=n(57437),r=n(2265),i=Object.defineProperty,o=Object.defineProperties,l=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,g=(e,a,n)=>a in e?i(e,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[a]=n,v=(e,a)=>{for(var n in a||(a={}))u.call(a,n)&&g(e,n,a[n]);if(f)for(var n of f(a))m.call(a,n)&&g(e,n,a[n]);return e},d=(e,a)=>o(e,l(a)),p=(e,a)=>{var n={};for(var t in e)u.call(e,t)&&0>a.indexOf(t)&&(n[t]=e[t]);if(null!=e&&f)for(var t of f(e))0>a.indexOf(t)&&m.call(e,t)&&(n[t]=e[t]);return n},y=(e,a)=>function(){return e&&(a=(0,e[c(e)[0]])(e=0)),a},h=(e,a,n)=>new Promise((t,s)=>{var r=e=>{try{o(n.next(e))}catch(e){s(e)}},i=e=>{try{o(n.throw(e))}catch(e){s(e)}},o=e=>e.done?t(e.value):Promise.resolve(e.value).then(r,i);o((n=n.apply(e,a)).next())}),b=y({"font-preview/font-previews.css"(){}}),w={};((e,a)=>{for(var n in a)i(e,n,{get:a[n],enumerable:!0})})(w,{default:()=>t});var _=y({"src/components/FontPreviews.tsx"(){b(),t=({children:e})=>(0,s.jsx)(s.Fragment,{children:e})}}),k=[{category:"display",name:"Abril Fatface",sane:"abril_fatface",variants:["0,400"]},{category:"serif",name:"Alegreya",sane:"alegreya",variants:["0,400","0,500","0,600","0,700","0,800","0,900","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"sans-serif",name:"Alegreya Sans",sane:"alegreya_sans",variants:["0,100","1,100","0,300","1,300","0,400","1,400","0,500","1,500","0,700","1,700","0,800","1,800","0,900","1,900"]},{category:"sans-serif",name:"Archivo Narrow",sane:"archivo_narrow",variants:["0,400","0,500","0,600","0,700","1,400","1,500","1,600","1,700"]},{category:"monospace",name:"Azeret Mono",sane:"azeret_mono",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"handwriting",name:"Bad Script",sane:"bad_script",variants:["0,400"]},{category:"serif",name:"BioRhyme",sane:"biorhyme",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800"]},{category:"serif",name:"Bitter",sane:"bitter",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"serif",name:"Cardo",sane:"cardo",variants:["0,400","1,400","0,700"]},{category:"sans-serif",name:"Chivo",sane:"chivo",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"handwriting",name:"Comic Neue",sane:"comic_neue",variants:["0,300","1,300","0,400","1,400","0,700","1,700"]},{category:"serif",name:"Cormorant",sane:"cormorant",variants:["0,300","0,400","0,500","0,600","0,700","1,300","1,400","1,500","1,600","1,700"]},{category:"handwriting",name:"Dancing Script",sane:"dancing_script",variants:["0,400","0,500","0,600","0,700"]},{category:"sans-serif",name:"DM Sans",sane:"dm_sans",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"serif",name:"DM Serif Display",sane:"dm_serif_display",variants:["0,400","1,400"]},{category:"serif",name:"DM Serif Text",sane:"dm_serif_text",variants:["0,400","1,400"]},{category:"serif",name:"Eczar",sane:"eczar",variants:["0,400","0,500","0,600","0,700","0,800"]},{category:"sans-serif",name:"Familjen Grotesk",sane:"familjen_grotesk",variants:["0,400","0,500","0,600","0,700","1,400","1,500","1,600","1,700"]},{category:"sans-serif",name:"Fira Sans",sane:"fira_sans",variants:["0,100","1,100","0,200","1,200","0,300","1,300","0,400","1,400","0,500","1,500","0,600","1,600","0,700","1,700","0,800","1,800","0,900","1,900"]},{category:"serif",name:"Fraunces",sane:"fraunces",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"sans-serif",name:"IBM Plex Sans",sane:"ibm_plex_sans",variants:["0,100","1,100","0,200","1,200","0,300","1,300","0,400","1,400","0,500","1,500","0,600","1,600","0,700","1,700"]}

1,{category:"monospace",name:"Inconsolata",sane:"inconsolata",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900"]},{category:"serif",name:"Inknut Antiqua",sane:"inknut_antiqua",variants:["0,300","0,400","0,500","0,600","0,700","0,800","0,900"]},{category:"sans-serif",name:"Inter",sane:"inter",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900"]},{category:"sans-serif",name:"Josefin Sans",sane:"josefin_sans",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","1,100","1,200","1,300","1,400","1,500","1,600","1,700"]},{category:"serif",name:"Josefin Slab",sane:"josefin_slab",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","1,100","1,200","1,300","1,400","1,500","1,600","1,700"]},{category:"sans-serif",name:"Karla",sane:"karla",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800","1,200","1,300","1,400","1,500","1,600","1,700","1,800"]},{category:"sans-serif",name:"Lato",sane:"lato",variants:["0,100","1,100","0,300","1,300","0,400","1,400","0,700","1,700","0,900","1,900"]},{category:"serif",name:"Libre Baskerville",sane:"libre_baskerville",variants:["0,400","1,400","0,700"]},{category:"sans-serif",name:"Libre Franklin",sane:"libre_franklin",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"serif",name:"Literata",sane:"literata",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"serif",name:"Lora",sane:"lora",variants:["0,400","0,500","0,600","0,700","1,400","1,500","1,600","1,700"]},{category:"sans-serif",name:"Manrope",sane:"manrope",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800"]},{category:"serif",name:"Merriweather",sane:"merriweather",variants:["0,300","1,300","0,400","1,400","0,700","1,700","0,900","1,900"]},{category:"sans-serif",name:"Montserrat",sane:"montserrat",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"sans-serif",name:"Mukta",sane:"mukta",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800"]},{category:"serif",name:"Neuton",sane:"neuton",variants:["0,200","0,300","0,400","1,400","0,700","0,800"]},{category:"display",name:"New Rocker",sane:"new_rocker",variants:["0,400"]},{category:"serif",name:"Newsreader",sane:"newsreader",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800","1,200","1,300","1,400","1,500","1,600","1,700","1,800"]},{category:"sans-serif",name:"Noto Sans JP",sane:"noto_sans_jp",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900"]},{category:"sans-serif",name:"Nunito",sane:"nunito",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"sans-serif",name:"Nunito Sans",sane:"nunito_sans",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"serif",name:"Old Standard TT",sane:"old_standard_tt",variants:["0,400","1,400","0,700"]},{category:"sans-serif",name:"Open Sans",sane:"open_sans",variants:["0,300","0,400","0,500","0,600","0,700","0,800","1,300","1,400","1,500","1,600","1,700","1,800"]},{category:"sans-serif",name:"Oswald",sane:"oswald",variants:["0,200","0,300","0,400","0,500","0,600","0,700"]},{category:"sans-serif",name:"Outfit",sane:"outfit",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900"]},{category:"sans-serif",name:"Overpass",sane:"overpass",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"serif",name:"Playfair Display",sane:"playfair_display",variants:["0,400","0,500","0,600","0,700","0,800","0,900","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"sans-serif",name:"Plus Jakarta Sans",sane:"plus_jakarta_sans",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800","1,200","1,300","1,400","1,500","1,600","1,700","1,800"]},{category:"sans-serif",name:"Poppins",sane:"poppins",variants:["0,100","1,100","0,200","1,200","0,300","1,300","0,400","1,400","0,500","1,500","0,600","1,600","0,700","1,700","0,800","1,800","0,900","1,900"]},{category:"sans-serif",name:"Proza Libre",sane:"proza_libre",variants:["0,400","1,400","0,500","1,500","0,600","1,600","0,700","1,700","0,800","1,800"]},{category:"sans-serif",name:"PT Sans",sane:"pt_sans",variants:["0,400","1,400","0,700","1,700"]},{category:"serif",name:"PT Serif",sane:"pt_serif",variants:["0,400","1,400","0,700","1,700"]},{category:"sans-serif",name:"Rajdhani",sane:"rajdhani",variants:["0,300","0,400","0,500","0,600","0,700"]},{category:"sans-serif",name:"Raleway",sane:"raleway",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"sans-serif",name:"Roboto",sane:"roboto",variants:["0,100","1,100","0,300","1,300","0,400","1,400","0,500","1,500","0,700","1,700","0,900","1,900"]},{category:"sans-serif",name:"Roboto Condensed",sane:"roboto_condensed",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]}

1,{category:"monospace",name:"Roboto Mono",sane:"roboto_mono",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","1,100","1,200","1,300","1,400","1,500","1,600","1,700"]},{category:"serif",name:"Roboto Serif",sane:"roboto_serif",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"serif",name:"Roboto Slab",sane:"roboto_slab",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900"]},{category:"sans-serif",name:"Rubik",sane:"rubik",variants:["0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"handwriting",name:"Sacramento",sane:"sacramento",variants:["0,400"]},{category:"sans-serif",name:"Source Sans 3",sane:"source_sans_3",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"serif",name:"Source Serif 4",sane:"source_serif_4",variants:["0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"sans-serif",name:"Space Grotesk",sane:"space_grotesk",variants:["0,300","0,400","0,500","0,600","0,700"]},{category:"monospace",name:"Space Mono",sane:"space_mono",variants:["0,400","1,400","0,700","1,700"]},{category:"serif",name:"Spectral",sane:"spectral",variants:["0,200","1,200","0,300","1,300","0,400","1,400","0,500","1,500","0,600","1,600","0,700","1,700","0,800","1,800"]},{category:"sans-serif",name:"Syne",sane:"syne",variants:["0,400","0,500","0,600","0,700","0,800"]},{category:"handwriting",name:"Tangerine",sane:"tangerine",variants:["0,400","0,700"]},{category:"sans-serif",name:"Ubuntu",sane:"ubuntu",variants:["0,300","1,300","0,400","1,400","0,500","1,500","0,700","1,700"]},{category:"serif",name:"Ultra",sane:"ultra",variants:["0,400"]},{category:"display",name:"UnifrakturMaguntia",sane:"unifrakturmaguntia",variants:["0,400"]},{category:"sans-serif",name:"Varela Round",sane:"varela_round",variants:["0,400"]},{category:"sans-serif",name:"Work Sans",sane:"work_sans",variants:["0,100","0,200","0,300","0,400","0,500","0,600","0,700","0,800","0,900","1,100","1,200","1,300","1,400","1,500","1,600","1,700","1,800","1,900"]},{category:"serif",name:"Zilla Slab",sane:"zilla_slab",variants:["0,300","1,300","0,400","1,400","0,500","1,500","0,600","1,600","0,700","1,700"]}],S=(0,r.lazy)(()=>Promise.resolve().then(()=>(_(),w)));function j(e){return"string"==typeof e?e:(e.italic?"1":"0")+","+e.weight}var M={category:"sans-serif",name:"Open Sans",sane:"open_sans",cased:"open sans",variants:["0,300","0,400","0,500","0,600","0,700","0,800","1,300","1,400","1,500","1,600","1,700","1,800"]};function x(e){var a,n,{defaultValue:t="Open Sans",noMatches:i="No matches",autoLoad:o=!1,loaderOnly:l=!1,loadAllVariants:c=!1,loadFonts:f="",googleFonts:u="all",fontCategories:m="all",localFonts:g=[],fontVariants:y,value:b,fontsLoaded:w,fontsLoadedTimeout:_,loading:x=(0,s.jsx)("div",{children:"Font previews loading ..."}),inputId:C}=e,P=p(e,["defaultValue","noMatches","autoLoad","loaderOnly","loadAllVariants","loadFonts","googleFonts","fontCategories","localFonts","fontVariants","value","fontsLoaded","fontsLoadedTimeout","loading","inputId"]);let[T,E]=(0,r.useState)(!1),[N,L]=(0,r.useState)(t),[O,F]=(0,r.useState)(t),[R,A]=(0,r.useState)(-1),[D,I]=(0,r.useState)([]),z=(0,r.useRef)(null),B=(0,r.useRef)(null),U=(0,r.useRef)(null),$=(0,r.useMemo)(()=>{let e=[];return f&&("string"==typeof f?e.push(f):null==f||f.forEach(a=>{let n="string"==typeof a?a:null==a?void 0:a.fontName;n&&e.push(n)})),e},[f]),H=(0,r.useRef)(null),J=e=>a=>{let n=V();a?n.set(e,a):n.delete(e)},V=()=>(H.current||(H.current=new Map),H.current),q=(0,r.useMemo)(()=>{let e=[];return k.forEach(a=>{let n=d(v({},a),{cased:a.name.toLowerCase()});e.push(n)}),[...e]},[]),G=(0,r.useMemo)(()=>{let e,a;if("all"===u)e=[...q];else if("string"==typeof u){let a=u.trim().split(",").map(e=>e.toLowerCase());e=[...q.filter(e=>a.includes(e.cased))]}else{let a=u.map(e=>"string"==typeof e?e.toLowerCase():e.cased);e=[...q.filter(e=>a.includes(e.cased))]}if(g.forEach(a=>{e.push({category:a.category,name:a.name,cased:a.name.toLowerCase(),sane:a.name.replaceAll(" ","_").replaceAll(/[^a-zA-Z0-9-]/g,"").toLowerCase(),variants:a.variants.map(e=>j(e))})}),"all"===m)a=[...e];else if("string"==typeof m){let e=m.trim().split(",").map(e=>e.trim().toLowerCase());a=[...q.filter(a=>e.includes(a.category))]}else{let e=m.map(e=>e.toLowerCase());a=[...q.filter(a=>e.includes(a.category))]}return[...a]},[u,q,g,m]),K=(0,r.useMemo)(()=>{let e=N.toLowerCase().trim();return G.filter(a=>a.cased.includes(e))},[N,G]),W=(e,a,n)=>{e.setSelectionRange&&e.setSelectionRange(a,n)},Z=(e="key",a=R)=>{var n,t;let s=null==B?void 0:B.current;if(s&&a>=0){let r=K[a];if(r){let a=s.querySelector(".font-preview-"+r.sane);if(a&&a instanceof HTMLElement){let i=a.offsetTop,o=i+a.offsetHeight,l=s.scrollTop,c=l+s.clientHeight;if("opening"===e||i<=l){s.scrollTop=i,null==(n=a.parentElement)||n.classList.add("selected");let e=null==(t=V())?void 0:t.get(r.sane);null==e||e.classList.add("selected")}else o>=c&&(s.scrollTop=o-s.clientHeight-1)}}}},Q=e=>{ea(e),Y()},X=()=>{T||(E(!0),setTimeout(()=>{let e=R;for(let[a,n]of K.entries())if(n.name===ef.name){e=a,A(a);break}F(ef.name),Z("opening",e)},1))},Y=()=>{var e;null==(e=null==z?void 0:z.current)||e.blur(),E(!1)},ee=(0,r.useCallback)(e=>{let a=null;return G.forEach(n=>

1{n.name===e.trim()&&(a=n)}),a},[G]),ea=e=>{var a;eu(e),L(e.name),F(e.name),null==(a=null==z?void 0:z.current)||a.blur(),ei(e),en(e),et(e)},en=(0,r.useCallback)(e=>{(null==e?void 0:e.name)&&(null==e?void 0:e.variants)&&(null==y||y({fontName:e.name,variants:e.variants}))},[y]),et=(0,r.useCallback)(e=>{(null==e?void 0:e.name)&&(null==b||b(e.name))},[b]),es=(0,r.useCallback)(e=>{null==w||w(e)},[w]),er=(0,r.useCallback)((e,a=[])=>{a=(null==a?void 0:a.length)>0?e.variants.filter(e=>a.includes(e)):c?e.variants:el(e.variants.map(e=>j(e)));let n="google-font-"+e.sane,t=n+"-all";a.length===e.variants.length?n=t:n+="-"+a.sort().join("-").replaceAll("1,","i").replaceAll("0,","");let s=document.getElementById(n),r=document.getElementById(t);if(!s&&!r&&(null==e?void 0:e.name)&&(null==a?void 0:a.length)>0){let t=document.createElement("link");t.rel="stylesheet",t.id=n,t.href="https://fonts.googleapis.com/css2?family="+e.name+":ital,wght@"+a.sort().join(";")+"&display=swap",t.setAttribute("data-testid",n),document.head.appendChild(t)}},[c]),ei=(0,r.useCallback)(e=>{o&&er(e)},[o,er]),eo=(e,a=[])=>{if(""===e)return;let n=e;"string"==typeof e&&(n=ee(e)),null===n||"object"!=typeof n||"string"!=typeof n.sane?console.error("Unknown font",e):n.variants.length<1?console.error("No valid variants of font",a):er(n,a)},el=e=>{let a=e.filter(e=>"0,"===e.substring(0,2)).map(e=>parseInt(e.substring(2))).sort((e,a)=>e-a),n=e.filter(e=>"1,"===e.substring(0,2)).map(e=>parseInt(e.substring(2))).sort((e,a)=>e-a),t={};t.regular=a.sort((e,a)=>Math.abs(399-e)-Math.abs(399-a)).shift(),t.bold=a.filter(e=>e>(t.regular||0)).sort((e,a)=>Math.abs(700-e)-Math.abs(700-a)).shift(),t.italic=n.sort((e,a)=>Math.abs(399-e)-Math.abs(399-a)).shift(),t.boldItalic=n.filter(e=>e>(t.italic||0)).sort((e,a)=>Math.abs(700-e)-Math.abs(700-a)).shift();let s=[];return t.regular&&s.push("0,"+t.regular),t.bold&&s.push("0,"+t.bold),t.italic&&s.push("1,"+t.italic),t.boldItalic&&s.push("1,"+t.boldItalic),s},ec=ee(t)||M,[ef,eu]=(0,r.useState)(ec);return(()=>{if("string"==typeof f){if(""!==f){let e=f.trim().split(",");null==e||e.forEach(e=>{D.includes(e)||(I([...D,e]),eo(e))})}}else f.forEach(e=>{let a="string"==typeof e?e:null==e?void 0:e.fontName;a&&(D.includes(a)||(I([...D,a]),"object"==typeof e&&e.variants?eo(a,e.variants.map(e=>j(e))):eo(a)))})})(),(0,r.useEffect)(()=>{ea(ec)},[ec]),(0,r.useEffect)(()=>{let e=[...new Set([ef.name,...$])];w&&function(e){h(this,null,function*(){try{let a=null==e?void 0:e.map(e=>h(this,null,function*(){try{return yield function(e){return h(this,arguments,function*({fontFamily:e,fontStyle:a,fontWeight:n,timeout:t=500}){let s;let r=new Date().getTime();return new Promise(function(i,o){if(null==document?void 0:document.fonts){let l=new Promise(function(s,i){let o=function(){new Date().getTime()-r>=t?i(Error(`Font not loaded within ${t} ms`)):document.fonts.check(`${null!=a?a:""} ${null!=n?n:""} 0 ${e}`)?s(!0):setTimeout(o,25)};o()});Promise.race([new Promise(function(e,a){s=setTimeout(()=>a(Error(`Font not loaded within ${t} ms`)),t)}),l]).then(e=>{clearTimeout(s),i(e)},o)}else o(Error("Fonts API not supported by client"))})})}({fontFamily:e,timeout:_})}catch(e){return!1}})),n=!(yield Promise.all(a)).some(e=>!e);es(n)}catch(e){console.error("Exception thrown checking if font families loaded"),console.error(e),es(!1)}})}(e)},[o,f,ef.name,es,w,$,_]),(0,s.jsx)(s.Fragment,{children:!l&&(0,s.jsx)("div",d(v({className:"fontpicker"},P),{children:(0,s.jsxs)(r.Suspense,{fallback:(0,s.jsx)(s.Fragment,{children:x}),children:[(0,s.jsx)(S,{}),(0,s.jsx)("div",{ref:U,className:null==(a=(()=>{let e=["fontpicker__preview"];return e.push("font-preview-"+ef.sane),[...e]})())?void 0:a.join(" ")}),(0,s.jsx)("input",{id:C,className:"fontpicker__search",ref:z,type:"text",onInput:e=>{var a,n;(null==(a=null==B?void 0:B.current)?void 0:a.scrollTop)&&(B.current.scrollTop=0);let t=null==(n=e.currentTarget)?void 0:n.value;A(-1);let s=N.length<(null==t?void 0:t.length);if(L(t),!s){F(t);return}let r=t.toLowerCase(),i=G.filter(e=>e.cased.startsWith(r));if(null==i?void 0:i.length){let a=i[0].name;e.currentTarget&&(e.currentTarget.value=a),W(e.currentTarget,t.length,a.length),F(a)}else F(t)},onFocus:()=>{var e;null==(e=null==z?void 0:z.current)||e.select(),L(""),X()},onBlur:Y,onKeyDown:e=>{if(e.key&&"Enter"===e.key){let e=O.toLowerCase(),a=G.filter(a=>a.cased===e);R>-1?ea(K[R]):1===a.length?ea(a[0]):K.length>0?ea(K[0]):ea(ef)}else e.key&&"ArrowDown"===e.key?(e.preventDefault(),R<K.length-1&&(F(N),A(e=>e+1),Z("key",R+1))):e.key&&"ArrowUp"===e.key?(e.preventDefault(),R>0&&(F(N),A(e=>e-1),Z("key",R-1))):e.key&&"Escape"===e.key&&Y()},value:O}

1),(0,s.jsxs)("div",{ref:B,tabIndex:-1,className:null==(n=(()=>{let e=["fontpicker__popout"];return T&&e.push("fontpicker__active"),[...e]})())?void 0:n.join(" "),onMouseDown:e=>{e.preventDefault()},children:[K.map((e,a)=>(0,s.jsx)("div",{ref:J(e.sane),className:"fontpicker__option"+(a===R?" selected":""),onMouseDown:()=>Q(e),onMouseMove:()=>{A(a)},children:(0,s.jsx)("div",{className:"font-preview-"+e.sane})},e.sane+a)),0===K.length&&(0,s.jsx)("div",{className:"fontpicker__nomatches",children:i})]})]})}))})}}}]);