https://textkits.org/_next/static/chunks/9263.a782a24780a9209d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9263],{23061:(e,t,l)=>{l.d(t,{A:()=>s});let s=(0,l(19904).A)("file-image",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["circle",{cx:"10",cy:"12",r:"2",key:"737tya"}],["path",{d:"m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22",key:"wt3hpn"}]])},39867:(e,t,l)=>{l.d(t,{A:()=>s});let s=(0,l(19904).A)("download",[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]])},54485:(e,t,l)=>{l.d(t,{A:()=>s});let s=(0,l(19904).A)("history",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}],["path",{d:"M12 7v5l4 2",key:"1fdv2h"}]])},89263:(e,t,l)=>{l.r(t),l.d(t,{default:()=>k});var s=l(95155),a=l(12115),r=l(5917),i=l(75426),d=l(95740),n=l(9295),o=l(54485),c=l(23061),m=l(39867),x=l(73161),h=l(27329),p=l(56367),b=l(49498),u=l(31732),y=l(70517);let g="textkits-styled-text-font-style-recent",f="h-11 w-full rounded-[1.25rem] border-4 border-slate-100 bg-white px-3 text-xs font-black text-slate-900 outline-none transition focus:border-emerald-200 sm:h-12 sm:px-4 sm:text-sm";function v(e){let{item:t,copiedKey:l,onCopy:a,activeStyleKey:n,onUseStyle:o}=e,c=l===t.key,m=n===t.key;return(0,s.jsxs)("article",{className:(0,b.cn)("rounded-[1.8rem] border-4 bg-slate-50/90 p-4 shadow-[0_20px_55px_-38px_rgba(15,23,42,0.2)] transition duration-200 sm:rounded-[2rem] sm:p-5",m?"border-emerald-200 bg-white":"border-slate-100 hover:-translate-y-1 hover:bg-white"),children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,s.jsx)("div",{children:(0,s.jsx)("h3",{className:(0,b.cn)("inline-flex rounded-full px-3 py-1 text-xs font-black uppercase tracking-[0.14em]",t.toneClassName),children:t.label})}),(0,s.jsx)(x.$,{type:"button",variant:"ghost",size:"icon",onClick:()=>a(t.key,t.output),disabled:!t.output,"aria-label":"Copy ".concat(t.label," style"),className:"size-11 shrink-0 rounded-full border-4 border-white bg-white text-slate-600 shadow-sm hover:bg-white hover:text-slate-950",children:c?(0,s.jsx)(r.A,{className:"size-5 text-emerald-600"}):(0,s.jsx)(i.A,{className:"size-5"})})]}),(0,s.jsx)("div",{className:"mt-3 rounded-[1.35rem] border-4 border-white bg-white px-4 py-3 shadow-[inset_0_1px_0_rgba(255,255,255,0.6)] sm:mt-4 sm:rounded-[1.5rem] sm:py-4",children:(0,s.jsx)("p",{className:"min-h-[3.75rem] break-words text-[1.05rem] font-black leading-relaxed text-slate-900 sm:min-h-[4.5rem] sm:text-[1.2rem]",children:t.output||"Type into the styled text box to preview this style."})}),(0,s.jsx)("div",{className:"mt-3 flex justify-end sm:mt-4",children:(0,s.jsxs)("button",{type:"button",onClick:()=>o(t.key),"aria-pressed":m,className:(0,b.cn)("inline-flex h-11 items-center gap-2 rounded-full border-4 px-4 py-2 text-sm font-black transition",m?"border-emerald-800 bg-emerald-700 text-white shadow-[0_6px_0_0_#065f46]":"border-slate-200 bg-white text-slate-700 hover:border-emerald-200 hover:text-emerald-800"),children:[(0,s.jsx)(d.A,{className:"size-4"}),m?"In builder":"Use in builder"]})})]})}function w(e){let{label:t,htmlFor:l,children:a}=e;return(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)("label",{htmlFor:l,className:"text-xs font-black uppercase tracking-[0.16em] text-slate-500",children:t}),a]})}function j(e,t){let l=URL.createObjectURL(e),s=document.createElement("a");s.href=l,s.download=t,s.click(),URL.revokeObjectURL(l)}async function N(e){let t=new Blob([e],{type:"image/svg+xml;charset=utf-8"}),l=URL.createObjectURL(t);try{let e=await new Promise((e,t)=>{let s=new Image;s.onload=()=>e(s),s.onerror=()=>t(Error("Failed to load export preview.")),s.src=l}),t=document.createElement("canvas");t.width=1200,t.height=630;let s=t.getContext("2d");if(!s)throw Error("Failed to create PNG export canvas.");return s.fillStyle="#f9fafb",s.fillRect(0,0,t.width,t.height),s.drawImage(e,0,0,t.width,t.height),await new Promise((e,l)=>{t.toBlob(t=>{if(!t)return void l(Error("Failed to create PNG export blob."));e(t)},"image/png")})}finally{URL.revokeObjectURL(l)}}function k(){let e=(0,a.useRef)(null),[t,l]=(0,a.useState)(u.vd),d=(0,a.useDeferredValue)(t),[k,_]=(0,a.useState)("bold"),[C,S]=(0,a.useState)("none"),[A,z]=(0,a.useState)("none"),[E,F]=(0,a.useState)("none"),[U,R]=(0,a.useState)("space"),[L,M]=(0,a.useState)("none"),[P,T]=(0,a.useState)(""),[I,$]=(0,a.useState)(""),[O,q]=(0,a.useState)([]);(0,a.useEffect)(()=>{let e=(0,y.wF)();e&&l(e)},[]),(0,a.useEffect)(()=>{try{let e=window.localStorage.getItem(g);if(!e)return;let t=JSON.parse(e);Array.isArray(t)&&q(t.slice(0,6))}catch(e){}},[]),(0,a.useEffect)(()=>()=>{e.current&&window.clearTimeout(e.current)},[]);let B=(0,u.lX)(d),V=(0,u.qZ)(B),G=(0,u.$E)({text:d,primaryStyle:k,mixStyle:C,wrapStyle:A,symbolStyle:E,separatorStyle:U,emojiStyle:L});function W(t,l){T(t),$(l),e.current&&window.clearTimeout(e.current),e.current=window.setTimeout(()=>{T(""),$("")},1800)}function J(e){e&&q(t=>{let l=[e,...t.filter(t=>t!==e)].slice(0,6);return window.localStorage.setItem(g,JSON.stringify(l)),l})}async function K(e,t){if(t)try{await navigator.clipboard.writeText(t),J(t),W(e,"Styled text copied."),(0,y.nj)({action:"copy",path:"/styled-text-font-style/",text:t})}catch(e){$("Copy failed in this browser.")}}async function X(){if(V)try{var e,t;await navigator.clipboard.writeText(V),J(null!=(t=null==(e=B[0])?void 0:e.output)?t:""),W("all","All visible styles copied."),(0,y.nj)({action:"copy",path:"/styled-text-font-style/",text:V})}catch(e){$("Copy failed in this browser.")}}function D(e){_(e),window.requestAnimationFrame(()=>

1{let e=document.getElementById("styled-text-builder-heading");null==e||e.scrollIntoView({behavior:"smooth",block:"start"})})}async function H(e){if(!G)return;let l=(0,u.bR)({title:"Styled Text Font Style",output:G});try{if("svg"===e)j(new Blob([l],{type:"image/svg+xml;charset=utf-8"}),"styled-text-font-style-preview.svg");else{let e=await N(l);j(e,"styled-text-font-style-preview.png")}J(G),W(e,"".concat(e.toUpperCase()," export ready.")),(0,y.nj)({action:"download",path:"/styled-text-font-style/",text:t})}catch(e){$("Export failed in this browser.")}}return(0,s.jsx)("section",{className:"mx-auto mt-4 w-full max-w-6xl",id:"tool",children:(0,s.jsxs)("div",{className:"rounded-[2.6rem] border-[6px] border-slate-100 bg-white p-5 shadow-[0_40px_90px_-52px_rgba(15,23,42,0.28)] sm:rounded-[3rem] sm:p-8 lg:p-10",children:[(0,s.jsx)("div",{className:"grid gap-6",children:(0,s.jsxs)("div",{className:"min-w-0 rounded-[2.2rem] border-4 border-slate-100 bg-slate-50/70 p-4 sm:p-5",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{htmlFor:"styled-text-input",className:"text-sm font-black uppercase tracking-[0.16em] text-slate-500",children:"Styled text input"}),(0,s.jsx)("p",{id:"styled-text-input-help",className:"mt-2 text-sm font-medium leading-relaxed text-slate-600 sm:text-base",children:"Paste one line and instantly preview copy-ready Unicode styles."})]}),(0,s.jsxs)("div",{className:"grid min-w-0 grid-cols-2 gap-2 sm:flex",children:[(0,s.jsxs)(x.$,{type:"button",variant:"ghost",onClick:()=>l(""),className:"h-10 rounded-full border-4 border-slate-200 bg-white px-3 text-sm font-black text-slate-700 hover:bg-white hover:text-slate-950 sm:h-11 sm:px-4",children:[(0,s.jsx)(n.A,{className:"size-4"}),"Clear"]}),(0,s.jsxs)(x.$,{type:"button",onClick:X,className:"h-10 rounded-full border-4 border-emerald-800 bg-emerald-700 px-3 text-sm font-black text-white shadow-[0_6px_0_0_#065f46] hover:bg-emerald-800 sm:h-11 sm:px-5","aria-label":"Copy all visible styles",children:["all"===P?(0,s.jsx)(r.A,{className:"size-4"}):(0,s.jsx)(i.A,{className:"size-4"}),(0,s.jsx)("span",{className:"sm:hidden",children:"Copy"}),(0,s.jsx)("span",{className:"hidden sm:inline",children:"Copy all"})]})]})]}),(0,s.jsx)(p.T,{id:"styled-text-input",value:t,onChange:e=>l(e.target.value),placeholder:"Type your styled profile text here...","aria-describedby":"styled-text-input-help","data-mobile-full-height":"true",className:"mt-4 min-h-[112px] resize-none rounded-[1.55rem] border-4 border-emerald-500 bg-white px-4 py-3 text-[1rem] font-medium leading-relaxed text-slate-950 shadow-none placeholder:text-slate-300 focus-visible:border-emerald-600 focus-visible:ring-0 sm:min-h-[160px] sm:rounded-[1.8rem] sm:px-5 sm:py-4 sm:text-[1.35rem]"}),(0,s.jsx)("div",{className:"mt-3 flex min-w-0 snap-x gap-2 overflow-x-auto pb-1",role:"toolbar","aria-label":"Styled text style shortcuts",children:u.UF.map(e=>(0,s.jsx)("button",{type:"button",onClick:()=>_(e.key),"aria-pressed":k===e.key,className:(0,b.cn)("snap-start whitespace-nowrap rounded-full border-4 px-3 py-2 text-sm font-black transition",k===e.key?"border-emerald-800 bg-emerald-700 text-white shadow-[0_6px_0_0_#065f46]":"border-slate-200 bg-white text-slate-700 hover:border-emerald-200 hover:text-emerald-800"),children:e.label},e.key))})]})}),(0,s.jsxs)("section",{className:"mt-6","aria-labelledby":"styled-text-gallery-heading",children:[(0,s.jsx)("div",{className:"mb-4 flex items-end justify-between gap-4",children:(0,s.jsxs)("div",{children:[(0,s.jsx)("h2",{id:"styled-text-gallery-heading",className:"text-2xl font-black tracking-tighter text-slate-950 sm:text-3xl",children:"Styled text font style gallery"}),(0,s.jsx)("p",{className:"mt-2 text-sm font-medium leading-relaxed text-slate-600 sm:text-base",children:"Compare first, then push the best row into the builder."})]})}),(0,s.jsx)("div",{className:"grid gap-3 min-[480px]:grid-cols-2 md:grid-cols-2 xl:grid-cols-4",children:B.map(e=>(0,s.jsx)(v,{item:e,copiedKey:P,onCopy:K,activeStyleKey:k,onUseStyle:D},e.key))})]}),(0,s.jsxs)("section",{className:"mt-8 rounded-[2.3rem] border-4 border-slate-100 bg-slate-50/80 p-5 sm:p-6","aria-labelledby":"styled-text-builder

1-heading",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-sm font-black uppercase tracking-[0.16em] text-slate-500",children:"Advanced builder"}),(0,s.jsx)("h2",{id:"styled-text-builder-heading",className:"mt-2 text-2xl font-black tracking-tighter text-slate-950 sm:text-3xl",children:"Mix styles, add wrappers, and export a cleaner preview"})]}),(0,s.jsxs)("div",{className:"inline-flex items-center gap-2 rounded-full border-4 border-white bg-white px-4 py-2 text-xs font-black uppercase tracking-[0.14em] text-slate-600",children:[(0,s.jsx)(o.A,{className:"size-4"}),O.length," recent"]})]}),(0,s.jsxs)("div",{className:"mt-6 grid grid-cols-2 gap-4 xl:grid-cols-3",children:[(0,s.jsx)(w,{label:"Primary style",htmlFor:"styled-primary-style",children:(0,s.jsx)("select",{id:"styled-primary-style",value:k,onChange:e=>_(e.target.value),className:f,children:u.hW.filter(e=>"none"!==e.value).map(e=>(0,s.jsx)("option",{value:e.value,children:e.label},e.value))})}),(0,s.jsx)(w,{label:"Mix with",htmlFor:"styled-mix-style",children:(0,s.jsx)("select",{id:"styled-mix-style",value:C,onChange:e=>S(e.target.value),className:f,children:u.hW.map(e=>(0,s.jsx)("option",{value:e.value,children:e.label},e.value))})}),(0,s.jsx)(w,{label:"Wrap style",htmlFor:"styled-wrap-style",children:(0,s.jsx)("select",{id:"styled-wrap-style",value:A,onChange:e=>z(e.target.value),className:f,children:u._N.map(e=>(0,s.jsx)("option",{value:e.value,children:e.label},e.value))})}),(0,s.jsx)(w,{label:"Symbols",htmlFor:"styled-symbol-style",children:(0,s.jsx)("select",{id:"styled-symbol-style",value:E,onChange:e=>F(e.target.value),className:f,children:u.eF.map(e=>(0,s.jsx)("option",{value:e.value,children:e.label},e.value))})}),(0,s.jsx)(w,{label:"Separator",htmlFor:"styled-separator-style",children:(0,s.jsx)("select",{id:"styled-separator-style",value:U,onChange:e=>R(e.target.value),className:f,children:u.XS.map(e=>(0,s.jsx)("option",{value:e.value,children:e.label},e.value))})}),(0,s.jsx)(w,{label:"Emoji add-on",htmlFor:"styled-emoji-style",children:(0,s.jsx)("select",{id:"styled-emoji-style",value:L,onChange:e=>M(e.target.value),className:f,children:u.A5.map(e=>(0,s.jsx)("option",{value:e.value,children:e.label},e.value))})})]}),(0,s.jsxs)("div",{className:"mt-6 grid gap-5 lg:grid-cols-[minmax(0,1fr)_20rem]",children:[(0,s.jsxs)("div",{className:"rounded-[1.9rem] border-4 border-white bg-white p-5 shadow-[0_20px_55px_-36px_rgba(15,23,42,0.16)]",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-xs font-black uppercase tracking-[0.16em] text-slate-500",children:"Builder preview"}),(0,s.jsx)("p",{className:"mt-2 text-base font-medium leading-relaxed text-slate-600",children:"Use this as the cleaner final version when one gallery row is close, but not quite right."})]}),(0,s.jsx)(x.$,{type:"button",variant:"ghost",size:"icon",onClick:()=>K("builder",G),disabled:!G,"aria-label":"Copy builder output",className:"size-11 rounded-full border-4 border-slate-200 bg-white text-slate-600 hover:bg-white hover:text-slate-950",children:"builder"===P?(0,s.jsx)(r.A,{className:"size-5 text-emerald-600"}):(0,s.jsx)(i.A,{className:"size-5"})})]}),(0,s.jsx)("div",{className:"mt-4 rounded-[1.6rem] border-4 border-slate-100 bg-slate-50/70 px-4 py-4",children:(0,s.jsx)("p",{"aria-live":"polite",className:"min-h-[5.5rem] break-words text-[1.15rem] font-black leading-relaxed text-slate-900 sm:text-[1.35rem]",children:G||"Pick a style above to build a mixed preview with wraps, symbols, and emoji."})})]}),(0,s.jsxs)("div",{className:"rounded-[1.9rem] border-4 border-white bg-white p-5 shadow-[0_20px_55px_-36px_rgba(15,23,42,0.16)]",children:[(0,s.jsx)("p",{className:"text-xs font-black uppercase tracking-[0.16em] text-slate-500",children:"Recent + export"}),(0,s.jsx)("div",{className:"mt-4 flex flex-col gap-3",children:O.length?O.map((e,t)=>(0,s.jsx)("button",{type:"button",onClick:()=>{l(e),$("Recent style loaded back into the builder.")},title:e,"aria-label":"Use recent styled text ".concat(t+1),className:"truncate rounded-[1.2rem] border-2 border-slate-100 bg-slate-50 px-4 py-3 text-left text-sm font-bold text-slate-700 transition hover:border-emerald-200 hover:bg-white hover:text-slate-950",children:e},e)):(0,s.jsx)("p",{className:"rounded-[1.2rem] border-2 border-dashed border-slate-200 bg-slate-50 px-4 py-4 text-sm font-medium leading-relaxed text-slate-500",children:"Copy or export a builder result and it will show up here for quick reuse."})}),(0,s.jsxs)("div",{className:"mt-5 grid grid-cols-2 gap-3 lg:grid-cols-1",children:[(0,s.jsxs)(x.$,{type:"button",onClick:()=>H("png"),disabled:!G,className:"h-12 rounded-[1.2rem] border-4 border-emerald-800 bg-emerald-700 text-sm font-black text-white shadow-[0_6px_0_0_#065f46] hover:bg-emerald-800",children:[(0,s.jsx)(c.A,{className:"size-4"}),"Export PNG"]}),(0,s.jsxs)(x.$,{type:"button",variant:"ghost",onClick:()=>H("svg"),disabled:!G,className:"h-12 rounded-[1.2rem] border-4 border-slate-200 bg-white text-sm font-black text-slate-700 hover:bg-white hover:text-slate-950",children:[(0,s.jsx)(m.A,{className:"size-4"}),"Export SVG"]})]})]})]})]}),(0,s.jsx)(h.Ay,{currentPath:"/styled-text-font-style/"}),(0,s.jsx)("p",{role:"status","aria-live":"polite",className:"mt-4 min-h-6 text-sm font-medium text-emerald-700",children:I})]})})}}}]);