{t.panel}

{expert ? ( ) : null} setExpertMode(e.target.checked)} /> {t.expert}

{expert ? (

setQuery(e.target.value)} onKeyDown={onSearchKey} /> {query ? ( {hitCount ? (hitIdx >= 0 ? (hitIdx + 1) + '/' + hitCount : String(hitCount)) : '0'} ) : ( )} {query ? ( ) : null}

) : null} setLangState(v)} />

{Object.keys(TL().PRESETS).map((id) => ( ))}

{Object.keys(TL().THEMES).map((id) => ( ))}

{expert ? ( {ups && ups.length ? (

{ups.map((p) => ( user && user.apply(p, { anchor: tlAnchor() })} onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); user && user.apply(p, { anchor: tlAnchor() }); } }}> {p.name} ))}

) :

{t.upEmpty}

} setUpName(v)} />

user && user.download(upName.trim() || upMatchName())} />

user && upCopy(user.shareLink(upName.trim() || upMatchName()), t.upLinkT, t.upLinkSub)} /> user && upCopy(user.toJSON(upName.trim() || upMatchName()), t.upJsonT)} />

setUpImport(v)} />

upApplyImport(upImport)} /> upFileRef.current && upFileRef.current.click()} />

) : null} TL().set({ mode: v }, { anchor: tlAnchor() })} /> TL().set({ transition: v }, { how: 'none' })} />

{t.palette}{P[s.palette] ? P[s.palette].name : s.palette}

{Object.keys(P).map((id) => ( ))}

set({ neutrals: v })} /> set({ bgPage: v })} /> {s.bgPage === 'image' ? ( TL().set({ bgImageUrl: v, preset: 'custom' }, { how: 'none' })} /> ) : null} {expert ? (<> set({ bgBar: v })} /> set({ bgPanels: v })} /> set({ bgOverlay: v })} /> ) : null} ({ value: id, label: TL().MAIN_FONTS[id].name }))} onChange={(v) => set({ fontMain: v })} /> {s.fontMain === 'custom' ? ( TL().set({ fontCustomMain: v, preset: 'custom' }, { how: 'none' })} /> ) : null} ({ value: id, label: TL().MONO_FONTS[id].name }))} onChange={(v) => set({ fontMono: v })} /> {s.fontMono === 'custom' ? ( TL().set({ fontCustomMono: v, preset: 'custom' }, { how: 'none' })} /> ) : null} {expert ? (<> ({ value: id, label: TL().DISPLAY_FONTS[id].name }))} onChange={(v) => set({ fontDisplay: v })} /> {s.fontDisplay === 'custom' ? ( TL().set({ fontCustomDisplay: v, preset: 'custom' }, { how: 'none' })} /> ) : null} {s.fontDisplay !== 'same' ? ( set({ displayReach: v })} /> ) : null} set({ weights: v })} /> ) : null} set({ typescale: v })} /> set({ radius: v })} /> {expert ? (<> set({ radiusBtn: v })} /> set({ radiusCtl: v })} /> set({ radiusPanel: v })} /> set({ radiusOverlay: v })} /> set({ radiusChip: v })} /> set({ size: v })} /> ) : null} set({ spacing: v })} /> {expert ? ( set({ borderW: v })} /> set({ borderC: v })} /> set({ bwPanel: v })} /> set({ bwCtl: v })} /> set({ bwLine: v })} /> set({ fgStyle: v })} /> ) : null} {expert ? ( set({ segStyle: v })} /> set({ pagStyle: v })} /> set({ comboHl: v })} /> set({ checkAnim: v })} /> set({ linkStyle: v })} /> set({ tabStyle: v })} /> ) : null} {expert ? ( set({ focusW: v })} /> set({ focusGap: v })} /> set({ focusGlow: v })} /> ) : null} {expert ? ( set({ stripe: v })} /> set({ density: v })} /> set({ chips: v })} /> ) : null} set({ shadows: v })} /> set({ effects: v })} /> {expert ? (<> set({ glassSurf: v })} /> set({ glassOver: v })} /> set({ glassCtl: v })} /> ) : null} TL().set({ motion: v, preset: 'custom' }, { how: 'none' })} /> {expert ? (<> TL().set({ reveal: v, preset: 'custom' }, { how: 'none' })} /> TL().set({ pagefx: v, preset: 'custom' }, { how: 'none' })} /> ) : null} p.id !== 'DSGCZ').map((p) => ({ value: p.id, label: ({ 1: '1 — přízemní stín', 2: '2 — jemný gradient', 3: '3 — lesk', 4: '4 — vystouplé', 5: '5 — vystouplé · gradient', 6: '6 — lustr · záře' })[p.id] || p.id, })) )} onChange={(v) => set({ buttons: v })} /> set({ icons: v })} /> {expert ? (<> set({ iconStyle: v })} /> set({ iconWeight: v })} /> ) : null} TL().set({ brandText: v }, { how: 'none' })} />