[{"data":1,"prerenderedAt":3076},["ShallowReactive",2],{"navigation_docs":3,"-components-interactive-job-listing":1366,"-components-interactive-job-listing-surround":3071},[4,28,35,1150,1173,1180,1335,1359],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":16,"path":17,"stem":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":20,"path":21,"stem":22},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming",{"title":24,"path":25,"stem":26},"AI Agents","\u002Fgetting-started\u002Fai-agents","1.getting-started\u002F5.ai-agents","i-lucide-rocket",{"title":29,"path":30,"stem":31,"children":32,"icon":34},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[33],{"title":29,"path":30,"stem":31},"i-lucide-lightbulb",{"title":36,"icon":37,"path":38,"stem":39,"children":40},"Components","i-lucide-component","\u002Fcomponents","3.components",[41,43,58,148,218,252,362,380,394,512,602,768,786,812,846,880,914,1120],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":57},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49,53],{"title":50,"path":51,"stem":52},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":54,"path":55,"stem":56},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",false,{"title":59,"icon":60,"path":61,"stem":62,"children":63,"page":57},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144],{"title":65,"path":66,"stem":67},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":69,"path":70,"stem":71},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":73,"path":74,"stem":75},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":77,"path":78,"stem":79},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":81,"path":82,"stem":83},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":85,"path":86,"stem":87},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":89,"path":90,"stem":91},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":93,"path":94,"stem":95},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":97,"path":98,"stem":99},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":101,"path":102,"stem":103},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":105,"path":106,"stem":107},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":109,"path":110,"stem":111},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":113,"path":114,"stem":115},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":117,"path":118,"stem":119},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":121,"path":122,"stem":123},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":125,"path":126,"stem":127},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":129,"path":130,"stem":131},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":133,"path":134,"stem":135},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":137,"path":138,"stem":139},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":141,"path":142,"stem":143},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":145,"path":146,"stem":147},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":149,"icon":150,"path":151,"stem":152,"children":153,"page":57},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214],{"title":155,"path":156,"stem":157},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":159,"path":160,"stem":161},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":163,"path":164,"stem":165},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":167,"path":168,"stem":169},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":171,"path":172,"stem":173},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":175,"path":176,"stem":177},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":179,"path":180,"stem":181},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":183,"path":184,"stem":185},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":187,"path":188,"stem":189},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":191,"path":192,"stem":193},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":195,"path":196,"stem":197},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":199,"path":200,"stem":201},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":203,"path":204,"stem":205},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":207,"path":208,"stem":209},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":211,"path":212,"stem":213},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":215,"path":216,"stem":217},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":219,"icon":220,"path":221,"stem":222,"children":223,"page":57},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[224,228,232,236,240,244,248],{"title":225,"path":226,"stem":227},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":229,"path":230,"stem":231},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":233,"path":234,"stem":235},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":237,"path":238,"stem":239},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":241,"path":242,"stem":243},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":245,"path":246,"stem":247},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":249,"path":250,"stem":251},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":253,"icon":254,"path":255,"stem":256,"children":257,"page":57},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[258,262,266,270,274,278,282,286,290,294,298,302,306,310,314,318,322,326,330,334,338,342,346,350,354,358],{"title":259,"path":260,"stem":261},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":263,"path":264,"stem":265},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":267,"path":268,"stem":269},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":271,"path":272,"stem":273},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":275,"path":276,"stem":277},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":279,"path":280,"stem":281},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":283,"path":284,"stem":285},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":287,"path":288,"stem":289},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":291,"path":292,"stem":293},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":295,"path":296,"stem":297},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":299,"path":300,"stem":301},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":303,"path":304,"stem":305},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":307,"path":308,"stem":309},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":311,"path":312,"stem":313},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":315,"path":316,"stem":317},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":319,"path":320,"stem":321},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":323,"path":324,"stem":325},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":327,"path":328,"stem":329},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":331,"path":332,"stem":333},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":335,"path":336,"stem":337},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":339,"path":340,"stem":341},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":343,"path":344,"stem":345},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":347,"path":348,"stem":349},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":351,"path":352,"stem":353},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":355,"path":356,"stem":357},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":359,"path":360,"stem":361},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":363,"icon":364,"path":365,"stem":366,"children":367,"page":57},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[368,372,376],{"title":369,"path":370,"stem":371},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":373,"path":374,"stem":375},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":377,"path":378,"stem":379},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":381,"icon":382,"path":383,"stem":384,"children":385,"page":57},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[386,390],{"title":387,"path":388,"stem":389},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":391,"path":392,"stem":393},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":395,"icon":396,"path":397,"stem":398,"children":399,"page":57},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[400,404,408,412,416,420,424,428,432,436,440,444,448,452,456,460,464,468,472,476,480,484,488,492,496,500,504,508],{"title":401,"path":402,"stem":403},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":405,"path":406,"stem":407},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":409,"path":410,"stem":411},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":413,"path":414,"stem":415},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":417,"path":418,"stem":419},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":421,"path":422,"stem":423},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":425,"path":426,"stem":427},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":429,"path":430,"stem":431},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":433,"path":434,"stem":435},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":437,"path":438,"stem":439},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":441,"path":442,"stem":443},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":445,"path":446,"stem":447},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":449,"path":450,"stem":451},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":453,"path":454,"stem":455},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":457,"path":458,"stem":459},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":461,"path":462,"stem":463},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":465,"path":466,"stem":467},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":469,"path":470,"stem":471},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":473,"path":474,"stem":475},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":477,"path":478,"stem":479},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":481,"path":482,"stem":483},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":485,"path":486,"stem":487},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":489,"path":490,"stem":491},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":493,"path":494,"stem":495},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":497,"path":498,"stem":499},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":501,"path":502,"stem":503},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":505,"path":506,"stem":507},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":509,"path":510,"stem":511},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":513,"icon":514,"path":515,"stem":516,"children":517,"page":57},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[518,522,526,530,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598],{"title":519,"path":520,"stem":521},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":523,"path":524,"stem":525},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":527,"path":528,"stem":529},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":531,"path":532,"stem":533},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":535,"path":536,"stem":537},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":539,"path":540,"stem":541},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":543,"path":544,"stem":545},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":547,"path":548,"stem":549},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":551,"path":552,"stem":553},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":555,"path":556,"stem":557},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":559,"path":560,"stem":561},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":563,"path":564,"stem":565},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":567,"path":568,"stem":569},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":571,"path":572,"stem":573},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":575,"path":576,"stem":577},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":579,"path":580,"stem":581},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":583,"path":584,"stem":585},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":587,"path":588,"stem":589},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":591,"path":592,"stem":593},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":595,"path":596,"stem":597},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":599,"path":600,"stem":601},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":603,"icon":604,"path":605,"stem":606,"children":607,"page":57},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[608,612,616,620,624,628,632,636,640,644,648,652,656,660,664,668,672,676,680,684,688,692,696,700,704,708,712,716,720,724,728,732,736,740,744,748,752,756,760,764],{"title":609,"path":610,"stem":611},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":613,"path":614,"stem":615},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":617,"path":618,"stem":619},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":621,"path":622,"stem":623},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":625,"path":626,"stem":627},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":629,"path":630,"stem":631},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":633,"path":634,"stem":635},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":637,"path":638,"stem":639},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":641,"path":642,"stem":643},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":645,"path":646,"stem":647},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":649,"path":650,"stem":651},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":653,"path":654,"stem":655},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":657,"path":658,"stem":659},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":661,"path":662,"stem":663},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":665,"path":666,"stem":667},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":669,"path":670,"stem":671},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":673,"path":674,"stem":675},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":677,"path":678,"stem":679},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":681,"path":682,"stem":683},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":685,"path":686,"stem":687},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":689,"path":690,"stem":691},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":693,"path":694,"stem":695},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":697,"path":698,"stem":699},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":701,"path":702,"stem":703},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":705,"path":706,"stem":707},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":709,"path":710,"stem":711},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":713,"path":714,"stem":715},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":717,"path":718,"stem":719},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":721,"path":722,"stem":723},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":725,"path":726,"stem":727},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":729,"path":730,"stem":731},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":733,"path":734,"stem":735},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":737,"path":738,"stem":739},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":741,"path":742,"stem":743},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":745,"path":746,"stem":747},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":749,"path":750,"stem":751},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":753,"path":754,"stem":755},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":757,"path":758,"stem":759},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":761,"path":762,"stem":763},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":765,"path":766,"stem":767},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":769,"icon":770,"path":771,"stem":772,"children":773,"page":57},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[774,778,782],{"title":775,"path":776,"stem":777},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":779,"path":780,"stem":781},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":783,"path":784,"stem":785},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":787,"icon":788,"path":789,"stem":790,"children":791,"page":57},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[792,796,800,804,808],{"title":793,"path":794,"stem":795},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":797,"path":798,"stem":799},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":801,"path":802,"stem":803},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":805,"path":806,"stem":807},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":809,"path":810,"stem":811},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":813,"icon":814,"path":815,"stem":816,"children":817,"page":57},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[818,822,826,830,834,838,842],{"title":819,"path":820,"stem":821},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":823,"path":824,"stem":825},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":827,"path":828,"stem":829},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":831,"path":832,"stem":833},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":835,"path":836,"stem":837},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":839,"path":840,"stem":841},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":843,"path":844,"stem":845},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":847,"icon":848,"path":849,"stem":850,"children":851,"page":57},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[852,856,860,864,868,872,876],{"title":853,"path":854,"stem":855},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":857,"path":858,"stem":859},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":861,"path":862,"stem":863},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":865,"path":866,"stem":867},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":869,"path":870,"stem":871},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":873,"path":874,"stem":875},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":877,"path":878,"stem":879},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":881,"icon":882,"path":883,"stem":884,"children":885,"page":57},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[886,890,894,898,902,906,910],{"title":887,"path":888,"stem":889},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":891,"path":892,"stem":893},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":895,"path":896,"stem":897},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":899,"path":900,"stem":901},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":903,"path":904,"stem":905},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":907,"path":908,"stem":909},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":911,"path":912,"stem":913},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":915,"icon":916,"path":917,"stem":918,"children":919,"page":57},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[920,924,928,932,936,940,944,948,952,956,960,964,968,972,976,980,984,988,992,996,1000,1004,1008,1012,1016,1020,1024,1028,1032,1036,1040,1044,1048,1052,1056,1060,1064,1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116],{"title":921,"path":922,"stem":923},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":925,"path":926,"stem":927},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":929,"path":930,"stem":931},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":933,"path":934,"stem":935},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":937,"path":938,"stem":939},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":941,"path":942,"stem":943},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":945,"path":946,"stem":947},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":949,"path":950,"stem":951},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":953,"path":954,"stem":955},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":957,"path":958,"stem":959},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":961,"path":962,"stem":963},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":965,"path":966,"stem":967},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":969,"path":970,"stem":971},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":973,"path":974,"stem":975},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":977,"path":978,"stem":979},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":981,"path":982,"stem":983},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":985,"path":986,"stem":987},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":989,"path":990,"stem":991},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":993,"path":994,"stem":995},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":997,"path":998,"stem":999},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1001,"path":1002,"stem":1003},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1005,"path":1006,"stem":1007},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1009,"path":1010,"stem":1011},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1013,"path":1014,"stem":1015},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1017,"path":1018,"stem":1019},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1021,"path":1022,"stem":1023},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1025,"path":1026,"stem":1027},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1029,"path":1030,"stem":1031},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1033,"path":1034,"stem":1035},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1037,"path":1038,"stem":1039},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1041,"path":1042,"stem":1043},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1045,"path":1046,"stem":1047},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1049,"path":1050,"stem":1051},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1053,"path":1054,"stem":1055},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1057,"path":1058,"stem":1059},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1061,"path":1062,"stem":1063},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1065,"path":1066,"stem":1067},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1069,"path":1070,"stem":1071},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1073,"path":1074,"stem":1075},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1077,"path":1078,"stem":1079},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1081,"path":1082,"stem":1083},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1085,"path":1086,"stem":1087},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1089,"path":1090,"stem":1091},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1093,"path":1094,"stem":1095},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1097,"path":1098,"stem":1099},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1101,"path":1102,"stem":1103},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1105,"path":1106,"stem":1107},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1109,"path":1110,"stem":1111},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1113,"path":1114,"stem":1115},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1117,"path":1118,"stem":1119},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1121,"icon":1122,"path":1123,"stem":1124,"children":1125,"page":57},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1126,1130,1134,1138,1142,1146],{"title":1127,"path":1128,"stem":1129},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1131,"path":1132,"stem":1133},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1135,"path":1136,"stem":1137},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1139,"path":1140,"stem":1141},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1143,"path":1144,"stem":1145},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1147,"path":1148,"stem":1149},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1151,"path":1152,"stem":1153,"children":1154,"icon":1172},"Composables","\u002Fcomposables","4.composables\u002Findex",[1155,1156,1160,1164,1168],{"title":1151,"path":1152,"stem":1153},{"title":1157,"path":1158,"stem":1159},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1161,"path":1162,"stem":1163},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1165,"path":1166,"stem":1167},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1169,"path":1170,"stem":1171},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1174,"path":1175,"stem":1176,"children":1177,"icon":1179},"Guides","\u002Fguides","5.guides\u002Findex",[1178],{"title":1174,"path":1175,"stem":1176},"i-lucide-book-open",{"title":1181,"icon":1182,"path":1183,"stem":1184,"children":1185},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1186,1188,1201,1210,1223,1236,1252,1265,1274,1283,1296,1305,1318,1327],{"title":1181,"path":1183,"stem":1187},"6.blocks\u002Findex",{"title":1189,"path":1190,"stem":1191,"children":1192,"page":57},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1193,1197],{"title":1194,"path":1195,"stem":1196},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1198,"path":1199,"stem":1200},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1202,"path":1203,"stem":1204,"children":1205,"page":57},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1206],{"title":1207,"path":1208,"stem":1209},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1211,"path":1212,"stem":1213,"children":1214,"page":57},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1215,1219],{"title":1216,"path":1217,"stem":1218},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1220,"path":1221,"stem":1222},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1224,"path":1225,"stem":1226,"children":1227,"page":57},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1228,1232],{"title":1229,"path":1230,"stem":1231},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1233,"path":1234,"stem":1235},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1237,"path":1238,"stem":1239,"children":1240,"page":57},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1241,1245,1248],{"title":1242,"path":1243,"stem":1244},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":159,"path":1246,"stem":1247},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1249,"path":1250,"stem":1251},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1253,"path":1254,"stem":1255,"children":1256,"page":57},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1257,1261],{"title":1258,"path":1259,"stem":1260},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1262,"path":1263,"stem":1264},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1266,"path":1267,"stem":1268,"children":1269,"page":57},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1270],{"title":1271,"path":1272,"stem":1273},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1275,"path":1276,"stem":1277,"children":1278,"page":57},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1279],{"title":1280,"path":1281,"stem":1282},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1284,"path":1285,"stem":1286,"children":1287,"page":57},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1288,1292],{"title":1289,"path":1290,"stem":1291},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1293,"path":1294,"stem":1295},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1297,"path":1298,"stem":1299,"children":1300,"page":57},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1301],{"title":1302,"path":1303,"stem":1304},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1306,"path":1307,"stem":1308,"children":1309,"page":57},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1310,1314],{"title":1311,"path":1312,"stem":1313},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1315,"path":1316,"stem":1317},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1319,"path":1320,"stem":1321,"children":1322,"page":57},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1323],{"title":1324,"path":1325,"stem":1326},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1328,"path":1329,"stem":1330,"children":1331,"page":57},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1332],{"title":1293,"path":1333,"stem":1334},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1336,"icon":1337,"path":1338,"stem":1339,"children":1340},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1341,1343,1347,1351,1355],{"title":1336,"path":1338,"stem":1342},"7.templates\u002Findex",{"title":1344,"path":1345,"stem":1346},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1348,"path":1349,"stem":1350},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1352,"path":1353,"stem":1354},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1356,"path":1357,"stem":1358},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1360,"path":1361,"stem":1362,"children":1363,"icon":1365},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1364],{"title":1360,"path":1361,"stem":1362},"i-lucide-braces",{"id":1367,"title":701,"body":1368,"description":3065,"extension":3066,"links":3067,"meta":3068,"navigation":1508,"path":702,"seo":3069,"stem":703,"__hash__":3070},"docs\u002F3.components\u002Finteractive\u002Fjob-listing.md",{"type":1369,"value":1370,"toc":3056},"minimark",[1371,1375,1378,1382,1390,1969,1984,1988,1995,2897,2908,2912,2944,2948,2954,2958,2964,2968,3027,3031,3052],[1372,1373,1374],"p",{},"A compact hiring list. Each row carries a company, the role, a salary range and\na line of location and age metadata. Pressing a row dims and blurs the list,\nthen opens the full description in a panel at the centre. Escape, a click on the\nbackdrop or the same row closes it again.",[1372,1376,1377],{},"The panel is a real dialog with a name, focus moved into it on open and returned\nto the row you came from on close. The rows behind are made inert while it is\nopen, so tabbing cannot wander into the list underneath.",[1379,1380,16],"h2",{"id":1381},"usage",[1372,1383,1384,1385,1389],{},"Pass ",[1386,1387,1388],"code",{},"jobs"," and render nothing else. Without a logo slot, each company gets a\nsmall tile with its initials.",[1391,1392,1394,1404],"code-preview",{"label":1393},"Preview",[1395,1396,1399,1400],"div",{"className":1397},[1398],"w-full","  ",[1401,1402],"component-example",{"name":1403},"job-listing-basic",[1405,1406,1408],"template",{"v-slot:code":1407},"",[1409,1410,1414],"pre",{"className":1411,"code":1412,"language":1413,"meta":1407,"style":1407},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"w-full max-w-xl\">\n    \u003CMJobListing :jobs=\"jobs\" \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst jobs = [\n  {\n    company: 'Northwind',\n    title: 'Senior product designer',\n    salary: '$140k – $170k',\n    location: 'Berlin',\n    remote: 'Hybrid' as const,\n    postedAt: '2d ago',\n    description:\n      'Own the end-to-end design of our scheduling product, from the first sketch to the shadcn-free component library the team ships with. You will pair with two engineers and a researcher, run weekly critiques, and keep the design system honest as it grows.',\n  },\n  {\n    company: 'Lumen Labs',\n    title: 'Front-end engineer',\n    salary: '$120k – $150k',\n    location: 'Lisbon',\n    remote: 'Yes' as const,\n    postedAt: '5d ago',\n    description:\n      'Build the interface for a real-time analytics tool used by small studios. The stack is Vue, TypeScript and a lot of careful CSS. You will care about keyboard navigation, loading states and the two hundred small decisions that make a dashboard feel fast.',\n  },\n  {\n    company: 'Harbor Studio',\n    title: 'Motion designer',\n    salary: '$95k – $120k',\n    location: 'Copenhagen',\n    remote: 'No' as const,\n    postedAt: '1w ago',\n    description:\n      'Shape how our brand moves across product and film. Day to day that means prototyping interactions, writing precise animation specs, and sitting with engineers until the easing curve matches the intent. A reel is worth more than a résumé.',\n  },\n]\n\u003C\u002Fscript>\n","vue",[1386,1415,1416,1431,1457,1483,1493,1503,1510,1535,1549,1555,1576,1593,1610,1627,1651,1668,1677,1690,1696,1701,1717,1733,1749,1765,1785,1801,1808,1820,1825,1830,1846,1862,1878,1894,1914,1930,1937,1949,1954,1960],{"__ignoreMap":1407},[1417,1418,1421,1425,1428],"span",{"class":1419,"line":1420},"line",1,[1417,1422,1424],{"class":1423},"sMK4o","\u003C",[1417,1426,1405],{"class":1427},"swJcz",[1417,1429,1430],{"class":1423},">\n",[1417,1432,1434,1437,1439,1443,1446,1449,1453,1455],{"class":1419,"line":1433},2,[1417,1435,1436],{"class":1423},"  \u003C",[1417,1438,1395],{"class":1427},[1417,1440,1442],{"class":1441},"spNyl"," class",[1417,1444,1445],{"class":1423},"=",[1417,1447,1448],{"class":1423},"\"",[1417,1450,1452],{"class":1451},"sfazB","w-full max-w-xl",[1417,1454,1448],{"class":1423},[1417,1456,1430],{"class":1423},[1417,1458,1460,1463,1466,1469,1471,1473,1475,1478,1480],{"class":1419,"line":1459},3,[1417,1461,1462],{"class":1423},"    \u003C",[1417,1464,1465],{"class":1427},"MJobListing",[1417,1467,1468],{"class":1423}," :",[1417,1470,1388],{"class":1441},[1417,1472,1445],{"class":1423},[1417,1474,1448],{"class":1423},[1417,1476,1388],{"class":1477},"sTEyZ",[1417,1479,1448],{"class":1423},[1417,1481,1482],{"class":1423}," \u002F>\n",[1417,1484,1486,1489,1491],{"class":1419,"line":1485},4,[1417,1487,1488],{"class":1423},"  \u003C\u002F",[1417,1490,1395],{"class":1427},[1417,1492,1430],{"class":1423},[1417,1494,1496,1499,1501],{"class":1419,"line":1495},5,[1417,1497,1498],{"class":1423},"\u003C\u002F",[1417,1500,1405],{"class":1427},[1417,1502,1430],{"class":1423},[1417,1504,1506],{"class":1419,"line":1505},6,[1417,1507,1509],{"emptyLinePlaceholder":1508},true,"\n",[1417,1511,1513,1515,1518,1521,1524,1526,1528,1531,1533],{"class":1419,"line":1512},7,[1417,1514,1424],{"class":1423},[1417,1516,1517],{"class":1427},"script",[1417,1519,1520],{"class":1441}," setup",[1417,1522,1523],{"class":1441}," lang",[1417,1525,1445],{"class":1423},[1417,1527,1448],{"class":1423},[1417,1529,1530],{"class":1451},"ts",[1417,1532,1448],{"class":1423},[1417,1534,1430],{"class":1423},[1417,1536,1538,1541,1544,1546],{"class":1419,"line":1537},8,[1417,1539,1540],{"class":1441},"const",[1417,1542,1543],{"class":1477}," jobs ",[1417,1545,1445],{"class":1423},[1417,1547,1548],{"class":1477}," [\n",[1417,1550,1552],{"class":1419,"line":1551},9,[1417,1553,1554],{"class":1423},"  {\n",[1417,1556,1558,1561,1564,1567,1570,1573],{"class":1419,"line":1557},10,[1417,1559,1560],{"class":1427},"    company",[1417,1562,1563],{"class":1423},":",[1417,1565,1566],{"class":1423}," '",[1417,1568,1569],{"class":1451},"Northwind",[1417,1571,1572],{"class":1423},"'",[1417,1574,1575],{"class":1423},",\n",[1417,1577,1579,1582,1584,1586,1589,1591],{"class":1419,"line":1578},11,[1417,1580,1581],{"class":1427},"    title",[1417,1583,1563],{"class":1423},[1417,1585,1566],{"class":1423},[1417,1587,1588],{"class":1451},"Senior product designer",[1417,1590,1572],{"class":1423},[1417,1592,1575],{"class":1423},[1417,1594,1596,1599,1601,1603,1606,1608],{"class":1419,"line":1595},12,[1417,1597,1598],{"class":1427},"    salary",[1417,1600,1563],{"class":1423},[1417,1602,1566],{"class":1423},[1417,1604,1605],{"class":1451},"$140k – $170k",[1417,1607,1572],{"class":1423},[1417,1609,1575],{"class":1423},[1417,1611,1613,1616,1618,1620,1623,1625],{"class":1419,"line":1612},13,[1417,1614,1615],{"class":1427},"    location",[1417,1617,1563],{"class":1423},[1417,1619,1566],{"class":1423},[1417,1621,1622],{"class":1451},"Berlin",[1417,1624,1572],{"class":1423},[1417,1626,1575],{"class":1423},[1417,1628,1630,1633,1635,1637,1640,1642,1646,1649],{"class":1419,"line":1629},14,[1417,1631,1632],{"class":1427},"    remote",[1417,1634,1563],{"class":1423},[1417,1636,1566],{"class":1423},[1417,1638,1639],{"class":1451},"Hybrid",[1417,1641,1572],{"class":1423},[1417,1643,1645],{"class":1644},"s7zQu"," as",[1417,1647,1648],{"class":1441}," const",[1417,1650,1575],{"class":1423},[1417,1652,1654,1657,1659,1661,1664,1666],{"class":1419,"line":1653},15,[1417,1655,1656],{"class":1427},"    postedAt",[1417,1658,1563],{"class":1423},[1417,1660,1566],{"class":1423},[1417,1662,1663],{"class":1451},"2d ago",[1417,1665,1572],{"class":1423},[1417,1667,1575],{"class":1423},[1417,1669,1671,1674],{"class":1419,"line":1670},16,[1417,1672,1673],{"class":1427},"    description",[1417,1675,1676],{"class":1423},":\n",[1417,1678,1680,1683,1686,1688],{"class":1419,"line":1679},17,[1417,1681,1682],{"class":1423},"      '",[1417,1684,1685],{"class":1451},"Own the end-to-end design of our scheduling product, from the first sketch to the shadcn-free component library the team ships with. You will pair with two engineers and a researcher, run weekly critiques, and keep the design system honest as it grows.",[1417,1687,1572],{"class":1423},[1417,1689,1575],{"class":1423},[1417,1691,1693],{"class":1419,"line":1692},18,[1417,1694,1695],{"class":1423},"  },\n",[1417,1697,1699],{"class":1419,"line":1698},19,[1417,1700,1554],{"class":1423},[1417,1702,1704,1706,1708,1710,1713,1715],{"class":1419,"line":1703},20,[1417,1705,1560],{"class":1427},[1417,1707,1563],{"class":1423},[1417,1709,1566],{"class":1423},[1417,1711,1712],{"class":1451},"Lumen Labs",[1417,1714,1572],{"class":1423},[1417,1716,1575],{"class":1423},[1417,1718,1720,1722,1724,1726,1729,1731],{"class":1419,"line":1719},21,[1417,1721,1581],{"class":1427},[1417,1723,1563],{"class":1423},[1417,1725,1566],{"class":1423},[1417,1727,1728],{"class":1451},"Front-end engineer",[1417,1730,1572],{"class":1423},[1417,1732,1575],{"class":1423},[1417,1734,1736,1738,1740,1742,1745,1747],{"class":1419,"line":1735},22,[1417,1737,1598],{"class":1427},[1417,1739,1563],{"class":1423},[1417,1741,1566],{"class":1423},[1417,1743,1744],{"class":1451},"$120k – $150k",[1417,1746,1572],{"class":1423},[1417,1748,1575],{"class":1423},[1417,1750,1752,1754,1756,1758,1761,1763],{"class":1419,"line":1751},23,[1417,1753,1615],{"class":1427},[1417,1755,1563],{"class":1423},[1417,1757,1566],{"class":1423},[1417,1759,1760],{"class":1451},"Lisbon",[1417,1762,1572],{"class":1423},[1417,1764,1575],{"class":1423},[1417,1766,1768,1770,1772,1774,1777,1779,1781,1783],{"class":1419,"line":1767},24,[1417,1769,1632],{"class":1427},[1417,1771,1563],{"class":1423},[1417,1773,1566],{"class":1423},[1417,1775,1776],{"class":1451},"Yes",[1417,1778,1572],{"class":1423},[1417,1780,1645],{"class":1644},[1417,1782,1648],{"class":1441},[1417,1784,1575],{"class":1423},[1417,1786,1788,1790,1792,1794,1797,1799],{"class":1419,"line":1787},25,[1417,1789,1656],{"class":1427},[1417,1791,1563],{"class":1423},[1417,1793,1566],{"class":1423},[1417,1795,1796],{"class":1451},"5d ago",[1417,1798,1572],{"class":1423},[1417,1800,1575],{"class":1423},[1417,1802,1804,1806],{"class":1419,"line":1803},26,[1417,1805,1673],{"class":1427},[1417,1807,1676],{"class":1423},[1417,1809,1811,1813,1816,1818],{"class":1419,"line":1810},27,[1417,1812,1682],{"class":1423},[1417,1814,1815],{"class":1451},"Build the interface for a real-time analytics tool used by small studios. The stack is Vue, TypeScript and a lot of careful CSS. You will care about keyboard navigation, loading states and the two hundred small decisions that make a dashboard feel fast.",[1417,1817,1572],{"class":1423},[1417,1819,1575],{"class":1423},[1417,1821,1823],{"class":1419,"line":1822},28,[1417,1824,1695],{"class":1423},[1417,1826,1828],{"class":1419,"line":1827},29,[1417,1829,1554],{"class":1423},[1417,1831,1833,1835,1837,1839,1842,1844],{"class":1419,"line":1832},30,[1417,1834,1560],{"class":1427},[1417,1836,1563],{"class":1423},[1417,1838,1566],{"class":1423},[1417,1840,1841],{"class":1451},"Harbor Studio",[1417,1843,1572],{"class":1423},[1417,1845,1575],{"class":1423},[1417,1847,1849,1851,1853,1855,1858,1860],{"class":1419,"line":1848},31,[1417,1850,1581],{"class":1427},[1417,1852,1563],{"class":1423},[1417,1854,1566],{"class":1423},[1417,1856,1857],{"class":1451},"Motion designer",[1417,1859,1572],{"class":1423},[1417,1861,1575],{"class":1423},[1417,1863,1865,1867,1869,1871,1874,1876],{"class":1419,"line":1864},32,[1417,1866,1598],{"class":1427},[1417,1868,1563],{"class":1423},[1417,1870,1566],{"class":1423},[1417,1872,1873],{"class":1451},"$95k – $120k",[1417,1875,1572],{"class":1423},[1417,1877,1575],{"class":1423},[1417,1879,1881,1883,1885,1887,1890,1892],{"class":1419,"line":1880},33,[1417,1882,1615],{"class":1427},[1417,1884,1563],{"class":1423},[1417,1886,1566],{"class":1423},[1417,1888,1889],{"class":1451},"Copenhagen",[1417,1891,1572],{"class":1423},[1417,1893,1575],{"class":1423},[1417,1895,1897,1899,1901,1903,1906,1908,1910,1912],{"class":1419,"line":1896},34,[1417,1898,1632],{"class":1427},[1417,1900,1563],{"class":1423},[1417,1902,1566],{"class":1423},[1417,1904,1905],{"class":1451},"No",[1417,1907,1572],{"class":1423},[1417,1909,1645],{"class":1644},[1417,1911,1648],{"class":1441},[1417,1913,1575],{"class":1423},[1417,1915,1917,1919,1921,1923,1926,1928],{"class":1419,"line":1916},35,[1417,1918,1656],{"class":1427},[1417,1920,1563],{"class":1423},[1417,1922,1566],{"class":1423},[1417,1924,1925],{"class":1451},"1w ago",[1417,1927,1572],{"class":1423},[1417,1929,1575],{"class":1423},[1417,1931,1933,1935],{"class":1419,"line":1932},36,[1417,1934,1673],{"class":1427},[1417,1936,1676],{"class":1423},[1417,1938,1940,1942,1945,1947],{"class":1419,"line":1939},37,[1417,1941,1682],{"class":1423},[1417,1943,1944],{"class":1451},"Shape how our brand moves across product and film. Day to day that means prototyping interactions, writing precise animation specs, and sitting with engineers until the easing curve matches the intent. A reel is worth more than a résumé.",[1417,1946,1572],{"class":1423},[1417,1948,1575],{"class":1423},[1417,1950,1952],{"class":1419,"line":1951},38,[1417,1953,1695],{"class":1423},[1417,1955,1957],{"class":1419,"line":1956},39,[1417,1958,1959],{"class":1477},"]\n",[1417,1961,1963,1965,1967],{"class":1419,"line":1962},40,[1417,1964,1498],{"class":1423},[1417,1966,1517],{"class":1427},[1417,1968,1430],{"class":1423},[1372,1970,1971,1974,1975,1977,1978,1980,1981,1983],{},[1386,1972,1973],{},"remote"," accepts ",[1386,1976,1776],{},", ",[1386,1979,1905],{}," or ",[1386,1982,1639],{}," and is written out as Remote, On-site\nor Hybrid in the metadata line. The value is text, not a colour, so the policy\nsurvives a grayscale screen.",[1379,1985,1987],{"id":1986},"customize","Customize",[1372,1989,1990,1991,1994],{},"Use the ",[1386,1992,1993],{},"logo"," slot for a real mark, an icon or a photograph. The slot is used\nin both the row and the detail panel, so the two stay visually connected without\nsharing a layout animation.",[1391,1996,1997,2003],{"label":1393},[1395,1998,1399,2000],{"className":1999},[1398],[1401,2001],{"name":2002},"job-listing-custom",[1405,2004,2005],{"v-slot:code":1407},[1409,2006,2008],{"className":1411,"code":2007,"language":1413,"meta":1407,"style":1407},"\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full max-w-xl flex-col gap-3\">\n    \u003CMJobListing\n      :jobs=\"jobs\"\n      @select=\"status = `Opened ${$event.company}`\"\n    >\n      \u003Ctemplate #logo=\"{ job }\">\n        \u003Cspan\n          aria-hidden=\"true\"\n          :class=\"[\n            'flex size-10 shrink-0 items-center justify-center rounded-lg text-inverted',\n            job.tone,\n          ]\"\n        >\n          \u003CUIcon\n            class=\"size-5\"\n            :name=\"job.icon\"\n          \u002F>\n        \u003C\u002Fspan>\n      \u003C\u002Ftemplate>\n    \u003C\u002FMJobListing>\n\n    \u003Cp class=\"px-2 text-sm text-muted\">\n      {{ status }}\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst status = ref('Pick a role to read the full listing.')\n\nconst jobs = [\n  {\n    company: 'Atlas',\n    title: 'Design engineer',\n    salary: '$130k – $160k',\n    location: 'Remote (EU)',\n    remote: 'Yes' as const,\n    postedAt: '1d ago',\n    description:\n      'Sit between design and engineering on a small product team. Half your week is prototypes in Vue, the other half is refinement and code review. We expect taste, patience and a strong opinion about focus rings.',\n    icon: 'i-lucide-compass',\n    tone: 'bg-primary',\n  },\n  {\n    company: 'Field Notes',\n    title: 'Editorial lead',\n    salary: '$110k – $135k',\n    location: 'London',\n    remote: 'Hybrid' as const,\n    postedAt: '4d ago',\n    description:\n      'Run a small editorial team covering tools, craft and the people who make software. You will commission, edit and occasionally write, and you will protect the time it takes to make a piece actually good.',\n    icon: 'i-lucide-notebook-pen',\n    tone: 'bg-gradient-to-br from-warning to-error',\n  },\n  {\n    company: 'Quarry',\n    title: 'Platform engineer',\n    salary: '$150k – $185k',\n    location: 'Toronto',\n    remote: 'No' as const,\n    postedAt: '2w ago',\n    description:\n      'Keep the build fast and the deployments boring. The platform is TypeScript, Postgres and a growing set of internal tools. You will measure before optimizing, write the runbook, and delete more code than you add.',\n    icon: 'i-lucide-layers',\n    tone: 'bg-inverted',\n  },\n]\n\u003C\u002Fscript>\n",[1386,2009,2010,2018,2037,2044,2060,2099,2104,2133,2141,2155,2167,2172,2177,2184,2189,2197,2211,2233,2238,2247,2256,2265,2269,2288,2293,2301,2309,2317,2321,2341,2365,2369,2394,2398,2408,2412,2427,2442,2457,2472,2490,2506,2513,2525,2542,2559,2564,2569,2585,2601,2617,2633,2652,2668,2675,2687,2703,2719,2724,2729,2745,2761,2777,2793,2812,2828,2835,2847,2862,2878,2883,2888],{"__ignoreMap":1407},[1417,2011,2012,2014,2016],{"class":1419,"line":1420},[1417,2013,1424],{"class":1423},[1417,2015,1405],{"class":1427},[1417,2017,1430],{"class":1423},[1417,2019,2020,2022,2024,2026,2028,2030,2033,2035],{"class":1419,"line":1433},[1417,2021,1436],{"class":1423},[1417,2023,1395],{"class":1427},[1417,2025,1442],{"class":1441},[1417,2027,1445],{"class":1423},[1417,2029,1448],{"class":1423},[1417,2031,2032],{"class":1451},"flex w-full max-w-xl flex-col gap-3",[1417,2034,1448],{"class":1423},[1417,2036,1430],{"class":1423},[1417,2038,2039,2041],{"class":1419,"line":1459},[1417,2040,1462],{"class":1423},[1417,2042,2043],{"class":1427},"MJobListing\n",[1417,2045,2046,2049,2051,2053,2055,2057],{"class":1419,"line":1485},[1417,2047,2048],{"class":1423},"      :",[1417,2050,1388],{"class":1441},[1417,2052,1445],{"class":1423},[1417,2054,1448],{"class":1423},[1417,2056,1388],{"class":1477},[1417,2058,2059],{"class":1423},"\"\n",[1417,2061,2062,2065,2068,2070,2072,2075,2078,2081,2084,2087,2090,2093,2096],{"class":1419,"line":1495},[1417,2063,2064],{"class":1423},"      @",[1417,2066,2067],{"class":1441},"select",[1417,2069,1445],{"class":1423},[1417,2071,1448],{"class":1423},[1417,2073,2074],{"class":1477},"status",[1417,2076,2077],{"class":1423}," = ",[1417,2079,2080],{"class":1423},"`",[1417,2082,2083],{"class":1451},"Opened ",[1417,2085,2086],{"class":1423},"${",[1417,2088,2089],{"class":1477},"$event",[1417,2091,2092],{"class":1423},".",[1417,2094,2095],{"class":1477},"company",[1417,2097,2098],{"class":1423},"}`\"\n",[1417,2100,2101],{"class":1419,"line":1505},[1417,2102,2103],{"class":1423},"    >\n",[1417,2105,2106,2109,2111,2114,2116,2118,2120,2123,2126,2129,2131],{"class":1419,"line":1512},[1417,2107,2108],{"class":1423},"      \u003C",[1417,2110,1405],{"class":1427},[1417,2112,2113],{"class":1423}," #",[1417,2115,1993],{"class":1441},[1417,2117,1445],{"class":1423},[1417,2119,1448],{"class":1423},[1417,2121,2122],{"class":1423},"{",[1417,2124,2125],{"class":1477}," job ",[1417,2127,2128],{"class":1423},"}",[1417,2130,1448],{"class":1423},[1417,2132,1430],{"class":1423},[1417,2134,2135,2138],{"class":1419,"line":1537},[1417,2136,2137],{"class":1423},"        \u003C",[1417,2139,2140],{"class":1427},"span\n",[1417,2142,2143,2146,2148,2150,2153],{"class":1419,"line":1551},[1417,2144,2145],{"class":1441},"          aria-hidden",[1417,2147,1445],{"class":1423},[1417,2149,1448],{"class":1423},[1417,2151,2152],{"class":1451},"true",[1417,2154,2059],{"class":1423},[1417,2156,2157,2160,2162,2164],{"class":1419,"line":1557},[1417,2158,2159],{"class":1441},"          :class",[1417,2161,1445],{"class":1423},[1417,2163,1448],{"class":1423},[1417,2165,2166],{"class":1451},"[\n",[1417,2168,2169],{"class":1419,"line":1578},[1417,2170,2171],{"class":1451},"            'flex size-10 shrink-0 items-center justify-center rounded-lg text-inverted',\n",[1417,2173,2174],{"class":1419,"line":1595},[1417,2175,2176],{"class":1451},"            job.tone,\n",[1417,2178,2179,2182],{"class":1419,"line":1612},[1417,2180,2181],{"class":1451},"          ]",[1417,2183,2059],{"class":1423},[1417,2185,2186],{"class":1419,"line":1629},[1417,2187,2188],{"class":1423},"        >\n",[1417,2190,2191,2194],{"class":1419,"line":1653},[1417,2192,2193],{"class":1423},"          \u003C",[1417,2195,2196],{"class":1427},"UIcon\n",[1417,2198,2199,2202,2204,2206,2209],{"class":1419,"line":1670},[1417,2200,2201],{"class":1441},"            class",[1417,2203,1445],{"class":1423},[1417,2205,1448],{"class":1423},[1417,2207,2208],{"class":1451},"size-5",[1417,2210,2059],{"class":1423},[1417,2212,2213,2216,2219,2221,2223,2226,2228,2231],{"class":1419,"line":1679},[1417,2214,2215],{"class":1423},"            :",[1417,2217,2218],{"class":1441},"name",[1417,2220,1445],{"class":1423},[1417,2222,1448],{"class":1423},[1417,2224,2225],{"class":1477},"job",[1417,2227,2092],{"class":1423},[1417,2229,2230],{"class":1477},"icon",[1417,2232,2059],{"class":1423},[1417,2234,2235],{"class":1419,"line":1692},[1417,2236,2237],{"class":1423},"          \u002F>\n",[1417,2239,2240,2243,2245],{"class":1419,"line":1698},[1417,2241,2242],{"class":1423},"        \u003C\u002F",[1417,2244,1417],{"class":1427},[1417,2246,1430],{"class":1423},[1417,2248,2249,2252,2254],{"class":1419,"line":1703},[1417,2250,2251],{"class":1423},"      \u003C\u002F",[1417,2253,1405],{"class":1427},[1417,2255,1430],{"class":1423},[1417,2257,2258,2261,2263],{"class":1419,"line":1719},[1417,2259,2260],{"class":1423},"    \u003C\u002F",[1417,2262,1465],{"class":1427},[1417,2264,1430],{"class":1423},[1417,2266,2267],{"class":1419,"line":1735},[1417,2268,1509],{"emptyLinePlaceholder":1508},[1417,2270,2271,2273,2275,2277,2279,2281,2284,2286],{"class":1419,"line":1751},[1417,2272,1462],{"class":1423},[1417,2274,1372],{"class":1427},[1417,2276,1442],{"class":1441},[1417,2278,1445],{"class":1423},[1417,2280,1448],{"class":1423},[1417,2282,2283],{"class":1451},"px-2 text-sm text-muted",[1417,2285,1448],{"class":1423},[1417,2287,1430],{"class":1423},[1417,2289,2290],{"class":1419,"line":1767},[1417,2291,2292],{"class":1477},"      {{ status }}\n",[1417,2294,2295,2297,2299],{"class":1419,"line":1787},[1417,2296,2260],{"class":1423},[1417,2298,1372],{"class":1427},[1417,2300,1430],{"class":1423},[1417,2302,2303,2305,2307],{"class":1419,"line":1803},[1417,2304,1488],{"class":1423},[1417,2306,1395],{"class":1427},[1417,2308,1430],{"class":1423},[1417,2310,2311,2313,2315],{"class":1419,"line":1810},[1417,2312,1498],{"class":1423},[1417,2314,1405],{"class":1427},[1417,2316,1430],{"class":1423},[1417,2318,2319],{"class":1419,"line":1822},[1417,2320,1509],{"emptyLinePlaceholder":1508},[1417,2322,2323,2325,2327,2329,2331,2333,2335,2337,2339],{"class":1419,"line":1827},[1417,2324,1424],{"class":1423},[1417,2326,1517],{"class":1427},[1417,2328,1520],{"class":1441},[1417,2330,1523],{"class":1441},[1417,2332,1445],{"class":1423},[1417,2334,1448],{"class":1423},[1417,2336,1530],{"class":1451},[1417,2338,1448],{"class":1423},[1417,2340,1430],{"class":1423},[1417,2342,2343,2346,2349,2352,2355,2358,2360,2362],{"class":1419,"line":1832},[1417,2344,2345],{"class":1644},"import",[1417,2347,2348],{"class":1423}," {",[1417,2350,2351],{"class":1477}," ref",[1417,2353,2354],{"class":1423}," }",[1417,2356,2357],{"class":1644}," from",[1417,2359,1566],{"class":1423},[1417,2361,1413],{"class":1451},[1417,2363,2364],{"class":1423},"'\n",[1417,2366,2367],{"class":1419,"line":1848},[1417,2368,1509],{"emptyLinePlaceholder":1508},[1417,2370,2371,2373,2376,2378,2381,2384,2386,2389,2391],{"class":1419,"line":1864},[1417,2372,1540],{"class":1441},[1417,2374,2375],{"class":1477}," status ",[1417,2377,1445],{"class":1423},[1417,2379,2351],{"class":2380},"s2Zo4",[1417,2382,2383],{"class":1477},"(",[1417,2385,1572],{"class":1423},[1417,2387,2388],{"class":1451},"Pick a role to read the full listing.",[1417,2390,1572],{"class":1423},[1417,2392,2393],{"class":1477},")\n",[1417,2395,2396],{"class":1419,"line":1880},[1417,2397,1509],{"emptyLinePlaceholder":1508},[1417,2399,2400,2402,2404,2406],{"class":1419,"line":1896},[1417,2401,1540],{"class":1441},[1417,2403,1543],{"class":1477},[1417,2405,1445],{"class":1423},[1417,2407,1548],{"class":1477},[1417,2409,2410],{"class":1419,"line":1916},[1417,2411,1554],{"class":1423},[1417,2413,2414,2416,2418,2420,2423,2425],{"class":1419,"line":1932},[1417,2415,1560],{"class":1427},[1417,2417,1563],{"class":1423},[1417,2419,1566],{"class":1423},[1417,2421,2422],{"class":1451},"Atlas",[1417,2424,1572],{"class":1423},[1417,2426,1575],{"class":1423},[1417,2428,2429,2431,2433,2435,2438,2440],{"class":1419,"line":1939},[1417,2430,1581],{"class":1427},[1417,2432,1563],{"class":1423},[1417,2434,1566],{"class":1423},[1417,2436,2437],{"class":1451},"Design engineer",[1417,2439,1572],{"class":1423},[1417,2441,1575],{"class":1423},[1417,2443,2444,2446,2448,2450,2453,2455],{"class":1419,"line":1951},[1417,2445,1598],{"class":1427},[1417,2447,1563],{"class":1423},[1417,2449,1566],{"class":1423},[1417,2451,2452],{"class":1451},"$130k – $160k",[1417,2454,1572],{"class":1423},[1417,2456,1575],{"class":1423},[1417,2458,2459,2461,2463,2465,2468,2470],{"class":1419,"line":1956},[1417,2460,1615],{"class":1427},[1417,2462,1563],{"class":1423},[1417,2464,1566],{"class":1423},[1417,2466,2467],{"class":1451},"Remote (EU)",[1417,2469,1572],{"class":1423},[1417,2471,1575],{"class":1423},[1417,2473,2474,2476,2478,2480,2482,2484,2486,2488],{"class":1419,"line":1962},[1417,2475,1632],{"class":1427},[1417,2477,1563],{"class":1423},[1417,2479,1566],{"class":1423},[1417,2481,1776],{"class":1451},[1417,2483,1572],{"class":1423},[1417,2485,1645],{"class":1644},[1417,2487,1648],{"class":1441},[1417,2489,1575],{"class":1423},[1417,2491,2493,2495,2497,2499,2502,2504],{"class":1419,"line":2492},41,[1417,2494,1656],{"class":1427},[1417,2496,1563],{"class":1423},[1417,2498,1566],{"class":1423},[1417,2500,2501],{"class":1451},"1d ago",[1417,2503,1572],{"class":1423},[1417,2505,1575],{"class":1423},[1417,2507,2509,2511],{"class":1419,"line":2508},42,[1417,2510,1673],{"class":1427},[1417,2512,1676],{"class":1423},[1417,2514,2516,2518,2521,2523],{"class":1419,"line":2515},43,[1417,2517,1682],{"class":1423},[1417,2519,2520],{"class":1451},"Sit between design and engineering on a small product team. Half your week is prototypes in Vue, the other half is refinement and code review. We expect taste, patience and a strong opinion about focus rings.",[1417,2522,1572],{"class":1423},[1417,2524,1575],{"class":1423},[1417,2526,2528,2531,2533,2535,2538,2540],{"class":1419,"line":2527},44,[1417,2529,2530],{"class":1427},"    icon",[1417,2532,1563],{"class":1423},[1417,2534,1566],{"class":1423},[1417,2536,2537],{"class":1451},"i-lucide-compass",[1417,2539,1572],{"class":1423},[1417,2541,1575],{"class":1423},[1417,2543,2545,2548,2550,2552,2555,2557],{"class":1419,"line":2544},45,[1417,2546,2547],{"class":1427},"    tone",[1417,2549,1563],{"class":1423},[1417,2551,1566],{"class":1423},[1417,2553,2554],{"class":1451},"bg-primary",[1417,2556,1572],{"class":1423},[1417,2558,1575],{"class":1423},[1417,2560,2562],{"class":1419,"line":2561},46,[1417,2563,1695],{"class":1423},[1417,2565,2567],{"class":1419,"line":2566},47,[1417,2568,1554],{"class":1423},[1417,2570,2572,2574,2576,2578,2581,2583],{"class":1419,"line":2571},48,[1417,2573,1560],{"class":1427},[1417,2575,1563],{"class":1423},[1417,2577,1566],{"class":1423},[1417,2579,2580],{"class":1451},"Field Notes",[1417,2582,1572],{"class":1423},[1417,2584,1575],{"class":1423},[1417,2586,2588,2590,2592,2594,2597,2599],{"class":1419,"line":2587},49,[1417,2589,1581],{"class":1427},[1417,2591,1563],{"class":1423},[1417,2593,1566],{"class":1423},[1417,2595,2596],{"class":1451},"Editorial lead",[1417,2598,1572],{"class":1423},[1417,2600,1575],{"class":1423},[1417,2602,2604,2606,2608,2610,2613,2615],{"class":1419,"line":2603},50,[1417,2605,1598],{"class":1427},[1417,2607,1563],{"class":1423},[1417,2609,1566],{"class":1423},[1417,2611,2612],{"class":1451},"$110k – $135k",[1417,2614,1572],{"class":1423},[1417,2616,1575],{"class":1423},[1417,2618,2620,2622,2624,2626,2629,2631],{"class":1419,"line":2619},51,[1417,2621,1615],{"class":1427},[1417,2623,1563],{"class":1423},[1417,2625,1566],{"class":1423},[1417,2627,2628],{"class":1451},"London",[1417,2630,1572],{"class":1423},[1417,2632,1575],{"class":1423},[1417,2634,2636,2638,2640,2642,2644,2646,2648,2650],{"class":1419,"line":2635},52,[1417,2637,1632],{"class":1427},[1417,2639,1563],{"class":1423},[1417,2641,1566],{"class":1423},[1417,2643,1639],{"class":1451},[1417,2645,1572],{"class":1423},[1417,2647,1645],{"class":1644},[1417,2649,1648],{"class":1441},[1417,2651,1575],{"class":1423},[1417,2653,2655,2657,2659,2661,2664,2666],{"class":1419,"line":2654},53,[1417,2656,1656],{"class":1427},[1417,2658,1563],{"class":1423},[1417,2660,1566],{"class":1423},[1417,2662,2663],{"class":1451},"4d ago",[1417,2665,1572],{"class":1423},[1417,2667,1575],{"class":1423},[1417,2669,2671,2673],{"class":1419,"line":2670},54,[1417,2672,1673],{"class":1427},[1417,2674,1676],{"class":1423},[1417,2676,2678,2680,2683,2685],{"class":1419,"line":2677},55,[1417,2679,1682],{"class":1423},[1417,2681,2682],{"class":1451},"Run a small editorial team covering tools, craft and the people who make software. You will commission, edit and occasionally write, and you will protect the time it takes to make a piece actually good.",[1417,2684,1572],{"class":1423},[1417,2686,1575],{"class":1423},[1417,2688,2690,2692,2694,2696,2699,2701],{"class":1419,"line":2689},56,[1417,2691,2530],{"class":1427},[1417,2693,1563],{"class":1423},[1417,2695,1566],{"class":1423},[1417,2697,2698],{"class":1451},"i-lucide-notebook-pen",[1417,2700,1572],{"class":1423},[1417,2702,1575],{"class":1423},[1417,2704,2706,2708,2710,2712,2715,2717],{"class":1419,"line":2705},57,[1417,2707,2547],{"class":1427},[1417,2709,1563],{"class":1423},[1417,2711,1566],{"class":1423},[1417,2713,2714],{"class":1451},"bg-gradient-to-br from-warning to-error",[1417,2716,1572],{"class":1423},[1417,2718,1575],{"class":1423},[1417,2720,2722],{"class":1419,"line":2721},58,[1417,2723,1695],{"class":1423},[1417,2725,2727],{"class":1419,"line":2726},59,[1417,2728,1554],{"class":1423},[1417,2730,2732,2734,2736,2738,2741,2743],{"class":1419,"line":2731},60,[1417,2733,1560],{"class":1427},[1417,2735,1563],{"class":1423},[1417,2737,1566],{"class":1423},[1417,2739,2740],{"class":1451},"Quarry",[1417,2742,1572],{"class":1423},[1417,2744,1575],{"class":1423},[1417,2746,2748,2750,2752,2754,2757,2759],{"class":1419,"line":2747},61,[1417,2749,1581],{"class":1427},[1417,2751,1563],{"class":1423},[1417,2753,1566],{"class":1423},[1417,2755,2756],{"class":1451},"Platform engineer",[1417,2758,1572],{"class":1423},[1417,2760,1575],{"class":1423},[1417,2762,2764,2766,2768,2770,2773,2775],{"class":1419,"line":2763},62,[1417,2765,1598],{"class":1427},[1417,2767,1563],{"class":1423},[1417,2769,1566],{"class":1423},[1417,2771,2772],{"class":1451},"$150k – $185k",[1417,2774,1572],{"class":1423},[1417,2776,1575],{"class":1423},[1417,2778,2780,2782,2784,2786,2789,2791],{"class":1419,"line":2779},63,[1417,2781,1615],{"class":1427},[1417,2783,1563],{"class":1423},[1417,2785,1566],{"class":1423},[1417,2787,2788],{"class":1451},"Toronto",[1417,2790,1572],{"class":1423},[1417,2792,1575],{"class":1423},[1417,2794,2796,2798,2800,2802,2804,2806,2808,2810],{"class":1419,"line":2795},64,[1417,2797,1632],{"class":1427},[1417,2799,1563],{"class":1423},[1417,2801,1566],{"class":1423},[1417,2803,1905],{"class":1451},[1417,2805,1572],{"class":1423},[1417,2807,1645],{"class":1644},[1417,2809,1648],{"class":1441},[1417,2811,1575],{"class":1423},[1417,2813,2815,2817,2819,2821,2824,2826],{"class":1419,"line":2814},65,[1417,2816,1656],{"class":1427},[1417,2818,1563],{"class":1423},[1417,2820,1566],{"class":1423},[1417,2822,2823],{"class":1451},"2w ago",[1417,2825,1572],{"class":1423},[1417,2827,1575],{"class":1423},[1417,2829,2831,2833],{"class":1419,"line":2830},66,[1417,2832,1673],{"class":1427},[1417,2834,1676],{"class":1423},[1417,2836,2838,2840,2843,2845],{"class":1419,"line":2837},67,[1417,2839,1682],{"class":1423},[1417,2841,2842],{"class":1451},"Keep the build fast and the deployments boring. The platform is TypeScript, Postgres and a growing set of internal tools. You will measure before optimizing, write the runbook, and delete more code than you add.",[1417,2844,1572],{"class":1423},[1417,2846,1575],{"class":1423},[1417,2848,2850,2852,2854,2856,2858,2860],{"class":1419,"line":2849},68,[1417,2851,2530],{"class":1427},[1417,2853,1563],{"class":1423},[1417,2855,1566],{"class":1423},[1417,2857,150],{"class":1451},[1417,2859,1572],{"class":1423},[1417,2861,1575],{"class":1423},[1417,2863,2865,2867,2869,2871,2874,2876],{"class":1419,"line":2864},69,[1417,2866,2547],{"class":1427},[1417,2868,1563],{"class":1423},[1417,2870,1566],{"class":1423},[1417,2872,2873],{"class":1451},"bg-inverted",[1417,2875,1572],{"class":1423},[1417,2877,1575],{"class":1423},[1417,2879,2881],{"class":1419,"line":2880},70,[1417,2882,1695],{"class":1423},[1417,2884,2886],{"class":1419,"line":2885},71,[1417,2887,1959],{"class":1477},[1417,2889,2891,2893,2895],{"class":1419,"line":2890},72,[1417,2892,1498],{"class":1423},[1417,2894,1517],{"class":1427},[1417,2896,1430],{"class":1423},[1372,2898,2899,2900,2903,2904,2907],{},"Give the component a width through ",[1386,2901,2902],{},"class"," when it sits in a wider page; the\npanel is capped at ",[1386,2905,2906],{},"max-w-2xl"," and the rows fill whatever they are given.",[1379,2909,2911],{"id":2910},"props","Props",[2913,2914,2915,2940],"component-props",{},[2916,2917,2919,2920,1977,2922,1977,2925,1977,2928,1575,2931,1977,2933,2936,2937,2092],"component-prop",{"name":1388,"type":2918},"JobListingItem[]","Roles to show. Each one needs ",[1386,2921,2095],{},[1386,2923,2924],{},"title",[1386,2926,2927],{},"salary",[1386,2929,2930],{},"location",[1386,2932,1973],{},[1386,2934,2935],{},"postedAt"," and ",[1386,2938,2939],{},"description",[2916,2941,2943],{"name":2902,"type":2942},"string","Extra classes for the root.",[1379,2945,2947],{"id":2946},"events","Events",[2913,2949,2950],{},[2916,2951,2953],{"name":2067,"type":2952},"(job: JobListingItem) => void","Fired with the role that was opened, before the panel appears.",[1379,2955,2957],{"id":2956},"slots","Slots",[2913,2959,2960],{},[2916,2961,2963],{"name":1993,"type":2962},"{ job: JobListingItem }","Replaces the initials tile in the row and the panel. Receives the current job.",[1379,2965,2967],{"id":2966},"accessibility","Accessibility",[2969,2970,2971,2986,2997,3000,3007,3010,3017,3020],"ul",{},[2972,2973,2974,2975,2978,2979,2982,2983,2092],"li",{},"Rows are ",[1386,2976,2977],{},"\u003Cbutton>"," elements, so they are reachable with Tab and open with\nEnter or Space. Each one has ",[1386,2980,2981],{},"aria-haspopup=\"dialog\""," and reports whether its\npanel is the one currently open with ",[1386,2984,2985],{},"aria-expanded",[2972,2987,2988,2989,2992,2993,2996],{},"The panel is ",[1386,2990,2991],{},"role=\"dialog\""," with ",[1386,2994,2995],{},"aria-modal=\"true\""," and is labelled by the\ncompany name, so a screen reader announces what opened.",[2972,2998,2999],{},"Opening moves focus to the panel; closing with Escape, the backdrop or a\nsecond press returns focus to the row that opened it.",[2972,3001,3002,3003,3006],{},"The list behind is ",[1386,3004,3005],{},"inert"," while the panel is open, so focus cannot move into\nrows that are visually covered.",[2972,3008,3009],{},"The close gestures are not the only way out: Escape is listened for on the\nwindow, and the backdrop is a full-size click target rather than a thin\nborder.",[2972,3011,3012,3013,3016],{},"Metadata uses words (\"Remote\", \"On-site\", \"Hybrid\") and ",[1386,3014,3015],{},"·"," separators, so\nnothing relies on a coloured badge or an icon alone.",[2972,3018,3019],{},"Logo slots are expected to be decorative; the company name is always present\nas text next to them.",[2972,3021,3022,3023,3026],{},"Under ",[1386,3024,3025],{},"prefers-reduced-motion"," the backdrop fade and panel scale are removed\nin CSS. The dialog still opens, closes and takes focus the same way.",[1379,3028,3030],{"id":3029},"performance","Performance",[2969,3032,3033,3036,3039,3046,3049],{},[2972,3034,3035],{},"The closed state renders only the rows: no dialog markup, no backdrop and no\nhidden descriptions in the DOM.",[2972,3037,3038],{},"Opening mounts one panel and reuses the same job object, so there is no fetch\nor clone per press.",[2972,3040,3041,3042,3045],{},"The backdrop uses one ",[1386,3043,3044],{},"backdrop-blur-xl"," layer, and the panel animates with a\nsingle CSS transform rather than measuring layout.",[2972,3047,3048],{},"The Escape listener is attached only while the panel is open and removed on\nclose and on unmount.",[2972,3050,3051],{},"Rows are plain buttons with no per-row observers, timers or state.",[3053,3054,3055],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":1407,"searchDepth":1433,"depth":1433,"links":3057},[3058,3059,3060,3061,3062,3063,3064],{"id":1381,"depth":1433,"text":16},{"id":1986,"depth":1433,"text":1987},{"id":2910,"depth":1433,"text":2911},{"id":2946,"depth":1433,"text":2947},{"id":2956,"depth":1433,"text":2957},{"id":2966,"depth":1433,"text":2967},{"id":3029,"depth":1433,"text":3030},"A list of open roles that opens each posting into a focused detail panel.","md",null,{},{"title":701,"description":3065},"WRoxGY5X9ekQacD8qUDGQTYc9aqG-Vw7shYyrrypQ4E",[3072,3074],{"title":697,"path":698,"stem":699,"description":3073,"children":-1},"A photo grid that switches into a selection mode with a floating share and delete bar.",{"title":705,"path":706,"stem":707,"description":3075,"children":-1},"A 24x24 icon swap that rotates and scales one glyph into another, driven entirely by a boolean.",1792945081968]