import{r as e}from"./rolldown-runtime-S-ySWqyJ.js";import{Ci as t,Rt as n,_n as r,oi as i}from"./vendor-DlcENO3s.js";import{yt as a}from"./index-CgkkL22i.js";var o=e(t(),1),s=i();function c({value:e,onChange:t,placeholder:i,ariaLabel:c=`Search`,className:l}){let[u,d]=(0,o.useState)(e.length>0),f=(0,o.useRef)(null);(0,o.useEffect)(()=>{e&&d(!0)},[e]);let p=(0,o.useCallback)(()=>{d(!0),setTimeout(()=>f.current?.focus(),0)},[]),m=(0,o.useCallback)(()=>{e||d(!1)},[e]),h=(0,o.useCallback)(()=>{t(``),setTimeout(()=>f.current?.focus(),0)},[t]);return u?(0,s.jsxs)(`div`,{className:a(`relative w-40 sm:w-48`,l),children:[(0,s.jsx)(r,{size:14,"aria-hidden":`true`,className:`absolute left-2.5 top-1/2 -translate-y-1/2 text-zinc-400`}),(0,s.jsx)(`input`,{ref:f,type:`text`,value:e,onChange:e=>t(e.target.value),onBlur:m,placeholder:i,"aria-label":c,className:`w-full rounded-md border border-zinc-200 bg-zinc-50 py-1.5 pl-8 pr-7 text-xs text-zinc-800 outline-none placeholder:text-zinc-400 focus:border-[var(--glk-brand)] focus:ring-1 focus:ring-[var(--glk-brand)]/20 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-200 dark:placeholder:text-zinc-500`}),e&&(0,s.jsx)(`button`,{type:`button`,onClick:h,"aria-label":`Clear search`,className:`absolute right-2 top-1/2 -translate-y-1/2 flex items-center justify-center rounded text-zinc-400 hover:text-zinc-600 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--glk-brand)] dark:hover:text-zinc-300`,children:(0,s.jsx)(n,{size:12,"aria-hidden":`true`})})]}):(0,s.jsx)(`button`,{type:`button`,onClick:p,className:a(`flex h-8 w-8 items-center justify-center rounded-md border border-zinc-200 text-zinc-400 transition-colors hover:border-zinc-300 hover:text-zinc-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--glk-brand)] dark:border-zinc-700 dark:hover:border-zinc-600 dark:hover:text-zinc-300`,l),"aria-label":c,children:(0,s.jsx)(r,{size:14,"aria-hidden":`true`})})}export{c as t};