@wakastellar/ui 4.0.1 → 4.1.1

package/dist/components/waka-query-explain/index.cjs.js

@@ -1,4 +1,4 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../badge/index.cjs.js`),r=require(`../button/index.cjs.js`),i=require(`../scroll-area/index.cjs.js`),a=require(`../tooltip/index.cjs.js`);let o=require(`react`);o=e.__toESM(o);let s=require(`lucide-react`),c=require(`react/jsx-runtime`);var l={"Seq Scan":{icon:s.Table2,color:`text-red-500`,description:`Sequential scan (full table scan)`},"Index Scan":{icon:s.Search,color:`text-green-500`,description:`Index scan`},"Index Only Scan":{icon:s.Search,color:`text-green-600`,description:`Index only scan (no heap access)`},"Bitmap Heap Scan":{icon:s.Table2,color:`text-yellow-500`,description:`Bitmap heap scan`},"Bitmap Index Scan":{icon:s.Search,color:`text-yellow-600`,description:`Bitmap index scan`},"Nested Loop":{icon:s.Layers,color:`text-blue-500`,description:`Nested loop join`},"Hash Join":{icon:s.Layers,color:`text-purple-500`,description:`Hash join`},"Merge Join":{icon:s.Layers,color:`text-indigo-500`,description:`Merge join`},Sort:{icon:s.ArrowDownUp,color:`text-orange-500`,description:`Sort operation`},Aggregate:{icon:s.BarChart3,color:`text-cyan-500`,description:`Aggregate operation`},Group:{icon:s.BarChart3,color:`text-cyan-600`,description:`Group operation`},Limit:{icon:s.Filter,color:`text-gray-500`,description:`Limit rows`},Hash:{icon:s.Database,color:`text-purple-400`,description:`Hash for join`},Materialize:{icon:s.Database,color:`text-gray-400`,description:`Materialize subquery`},"Subquery Scan":{icon:s.Search,color:`text-gray-500`,description:`Subquery scan`},"CTE Scan":{icon:s.Search,color:`text-blue-400`,description:`CTE (Common Table Expression) scan`},Result:{icon:s.Database,color:`text-gray-400`,description:`Result node`},Append:{icon:s.Layers,color:`text-gray-500`,description:`Append results`},Unique:{icon:s.Filter,color:`text-gray-500`,description:`Remove duplicates`},WindowAgg:{icon:s.BarChart3,color:`text-cyan-400`,description:`Window function`},Gather:{icon:s.Layers,color:`text-green-400`,description:`Parallel gather`},"Gather Merge":{icon:s.Layers,color:`text-green-500`,description:`Parallel gather merge`}};function u(e){return e<1e3?e.toFixed(2):e<1e6?`${(e/1e3).toFixed(1)}k`:`${(e/1e6).toFixed(1)}M`}function d(e){return e<1e3?e.toString():e<1e6?`${(e/1e3).toFixed(1)}k`:`${(e/1e6).toFixed(1)}M`}function f(e){return e<1?`${(e*1e3).toFixed(0)}µs`:e<1e3?`${e.toFixed(2)}ms`:`${(e/1e3).toFixed(2)}s`}function p(e,t){return Math.max(5,e/t*100)}function m({node:e,depth:r,maxCost:i,isExpanded:o,onToggle:m,onClick:h,showActual:g,showBuffers:_}){let v=e.children&&e.children.length>0,y=l[e.type]||{icon:s.Database,color:`text-gray-500`,description:e.type},b=y.icon,x=p(e.totalCost,i),S=e.actualRows===void 0?0:(e.actualRows-e.rows)/Math.max(e.rows,1)*100;return(0,c.jsx)(`div`,{className:t.cn(`border-b last:border-b-0 hover:bg-muted/30 transition-colors`,e.warnings&&e.warnings.length>0&&`bg-yellow-500/5`),children:(0,c.jsxs)(`div`,{className:`flex items-center gap-2 p-2 cursor-pointer`,style:{paddingLeft:`${r*20+8}px`},onClick:h,children:[(0,c.jsx)(`button`,{className:`w-5 h-5 flex items-center justify-center text-muted-foreground shrink-0`,onClick:e=>{e.stopPropagation(),m()},disabled:!v,children:v?o?(0,c.jsx)(s.ChevronDown,{className:`h-4 w-4`}):(0,c.jsx)(s.ChevronRight,{className:`h-4 w-4`}):(0,c.jsx)(`span`,{className:`w-4`})}),(0,c.jsx)(a.TooltipProvider,{children:(0,c.jsxs)(a.Tooltip,{children:[(0,c.jsx)(a.TooltipTrigger,{children:(0,c.jsx)(b,{className:t.cn(`h-4 w-4 shrink-0`,y.color)})}),(0,c.jsx)(a.TooltipContent,{children:y.description})]})}),(0,c.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,c.jsx)(`span`,{className:`font-medium text-sm`,children:e.type}),e.relation&&(0,c.jsx)(n.Badge,{variant:`outline`,className:`text-xs`,children:e.alias?`${e.relation} as ${e.alias}`:e.relation}),e.indexName&&(0,c.jsx)(n.Badge,{variant:`secondary`,className:`text-xs text-green-600`,children:e.indexName}),e.joinType&&(0,c.jsx)(n.Badge,{variant:`outline`,className:`text-xs`,children:e.joinType}),e.warnings?.map((e,t)=>(0,c.jsx)(a.TooltipProvider,{children:(0,c.jsxs)(a.Tooltip,{children:[(0,c.jsx)(a.TooltipTrigger,{children:(0,c.jsx)(s.AlertTriangle,{className:`h-4 w-4 text-yellow-500`})}),(0,c.jsx)(a.TooltipContent,{children:e})]})},t))]}),e.filter&&(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground mt-0.5 font-mono truncate`,children:[`Filter: `,e.filter]}),e.sortKey&&e.sortKey.length>0&&(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground mt-0.5 font-mono truncate`,children:[`Sort: `,e.sortKey.join(`, `)]})]}),(0,c.jsxs)(`div`,{className:`w-24 shrink-0`,children:[(0,c.jsx)(`div`,{className:`h-2 bg-muted rounded overflow-hidden`,children:(0,c.jsx)(`div`,{className:t.cn(`h-full rounded`,e.type===`Seq Scan`?`bg-red-500`:`bg-primary`),style:{width:`${x}%`}})}),(0,c.jsx)(`div`,{className:`text-xs text-muted-foreground text-center mt-0.5`,children:u(e.totalCost)})]}),(0,c.jsxs)(`div`,{className:`w-20 text-right shrink-0`,children:[(0,c.jsx)(`div`,{className:`text-sm font-medium`,children:d(e.rows)}),g&&e.actualRows!==void 0&&(0,c.jsxs)(`div`,{className:t.cn(`text-xs`,Math.abs(S)>100?`text-red-500`:Math.abs(S)>50?`text-yellow-500`:`text-muted-foreground`),children:[`→ `,d(e.actualRows)]})]}),g&&e.actualTime!==void 0&&(0,c.jsxs)(`div`,{className:`w-20 text-right shrink-0`,children:[(0,c.jsx)(`div`,{className:`text-sm`,children:f(e.actualTime)}),e.loops&&e.loops>1&&(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`×`,e.loops]})]}),_&&e.buffers&&(0,c.jsxs)(`div`,{className:`w-24 text-right shrink-0 text-xs text-muted-foreground`,children:[e.buffers.sharedHit!==void 0&&(0,c.jsxs)(`div`,{children:[`Hit: `,e.buffers.sharedHit]}),e.buffers.sharedRead!==void 0&&(0,c.jsxs)(`div`,{className:`text-yellow-500`,children:[`Read: `,e.buffers.sharedRead]})]})]})})}function h({node:e,depth:t,maxCost:n,expandedIds:r,onToggle:i,onNodeClick:a,showActual:o,showBuffers:s}){let l=r.has(e.id);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(m,{node:e,depth:t,maxCost:n,isExpanded:l,onToggle:()=>i(e.id),onClick:()=>a?.(e),showActual:o,showBuffers:s}),l&&e.children?.map(e=>(0,c.jsx)(h,{node:e,depth:t+1,maxCost:n,expandedIds:r,onToggle:i,onNodeClick:a,showActual:o,showBuffers:s},e.id))]})}function g({plan:e,showActual:a=!0,showBuffers:l=!1,onNodeClick:d,title:p=`Query Plan`,className:m}){let[g,_]=o.useState(()=>{let t=new Set,n=e=>{t.add(e.id),e.children?.forEach(n)};return n(e.rootNode),t}),[v,y]=o.useState(!1),b=e=>{_(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},x=()=>{let t=new Set,n=e=>{t.add(e.id),e.children?.forEach(n)};n(e.rootNode),_(t)},S=()=>{_(new Set)},C=()=>{navigator.clipboard.writeText(e.query),y(!0),setTimeout(()=>y(!1),2e3)},w=o.useMemo(()=>{let t=0,n=e=>{t+=e.warnings?.length||0,e.children?.forEach(n)};return n(e.rootNode),t},[e.rootNode]),T=o.useMemo(()=>{let t=e=>e.type===`Seq Scan`?!0:e.children?.some(t)||!1;return t(e.rootNode)},[e.rootNode]);return(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col border rounded-lg bg-background`,m),children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-4 p-3 border-b`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsx)(s.Zap,{className:`h-5 w-5`}),(0,c.jsx)(`h3`,{className:`font-semibold`,children:p})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.planningTime!==void 0&&(0,c.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[(0,c.jsx)(s.Clock,{className:`h-3 w-3 mr-1`}),`Plan: `,f(e.planningTime)]}),e.executionTime!==void 0&&(0,c.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[(0,c.jsx)(s.Clock,{className:`h-3 w-3 mr-1`}),`Exec: `,f(e.executionTime)]}),T&&(0,c.jsxs)(n.Badge,{className:`bg-red-500 text-xs`,children:[(0,c.jsx)(s.AlertTriangle,{className:`h-3 w-3 mr-1`}),`Seq Scan`]}),w>0&&(0,c.jsxs)(n.Badge,{className:`bg-yellow-500 text-xs`,children:[w,` warnings`]})]})]}),(0,c.jsx)(`div`,{className:`p-3 border-b bg-muted/30`,children:(0,c.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,c.jsx)(`pre`,{className:`text-xs font-mono whitespace-pre-wrap overflow-x-auto flex-1`,children:e.query}),(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-7 w-7 p-0 shrink-0`,onClick:C,children:v?(0,c.jsx)(s.CheckCircle2,{className:`h-4 w-4 text-green-500`}):(0,c.jsx)(s.Copy,{className:`h-4 w-4`})})]})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 p-2 border-b`,children:[(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-7`,onClick:x,children:`Expand All`}),(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-7`,onClick:S,children:`Collapse All`}),(0,c.jsxs)(`span`,{className:`text-xs text-muted-foreground ml-auto`,children:[`Total Cost: `,u(e.totalCost)]})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 px-2 py-1.5 border-b bg-muted/50 text-xs font-medium text-muted-foreground`,children:[(0,c.jsx)(`div`,{className:`flex-1 pl-7`,children:`Operation`}),(0,c.jsx)(`div`,{className:`w-24 text-center`,children:`Cost`}),(0,c.jsx)(`div`,{className:`w-20 text-right`,children:`Rows`}),a&&(0,c.jsx)(`div`,{className:`w-20 text-right`,children:`Time`}),l&&(0,c.jsx)(`div`,{className:`w-24 text-right`,children:`Buffers`})]}),(0,c.jsx)(i.ScrollArea,{className:`flex-1 max-h-[500px]`,children:(0,c.jsx)(h,{node:e.rootNode,depth:0,maxCost:e.totalCost,expandedIds:g,onToggle:b,onNodeClick:d,showActual:a,showBuffers:l})}),(0,c.jsx)(`div`,{className:`p-2 border-t bg-muted/30 text-xs text-muted-foreground`,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-4 flex-wrap`,children:[(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Search,{className:`h-3 w-3 text-green-500`}),`Index Scan (efficient)`]}),(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Table2,{className:`h-3 w-3 text-red-500`}),`Seq Scan (may need index)`]}),(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Layers,{className:`h-3 w-3 text-blue-500`}),`Join`]}),(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.ArrowDownUp,{className:`h-3 w-3 text-orange-500`}),`Sort`]})]})})]})}var _={query:`SELECT u.name, COUNT(p.id) as post_count
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../badge/index.cjs.js"),r=require("../button/index.cjs.js"),i=require("../scroll-area/index.cjs.js"),a=require("../tooltip/index.cjs.js");let o=require("react");o=e.__toESM(o);let s=require("lucide-react"),c=require("react/jsx-runtime");var l={"Seq Scan":{icon:s.Table2,color:`text-red-500`,description:`Sequential scan (full table scan)`},"Index Scan":{icon:s.Search,color:`text-green-500`,description:`Index scan`},"Index Only Scan":{icon:s.Search,color:`text-green-600`,description:`Index only scan (no heap access)`},"Bitmap Heap Scan":{icon:s.Table2,color:`text-yellow-500`,description:`Bitmap heap scan`},"Bitmap Index Scan":{icon:s.Search,color:`text-yellow-600`,description:`Bitmap index scan`},"Nested Loop":{icon:s.Layers,color:`text-blue-500`,description:`Nested loop join`},"Hash Join":{icon:s.Layers,color:`text-purple-500`,description:`Hash join`},"Merge Join":{icon:s.Layers,color:`text-indigo-500`,description:`Merge join`},Sort:{icon:s.ArrowDownUp,color:`text-orange-500`,description:`Sort operation`},Aggregate:{icon:s.BarChart3,color:`text-cyan-500`,description:`Aggregate operation`},Group:{icon:s.BarChart3,color:`text-cyan-600`,description:`Group operation`},Limit:{icon:s.Filter,color:`text-gray-500`,description:`Limit rows`},Hash:{icon:s.Database,color:`text-purple-400`,description:`Hash for join`},Materialize:{icon:s.Database,color:`text-gray-400`,description:`Materialize subquery`},"Subquery Scan":{icon:s.Search,color:`text-gray-500`,description:`Subquery scan`},"CTE Scan":{icon:s.Search,color:`text-blue-400`,description:`CTE (Common Table Expression) scan`},Result:{icon:s.Database,color:`text-gray-400`,description:`Result node`},Append:{icon:s.Layers,color:`text-gray-500`,description:`Append results`},Unique:{icon:s.Filter,color:`text-gray-500`,description:`Remove duplicates`},WindowAgg:{icon:s.BarChart3,color:`text-cyan-400`,description:`Window function`},Gather:{icon:s.Layers,color:`text-green-400`,description:`Parallel gather`},"Gather Merge":{icon:s.Layers,color:`text-green-500`,description:`Parallel gather merge`}};function u(e){return e<1e3?e.toFixed(2):e<1e6?`${(e/1e3).toFixed(1)}k`:`${(e/1e6).toFixed(1)}M`}function d(e){return e<1e3?e.toString():e<1e6?`${(e/1e3).toFixed(1)}k`:`${(e/1e6).toFixed(1)}M`}function f(e){return e<1?`${(e*1e3).toFixed(0)}µs`:e<1e3?`${e.toFixed(2)}ms`:`${(e/1e3).toFixed(2)}s`}function p(e,t){return Math.max(5,e/t*100)}function m({node:e,depth:r,maxCost:i,isExpanded:o,onToggle:m,onClick:h,showActual:g,showBuffers:_}){let v=e.children&&e.children.length>0,y=l[e.type]||{icon:s.Database,color:`text-gray-500`,description:e.type},b=y.icon,x=p(e.totalCost,i),S=e.actualRows===void 0?0:(e.actualRows-e.rows)/Math.max(e.rows,1)*100;return(0,c.jsx)(`div`,{className:t.cn(`border-b last:border-b-0 hover:bg-muted/30 transition-colors`,e.warnings&&e.warnings.length>0&&`bg-yellow-500/5`),children:(0,c.jsxs)(`div`,{className:`flex items-center gap-2 p-2 cursor-pointer`,style:{paddingLeft:`${r*20+8}px`},onClick:h,children:[(0,c.jsx)(`button`,{className:`w-5 h-5 flex items-center justify-center text-muted-foreground shrink-0`,onClick:e=>{e.stopPropagation(),m()},disabled:!v,children:v?o?(0,c.jsx)(s.ChevronDown,{className:`h-4 w-4`}):(0,c.jsx)(s.ChevronRight,{className:`h-4 w-4`}):(0,c.jsx)(`span`,{className:`w-4`})}),(0,c.jsx)(a.TooltipProvider,{children:(0,c.jsxs)(a.Tooltip,{children:[(0,c.jsx)(a.TooltipTrigger,{children:(0,c.jsx)(b,{className:t.cn(`h-4 w-4 shrink-0`,y.color)})}),(0,c.jsx)(a.TooltipContent,{children:y.description})]})}),(0,c.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,c.jsx)(`span`,{className:`font-medium text-sm`,children:e.type}),e.relation&&(0,c.jsx)(n.Badge,{variant:`outline`,className:`text-xs`,children:e.alias?`${e.relation} as ${e.alias}`:e.relation}),e.indexName&&(0,c.jsx)(n.Badge,{variant:`secondary`,className:`text-xs text-green-600`,children:e.indexName}),e.joinType&&(0,c.jsx)(n.Badge,{variant:`outline`,className:`text-xs`,children:e.joinType}),e.warnings?.map((e,t)=>(0,c.jsx)(a.TooltipProvider,{children:(0,c.jsxs)(a.Tooltip,{children:[(0,c.jsx)(a.TooltipTrigger,{children:(0,c.jsx)(s.AlertTriangle,{className:`h-4 w-4 text-yellow-500`})}),(0,c.jsx)(a.TooltipContent,{children:e})]})},t))]}),e.filter&&(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground mt-0.5 font-mono truncate`,children:[`Filter: `,e.filter]}),e.sortKey&&e.sortKey.length>0&&(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground mt-0.5 font-mono truncate`,children:[`Sort: `,e.sortKey.join(`, `)]})]}),(0,c.jsxs)(`div`,{className:`w-24 shrink-0`,children:[(0,c.jsx)(`div`,{className:`h-2 bg-muted rounded overflow-hidden`,children:(0,c.jsx)(`div`,{className:t.cn(`h-full rounded`,e.type===`Seq Scan`?`bg-red-500`:`bg-primary`),style:{width:`${x}%`}})}),(0,c.jsx)(`div`,{className:`text-xs text-muted-foreground text-center mt-0.5`,children:u(e.totalCost)})]}),(0,c.jsxs)(`div`,{className:`w-20 text-right shrink-0`,children:[(0,c.jsx)(`div`,{className:`text-sm font-medium`,children:d(e.rows)}),g&&e.actualRows!==void 0&&(0,c.jsxs)(`div`,{className:t.cn(`text-xs`,Math.abs(S)>100?`text-red-500`:Math.abs(S)>50?`text-yellow-500`:`text-muted-foreground`),children:[`→ `,d(e.actualRows)]})]}),g&&e.actualTime!==void 0&&(0,c.jsxs)(`div`,{className:`w-20 text-right shrink-0`,children:[(0,c.jsx)(`div`,{className:`text-sm`,children:f(e.actualTime)}),e.loops&&e.loops>1&&(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`×`,e.loops]})]}),_&&e.buffers&&(0,c.jsxs)(`div`,{className:`w-24 text-right shrink-0 text-xs text-muted-foreground`,children:[e.buffers.sharedHit!==void 0&&(0,c.jsxs)(`div`,{children:[`Hit: `,e.buffers.sharedHit]}),e.buffers.sharedRead!==void 0&&(0,c.jsxs)(`div`,{className:`text-yellow-500`,children:[`Read: `,e.buffers.sharedRead]})]})]})})}function h({node:e,depth:t,maxCost:n,expandedIds:r,onToggle:i,onNodeClick:a,showActual:o,showBuffers:s}){let l=r.has(e.id);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(m,{node:e,depth:t,maxCost:n,isExpanded:l,onToggle:()=>i(e.id),onClick:()=>a?.(e),showActual:o,showBuffers:s}),l&&e.children?.map(e=>(0,c.jsx)(h,{node:e,depth:t+1,maxCost:n,expandedIds:r,onToggle:i,onNodeClick:a,showActual:o,showBuffers:s},e.id))]})}function g({plan:e,showActual:a=!0,showBuffers:l=!1,onNodeClick:d,title:p=`Query Plan`,className:m}){let[g,_]=o.useState(()=>{let t=new Set,n=e=>{t.add(e.id),e.children?.forEach(n)};return n(e.rootNode),t}),[v,y]=o.useState(!1),b=e=>{_(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},x=()=>{let t=new Set,n=e=>{t.add(e.id),e.children?.forEach(n)};n(e.rootNode),_(t)},S=()=>{_(new Set)},C=()=>{navigator.clipboard.writeText(e.query),y(!0),setTimeout(()=>y(!1),2e3)},w=o.useMemo(()=>{let t=0,n=e=>{t+=e.warnings?.length||0,e.children?.forEach(n)};return n(e.rootNode),t},[e.rootNode]),T=o.useMemo(()=>{let t=e=>e.type===`Seq Scan`?!0:e.children?.some(t)||!1;return t(e.rootNode)},[e.rootNode]);return(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col border rounded-lg bg-background`,m),children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-4 p-3 border-b`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsx)(s.Zap,{className:`h-5 w-5`}),(0,c.jsx)(`h3`,{className:`font-semibold`,children:p})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.planningTime!==void 0&&(0,c.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[(0,c.jsx)(s.Clock,{className:`h-3 w-3 mr-1`}),`Plan: `,f(e.planningTime)]}),e.executionTime!==void 0&&(0,c.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[(0,c.jsx)(s.Clock,{className:`h-3 w-3 mr-1`}),`Exec: `,f(e.executionTime)]}),T&&(0,c.jsxs)(n.Badge,{className:`bg-red-500 text-xs`,children:[(0,c.jsx)(s.AlertTriangle,{className:`h-3 w-3 mr-1`}),`Seq Scan`]}),w>0&&(0,c.jsxs)(n.Badge,{className:`bg-yellow-500 text-xs`,children:[w,` warnings`]})]})]}),(0,c.jsx)(`div`,{className:`p-3 border-b bg-muted/30`,children:(0,c.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,c.jsx)(`pre`,{className:`text-xs font-mono whitespace-pre-wrap overflow-x-auto flex-1`,children:e.query}),(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-7 w-7 p-0 shrink-0`,onClick:C,children:v?(0,c.jsx)(s.CheckCircle2,{className:`h-4 w-4 text-green-500`}):(0,c.jsx)(s.Copy,{className:`h-4 w-4`})})]})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 p-2 border-b`,children:[(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-7`,onClick:x,children:`Expand All`}),(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-7`,onClick:S,children:`Collapse All`}),(0,c.jsxs)(`span`,{className:`text-xs text-muted-foreground ml-auto`,children:[`Total Cost: `,u(e.totalCost)]})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 px-2 py-1.5 border-b bg-muted/50 text-xs font-medium text-muted-foreground`,children:[(0,c.jsx)(`div`,{className:`flex-1 pl-7`,children:`Operation`}),(0,c.jsx)(`div`,{className:`w-24 text-center`,children:`Cost`}),(0,c.jsx)(`div`,{className:`w-20 text-right`,children:`Rows`}),a&&(0,c.jsx)(`div`,{className:`w-20 text-right`,children:`Time`}),l&&(0,c.jsx)(`div`,{className:`w-24 text-right`,children:`Buffers`})]}),(0,c.jsx)(i.ScrollArea,{className:`flex-1 max-h-[500px]`,children:(0,c.jsx)(h,{node:e.rootNode,depth:0,maxCost:e.totalCost,expandedIds:g,onToggle:b,onNodeClick:d,showActual:a,showBuffers:l})}),(0,c.jsx)(`div`,{className:`p-2 border-t bg-muted/30 text-xs text-muted-foreground`,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-4 flex-wrap`,children:[(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Search,{className:`h-3 w-3 text-green-500`}),`Index Scan (efficient)`]}),(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Table2,{className:`h-3 w-3 text-red-500`}),`Seq Scan (may need index)`]}),(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Layers,{className:`h-3 w-3 text-blue-500`}),`Join`]}),(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.ArrowDownUp,{className:`h-3 w-3 text-orange-500`}),`Sort`]})]})})]})}var _={query:`SELECT u.name, COUNT(p.id) as post_count
 FROM users u
 LEFT JOIN posts p ON p.user_id = u.id
 WHERE u.created_at > '2024-01-01'

package/dist/components/waka-quest-card/index.cjs.js

@@ -1,4 +1,4 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);var a={daily:{icon:r.Calendar,label:`Daily Quest`,color:`text-blue-500`,bgColor:`bg-blue-500/10`,borderColor:`border-blue-500/30`},weekly:{icon:r.CalendarDays,label:`Weekly Quest`,color:`text-purple-500`,bgColor:`bg-purple-500/10`,borderColor:`border-purple-500/30`},story:{icon:r.BookOpen,label:`Story Quest`,color:`text-amber-500`,bgColor:`bg-amber-500/10`,borderColor:`border-amber-500/30`},challenge:{icon:r.Swords,label:`Challenge`,color:`text-red-500`,bgColor:`bg-red-500/10`,borderColor:`border-red-500/30`},achievement:{icon:r.Trophy,label:`Achievement`,color:`text-yellow-500`,bgColor:`bg-yellow-500/10`,borderColor:`border-yellow-500/30`}},o={easy:{label:`Easy`,color:`text-green-500`,bgColor:`bg-green-500/10`,stars:1},medium:{label:`Medium`,color:`text-yellow-500`,bgColor:`bg-yellow-500/10`,stars:2},hard:{label:`Hard`,color:`text-orange-500`,bgColor:`bg-orange-500/10`,stars:3},legendary:{label:`Legendary`,color:`text-purple-500`,bgColor:`bg-purple-500/10`,stars:4,gradient:`from-purple-500 via-pink-500 to-orange-500`}},s={xp:r.Zap,badge:r.Award,item:r.Package,currency:r.Coins};function c({active:e,onComplete:t}){let[a,o]=n.useState(!1);if(n.useEffect(()=>{if(e){o(!0);let e=setTimeout(()=>{o(!1),t?.()},2e3);return()=>clearTimeout(e)}},[e,t]),!a)return null;let s=[`#fbbf24`,`#f59e0b`,`#22c55e`,`#3b82f6`,`#a855f7`,`#ec4899`];return(0,i.jsxs)(`div`,{className:`pointer-events-none absolute inset-0 overflow-hidden rounded-lg`,children:[[...Array(40)].map((e,t)=>{let n=20+Math.random()*60,r=n+(Math.random()-.5)*100,a=4+Math.random()*8,o=.8+Math.random()*.6;return(0,i.jsx)(`div`,{className:`absolute animate-quest-confetti`,style:{left:`${n}%`,width:a,height:a,backgroundColor:s[Math.floor(Math.random()*s.length)],borderRadius:Math.random()>.5?`50%`:`2px`,"--end-x":`${r}%`,animationDuration:`${o}s`,animationDelay:`${Math.random()*.3}s`}},t)}),[...Array(12)].map((e,t)=>(0,i.jsx)(r.Sparkles,{className:`absolute animate-quest-sparkle text-yellow-400`,style:{left:`${10+Math.random()*80}%`,top:`${10+Math.random()*80}%`,animationDelay:`${Math.random()*1}s`,width:12+Math.random()*12,height:12+Math.random()*12}},`sparkle-${t}`)),(0,i.jsx)(`div`,{className:`absolute inset-0 animate-quest-glow bg-gradient-to-t from-yellow-400/20 via-transparent to-transparent`}),(0,i.jsx)(`style`,{children:`
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("lucide-react"),i=require("react/jsx-runtime");var a={daily:{icon:r.Calendar,label:`Daily Quest`,color:`text-blue-500`,bgColor:`bg-blue-500/10`,borderColor:`border-blue-500/30`},weekly:{icon:r.CalendarDays,label:`Weekly Quest`,color:`text-purple-500`,bgColor:`bg-purple-500/10`,borderColor:`border-purple-500/30`},story:{icon:r.BookOpen,label:`Story Quest`,color:`text-amber-500`,bgColor:`bg-amber-500/10`,borderColor:`border-amber-500/30`},challenge:{icon:r.Swords,label:`Challenge`,color:`text-red-500`,bgColor:`bg-red-500/10`,borderColor:`border-red-500/30`},achievement:{icon:r.Trophy,label:`Achievement`,color:`text-yellow-500`,bgColor:`bg-yellow-500/10`,borderColor:`border-yellow-500/30`}},o={easy:{label:`Easy`,color:`text-green-500`,bgColor:`bg-green-500/10`,stars:1},medium:{label:`Medium`,color:`text-yellow-500`,bgColor:`bg-yellow-500/10`,stars:2},hard:{label:`Hard`,color:`text-orange-500`,bgColor:`bg-orange-500/10`,stars:3},legendary:{label:`Legendary`,color:`text-purple-500`,bgColor:`bg-purple-500/10`,stars:4,gradient:`from-purple-500 via-pink-500 to-orange-500`}},s={xp:r.Zap,badge:r.Award,item:r.Package,currency:r.Coins};function c({active:e,onComplete:t}){let[a,o]=n.useState(!1);if(n.useEffect(()=>{if(e){o(!0);let e=setTimeout(()=>{o(!1),t?.()},2e3);return()=>clearTimeout(e)}},[e,t]),!a)return null;let s=[`#fbbf24`,`#f59e0b`,`#22c55e`,`#3b82f6`,`#a855f7`,`#ec4899`];return(0,i.jsxs)(`div`,{className:`pointer-events-none absolute inset-0 overflow-hidden rounded-lg`,children:[[...Array(40)].map((e,t)=>{let n=20+Math.random()*60,r=n+(Math.random()-.5)*100,a=4+Math.random()*8,o=.8+Math.random()*.6;return(0,i.jsx)(`div`,{className:`absolute animate-quest-confetti`,style:{left:`${n}%`,width:a,height:a,backgroundColor:s[Math.floor(Math.random()*s.length)],borderRadius:Math.random()>.5?`50%`:`2px`,"--end-x":`${r}%`,animationDuration:`${o}s`,animationDelay:`${Math.random()*.3}s`}},t)}),[...Array(12)].map((e,t)=>(0,i.jsx)(r.Sparkles,{className:`absolute animate-quest-sparkle text-yellow-400`,style:{left:`${10+Math.random()*80}%`,top:`${10+Math.random()*80}%`,animationDelay:`${Math.random()*1}s`,width:12+Math.random()*12,height:12+Math.random()*12}},`sparkle-${t}`)),(0,i.jsx)(`div`,{className:`absolute inset-0 animate-quest-glow bg-gradient-to-t from-yellow-400/20 via-transparent to-transparent`}),(0,i.jsx)(`style`,{children:`
         @keyframes quest-confetti {
           0% {
             top: 100%;
@@ -29,7 +29,7 @@
         .animate-quest-glow {
           animation: quest-glow 2s ease-out;
         }
-      `})]})}function l({type:e,size:n=`default`,className:r}){let o=a[e],s=o.icon;return(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-lg p-2`,o.bgColor,r),children:(0,i.jsx)(s,{className:t.cn({sm:`h-4 w-4`,default:`h-5 w-5`,lg:`h-6 w-6`}[n],o.color)})})}function u({difficulty:e,size:n=`default`,className:a}){let s=o[e],c={sm:`text-xs px-1.5 py-0.5`,default:`text-xs px-2 py-1`},l=n===`sm`?`h-2.5 w-2.5`:`h-3 w-3`;return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 rounded-full font-medium`,s.bgColor,s.color,c[n],e===`legendary`&&`bg-gradient-to-r from-purple-500/10 via-pink-500/10 to-orange-500/10`,a),children:[[...Array(s.stars)].map((e,n)=>(0,i.jsx)(r.Star,{className:t.cn(l,`fill-current`)},n)),(0,i.jsx)(`span`,{className:`ml-0.5`,children:s.label})]})}function d({expiresAt:e,className:a}){let[o,s]=n.useState(``),[c,l]=n.useState(!1);return n.useEffect(()=>{let t=()=>{let t=new Date,n=e.getTime()-t.getTime();if(n<=0){s(`Expired`),l(!0);return}let r=Math.floor(n/(1e3*60*60)),i=Math.floor(n%(1e3*60*60)/(1e3*60));r>=24?(s(`${Math.floor(r/24)}d ${r%24}h`),l(!1)):r>0?(s(`${r}h ${i}m`),l(r<2)):(s(`${i}m`),l(!0))};t();let n=setInterval(t,6e4);return()=>clearInterval(n)},[e]),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 text-xs`,c?`text-red-500`:`text-muted-foreground`,a),children:[(0,i.jsx)(r.Clock,{className:t.cn(`h-3.5 w-3.5`,c&&`animate-pulse`)}),(0,i.jsx)(`span`,{children:o})]})}function f({objective:e,onClick:n,disabled:a,compact:o}){let s=e.current!==void 0&&e.target!==void 0,c=s?Math.min(100,e.current/e.target*100):0;return(0,i.jsxs)(`button`,{type:`button`,onClick:n,disabled:a||e.completed,className:t.cn(`group flex w-full items-start gap-2 rounded-lg p-2 text-left transition-all`,`hover:bg-muted/50`,e.completed&&`opacity-60`,a&&`cursor-not-allowed`,o&&`p-1.5`),children:[(0,i.jsx)(`div`,{className:t.cn(`flex h-5 w-5 shrink-0 items-center justify-center rounded-md border-2 transition-all`,e.completed?`border-green-500 bg-green-500 text-white`:`border-muted-foreground/30 group-hover:border-primary/50`),children:e.completed&&(0,i.jsx)(r.Check,{className:`h-3 w-3`})}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:t.cn(`text-sm`,e.completed&&`line-through`,o&&`text-xs`),children:e.text}),s&&!e.completed&&(0,i.jsxs)(`div`,{className:`mt-1 flex items-center gap-2`,children:[(0,i.jsx)(`div`,{className:`h-1.5 flex-1 overflow-hidden rounded-full bg-muted`,children:(0,i.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-all duration-300`,style:{width:`${c}%`}})}),(0,i.jsxs)(`span`,{className:`text-xs text-muted-foreground tabular-nums`,children:[e.current,`/`,e.target]})]})]})]})}function p({reward:e,compact:n}){let r=s[e.type];return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1.5 rounded-full px-2 py-1`,{xp:`text-yellow-500 bg-yellow-500/10`,badge:`text-purple-500 bg-purple-500/10`,item:`text-blue-500 bg-blue-500/10`,currency:`text-amber-500 bg-amber-500/10`}[e.type],n&&`px-1.5 py-0.5`),children:[e.icon||(0,i.jsx)(r,{className:t.cn(`h-3.5 w-3.5`,n&&`h-3 w-3`)}),(0,i.jsxs)(`span`,{className:t.cn(`text-xs font-medium`,n&&`text-[10px]`),children:[typeof e.value==`number`?`+${e.value}`:e.value,e.type===`xp`&&` XP`]})]})}function m({progress:e,size:n=`default`,showLabel:r=!0,className:a}){let o=n===`sm`?`h-1.5`:`h-2`;return(0,i.jsxs)(`div`,{className:t.cn(`w-full`,a),children:[(0,i.jsx)(`div`,{className:t.cn(`overflow-hidden rounded-full bg-muted`,o),children:(0,i.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-500 ease-out`,e>=100?`bg-gradient-to-r from-green-400 to-emerald-500`:`bg-gradient-to-r from-blue-500 to-purple-500`),style:{width:`${Math.min(100,e)}%`}})}),r&&(0,i.jsxs)(`div`,{className:`mt-1 flex justify-between text-xs text-muted-foreground`,children:[(0,i.jsx)(`span`,{children:`Progress`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums`,children:[Math.round(e),`%`]})]})]})}function h({status:e,onClick:a,disabled:o}){let[s,c]=n.useState(!1);return e===`claimed`?(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 rounded-lg bg-muted px-4 py-2 text-sm text-muted-foreground`,children:[(0,i.jsx)(r.Check,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:`Claimed`})]}):e===`expired`?(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 rounded-lg bg-red-500/10 px-4 py-2 text-sm text-red-500`,children:[(0,i.jsx)(r.Clock,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:`Expired`})]}):e===`completed`?(0,i.jsxs)(`button`,{type:`button`,onClick:()=>{e!==`completed`||o||(c(!0),a?.())},disabled:o||s,className:t.cn(`group relative flex items-center gap-2 overflow-hidden rounded-lg px-4 py-2 text-sm font-medium text-white transition-all`,`bg-gradient-to-r from-yellow-400 via-orange-500 to-red-500`,`hover:shadow-lg hover:shadow-orange-500/25`,`active:scale-95`,`disabled:opacity-50 disabled:cursor-not-allowed`,s&&`animate-pulse`),children:[(0,i.jsx)(`div`,{className:`absolute inset-0 -translate-x-full animate-claim-shine bg-gradient-to-r from-transparent via-white/20 to-transparent group-hover:translate-x-full`}),(0,i.jsx)(r.Gift,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:`Claim Rewards`}),(0,i.jsx)(`style`,{children:`
+      `})]})}function l({type:e,size:n=`default`,className:r}){let o=a[e],s=o.icon;return(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-lg p-2`,o.bgColor,r),children:(0,i.jsx)(s,{className:t.cn({sm:`h-4 w-4`,default:`h-5 w-5`,lg:`h-6 w-6`}[n],o.color)})})}function u({difficulty:e,size:n=`default`,className:a}){let s=o[e],c={sm:`text-xs px-1.5 py-0.5`,default:`text-xs px-2 py-1`},l=n===`sm`?`h-2.5 w-2.5`:`h-3 w-3`;return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 rounded-full font-medium`,s.bgColor,s.color,c[n],e===`legendary`&&`bg-gradient-to-r from-purple-500/10 via-pink-500/10 to-orange-500/10`,a),children:[[...Array(s.stars)].map((e,n)=>(0,i.jsx)(r.Star,{className:t.cn(l,`fill-current`)},n)),(0,i.jsx)(`span`,{className:`ml-0.5`,children:s.label})]})}function d({expiresAt:e,className:a}){let[o,s]=n.useState(``),[c,l]=n.useState(!1);return n.useEffect(()=>{let t=()=>{let t=new Date,n=e.getTime()-t.getTime();if(n<=0){s(`Expired`),l(!0);return}let r=Math.floor(n/(1e3*60*60)),i=Math.floor(n%(1e3*60*60)/(1e3*60));if(r>=24){let e=Math.floor(r/24);s(`${e}d ${r%24}h`),l(!1)}else r>0?(s(`${r}h ${i}m`),l(r<2)):(s(`${i}m`),l(!0))};t();let n=setInterval(t,6e4);return()=>clearInterval(n)},[e]),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 text-xs`,c?`text-red-500`:`text-muted-foreground`,a),children:[(0,i.jsx)(r.Clock,{className:t.cn(`h-3.5 w-3.5`,c&&`animate-pulse`)}),(0,i.jsx)(`span`,{children:o})]})}function f({objective:e,onClick:n,disabled:a,compact:o}){let s=e.current!==void 0&&e.target!==void 0,c=s?Math.min(100,e.current/e.target*100):0;return(0,i.jsxs)(`button`,{type:`button`,onClick:n,disabled:a||e.completed,className:t.cn(`group flex w-full items-start gap-2 rounded-lg p-2 text-left transition-all`,`hover:bg-muted/50`,e.completed&&`opacity-60`,a&&`cursor-not-allowed`,o&&`p-1.5`),children:[(0,i.jsx)(`div`,{className:t.cn(`flex h-5 w-5 shrink-0 items-center justify-center rounded-md border-2 transition-all`,e.completed?`border-green-500 bg-green-500 text-white`:`border-muted-foreground/30 group-hover:border-primary/50`),children:e.completed&&(0,i.jsx)(r.Check,{className:`h-3 w-3`})}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:t.cn(`text-sm`,e.completed&&`line-through`,o&&`text-xs`),children:e.text}),s&&!e.completed&&(0,i.jsxs)(`div`,{className:`mt-1 flex items-center gap-2`,children:[(0,i.jsx)(`div`,{className:`h-1.5 flex-1 overflow-hidden rounded-full bg-muted`,children:(0,i.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-all duration-300`,style:{width:`${c}%`}})}),(0,i.jsxs)(`span`,{className:`text-xs text-muted-foreground tabular-nums`,children:[e.current,`/`,e.target]})]})]})]})}function p({reward:e,compact:n}){let r=s[e.type];return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1.5 rounded-full px-2 py-1`,{xp:`text-yellow-500 bg-yellow-500/10`,badge:`text-purple-500 bg-purple-500/10`,item:`text-blue-500 bg-blue-500/10`,currency:`text-amber-500 bg-amber-500/10`}[e.type],n&&`px-1.5 py-0.5`),children:[e.icon||(0,i.jsx)(r,{className:t.cn(`h-3.5 w-3.5`,n&&`h-3 w-3`)}),(0,i.jsxs)(`span`,{className:t.cn(`text-xs font-medium`,n&&`text-[10px]`),children:[typeof e.value==`number`?`+${e.value}`:e.value,e.type===`xp`&&` XP`]})]})}function m({progress:e,size:n=`default`,showLabel:r=!0,className:a}){let o=n===`sm`?`h-1.5`:`h-2`;return(0,i.jsxs)(`div`,{className:t.cn(`w-full`,a),children:[(0,i.jsx)(`div`,{className:t.cn(`overflow-hidden rounded-full bg-muted`,o),children:(0,i.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-500 ease-out`,e>=100?`bg-gradient-to-r from-green-400 to-emerald-500`:`bg-gradient-to-r from-blue-500 to-purple-500`),style:{width:`${Math.min(100,e)}%`}})}),r&&(0,i.jsxs)(`div`,{className:`mt-1 flex justify-between text-xs text-muted-foreground`,children:[(0,i.jsx)(`span`,{children:`Progress`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums`,children:[Math.round(e),`%`]})]})]})}function h({status:e,onClick:a,disabled:o}){let[s,c]=n.useState(!1);return e===`claimed`?(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 rounded-lg bg-muted px-4 py-2 text-sm text-muted-foreground`,children:[(0,i.jsx)(r.Check,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:`Claimed`})]}):e===`expired`?(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 rounded-lg bg-red-500/10 px-4 py-2 text-sm text-red-500`,children:[(0,i.jsx)(r.Clock,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:`Expired`})]}):e===`completed`?(0,i.jsxs)(`button`,{type:`button`,onClick:()=>{e!==`completed`||o||(c(!0),a?.())},disabled:o||s,className:t.cn(`group relative flex items-center gap-2 overflow-hidden rounded-lg px-4 py-2 text-sm font-medium text-white transition-all`,`bg-gradient-to-r from-yellow-400 via-orange-500 to-red-500`,`hover:shadow-lg hover:shadow-orange-500/25`,`active:scale-95`,`disabled:opacity-50 disabled:cursor-not-allowed`,s&&`animate-pulse`),children:[(0,i.jsx)(`div`,{className:`absolute inset-0 -translate-x-full animate-claim-shine bg-gradient-to-r from-transparent via-white/20 to-transparent group-hover:translate-x-full`}),(0,i.jsx)(r.Gift,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:`Claim Rewards`}),(0,i.jsx)(`style`,{children:`
         @keyframes claim-shine {
           0% { transform: translateX(-100%); }
           100% { transform: translateX(100%); }

package/dist/components/waka-quest-card/index.es.js

@@ -160,7 +160,10 @@ function E({ expiresAt: n, className: r }) {
 				return;
 			}
 			let r = Math.floor(t / (1e3 * 60 * 60)), i = Math.floor(t % (1e3 * 60 * 60) / (1e3 * 60));
-			r >= 24 ? (a(`${Math.floor(r / 24)}d ${r % 24}h`), c(!1)) : r > 0 ? (a(`${r}h ${i}m`), c(r < 2)) : (a(`${i}m`), c(!0));
+			if (r >= 24) {
+				let e = Math.floor(r / 24);
+				a(`${e}d ${r % 24}h`), c(!1);
+			} else r > 0 ? (a(`${r}h ${i}m`), c(r < 2)) : (a(`${i}m`), c(!0));
 		};
 		e();
 		let t = setInterval(e, 6e4);

package/dist/components/waka-quota-bar/index.cjs.js

@@ -1,4 +1,4 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);var a={normal:`bg-success`,warning:`bg-warning`,danger:`bg-destructive`,overflow:`bg-destructive`},o={sm:{bar:`h-2`,marker:`h-3`,markerDot:`h-1.5 w-1.5`,text:`text-xs`,label:`text-xs`,tooltip:`text-xs p-2`,icon:`h-3 w-3`,gap:`gap-1`},md:{bar:`h-3`,marker:`h-4`,markerDot:`h-2 w-2`,text:`text-sm`,label:`text-sm`,tooltip:`text-sm p-3`,icon:`h-4 w-4`,gap:`gap-2`},lg:{bar:`h-4`,marker:`h-5`,markerDot:`h-2.5 w-2.5`,text:`text-base`,label:`text-base`,tooltip:`text-base p-4`,icon:`h-5 w-5`,gap:`gap-3`}};function s({current:e,softLimit:n,hardLimit:r,unit:a,formatValue:s,size:c,isOverflow:l,usagePercentage:u}){let d=o[c];return(0,i.jsxs)(`div`,{className:t.cn(`absolute left-1/2 -translate-x-1/2 bottom-full mb-2 z-50`,`bg-popover text-popover-foreground border rounded-lg shadow-lg`,`opacity-0 group-hover:opacity-100 transition-opacity duration-200`,`pointer-events-none whitespace-nowrap`,d.tooltip),children:[(0,i.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Current:`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums`,children:[s(e),` `,a]})]}),n!==void 0&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Soft Limit:`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums text-yellow-600`,children:[s(n),` `,a]})]}),(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Hard Limit:`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums text-red-600`,children:[s(r),` `,a]})]}),(0,i.jsx)(`div`,{className:`border-t pt-1.5 mt-1.5`,children:(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Usage:`}),(0,i.jsxs)(`span`,{className:t.cn(`font-medium tabular-nums`,l&&`text-red-600`),children:[u.toFixed(1),`%`]})]})})]}),(0,i.jsx)(`div`,{className:`absolute left-1/2 -translate-x-1/2 top-full -mt-px`,children:(0,i.jsx)(`div`,{className:`border-8 border-transparent border-t-popover`})})]})}function c({position:e,type:n,size:r,label:a,showLabel:s}){let c=o[r],l=n===`soft`;return(0,i.jsxs)(`div`,{className:`absolute top-0 -translate-x-1/2 flex flex-col items-center z-10`,style:{left:`${Math.min(e,100)}%`},children:[(0,i.jsx)(`div`,{className:t.cn(`w-0.5`,c.marker,l?`bg-yellow-500`:`bg-red-500`)}),(0,i.jsx)(`div`,{className:t.cn(`rounded-full -mt-0.5`,c.markerDot,l?`bg-yellow-500`:`bg-red-500`)}),s&&a&&(0,i.jsx)(`span`,{className:t.cn(`absolute top-full mt-1 text-muted-foreground whitespace-nowrap`,c.text),children:a})]})}function l({overflowAmount:e,unit:n,formatValue:a,size:s}){let c=o[s];return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center text-red-600`,c.gap,c.text),children:[(0,i.jsx)(r.AlertTriangle,{className:c.icon}),(0,i.jsxs)(`span`,{className:`font-medium`,children:[`+`,a(e),` `,n,` over limit`]})]})}function u({current:e,softLimit:u,hardLimit:d,label:f,unit:p=``,showLabels:m=!0,showMarkers:h=!0,size:g=`md`,variant:_=`simple`,animated:v=!0,colors:y,formatValue:b=e=>e.toLocaleString(),className:x}){let[S,C]=n.useState(0),w={...a,...y},T=o[g],E=e/d*100,D=u?u/d*100:void 0,O=e>d,k=O?e-d:0,A=n.useCallback(()=>O?w.overflow:u&&e>=u?e>=u+(d-u)*.5?w.danger:w.warning:w.normal,[e,u,d,O,w])();return n.useEffect(()=>{if(!v){C(Math.min(E,100));return}let e=Math.min(E,100),t=S,n=e-t,r=Date.now(),i=()=>{let e=Date.now()-r,a=Math.min(e/800,1);C(t+n*(1-(1-a)**3)),a<1&&requestAnimationFrame(i)};requestAnimationFrame(i)},[E,v]),(0,i.jsxs)(`div`,{className:t.cn(`w-full`,x),children:[(f||m&&_===`detailed`)&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-between mb-2`,T.gap),children:[f&&(0,i.jsx)(`span`,{className:t.cn(`font-medium`,T.label),children:f}),m&&_===`detailed`&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center text-muted-foreground`,T.gap,T.text),children:[(0,i.jsxs)(`span`,{className:`tabular-nums`,children:[b(e),` / `,b(d),` `,p]}),u&&(0,i.jsxs)(`span`,{className:`text-yellow-600`,children:[`(soft: `,b(u),` `,p,`)`]})]})]}),(0,i.jsxs)(`div`,{className:`relative group`,children:[(0,i.jsx)(s,{current:e,softLimit:u,hardLimit:d,unit:p,formatValue:b,size:g,isOverflow:O,usagePercentage:E}),(0,i.jsxs)(`div`,{className:t.cn(`relative w-full overflow-visible rounded-full bg-muted`,T.bar),children:[_===`detailed`&&u&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`absolute inset-y-0 left-0 rounded-l-full bg-green-100 dark:bg-green-900/20`,style:{width:`${D}%`}}),(0,i.jsx)(`div`,{className:`absolute inset-y-0 bg-yellow-100 dark:bg-yellow-900/20`,style:{left:`${D}%`,width:`${50-(D||0)/2}%`}}),(0,i.jsx)(`div`,{className:`absolute inset-y-0 right-0 rounded-r-full bg-red-100 dark:bg-red-900/20`,style:{width:`${100-(D||0)-(50-(D||0)/2)}%`}})]}),(0,i.jsx)(`div`,{className:t.cn(`relative h-full rounded-full transition-colors duration-300`,A,O&&`animate-pulse`),style:{width:`${S}%`,transition:v?void 0:`width 0.3s ease-out`},children:v&&(0,i.jsx)(`div`,{className:`absolute inset-0 overflow-hidden rounded-full`,children:(0,i.jsx)(`div`,{className:`absolute inset-0 animate-quota-shine`})})}),h&&(0,i.jsxs)(i.Fragment,{children:[u&&D!==void 0&&(0,i.jsx)(c,{position:D,type:`soft`,size:g,label:_===`detailed`?`Soft: ${b(u)}`:void 0,showLabel:_===`detailed`}),(0,i.jsx)(c,{position:100,type:`hard`,size:g,label:_===`detailed`?`Hard: ${b(d)}`:void 0,showLabel:_===`detailed`})]})]})]}),m&&_===`simple`&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-between mt-2`,T.text),children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-1 text-muted-foreground`,children:[(0,i.jsx)(r.Info,{className:T.icon}),(0,i.jsxs)(`span`,{className:`tabular-nums`,children:[b(e),` `,p]})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-4 text-muted-foreground`,children:[u&&(0,i.jsxs)(`span`,{className:`text-yellow-600 tabular-nums`,children:[`Soft: `,b(u),` `,p]}),(0,i.jsxs)(`span`,{className:`text-red-600 tabular-nums`,children:[`Hard: `,b(d),` `,p]})]})]}),O&&(0,i.jsx)(`div`,{className:`mt-2`,children:(0,i.jsx)(l,{overflowAmount:k,unit:p,formatValue:b,size:g})}),(0,i.jsx)(`style`,{children:`
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("lucide-react"),i=require("react/jsx-runtime");var a={normal:`bg-success`,warning:`bg-warning`,danger:`bg-destructive`,overflow:`bg-destructive`},o={sm:{bar:`h-2`,marker:`h-3`,markerDot:`h-1.5 w-1.5`,text:`text-xs`,label:`text-xs`,tooltip:`text-xs p-2`,icon:`h-3 w-3`,gap:`gap-1`},md:{bar:`h-3`,marker:`h-4`,markerDot:`h-2 w-2`,text:`text-sm`,label:`text-sm`,tooltip:`text-sm p-3`,icon:`h-4 w-4`,gap:`gap-2`},lg:{bar:`h-4`,marker:`h-5`,markerDot:`h-2.5 w-2.5`,text:`text-base`,label:`text-base`,tooltip:`text-base p-4`,icon:`h-5 w-5`,gap:`gap-3`}};function s({current:e,softLimit:n,hardLimit:r,unit:a,formatValue:s,size:c,isOverflow:l,usagePercentage:u}){let d=o[c];return(0,i.jsxs)(`div`,{className:t.cn(`absolute left-1/2 -translate-x-1/2 bottom-full mb-2 z-50`,`bg-popover text-popover-foreground border rounded-lg shadow-lg`,`opacity-0 group-hover:opacity-100 transition-opacity duration-200`,`pointer-events-none whitespace-nowrap`,d.tooltip),children:[(0,i.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Current:`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums`,children:[s(e),` `,a]})]}),n!==void 0&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Soft Limit:`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums text-yellow-600`,children:[s(n),` `,a]})]}),(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Hard Limit:`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums text-red-600`,children:[s(r),` `,a]})]}),(0,i.jsx)(`div`,{className:`border-t pt-1.5 mt-1.5`,children:(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Usage:`}),(0,i.jsxs)(`span`,{className:t.cn(`font-medium tabular-nums`,l&&`text-red-600`),children:[u.toFixed(1),`%`]})]})})]}),(0,i.jsx)(`div`,{className:`absolute left-1/2 -translate-x-1/2 top-full -mt-px`,children:(0,i.jsx)(`div`,{className:`border-8 border-transparent border-t-popover`})})]})}function c({position:e,type:n,size:r,label:a,showLabel:s}){let c=o[r],l=n===`soft`;return(0,i.jsxs)(`div`,{className:`absolute top-0 -translate-x-1/2 flex flex-col items-center z-10`,style:{left:`${Math.min(e,100)}%`},children:[(0,i.jsx)(`div`,{className:t.cn(`w-0.5`,c.marker,l?`bg-yellow-500`:`bg-red-500`)}),(0,i.jsx)(`div`,{className:t.cn(`rounded-full -mt-0.5`,c.markerDot,l?`bg-yellow-500`:`bg-red-500`)}),s&&a&&(0,i.jsx)(`span`,{className:t.cn(`absolute top-full mt-1 text-muted-foreground whitespace-nowrap`,c.text),children:a})]})}function l({overflowAmount:e,unit:n,formatValue:a,size:s}){let c=o[s];return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center text-red-600`,c.gap,c.text),children:[(0,i.jsx)(r.AlertTriangle,{className:c.icon}),(0,i.jsxs)(`span`,{className:`font-medium`,children:[`+`,a(e),` `,n,` over limit`]})]})}function u({current:e,softLimit:u,hardLimit:d,label:f,unit:p=``,showLabels:m=!0,showMarkers:h=!0,size:g=`md`,variant:_=`simple`,animated:v=!0,colors:y,formatValue:b=e=>e.toLocaleString(),className:x}){let[S,C]=n.useState(0),w={...a,...y},T=o[g],E=e/d*100,D=u?u/d*100:void 0,O=e>d,k=O?e-d:0,A=n.useCallback(()=>O?w.overflow:u&&e>=u?e>=u+(d-u)*.5?w.danger:w.warning:w.normal,[e,u,d,O,w])();return n.useEffect(()=>{if(!v){C(Math.min(E,100));return}let e=Math.min(E,100),t=S,n=e-t,r=Date.now(),i=()=>{let e=Date.now()-r,a=Math.min(e/800,1),o=1-(1-a)**3;C(t+n*o),a<1&&requestAnimationFrame(i)};requestAnimationFrame(i)},[E,v]),(0,i.jsxs)(`div`,{className:t.cn(`w-full`,x),children:[(f||m&&_===`detailed`)&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-between mb-2`,T.gap),children:[f&&(0,i.jsx)(`span`,{className:t.cn(`font-medium`,T.label),children:f}),m&&_===`detailed`&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center text-muted-foreground`,T.gap,T.text),children:[(0,i.jsxs)(`span`,{className:`tabular-nums`,children:[b(e),` / `,b(d),` `,p]}),u&&(0,i.jsxs)(`span`,{className:`text-yellow-600`,children:[`(soft: `,b(u),` `,p,`)`]})]})]}),(0,i.jsxs)(`div`,{className:`relative group`,children:[(0,i.jsx)(s,{current:e,softLimit:u,hardLimit:d,unit:p,formatValue:b,size:g,isOverflow:O,usagePercentage:E}),(0,i.jsxs)(`div`,{className:t.cn(`relative w-full overflow-visible rounded-full bg-muted`,T.bar),children:[_===`detailed`&&u&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`absolute inset-y-0 left-0 rounded-l-full bg-green-100 dark:bg-green-900/20`,style:{width:`${D}%`}}),(0,i.jsx)(`div`,{className:`absolute inset-y-0 bg-yellow-100 dark:bg-yellow-900/20`,style:{left:`${D}%`,width:`${50-(D||0)/2}%`}}),(0,i.jsx)(`div`,{className:`absolute inset-y-0 right-0 rounded-r-full bg-red-100 dark:bg-red-900/20`,style:{width:`${100-(D||0)-(50-(D||0)/2)}%`}})]}),(0,i.jsx)(`div`,{className:t.cn(`relative h-full rounded-full transition-colors duration-300`,A,O&&`animate-pulse`),style:{width:`${S}%`,transition:v?void 0:`width 0.3s ease-out`},children:v&&(0,i.jsx)(`div`,{className:`absolute inset-0 overflow-hidden rounded-full`,children:(0,i.jsx)(`div`,{className:`absolute inset-0 animate-quota-shine`})})}),h&&(0,i.jsxs)(i.Fragment,{children:[u&&D!==void 0&&(0,i.jsx)(c,{position:D,type:`soft`,size:g,label:_===`detailed`?`Soft: ${b(u)}`:void 0,showLabel:_===`detailed`}),(0,i.jsx)(c,{position:100,type:`hard`,size:g,label:_===`detailed`?`Hard: ${b(d)}`:void 0,showLabel:_===`detailed`})]})]})]}),m&&_===`simple`&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-between mt-2`,T.text),children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-1 text-muted-foreground`,children:[(0,i.jsx)(r.Info,{className:T.icon}),(0,i.jsxs)(`span`,{className:`tabular-nums`,children:[b(e),` `,p]})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-4 text-muted-foreground`,children:[u&&(0,i.jsxs)(`span`,{className:`text-yellow-600 tabular-nums`,children:[`Soft: `,b(u),` `,p]}),(0,i.jsxs)(`span`,{className:`text-red-600 tabular-nums`,children:[`Hard: `,b(d),` `,p]})]})]}),O&&(0,i.jsx)(`div`,{className:`mt-2`,children:(0,i.jsx)(l,{overflowAmount:k,unit:p,formatValue:b,size:g})}),(0,i.jsx)(`style`,{children:`
         @keyframes quota-shine {
           0% { transform: translateX(-100%); opacity: 0; }
           50% { opacity: 0.3; }
@@ -8,4 +8,4 @@
           background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
           animation: quota-shine 2s ease-in-out infinite;
         }
-      `})]})}function d({resources:e,compact:n=!1,size:r=`md`,animated:a=!0,formatValue:s,className:c}){let l=o[r];return(0,i.jsx)(`div`,{className:t.cn(`space-y-4`,c),children:e.map(e=>(0,i.jsxs)(`div`,{className:n?`space-y-1`:void 0,children:[(0,i.jsx)(u,{current:e.current,softLimit:e.softLimit,hardLimit:e.hardLimit,label:e.label,unit:e.unit,size:n?`sm`:r,variant:n?`simple`:`detailed`,animated:a,colors:e.colors,formatValue:s,showLabels:!n,showMarkers:!n}),n&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-between text-muted-foreground`,l.text),children:[(0,i.jsx)(`span`,{children:e.label}),(0,i.jsxs)(`span`,{className:`tabular-nums`,children:[(s||(e=>e.toLocaleString()))(e.current),` /`,` `,(s||(e=>e.toLocaleString()))(e.hardLimit),` `,e.unit]})]})]},e.id))})}function f({initialValue:e=0,softLimit:t,hardLimit:r,onApproachingSoftLimit:i,onApproachingHardLimit:a,onOverflow:o,approachingThreshold:s=80}){let[c,l]=n.useState(e),u=n.useRef(c),d=c/r*100,f=t?t/r*100:void 0,p=c>r,m=p?c-r:0,h=Math.max(0,r-c),g=n.useMemo(()=>p?`overflow`:t&&c>=t?c>=t+(r-t)*.5?`danger`:`warning`:`normal`,[c,t,r,p]);return n.useEffect(()=>{let e=u.current;u.current=c,p&&e<=r?o?.(c,m):t&&c>=s/100*t&&e<s/100*t?i?.(c):c>=s/100*r&&e<s/100*r&&a?.(c)},[c,t,r,p,m,s,i,a,o]),{current:c,usagePercentage:d,softLimitPercentage:f,isOverflow:p,overflowAmount:m,remaining:h,zone:g,add:n.useCallback(e=>{l(t=>t+e)},[]),subtract:n.useCallback(e=>{l(t=>Math.max(0,t-e))},[]),set:n.useCallback(e=>{l(e)},[]),reset:n.useCallback(()=>{l(0)},[])}}exports.WakaMultiQuotaBar=d,exports.default=u,exports.useQuota=f;
+      `})]})}function d({resources:e,compact:n=!1,size:r=`md`,animated:a=!0,formatValue:s,className:c}){let l=o[r];return(0,i.jsx)(`div`,{className:t.cn(`space-y-4`,c),children:e.map(e=>(0,i.jsxs)(`div`,{className:n?`space-y-1`:void 0,children:[(0,i.jsx)(u,{current:e.current,softLimit:e.softLimit,hardLimit:e.hardLimit,label:e.label,unit:e.unit,size:n?`sm`:r,variant:n?`simple`:`detailed`,animated:a,colors:e.colors,formatValue:s,showLabels:!n,showMarkers:!n}),n&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-between text-muted-foreground`,l.text),children:[(0,i.jsx)(`span`,{children:e.label}),(0,i.jsxs)(`span`,{className:`tabular-nums`,children:[(s||(e=>e.toLocaleString()))(e.current),` /`,` `,(s||(e=>e.toLocaleString()))(e.hardLimit),` `,e.unit]})]})]},e.id))})}function f({initialValue:e=0,softLimit:t,hardLimit:r,onApproachingSoftLimit:i,onApproachingHardLimit:a,onOverflow:o,approachingThreshold:s=80}){let[c,l]=n.useState(e),u=n.useRef(c),d=c/r*100,f=t?t/r*100:void 0,p=c>r,m=p?c-r:0,h=Math.max(0,r-c),g=n.useMemo(()=>{if(p)return`overflow`;if(t&&c>=t){let e=t+(r-t)*.5;return c>=e?`danger`:`warning`}return`normal`},[c,t,r,p]);return n.useEffect(()=>{let e=u.current;u.current=c,p&&e<=r?o?.(c,m):t&&c>=s/100*t&&e<s/100*t?i?.(c):c>=s/100*r&&e<s/100*r&&a?.(c)},[c,t,r,p,m,s,i,a,o]),{current:c,usagePercentage:d,softLimitPercentage:f,isOverflow:p,overflowAmount:m,remaining:h,zone:g,add:n.useCallback(e=>{l(t=>t+e)},[]),subtract:n.useCallback(e=>{l(t=>Math.max(0,t-e))},[]),set:n.useCallback(e=>{l(e)},[]),reset:n.useCallback(()=>{l(0)},[])}}exports.WakaMultiQuotaBar=d,exports.WakaQuotaBar=u,exports.default=u,exports.useQuota=f;

package/dist/components/waka-quota-bar/index.es.js

@@ -159,8 +159,8 @@ function f({ current: n, softLimit: f, hardLimit: p, label: m, unit: h = "", sho
 			return;
 		}
 		let e = Math.min(O, 100), t = w, n = e - t, r = Date.now(), i = () => {
-			let e = Date.now() - r, a = Math.min(e / 800, 1);
-			T(t + n * (1 - (1 - a) ** 3)), a < 1 && requestAnimationFrame(i);
+			let e = Date.now() - r, a = Math.min(e / 800, 1), o = 1 - (1 - a) ** 3;
+			T(t + n * o), a < 1 && requestAnimationFrame(i);
 		};
 		requestAnimationFrame(i);
 	}, [O, b]), /* @__PURE__ */ o("div", {
@@ -335,7 +335,14 @@ function p({ resources: t, compact: n = !1, size: r = "md", animated: i = !0, fo
 	});
 }
 function m({ initialValue: e = 0, softLimit: n, hardLimit: r, onApproachingSoftLimit: i, onApproachingHardLimit: a, onOverflow: o, approachingThreshold: s = 80 }) {
-	let [c, l] = t.useState(e), u = t.useRef(c), d = c / r * 100, f = n ? n / r * 100 : void 0, p = c > r, m = p ? c - r : 0, h = Math.max(0, r - c), g = t.useMemo(() => p ? "overflow" : n && c >= n ? c >= n + (r - n) * .5 ? "danger" : "warning" : "normal", [
+	let [c, l] = t.useState(e), u = t.useRef(c), d = c / r * 100, f = n ? n / r * 100 : void 0, p = c > r, m = p ? c - r : 0, h = Math.max(0, r - c), g = t.useMemo(() => {
+		if (p) return "overflow";
+		if (n && c >= n) {
+			let e = n + (r - n) * .5;
+			return c >= e ? "danger" : "warning";
+		}
+		return "normal";
+	}, [
 		c,
 		n,
 		r,
@@ -377,4 +384,4 @@ function m({ initialValue: e = 0, softLimit: n, hardLimit: r, onApproachingSoftL
 	};
 }
 //#endregion
-export { p as WakaMultiQuotaBar, f as default, m as useQuota };
+export { p as WakaMultiQuotaBar, f as WakaQuotaBar, f as default, m as useQuota };

package/dist/components/waka-radar-score/index.cjs.js

@@ -1 +1 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);function i(e){let[t,r]=n.useState(null),[i,a]=n.useState(null);return{activeDataset:t,setActiveDataset:r,hoveredPoint:i,setHoveredPoint:a}}function a({axes:e,datasets:i,size:a=300,levels:o=5,maxValue:s=100,showGrid:c=!0,showLabels:l=!0,showPoints:u=!0,showTooltip:d=!0,animated:f=!0,animationDuration:p=1e3,className:m,legendPosition:h=`bottom`,gridColor:g=`currentColor`,axisColor:_=`currentColor`,labelColor:v=`currentColor`}){let[y,b]=n.useState(!f),[x,S]=n.useState(null),[C,w]=n.useState(null),T=n.useRef(null);n.useEffect(()=>{if(f){let e=setTimeout(()=>{b(!0)},50);return()=>clearTimeout(e)}},[f]);let E=e.length,D=2*Math.PI/E,O=a/2,k=a/2,A=a*.35,j=(e,t,n=s)=>{let r=e*D-Math.PI/2,i=t/n*A;return{x:O+i*Math.cos(r),y:k+i*Math.sin(r)}},M=(e,t=1)=>e.map((e,n)=>{let r=j(n,e*t);return`${n===0?`M`:`L`} ${r.x} ${r.y}`}).join(` `)+` Z`,N=e=>{let t=e/o*A;return Array.from({length:E}).map((e,n)=>{let r=n*D-Math.PI/2,i=O+t*Math.cos(r),a=k+t*Math.sin(r);return`${n===0?`M`:`L`} ${i} ${a}`}).join(` `)+` Z`},P=[`hsl(var(--chart-1))`,`hsl(var(--chart-2))`,`hsl(var(--chart-3))`,`hsl(var(--chart-4))`,`hsl(var(--chart-5))`,`hsl(var(--primary))`],F=(e,t)=>t.color||P[e%P.length],I=(e,t,n,r,i)=>{let a=j(n,r);S({datasetId:t,axisIndex:n,x:a.x,y:a.y,value:r,label:i})},L=()=>h===`none`?null:(0,r.jsx)(`div`,{className:t.cn(`flex gap-4 flex-wrap`,(h===`left`||h===`right`)&&`flex-col`),children:i.map((e,n)=>(0,r.jsxs)(`button`,{type:`button`,className:t.cn(`flex items-center gap-2 text-sm transition-opacity duration-200`,`hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary rounded px-1`,C&&C!==e.id&&`opacity-50`),onMouseEnter:()=>w(e.id),onMouseLeave:()=>w(null),children:[(0,r.jsx)(`span`,{className:`w-3 h-3 rounded-full`,style:{backgroundColor:F(n,e)}}),(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:e.label})]},e.id))});return(0,r.jsxs)(`div`,{className:t.cn(`inline-flex flex-col items-center gap-4`,h===`left`&&`flex-row-reverse`,h===`right`&&`flex-row`,m),children:[h===`top`&&L(),h===`left`&&L(),(0,r.jsxs)(`div`,{className:`relative`,style:{width:a,height:a},children:[(0,r.jsxs)(`svg`,{ref:T,width:a,height:a,viewBox:`0 0 ${a} ${a}`,className:`overflow-visible`,"aria-hidden":`true`,focusable:`false`,children:[c&&Array.from({length:o}).map((e,t)=>(0,r.jsx)(`path`,{d:N(t+1),fill:`none`,stroke:g,strokeWidth:`1`,className:`opacity-20`},`grid-${t}`)),e.map((e,t)=>{let n=t*D-Math.PI/2;return(0,r.jsx)(`line`,{x1:O,y1:k,x2:O+A*Math.cos(n),y2:k+A*Math.sin(n),stroke:_,strokeWidth:`1`,className:`opacity-30`},`axis-${t}`)}),i.map((n,i)=>{let a=F(i,n);return(0,r.jsxs)(`g`,{className:t.cn(`transition-opacity duration-200`,!(!C||C===n.id)&&`opacity-30`),children:[(0,r.jsx)(`path`,{d:M(n.data,+!!y),fill:a,fillOpacity:n.fillOpacity??.2,stroke:a,strokeWidth:n.strokeWidth??2,strokeLinejoin:`round`,className:t.cn(f&&`transition-all ease-out`),style:{transitionDuration:`${p}ms`}}),u&&n.data.map((i,o)=>{let s=j(o,y?i:0),c=x?.datasetId===n.id&&x?.axisIndex===o;return(0,r.jsx)(`circle`,{cx:s.x,cy:s.y,r:c?6:4,fill:a,stroke:`white`,strokeWidth:`2`,className:t.cn(`cursor-pointer transition-all duration-200`,f&&`transition-all ease-out`),style:{transitionDuration:f?`${p}ms`:`200ms`},onMouseEnter:t=>I(t,n.id,o,i,e[o]),onMouseLeave:()=>S(null)},`point-${o}`)})]},n.id)}),l&&e.map((e,t)=>{let n=t*D-Math.PI/2,i=O+(A+25)*Math.cos(n),a=k+(A+25)*Math.sin(n),o=`middle`,s=`0.35em`,c=(n+Math.PI*2)%(Math.PI*2);return c>Math.PI/6&&c<5*Math.PI/6?o=`start`:c>7*Math.PI/6&&c<11*Math.PI/6&&(o=`end`),c>Math.PI/3&&c<2*Math.PI/3?s=`0.85em`:c>4*Math.PI/3&&c<5*Math.PI/3&&(s=`-0.35em`),(0,r.jsx)(`text`,{x:i,y:a,textAnchor:o,dy:s,fill:v,className:`text-xs font-medium opacity-70`,children:e},`label-${t}`)})]}),d&&x&&(0,r.jsxs)(`div`,{className:t.cn(`absolute z-10 px-2 py-1 text-xs font-medium rounded-md shadow-lg`,`bg-foreground text-background`,`animate-in fade-in-0 zoom-in-95 duration-100`,`pointer-events-none`),style:{left:x.x,top:x.y-35,transform:`translateX(-50%)`},children:[(0,r.jsx)(`div`,{className:`font-semibold`,children:x.label}),(0,r.jsx)(`div`,{children:x.value.toFixed(1)}),(0,r.jsx)(`div`,{className:`absolute left-1/2 -translate-x-1/2 -bottom-1 w-2 h-2 rotate-45 bg-foreground`})]})]}),h===`bottom`&&L(),h===`right`&&L()]})}function o({data:e,color:t=`hsl(var(--chart-1))`,fillOpacity:n=.2,...i}){let o=e.map(e=>e.label),s=e.map(e=>e.value),c=Math.max(...e.map(e=>e.max??100));return(0,r.jsx)(a,{axes:o,datasets:[{id:`main`,label:`Score`,data:s,color:t,fillOpacity:n}],maxValue:c,legendPosition:`none`,...i})}function s({dataA:e,dataB:t,...n}){return(0,r.jsx)(a,{datasets:[{id:`a`,label:e.label,data:e.data,color:e.color||`hsl(var(--chart-1))`,fillOpacity:.15},{id:`b`,label:t.label,data:t.data,color:t.color||`hsl(var(--chart-2))`,fillOpacity:.15}],...n})}exports.WakaRadarScoreCompare=s,exports.WakaRadarScoreSimple=o,exports.default=a,exports.useRadarScore=i;
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("react/jsx-runtime");function i(e){let[t,r]=n.useState(null),[i,a]=n.useState(null);return{activeDataset:t,setActiveDataset:r,hoveredPoint:i,setHoveredPoint:a}}function a({axes:e,datasets:i,size:a=300,levels:o=5,maxValue:s=100,showGrid:c=!0,showLabels:l=!0,showPoints:u=!0,showTooltip:d=!0,animated:f=!0,animationDuration:p=1e3,className:m,legendPosition:h=`bottom`,gridColor:g=`currentColor`,axisColor:_=`currentColor`,labelColor:v=`currentColor`}){let[y,b]=n.useState(!f),[x,S]=n.useState(null),[C,w]=n.useState(null),T=n.useRef(null);n.useEffect(()=>{if(f){let e=setTimeout(()=>{b(!0)},50);return()=>clearTimeout(e)}},[f]);let E=e.length,D=2*Math.PI/E,O=a/2,k=a/2,A=a*.35,j=(e,t,n=s)=>{let r=e*D-Math.PI/2,i=t/n*A;return{x:O+i*Math.cos(r),y:k+i*Math.sin(r)}},M=(e,t=1)=>e.map((e,n)=>{let r=e*t,i=j(n,r);return`${n===0?`M`:`L`} ${i.x} ${i.y}`}).join(` `)+` Z`,N=e=>{let t=e/o*A;return Array.from({length:E}).map((e,n)=>{let r=n*D-Math.PI/2,i=O+t*Math.cos(r),a=k+t*Math.sin(r);return`${n===0?`M`:`L`} ${i} ${a}`}).join(` `)+` Z`},P=[`hsl(var(--chart-1))`,`hsl(var(--chart-2))`,`hsl(var(--chart-3))`,`hsl(var(--chart-4))`,`hsl(var(--chart-5))`,`hsl(var(--primary))`],F=(e,t)=>t.color||P[e%P.length],I=(e,t,n,r,i)=>{let a=j(n,r);S({datasetId:t,axisIndex:n,x:a.x,y:a.y,value:r,label:i})},L=()=>h===`none`?null:(0,r.jsx)(`div`,{className:t.cn(`flex gap-4 flex-wrap`,(h===`left`||h===`right`)&&`flex-col`),children:i.map((e,n)=>(0,r.jsxs)(`button`,{type:`button`,className:t.cn(`flex items-center gap-2 text-sm transition-opacity duration-200`,`hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary rounded px-1`,C&&C!==e.id&&`opacity-50`),onMouseEnter:()=>w(e.id),onMouseLeave:()=>w(null),children:[(0,r.jsx)(`span`,{className:`w-3 h-3 rounded-full`,style:{backgroundColor:F(n,e)}}),(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:e.label})]},e.id))});return(0,r.jsxs)(`div`,{className:t.cn(`inline-flex flex-col items-center gap-4`,h===`left`&&`flex-row-reverse`,h===`right`&&`flex-row`,m),children:[h===`top`&&L(),h===`left`&&L(),(0,r.jsxs)(`div`,{className:`relative`,style:{width:a,height:a},children:[(0,r.jsxs)(`svg`,{ref:T,width:a,height:a,viewBox:`0 0 ${a} ${a}`,className:`overflow-visible`,"aria-hidden":`true`,focusable:`false`,children:[c&&Array.from({length:o}).map((e,t)=>(0,r.jsx)(`path`,{d:N(t+1),fill:`none`,stroke:g,strokeWidth:`1`,className:`opacity-20`},`grid-${t}`)),e.map((e,t)=>{let n=t*D-Math.PI/2,i=O+A*Math.cos(n),a=k+A*Math.sin(n);return(0,r.jsx)(`line`,{x1:O,y1:k,x2:i,y2:a,stroke:_,strokeWidth:`1`,className:`opacity-30`},`axis-${t}`)}),i.map((n,i)=>{let a=F(i,n);return(0,r.jsxs)(`g`,{className:t.cn(`transition-opacity duration-200`,!(!C||C===n.id)&&`opacity-30`),children:[(0,r.jsx)(`path`,{d:M(n.data,+!!y),fill:a,fillOpacity:n.fillOpacity??.2,stroke:a,strokeWidth:n.strokeWidth??2,strokeLinejoin:`round`,className:t.cn(f&&`transition-all ease-out`),style:{transitionDuration:`${p}ms`}}),u&&n.data.map((i,o)=>{let s=j(o,y?i:0),c=x?.datasetId===n.id&&x?.axisIndex===o;return(0,r.jsx)(`circle`,{cx:s.x,cy:s.y,r:c?6:4,fill:a,stroke:`white`,strokeWidth:`2`,className:t.cn(`cursor-pointer transition-all duration-200`,f&&`transition-all ease-out`),style:{transitionDuration:f?`${p}ms`:`200ms`},onMouseEnter:t=>I(t,n.id,o,i,e[o]),onMouseLeave:()=>S(null)},`point-${o}`)})]},n.id)}),l&&e.map((e,t)=>{let n=t*D-Math.PI/2,i=O+(A+25)*Math.cos(n),a=k+(A+25)*Math.sin(n),o=`middle`,s=`0.35em`,c=(n+Math.PI*2)%(Math.PI*2);return c>Math.PI/6&&c<5*Math.PI/6?o=`start`:c>7*Math.PI/6&&c<11*Math.PI/6&&(o=`end`),c>Math.PI/3&&c<2*Math.PI/3?s=`0.85em`:c>4*Math.PI/3&&c<5*Math.PI/3&&(s=`-0.35em`),(0,r.jsx)(`text`,{x:i,y:a,textAnchor:o,dy:s,fill:v,className:`text-xs font-medium opacity-70`,children:e},`label-${t}`)})]}),d&&x&&(0,r.jsxs)(`div`,{className:t.cn(`absolute z-10 px-2 py-1 text-xs font-medium rounded-md shadow-lg`,`bg-foreground text-background`,`animate-in fade-in-0 zoom-in-95 duration-100`,`pointer-events-none`),style:{left:x.x,top:x.y-35,transform:`translateX(-50%)`},children:[(0,r.jsx)(`div`,{className:`font-semibold`,children:x.label}),(0,r.jsx)(`div`,{children:x.value.toFixed(1)}),(0,r.jsx)(`div`,{className:`absolute left-1/2 -translate-x-1/2 -bottom-1 w-2 h-2 rotate-45 bg-foreground`})]})]}),h===`bottom`&&L(),h===`right`&&L()]})}function o({data:e,color:t=`hsl(var(--chart-1))`,fillOpacity:n=.2,...i}){let o=e.map(e=>e.label),s=e.map(e=>e.value),c=Math.max(...e.map(e=>e.max??100));return(0,r.jsx)(a,{axes:o,datasets:[{id:`main`,label:`Score`,data:s,color:t,fillOpacity:n}],maxValue:c,legendPosition:`none`,...i})}function s({dataA:e,dataB:t,...n}){return(0,r.jsx)(a,{datasets:[{id:`a`,label:e.label,data:e.data,color:e.color||`hsl(var(--chart-1))`,fillOpacity:.15},{id:`b`,label:t.label,data:t.data,color:t.color||`hsl(var(--chart-2))`,fillOpacity:.15}],...n})}exports.WakaRadarScore=a,exports.default=a,exports.WakaRadarScoreCompare=s,exports.WakaRadarScoreSimple=o,exports.useRadarScore=i;

package/dist/components/waka-radar-score/index.es.js

@@ -30,8 +30,8 @@ function a({ axes: i, datasets: a, size: o = 300, levels: s = 5, maxValue: c = 1
 			y: A + i * Math.sin(r)
 		};
 	}, N = (e, t = 1) => e.map((e, n) => {
-		let r = M(n, e * t);
-		return `${n === 0 ? "M" : "L"} ${r.x} ${r.y}`;
+		let r = e * t, i = M(n, r);
+		return `${n === 0 ? "M" : "L"} ${i.x} ${i.y}`;
 	}).join(" ") + " Z", P = (e) => {
 		let t = e / s * j;
 		return Array.from({ length: D }).map((e, n) => {
@@ -99,12 +99,12 @@ function a({ axes: i, datasets: a, size: o = 300, levels: s = 5, maxValue: c = 1
 							className: "opacity-20"
 						}, `grid-${t}`)),
 						i.map((e, t) => {
-							let r = t * O - Math.PI / 2;
+							let r = t * O - Math.PI / 2, i = k + j * Math.cos(r), a = A + j * Math.sin(r);
 							return /* @__PURE__ */ n("line", {
 								x1: k,
 								y1: A,
-								x2: k + j * Math.cos(r),
-								y2: A + j * Math.sin(r),
+								x2: i,
+								y2: a,
 								stroke: v,
 								strokeWidth: "1",
 								className: "opacity-30"
@@ -210,4 +210,4 @@ function s({ dataA: e, dataB: t, ...r }) {
 	});
 }
 //#endregion
-export { s as WakaRadarScoreCompare, o as WakaRadarScoreSimple, a as default, i as useRadarScore };
+export { a as WakaRadarScore, a as default, s as WakaRadarScoreCompare, o as WakaRadarScoreSimple, i as useRadarScore };

package/dist/components/waka-rank-badge/index.cjs.js

@@ -1,4 +1,4 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);var i=[`bronze`,`silver`,`gold`,`platinum`,`diamond`,`master`,`grandmaster`],a={bronze:{label:`Bronze`,colors:{primary:`from-amber-700 to-amber-900`,secondary:`from-amber-600 to-amber-800`,accent:`bg-amber-500`,glow:`shadow-amber-500/50`,text:`text-amber-100`,border:`border-amber-600`},icon:`B`},silver:{label:`Silver`,colors:{primary:`from-slate-300 to-slate-500`,secondary:`from-slate-200 to-slate-400`,accent:`bg-slate-300`,glow:`shadow-slate-400/50`,text:`text-slate-900`,border:`border-slate-400`},icon:`S`},gold:{label:`Gold`,colors:{primary:`from-yellow-400 to-yellow-600`,secondary:`from-yellow-300 to-yellow-500`,accent:`bg-yellow-400`,glow:`shadow-yellow-400/60`,text:`text-yellow-950`,border:`border-yellow-500`},icon:`G`},platinum:{label:`Platinum`,colors:{primary:`from-cyan-300 to-cyan-500`,secondary:`from-cyan-200 to-cyan-400`,accent:`bg-cyan-300`,glow:`shadow-cyan-400/60`,text:`text-cyan-950`,border:`border-cyan-400`},icon:`P`},diamond:{label:`Diamond`,colors:{primary:`from-blue-300 to-purple-400`,secondary:`from-blue-200 to-purple-300`,accent:`bg-blue-300`,glow:`shadow-blue-400/70`,text:`text-blue-950`,border:`border-blue-400`},icon:`D`},master:{label:`Master`,colors:{primary:`from-purple-500 to-pink-500`,secondary:`from-purple-400 to-pink-400`,accent:`bg-purple-400`,glow:`shadow-purple-500/70`,text:`text-white`,border:`border-purple-500`},icon:`M`},grandmaster:{label:`Grandmaster`,colors:{primary:`from-red-500 via-orange-500 to-yellow-500`,secondary:`from-red-400 via-orange-400 to-yellow-400`,accent:`bg-gradient-to-r from-red-400 to-yellow-400`,glow:`shadow-orange-500/80`,text:`text-white`,border:`border-orange-500`},icon:`GM`}},o={sm:{container:`w-12 h-12`,badge:`w-10 h-10`,icon:`text-xs font-bold`,text:`text-[8px]`,division:`text-[6px]`,points:`text-[8px]`,shine:`w-3`},md:{container:`w-16 h-16`,badge:`w-14 h-14`,icon:`text-sm font-bold`,text:`text-[10px]`,division:`text-[8px]`,points:`text-xs`,shine:`w-4`},lg:{container:`w-24 h-24`,badge:`w-20 h-20`,icon:`text-xl font-bold`,text:`text-xs`,division:`text-[10px]`,points:`text-sm`,shine:`w-6`},xl:{container:`w-32 h-32`,badge:`w-28 h-28`,icon:`text-3xl font-bold`,text:`text-sm`,division:`text-xs`,points:`text-base`,shine:`w-8`}},s=`
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("react/jsx-runtime");var i=[`bronze`,`silver`,`gold`,`platinum`,`diamond`,`master`,`grandmaster`],a={bronze:{label:`Bronze`,colors:{primary:`from-amber-700 to-amber-900`,secondary:`from-amber-600 to-amber-800`,accent:`bg-amber-500`,glow:`shadow-amber-500/50`,text:`text-amber-100`,border:`border-amber-600`},icon:`B`},silver:{label:`Silver`,colors:{primary:`from-slate-300 to-slate-500`,secondary:`from-slate-200 to-slate-400`,accent:`bg-slate-300`,glow:`shadow-slate-400/50`,text:`text-slate-900`,border:`border-slate-400`},icon:`S`},gold:{label:`Gold`,colors:{primary:`from-yellow-400 to-yellow-600`,secondary:`from-yellow-300 to-yellow-500`,accent:`bg-yellow-400`,glow:`shadow-yellow-400/60`,text:`text-yellow-950`,border:`border-yellow-500`},icon:`G`},platinum:{label:`Platinum`,colors:{primary:`from-cyan-300 to-cyan-500`,secondary:`from-cyan-200 to-cyan-400`,accent:`bg-cyan-300`,glow:`shadow-cyan-400/60`,text:`text-cyan-950`,border:`border-cyan-400`},icon:`P`},diamond:{label:`Diamond`,colors:{primary:`from-blue-300 to-purple-400`,secondary:`from-blue-200 to-purple-300`,accent:`bg-blue-300`,glow:`shadow-blue-400/70`,text:`text-blue-950`,border:`border-blue-400`},icon:`D`},master:{label:`Master`,colors:{primary:`from-purple-500 to-pink-500`,secondary:`from-purple-400 to-pink-400`,accent:`bg-purple-400`,glow:`shadow-purple-500/70`,text:`text-white`,border:`border-purple-500`},icon:`M`},grandmaster:{label:`Grandmaster`,colors:{primary:`from-red-500 via-orange-500 to-yellow-500`,secondary:`from-red-400 via-orange-400 to-yellow-400`,accent:`bg-gradient-to-r from-red-400 to-yellow-400`,glow:`shadow-orange-500/80`,text:`text-white`,border:`border-orange-500`},icon:`GM`}},o={sm:{container:`w-12 h-12`,badge:`w-10 h-10`,icon:`text-xs font-bold`,text:`text-[8px]`,division:`text-[6px]`,points:`text-[8px]`,shine:`w-3`},md:{container:`w-16 h-16`,badge:`w-14 h-14`,icon:`text-sm font-bold`,text:`text-[10px]`,division:`text-[8px]`,points:`text-xs`,shine:`w-4`},lg:{container:`w-24 h-24`,badge:`w-20 h-20`,icon:`text-xl font-bold`,text:`text-xs`,division:`text-[10px]`,points:`text-sm`,shine:`w-6`},xl:{container:`w-32 h-32`,badge:`w-28 h-28`,icon:`text-3xl font-bold`,text:`text-sm`,division:`text-xs`,points:`text-base`,shine:`w-8`}},s=`
 @keyframes waka-rank-shine {
   0% { left: -100%; }
   50%, 100% { left: 200%; }
@@ -46,4 +46,4 @@
     transform: scale(1);
   }
 }
-`,c=`waka-rank-badge-styles`;function l(){return n.useEffect(()=>{if(typeof document<`u`&&!document.getElementById(c)){let e=document.createElement(`style`);e.id=c,e.textContent=s,document.head.appendChild(e)}},[]),null}function u(e){return{1:`I`,2:`II`,3:`III`,4:`IV`,5:`V`}[e]}function d(e,t){let n=i.indexOf(e);return i.indexOf(t)>n}function f({size:e,animated:n,isHighTier:i}){let a=o[e];return n?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`div`,{className:t.cn(`absolute inset-0 overflow-hidden rounded-full pointer-events-none`),children:(0,r.jsx)(`div`,{className:t.cn(`absolute h-full bg-gradient-to-r from-transparent via-white/40 to-transparent`,a.shine),style:{animation:n?`waka-rank-shine 3s ease-in-out infinite`:`none`}})}),i&&(0,r.jsx)(`div`,{className:`absolute inset-0 overflow-hidden rounded-full pointer-events-none`,children:(0,r.jsx)(`div`,{className:t.cn(`absolute h-full bg-gradient-to-r from-transparent via-white/20 to-transparent`,a.shine),style:{animation:n?`waka-rank-shine 2s ease-in-out infinite 1s`:`none`}})})]}):null}function p({rank:e,animated:n,isPromoting:i}){let o=a[e],s=[`diamond`,`master`,`grandmaster`].includes(e);return(0,r.jsx)(`div`,{className:t.cn(`absolute inset-0 rounded-full`,o.colors.glow,s?`shadow-lg`:`shadow-md`,n&&`animate-pulse`,i&&`animate-[waka-rank-glow-pulse_0.5s_ease-in-out_3]`),style:{filter:s?`blur(8px)`:`blur(4px)`,opacity:n?.6:.4}})}function m({rank:e,animated:n}){let i=[`diamond`,`master`,`grandmaster`].includes(e);return!n||!i?null:(0,r.jsx)(`div`,{className:`absolute inset-0 rounded-full pointer-events-none overflow-hidden`,children:[...[,,,,,,]].map((n,i)=>(0,r.jsx)(`div`,{className:t.cn(`absolute w-1 h-1 rounded-full`,e===`diamond`&&`bg-blue-300`,e===`master`&&`bg-purple-300`,e===`grandmaster`&&`bg-yellow-300`),style:{top:`50%`,left:`50%`,animation:`waka-rank-particle ${2+i*.3}s ease-in-out infinite ${i*.5}s`,transform:`rotate(${i*60}deg)`}},i))})}function h({isPromoting:e}){return e?(0,r.jsx)(`div`,{className:t.cn(`absolute inset-0 rounded-full pointer-events-none`,`bg-gradient-to-t from-white/0 via-white/80 to-white/0`,`animate-[waka-rank-promotion-flash_1s_ease-out]`)}):null}function g({rank:e,size:n}){let i=a[e],s=o[n];return e===`grandmaster`?(0,r.jsx)(`div`,{className:t.cn(`relative`,s.icon,i.colors.text),children:(0,r.jsx)(`span`,{className:`relative z-10`,style:{textShadow:`0 0 10px rgba(255, 200, 0, 0.8)`},children:i.icon})}):(0,r.jsx)(`span`,{className:t.cn(s.icon,i.colors.text),children:i.icon})}function _({rank:e,division:i,points:s,pointsToNext:c,size:_=`md`,showPoints:v=!1,showDivision:y=!0,animated:b=!0,previousRank:x,className:S}){let[C,w]=n.useState(!1),T=a[e],E=o[_],D=[`diamond`,`master`,`grandmaster`].includes(e);n.useEffect(()=>{if(x&&d(x,e)){w(!0);let e=setTimeout(()=>w(!1),1500);return()=>clearTimeout(e)}},[x,e]);let O=s!==void 0&&c!==void 0&&c>0?Math.min(s/c*100,100):0;return(0,r.jsxs)(`div`,{className:t.cn(`relative inline-flex flex-col items-center gap-1`,S),children:[(0,r.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center`,E.container),children:[(0,r.jsx)(p,{rank:e,animated:b,isPromoting:C}),(0,r.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center rounded-full`,`bg-gradient-to-br`,T.colors.primary,`border-2`,T.colors.border,E.badge,`transition-all duration-300`,`hover:scale-105 hover:shadow-lg`,b&&`hover:animate-none`,C&&`animate-[waka-rank-badge-pop_0.5s_ease-out]`),children:[(0,r.jsx)(`div`,{className:t.cn(`absolute inset-1 rounded-full`,`bg-gradient-to-br`,T.colors.secondary,`opacity-50`)}),(0,r.jsx)(f,{size:_,animated:b,isHighTier:D}),(0,r.jsx)(m,{rank:e,animated:b}),(0,r.jsx)(`div`,{className:`relative z-10 flex flex-col items-center`,children:(0,r.jsx)(g,{rank:e,size:_})}),(0,r.jsx)(h,{isPromoting:C})]}),v&&c!==void 0&&c>0&&(0,r.jsxs)(`svg`,{className:`absolute inset-0 -rotate-90`,viewBox:`0 0 100 100`,"aria-hidden":`true`,focusable:`false`,children:[(0,r.jsx)(`circle`,{cx:`50`,cy:`50`,r:`46`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,className:`text-gray-200/30`}),(0,r.jsx)(`circle`,{cx:`50`,cy:`50`,r:`46`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeDasharray:`${O*2.89} 289`,className:t.cn(T.colors.text,`transition-all duration-500`)})]})]}),(0,r.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,r.jsxs)(`span`,{className:t.cn(`font-semibold uppercase tracking-wider`,E.text),children:[T.label,y&&i&&(0,r.jsx)(`span`,{className:t.cn(`ml-1`,E.division),children:u(i)})]}),v&&s!==void 0&&(0,r.jsxs)(`span`,{className:t.cn(`text-muted-foreground`,E.points),children:[s.toLocaleString(),c!==void 0&&(0,r.jsxs)(`span`,{className:`opacity-60`,children:[` `,`/ `,c.toLocaleString()]})]}),C&&(0,r.jsx)(`span`,{className:t.cn(`text-green-500 font-medium animate-bounce`,E.points),children:`Promoted!`})]}),(0,r.jsx)(l,{})]})}function v({currentRank:e,size:n=`sm`,showAll:a=!1,range:o=2,className:s}){let c=i.indexOf(e),l=a?i:i.filter((e,t)=>Math.abs(t-c)<=o);return(0,r.jsx)(`div`,{className:t.cn(`flex items-center gap-2`,s),children:l.map(i=>(0,r.jsx)(`div`,{className:t.cn(`transition-all duration-300`,i!==e&&`opacity-40 scale-75`),children:(0,r.jsx)(_,{rank:i,size:n,animated:i===e,showDivision:!1})},i))})}function y(e={}){let{initialRank:t=`bronze`,initialDivision:r=5,initialPoints:a=0,pointsPerDivision:o=100,pointsPerRank:s=500}=e,[c,l]=n.useState(t),[u,d]=n.useState(r),[f,p]=n.useState(a),[m,h]=n.useState(void 0);return{rank:c,division:u,points:f,pointsToNext:n.useMemo(()=>u>1?o-f%o:s-f%s,[f,u,o,s]),previousRank:m,addPoints:n.useCallback(e=>{p(t=>{let n=t+e,r=s;if(n>=r&&c!==`grandmaster`){let e=i.indexOf(c);if(e<i.length-1)return h(c),l(i[e+1]),d(5),n-r}return n>=o*(5-u+1)&&u>1&&d(e=>e>1?e-1:e),n})},[c,u,o,s]),setRank:n.useCallback((e,t=5)=>{e!==c&&h(c),l(e),d(t)},[c]),reset:n.useCallback(()=>{l(t),d(r),p(a),h(void 0)},[t,r,a])}}exports.WakaRankBadgeGroup=v,exports.default=_,exports.useRank=y;
+`,c=`waka-rank-badge-styles`;function l(){return n.useEffect(()=>{if(typeof document<`u`&&!document.getElementById(c)){let e=document.createElement(`style`);e.id=c,e.textContent=s,document.head.appendChild(e)}},[]),null}function u(e){return{1:`I`,2:`II`,3:`III`,4:`IV`,5:`V`}[e]}function d(e,t){let n=i.indexOf(e);return i.indexOf(t)>n}function f({size:e,animated:n,isHighTier:i}){let a=o[e];return n?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`div`,{className:t.cn(`absolute inset-0 overflow-hidden rounded-full pointer-events-none`),children:(0,r.jsx)(`div`,{className:t.cn(`absolute h-full bg-gradient-to-r from-transparent via-white/40 to-transparent`,a.shine),style:{animation:n?`waka-rank-shine 3s ease-in-out infinite`:`none`}})}),i&&(0,r.jsx)(`div`,{className:`absolute inset-0 overflow-hidden rounded-full pointer-events-none`,children:(0,r.jsx)(`div`,{className:t.cn(`absolute h-full bg-gradient-to-r from-transparent via-white/20 to-transparent`,a.shine),style:{animation:n?`waka-rank-shine 2s ease-in-out infinite 1s`:`none`}})})]}):null}function p({rank:e,animated:n,isPromoting:i}){let o=a[e],s=[`diamond`,`master`,`grandmaster`].includes(e);return(0,r.jsx)(`div`,{className:t.cn(`absolute inset-0 rounded-full`,o.colors.glow,s?`shadow-lg`:`shadow-md`,n&&`animate-pulse`,i&&`animate-[waka-rank-glow-pulse_0.5s_ease-in-out_3]`),style:{filter:s?`blur(8px)`:`blur(4px)`,opacity:n?.6:.4}})}function m({rank:e,animated:n}){let i=[`diamond`,`master`,`grandmaster`].includes(e);return!n||!i?null:(0,r.jsx)(`div`,{className:`absolute inset-0 rounded-full pointer-events-none overflow-hidden`,children:[...[,,,,,,]].map((n,i)=>(0,r.jsx)(`div`,{className:t.cn(`absolute w-1 h-1 rounded-full`,e===`diamond`&&`bg-blue-300`,e===`master`&&`bg-purple-300`,e===`grandmaster`&&`bg-yellow-300`),style:{top:`50%`,left:`50%`,animation:`waka-rank-particle ${2+i*.3}s ease-in-out infinite ${i*.5}s`,transform:`rotate(${i*60}deg)`}},i))})}function h({isPromoting:e}){return e?(0,r.jsx)(`div`,{className:t.cn(`absolute inset-0 rounded-full pointer-events-none`,`bg-gradient-to-t from-white/0 via-white/80 to-white/0`,`animate-[waka-rank-promotion-flash_1s_ease-out]`)}):null}function g({rank:e,size:n}){let i=a[e],s=o[n];return e===`grandmaster`?(0,r.jsx)(`div`,{className:t.cn(`relative`,s.icon,i.colors.text),children:(0,r.jsx)(`span`,{className:`relative z-10`,style:{textShadow:`0 0 10px rgba(255, 200, 0, 0.8)`},children:i.icon})}):(0,r.jsx)(`span`,{className:t.cn(s.icon,i.colors.text),children:i.icon})}function _({rank:e,division:i,points:s,pointsToNext:c,size:_=`md`,showPoints:v=!1,showDivision:y=!0,animated:b=!0,previousRank:x,className:S}){let[C,w]=n.useState(!1),T=a[e],E=o[_],D=[`diamond`,`master`,`grandmaster`].includes(e);n.useEffect(()=>{if(x&&d(x,e)){w(!0);let e=setTimeout(()=>w(!1),1500);return()=>clearTimeout(e)}},[x,e]);let O=s!==void 0&&c!==void 0&&c>0?Math.min(s/c*100,100):0;return(0,r.jsxs)(`div`,{className:t.cn(`relative inline-flex flex-col items-center gap-1`,S),children:[(0,r.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center`,E.container),children:[(0,r.jsx)(p,{rank:e,animated:b,isPromoting:C}),(0,r.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center rounded-full`,`bg-gradient-to-br`,T.colors.primary,`border-2`,T.colors.border,E.badge,`transition-all duration-300`,`hover:scale-105 hover:shadow-lg`,b&&`hover:animate-none`,C&&`animate-[waka-rank-badge-pop_0.5s_ease-out]`),children:[(0,r.jsx)(`div`,{className:t.cn(`absolute inset-1 rounded-full`,`bg-gradient-to-br`,T.colors.secondary,`opacity-50`)}),(0,r.jsx)(f,{size:_,animated:b,isHighTier:D}),(0,r.jsx)(m,{rank:e,animated:b}),(0,r.jsx)(`div`,{className:`relative z-10 flex flex-col items-center`,children:(0,r.jsx)(g,{rank:e,size:_})}),(0,r.jsx)(h,{isPromoting:C})]}),v&&c!==void 0&&c>0&&(0,r.jsxs)(`svg`,{className:`absolute inset-0 -rotate-90`,viewBox:`0 0 100 100`,"aria-hidden":`true`,focusable:`false`,children:[(0,r.jsx)(`circle`,{cx:`50`,cy:`50`,r:`46`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,className:`text-gray-200/30`}),(0,r.jsx)(`circle`,{cx:`50`,cy:`50`,r:`46`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeDasharray:`${O*2.89} 289`,className:t.cn(T.colors.text,`transition-all duration-500`)})]})]}),(0,r.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,r.jsxs)(`span`,{className:t.cn(`font-semibold uppercase tracking-wider`,E.text),children:[T.label,y&&i&&(0,r.jsx)(`span`,{className:t.cn(`ml-1`,E.division),children:u(i)})]}),v&&s!==void 0&&(0,r.jsxs)(`span`,{className:t.cn(`text-muted-foreground`,E.points),children:[s.toLocaleString(),c!==void 0&&(0,r.jsxs)(`span`,{className:`opacity-60`,children:[` `,`/ `,c.toLocaleString()]})]}),C&&(0,r.jsx)(`span`,{className:t.cn(`text-green-500 font-medium animate-bounce`,E.points),children:`Promoted!`})]}),(0,r.jsx)(l,{})]})}function v({currentRank:e,size:n=`sm`,showAll:a=!1,range:o=2,className:s}){let c=i.indexOf(e),l=a?i:i.filter((e,t)=>Math.abs(t-c)<=o);return(0,r.jsx)(`div`,{className:t.cn(`flex items-center gap-2`,s),children:l.map(i=>(0,r.jsx)(`div`,{className:t.cn(`transition-all duration-300`,i!==e&&`opacity-40 scale-75`),children:(0,r.jsx)(_,{rank:i,size:n,animated:i===e,showDivision:!1})},i))})}function y(e={}){let{initialRank:t=`bronze`,initialDivision:r=5,initialPoints:a=0,pointsPerDivision:o=100,pointsPerRank:s=500}=e,[c,l]=n.useState(t),[u,d]=n.useState(r),[f,p]=n.useState(a),[m,h]=n.useState(void 0);return{rank:c,division:u,points:f,pointsToNext:n.useMemo(()=>u>1?o-f%o:s-f%s,[f,u,o,s]),previousRank:m,addPoints:n.useCallback(e=>{p(t=>{let n=t+e,r=s;if(n>=r&&c!==`grandmaster`){let e=i.indexOf(c);if(e<i.length-1)return h(c),l(i[e+1]),d(5),n-r}return n>=o*(5-u+1)&&u>1&&d(e=>e>1?e-1:e),n})},[c,u,o,s]),setRank:n.useCallback((e,t=5)=>{e!==c&&h(c),l(e),d(t)},[c]),reset:n.useCallback(()=>{l(t),d(r),p(a),h(void 0)},[t,r,a])}}exports.WakaRankBadge=_,exports.default=_,exports.WakaRankBadgeGroup=v,exports.useRank=y;

package/dist/components/waka-rank-badge/index.es.js

@@ -391,4 +391,4 @@ function b(e = {}) {
 	};
 }
 //#endregion
-export { y as WakaRankBadgeGroup, v as default, b as useRank };
+export { v as WakaRankBadge, v as default, y as WakaRankBadgeGroup, b as useRank };

package/dist/components/waka-rating-input/index.cjs.js

@@ -1,4 +1,4 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);var a={sm:{icon:`h-4 w-4`,container:`text-xs`,label:`text-xs`},md:{icon:`h-5 w-5`,container:`text-sm`,label:`text-sm`},lg:{icon:`h-6 w-6`,container:`text-base`,label:`text-base`},xl:{icon:`h-8 w-8`,container:`text-lg`,label:`text-lg`}},o={none:`gap-0`,sm:`gap-0.5`,md:`gap-1`,lg:`gap-2`},s=[r.Frown,r.Frown,r.Meh,r.Smile,r.Smile];function c(e,t){switch(e){case`heart`:return r.Heart;case`thumbs`:return r.ThumbsUp;case`emoji`:return s[Math.min(t,s.length-1)];default:return r.Star}}function l({index:e,value:r,hoverValue:o,iconType:s,customIcon:l,customFilledIcon:u,size:d,activeColor:f,inactiveColor:p,hoverColor:m,readOnly:h,disabled:g,allowHalf:_,animated:v,onClick:y,onMouseEnter:b,onMouseLeave:x}){let S=o===null?r:o,C=e+1,w=e+.5,T=S>=C,E=_&&S>=w&&S<C,D=o===null?T||E?f:p:m,O=c(s,e),k=t.cn(a[d].icon,`transition-all duration-150`,v&&(T||E)&&`animate-rating-pop`,!h&&!g&&`cursor-pointer`,g&&`cursor-not-allowed opacity-50`),A=e=>{if(!(h||g))if(_){let t=e.currentTarget.getBoundingClientRect();y(e.clientX-t.left<t.width/2?w:C)}else y(C)},j=e=>{if(!(h||g))if(_){let t=e.currentTarget.getBoundingClientRect();b(e.clientX-t.left<t.width/2?w:C)}else b(C)},M=(e,t=!1)=>l&&u?e?u:l:l?n.cloneElement(l,{className:k,style:{color:e?D:p}}):(0,i.jsx)(O,{className:k,style:{color:D,fill:e?D:`transparent`}});return(0,i.jsx)(`span`,{className:`relative inline-flex`,onClick:A,onMouseMove:j,onMouseLeave:x,role:h?`img`:`button`,tabIndex:h||g?-1:0,"aria-label":`Rate ${C}`,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),!h&&!g&&y(C))},children:E?(0,i.jsxs)(`span`,{className:`relative inline-flex`,children:[(0,i.jsx)(`span`,{className:`absolute inset-0`,children:M(!1)}),(0,i.jsx)(`span`,{className:`overflow-hidden`,style:{width:`50%`},children:M(!0,!0)}),(0,i.jsx)(`span`,{className:`invisible`,children:M(!1)})]}):M(T)})}function u({value:e,onChange:s,max:c=5,allowHalf:u=!1,iconType:d=`star`,customIcon:f,customFilledIcon:p,size:m=`md`,activeColor:h=`#f59e0b`,inactiveColor:g=`#d1d5db`,hoverColor:_=`#fbbf24`,readOnly:v=!1,disabled:y=!1,showClear:b=!1,label:x,showValue:S=!1,count:C,countLabel:w=`reviews`,animated:T=!0,gap:E=`sm`,className:D,id:O,name:k,ariaLabel:A}){let[j,M]=n.useState(null),N=t=>{v||y||(e===t?s?.(null):s?.(t))},P=e=>{!v&&!y&&M(e)},F=()=>{M(null)},I=()=>{!v&&!y&&s?.(null)},L=j===null?e:j,R=L==null?`-`:u?L.toFixed(1):L.toString();return(0,i.jsxs)(`div`,{id:O,className:t.cn(`inline-flex flex-col`,a[m].container,y&&`opacity-50`,D),children:[(x||S||C!==void 0)&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 mb-1`,a[m].label),children:[x&&(0,i.jsx)(`span`,{className:`font-medium text-foreground`,children:x}),S&&(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:R}),C!==void 0&&(0,i.jsxs)(`span`,{className:`text-muted-foreground`,children:[`(`,C.toLocaleString(),` `,w,`)`]})]}),(0,i.jsxs)(`div`,{className:t.cn(`inline-flex items-center`,o[E]),role:`radiogroup`,"aria-label":A||x||`Rating`,onMouseLeave:F,children:[Array.from({length:c},(t,n)=>(0,i.jsx)(l,{index:n,value:e??0,hoverValue:j,max:c,iconType:d,customIcon:f,customFilledIcon:p,size:m,activeColor:h,inactiveColor:g,hoverColor:_,readOnly:v,disabled:y,allowHalf:u,animated:T,onClick:N,onMouseEnter:P,onMouseLeave:F},n)),b&&!v&&!y&&e!=null&&(0,i.jsx)(`button`,{type:`button`,onClick:I,className:t.cn(`ml-1 p-0.5 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors`,a[m].icon),"aria-label":`Clear rating`,children:(0,i.jsx)(r.X,{className:a[m].icon})})]}),k&&(0,i.jsx)(`input`,{type:`hidden`,name:k,value:e??``}),(0,i.jsx)(`style`,{children:`
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("lucide-react"),i=require("react/jsx-runtime");var a={sm:{icon:`h-4 w-4`,container:`text-xs`,label:`text-xs`},md:{icon:`h-5 w-5`,container:`text-sm`,label:`text-sm`},lg:{icon:`h-6 w-6`,container:`text-base`,label:`text-base`},xl:{icon:`h-8 w-8`,container:`text-lg`,label:`text-lg`}},o={none:`gap-0`,sm:`gap-0.5`,md:`gap-1`,lg:`gap-2`},s=[r.Frown,r.Frown,r.Meh,r.Smile,r.Smile];function c(e,t){switch(e){case`heart`:return r.Heart;case`thumbs`:return r.ThumbsUp;case`emoji`:return s[Math.min(t,s.length-1)];default:return r.Star}}function l({index:e,value:r,hoverValue:o,iconType:s,customIcon:l,customFilledIcon:u,size:d,activeColor:f,inactiveColor:p,hoverColor:m,readOnly:h,disabled:g,allowHalf:_,animated:v,onClick:y,onMouseEnter:b,onMouseLeave:x}){let S=o===null?r:o,C=e+1,w=e+.5,T=S>=C,E=_&&S>=w&&S<C,D=o===null?T||E?f:p:m,O=c(s,e),k=t.cn(a[d].icon,`transition-all duration-150`,v&&(T||E)&&`animate-rating-pop`,!h&&!g&&`cursor-pointer`,g&&`cursor-not-allowed opacity-50`),A=e=>{if(!(h||g))if(_){let t=e.currentTarget.getBoundingClientRect();y(e.clientX-t.left<t.width/2?w:C)}else y(C)},j=e=>{if(!(h||g))if(_){let t=e.currentTarget.getBoundingClientRect();b(e.clientX-t.left<t.width/2?w:C)}else b(C)},M=(e,t=!1)=>l&&u?e?u:l:l?n.cloneElement(l,{className:k,style:{color:e?D:p}}):(0,i.jsx)(O,{className:k,style:{color:D,fill:e?D:`transparent`}});return(0,i.jsx)(`span`,{className:`relative inline-flex`,onClick:A,onMouseMove:j,onMouseLeave:x,role:h?`img`:`button`,tabIndex:h||g?-1:0,"aria-label":`Rate ${C}`,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),!h&&!g&&y(C))},children:E?(0,i.jsxs)(`span`,{className:`relative inline-flex`,children:[(0,i.jsx)(`span`,{className:`absolute inset-0`,children:M(!1)}),(0,i.jsx)(`span`,{className:`overflow-hidden`,style:{width:`50%`},children:M(!0,!0)}),(0,i.jsx)(`span`,{className:`invisible`,children:M(!1)})]}):M(T)})}function u({value:e,onChange:s,max:c=5,allowHalf:u=!1,iconType:d=`star`,customIcon:f,customFilledIcon:p,size:m=`md`,activeColor:h=`#f59e0b`,inactiveColor:g=`#d1d5db`,hoverColor:_=`#fbbf24`,readOnly:v=!1,disabled:y=!1,showClear:b=!1,label:x,showValue:S=!1,count:C,countLabel:w=`reviews`,animated:T=!0,gap:E=`sm`,className:D,id:O,name:k,ariaLabel:A}){let[j,M]=n.useState(null),N=t=>{v||y||(e===t?s?.(null):s?.(t))},P=e=>{!v&&!y&&M(e)},F=()=>{M(null)},I=()=>{!v&&!y&&s?.(null)},L=j===null?e:j,R=L==null?`-`:u?L.toFixed(1):L.toString();return(0,i.jsxs)(`div`,{id:O,className:t.cn(`inline-flex flex-col`,a[m].container,y&&`opacity-50`,D),children:[(x||S||C!==void 0)&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 mb-1`,a[m].label),children:[x&&(0,i.jsx)(`span`,{className:`font-medium text-foreground`,children:x}),S&&(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:R}),C!==void 0&&(0,i.jsxs)(`span`,{className:`text-muted-foreground`,children:[`(`,C.toLocaleString(),` `,w,`)`]})]}),(0,i.jsxs)(`div`,{className:t.cn(`inline-flex items-center`,o[E]),role:`radiogroup`,"aria-label":A||x||`Rating`,onMouseLeave:F,children:[Array.from({length:c},(t,n)=>(0,i.jsx)(l,{index:n,value:e??0,hoverValue:j,max:c,iconType:d,customIcon:f,customFilledIcon:p,size:m,activeColor:h,inactiveColor:g,hoverColor:_,readOnly:v,disabled:y,allowHalf:u,animated:T,onClick:N,onMouseEnter:P,onMouseLeave:F},n)),b&&!v&&!y&&e!=null&&(0,i.jsx)(`button`,{type:`button`,onClick:I,className:t.cn(`ml-1 p-0.5 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors`,a[m].icon),"aria-label":`Clear rating`,children:(0,i.jsx)(r.X,{className:a[m].icon})})]}),k&&(0,i.jsx)(`input`,{type:`hidden`,name:k,value:e??``}),(0,i.jsx)(`style`,{children:`
         @keyframes rating-pop {
           0% {
             transform: scale(1);
@@ -13,4 +13,4 @@
         .animate-rating-pop {
           animation: rating-pop 0.3s ease-out;
         }
-      `})]})}function d(e={}){let{initialValue:t,max:r=5,allowHalf:i=!1,onRatingChange:a}=e,[o,s]=n.useState(t??null),[c,l]=n.useState(null),u=n.useCallback(e=>{let t=e;t!==null&&(t=Math.max(0,Math.min(r,t)),i||(t=Math.round(t))),s(t),a?.(t)},[r,i,a]);return{value:o,setValue:u,hoverValue:c,setHoverValue:l,clear:n.useCallback(()=>{u(null)},[u]),reset:n.useCallback(()=>{u(t??null)},[t,u]),getRatingProps:n.useCallback(()=>({value:o??void 0,onChange:u}),[o,u])}}function f({value:e,max:t=5,iconType:n=`star`,size:r=`md`,activeColor:a=`#f59e0b`,inactiveColor:o=`#d1d5db`,showValue:s=!0,count:c,countLabel:l=`reviews`,gap:d=`sm`,className:f}){return(0,i.jsx)(u,{value:e,max:t,iconType:n,size:r,activeColor:a,inactiveColor:o,readOnly:!0,showValue:s,count:c,countLabel:l,gap:d,allowHalf:!0,className:f})}exports.WakaRatingDisplay=f,exports.default=u,exports.useRatingInput=d;
+      `})]})}function d(e={}){let{initialValue:t,max:r=5,allowHalf:i=!1,onRatingChange:a}=e,[o,s]=n.useState(t??null),[c,l]=n.useState(null),u=n.useCallback(e=>{let t=e;t!==null&&(t=Math.max(0,Math.min(r,t)),i||(t=Math.round(t))),s(t),a?.(t)},[r,i,a]);return{value:o,setValue:u,hoverValue:c,setHoverValue:l,clear:n.useCallback(()=>{u(null)},[u]),reset:n.useCallback(()=>{u(t??null)},[t,u]),getRatingProps:n.useCallback(()=>({value:o??void 0,onChange:u}),[o,u])}}function f({value:e,max:t=5,iconType:n=`star`,size:r=`md`,activeColor:a=`#f59e0b`,inactiveColor:o=`#d1d5db`,showValue:s=!0,count:c,countLabel:l=`reviews`,gap:d=`sm`,className:f}){return(0,i.jsx)(u,{value:e,max:t,iconType:n,size:r,activeColor:a,inactiveColor:o,readOnly:!0,showValue:s,count:c,countLabel:l,gap:d,allowHalf:!0,className:f})}exports.WakaRatingDisplay=f,exports.WakaRatingInput=u,exports.default=u,exports.useRatingInput=d;

package/dist/components/waka-rating-input/index.es.js

@@ -220,4 +220,4 @@ function v({ value: e, max: t = 5, iconType: n = "star", size: r = "md", activeC
 	});
 }
 //#endregion
-export { v as WakaRatingDisplay, g as default, _ as useRatingInput };
+export { v as WakaRatingDisplay, g as WakaRatingInput, g as default, _ as useRatingInput };

package/dist/components/waka-reaction-picker/index.cjs.js

@@ -1 +1 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../popover/index.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);var o={default:``,light:`🏻`,"medium-light":`🏼`,medium:`🏽`,"medium-dark":`🏾`,dark:`🏿`},s={recent:(0,a.jsx)(i.Clock,{className:`h-4 w-4`}),smileys:(0,a.jsx)(i.Smile,{className:`h-4 w-4`}),people:(0,a.jsx)(i.Heart,{className:`h-4 w-4`}),animals:(0,a.jsx)(i.Dog,{className:`h-4 w-4`}),food:(0,a.jsx)(i.Pizza,{className:`h-4 w-4`}),travel:(0,a.jsx)(i.Plane,{className:`h-4 w-4`}),activities:(0,a.jsx)(i.ThumbsUp,{className:`h-4 w-4`}),objects:(0,a.jsx)(i.Lightbulb,{className:`h-4 w-4`}),symbols:(0,a.jsx)(i.Hash,{className:`h-4 w-4`}),flags:(0,a.jsx)(i.Flag,{className:`h-4 w-4`})},c={recent:`Recent`,smileys:`Smileys & Emotion`,people:`People & Body`,animals:`Animals & Nature`,food:`Food & Drink`,travel:`Travel & Places`,activities:`Activities`,objects:`Objects`,symbols:`Symbols`,flags:`Flags`},l=[`👍`,`❤️`,`😂`,`😮`,`😢`,`🎉`],u=[{id:`grinning`,emoji:`😀`,name:`Grinning Face`,category:`smileys`,keywords:[`happy`,`smile`]},{id:`grin`,emoji:`😁`,name:`Beaming Face`,category:`smileys`,keywords:[`happy`,`smile`]},{id:`joy`,emoji:`😂`,name:`Face with Tears of Joy`,category:`smileys`,keywords:[`laugh`,`crying`]},{id:`rofl`,emoji:`🤣`,name:`Rolling on Floor Laughing`,category:`smileys`,keywords:[`laugh`]},{id:`smile`,emoji:`😊`,name:`Smiling Face`,category:`smileys`,keywords:[`happy`,`blush`]},{id:`sweat_smile`,emoji:`😅`,name:`Grinning Face with Sweat`,category:`smileys`,keywords:[`nervous`]},{id:`laughing`,emoji:`😆`,name:`Grinning Squinting Face`,category:`smileys`,keywords:[`happy`]},{id:`wink`,emoji:`😉`,name:`Winking Face`,category:`smileys`,keywords:[`flirt`]},{id:`blush`,emoji:`😊`,name:`Smiling Face with Smiling Eyes`,category:`smileys`,keywords:[`happy`]},{id:`yum`,emoji:`😋`,name:`Face Savoring Food`,category:`smileys`,keywords:[`delicious`,`tongue`]},{id:`sunglasses`,emoji:`😎`,name:`Smiling Face with Sunglasses`,category:`smileys`,keywords:[`cool`]},{id:`heart_eyes`,emoji:`😍`,name:`Smiling Face with Heart-Eyes`,category:`smileys`,keywords:[`love`]},{id:`kissing_heart`,emoji:`😘`,name:`Face Blowing a Kiss`,category:`smileys`,keywords:[`love`]},{id:`thinking`,emoji:`🤔`,name:`Thinking Face`,category:`smileys`,keywords:[`hmm`,`consider`]},{id:`neutral`,emoji:`😐`,name:`Neutral Face`,category:`smileys`,keywords:[`meh`]},{id:`expressionless`,emoji:`😑`,name:`Expressionless Face`,category:`smileys`,keywords:[`blank`]},{id:`unamused`,emoji:`😒`,name:`Unamused Face`,category:`smileys`,keywords:[`annoyed`]},{id:`rolling_eyes`,emoji:`🙄`,name:`Face with Rolling Eyes`,category:`smileys`,keywords:[`whatever`]},{id:`grimacing`,emoji:`😬`,name:`Grimacing Face`,category:`smileys`,keywords:[`awkward`]},{id:`relieved`,emoji:`😌`,name:`Relieved Face`,category:`smileys`,keywords:[`calm`,`peaceful`]},{id:`pensive`,emoji:`😔`,name:`Pensive Face`,category:`smileys`,keywords:[`sad`,`thoughtful`]},{id:`sleepy`,emoji:`😪`,name:`Sleepy Face`,category:`smileys`,keywords:[`tired`]},{id:`drooling`,emoji:`🤤`,name:`Drooling Face`,category:`smileys`,keywords:[`hungry`]},{id:`sleeping`,emoji:`😴`,name:`Sleeping Face`,category:`smileys`,keywords:[`zzz`,`tired`]},{id:`mask`,emoji:`😷`,name:`Face with Medical Mask`,category:`smileys`,keywords:[`sick`,`covid`]},{id:`thermometer`,emoji:`🤒`,name:`Face with Thermometer`,category:`smileys`,keywords:[`sick`,`fever`]},{id:`nerd`,emoji:`🤓`,name:`Nerd Face`,category:`smileys`,keywords:[`geek`,`glasses`]},{id:`confused`,emoji:`😕`,name:`Confused Face`,category:`smileys`,keywords:[`puzzled`]},{id:`worried`,emoji:`😟`,name:`Worried Face`,category:`smileys`,keywords:[`concerned`,`anxious`]},{id:`slightly_frowning`,emoji:`🙁`,name:`Slightly Frowning Face`,category:`smileys`,keywords:[`sad`]},{id:`frowning`,emoji:`☹️`,name:`Frowning Face`,category:`smileys`,keywords:[`sad`]},{id:`open_mouth`,emoji:`😮`,name:`Face with Open Mouth`,category:`smileys`,keywords:[`surprised`,`wow`]},{id:`hushed`,emoji:`😯`,name:`Hushed Face`,category:`smileys`,keywords:[`surprised`,`quiet`]},{id:`astonished`,emoji:`😲`,name:`Astonished Face`,category:`smileys`,keywords:[`shocked`]},{id:`flushed`,emoji:`😳`,name:`Flushed Face`,category:`smileys`,keywords:[`embarrassed`]},{id:`pleading`,emoji:`🥺`,name:`Pleading Face`,category:`smileys`,keywords:[`puppy`,`cute`]},{id:`cry`,emoji:`😢`,name:`Crying Face`,category:`smileys`,keywords:[`sad`,`tear`]},{id:`sob`,emoji:`😭`,name:`Loudly Crying Face`,category:`smileys`,keywords:[`sad`,`tears`]},{id:`angry`,emoji:`😠`,name:`Angry Face`,category:`smileys`,keywords:[`mad`,`annoyed`]},{id:`rage`,emoji:`😡`,name:`Pouting Face`,category:`smileys`,keywords:[`angry`,`mad`]},{id:`triumph`,emoji:`😤`,name:`Face with Steam`,category:`smileys`,keywords:[`frustrated`]},{id:`skull`,emoji:`💀`,name:`Skull`,category:`smileys`,keywords:[`dead`,`death`]},{id:`poop`,emoji:`💩`,name:`Pile of Poo`,category:`smileys`,keywords:[`shit`,`crap`]},{id:`clown`,emoji:`🤡`,name:`Clown Face`,category:`smileys`,keywords:[`joker`]},{id:`ghost`,emoji:`👻`,name:`Ghost`,category:`smileys`,keywords:[`spooky`,`halloween`]},{id:`alien`,emoji:`👽`,name:`Alien`,category:`smileys`,keywords:[`ufo`,`space`]},{id:`robot`,emoji:`🤖`,name:`Robot`,category:`smileys`,keywords:[`bot`,`machine`]},{id:`fire`,emoji:`🔥`,name:`Fire`,category:`smileys`,keywords:[`hot`,`flame`,`lit`]},{id:`100`,emoji:`💯`,name:`Hundred Points`,category:`smileys`,keywords:[`perfect`,`score`]},{id:`star`,emoji:`⭐`,name:`Star`,category:`smileys`,keywords:[`favorite`]},{id:`sparkles`,emoji:`✨`,name:`Sparkles`,category:`smileys`,keywords:[`magic`,`shine`]},{id:`wave`,emoji:`👋`,name:`Waving Hand`,category:`people`,keywords:[`hi`,`bye`,`hello`],skinToneSupport:!0},{id:`raised_hand`,emoji:`✋`,name:`Raised Hand`,category:`people`,keywords:[`stop`,`high five`],skinToneSupport:!0},{id:`ok_hand`,emoji:`👌`,name:`OK Hand`,category:`people`,keywords:[`perfect`],skinToneSupport:!0},{id:`pinching`,emoji:`🤏`,name:`Pinching Hand`,category:`people`,keywords:[`small`],skinToneSupport:!0},{id:`victory`,emoji:`✌️`,name:`Victory Hand`,category:`people`,keywords:[`peace`],skinToneSupport:!0},{id:`crossed_fingers`,emoji:`🤞`,name:`Crossed Fingers`,category:`people`,keywords:[`luck`],skinToneSupport:!0},{id:`love_you`,emoji:`🤟`,name:`Love-You Gesture`,category:`people`,keywords:[`ily`],skinToneSupport:!0},{id:`rock_on`,emoji:`🤘`,name:`Sign of the Horns`,category:`people`,keywords:[`rock`,`metal`],skinToneSupport:!0},{id:`call_me`,emoji:`🤙`,name:`Call Me Hand`,category:`people`,keywords:[`phone`],skinToneSupport:!0},{id:`point_left`,emoji:`👈`,name:`Backhand Index Pointing Left`,category:`people`,keywords:[],skinToneSupport:!0},{id:`point_right`,emoji:`👉`,name:`Backhand Index Pointing Right`,category:`people`,keywords:[],skinToneSupport:!0},{id:`point_up`,emoji:`👆`,name:`Backhand Index Pointing Up`,category:`people`,keywords:[],skinToneSupport:!0},{id:`point_down`,emoji:`👇`,name:`Backhand Index Pointing Down`,category:`people`,keywords:[],skinToneSupport:!0},{id:`thumbs_up`,emoji:`👍`,name:`Thumbs Up`,category:`people`,keywords:[`like`,`approve`,`yes`],skinToneSupport:!0},{id:`thumbs_down`,emoji:`👎`,name:`Thumbs Down`,category:`people`,keywords:[`dislike`,`no`],skinToneSupport:!0},{id:`fist`,emoji:`✊`,name:`Raised Fist`,category:`people`,keywords:[`power`],skinToneSupport:!0},{id:`punch`,emoji:`👊`,name:`Oncoming Fist`,category:`people`,keywords:[`punch`],skinToneSupport:!0},{id:`clap`,emoji:`👏`,name:`Clapping Hands`,category:`people`,keywords:[`applause`,`bravo`],skinToneSupport:!0},{id:`raised_hands`,emoji:`🙌`,name:`Raising Hands`,category:`people`,keywords:[`celebration`],skinToneSupport:!0},{id:`open_hands`,emoji:`👐`,name:`Open Hands`,category:`people`,keywords:[`hug`],skinToneSupport:!0},{id:`palms_up`,emoji:`🤲`,name:`Palms Up Together`,category:`people`,keywords:[`prayer`],skinToneSupport:!0},{id:`handshake`,emoji:`🤝`,name:`Handshake`,category:`people`,keywords:[`deal`,`agreement`]},{id:`pray`,emoji:`🙏`,name:`Folded Hands`,category:`people`,keywords:[`please`,`thank you`,`prayer`],skinToneSupport:!0},{id:`muscle`,emoji:`💪`,name:`Flexed Biceps`,category:`people`,keywords:[`strong`,`workout`],skinToneSupport:!0},{id:`heart`,emoji:`❤️`,name:`Red Heart`,category:`people`,keywords:[`love`]},{id:`orange_heart`,emoji:`🧡`,name:`Orange Heart`,category:`people`,keywords:[`love`]},{id:`yellow_heart`,emoji:`💛`,name:`Yellow Heart`,category:`people`,keywords:[`love`]},{id:`green_heart`,emoji:`💚`,name:`Green Heart`,category:`people`,keywords:[`love`]},{id:`blue_heart`,emoji:`💙`,name:`Blue Heart`,category:`people`,keywords:[`love`]},{id:`purple_heart`,emoji:`💜`,name:`Purple Heart`,category:`people`,keywords:[`love`]},{id:`black_heart`,emoji:`🖤`,name:`Black Heart`,category:`people`,keywords:[`love`]},{id:`broken_heart`,emoji:`💔`,name:`Broken Heart`,category:`people`,keywords:[`sad`]},{id:`sparkling_heart`,emoji:`💖`,name:`Sparkling Heart`,category:`people`,keywords:[`love`]},{id:`dog`,emoji:`🐶`,name:`Dog Face`,category:`animals`,keywords:[`puppy`,`pet`]},{id:`cat`,emoji:`🐱`,name:`Cat Face`,category:`animals`,keywords:[`kitten`,`pet`]},{id:`mouse`,emoji:`🐭`,name:`Mouse Face`,category:`animals`,keywords:[]},{id:`hamster`,emoji:`🐹`,name:`Hamster`,category:`animals`,keywords:[`pet`]},{id:`rabbit`,emoji:`🐰`,name:`Rabbit Face`,category:`animals`,keywords:[`bunny`]},{id:`fox`,emoji:`🦊`,name:`Fox`,category:`animals`,keywords:[]},{id:`bear`,emoji:`🐻`,name:`Bear`,category:`animals`,keywords:[]},{id:`panda`,emoji:`🐼`,name:`Panda`,category:`animals`,keywords:[]},{id:`koala`,emoji:`🐨`,name:`Koala`,category:`animals`,keywords:[]},{id:`tiger`,emoji:`🐯`,name:`Tiger Face`,category:`animals`,keywords:[]},{id:`lion`,emoji:`🦁`,name:`Lion`,category:`animals`,keywords:[]},{id:`cow`,emoji:`🐮`,name:`Cow Face`,category:`animals`,keywords:[]},{id:`pig`,emoji:`🐷`,name:`Pig Face`,category:`animals`,keywords:[]},{id:`frog`,emoji:`🐸`,name:`Frog`,category:`animals`,keywords:[]},{id:`monkey`,emoji:`🐵`,name:`Monkey Face`,category:`animals`,keywords:[]},{id:`chicken`,emoji:`🐔`,name:`Chicken`,category:`animals`,keywords:[]},{id:`penguin`,emoji:`🐧`,name:`Penguin`,category:`animals`,keywords:[]},{id:`bird`,emoji:`🐦`,name:`Bird`,category:`animals`,keywords:[]},{id:`eagle`,emoji:`🦅`,name:`Eagle`,category:`animals`,keywords:[]},{id:`duck`,emoji:`🦆`,name:`Duck`,category:`animals`,keywords:[]},{id:`owl`,emoji:`🦉`,name:`Owl`,category:`animals`,keywords:[]},{id:`bat`,emoji:`🦇`,name:`Bat`,category:`animals`,keywords:[]},{id:`wolf`,emoji:`🐺`,name:`Wolf`,category:`animals`,keywords:[]},{id:`unicorn`,emoji:`🦄`,name:`Unicorn`,category:`animals`,keywords:[`magic`]},{id:`bee`,emoji:`🐝`,name:`Honeybee`,category:`animals`,keywords:[]},{id:`butterfly`,emoji:`🦋`,name:`Butterfly`,category:`animals`,keywords:[]},{id:`snail`,emoji:`🐌`,name:`Snail`,category:`animals`,keywords:[`slow`]},{id:`turtle`,emoji:`🐢`,name:`Turtle`,category:`animals`,keywords:[`slow`]},{id:`snake`,emoji:`🐍`,name:`Snake`,category:`animals`,keywords:[]},{id:`dolphin`,emoji:`🐬`,name:`Dolphin`,category:`animals`,keywords:[]},{id:`whale`,emoji:`🐳`,name:`Spouting Whale`,category:`animals`,keywords:[]},{id:`fish`,emoji:`🐟`,name:`Fish`,category:`animals`,keywords:[]},{id:`octopus`,emoji:`🐙`,name:`Octopus`,category:`animals`,keywords:[]},{id:`crab`,emoji:`🦀`,name:`Crab`,category:`animals`,keywords:[]},{id:`sunflower`,emoji:`🌻`,name:`Sunflower`,category:`animals`,keywords:[`flower`]},{id:`rose`,emoji:`🌹`,name:`Rose`,category:`animals`,keywords:[`flower`]},{id:`cherry_blossom`,emoji:`🌸`,name:`Cherry Blossom`,category:`animals`,keywords:[`flower`]},{id:`tulip`,emoji:`🌷`,name:`Tulip`,category:`animals`,keywords:[`flower`]},{id:`tree`,emoji:`🌳`,name:`Deciduous Tree`,category:`animals`,keywords:[]},{id:`palm`,emoji:`🌴`,name:`Palm Tree`,category:`animals`,keywords:[`beach`]},{id:`cactus`,emoji:`🌵`,name:`Cactus`,category:`animals`,keywords:[`desert`]},{id:`apple`,emoji:`🍎`,name:`Red Apple`,category:`food`,keywords:[`fruit`]},{id:`banana`,emoji:`🍌`,name:`Banana`,category:`food`,keywords:[`fruit`]},{id:`orange`,emoji:`🍊`,name:`Tangerine`,category:`food`,keywords:[`fruit`]},{id:`lemon`,emoji:`🍋`,name:`Lemon`,category:`food`,keywords:[`fruit`]},{id:`grapes`,emoji:`🍇`,name:`Grapes`,category:`food`,keywords:[`fruit`]},{id:`watermelon`,emoji:`🍉`,name:`Watermelon`,category:`food`,keywords:[`fruit`]},{id:`strawberry`,emoji:`🍓`,name:`Strawberry`,category:`food`,keywords:[`fruit`]},{id:`peach`,emoji:`🍑`,name:`Peach`,category:`food`,keywords:[`fruit`]},{id:`cherry`,emoji:`🍒`,name:`Cherries`,category:`food`,keywords:[`fruit`]},{id:`avocado`,emoji:`🥑`,name:`Avocado`,category:`food`,keywords:[`fruit`]},{id:`tomato`,emoji:`🍅`,name:`Tomato`,category:`food`,keywords:[`vegetable`]},{id:`carrot`,emoji:`🥕`,name:`Carrot`,category:`food`,keywords:[`vegetable`]},{id:`corn`,emoji:`🌽`,name:`Ear of Corn`,category:`food`,keywords:[`vegetable`]},{id:`hot_pepper`,emoji:`🌶️`,name:`Hot Pepper`,category:`food`,keywords:[`spicy`]},{id:`bread`,emoji:`🍞`,name:`Bread`,category:`food`,keywords:[]},{id:`cheese`,emoji:`🧀`,name:`Cheese Wedge`,category:`food`,keywords:[]},{id:`egg`,emoji:`🥚`,name:`Egg`,category:`food`,keywords:[]},{id:`bacon`,emoji:`🥓`,name:`Bacon`,category:`food`,keywords:[]},{id:`hamburger`,emoji:`🍔`,name:`Hamburger`,category:`food`,keywords:[`burger`]},{id:`fries`,emoji:`🍟`,name:`French Fries`,category:`food`,keywords:[]},{id:`pizza`,emoji:`🍕`,name:`Pizza`,category:`food`,keywords:[]},{id:`hotdog`,emoji:`🌭`,name:`Hot Dog`,category:`food`,keywords:[]},{id:`taco`,emoji:`🌮`,name:`Taco`,category:`food`,keywords:[]},{id:`burrito`,emoji:`🌯`,name:`Burrito`,category:`food`,keywords:[]},{id:`sushi`,emoji:`🍣`,name:`Sushi`,category:`food`,keywords:[]},{id:`ramen`,emoji:`🍜`,name:`Steaming Bowl`,category:`food`,keywords:[`noodles`]},{id:`spaghetti`,emoji:`🍝`,name:`Spaghetti`,category:`food`,keywords:[`pasta`]},{id:`ice_cream`,emoji:`🍨`,name:`Ice Cream`,category:`food`,keywords:[`dessert`]},{id:`donut`,emoji:`🍩`,name:`Doughnut`,category:`food`,keywords:[`dessert`]},{id:`cookie`,emoji:`🍪`,name:`Cookie`,category:`food`,keywords:[`dessert`]},{id:`cake`,emoji:`🎂`,name:`Birthday Cake`,category:`food`,keywords:[`dessert`,`birthday`]},{id:`chocolate`,emoji:`🍫`,name:`Chocolate Bar`,category:`food`,keywords:[`dessert`]},{id:`candy`,emoji:`🍬`,name:`Candy`,category:`food`,keywords:[`sweet`]},{id:`coffee`,emoji:`☕`,name:`Hot Beverage`,category:`food`,keywords:[`tea`,`cafe`]},{id:`beer`,emoji:`🍺`,name:`Beer Mug`,category:`food`,keywords:[`drink`,`alcohol`]},{id:`wine`,emoji:`🍷`,name:`Wine Glass`,category:`food`,keywords:[`drink`,`alcohol`]},{id:`cocktail`,emoji:`🍸`,name:`Cocktail Glass`,category:`food`,keywords:[`drink`,`alcohol`]},{id:`champagne`,emoji:`🍾`,name:`Bottle with Popping Cork`,category:`food`,keywords:[`celebration`]},{id:`car`,emoji:`🚗`,name:`Automobile`,category:`travel`,keywords:[`vehicle`]},{id:`taxi`,emoji:`🚕`,name:`Taxi`,category:`travel`,keywords:[`vehicle`]},{id:`bus`,emoji:`🚌`,name:`Bus`,category:`travel`,keywords:[`vehicle`]},{id:`train`,emoji:`🚆`,name:`Train`,category:`travel`,keywords:[`vehicle`]},{id:`airplane`,emoji:`✈️`,name:`Airplane`,category:`travel`,keywords:[`flight`,`travel`]},{id:`rocket`,emoji:`🚀`,name:`Rocket`,category:`travel`,keywords:[`space`,`launch`]},{id:`ship`,emoji:`🚢`,name:`Ship`,category:`travel`,keywords:[`boat`]},{id:`bike`,emoji:`🚲`,name:`Bicycle`,category:`travel`,keywords:[`cycle`]},{id:`house`,emoji:`🏠`,name:`House`,category:`travel`,keywords:[`home`]},{id:`office`,emoji:`🏢`,name:`Office Building`,category:`travel`,keywords:[`work`]},{id:`hospital`,emoji:`🏥`,name:`Hospital`,category:`travel`,keywords:[`health`]},{id:`school`,emoji:`🏫`,name:`School`,category:`travel`,keywords:[`education`]},{id:`church`,emoji:`⛪`,name:`Church`,category:`travel`,keywords:[`religion`]},{id:`mountain`,emoji:`⛰️`,name:`Mountain`,category:`travel`,keywords:[`nature`]},{id:`beach`,emoji:`🏖️`,name:`Beach with Umbrella`,category:`travel`,keywords:[`vacation`]},{id:`camping`,emoji:`🏕️`,name:`Camping`,category:`travel`,keywords:[`outdoor`]},{id:`sun`,emoji:`☀️`,name:`Sun`,category:`travel`,keywords:[`weather`,`sunny`]},{id:`moon`,emoji:`🌙`,name:`Crescent Moon`,category:`travel`,keywords:[`night`]},{id:`cloud`,emoji:`☁️`,name:`Cloud`,category:`travel`,keywords:[`weather`]},{id:`rain`,emoji:`🌧️`,name:`Cloud with Rain`,category:`travel`,keywords:[`weather`]},{id:`snow`,emoji:`❄️`,name:`Snowflake`,category:`travel`,keywords:[`weather`,`cold`]},{id:`lightning`,emoji:`⚡`,name:`High Voltage`,category:`travel`,keywords:[`electricity`,`thunder`]},{id:`rainbow`,emoji:`🌈`,name:`Rainbow`,category:`travel`,keywords:[`weather`,`pride`]},{id:`soccer`,emoji:`⚽`,name:`Soccer Ball`,category:`activities`,keywords:[`football`,`sport`]},{id:`basketball`,emoji:`🏀`,name:`Basketball`,category:`activities`,keywords:[`sport`]},{id:`football`,emoji:`🏈`,name:`American Football`,category:`activities`,keywords:[`sport`]},{id:`baseball`,emoji:`⚾`,name:`Baseball`,category:`activities`,keywords:[`sport`]},{id:`tennis`,emoji:`🎾`,name:`Tennis`,category:`activities`,keywords:[`sport`]},{id:`golf`,emoji:`⛳`,name:`Flag in Hole`,category:`activities`,keywords:[`sport`]},{id:`trophy`,emoji:`🏆`,name:`Trophy`,category:`activities`,keywords:[`winner`,`award`]},{id:`medal`,emoji:`🏅`,name:`Sports Medal`,category:`activities`,keywords:[`winner`,`award`]},{id:`video_game`,emoji:`🎮`,name:`Video Game`,category:`activities`,keywords:[`gaming`,`controller`]},{id:`dice`,emoji:`🎲`,name:`Game Die`,category:`activities`,keywords:[`gambling`]},{id:`chess`,emoji:`♟️`,name:`Chess Pawn`,category:`activities`,keywords:[`game`]},{id:`bowling`,emoji:`🎳`,name:`Bowling`,category:`activities`,keywords:[`sport`]},{id:`guitar`,emoji:`🎸`,name:`Guitar`,category:`activities`,keywords:[`music`]},{id:`microphone`,emoji:`🎤`,name:`Microphone`,category:`activities`,keywords:[`music`,`karaoke`]},{id:`headphones`,emoji:`🎧`,name:`Headphones`,category:`activities`,keywords:[`music`]},{id:`art`,emoji:`🎨`,name:`Artist Palette`,category:`activities`,keywords:[`painting`]},{id:`ticket`,emoji:`🎫`,name:`Ticket`,category:`activities`,keywords:[`event`]},{id:`party`,emoji:`🎉`,name:`Party Popper`,category:`activities`,keywords:[`celebration`,`tada`]},{id:`balloon`,emoji:`🎈`,name:`Balloon`,category:`activities`,keywords:[`party`]},{id:`gift`,emoji:`🎁`,name:`Wrapped Gift`,category:`activities`,keywords:[`present`]},{id:`christmas_tree`,emoji:`🎄`,name:`Christmas Tree`,category:`activities`,keywords:[`holiday`]},{id:`phone`,emoji:`📱`,name:`Mobile Phone`,category:`objects`,keywords:[`smartphone`]},{id:`computer`,emoji:`💻`,name:`Laptop`,category:`objects`,keywords:[`pc`]},{id:`keyboard`,emoji:`⌨️`,name:`Keyboard`,category:`objects`,keywords:[]},{id:`camera`,emoji:`📷`,name:`Camera`,category:`objects`,keywords:[`photo`]},{id:`tv`,emoji:`📺`,name:`Television`,category:`objects`,keywords:[]},{id:`radio`,emoji:`📻`,name:`Radio`,category:`objects`,keywords:[]},{id:`clock`,emoji:`🕐`,name:`One O'Clock`,category:`objects`,keywords:[`time`]},{id:`hourglass`,emoji:`⏳`,name:`Hourglass`,category:`objects`,keywords:[`time`]},{id:`alarm`,emoji:`⏰`,name:`Alarm Clock`,category:`objects`,keywords:[`time`]},{id:`bulb`,emoji:`💡`,name:`Light Bulb`,category:`objects`,keywords:[`idea`]},{id:`money`,emoji:`💰`,name:`Money Bag`,category:`objects`,keywords:[`rich`,`cash`]},{id:`dollar`,emoji:`💵`,name:`Dollar Banknote`,category:`objects`,keywords:[`money`]},{id:`credit_card`,emoji:`💳`,name:`Credit Card`,category:`objects`,keywords:[`payment`]},{id:`gem`,emoji:`💎`,name:`Gem Stone`,category:`objects`,keywords:[`diamond`,`jewel`]},{id:`tools`,emoji:`🔧`,name:`Wrench`,category:`objects`,keywords:[`fix`]},{id:`hammer`,emoji:`🔨`,name:`Hammer`,category:`objects`,keywords:[`tool`]},{id:`lock`,emoji:`🔒`,name:`Locked`,category:`objects`,keywords:[`secure`]},{id:`key`,emoji:`🔑`,name:`Key`,category:`objects`,keywords:[`unlock`]},{id:`magnifying`,emoji:`🔍`,name:`Magnifying Glass`,category:`objects`,keywords:[`search`]},{id:`envelope`,emoji:`✉️`,name:`Envelope`,category:`objects`,keywords:[`mail`,`email`]},{id:`book`,emoji:`📖`,name:`Open Book`,category:`objects`,keywords:[`read`]},{id:`notebook`,emoji:`📓`,name:`Notebook`,category:`objects`,keywords:[]},{id:`pencil`,emoji:`✏️`,name:`Pencil`,category:`objects`,keywords:[`write`]},{id:`scissors`,emoji:`✂️`,name:`Scissors`,category:`objects`,keywords:[`cut`]},{id:`paperclip`,emoji:`📎`,name:`Paperclip`,category:`objects`,keywords:[`attachment`]},{id:`pushpin`,emoji:`📌`,name:`Pushpin`,category:`objects`,keywords:[`pin`]},{id:`check`,emoji:`✅`,name:`Check Mark Button`,category:`symbols`,keywords:[`done`,`yes`]},{id:`cross`,emoji:`❌`,name:`Cross Mark`,category:`symbols`,keywords:[`no`,`wrong`]},{id:`question`,emoji:`❓`,name:`Question Mark`,category:`symbols`,keywords:[]},{id:`exclamation`,emoji:`❗`,name:`Exclamation Mark`,category:`symbols`,keywords:[`important`]},{id:`warning`,emoji:`⚠️`,name:`Warning`,category:`symbols`,keywords:[`caution`]},{id:`no_entry`,emoji:`⛔`,name:`No Entry`,category:`symbols`,keywords:[`stop`]},{id:`prohibited`,emoji:`🚫`,name:`Prohibited`,category:`symbols`,keywords:[`forbidden`]},{id:`plus`,emoji:`➕`,name:`Plus`,category:`symbols`,keywords:[`add`]},{id:`minus`,emoji:`➖`,name:`Minus`,category:`symbols`,keywords:[`subtract`]},{id:`multiply`,emoji:`✖️`,name:`Multiply`,category:`symbols`,keywords:[]},{id:`divide`,emoji:`➗`,name:`Divide`,category:`symbols`,keywords:[]},{id:`infinity`,emoji:`♾️`,name:`Infinity`,category:`symbols`,keywords:[`forever`]},{id:`recycle`,emoji:`♻️`,name:`Recycling Symbol`,category:`symbols`,keywords:[`environment`]},{id:`zzz`,emoji:`💤`,name:`Zzz`,category:`symbols`,keywords:[`sleep`,`tired`]},{id:`speech`,emoji:`💬`,name:`Speech Balloon`,category:`symbols`,keywords:[`chat`,`comment`]},{id:`thought`,emoji:`💭`,name:`Thought Balloon`,category:`symbols`,keywords:[`thinking`]},{id:`music_note`,emoji:`🎵`,name:`Musical Note`,category:`symbols`,keywords:[`song`]},{id:`hash_symbol`,emoji:`#️⃣`,name:`Hash Key`,category:`symbols`,keywords:[`number`,`hashtag`]},{id:`asterisk`,emoji:`*️⃣`,name:`Asterisk Key`,category:`symbols`,keywords:[]},{id:`arrow_right`,emoji:`➡️`,name:`Right Arrow`,category:`symbols`,keywords:[]},{id:`arrow_left`,emoji:`⬅️`,name:`Left Arrow`,category:`symbols`,keywords:[]},{id:`arrow_up`,emoji:`⬆️`,name:`Up Arrow`,category:`symbols`,keywords:[]},{id:`arrow_down`,emoji:`⬇️`,name:`Down Arrow`,category:`symbols`,keywords:[]},{id:`flag_white`,emoji:`🏳️`,name:`White Flag`,category:`flags`,keywords:[`surrender`]},{id:`flag_black`,emoji:`🏴`,name:`Black Flag`,category:`flags`,keywords:[]},{id:`flag_checkered`,emoji:`🏁`,name:`Checkered Flag`,category:`flags`,keywords:[`racing`,`finish`]},{id:`flag_us`,emoji:`🇺🇸`,name:`Flag: United States`,category:`flags`,keywords:[`usa`,`america`]},{id:`flag_gb`,emoji:`🇬🇧`,name:`Flag: United Kingdom`,category:`flags`,keywords:[`uk`,`britain`]},{id:`flag_fr`,emoji:`🇫🇷`,name:`Flag: France`,category:`flags`,keywords:[`french`]},{id:`flag_de`,emoji:`🇩🇪`,name:`Flag: Germany`,category:`flags`,keywords:[`german`]},{id:`flag_es`,emoji:`🇪🇸`,name:`Flag: Spain`,category:`flags`,keywords:[`spanish`]},{id:`flag_it`,emoji:`🇮🇹`,name:`Flag: Italy`,category:`flags`,keywords:[`italian`]},{id:`flag_jp`,emoji:`🇯🇵`,name:`Flag: Japan`,category:`flags`,keywords:[`japanese`]},{id:`flag_cn`,emoji:`🇨🇳`,name:`Flag: China`,category:`flags`,keywords:[`chinese`]},{id:`flag_kr`,emoji:`🇰🇷`,name:`Flag: South Korea`,category:`flags`,keywords:[`korean`]},{id:`flag_br`,emoji:`🇧🇷`,name:`Flag: Brazil`,category:`flags`,keywords:[`brazilian`]},{id:`flag_ca`,emoji:`🇨🇦`,name:`Flag: Canada`,category:`flags`,keywords:[`canadian`]},{id:`flag_au`,emoji:`🇦🇺`,name:`Flag: Australia`,category:`flags`,keywords:[`australian`]}],d=[`recent`,`smileys`,`people`,`animals`,`food`,`travel`,`activities`,`objects`,`symbols`,`flags`];function f(e={}){let{maxRecent:t=20,defaultSkinTone:n=`default`,storageKey:i=`waka-recent-emojis`}=e,[a,o]=r.useState(!1),[s,c]=r.useState(null),[l,u]=r.useState(n),[d,f]=r.useState([]);r.useEffect(()=>{if(typeof window<`u`)try{let e=localStorage.getItem(i);e&&f(JSON.parse(e))}catch{}},[i]);let p=r.useCallback(e=>{f(n=>{let r=[e,...n.filter(t=>t!==e)].slice(0,t);if(typeof window<`u`)try{localStorage.setItem(i,JSON.stringify(r))}catch{}return r})},[t,i]);return{open:a,setOpen:o,selectedEmoji:s,recentEmojis:d,skinTone:l,setSkinTone:u,addToRecent:p,clearRecent:r.useCallback(()=>{if(f([]),typeof window<`u`)try{localStorage.removeItem(i)}catch{}},[i]),selectEmoji:r.useCallback(e=>{c(e),p(e)},[p])}}function p(e,t){if(t===`default`)return e;let n=o[t];if(Object.values(o).some(t=>t&&e.includes(t))){let t=e;return Object.values(o).forEach(e=>{e&&(t=t.replace(e,``))}),t+n}return e+n}function m(e,t){let n=t.toLowerCase();return e.filter(e=>{let r=e.name.toLowerCase().includes(n),i=e.keywords?.some(e=>e.toLowerCase().includes(n)),a=e.emoji===t;return r||i||a})}function h({reactions:e,onSelect:t,skinTone:n}){return(0,a.jsx)(`div`,{className:`flex items-center gap-1 p-2 border-b`,children:e.map((e,r)=>{let i=u.find(t=>t.emoji===e)?.skinToneSupport?p(e,n):e;return(0,a.jsx)(`button`,{onClick:()=>t(i),className:`flex items-center justify-center w-9 h-9 rounded-lg text-xl hover:bg-accent transition-all duration-150 hover:scale-110 active:scale-95`,children:i},r)})})}function g({activeCategory:e,onCategoryChange:n,showRecent:r,hasRecent:i}){return(0,a.jsx)(`div`,{className:`flex items-center gap-0.5 p-1 border-b overflow-x-auto`,children:(r&&i?d:d.filter(e=>e!==`recent`)).map(r=>(0,a.jsx)(`button`,{onClick:()=>n(r),className:t.cn(`flex items-center justify-center w-8 h-8 rounded-md transition-colors`,e===r?`bg-accent text-accent-foreground`:`hover:bg-accent/50 text-muted-foreground`),title:c[r],children:s[r]},r))})}function _({skinTone:e,onSkinToneChange:n}){return(0,a.jsxs)(`div`,{className:`flex items-center gap-1 p-2 border-t`,children:[(0,a.jsx)(`span`,{className:`text-xs text-muted-foreground mr-2`,children:`Skin tone:`}),[`default`,`light`,`medium-light`,`medium`,`medium-dark`,`dark`].map(r=>(0,a.jsx)(`button`,{onClick:()=>n(r),className:t.cn(`flex items-center justify-center w-7 h-7 rounded text-base transition-all hover:scale-110`,e===r&&`ring-2 ring-primary ring-offset-1`),children:p(`👋`,r)},r))]})}function v({emoji:e,skinTone:t}){if(!e)return(0,a.jsxs)(`div`,{className:`flex items-center gap-3 p-2 border-t h-14`,children:[(0,a.jsx)(`div`,{className:`w-10 h-10 flex items-center justify-center text-3xl text-muted-foreground/30`,children:(0,a.jsx)(i.Smile,{})}),(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Hover over an emoji to preview`})]});let n=`url`in e,r=n?null:e.skinToneSupport?p(e.emoji,t):e.emoji;return(0,a.jsxs)(`div`,{className:`flex items-center gap-3 p-2 border-t h-14 animate-in fade-in-50 duration-150`,children:[(0,a.jsx)(`div`,{className:`w-10 h-10 flex items-center justify-center text-3xl`,children:n?(0,a.jsx)(`img`,{src:e.url,alt:e.name,className:`w-8 h-8 object-contain`}):r}),(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`text-sm font-medium`,children:e.name}),(0,a.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`:`,e.id||e.name.toLowerCase().replace(/\s+/g,`_`),`:`]})]})]})}function y({emojis:e,customEmojis:n,recentEmojis:o,activeCategory:s,skinTone:c,columns:l,onSelect:d,onHover:f,selectedIndex:m,showRecent:h,searchMode:g=!1}){let _=r.useRef(null),v=r.useMemo(()=>g?e:s===`recent`&&h?o.map(e=>u.find(t=>t.emoji===e||p(t.emoji,c)===e)).filter(Boolean):e.filter(e=>e.category===s),[e,s,o,c,h,g]);return r.useEffect(()=>{(_.current?.querySelector(`[data-index="${m}"]`))?.scrollIntoView({block:`nearest`})},[m]),(0,a.jsxs)(`div`,{ref:_,className:`p-2 h-52 overflow-y-auto`,children:[s===`recent`&&n&&n.length>0&&(0,a.jsxs)(`div`,{className:`mb-2`,children:[(0,a.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground mb-1 px-1`,children:`Custom`}),(0,a.jsx)(`div`,{className:`grid gap-1`,style:{gridTemplateColumns:`repeat(${l}, 1fr)`},children:n.map((e,n)=>(0,a.jsx)(`button`,{"data-index":n,onClick:()=>d(e.url,e),onMouseEnter:()=>f(e),onMouseLeave:()=>f(null),className:t.cn(`flex items-center justify-center w-9 h-9 rounded-lg transition-all duration-150 hover:bg-accent hover:scale-110 active:scale-95`,m===n&&`bg-accent ring-2 ring-primary`),children:(0,a.jsx)(`img`,{src:e.url,alt:e.name,className:`w-6 h-6 object-contain`})},e.id))})]}),(0,a.jsx)(`div`,{className:`grid gap-1`,style:{gridTemplateColumns:`repeat(${l}, 1fr)`},children:v.map((e,r)=>{let i=e.skinToneSupport?p(e.emoji,c):e.emoji,o=n&&s===`recent`?r+n.length:r;return(0,a.jsx)(`button`,{"data-index":o,onClick:()=>d(i,e),onMouseEnter:()=>f(e),onMouseLeave:()=>f(null),className:t.cn(`flex items-center justify-center w-9 h-9 rounded-lg text-xl transition-all duration-150 hover:bg-accent hover:scale-110 active:scale-95`,m===o&&`bg-accent ring-2 ring-primary`),children:i},e.id)})}),v.length===0&&(0,a.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full text-muted-foreground`,children:[(0,a.jsx)(i.Smile,{className:`h-8 w-8 mb-2 opacity-50`}),(0,a.jsx)(`span`,{className:`text-sm`,children:`No emojis found`})]})]})}function b({onSelect:e,quickReactions:o=l,customEmojis:s,showSearch:c=!0,showRecent:f=!0,showSkinTones:b=!0,showCategories:x=!0,showPreview:S=!0,mode:C=`popover`,skinTone:w,onSkinToneChange:T,columns:E=8,maxRecent:D=20,open:O,onOpenChange:ee,trigger:te,className:ne,disabled:k=!1}){let[re,A]=r.useState(!1),[j,M]=r.useState(`default`),[N,P]=r.useState(``),[F,I]=r.useState(`smileys`),[L,R]=r.useState(null),[z,B]=r.useState(0),[V,H]=r.useState([]),U=r.useRef(null),W=r.useRef(null),G=O!==void 0,K=G?O:re,q=G?ee||(()=>{}):A,J=w!==void 0,Y=J?w:j,ie=J?T||(()=>{}):M;r.useEffect(()=>{if(typeof window<`u`&&f)try{let e=localStorage.getItem(`waka-recent-emojis`);e&&H(JSON.parse(e))}catch{}},[f]);let X=r.useMemo(()=>N?m(u,N):u,[N]),Z=r.useMemo(()=>N?X:F===`recent`&&f?V.map(e=>u.find(t=>t.emoji===e)).filter(Boolean):u.filter(e=>e.category===F),[X,N,F,V,f]),Q=r.useCallback((t,n)=>{e?.(t,n),f&&!(`url`in n)&&H(e=>{let n=[t,...e.filter(e=>e!==t)].slice(0,D);try{localStorage.setItem(`waka-recent-emojis`,JSON.stringify(n))}catch{}return n}),q(!1),P(``)},[e,f,D,q]);r.useEffect(()=>{if(!K)return;let e=e=>{switch(e.key){case`ArrowRight`:e.preventDefault(),B(e=>Math.min(e+1,Z.length-1));break;case`ArrowLeft`:e.preventDefault(),B(e=>Math.max(e-1,0));break;case`ArrowDown`:e.preventDefault(),B(e=>Math.min(e+E,Z.length-1));break;case`ArrowUp`:e.preventDefault(),B(e=>Math.max(e-E,0));break;case`Enter`:e.preventDefault();let t=Z[z];t&&Q(t.skinToneSupport?p(t.emoji,Y):t.emoji,t);break;case`Escape`:e.preventDefault(),q(!1);break;case`Tab`:if(!e.shiftKey){e.preventDefault();let t=f&&V.length>0?d:d.filter(e=>e!==`recent`);I(t[(t.indexOf(F)+1)%t.length]),B(0)}break}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[K,z,Z,E,Y,Q,q,F,f,V.length]),r.useEffect(()=>{K&&c&&setTimeout(()=>U.current?.focus(),0),K||(P(``),B(0))},[K,c]),r.useEffect(()=>{B(0)},[F,N]);let $=(0,a.jsxs)(`div`,{ref:W,className:t.cn(`w-80 bg-popover rounded-lg border shadow-lg overflow-hidden`,C===`inline`&&`shadow-none`,ne),children:[o.length>0&&(0,a.jsx)(h,{reactions:o,onSelect:e=>{let t=u.find(t=>t.emoji===e||p(t.emoji,Y)===e);t&&Q(e,t)},skinTone:Y}),c&&(0,a.jsx)(`div`,{className:`p-2 border-b`,children:(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsx)(i.Search,{className:`absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,a.jsx)(`input`,{ref:U,type:`text`,value:N,onChange:e=>P(e.target.value),placeholder:`Search emojis...`,className:`w-full h-9 pl-9 pr-8 rounded-md border bg-background text-sm outline-none focus:ring-2 focus:ring-primary`}),N&&(0,a.jsx)(`button`,{onClick:()=>P(``),className:`absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground`,children:(0,a.jsx)(i.X,{className:`h-4 w-4`})})]})}),x&&!N&&(0,a.jsx)(g,{activeCategory:F,onCategoryChange:I,showRecent:f,hasRecent:V.length>0}),(0,a.jsx)(y,{emojis:N?X:u,customEmojis:s,recentEmojis:V,activeCategory:F,searchMode:!!N,skinTone:Y,columns:E,onSelect:Q,onHover:R,selectedIndex:z,showRecent:f&&!N}),b&&(0,a.jsx)(_,{skinTone:Y,onSkinToneChange:ie}),S&&(0,a.jsx)(v,{emoji:L,skinTone:Y})]});return C===`inline`?$:(0,a.jsxs)(n.Popover,{open:K,onOpenChange:q,children:[(0,a.jsx)(n.PopoverTrigger,{asChild:!0,disabled:k,children:te||(0,a.jsx)(`button`,{className:t.cn(`inline-flex items-center justify-center w-9 h-9 rounded-md border bg-background hover:bg-accent transition-colors`,k&&`opacity-50 cursor-not-allowed`),children:(0,a.jsx)(i.Smile,{className:`h-5 w-5`})})}),(0,a.jsx)(n.PopoverContent,{className:`w-auto p-0`,align:`start`,sideOffset:8,children:$})]})}b.displayName=`WakaReactionPicker`,exports.default=b,exports.useReactionPicker=f;
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../popover/index.cjs.js");let r=require("react");r=e.__toESM(r);let i=require("lucide-react"),a=require("react/jsx-runtime");var o={default:``,light:`🏻`,"medium-light":`🏼`,medium:`🏽`,"medium-dark":`🏾`,dark:`🏿`},s={recent:(0,a.jsx)(i.Clock,{className:`h-4 w-4`}),smileys:(0,a.jsx)(i.Smile,{className:`h-4 w-4`}),people:(0,a.jsx)(i.Heart,{className:`h-4 w-4`}),animals:(0,a.jsx)(i.Dog,{className:`h-4 w-4`}),food:(0,a.jsx)(i.Pizza,{className:`h-4 w-4`}),travel:(0,a.jsx)(i.Plane,{className:`h-4 w-4`}),activities:(0,a.jsx)(i.ThumbsUp,{className:`h-4 w-4`}),objects:(0,a.jsx)(i.Lightbulb,{className:`h-4 w-4`}),symbols:(0,a.jsx)(i.Hash,{className:`h-4 w-4`}),flags:(0,a.jsx)(i.Flag,{className:`h-4 w-4`})},c={recent:`Recent`,smileys:`Smileys & Emotion`,people:`People & Body`,animals:`Animals & Nature`,food:`Food & Drink`,travel:`Travel & Places`,activities:`Activities`,objects:`Objects`,symbols:`Symbols`,flags:`Flags`},l=[`👍`,`❤️`,`😂`,`😮`,`😢`,`🎉`],u=[{id:`grinning`,emoji:`😀`,name:`Grinning Face`,category:`smileys`,keywords:[`happy`,`smile`]},{id:`grin`,emoji:`😁`,name:`Beaming Face`,category:`smileys`,keywords:[`happy`,`smile`]},{id:`joy`,emoji:`😂`,name:`Face with Tears of Joy`,category:`smileys`,keywords:[`laugh`,`crying`]},{id:`rofl`,emoji:`🤣`,name:`Rolling on Floor Laughing`,category:`smileys`,keywords:[`laugh`]},{id:`smile`,emoji:`😊`,name:`Smiling Face`,category:`smileys`,keywords:[`happy`,`blush`]},{id:`sweat_smile`,emoji:`😅`,name:`Grinning Face with Sweat`,category:`smileys`,keywords:[`nervous`]},{id:`laughing`,emoji:`😆`,name:`Grinning Squinting Face`,category:`smileys`,keywords:[`happy`]},{id:`wink`,emoji:`😉`,name:`Winking Face`,category:`smileys`,keywords:[`flirt`]},{id:`blush`,emoji:`😊`,name:`Smiling Face with Smiling Eyes`,category:`smileys`,keywords:[`happy`]},{id:`yum`,emoji:`😋`,name:`Face Savoring Food`,category:`smileys`,keywords:[`delicious`,`tongue`]},{id:`sunglasses`,emoji:`😎`,name:`Smiling Face with Sunglasses`,category:`smileys`,keywords:[`cool`]},{id:`heart_eyes`,emoji:`😍`,name:`Smiling Face with Heart-Eyes`,category:`smileys`,keywords:[`love`]},{id:`kissing_heart`,emoji:`😘`,name:`Face Blowing a Kiss`,category:`smileys`,keywords:[`love`]},{id:`thinking`,emoji:`🤔`,name:`Thinking Face`,category:`smileys`,keywords:[`hmm`,`consider`]},{id:`neutral`,emoji:`😐`,name:`Neutral Face`,category:`smileys`,keywords:[`meh`]},{id:`expressionless`,emoji:`😑`,name:`Expressionless Face`,category:`smileys`,keywords:[`blank`]},{id:`unamused`,emoji:`😒`,name:`Unamused Face`,category:`smileys`,keywords:[`annoyed`]},{id:`rolling_eyes`,emoji:`🙄`,name:`Face with Rolling Eyes`,category:`smileys`,keywords:[`whatever`]},{id:`grimacing`,emoji:`😬`,name:`Grimacing Face`,category:`smileys`,keywords:[`awkward`]},{id:`relieved`,emoji:`😌`,name:`Relieved Face`,category:`smileys`,keywords:[`calm`,`peaceful`]},{id:`pensive`,emoji:`😔`,name:`Pensive Face`,category:`smileys`,keywords:[`sad`,`thoughtful`]},{id:`sleepy`,emoji:`😪`,name:`Sleepy Face`,category:`smileys`,keywords:[`tired`]},{id:`drooling`,emoji:`🤤`,name:`Drooling Face`,category:`smileys`,keywords:[`hungry`]},{id:`sleeping`,emoji:`😴`,name:`Sleeping Face`,category:`smileys`,keywords:[`zzz`,`tired`]},{id:`mask`,emoji:`😷`,name:`Face with Medical Mask`,category:`smileys`,keywords:[`sick`,`covid`]},{id:`thermometer`,emoji:`🤒`,name:`Face with Thermometer`,category:`smileys`,keywords:[`sick`,`fever`]},{id:`nerd`,emoji:`🤓`,name:`Nerd Face`,category:`smileys`,keywords:[`geek`,`glasses`]},{id:`confused`,emoji:`😕`,name:`Confused Face`,category:`smileys`,keywords:[`puzzled`]},{id:`worried`,emoji:`😟`,name:`Worried Face`,category:`smileys`,keywords:[`concerned`,`anxious`]},{id:`slightly_frowning`,emoji:`🙁`,name:`Slightly Frowning Face`,category:`smileys`,keywords:[`sad`]},{id:`frowning`,emoji:`☹️`,name:`Frowning Face`,category:`smileys`,keywords:[`sad`]},{id:`open_mouth`,emoji:`😮`,name:`Face with Open Mouth`,category:`smileys`,keywords:[`surprised`,`wow`]},{id:`hushed`,emoji:`😯`,name:`Hushed Face`,category:`smileys`,keywords:[`surprised`,`quiet`]},{id:`astonished`,emoji:`😲`,name:`Astonished Face`,category:`smileys`,keywords:[`shocked`]},{id:`flushed`,emoji:`😳`,name:`Flushed Face`,category:`smileys`,keywords:[`embarrassed`]},{id:`pleading`,emoji:`🥺`,name:`Pleading Face`,category:`smileys`,keywords:[`puppy`,`cute`]},{id:`cry`,emoji:`😢`,name:`Crying Face`,category:`smileys`,keywords:[`sad`,`tear`]},{id:`sob`,emoji:`😭`,name:`Loudly Crying Face`,category:`smileys`,keywords:[`sad`,`tears`]},{id:`angry`,emoji:`😠`,name:`Angry Face`,category:`smileys`,keywords:[`mad`,`annoyed`]},{id:`rage`,emoji:`😡`,name:`Pouting Face`,category:`smileys`,keywords:[`angry`,`mad`]},{id:`triumph`,emoji:`😤`,name:`Face with Steam`,category:`smileys`,keywords:[`frustrated`]},{id:`skull`,emoji:`💀`,name:`Skull`,category:`smileys`,keywords:[`dead`,`death`]},{id:`poop`,emoji:`💩`,name:`Pile of Poo`,category:`smileys`,keywords:[`shit`,`crap`]},{id:`clown`,emoji:`🤡`,name:`Clown Face`,category:`smileys`,keywords:[`joker`]},{id:`ghost`,emoji:`👻`,name:`Ghost`,category:`smileys`,keywords:[`spooky`,`halloween`]},{id:`alien`,emoji:`👽`,name:`Alien`,category:`smileys`,keywords:[`ufo`,`space`]},{id:`robot`,emoji:`🤖`,name:`Robot`,category:`smileys`,keywords:[`bot`,`machine`]},{id:`fire`,emoji:`🔥`,name:`Fire`,category:`smileys`,keywords:[`hot`,`flame`,`lit`]},{id:`100`,emoji:`💯`,name:`Hundred Points`,category:`smileys`,keywords:[`perfect`,`score`]},{id:`star`,emoji:`⭐`,name:`Star`,category:`smileys`,keywords:[`favorite`]},{id:`sparkles`,emoji:`✨`,name:`Sparkles`,category:`smileys`,keywords:[`magic`,`shine`]},{id:`wave`,emoji:`👋`,name:`Waving Hand`,category:`people`,keywords:[`hi`,`bye`,`hello`],skinToneSupport:!0},{id:`raised_hand`,emoji:`✋`,name:`Raised Hand`,category:`people`,keywords:[`stop`,`high five`],skinToneSupport:!0},{id:`ok_hand`,emoji:`👌`,name:`OK Hand`,category:`people`,keywords:[`perfect`],skinToneSupport:!0},{id:`pinching`,emoji:`🤏`,name:`Pinching Hand`,category:`people`,keywords:[`small`],skinToneSupport:!0},{id:`victory`,emoji:`✌️`,name:`Victory Hand`,category:`people`,keywords:[`peace`],skinToneSupport:!0},{id:`crossed_fingers`,emoji:`🤞`,name:`Crossed Fingers`,category:`people`,keywords:[`luck`],skinToneSupport:!0},{id:`love_you`,emoji:`🤟`,name:`Love-You Gesture`,category:`people`,keywords:[`ily`],skinToneSupport:!0},{id:`rock_on`,emoji:`🤘`,name:`Sign of the Horns`,category:`people`,keywords:[`rock`,`metal`],skinToneSupport:!0},{id:`call_me`,emoji:`🤙`,name:`Call Me Hand`,category:`people`,keywords:[`phone`],skinToneSupport:!0},{id:`point_left`,emoji:`👈`,name:`Backhand Index Pointing Left`,category:`people`,keywords:[],skinToneSupport:!0},{id:`point_right`,emoji:`👉`,name:`Backhand Index Pointing Right`,category:`people`,keywords:[],skinToneSupport:!0},{id:`point_up`,emoji:`👆`,name:`Backhand Index Pointing Up`,category:`people`,keywords:[],skinToneSupport:!0},{id:`point_down`,emoji:`👇`,name:`Backhand Index Pointing Down`,category:`people`,keywords:[],skinToneSupport:!0},{id:`thumbs_up`,emoji:`👍`,name:`Thumbs Up`,category:`people`,keywords:[`like`,`approve`,`yes`],skinToneSupport:!0},{id:`thumbs_down`,emoji:`👎`,name:`Thumbs Down`,category:`people`,keywords:[`dislike`,`no`],skinToneSupport:!0},{id:`fist`,emoji:`✊`,name:`Raised Fist`,category:`people`,keywords:[`power`],skinToneSupport:!0},{id:`punch`,emoji:`👊`,name:`Oncoming Fist`,category:`people`,keywords:[`punch`],skinToneSupport:!0},{id:`clap`,emoji:`👏`,name:`Clapping Hands`,category:`people`,keywords:[`applause`,`bravo`],skinToneSupport:!0},{id:`raised_hands`,emoji:`🙌`,name:`Raising Hands`,category:`people`,keywords:[`celebration`],skinToneSupport:!0},{id:`open_hands`,emoji:`👐`,name:`Open Hands`,category:`people`,keywords:[`hug`],skinToneSupport:!0},{id:`palms_up`,emoji:`🤲`,name:`Palms Up Together`,category:`people`,keywords:[`prayer`],skinToneSupport:!0},{id:`handshake`,emoji:`🤝`,name:`Handshake`,category:`people`,keywords:[`deal`,`agreement`]},{id:`pray`,emoji:`🙏`,name:`Folded Hands`,category:`people`,keywords:[`please`,`thank you`,`prayer`],skinToneSupport:!0},{id:`muscle`,emoji:`💪`,name:`Flexed Biceps`,category:`people`,keywords:[`strong`,`workout`],skinToneSupport:!0},{id:`heart`,emoji:`❤️`,name:`Red Heart`,category:`people`,keywords:[`love`]},{id:`orange_heart`,emoji:`🧡`,name:`Orange Heart`,category:`people`,keywords:[`love`]},{id:`yellow_heart`,emoji:`💛`,name:`Yellow Heart`,category:`people`,keywords:[`love`]},{id:`green_heart`,emoji:`💚`,name:`Green Heart`,category:`people`,keywords:[`love`]},{id:`blue_heart`,emoji:`💙`,name:`Blue Heart`,category:`people`,keywords:[`love`]},{id:`purple_heart`,emoji:`💜`,name:`Purple Heart`,category:`people`,keywords:[`love`]},{id:`black_heart`,emoji:`🖤`,name:`Black Heart`,category:`people`,keywords:[`love`]},{id:`broken_heart`,emoji:`💔`,name:`Broken Heart`,category:`people`,keywords:[`sad`]},{id:`sparkling_heart`,emoji:`💖`,name:`Sparkling Heart`,category:`people`,keywords:[`love`]},{id:`dog`,emoji:`🐶`,name:`Dog Face`,category:`animals`,keywords:[`puppy`,`pet`]},{id:`cat`,emoji:`🐱`,name:`Cat Face`,category:`animals`,keywords:[`kitten`,`pet`]},{id:`mouse`,emoji:`🐭`,name:`Mouse Face`,category:`animals`,keywords:[]},{id:`hamster`,emoji:`🐹`,name:`Hamster`,category:`animals`,keywords:[`pet`]},{id:`rabbit`,emoji:`🐰`,name:`Rabbit Face`,category:`animals`,keywords:[`bunny`]},{id:`fox`,emoji:`🦊`,name:`Fox`,category:`animals`,keywords:[]},{id:`bear`,emoji:`🐻`,name:`Bear`,category:`animals`,keywords:[]},{id:`panda`,emoji:`🐼`,name:`Panda`,category:`animals`,keywords:[]},{id:`koala`,emoji:`🐨`,name:`Koala`,category:`animals`,keywords:[]},{id:`tiger`,emoji:`🐯`,name:`Tiger Face`,category:`animals`,keywords:[]},{id:`lion`,emoji:`🦁`,name:`Lion`,category:`animals`,keywords:[]},{id:`cow`,emoji:`🐮`,name:`Cow Face`,category:`animals`,keywords:[]},{id:`pig`,emoji:`🐷`,name:`Pig Face`,category:`animals`,keywords:[]},{id:`frog`,emoji:`🐸`,name:`Frog`,category:`animals`,keywords:[]},{id:`monkey`,emoji:`🐵`,name:`Monkey Face`,category:`animals`,keywords:[]},{id:`chicken`,emoji:`🐔`,name:`Chicken`,category:`animals`,keywords:[]},{id:`penguin`,emoji:`🐧`,name:`Penguin`,category:`animals`,keywords:[]},{id:`bird`,emoji:`🐦`,name:`Bird`,category:`animals`,keywords:[]},{id:`eagle`,emoji:`🦅`,name:`Eagle`,category:`animals`,keywords:[]},{id:`duck`,emoji:`🦆`,name:`Duck`,category:`animals`,keywords:[]},{id:`owl`,emoji:`🦉`,name:`Owl`,category:`animals`,keywords:[]},{id:`bat`,emoji:`🦇`,name:`Bat`,category:`animals`,keywords:[]},{id:`wolf`,emoji:`🐺`,name:`Wolf`,category:`animals`,keywords:[]},{id:`unicorn`,emoji:`🦄`,name:`Unicorn`,category:`animals`,keywords:[`magic`]},{id:`bee`,emoji:`🐝`,name:`Honeybee`,category:`animals`,keywords:[]},{id:`butterfly`,emoji:`🦋`,name:`Butterfly`,category:`animals`,keywords:[]},{id:`snail`,emoji:`🐌`,name:`Snail`,category:`animals`,keywords:[`slow`]},{id:`turtle`,emoji:`🐢`,name:`Turtle`,category:`animals`,keywords:[`slow`]},{id:`snake`,emoji:`🐍`,name:`Snake`,category:`animals`,keywords:[]},{id:`dolphin`,emoji:`🐬`,name:`Dolphin`,category:`animals`,keywords:[]},{id:`whale`,emoji:`🐳`,name:`Spouting Whale`,category:`animals`,keywords:[]},{id:`fish`,emoji:`🐟`,name:`Fish`,category:`animals`,keywords:[]},{id:`octopus`,emoji:`🐙`,name:`Octopus`,category:`animals`,keywords:[]},{id:`crab`,emoji:`🦀`,name:`Crab`,category:`animals`,keywords:[]},{id:`sunflower`,emoji:`🌻`,name:`Sunflower`,category:`animals`,keywords:[`flower`]},{id:`rose`,emoji:`🌹`,name:`Rose`,category:`animals`,keywords:[`flower`]},{id:`cherry_blossom`,emoji:`🌸`,name:`Cherry Blossom`,category:`animals`,keywords:[`flower`]},{id:`tulip`,emoji:`🌷`,name:`Tulip`,category:`animals`,keywords:[`flower`]},{id:`tree`,emoji:`🌳`,name:`Deciduous Tree`,category:`animals`,keywords:[]},{id:`palm`,emoji:`🌴`,name:`Palm Tree`,category:`animals`,keywords:[`beach`]},{id:`cactus`,emoji:`🌵`,name:`Cactus`,category:`animals`,keywords:[`desert`]},{id:`apple`,emoji:`🍎`,name:`Red Apple`,category:`food`,keywords:[`fruit`]},{id:`banana`,emoji:`🍌`,name:`Banana`,category:`food`,keywords:[`fruit`]},{id:`orange`,emoji:`🍊`,name:`Tangerine`,category:`food`,keywords:[`fruit`]},{id:`lemon`,emoji:`🍋`,name:`Lemon`,category:`food`,keywords:[`fruit`]},{id:`grapes`,emoji:`🍇`,name:`Grapes`,category:`food`,keywords:[`fruit`]},{id:`watermelon`,emoji:`🍉`,name:`Watermelon`,category:`food`,keywords:[`fruit`]},{id:`strawberry`,emoji:`🍓`,name:`Strawberry`,category:`food`,keywords:[`fruit`]},{id:`peach`,emoji:`🍑`,name:`Peach`,category:`food`,keywords:[`fruit`]},{id:`cherry`,emoji:`🍒`,name:`Cherries`,category:`food`,keywords:[`fruit`]},{id:`avocado`,emoji:`🥑`,name:`Avocado`,category:`food`,keywords:[`fruit`]},{id:`tomato`,emoji:`🍅`,name:`Tomato`,category:`food`,keywords:[`vegetable`]},{id:`carrot`,emoji:`🥕`,name:`Carrot`,category:`food`,keywords:[`vegetable`]},{id:`corn`,emoji:`🌽`,name:`Ear of Corn`,category:`food`,keywords:[`vegetable`]},{id:`hot_pepper`,emoji:`🌶️`,name:`Hot Pepper`,category:`food`,keywords:[`spicy`]},{id:`bread`,emoji:`🍞`,name:`Bread`,category:`food`,keywords:[]},{id:`cheese`,emoji:`🧀`,name:`Cheese Wedge`,category:`food`,keywords:[]},{id:`egg`,emoji:`🥚`,name:`Egg`,category:`food`,keywords:[]},{id:`bacon`,emoji:`🥓`,name:`Bacon`,category:`food`,keywords:[]},{id:`hamburger`,emoji:`🍔`,name:`Hamburger`,category:`food`,keywords:[`burger`]},{id:`fries`,emoji:`🍟`,name:`French Fries`,category:`food`,keywords:[]},{id:`pizza`,emoji:`🍕`,name:`Pizza`,category:`food`,keywords:[]},{id:`hotdog`,emoji:`🌭`,name:`Hot Dog`,category:`food`,keywords:[]},{id:`taco`,emoji:`🌮`,name:`Taco`,category:`food`,keywords:[]},{id:`burrito`,emoji:`🌯`,name:`Burrito`,category:`food`,keywords:[]},{id:`sushi`,emoji:`🍣`,name:`Sushi`,category:`food`,keywords:[]},{id:`ramen`,emoji:`🍜`,name:`Steaming Bowl`,category:`food`,keywords:[`noodles`]},{id:`spaghetti`,emoji:`🍝`,name:`Spaghetti`,category:`food`,keywords:[`pasta`]},{id:`ice_cream`,emoji:`🍨`,name:`Ice Cream`,category:`food`,keywords:[`dessert`]},{id:`donut`,emoji:`🍩`,name:`Doughnut`,category:`food`,keywords:[`dessert`]},{id:`cookie`,emoji:`🍪`,name:`Cookie`,category:`food`,keywords:[`dessert`]},{id:`cake`,emoji:`🎂`,name:`Birthday Cake`,category:`food`,keywords:[`dessert`,`birthday`]},{id:`chocolate`,emoji:`🍫`,name:`Chocolate Bar`,category:`food`,keywords:[`dessert`]},{id:`candy`,emoji:`🍬`,name:`Candy`,category:`food`,keywords:[`sweet`]},{id:`coffee`,emoji:`☕`,name:`Hot Beverage`,category:`food`,keywords:[`tea`,`cafe`]},{id:`beer`,emoji:`🍺`,name:`Beer Mug`,category:`food`,keywords:[`drink`,`alcohol`]},{id:`wine`,emoji:`🍷`,name:`Wine Glass`,category:`food`,keywords:[`drink`,`alcohol`]},{id:`cocktail`,emoji:`🍸`,name:`Cocktail Glass`,category:`food`,keywords:[`drink`,`alcohol`]},{id:`champagne`,emoji:`🍾`,name:`Bottle with Popping Cork`,category:`food`,keywords:[`celebration`]},{id:`car`,emoji:`🚗`,name:`Automobile`,category:`travel`,keywords:[`vehicle`]},{id:`taxi`,emoji:`🚕`,name:`Taxi`,category:`travel`,keywords:[`vehicle`]},{id:`bus`,emoji:`🚌`,name:`Bus`,category:`travel`,keywords:[`vehicle`]},{id:`train`,emoji:`🚆`,name:`Train`,category:`travel`,keywords:[`vehicle`]},{id:`airplane`,emoji:`✈️`,name:`Airplane`,category:`travel`,keywords:[`flight`,`travel`]},{id:`rocket`,emoji:`🚀`,name:`Rocket`,category:`travel`,keywords:[`space`,`launch`]},{id:`ship`,emoji:`🚢`,name:`Ship`,category:`travel`,keywords:[`boat`]},{id:`bike`,emoji:`🚲`,name:`Bicycle`,category:`travel`,keywords:[`cycle`]},{id:`house`,emoji:`🏠`,name:`House`,category:`travel`,keywords:[`home`]},{id:`office`,emoji:`🏢`,name:`Office Building`,category:`travel`,keywords:[`work`]},{id:`hospital`,emoji:`🏥`,name:`Hospital`,category:`travel`,keywords:[`health`]},{id:`school`,emoji:`🏫`,name:`School`,category:`travel`,keywords:[`education`]},{id:`church`,emoji:`⛪`,name:`Church`,category:`travel`,keywords:[`religion`]},{id:`mountain`,emoji:`⛰️`,name:`Mountain`,category:`travel`,keywords:[`nature`]},{id:`beach`,emoji:`🏖️`,name:`Beach with Umbrella`,category:`travel`,keywords:[`vacation`]},{id:`camping`,emoji:`🏕️`,name:`Camping`,category:`travel`,keywords:[`outdoor`]},{id:`sun`,emoji:`☀️`,name:`Sun`,category:`travel`,keywords:[`weather`,`sunny`]},{id:`moon`,emoji:`🌙`,name:`Crescent Moon`,category:`travel`,keywords:[`night`]},{id:`cloud`,emoji:`☁️`,name:`Cloud`,category:`travel`,keywords:[`weather`]},{id:`rain`,emoji:`🌧️`,name:`Cloud with Rain`,category:`travel`,keywords:[`weather`]},{id:`snow`,emoji:`❄️`,name:`Snowflake`,category:`travel`,keywords:[`weather`,`cold`]},{id:`lightning`,emoji:`⚡`,name:`High Voltage`,category:`travel`,keywords:[`electricity`,`thunder`]},{id:`rainbow`,emoji:`🌈`,name:`Rainbow`,category:`travel`,keywords:[`weather`,`pride`]},{id:`soccer`,emoji:`⚽`,name:`Soccer Ball`,category:`activities`,keywords:[`football`,`sport`]},{id:`basketball`,emoji:`🏀`,name:`Basketball`,category:`activities`,keywords:[`sport`]},{id:`football`,emoji:`🏈`,name:`American Football`,category:`activities`,keywords:[`sport`]},{id:`baseball`,emoji:`⚾`,name:`Baseball`,category:`activities`,keywords:[`sport`]},{id:`tennis`,emoji:`🎾`,name:`Tennis`,category:`activities`,keywords:[`sport`]},{id:`golf`,emoji:`⛳`,name:`Flag in Hole`,category:`activities`,keywords:[`sport`]},{id:`trophy`,emoji:`🏆`,name:`Trophy`,category:`activities`,keywords:[`winner`,`award`]},{id:`medal`,emoji:`🏅`,name:`Sports Medal`,category:`activities`,keywords:[`winner`,`award`]},{id:`video_game`,emoji:`🎮`,name:`Video Game`,category:`activities`,keywords:[`gaming`,`controller`]},{id:`dice`,emoji:`🎲`,name:`Game Die`,category:`activities`,keywords:[`gambling`]},{id:`chess`,emoji:`♟️`,name:`Chess Pawn`,category:`activities`,keywords:[`game`]},{id:`bowling`,emoji:`🎳`,name:`Bowling`,category:`activities`,keywords:[`sport`]},{id:`guitar`,emoji:`🎸`,name:`Guitar`,category:`activities`,keywords:[`music`]},{id:`microphone`,emoji:`🎤`,name:`Microphone`,category:`activities`,keywords:[`music`,`karaoke`]},{id:`headphones`,emoji:`🎧`,name:`Headphones`,category:`activities`,keywords:[`music`]},{id:`art`,emoji:`🎨`,name:`Artist Palette`,category:`activities`,keywords:[`painting`]},{id:`ticket`,emoji:`🎫`,name:`Ticket`,category:`activities`,keywords:[`event`]},{id:`party`,emoji:`🎉`,name:`Party Popper`,category:`activities`,keywords:[`celebration`,`tada`]},{id:`balloon`,emoji:`🎈`,name:`Balloon`,category:`activities`,keywords:[`party`]},{id:`gift`,emoji:`🎁`,name:`Wrapped Gift`,category:`activities`,keywords:[`present`]},{id:`christmas_tree`,emoji:`🎄`,name:`Christmas Tree`,category:`activities`,keywords:[`holiday`]},{id:`phone`,emoji:`📱`,name:`Mobile Phone`,category:`objects`,keywords:[`smartphone`]},{id:`computer`,emoji:`💻`,name:`Laptop`,category:`objects`,keywords:[`pc`]},{id:`keyboard`,emoji:`⌨️`,name:`Keyboard`,category:`objects`,keywords:[]},{id:`camera`,emoji:`📷`,name:`Camera`,category:`objects`,keywords:[`photo`]},{id:`tv`,emoji:`📺`,name:`Television`,category:`objects`,keywords:[]},{id:`radio`,emoji:`📻`,name:`Radio`,category:`objects`,keywords:[]},{id:`clock`,emoji:`🕐`,name:`One O'Clock`,category:`objects`,keywords:[`time`]},{id:`hourglass`,emoji:`⏳`,name:`Hourglass`,category:`objects`,keywords:[`time`]},{id:`alarm`,emoji:`⏰`,name:`Alarm Clock`,category:`objects`,keywords:[`time`]},{id:`bulb`,emoji:`💡`,name:`Light Bulb`,category:`objects`,keywords:[`idea`]},{id:`money`,emoji:`💰`,name:`Money Bag`,category:`objects`,keywords:[`rich`,`cash`]},{id:`dollar`,emoji:`💵`,name:`Dollar Banknote`,category:`objects`,keywords:[`money`]},{id:`credit_card`,emoji:`💳`,name:`Credit Card`,category:`objects`,keywords:[`payment`]},{id:`gem`,emoji:`💎`,name:`Gem Stone`,category:`objects`,keywords:[`diamond`,`jewel`]},{id:`tools`,emoji:`🔧`,name:`Wrench`,category:`objects`,keywords:[`fix`]},{id:`hammer`,emoji:`🔨`,name:`Hammer`,category:`objects`,keywords:[`tool`]},{id:`lock`,emoji:`🔒`,name:`Locked`,category:`objects`,keywords:[`secure`]},{id:`key`,emoji:`🔑`,name:`Key`,category:`objects`,keywords:[`unlock`]},{id:`magnifying`,emoji:`🔍`,name:`Magnifying Glass`,category:`objects`,keywords:[`search`]},{id:`envelope`,emoji:`✉️`,name:`Envelope`,category:`objects`,keywords:[`mail`,`email`]},{id:`book`,emoji:`📖`,name:`Open Book`,category:`objects`,keywords:[`read`]},{id:`notebook`,emoji:`📓`,name:`Notebook`,category:`objects`,keywords:[]},{id:`pencil`,emoji:`✏️`,name:`Pencil`,category:`objects`,keywords:[`write`]},{id:`scissors`,emoji:`✂️`,name:`Scissors`,category:`objects`,keywords:[`cut`]},{id:`paperclip`,emoji:`📎`,name:`Paperclip`,category:`objects`,keywords:[`attachment`]},{id:`pushpin`,emoji:`📌`,name:`Pushpin`,category:`objects`,keywords:[`pin`]},{id:`check`,emoji:`✅`,name:`Check Mark Button`,category:`symbols`,keywords:[`done`,`yes`]},{id:`cross`,emoji:`❌`,name:`Cross Mark`,category:`symbols`,keywords:[`no`,`wrong`]},{id:`question`,emoji:`❓`,name:`Question Mark`,category:`symbols`,keywords:[]},{id:`exclamation`,emoji:`❗`,name:`Exclamation Mark`,category:`symbols`,keywords:[`important`]},{id:`warning`,emoji:`⚠️`,name:`Warning`,category:`symbols`,keywords:[`caution`]},{id:`no_entry`,emoji:`⛔`,name:`No Entry`,category:`symbols`,keywords:[`stop`]},{id:`prohibited`,emoji:`🚫`,name:`Prohibited`,category:`symbols`,keywords:[`forbidden`]},{id:`plus`,emoji:`➕`,name:`Plus`,category:`symbols`,keywords:[`add`]},{id:`minus`,emoji:`➖`,name:`Minus`,category:`symbols`,keywords:[`subtract`]},{id:`multiply`,emoji:`✖️`,name:`Multiply`,category:`symbols`,keywords:[]},{id:`divide`,emoji:`➗`,name:`Divide`,category:`symbols`,keywords:[]},{id:`infinity`,emoji:`♾️`,name:`Infinity`,category:`symbols`,keywords:[`forever`]},{id:`recycle`,emoji:`♻️`,name:`Recycling Symbol`,category:`symbols`,keywords:[`environment`]},{id:`zzz`,emoji:`💤`,name:`Zzz`,category:`symbols`,keywords:[`sleep`,`tired`]},{id:`speech`,emoji:`💬`,name:`Speech Balloon`,category:`symbols`,keywords:[`chat`,`comment`]},{id:`thought`,emoji:`💭`,name:`Thought Balloon`,category:`symbols`,keywords:[`thinking`]},{id:`music_note`,emoji:`🎵`,name:`Musical Note`,category:`symbols`,keywords:[`song`]},{id:`hash_symbol`,emoji:`#️⃣`,name:`Hash Key`,category:`symbols`,keywords:[`number`,`hashtag`]},{id:`asterisk`,emoji:`*️⃣`,name:`Asterisk Key`,category:`symbols`,keywords:[]},{id:`arrow_right`,emoji:`➡️`,name:`Right Arrow`,category:`symbols`,keywords:[]},{id:`arrow_left`,emoji:`⬅️`,name:`Left Arrow`,category:`symbols`,keywords:[]},{id:`arrow_up`,emoji:`⬆️`,name:`Up Arrow`,category:`symbols`,keywords:[]},{id:`arrow_down`,emoji:`⬇️`,name:`Down Arrow`,category:`symbols`,keywords:[]},{id:`flag_white`,emoji:`🏳️`,name:`White Flag`,category:`flags`,keywords:[`surrender`]},{id:`flag_black`,emoji:`🏴`,name:`Black Flag`,category:`flags`,keywords:[]},{id:`flag_checkered`,emoji:`🏁`,name:`Checkered Flag`,category:`flags`,keywords:[`racing`,`finish`]},{id:`flag_us`,emoji:`🇺🇸`,name:`Flag: United States`,category:`flags`,keywords:[`usa`,`america`]},{id:`flag_gb`,emoji:`🇬🇧`,name:`Flag: United Kingdom`,category:`flags`,keywords:[`uk`,`britain`]},{id:`flag_fr`,emoji:`🇫🇷`,name:`Flag: France`,category:`flags`,keywords:[`french`]},{id:`flag_de`,emoji:`🇩🇪`,name:`Flag: Germany`,category:`flags`,keywords:[`german`]},{id:`flag_es`,emoji:`🇪🇸`,name:`Flag: Spain`,category:`flags`,keywords:[`spanish`]},{id:`flag_it`,emoji:`🇮🇹`,name:`Flag: Italy`,category:`flags`,keywords:[`italian`]},{id:`flag_jp`,emoji:`🇯🇵`,name:`Flag: Japan`,category:`flags`,keywords:[`japanese`]},{id:`flag_cn`,emoji:`🇨🇳`,name:`Flag: China`,category:`flags`,keywords:[`chinese`]},{id:`flag_kr`,emoji:`🇰🇷`,name:`Flag: South Korea`,category:`flags`,keywords:[`korean`]},{id:`flag_br`,emoji:`🇧🇷`,name:`Flag: Brazil`,category:`flags`,keywords:[`brazilian`]},{id:`flag_ca`,emoji:`🇨🇦`,name:`Flag: Canada`,category:`flags`,keywords:[`canadian`]},{id:`flag_au`,emoji:`🇦🇺`,name:`Flag: Australia`,category:`flags`,keywords:[`australian`]}],d=[`recent`,`smileys`,`people`,`animals`,`food`,`travel`,`activities`,`objects`,`symbols`,`flags`];function f(e={}){let{maxRecent:t=20,defaultSkinTone:n=`default`,storageKey:i=`waka-recent-emojis`}=e,[a,o]=r.useState(!1),[s,c]=r.useState(null),[l,u]=r.useState(n),[d,f]=r.useState([]);r.useEffect(()=>{if(typeof window<`u`)try{let e=localStorage.getItem(i);e&&f(JSON.parse(e))}catch{}},[i]);let p=r.useCallback(e=>{f(n=>{let r=[e,...n.filter(t=>t!==e)].slice(0,t);if(typeof window<`u`)try{localStorage.setItem(i,JSON.stringify(r))}catch{}return r})},[t,i]);return{open:a,setOpen:o,selectedEmoji:s,recentEmojis:d,skinTone:l,setSkinTone:u,addToRecent:p,clearRecent:r.useCallback(()=>{if(f([]),typeof window<`u`)try{localStorage.removeItem(i)}catch{}},[i]),selectEmoji:r.useCallback(e=>{c(e),p(e)},[p])}}function p(e,t){if(t==="default")return e;let n=o[t];if(Object.values(o).some(t=>t&&e.includes(t))){let t=e;return Object.values(o).forEach(e=>{e&&(t=t.replace(e,``))}),t+n}return e+n}function m(e,t){let n=t.toLowerCase();return e.filter(e=>{let r=e.name.toLowerCase().includes(n),i=e.keywords?.some(e=>e.toLowerCase().includes(n)),a=e.emoji===t;return r||i||a})}function h({reactions:e,onSelect:t,skinTone:n}){return(0,a.jsx)(`div`,{className:`flex items-center gap-1 p-2 border-b`,children:e.map((e,r)=>{let i=u.find(t=>t.emoji===e)?.skinToneSupport?p(e,n):e;return(0,a.jsx)(`button`,{onClick:()=>t(i),className:`flex items-center justify-center w-9 h-9 rounded-lg text-xl hover:bg-accent transition-all duration-150 hover:scale-110 active:scale-95`,children:i},r)})})}function g({activeCategory:e,onCategoryChange:n,showRecent:r,hasRecent:i}){return(0,a.jsx)(`div`,{className:`flex items-center gap-0.5 p-1 border-b overflow-x-auto`,children:(r&&i?d:d.filter(e=>e!==`recent`)).map(r=>(0,a.jsx)(`button`,{onClick:()=>n(r),className:t.cn(`flex items-center justify-center w-8 h-8 rounded-md transition-colors`,e===r?`bg-accent text-accent-foreground`:`hover:bg-accent/50 text-muted-foreground`),title:c[r],children:s[r]},r))})}function _({skinTone:e,onSkinToneChange:n}){return(0,a.jsxs)(`div`,{className:`flex items-center gap-1 p-2 border-t`,children:[(0,a.jsx)(`span`,{className:`text-xs text-muted-foreground mr-2`,children:`Skin tone:`}),[`default`,`light`,`medium-light`,`medium`,`medium-dark`,`dark`].map(r=>(0,a.jsx)(`button`,{onClick:()=>n(r),className:t.cn(`flex items-center justify-center w-7 h-7 rounded text-base transition-all hover:scale-110`,e===r&&`ring-2 ring-primary ring-offset-1`),children:p(`👋`,r)},r))]})}function v({emoji:e,skinTone:t}){if(!e)return(0,a.jsxs)(`div`,{className:`flex items-center gap-3 p-2 border-t h-14`,children:[(0,a.jsx)(`div`,{className:`w-10 h-10 flex items-center justify-center text-3xl text-muted-foreground/30`,children:(0,a.jsx)(i.Smile,{})}),(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Hover over an emoji to preview`})]});let n=`url`in e,r=n?null:e.skinToneSupport?p(e.emoji,t):e.emoji;return(0,a.jsxs)(`div`,{className:`flex items-center gap-3 p-2 border-t h-14 animate-in fade-in-50 duration-150`,children:[(0,a.jsx)(`div`,{className:`w-10 h-10 flex items-center justify-center text-3xl`,children:n?(0,a.jsx)(`img`,{src:e.url,alt:e.name,className:`w-8 h-8 object-contain`}):r}),(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`text-sm font-medium`,children:e.name}),(0,a.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`:`,e.id||e.name.toLowerCase().replace(/\s+/g,`_`),`:`]})]})]})}function y({emojis:e,customEmojis:n,recentEmojis:o,activeCategory:s,skinTone:c,columns:l,onSelect:d,onHover:f,selectedIndex:m,showRecent:h,searchMode:g=!1}){let _=r.useRef(null),v=r.useMemo(()=>g?e:s===`recent`&&h?o.map(e=>u.find(t=>t.emoji===e||p(t.emoji,c)===e)).filter(Boolean):e.filter(e=>e.category===s),[e,s,o,c,h,g]);return r.useEffect(()=>{(_.current?.querySelector(`[data-index="${m}"]`))?.scrollIntoView({block:`nearest`})},[m]),(0,a.jsxs)(`div`,{ref:_,className:`p-2 h-52 overflow-y-auto`,children:[s===`recent`&&n&&n.length>0&&(0,a.jsxs)(`div`,{className:`mb-2`,children:[(0,a.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground mb-1 px-1`,children:`Custom`}),(0,a.jsx)(`div`,{className:`grid gap-1`,style:{gridTemplateColumns:`repeat(${l}, 1fr)`},children:n.map((e,n)=>(0,a.jsx)(`button`,{"data-index":n,onClick:()=>d(e.url,e),onMouseEnter:()=>f(e),onMouseLeave:()=>f(null),className:t.cn(`flex items-center justify-center w-9 h-9 rounded-lg transition-all duration-150 hover:bg-accent hover:scale-110 active:scale-95`,m===n&&`bg-accent ring-2 ring-primary`),children:(0,a.jsx)(`img`,{src:e.url,alt:e.name,className:`w-6 h-6 object-contain`})},e.id))})]}),(0,a.jsx)(`div`,{className:`grid gap-1`,style:{gridTemplateColumns:`repeat(${l}, 1fr)`},children:v.map((e,r)=>{let i=e.skinToneSupport?p(e.emoji,c):e.emoji,o=n&&s===`recent`?r+n.length:r;return(0,a.jsx)(`button`,{"data-index":o,onClick:()=>d(i,e),onMouseEnter:()=>f(e),onMouseLeave:()=>f(null),className:t.cn(`flex items-center justify-center w-9 h-9 rounded-lg text-xl transition-all duration-150 hover:bg-accent hover:scale-110 active:scale-95`,m===o&&`bg-accent ring-2 ring-primary`),children:i},e.id)})}),v.length===0&&(0,a.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full text-muted-foreground`,children:[(0,a.jsx)(i.Smile,{className:`h-8 w-8 mb-2 opacity-50`}),(0,a.jsx)(`span`,{className:`text-sm`,children:`No emojis found`})]})]})}function b({onSelect:e,quickReactions:o=l,customEmojis:s,showSearch:c=!0,showRecent:f=!0,showSkinTones:b=!0,showCategories:x=!0,showPreview:S=!0,mode:C=`popover`,skinTone:w,onSkinToneChange:T,columns:E=8,maxRecent:D=20,open:O,onOpenChange:ee,trigger:te,className:ne,disabled:k=!1}){let[re,A]=r.useState(!1),[j,M]=r.useState(`default`),[N,P]=r.useState(``),[F,I]=r.useState(`smileys`),[L,R]=r.useState(null),[z,B]=r.useState(0),[V,H]=r.useState([]),U=r.useRef(null),W=r.useRef(null),G=O!==void 0,K=G?O:re,q=G?ee||(()=>{}):A,J=w!==void 0,Y=J?w:j,ie=J?T||(()=>{}):M;r.useEffect(()=>{if(typeof window<`u`&&f)try{let e=localStorage.getItem(`waka-recent-emojis`);e&&H(JSON.parse(e))}catch{}},[f]);let X=r.useMemo(()=>N?m(u,N):u,[N]),Z=r.useMemo(()=>N?X:F===`recent`&&f?V.map(e=>u.find(t=>t.emoji===e)).filter(Boolean):u.filter(e=>e.category===F),[X,N,F,V,f]),Q=r.useCallback((t,n)=>{e?.(t,n),f&&!(`url`in n)&&H(e=>{let n=[t,...e.filter(e=>e!==t)].slice(0,D);try{localStorage.setItem(`waka-recent-emojis`,JSON.stringify(n))}catch{}return n}),q(!1),P(``)},[e,f,D,q]);r.useEffect(()=>{if(!K)return;let e=e=>{switch(e.key){case`ArrowRight`:e.preventDefault(),B(e=>Math.min(e+1,Z.length-1));break;case`ArrowLeft`:e.preventDefault(),B(e=>Math.max(e-1,0));break;case`ArrowDown`:e.preventDefault(),B(e=>Math.min(e+E,Z.length-1));break;case`ArrowUp`:e.preventDefault(),B(e=>Math.max(e-E,0));break;case`Enter`:e.preventDefault();let t=Z[z];if(t){let e=t.skinToneSupport?p(t.emoji,Y):t.emoji;Q(e,t)}break;case`Escape`:e.preventDefault(),q(!1);break;case`Tab`:if(!e.shiftKey){e.preventDefault();let t=f&&V.length>0?d:d.filter(e=>e!==`recent`),n=(t.indexOf(F)+1)%t.length;I(t[n]),B(0)}break}};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[K,z,Z,E,Y,Q,q,F,f,V.length]),r.useEffect(()=>{K&&c&&setTimeout(()=>U.current?.focus(),0),K||(P(``),B(0))},[K,c]),r.useEffect(()=>{B(0)},[F,N]);let $=(0,a.jsxs)(`div`,{ref:W,className:t.cn(`w-80 bg-popover rounded-lg border shadow-lg overflow-hidden`,C===`inline`&&`shadow-none`,ne),children:[o.length>0&&(0,a.jsx)(h,{reactions:o,onSelect:e=>{let t=u.find(t=>t.emoji===e||p(t.emoji,Y)===e);t&&Q(e,t)},skinTone:Y}),c&&(0,a.jsx)(`div`,{className:`p-2 border-b`,children:(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsx)(i.Search,{className:`absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,a.jsx)(`input`,{ref:U,type:`text`,value:N,onChange:e=>P(e.target.value),placeholder:`Search emojis...`,className:`w-full h-9 pl-9 pr-8 rounded-md border bg-background text-sm outline-none focus:ring-2 focus:ring-primary`}),N&&(0,a.jsx)(`button`,{onClick:()=>P(``),className:`absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground`,children:(0,a.jsx)(i.X,{className:`h-4 w-4`})})]})}),x&&!N&&(0,a.jsx)(g,{activeCategory:F,onCategoryChange:I,showRecent:f,hasRecent:V.length>0}),(0,a.jsx)(y,{emojis:N?X:u,customEmojis:s,recentEmojis:V,activeCategory:F,searchMode:!!N,skinTone:Y,columns:E,onSelect:Q,onHover:R,selectedIndex:z,showRecent:f&&!N}),b&&(0,a.jsx)(_,{skinTone:Y,onSkinToneChange:ie}),S&&(0,a.jsx)(v,{emoji:L,skinTone:Y})]});return C===`inline`?$:(0,a.jsxs)(n.Popover,{open:K,onOpenChange:q,children:[(0,a.jsx)(n.PopoverTrigger,{asChild:!0,disabled:k,children:te||(0,a.jsx)(`button`,{className:t.cn(`inline-flex items-center justify-center w-9 h-9 rounded-md border bg-background hover:bg-accent transition-colors`,k&&`opacity-50 cursor-not-allowed`),children:(0,a.jsx)(i.Smile,{className:`h-5 w-5`})})}),(0,a.jsx)(n.PopoverContent,{className:`w-auto p-0`,align:`start`,sideOffset:8,children:$})]})}b.displayName=`WakaReactionPicker`,exports.WakaReactionPicker=b,exports.default=b,exports.useReactionPicker=f;

package/dist/components/waka-reaction-picker/index.es.js

@@ -2231,7 +2231,10 @@ function D({ onSelect: a, quickReactions: o = S, customEmojis: s, showSearch: c
 				case "Enter":
 					e.preventDefault();
 					let t = Z[B];
-					t && Q(t.skinToneSupport ? E(t.emoji, Y) : t.emoji, t);
+					if (t) {
+						let e = t.skinToneSupport ? E(t.emoji, Y) : t.emoji;
+						Q(e, t);
+					}
 					break;
 				case "Escape":
 					e.preventDefault(), q(!1);
@@ -2239,8 +2242,8 @@ function D({ onSelect: a, quickReactions: o = S, customEmojis: s, showSearch: c
 				case "Tab":
 					if (!e.shiftKey) {
 						e.preventDefault();
-						let t = l && H.length > 0 ? w : w.filter((e) => e !== "recent");
-						R(t[(t.indexOf(L) + 1) % t.length]), V(0);
+						let t = l && H.length > 0 ? w : w.filter((e) => e !== "recent"), n = (t.indexOf(L) + 1) % t.length;
+						R(t[n]), V(0);
 					}
 					break;
 			}
@@ -2345,4 +2348,4 @@ function D({ onSelect: a, quickReactions: o = S, customEmojis: s, showSearch: c
 }
 D.displayName = "WakaReactionPicker";
 //#endregion
-export { D as default, T as useReactionPicker };
+export { D as WakaReactionPicker, D as default, T as useReactionPicker };