) }`,__src__:"registry/default/example/tracker/tracker-demo.tsx",children:(0,r.jsxs)(l.code,{"data-language":"tsx","data-theme":"vesper",style:{display:"grid"},children:[(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:"import"}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { Tracker } "}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:"from"}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:' "@/components/ui/tracker"'})]}),` `,(0,r.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:"export"}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" function"}),(0,r.jsx)(l.span,{style:{color:"#FFC799"},children:" TrackerDemo"}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:"() {"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" const"}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" trackerData "}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:"="}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" ["})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-red-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Error"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-red-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Error"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-yellow-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Warn"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsx)(l.span,{"data-line":"",children:(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" ]"})}),` `,(0,r.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" return"}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" ("})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,r.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"w-full max-w-md"'}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,r.jsx)(l.span,{style:{color:"#FFC799"},children:"Tracker"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" data={"}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:"trackerData"}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" defaultBackgroundColor="}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-muted"'})]}),` `,(0,r.jsx)(l.span,{"data-line":"",children:(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" hoverEffect"})}),` `,(0,r.jsx)(l.span,{"data-line":"",children:(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" />"})}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,r.jsx)(l.span,{"data-line":"",children:(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" )"})}),` `,(0,r.jsx)(l.span,{"data-line":"",children:(0,r.jsx)(l.span,{style:{color:"#FFF"},children:"}"})})]})})}),(0,r.jsx)(l.figure,{__src__:"registry/new-york/example/tracker/tracker-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,r.jsx)(l.pre,{style:{backgroundColor:"#101010",color:"#FFF"},tabIndex:"0","data-language":"tsx","data-theme":"vesper",__rawString__:`import { Tracker } from "@/registry/default/ui/tracker" export function TrackerDemo() { const trackerData = [ { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-red-600", tooltip: "Error" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-red-600", tooltip: "Error" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-yellow-600", tooltip: "Warn" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, { color: "bg-emerald-600", tooltip: "Tracker Info" }, ] return (

) }`,__src__:"registry/new-york/example/tracker/tracker-demo.tsx",children:(0,r.jsxs)(l.code,{"data-language":"tsx","data-theme":"vesper",style:{display:"grid"},children:[(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:"import"}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { Tracker } "}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:"from"}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:' "@/registry/default/ui/tracker"'})]}),` `,(0,r.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:"export"}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" function"}),(0,r.jsx)(l.span,{style:{color:"#FFC799"},children:" TrackerDemo"}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:"() {"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" const"}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" trackerData "}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:"="}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" ["})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-red-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Error"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-red-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Error"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-yellow-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Warn"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" { color: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-emerald-600"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:", tooltip: "}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"Tracker Info"'}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,r.jsx)(l.span,{"data-line":"",children:(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" ]"})}),` `,(0,r.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" return"}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" ("})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,r.jsx)(l.span,{style:{color:"#FFC799"},children:"div"}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" className="}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"w-full max-w-md"'}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" <"}),(0,r.jsx)(l.span,{style:{color:"#FFC799"},children:"Tracker"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" data={"}),(0,r.jsx)(l.span,{style:{color:"#FFF"},children:"trackerData"}),(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" defaultBackgroundColor="}),(0,r.jsx)(l.span,{style:{color:"#99FFE4"},children:'"bg-muted"'})]}),` `,(0,r.jsx)(l.span,{"data-line":"",children:(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" hoverEffect"})}),` `,(0,r.jsx)(l.span,{"data-line":"",children:(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" />"})}),` `,(0,r.jsxs)(l.span,{"data-line":"",children:[(0,r.jsx)(l.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,r.jsx)(l.span,{"data-line":"",children:(0,r.jsx)(l.span,{style:{color:"#FFF"},children:" )"})}),` `,(0,r.jsx)(l.span,{"data-line":"",children:(0,r.jsx)(l.span,{style:{color:"#FFF"},children:"}"})})]})})})]})}function i(o={}){let{wrapper:l}=o.components||{};return l?(0,r.jsx)(l,{...o,children:(0,r.jsx)(d,{...o})}):d(o)}function I(o,l){throw new Error("Expected "+(l?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}return b(A);})(); ;return Component;