[{"data":1,"prerenderedAt":6172},["ShallowReactive",2],{"navigation_docs":3,"-components-interactive-orbital-image-wheel":1538,"-components-interactive-orbital-image-wheel-surround":6167},[4,36,43,1322,1345,1352,1507,1531],{"title":5,"path":6,"stem":7,"children":8,"icon":35},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23,27,31],{"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",{"title":28,"path":29,"stem":30},"Vue + Vite","\u002Fgetting-started\u002Fvue","1.getting-started\u002F7.vue",{"title":32,"path":33,"stem":34},"Laravel","\u002Fgetting-started\u002Flaravel","1.getting-started\u002F8.laravel","i-lucide-rocket",{"title":37,"path":38,"stem":39,"children":40,"icon":42},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[41],{"title":37,"path":38,"stem":39},"i-lucide-lightbulb",{"title":44,"icon":45,"path":46,"stem":47,"children":48},"Components","i-lucide-component","\u002Fcomponents","3.components",[49,51,70,160,274,332,454,472,486,620,710,896,926,956,990,1024,1062,1292],{"title":44,"path":46,"stem":50},"3.components\u002Findex",{"title":52,"icon":53,"path":54,"stem":55,"children":56,"page":69},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[57,61,65],{"title":58,"path":59,"stem":60},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":62,"path":63,"stem":64},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",{"title":66,"path":67,"stem":68},"Globe","\u002Fcomponents\u002F3d\u002Fglobe","3.components\u002F3d\u002Fglobe",false,{"title":71,"icon":72,"path":73,"stem":74,"children":75,"page":69},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156],{"title":77,"path":78,"stem":79},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":81,"path":82,"stem":83},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":85,"path":86,"stem":87},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":89,"path":90,"stem":91},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":93,"path":94,"stem":95},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":97,"path":98,"stem":99},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":101,"path":102,"stem":103},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":105,"path":106,"stem":107},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":109,"path":110,"stem":111},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":113,"path":114,"stem":115},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":117,"path":118,"stem":119},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":121,"path":122,"stem":123},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":125,"path":126,"stem":127},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":129,"path":130,"stem":131},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":133,"path":134,"stem":135},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":137,"path":138,"stem":139},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":141,"path":142,"stem":143},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":145,"path":146,"stem":147},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":149,"path":150,"stem":151},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":153,"path":154,"stem":155},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":157,"path":158,"stem":159},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":161,"icon":162,"path":163,"stem":164,"children":165,"page":69},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270],{"title":167,"path":168,"stem":169},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":171,"path":172,"stem":173},"Animated Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-grid-pattern","3.components\u002Fbackgrounds\u002Fanimated-grid-pattern",{"title":175,"path":176,"stem":177},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":179,"path":180,"stem":181},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":183,"path":184,"stem":185},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":187,"path":188,"stem":189},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":191,"path":192,"stem":193},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":195,"path":196,"stem":197},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":199,"path":200,"stem":201},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":203,"path":204,"stem":205},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":207,"path":208,"stem":209},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":211,"path":212,"stem":213},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":215,"path":216,"stem":217},"Dotted Map","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-map","3.components\u002Fbackgrounds\u002Fdotted-map",{"title":219,"path":220,"stem":221},"Flickering Grid","\u002Fcomponents\u002Fbackgrounds\u002Fflickering-grid","3.components\u002Fbackgrounds\u002Fflickering-grid",{"title":223,"path":224,"stem":225},"Hexagon Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fhexagon-pattern","3.components\u002Fbackgrounds\u002Fhexagon-pattern",{"title":227,"path":228,"stem":229},"Interactive Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Finteractive-grid-pattern","3.components\u002Fbackgrounds\u002Finteractive-grid-pattern",{"title":231,"path":232,"stem":233},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":235,"path":236,"stem":237},"Light Rays","\u002Fcomponents\u002Fbackgrounds\u002Flight-rays","3.components\u002Fbackgrounds\u002Flight-rays",{"title":239,"path":240,"stem":241},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":243,"path":244,"stem":245},"Noise Texture","\u002Fcomponents\u002Fbackgrounds\u002Fnoise-texture","3.components\u002Fbackgrounds\u002Fnoise-texture",{"title":247,"path":248,"stem":249},"Particles","\u002Fcomponents\u002Fbackgrounds\u002Fparticles","3.components\u002Fbackgrounds\u002Fparticles",{"title":251,"path":252,"stem":253},"Retro Grid","\u002Fcomponents\u002Fbackgrounds\u002Fretro-grid","3.components\u002Fbackgrounds\u002Fretro-grid",{"title":255,"path":256,"stem":257},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":259,"path":260,"stem":261},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":263,"path":264,"stem":265},"Striped Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fstriped-pattern","3.components\u002Fbackgrounds\u002Fstriped-pattern",{"title":267,"path":268,"stem":269},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":271,"path":272,"stem":273},"Warp Background","\u002Fcomponents\u002Fbackgrounds\u002Fwarp-background","3.components\u002Fbackgrounds\u002Fwarp-background",{"title":275,"icon":276,"path":277,"stem":278,"children":279,"page":69},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[280,284,288,292,296,300,304,308,312,316,320,324,328],{"title":281,"path":282,"stem":283},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":285,"path":286,"stem":287},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":289,"path":290,"stem":291},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":293,"path":294,"stem":295},"Interactive Hover Button","\u002Fcomponents\u002Fbuttons\u002Finteractive-hover-button","3.components\u002Fbuttons\u002Finteractive-hover-button",{"title":297,"path":298,"stem":299},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":301,"path":302,"stem":303},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":305,"path":306,"stem":307},"Pulsating Button","\u002Fcomponents\u002Fbuttons\u002Fpulsating-button","3.components\u002Fbuttons\u002Fpulsating-button",{"title":309,"path":310,"stem":311},"Rainbow Button","\u002Fcomponents\u002Fbuttons\u002Frainbow-button","3.components\u002Fbuttons\u002Frainbow-button",{"title":313,"path":314,"stem":315},"Ripple Button","\u002Fcomponents\u002Fbuttons\u002Fripple-button","3.components\u002Fbuttons\u002Fripple-button",{"title":317,"path":318,"stem":319},"Shimmer Button","\u002Fcomponents\u002Fbuttons\u002Fshimmer-button","3.components\u002Fbuttons\u002Fshimmer-button",{"title":321,"path":322,"stem":323},"Shiny Button","\u002Fcomponents\u002Fbuttons\u002Fshiny-button","3.components\u002Fbuttons\u002Fshiny-button",{"title":325,"path":326,"stem":327},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":329,"path":330,"stem":331},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":333,"icon":334,"path":335,"stem":336,"children":337,"page":69},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430,434,438,442,446,450],{"title":339,"path":340,"stem":341},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":343,"path":344,"stem":345},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":347,"path":348,"stem":349},"Bento Grid","\u002Fcomponents\u002Fcards\u002Fbento-grid","3.components\u002Fcards\u002Fbento-grid",{"title":351,"path":352,"stem":353},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":355,"path":356,"stem":357},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":359,"path":360,"stem":361},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":363,"path":364,"stem":365},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":367,"path":368,"stem":369},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":371,"path":372,"stem":373},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":375,"path":376,"stem":377},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":379,"path":380,"stem":381},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":383,"path":384,"stem":385},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":387,"path":388,"stem":389},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":391,"path":392,"stem":393},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":395,"path":396,"stem":397},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":399,"path":400,"stem":401},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":403,"path":404,"stem":405},"Magic Card","\u002Fcomponents\u002Fcards\u002Fmagic-card","3.components\u002Fcards\u002Fmagic-card",{"title":407,"path":408,"stem":409},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":411,"path":412,"stem":413},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":415,"path":416,"stem":417},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":419,"path":420,"stem":421},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":423,"path":424,"stem":425},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":427,"path":428,"stem":429},"Shine Border","\u002Fcomponents\u002Fcards\u002Fshine-border","3.components\u002Fcards\u002Fshine-border",{"title":431,"path":432,"stem":433},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":435,"path":436,"stem":437},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":439,"path":440,"stem":441},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":443,"path":444,"stem":445},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":447,"path":448,"stem":449},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":451,"path":452,"stem":453},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":455,"icon":456,"path":457,"stem":458,"children":459,"page":69},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[460,464,468],{"title":461,"path":462,"stem":463},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":465,"path":466,"stem":467},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":469,"path":470,"stem":471},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":473,"icon":474,"path":475,"stem":476,"children":477,"page":69},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[478,482],{"title":479,"path":480,"stem":481},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":483,"path":484,"stem":485},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":487,"icon":488,"path":489,"stem":490,"children":491,"page":69},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572,576,580,584,588,592,596,600,604,608,612,616],{"title":493,"path":494,"stem":495},"Animated Beam","\u002Fcomponents\u002Feffects\u002Fanimated-beam","3.components\u002Feffects\u002Fanimated-beam",{"title":497,"path":498,"stem":499},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":501,"path":502,"stem":503},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":505,"path":506,"stem":507},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":509,"path":510,"stem":511},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":513,"path":514,"stem":515},"Confetti","\u002Fcomponents\u002Feffects\u002Fconfetti","3.components\u002Feffects\u002Fconfetti",{"title":517,"path":518,"stem":519},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":521,"path":522,"stem":523},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":525,"path":526,"stem":527},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":529,"path":530,"stem":531},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":533,"path":534,"stem":535},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":537,"path":538,"stem":539},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":541,"path":542,"stem":543},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":545,"path":546,"stem":547},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":549,"path":550,"stem":551},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":553,"path":554,"stem":555},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":557,"path":558,"stem":559},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":561,"path":562,"stem":563},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":565,"path":566,"stem":567},"Icon Cloud","\u002Fcomponents\u002Feffects\u002Ficon-cloud","3.components\u002Feffects\u002Ficon-cloud",{"title":569,"path":570,"stem":571},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":573,"path":574,"stem":575},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":577,"path":578,"stem":579},"Orbiting Circles","\u002Fcomponents\u002Feffects\u002Forbiting-circles","3.components\u002Feffects\u002Forbiting-circles",{"title":581,"path":582,"stem":583},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":585,"path":586,"stem":587},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":589,"path":590,"stem":591},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":593,"path":594,"stem":595},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":597,"path":598,"stem":599},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":601,"path":602,"stem":603},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":605,"path":606,"stem":607},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":609,"path":610,"stem":611},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":613,"path":614,"stem":615},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":617,"path":618,"stem":619},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":621,"icon":622,"path":623,"stem":624,"children":625,"page":69},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686,690,694,698,702,706],{"title":627,"path":628,"stem":629},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":631,"path":632,"stem":633},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":635,"path":636,"stem":637},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":639,"path":640,"stem":641},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":643,"path":644,"stem":645},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":647,"path":648,"stem":649},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":651,"path":652,"stem":653},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":655,"path":656,"stem":657},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":659,"path":660,"stem":661},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":663,"path":664,"stem":665},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":667,"path":668,"stem":669},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":671,"path":672,"stem":673},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":675,"path":676,"stem":677},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":679,"path":680,"stem":681},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":683,"path":684,"stem":685},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":687,"path":688,"stem":689},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":691,"path":692,"stem":693},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":695,"path":696,"stem":697},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":699,"path":700,"stem":701},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":703,"path":704,"stem":705},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":707,"path":708,"stem":709},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":711,"icon":712,"path":713,"stem":714,"children":715,"page":69},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[716,720,724,728,732,736,740,744,748,752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812,816,820,824,828,832,836,840,844,848,852,856,860,864,868,872,876,880,884,888,892],{"title":717,"path":718,"stem":719},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":721,"path":722,"stem":723},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":725,"path":726,"stem":727},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":729,"path":730,"stem":731},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":733,"path":734,"stem":735},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":737,"path":738,"stem":739},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":741,"path":742,"stem":743},"Code Comparison","\u002Fcomponents\u002Finteractive\u002Fcode-comparison","3.components\u002Finteractive\u002Fcode-comparison",{"title":745,"path":746,"stem":747},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":749,"path":750,"stem":751},"Cool Mode","\u002Fcomponents\u002Finteractive\u002Fcool-mode","3.components\u002Finteractive\u002Fcool-mode",{"title":753,"path":754,"stem":755},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":757,"path":758,"stem":759},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":761,"path":762,"stem":763},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":765,"path":766,"stem":767},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":769,"path":770,"stem":771},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":773,"path":774,"stem":775},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":777,"path":778,"stem":779},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":781,"path":782,"stem":783},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":785,"path":786,"stem":787},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":789,"path":790,"stem":791},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":793,"path":794,"stem":795},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":797,"path":798,"stem":799},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":801,"path":802,"stem":803},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":805,"path":806,"stem":807},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":809,"path":810,"stem":811},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":813,"path":814,"stem":815},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":817,"path":818,"stem":819},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":821,"path":822,"stem":823},"Lens","\u002Fcomponents\u002Finteractive\u002Flens","3.components\u002Finteractive\u002Flens",{"title":825,"path":826,"stem":827},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":829,"path":830,"stem":831},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":833,"path":834,"stem":835},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":837,"path":838,"stem":839},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":841,"path":842,"stem":843},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":845,"path":846,"stem":847},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":849,"path":850,"stem":851},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":853,"path":854,"stem":855},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":857,"path":858,"stem":859},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":861,"path":862,"stem":863},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":865,"path":866,"stem":867},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":869,"path":870,"stem":871},"Scratch to Reveal","\u002Fcomponents\u002Finteractive\u002Fscratch-to-reveal","3.components\u002Finteractive\u002Fscratch-to-reveal",{"title":873,"path":874,"stem":875},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":877,"path":878,"stem":879},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":881,"path":882,"stem":883},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":885,"path":886,"stem":887},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":889,"path":890,"stem":891},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":893,"path":894,"stem":895},"Zoomable Image","\u002Fcomponents\u002Finteractive\u002Fzoomable-image","3.components\u002Finteractive\u002Fzoomable-image",{"title":897,"icon":898,"path":899,"stem":900,"children":901,"page":69},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[902,906,910,914,918,922],{"title":903,"path":904,"stem":905},"Android","\u002Fcomponents\u002Flayout\u002Fandroid","3.components\u002Flayout\u002Fandroid",{"title":907,"path":908,"stem":909},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":911,"path":912,"stem":913},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":915,"path":916,"stem":917},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":919,"path":920,"stem":921},"iPhone 15 Pro","\u002Fcomponents\u002Flayout\u002Fiphone-15-pro","3.components\u002Flayout\u002Fiphone-15-pro",{"title":923,"path":924,"stem":925},"Safari","\u002Fcomponents\u002Flayout\u002Fsafari","3.components\u002Flayout\u002Fsafari",{"title":927,"icon":928,"path":929,"stem":930,"children":931,"page":69},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[932,936,940,944,948,952],{"title":933,"path":934,"stem":935},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":937,"path":938,"stem":939},"Circular Progress","\u002Fcomponents\u002Floaders\u002Fcircular-progress","3.components\u002Floaders\u002Fcircular-progress",{"title":941,"path":942,"stem":943},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":945,"path":946,"stem":947},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":949,"path":950,"stem":951},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":953,"path":954,"stem":955},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":957,"icon":958,"path":959,"stem":960,"children":961,"page":69},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[962,966,970,974,978,982,986],{"title":963,"path":964,"stem":965},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":967,"path":968,"stem":969},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":971,"path":972,"stem":973},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":975,"path":976,"stem":977},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":979,"path":980,"stem":981},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":983,"path":984,"stem":985},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":987,"path":988,"stem":989},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":991,"icon":992,"path":993,"stem":994,"children":995,"page":69},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[996,1000,1004,1008,1012,1016,1020],{"title":997,"path":998,"stem":999},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":1001,"path":1002,"stem":1003},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":1005,"path":1006,"stem":1007},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":1009,"path":1010,"stem":1011},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":1013,"path":1014,"stem":1015},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":1017,"path":1018,"stem":1019},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":1021,"path":1022,"stem":1023},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":1025,"icon":1026,"path":1027,"stem":1028,"children":1029,"page":69},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[1030,1034,1038,1042,1046,1050,1054,1058],{"title":1031,"path":1032,"stem":1033},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":1035,"path":1036,"stem":1037},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":1039,"path":1040,"stem":1041},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":1043,"path":1044,"stem":1045},"Marquee","\u002Fcomponents\u002Fscroll\u002Fmarquee","3.components\u002Fscroll\u002Fmarquee",{"title":1047,"path":1048,"stem":1049},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":1051,"path":1052,"stem":1053},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":1055,"path":1056,"stem":1057},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":1059,"path":1060,"stem":1061},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":1063,"icon":1064,"path":1065,"stem":1066,"children":1067,"page":69},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144,1148,1152,1156,1160,1164,1168,1172,1176,1180,1184,1188,1192,1196,1200,1204,1208,1212,1216,1220,1224,1228,1232,1236,1240,1244,1248,1252,1256,1260,1264,1268,1272,1276,1280,1284,1288],{"title":1069,"path":1070,"stem":1071},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":1073,"path":1074,"stem":1075},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":1077,"path":1078,"stem":1079},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":1081,"path":1082,"stem":1083},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":1085,"path":1086,"stem":1087},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":1089,"path":1090,"stem":1091},"Comic Text","\u002Fcomponents\u002Ftext\u002Fcomic-text","3.components\u002Ftext\u002Fcomic-text",{"title":1093,"path":1094,"stem":1095},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":1097,"path":1098,"stem":1099},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":1101,"path":1102,"stem":1103},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":1105,"path":1106,"stem":1107},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":1109,"path":1110,"stem":1111},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":1113,"path":1114,"stem":1115},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":1117,"path":1118,"stem":1119},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":1121,"path":1122,"stem":1123},"Line Shadow Text","\u002Fcomponents\u002Ftext\u002Fline-shadow-text","3.components\u002Ftext\u002Fline-shadow-text",{"title":1125,"path":1126,"stem":1127},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":1129,"path":1130,"stem":1131},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":1133,"path":1134,"stem":1135},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":1137,"path":1138,"stem":1139},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":1141,"path":1142,"stem":1143},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":1145,"path":1146,"stem":1147},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":1149,"path":1150,"stem":1151},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":1153,"path":1154,"stem":1155},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1157,"path":1158,"stem":1159},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1161,"path":1162,"stem":1163},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1165,"path":1166,"stem":1167},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1169,"path":1170,"stem":1171},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1173,"path":1174,"stem":1175},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1177,"path":1178,"stem":1179},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1181,"path":1182,"stem":1183},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1185,"path":1186,"stem":1187},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1189,"path":1190,"stem":1191},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1193,"path":1194,"stem":1195},"Sparkles Text","\u002Fcomponents\u002Ftext\u002Fsparkles-text","3.components\u002Ftext\u002Fsparkles-text",{"title":1197,"path":1198,"stem":1199},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1201,"path":1202,"stem":1203},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1205,"path":1206,"stem":1207},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1209,"path":1210,"stem":1211},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1213,"path":1214,"stem":1215},"Text Animate","\u002Fcomponents\u002Ftext\u002Ftext-animate","3.components\u002Ftext\u002Ftext-animate",{"title":1217,"path":1218,"stem":1219},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1221,"path":1222,"stem":1223},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1225,"path":1226,"stem":1227},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1229,"path":1230,"stem":1231},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1233,"path":1234,"stem":1235},"Text Highlighter","\u002Fcomponents\u002Ftext\u002Ftext-highlighter","3.components\u002Ftext\u002Ftext-highlighter",{"title":1237,"path":1238,"stem":1239},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1241,"path":1242,"stem":1243},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1245,"path":1246,"stem":1247},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1249,"path":1250,"stem":1251},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1253,"path":1254,"stem":1255},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1257,"path":1258,"stem":1259},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1261,"path":1262,"stem":1263},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1265,"path":1266,"stem":1267},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1269,"path":1270,"stem":1271},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1273,"path":1274,"stem":1275},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1277,"path":1278,"stem":1279},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1281,"path":1282,"stem":1283},"Video Text","\u002Fcomponents\u002Ftext\u002Fvideo-text","3.components\u002Ftext\u002Fvideo-text",{"title":1285,"path":1286,"stem":1287},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1289,"path":1290,"stem":1291},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1293,"icon":1294,"path":1295,"stem":1296,"children":1297,"page":69},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1298,1302,1306,1310,1314,1318],{"title":1299,"path":1300,"stem":1301},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1303,"path":1304,"stem":1305},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1307,"path":1308,"stem":1309},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1311,"path":1312,"stem":1313},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1315,"path":1316,"stem":1317},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1319,"path":1320,"stem":1321},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1323,"path":1324,"stem":1325,"children":1326,"icon":1344},"Composables","\u002Fcomposables","4.composables\u002Findex",[1327,1328,1332,1336,1340],{"title":1323,"path":1324,"stem":1325},{"title":1329,"path":1330,"stem":1331},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1333,"path":1334,"stem":1335},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1337,"path":1338,"stem":1339},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1341,"path":1342,"stem":1343},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1346,"path":1347,"stem":1348,"children":1349,"icon":1351},"Guides","\u002Fguides","5.guides\u002Findex",[1350],{"title":1346,"path":1347,"stem":1348},"i-lucide-book-open",{"title":1353,"icon":1354,"path":1355,"stem":1356,"children":1357},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1358,1360,1373,1382,1395,1408,1424,1437,1446,1455,1468,1477,1490,1499],{"title":1353,"path":1355,"stem":1359},"6.blocks\u002Findex",{"title":1361,"path":1362,"stem":1363,"children":1364,"page":69},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1365,1369],{"title":1366,"path":1367,"stem":1368},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1370,"path":1371,"stem":1372},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1374,"path":1375,"stem":1376,"children":1377,"page":69},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1378],{"title":1379,"path":1380,"stem":1381},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1383,"path":1384,"stem":1385,"children":1386,"page":69},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1387,1391],{"title":1388,"path":1389,"stem":1390},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1392,"path":1393,"stem":1394},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1396,"path":1397,"stem":1398,"children":1399,"page":69},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1400,1404],{"title":1401,"path":1402,"stem":1403},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1405,"path":1406,"stem":1407},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1409,"path":1410,"stem":1411,"children":1412,"page":69},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1413,1417,1420],{"title":1414,"path":1415,"stem":1416},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":175,"path":1418,"stem":1419},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1421,"path":1422,"stem":1423},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1425,"path":1426,"stem":1427,"children":1428,"page":69},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1429,1433],{"title":1430,"path":1431,"stem":1432},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1434,"path":1435,"stem":1436},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1438,"path":1439,"stem":1440,"children":1441,"page":69},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1442],{"title":1443,"path":1444,"stem":1445},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1447,"path":1448,"stem":1449,"children":1450,"page":69},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1451],{"title":1452,"path":1453,"stem":1454},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1456,"path":1457,"stem":1458,"children":1459,"page":69},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1460,1464],{"title":1461,"path":1462,"stem":1463},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1465,"path":1466,"stem":1467},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1469,"path":1470,"stem":1471,"children":1472,"page":69},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1473],{"title":1474,"path":1475,"stem":1476},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1478,"path":1479,"stem":1480,"children":1481,"page":69},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1482,1486],{"title":1483,"path":1484,"stem":1485},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1487,"path":1488,"stem":1489},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1491,"path":1492,"stem":1493,"children":1494,"page":69},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1495],{"title":1496,"path":1497,"stem":1498},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1500,"path":1501,"stem":1502,"children":1503,"page":69},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1504],{"title":1465,"path":1505,"stem":1506},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1508,"icon":1509,"path":1510,"stem":1511,"children":1512},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1513,1515,1519,1523,1527],{"title":1508,"path":1510,"stem":1514},"7.templates\u002Findex",{"title":1516,"path":1517,"stem":1518},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1520,"path":1521,"stem":1522},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1524,"path":1525,"stem":1526},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1528,"path":1529,"stem":1530},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1532,"path":1533,"stem":1534,"children":1535,"icon":1537},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1536],{"title":1532,"path":1533,"stem":1534},"i-lucide-braces",{"id":1539,"title":845,"body":1540,"description":6161,"extension":6162,"links":6163,"meta":6164,"navigation":1674,"path":846,"seo":6165,"stem":847,"__hash__":6166},"docs\u002F3.components\u002Finteractive\u002Forbital-image-wheel.md",{"type":1541,"value":1542,"toc":6145},"minimark",[1543,1547,1555,1559,2509,2513,2517,3533,3537,3551,3555,3628,3632,3641,3645,3648,3661,4306,4310,4319,5194,5198,5206,5900,5904,5919,5928,5946,5952,5975,5979,6052,6059,6063,6092,6096,6141],[1544,1545,1546],"p",{},"A ring of thumbnails you can spin. Drag to rotate, release to keep coasting, and\nit settles on the nearest item. Arrow keys step one position at a time, and\nclicking any thumbnail brings it to the top.",[1544,1548,1549,1550,1554],{},"There is no animation library involved — the wheel is ",[1551,1552,1553],"code",{},"requestAnimationFrame",",\npointer events and trigonometry. That is deliberate: the interaction is a\ncontinuous physical drag with momentum, which belongs on a frame loop rather\nthan in a transition.",[1556,1557,16],"h2",{"id":1558},"usage",[1560,1561,1563,1576],"code-preview",{"label":1562},"Preview",[1564,1565,1571,1572],"div",{"className":1566},[1567,1568,1569,1570],"flex","justify-center","w-full","h-full","  ",[1573,1574],"component-example",{"name":1575},"orbital-image-wheel-basic",[1577,1578,1580],"template",{"v-slot:code":1579},"",[1581,1582,1586],"pre",{"className":1583,"code":1584,"language":1585,"meta":1579,"style":1579},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-col items-center gap-3 py-6\">\n    \u003CMOrbitalImageWheel\n      :items=\"items\"\n      snap\n    \u002F>\n\n    \u003Cp class=\"text-xs text-muted\">\n      Drag to spin · \u003Ckbd class=\"rounded border border-default px-1\">←\u003C\u002Fkbd>\n      \u003Ckbd class=\"rounded border border-default px-1\">→\u003C\u002Fkbd> to step · click a\n      thumbnail to bring it to the top\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst items = [\n  { alt: 'Ridge', id: 'ridge', image: swatch('#38bdf8', '#0ea5e9', 'R') },\n  { alt: 'Tide', id: 'tide', image: swatch('#34d399', '#059669', 'T') },\n  { alt: 'Salt', id: 'salt', image: swatch('#fbbf24', '#d97706', 'S') },\n  { alt: 'Birch', id: 'birch', image: swatch('#a3e635', '#65a30d', 'B') },\n  { alt: 'Glacier', id: 'glacier', image: swatch('#818cf8', '#4f46e5', 'G') },\n  { alt: 'Arch', id: 'arch', image: swatch('#f472b6', '#db2777', 'A') },\n]\n\n\u002F\u002F Inline SVG thumbnails keep this example self-contained — no network, no\n\u002F\u002F placeholder service.\nfunction swatch(from: string, to: string, glyph: string) {\n  const svg\n    = `\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"80\" height=\"80\">`\n      + `\u003Cdefs>\u003ClinearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">`\n      + `\u003Cstop offset=\"0\" stop-color=\"${from}\"\u002F>\u003Cstop offset=\"1\" stop-color=\"${to}\"\u002F>`\n      + `\u003C\u002FlinearGradient>\u003C\u002Fdefs>`\n      + `\u003Crect width=\"80\" height=\"80\" fill=\"url(#g)\"\u002F>`\n      + `\u003Ctext x=\"40\" y=\"52\" font-family=\"system-ui,sans-serif\" font-size=\"34\"`\n      + ` font-weight=\"600\" fill=\"white\" fill-opacity=\".9\" text-anchor=\"middle\">${glyph}\u003C\u002Ftext>`\n      + `\u003C\u002Fsvg>`\n  return `data:image\u002Fsvg+xml,${encodeURIComponent(svg)}`\n}\n\u003C\u002Fscript>\n","vue",[1551,1587,1588,1603,1629,1638,1657,1663,1669,1676,1696,1731,1763,1769,1779,1789,1798,1803,1828,1842,1923,1991,2059,2127,2195,2263,2269,2274,2281,2287,2331,2340,2355,2368,2401,2413,2425,2437,2459,2471,2494,2500],{"__ignoreMap":1579},[1589,1590,1593,1597,1600],"span",{"class":1591,"line":1592},"line",1,[1589,1594,1596],{"class":1595},"sMK4o","\u003C",[1589,1598,1577],{"class":1599},"swJcz",[1589,1601,1602],{"class":1595},">\n",[1589,1604,1606,1609,1611,1615,1618,1621,1625,1627],{"class":1591,"line":1605},2,[1589,1607,1608],{"class":1595},"  \u003C",[1589,1610,1564],{"class":1599},[1589,1612,1614],{"class":1613},"spNyl"," class",[1589,1616,1617],{"class":1595},"=",[1589,1619,1620],{"class":1595},"\"",[1589,1622,1624],{"class":1623},"sfazB","flex flex-col items-center gap-3 py-6",[1589,1626,1620],{"class":1595},[1589,1628,1602],{"class":1595},[1589,1630,1632,1635],{"class":1591,"line":1631},3,[1589,1633,1634],{"class":1595},"    \u003C",[1589,1636,1637],{"class":1599},"MOrbitalImageWheel\n",[1589,1639,1641,1644,1647,1649,1651,1654],{"class":1591,"line":1640},4,[1589,1642,1643],{"class":1595},"      :",[1589,1645,1646],{"class":1613},"items",[1589,1648,1617],{"class":1595},[1589,1650,1620],{"class":1595},[1589,1652,1646],{"class":1653},"sTEyZ",[1589,1655,1656],{"class":1595},"\"\n",[1589,1658,1660],{"class":1591,"line":1659},5,[1589,1661,1662],{"class":1613},"      snap\n",[1589,1664,1666],{"class":1591,"line":1665},6,[1589,1667,1668],{"class":1595},"    \u002F>\n",[1589,1670,1672],{"class":1591,"line":1671},7,[1589,1673,1675],{"emptyLinePlaceholder":1674},true,"\n",[1589,1677,1679,1681,1683,1685,1687,1689,1692,1694],{"class":1591,"line":1678},8,[1589,1680,1634],{"class":1595},[1589,1682,1544],{"class":1599},[1589,1684,1614],{"class":1613},[1589,1686,1617],{"class":1595},[1589,1688,1620],{"class":1595},[1589,1690,1691],{"class":1623},"text-xs text-muted",[1589,1693,1620],{"class":1595},[1589,1695,1602],{"class":1595},[1589,1697,1699,1702,1704,1707,1709,1711,1713,1716,1718,1721,1724,1727,1729],{"class":1591,"line":1698},9,[1589,1700,1701],{"class":1653},"      Drag to spin · ",[1589,1703,1596],{"class":1595},[1589,1705,1706],{"class":1599},"kbd",[1589,1708,1614],{"class":1613},[1589,1710,1617],{"class":1595},[1589,1712,1620],{"class":1595},[1589,1714,1715],{"class":1623},"rounded border border-default px-1",[1589,1717,1620],{"class":1595},[1589,1719,1720],{"class":1595},">",[1589,1722,1723],{"class":1653},"←",[1589,1725,1726],{"class":1595},"\u003C\u002F",[1589,1728,1706],{"class":1599},[1589,1730,1602],{"class":1595},[1589,1732,1734,1737,1739,1741,1743,1745,1747,1749,1751,1754,1756,1758,1760],{"class":1591,"line":1733},10,[1589,1735,1736],{"class":1595},"      \u003C",[1589,1738,1706],{"class":1599},[1589,1740,1614],{"class":1613},[1589,1742,1617],{"class":1595},[1589,1744,1620],{"class":1595},[1589,1746,1715],{"class":1623},[1589,1748,1620],{"class":1595},[1589,1750,1720],{"class":1595},[1589,1752,1753],{"class":1653},"→",[1589,1755,1726],{"class":1595},[1589,1757,1706],{"class":1599},[1589,1759,1720],{"class":1595},[1589,1761,1762],{"class":1653}," to step · click a\n",[1589,1764,1766],{"class":1591,"line":1765},11,[1589,1767,1768],{"class":1653},"      thumbnail to bring it to the top\n",[1589,1770,1772,1775,1777],{"class":1591,"line":1771},12,[1589,1773,1774],{"class":1595},"    \u003C\u002F",[1589,1776,1544],{"class":1599},[1589,1778,1602],{"class":1595},[1589,1780,1782,1785,1787],{"class":1591,"line":1781},13,[1589,1783,1784],{"class":1595},"  \u003C\u002F",[1589,1786,1564],{"class":1599},[1589,1788,1602],{"class":1595},[1589,1790,1792,1794,1796],{"class":1591,"line":1791},14,[1589,1793,1726],{"class":1595},[1589,1795,1577],{"class":1599},[1589,1797,1602],{"class":1595},[1589,1799,1801],{"class":1591,"line":1800},15,[1589,1802,1675],{"emptyLinePlaceholder":1674},[1589,1804,1806,1808,1811,1814,1817,1819,1821,1824,1826],{"class":1591,"line":1805},16,[1589,1807,1596],{"class":1595},[1589,1809,1810],{"class":1599},"script",[1589,1812,1813],{"class":1613}," setup",[1589,1815,1816],{"class":1613}," lang",[1589,1818,1617],{"class":1595},[1589,1820,1620],{"class":1595},[1589,1822,1823],{"class":1623},"ts",[1589,1825,1620],{"class":1595},[1589,1827,1602],{"class":1595},[1589,1829,1831,1834,1837,1839],{"class":1591,"line":1830},17,[1589,1832,1833],{"class":1613},"const",[1589,1835,1836],{"class":1653}," items ",[1589,1838,1617],{"class":1595},[1589,1840,1841],{"class":1653}," [\n",[1589,1843,1845,1848,1851,1854,1857,1860,1863,1866,1869,1871,1873,1876,1878,1880,1883,1885,1889,1892,1894,1897,1899,1901,1903,1906,1908,1910,1912,1915,1917,1920],{"class":1591,"line":1844},18,[1589,1846,1847],{"class":1595},"  {",[1589,1849,1850],{"class":1599}," alt",[1589,1852,1853],{"class":1595},":",[1589,1855,1856],{"class":1595}," '",[1589,1858,1859],{"class":1623},"Ridge",[1589,1861,1862],{"class":1595},"'",[1589,1864,1865],{"class":1595},",",[1589,1867,1868],{"class":1599}," id",[1589,1870,1853],{"class":1595},[1589,1872,1856],{"class":1595},[1589,1874,1875],{"class":1623},"ridge",[1589,1877,1862],{"class":1595},[1589,1879,1865],{"class":1595},[1589,1881,1882],{"class":1599}," image",[1589,1884,1853],{"class":1595},[1589,1886,1888],{"class":1887},"s2Zo4"," swatch",[1589,1890,1891],{"class":1653},"(",[1589,1893,1862],{"class":1595},[1589,1895,1896],{"class":1623},"#38bdf8",[1589,1898,1862],{"class":1595},[1589,1900,1865],{"class":1595},[1589,1902,1856],{"class":1595},[1589,1904,1905],{"class":1623},"#0ea5e9",[1589,1907,1862],{"class":1595},[1589,1909,1865],{"class":1595},[1589,1911,1856],{"class":1595},[1589,1913,1914],{"class":1623},"R",[1589,1916,1862],{"class":1595},[1589,1918,1919],{"class":1653},") ",[1589,1921,1922],{"class":1595},"},\n",[1589,1924,1926,1928,1930,1932,1934,1937,1939,1941,1943,1945,1947,1950,1952,1954,1956,1958,1960,1962,1964,1967,1969,1971,1973,1976,1978,1980,1982,1985,1987,1989],{"class":1591,"line":1925},19,[1589,1927,1847],{"class":1595},[1589,1929,1850],{"class":1599},[1589,1931,1853],{"class":1595},[1589,1933,1856],{"class":1595},[1589,1935,1936],{"class":1623},"Tide",[1589,1938,1862],{"class":1595},[1589,1940,1865],{"class":1595},[1589,1942,1868],{"class":1599},[1589,1944,1853],{"class":1595},[1589,1946,1856],{"class":1595},[1589,1948,1949],{"class":1623},"tide",[1589,1951,1862],{"class":1595},[1589,1953,1865],{"class":1595},[1589,1955,1882],{"class":1599},[1589,1957,1853],{"class":1595},[1589,1959,1888],{"class":1887},[1589,1961,1891],{"class":1653},[1589,1963,1862],{"class":1595},[1589,1965,1966],{"class":1623},"#34d399",[1589,1968,1862],{"class":1595},[1589,1970,1865],{"class":1595},[1589,1972,1856],{"class":1595},[1589,1974,1975],{"class":1623},"#059669",[1589,1977,1862],{"class":1595},[1589,1979,1865],{"class":1595},[1589,1981,1856],{"class":1595},[1589,1983,1984],{"class":1623},"T",[1589,1986,1862],{"class":1595},[1589,1988,1919],{"class":1653},[1589,1990,1922],{"class":1595},[1589,1992,1994,1996,1998,2000,2002,2005,2007,2009,2011,2013,2015,2018,2020,2022,2024,2026,2028,2030,2032,2035,2037,2039,2041,2044,2046,2048,2050,2053,2055,2057],{"class":1591,"line":1993},20,[1589,1995,1847],{"class":1595},[1589,1997,1850],{"class":1599},[1589,1999,1853],{"class":1595},[1589,2001,1856],{"class":1595},[1589,2003,2004],{"class":1623},"Salt",[1589,2006,1862],{"class":1595},[1589,2008,1865],{"class":1595},[1589,2010,1868],{"class":1599},[1589,2012,1853],{"class":1595},[1589,2014,1856],{"class":1595},[1589,2016,2017],{"class":1623},"salt",[1589,2019,1862],{"class":1595},[1589,2021,1865],{"class":1595},[1589,2023,1882],{"class":1599},[1589,2025,1853],{"class":1595},[1589,2027,1888],{"class":1887},[1589,2029,1891],{"class":1653},[1589,2031,1862],{"class":1595},[1589,2033,2034],{"class":1623},"#fbbf24",[1589,2036,1862],{"class":1595},[1589,2038,1865],{"class":1595},[1589,2040,1856],{"class":1595},[1589,2042,2043],{"class":1623},"#d97706",[1589,2045,1862],{"class":1595},[1589,2047,1865],{"class":1595},[1589,2049,1856],{"class":1595},[1589,2051,2052],{"class":1623},"S",[1589,2054,1862],{"class":1595},[1589,2056,1919],{"class":1653},[1589,2058,1922],{"class":1595},[1589,2060,2062,2064,2066,2068,2070,2073,2075,2077,2079,2081,2083,2086,2088,2090,2092,2094,2096,2098,2100,2103,2105,2107,2109,2112,2114,2116,2118,2121,2123,2125],{"class":1591,"line":2061},21,[1589,2063,1847],{"class":1595},[1589,2065,1850],{"class":1599},[1589,2067,1853],{"class":1595},[1589,2069,1856],{"class":1595},[1589,2071,2072],{"class":1623},"Birch",[1589,2074,1862],{"class":1595},[1589,2076,1865],{"class":1595},[1589,2078,1868],{"class":1599},[1589,2080,1853],{"class":1595},[1589,2082,1856],{"class":1595},[1589,2084,2085],{"class":1623},"birch",[1589,2087,1862],{"class":1595},[1589,2089,1865],{"class":1595},[1589,2091,1882],{"class":1599},[1589,2093,1853],{"class":1595},[1589,2095,1888],{"class":1887},[1589,2097,1891],{"class":1653},[1589,2099,1862],{"class":1595},[1589,2101,2102],{"class":1623},"#a3e635",[1589,2104,1862],{"class":1595},[1589,2106,1865],{"class":1595},[1589,2108,1856],{"class":1595},[1589,2110,2111],{"class":1623},"#65a30d",[1589,2113,1862],{"class":1595},[1589,2115,1865],{"class":1595},[1589,2117,1856],{"class":1595},[1589,2119,2120],{"class":1623},"B",[1589,2122,1862],{"class":1595},[1589,2124,1919],{"class":1653},[1589,2126,1922],{"class":1595},[1589,2128,2130,2132,2134,2136,2138,2141,2143,2145,2147,2149,2151,2154,2156,2158,2160,2162,2164,2166,2168,2171,2173,2175,2177,2180,2182,2184,2186,2189,2191,2193],{"class":1591,"line":2129},22,[1589,2131,1847],{"class":1595},[1589,2133,1850],{"class":1599},[1589,2135,1853],{"class":1595},[1589,2137,1856],{"class":1595},[1589,2139,2140],{"class":1623},"Glacier",[1589,2142,1862],{"class":1595},[1589,2144,1865],{"class":1595},[1589,2146,1868],{"class":1599},[1589,2148,1853],{"class":1595},[1589,2150,1856],{"class":1595},[1589,2152,2153],{"class":1623},"glacier",[1589,2155,1862],{"class":1595},[1589,2157,1865],{"class":1595},[1589,2159,1882],{"class":1599},[1589,2161,1853],{"class":1595},[1589,2163,1888],{"class":1887},[1589,2165,1891],{"class":1653},[1589,2167,1862],{"class":1595},[1589,2169,2170],{"class":1623},"#818cf8",[1589,2172,1862],{"class":1595},[1589,2174,1865],{"class":1595},[1589,2176,1856],{"class":1595},[1589,2178,2179],{"class":1623},"#4f46e5",[1589,2181,1862],{"class":1595},[1589,2183,1865],{"class":1595},[1589,2185,1856],{"class":1595},[1589,2187,2188],{"class":1623},"G",[1589,2190,1862],{"class":1595},[1589,2192,1919],{"class":1653},[1589,2194,1922],{"class":1595},[1589,2196,2198,2200,2202,2204,2206,2209,2211,2213,2215,2217,2219,2222,2224,2226,2228,2230,2232,2234,2236,2239,2241,2243,2245,2248,2250,2252,2254,2257,2259,2261],{"class":1591,"line":2197},23,[1589,2199,1847],{"class":1595},[1589,2201,1850],{"class":1599},[1589,2203,1853],{"class":1595},[1589,2205,1856],{"class":1595},[1589,2207,2208],{"class":1623},"Arch",[1589,2210,1862],{"class":1595},[1589,2212,1865],{"class":1595},[1589,2214,1868],{"class":1599},[1589,2216,1853],{"class":1595},[1589,2218,1856],{"class":1595},[1589,2220,2221],{"class":1623},"arch",[1589,2223,1862],{"class":1595},[1589,2225,1865],{"class":1595},[1589,2227,1882],{"class":1599},[1589,2229,1853],{"class":1595},[1589,2231,1888],{"class":1887},[1589,2233,1891],{"class":1653},[1589,2235,1862],{"class":1595},[1589,2237,2238],{"class":1623},"#f472b6",[1589,2240,1862],{"class":1595},[1589,2242,1865],{"class":1595},[1589,2244,1856],{"class":1595},[1589,2246,2247],{"class":1623},"#db2777",[1589,2249,1862],{"class":1595},[1589,2251,1865],{"class":1595},[1589,2253,1856],{"class":1595},[1589,2255,2256],{"class":1623},"A",[1589,2258,1862],{"class":1595},[1589,2260,1919],{"class":1653},[1589,2262,1922],{"class":1595},[1589,2264,2266],{"class":1591,"line":2265},24,[1589,2267,2268],{"class":1653},"]\n",[1589,2270,2272],{"class":1591,"line":2271},25,[1589,2273,1675],{"emptyLinePlaceholder":1674},[1589,2275,2277],{"class":1591,"line":2276},26,[1589,2278,2280],{"class":2279},"sHwdD","\u002F\u002F Inline SVG thumbnails keep this example self-contained — no network, no\n",[1589,2282,2284],{"class":1591,"line":2283},27,[1589,2285,2286],{"class":2279},"\u002F\u002F placeholder service.\n",[1589,2288,2290,2293,2295,2297,2301,2303,2307,2309,2312,2314,2316,2318,2321,2323,2325,2328],{"class":1591,"line":2289},28,[1589,2291,2292],{"class":1613},"function",[1589,2294,1888],{"class":1887},[1589,2296,1891],{"class":1595},[1589,2298,2300],{"class":2299},"sHdIc","from",[1589,2302,1853],{"class":1595},[1589,2304,2306],{"class":2305},"sBMFI"," string",[1589,2308,1865],{"class":1595},[1589,2310,2311],{"class":2299}," to",[1589,2313,1853],{"class":1595},[1589,2315,2306],{"class":2305},[1589,2317,1865],{"class":1595},[1589,2319,2320],{"class":2299}," glyph",[1589,2322,1853],{"class":1595},[1589,2324,2306],{"class":2305},[1589,2326,2327],{"class":1595},")",[1589,2329,2330],{"class":1595}," {\n",[1589,2332,2334,2337],{"class":1591,"line":2333},29,[1589,2335,2336],{"class":1613},"  const",[1589,2338,2339],{"class":1653}," svg\n",[1589,2341,2343,2346,2349,2352],{"class":1591,"line":2342},30,[1589,2344,2345],{"class":1595},"    =",[1589,2347,2348],{"class":1595}," `",[1589,2350,2351],{"class":1623},"\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"80\" height=\"80\">",[1589,2353,2354],{"class":1595},"`\n",[1589,2356,2358,2361,2363,2366],{"class":1591,"line":2357},31,[1589,2359,2360],{"class":1595},"      +",[1589,2362,2348],{"class":1595},[1589,2364,2365],{"class":1623},"\u003Cdefs>\u003ClinearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">",[1589,2367,2354],{"class":1595},[1589,2369,2371,2373,2375,2378,2381,2383,2386,2389,2391,2394,2396,2399],{"class":1591,"line":2370},32,[1589,2372,2360],{"class":1595},[1589,2374,2348],{"class":1595},[1589,2376,2377],{"class":1623},"\u003Cstop offset=\"0\" stop-color=\"",[1589,2379,2380],{"class":1595},"${",[1589,2382,2300],{"class":1653},[1589,2384,2385],{"class":1595},"}",[1589,2387,2388],{"class":1623},"\"\u002F>\u003Cstop offset=\"1\" stop-color=\"",[1589,2390,2380],{"class":1595},[1589,2392,2393],{"class":1653},"to",[1589,2395,2385],{"class":1595},[1589,2397,2398],{"class":1623},"\"\u002F>",[1589,2400,2354],{"class":1595},[1589,2402,2404,2406,2408,2411],{"class":1591,"line":2403},33,[1589,2405,2360],{"class":1595},[1589,2407,2348],{"class":1595},[1589,2409,2410],{"class":1623},"\u003C\u002FlinearGradient>\u003C\u002Fdefs>",[1589,2412,2354],{"class":1595},[1589,2414,2416,2418,2420,2423],{"class":1591,"line":2415},34,[1589,2417,2360],{"class":1595},[1589,2419,2348],{"class":1595},[1589,2421,2422],{"class":1623},"\u003Crect width=\"80\" height=\"80\" fill=\"url(#g)\"\u002F>",[1589,2424,2354],{"class":1595},[1589,2426,2428,2430,2432,2435],{"class":1591,"line":2427},35,[1589,2429,2360],{"class":1595},[1589,2431,2348],{"class":1595},[1589,2433,2434],{"class":1623},"\u003Ctext x=\"40\" y=\"52\" font-family=\"system-ui,sans-serif\" font-size=\"34\"",[1589,2436,2354],{"class":1595},[1589,2438,2440,2442,2444,2447,2449,2452,2454,2457],{"class":1591,"line":2439},36,[1589,2441,2360],{"class":1595},[1589,2443,2348],{"class":1595},[1589,2445,2446],{"class":1623}," font-weight=\"600\" fill=\"white\" fill-opacity=\".9\" text-anchor=\"middle\">",[1589,2448,2380],{"class":1595},[1589,2450,2451],{"class":1653},"glyph",[1589,2453,2385],{"class":1595},[1589,2455,2456],{"class":1623},"\u003C\u002Ftext>",[1589,2458,2354],{"class":1595},[1589,2460,2462,2464,2466,2469],{"class":1591,"line":2461},37,[1589,2463,2360],{"class":1595},[1589,2465,2348],{"class":1595},[1589,2467,2468],{"class":1623},"\u003C\u002Fsvg>",[1589,2470,2354],{"class":1595},[1589,2472,2474,2478,2480,2483,2485,2488,2491],{"class":1591,"line":2473},38,[1589,2475,2477],{"class":2476},"s7zQu","  return",[1589,2479,2348],{"class":1595},[1589,2481,2482],{"class":1623},"data:image\u002Fsvg+xml,",[1589,2484,2380],{"class":1595},[1589,2486,2487],{"class":1887},"encodeURIComponent",[1589,2489,2490],{"class":1653},"(svg)",[1589,2492,2493],{"class":1595},"}`\n",[1589,2495,2497],{"class":1591,"line":2496},39,[1589,2498,2499],{"class":1595},"}\n",[1589,2501,2503,2505,2507],{"class":1591,"line":2502},40,[1589,2504,1726],{"class":1595},[1589,2506,1810],{"class":1599},[1589,2508,1602],{"class":1595},[1556,2510,2512],{"id":2511},"examples","Examples",[2514,2515,845],"h3",{"id":2516},"orbital-image-wheel",[1560,2518,2519,2525],{"label":1562},[1564,2520,1571,2522],{"className":2521},[1569],[1573,2523],{"name":2524},"orbital-image-wheel-controlled",[1577,2526,2527],{"v-slot:code":1579},[1581,2528,2530],{"className":1583,"code":2529,"language":1585,"meta":1579,"style":1579},"\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-col items-center gap-4 py-6\">\n    \u003CMOrbitalImageWheel\n      :items=\"items\"\n      :rotation=\"rotation\"\n      snap\n      @rotation-change=\"onRotationChange\"\n    \u002F>\n\n    \u003Cp class=\"text-xs text-muted\">\n      rotation = \u003Cspan class=\"font-medium\">{{ rotation.toFixed(1) }}°\u003C\u002Fspan> ·\n      current =\n      \u003Cspan class=\"font-medium\">{{ currentLabel }}\u003C\u002Fspan>\n    \u003C\u002Fp>\n\n    \u003CUButton\n      color=\"neutral\"\n      label=\"Recenter\"\n      size=\"sm\"\n      variant=\"outline\"\n      @click=\"rotation = 0\"\n    \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst items = ['Ridge', 'Tide', 'Salt', 'Birch', 'Glacier', 'Arch'].map(\n  (name, index) => ({\n    alt: name,\n    id: name.toLowerCase(),\n    image: swatch(index),\n  }),\n)\n\n\u002F\u002F Controlled: the wheel never mutates its own rotation. It tweens, then\n\u002F\u002F *reports* the value through `rotationChange`; you decide whether to accept\n\u002F\u002F it. Drop the handler and the wheel turns but the tiles never move — which is\n\u002F\u002F the correct behaviour for an input you are not willing to accept.\nconst rotation = ref(0)\n\nconst onRotationChange = (next: number) => {\n  rotation.value = next\n}\n\nconst currentLabel = computed(() => {\n  const step = 360 \u002F items.length\n  const normalized = ((rotation.value % 360) + 360) % 360\n  let best = items[0]!.alt\n  let bestDistance = Number.POSITIVE_INFINITY\n  items.forEach((item, position) => {\n    const angle = (position * step + normalized) % 360\n    const distance = Math.min(angle, 360 - angle)\n    if (distance \u003C bestDistance) {\n      bestDistance = distance\n      best = item.alt\n    }\n  })\n  return best\n})\n\nfunction swatch(index: number) {\n  const svg\n    = `\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"80\" height=\"80\">`\n      + `\u003Crect width=\"80\" height=\"80\" rx=\"40\" fill=\"hsl(${(index * 40 + 24) % 360} 68% 54%)\"\u002F>`\n      + `\u003Ccircle cx=\"40\" cy=\"30\" r=\"11\" fill=\"white\" fill-opacity=\".85\"\u002F>`\n      + `\u003C\u002Fsvg>`\n  return `data:image\u002Fsvg+xml,${encodeURIComponent(svg)}`\n}\n\u003C\u002Fscript>\n",[1551,2531,2532,2540,2559,2565,2579,2594,2598,2615,2619,2623,2641,2675,2680,2707,2715,2719,2726,2740,2754,2768,2782,2804,2808,2816,2824,2828,2848,2917,2941,2954,2973,2987,2996,3001,3005,3010,3015,3020,3025,3043,3047,3073,3090,3095,3100,3121,3145,3184,3210,3228,3257,3289,3323,3343,3354,3369,3375,3382,3390,3397,3402,3422,3429,3440,3479,3491,3502,3519,3524],{"__ignoreMap":1579},[1589,2533,2534,2536,2538],{"class":1591,"line":1592},[1589,2535,1596],{"class":1595},[1589,2537,1577],{"class":1599},[1589,2539,1602],{"class":1595},[1589,2541,2542,2544,2546,2548,2550,2552,2555,2557],{"class":1591,"line":1605},[1589,2543,1608],{"class":1595},[1589,2545,1564],{"class":1599},[1589,2547,1614],{"class":1613},[1589,2549,1617],{"class":1595},[1589,2551,1620],{"class":1595},[1589,2553,2554],{"class":1623},"flex flex-col items-center gap-4 py-6",[1589,2556,1620],{"class":1595},[1589,2558,1602],{"class":1595},[1589,2560,2561,2563],{"class":1591,"line":1631},[1589,2562,1634],{"class":1595},[1589,2564,1637],{"class":1599},[1589,2566,2567,2569,2571,2573,2575,2577],{"class":1591,"line":1640},[1589,2568,1643],{"class":1595},[1589,2570,1646],{"class":1613},[1589,2572,1617],{"class":1595},[1589,2574,1620],{"class":1595},[1589,2576,1646],{"class":1653},[1589,2578,1656],{"class":1595},[1589,2580,2581,2583,2586,2588,2590,2592],{"class":1591,"line":1659},[1589,2582,1643],{"class":1595},[1589,2584,2585],{"class":1613},"rotation",[1589,2587,1617],{"class":1595},[1589,2589,1620],{"class":1595},[1589,2591,2585],{"class":1653},[1589,2593,1656],{"class":1595},[1589,2595,2596],{"class":1591,"line":1665},[1589,2597,1662],{"class":1613},[1589,2599,2600,2603,2606,2608,2610,2613],{"class":1591,"line":1671},[1589,2601,2602],{"class":1595},"      @",[1589,2604,2605],{"class":1613},"rotation-change",[1589,2607,1617],{"class":1595},[1589,2609,1620],{"class":1595},[1589,2611,2612],{"class":1653},"onRotationChange",[1589,2614,1656],{"class":1595},[1589,2616,2617],{"class":1591,"line":1678},[1589,2618,1668],{"class":1595},[1589,2620,2621],{"class":1591,"line":1698},[1589,2622,1675],{"emptyLinePlaceholder":1674},[1589,2624,2625,2627,2629,2631,2633,2635,2637,2639],{"class":1591,"line":1733},[1589,2626,1634],{"class":1595},[1589,2628,1544],{"class":1599},[1589,2630,1614],{"class":1613},[1589,2632,1617],{"class":1595},[1589,2634,1620],{"class":1595},[1589,2636,1691],{"class":1623},[1589,2638,1620],{"class":1595},[1589,2640,1602],{"class":1595},[1589,2642,2643,2646,2648,2650,2652,2654,2656,2659,2661,2663,2666,2668,2670,2672],{"class":1591,"line":1765},[1589,2644,2645],{"class":1653},"      rotation = ",[1589,2647,1596],{"class":1595},[1589,2649,1589],{"class":1599},[1589,2651,1614],{"class":1613},[1589,2653,1617],{"class":1595},[1589,2655,1620],{"class":1595},[1589,2657,2658],{"class":1623},"font-medium",[1589,2660,1620],{"class":1595},[1589,2662,1720],{"class":1595},[1589,2664,2665],{"class":1653},"{{ rotation.toFixed(1) }}°",[1589,2667,1726],{"class":1595},[1589,2669,1589],{"class":1599},[1589,2671,1720],{"class":1595},[1589,2673,2674],{"class":1653}," ·\n",[1589,2676,2677],{"class":1591,"line":1771},[1589,2678,2679],{"class":1653},"      current =\n",[1589,2681,2682,2684,2686,2688,2690,2692,2694,2696,2698,2701,2703,2705],{"class":1591,"line":1781},[1589,2683,1736],{"class":1595},[1589,2685,1589],{"class":1599},[1589,2687,1614],{"class":1613},[1589,2689,1617],{"class":1595},[1589,2691,1620],{"class":1595},[1589,2693,2658],{"class":1623},[1589,2695,1620],{"class":1595},[1589,2697,1720],{"class":1595},[1589,2699,2700],{"class":1653},"{{ currentLabel }}",[1589,2702,1726],{"class":1595},[1589,2704,1589],{"class":1599},[1589,2706,1602],{"class":1595},[1589,2708,2709,2711,2713],{"class":1591,"line":1791},[1589,2710,1774],{"class":1595},[1589,2712,1544],{"class":1599},[1589,2714,1602],{"class":1595},[1589,2716,2717],{"class":1591,"line":1800},[1589,2718,1675],{"emptyLinePlaceholder":1674},[1589,2720,2721,2723],{"class":1591,"line":1805},[1589,2722,1634],{"class":1595},[1589,2724,2725],{"class":1599},"UButton\n",[1589,2727,2728,2731,2733,2735,2738],{"class":1591,"line":1830},[1589,2729,2730],{"class":1613},"      color",[1589,2732,1617],{"class":1595},[1589,2734,1620],{"class":1595},[1589,2736,2737],{"class":1623},"neutral",[1589,2739,1656],{"class":1595},[1589,2741,2742,2745,2747,2749,2752],{"class":1591,"line":1844},[1589,2743,2744],{"class":1613},"      label",[1589,2746,1617],{"class":1595},[1589,2748,1620],{"class":1595},[1589,2750,2751],{"class":1623},"Recenter",[1589,2753,1656],{"class":1595},[1589,2755,2756,2759,2761,2763,2766],{"class":1591,"line":1925},[1589,2757,2758],{"class":1613},"      size",[1589,2760,1617],{"class":1595},[1589,2762,1620],{"class":1595},[1589,2764,2765],{"class":1623},"sm",[1589,2767,1656],{"class":1595},[1589,2769,2770,2773,2775,2777,2780],{"class":1591,"line":1993},[1589,2771,2772],{"class":1613},"      variant",[1589,2774,1617],{"class":1595},[1589,2776,1620],{"class":1595},[1589,2778,2779],{"class":1623},"outline",[1589,2781,1656],{"class":1595},[1589,2783,2784,2786,2789,2791,2793,2795,2798,2802],{"class":1591,"line":2061},[1589,2785,2602],{"class":1595},[1589,2787,2788],{"class":1613},"click",[1589,2790,1617],{"class":1595},[1589,2792,1620],{"class":1595},[1589,2794,2585],{"class":1653},[1589,2796,2797],{"class":1595}," = ",[1589,2799,2801],{"class":2800},"sbssI","0",[1589,2803,1656],{"class":1595},[1589,2805,2806],{"class":1591,"line":2129},[1589,2807,1668],{"class":1595},[1589,2809,2810,2812,2814],{"class":1591,"line":2197},[1589,2811,1784],{"class":1595},[1589,2813,1564],{"class":1599},[1589,2815,1602],{"class":1595},[1589,2817,2818,2820,2822],{"class":1591,"line":2265},[1589,2819,1726],{"class":1595},[1589,2821,1577],{"class":1599},[1589,2823,1602],{"class":1595},[1589,2825,2826],{"class":1591,"line":2271},[1589,2827,1675],{"emptyLinePlaceholder":1674},[1589,2829,2830,2832,2834,2836,2838,2840,2842,2844,2846],{"class":1591,"line":2276},[1589,2831,1596],{"class":1595},[1589,2833,1810],{"class":1599},[1589,2835,1813],{"class":1613},[1589,2837,1816],{"class":1613},[1589,2839,1617],{"class":1595},[1589,2841,1620],{"class":1595},[1589,2843,1823],{"class":1623},[1589,2845,1620],{"class":1595},[1589,2847,1602],{"class":1595},[1589,2849,2850,2852,2854,2856,2859,2861,2863,2865,2867,2869,2871,2873,2875,2877,2879,2881,2883,2885,2887,2889,2891,2893,2895,2897,2899,2901,2903,2905,2908,2911,2914],{"class":1591,"line":2283},[1589,2851,1833],{"class":1613},[1589,2853,1836],{"class":1653},[1589,2855,1617],{"class":1595},[1589,2857,2858],{"class":1653}," [",[1589,2860,1862],{"class":1595},[1589,2862,1859],{"class":1623},[1589,2864,1862],{"class":1595},[1589,2866,1865],{"class":1595},[1589,2868,1856],{"class":1595},[1589,2870,1936],{"class":1623},[1589,2872,1862],{"class":1595},[1589,2874,1865],{"class":1595},[1589,2876,1856],{"class":1595},[1589,2878,2004],{"class":1623},[1589,2880,1862],{"class":1595},[1589,2882,1865],{"class":1595},[1589,2884,1856],{"class":1595},[1589,2886,2072],{"class":1623},[1589,2888,1862],{"class":1595},[1589,2890,1865],{"class":1595},[1589,2892,1856],{"class":1595},[1589,2894,2140],{"class":1623},[1589,2896,1862],{"class":1595},[1589,2898,1865],{"class":1595},[1589,2900,1856],{"class":1595},[1589,2902,2208],{"class":1623},[1589,2904,1862],{"class":1595},[1589,2906,2907],{"class":1653},"]",[1589,2909,2910],{"class":1595},".",[1589,2912,2913],{"class":1887},"map",[1589,2915,2916],{"class":1653},"(\n",[1589,2918,2919,2922,2925,2927,2930,2932,2935,2938],{"class":1591,"line":2289},[1589,2920,2921],{"class":1595},"  (",[1589,2923,2924],{"class":2299},"name",[1589,2926,1865],{"class":1595},[1589,2928,2929],{"class":2299}," index",[1589,2931,2327],{"class":1595},[1589,2933,2934],{"class":1613}," =>",[1589,2936,2937],{"class":1653}," (",[1589,2939,2940],{"class":1595},"{\n",[1589,2942,2943,2946,2948,2951],{"class":1591,"line":2333},[1589,2944,2945],{"class":1599},"    alt",[1589,2947,1853],{"class":1595},[1589,2949,2950],{"class":1653}," name",[1589,2952,2953],{"class":1595},",\n",[1589,2955,2956,2959,2961,2963,2965,2968,2971],{"class":1591,"line":2342},[1589,2957,2958],{"class":1599},"    id",[1589,2960,1853],{"class":1595},[1589,2962,2950],{"class":1653},[1589,2964,2910],{"class":1595},[1589,2966,2967],{"class":1887},"toLowerCase",[1589,2969,2970],{"class":1653},"()",[1589,2972,2953],{"class":1595},[1589,2974,2975,2978,2980,2982,2985],{"class":1591,"line":2357},[1589,2976,2977],{"class":1599},"    image",[1589,2979,1853],{"class":1595},[1589,2981,1888],{"class":1887},[1589,2983,2984],{"class":1653},"(index)",[1589,2986,2953],{"class":1595},[1589,2988,2989,2992,2994],{"class":1591,"line":2370},[1589,2990,2991],{"class":1595},"  }",[1589,2993,2327],{"class":1653},[1589,2995,2953],{"class":1595},[1589,2997,2998],{"class":1591,"line":2403},[1589,2999,3000],{"class":1653},")\n",[1589,3002,3003],{"class":1591,"line":2415},[1589,3004,1675],{"emptyLinePlaceholder":1674},[1589,3006,3007],{"class":1591,"line":2427},[1589,3008,3009],{"class":2279},"\u002F\u002F Controlled: the wheel never mutates its own rotation. It tweens, then\n",[1589,3011,3012],{"class":1591,"line":2439},[1589,3013,3014],{"class":2279},"\u002F\u002F *reports* the value through `rotationChange`; you decide whether to accept\n",[1589,3016,3017],{"class":1591,"line":2461},[1589,3018,3019],{"class":2279},"\u002F\u002F it. Drop the handler and the wheel turns but the tiles never move — which is\n",[1589,3021,3022],{"class":1591,"line":2473},[1589,3023,3024],{"class":2279},"\u002F\u002F the correct behaviour for an input you are not willing to accept.\n",[1589,3026,3027,3029,3032,3034,3037,3039,3041],{"class":1591,"line":2496},[1589,3028,1833],{"class":1613},[1589,3030,3031],{"class":1653}," rotation ",[1589,3033,1617],{"class":1595},[1589,3035,3036],{"class":1887}," ref",[1589,3038,1891],{"class":1653},[1589,3040,2801],{"class":2800},[1589,3042,3000],{"class":1653},[1589,3044,3045],{"class":1591,"line":2502},[1589,3046,1675],{"emptyLinePlaceholder":1674},[1589,3048,3050,3052,3055,3057,3059,3062,3064,3067,3069,3071],{"class":1591,"line":3049},41,[1589,3051,1833],{"class":1613},[1589,3053,3054],{"class":1653}," onRotationChange ",[1589,3056,1617],{"class":1595},[1589,3058,2937],{"class":1595},[1589,3060,3061],{"class":2299},"next",[1589,3063,1853],{"class":1595},[1589,3065,3066],{"class":2305}," number",[1589,3068,2327],{"class":1595},[1589,3070,2934],{"class":1613},[1589,3072,2330],{"class":1595},[1589,3074,3076,3079,3081,3084,3087],{"class":1591,"line":3075},42,[1589,3077,3078],{"class":1653},"  rotation",[1589,3080,2910],{"class":1595},[1589,3082,3083],{"class":1653},"value",[1589,3085,3086],{"class":1595}," =",[1589,3088,3089],{"class":1653}," next\n",[1589,3091,3093],{"class":1591,"line":3092},43,[1589,3094,2499],{"class":1595},[1589,3096,3098],{"class":1591,"line":3097},44,[1589,3099,1675],{"emptyLinePlaceholder":1674},[1589,3101,3103,3105,3108,3110,3113,3115,3117,3119],{"class":1591,"line":3102},45,[1589,3104,1833],{"class":1613},[1589,3106,3107],{"class":1653}," currentLabel ",[1589,3109,1617],{"class":1595},[1589,3111,3112],{"class":1887}," computed",[1589,3114,1891],{"class":1653},[1589,3116,2970],{"class":1595},[1589,3118,2934],{"class":1613},[1589,3120,2330],{"class":1595},[1589,3122,3124,3126,3129,3131,3134,3137,3140,3142],{"class":1591,"line":3123},46,[1589,3125,2336],{"class":1613},[1589,3127,3128],{"class":1653}," step",[1589,3130,3086],{"class":1595},[1589,3132,3133],{"class":2800}," 360",[1589,3135,3136],{"class":1595}," \u002F",[1589,3138,3139],{"class":1653}," items",[1589,3141,2910],{"class":1595},[1589,3143,3144],{"class":1653},"length\n",[1589,3146,3148,3150,3153,3155,3158,3160,3162,3164,3167,3169,3171,3174,3176,3178,3181],{"class":1591,"line":3147},47,[1589,3149,2336],{"class":1613},[1589,3151,3152],{"class":1653}," normalized",[1589,3154,3086],{"class":1595},[1589,3156,3157],{"class":1599}," ((",[1589,3159,2585],{"class":1653},[1589,3161,2910],{"class":1595},[1589,3163,3083],{"class":1653},[1589,3165,3166],{"class":1595}," %",[1589,3168,3133],{"class":2800},[1589,3170,1919],{"class":1599},[1589,3172,3173],{"class":1595},"+",[1589,3175,3133],{"class":2800},[1589,3177,1919],{"class":1599},[1589,3179,3180],{"class":1595},"%",[1589,3182,3183],{"class":2800}," 360\n",[1589,3185,3187,3190,3193,3195,3197,3200,3202,3204,3207],{"class":1591,"line":3186},48,[1589,3188,3189],{"class":1613},"  let",[1589,3191,3192],{"class":1653}," best",[1589,3194,3086],{"class":1595},[1589,3196,3139],{"class":1653},[1589,3198,3199],{"class":1599},"[",[1589,3201,2801],{"class":2800},[1589,3203,2907],{"class":1599},[1589,3205,3206],{"class":1595},"!.",[1589,3208,3209],{"class":1653},"alt\n",[1589,3211,3213,3215,3218,3220,3223,3225],{"class":1591,"line":3212},49,[1589,3214,3189],{"class":1613},[1589,3216,3217],{"class":1653}," bestDistance",[1589,3219,3086],{"class":1595},[1589,3221,3222],{"class":1653}," Number",[1589,3224,2910],{"class":1595},[1589,3226,3227],{"class":1599},"POSITIVE_INFINITY\n",[1589,3229,3231,3234,3236,3239,3241,3243,3246,3248,3251,3253,3255],{"class":1591,"line":3230},50,[1589,3232,3233],{"class":1653},"  items",[1589,3235,2910],{"class":1595},[1589,3237,3238],{"class":1887},"forEach",[1589,3240,1891],{"class":1599},[1589,3242,1891],{"class":1595},[1589,3244,3245],{"class":2299},"item",[1589,3247,1865],{"class":1595},[1589,3249,3250],{"class":2299}," position",[1589,3252,2327],{"class":1595},[1589,3254,2934],{"class":1613},[1589,3256,2330],{"class":1595},[1589,3258,3260,3263,3266,3268,3270,3273,3276,3278,3281,3283,3285,3287],{"class":1591,"line":3259},51,[1589,3261,3262],{"class":1613},"    const",[1589,3264,3265],{"class":1653}," angle",[1589,3267,3086],{"class":1595},[1589,3269,2937],{"class":1599},[1589,3271,3272],{"class":1653},"position",[1589,3274,3275],{"class":1595}," *",[1589,3277,3128],{"class":1653},[1589,3279,3280],{"class":1595}," +",[1589,3282,3152],{"class":1653},[1589,3284,1919],{"class":1599},[1589,3286,3180],{"class":1595},[1589,3288,3183],{"class":2800},[1589,3290,3292,3294,3297,3299,3302,3304,3307,3309,3312,3314,3316,3319,3321],{"class":1591,"line":3291},52,[1589,3293,3262],{"class":1613},[1589,3295,3296],{"class":1653}," distance",[1589,3298,3086],{"class":1595},[1589,3300,3301],{"class":1653}," Math",[1589,3303,2910],{"class":1595},[1589,3305,3306],{"class":1887},"min",[1589,3308,1891],{"class":1599},[1589,3310,3311],{"class":1653},"angle",[1589,3313,1865],{"class":1595},[1589,3315,3133],{"class":2800},[1589,3317,3318],{"class":1595}," -",[1589,3320,3265],{"class":1653},[1589,3322,3000],{"class":1599},[1589,3324,3326,3329,3331,3334,3337,3339,3341],{"class":1591,"line":3325},53,[1589,3327,3328],{"class":2476},"    if",[1589,3330,2937],{"class":1599},[1589,3332,3333],{"class":1653},"distance",[1589,3335,3336],{"class":1595}," \u003C",[1589,3338,3217],{"class":1653},[1589,3340,1919],{"class":1599},[1589,3342,2940],{"class":1595},[1589,3344,3346,3349,3351],{"class":1591,"line":3345},54,[1589,3347,3348],{"class":1653},"      bestDistance",[1589,3350,3086],{"class":1595},[1589,3352,3353],{"class":1653}," distance\n",[1589,3355,3357,3360,3362,3365,3367],{"class":1591,"line":3356},55,[1589,3358,3359],{"class":1653},"      best",[1589,3361,3086],{"class":1595},[1589,3363,3364],{"class":1653}," item",[1589,3366,2910],{"class":1595},[1589,3368,3209],{"class":1653},[1589,3370,3372],{"class":1591,"line":3371},56,[1589,3373,3374],{"class":1595},"    }\n",[1589,3376,3378,3380],{"class":1591,"line":3377},57,[1589,3379,2991],{"class":1595},[1589,3381,3000],{"class":1599},[1589,3383,3385,3387],{"class":1591,"line":3384},58,[1589,3386,2477],{"class":2476},[1589,3388,3389],{"class":1653}," best\n",[1589,3391,3393,3395],{"class":1591,"line":3392},59,[1589,3394,2385],{"class":1595},[1589,3396,3000],{"class":1653},[1589,3398,3400],{"class":1591,"line":3399},60,[1589,3401,1675],{"emptyLinePlaceholder":1674},[1589,3403,3405,3407,3409,3411,3414,3416,3418,3420],{"class":1591,"line":3404},61,[1589,3406,2292],{"class":1613},[1589,3408,1888],{"class":1887},[1589,3410,1891],{"class":1595},[1589,3412,3413],{"class":2299},"index",[1589,3415,1853],{"class":1595},[1589,3417,3066],{"class":2305},[1589,3419,2327],{"class":1595},[1589,3421,2330],{"class":1595},[1589,3423,3425,3427],{"class":1591,"line":3424},62,[1589,3426,2336],{"class":1613},[1589,3428,2339],{"class":1653},[1589,3430,3432,3434,3436,3438],{"class":1591,"line":3431},63,[1589,3433,2345],{"class":1595},[1589,3435,2348],{"class":1595},[1589,3437,2351],{"class":1623},[1589,3439,2354],{"class":1595},[1589,3441,3443,3445,3447,3450,3452,3455,3458,3461,3463,3466,3468,3470,3472,3474,3477],{"class":1591,"line":3442},64,[1589,3444,2360],{"class":1595},[1589,3446,2348],{"class":1595},[1589,3448,3449],{"class":1623},"\u003Crect width=\"80\" height=\"80\" rx=\"40\" fill=\"hsl(",[1589,3451,2380],{"class":1595},[1589,3453,3454],{"class":1653},"(index ",[1589,3456,3457],{"class":1595},"*",[1589,3459,3460],{"class":2800}," 40",[1589,3462,3280],{"class":1595},[1589,3464,3465],{"class":2800}," 24",[1589,3467,1919],{"class":1653},[1589,3469,3180],{"class":1595},[1589,3471,3133],{"class":2800},[1589,3473,2385],{"class":1595},[1589,3475,3476],{"class":1623}," 68% 54%)\"\u002F>",[1589,3478,2354],{"class":1595},[1589,3480,3482,3484,3486,3489],{"class":1591,"line":3481},65,[1589,3483,2360],{"class":1595},[1589,3485,2348],{"class":1595},[1589,3487,3488],{"class":1623},"\u003Ccircle cx=\"40\" cy=\"30\" r=\"11\" fill=\"white\" fill-opacity=\".85\"\u002F>",[1589,3490,2354],{"class":1595},[1589,3492,3494,3496,3498,3500],{"class":1591,"line":3493},66,[1589,3495,2360],{"class":1595},[1589,3497,2348],{"class":1595},[1589,3499,2468],{"class":1623},[1589,3501,2354],{"class":1595},[1589,3503,3505,3507,3509,3511,3513,3515,3517],{"class":1591,"line":3504},67,[1589,3506,2477],{"class":2476},[1589,3508,2348],{"class":1595},[1589,3510,2482],{"class":1623},[1589,3512,2380],{"class":1595},[1589,3514,2487],{"class":1887},[1589,3516,2490],{"class":1653},[1589,3518,2493],{"class":1595},[1589,3520,3522],{"class":1591,"line":3521},68,[1589,3523,2499],{"class":1595},[1589,3525,3527,3529,3531],{"class":1591,"line":3526},69,[1589,3528,1726],{"class":1595},[1589,3530,1810],{"class":1599},[1589,3532,1602],{"class":1595},[2514,3534,3536],{"id":3535},"customize","Customize",[1560,3538,3539,3545],{"label":1562},[1564,3540,1571,3542],{"className":3541},[1569],[1573,3543],{"name":3544},"orbital-image-wheel-custom",[1577,3546,3547],{"v-slot:code":1579},[3548,3549],"playground-code",{"name":3550},"OrbitalImageWheel",[1556,3552,3554],{"id":3553},"props","Props",[3556,3557,3558,3583,3593,3599,3603,3608,3612,3617,3620,3624],"component-props",{},[3559,3560,3563,3564,3567,3568,3571,3572,3575,3576,3579,3580,3582],"component-prop",{"name":1646,"type":3561,":required":3562},"OrbitalImageWheelItem[]","true","The ring's contents. Each item needs ",[1551,3565,3566],{},"id",", ",[1551,3569,3570],{},"image"," and ",[1551,3573,3574],{},"alt","; ",[1551,3577,3578],{},"label"," overrides\nthe button's accessible name when ",[1551,3581,3574],{}," is not descriptive enough.",[3559,3584,3588,3589,3592],{"name":3585,"type":3586,"default":3587},"radius","number","160","Circle radius in px. The rendered box is always ",[1551,3590,3591],{},"radius * 2 + 80",", where the\ntrailing 80 is the thumbnail diameter — a fixed constant, not a prop.",[3559,3594,3598],{"name":3595,"type":3596,"default":3597},"snap","boolean","false","Snap to the nearest item when a drag or a momentum coast settles.",[3559,3600,3602],{"name":3601,"type":3596,"default":3597},"autoRotate","Rotate continuously.",[3559,3604,3607],{"name":3605,"type":3586,"default":3606},"autoRotateSpeed","12","Degrees per second while auto-rotating. Negative values run the other way.",[3559,3609,3611],{"name":3610,"type":3596,"default":3597},"faceOutward","Tilt each thumbnail to face outward from the center, like a ferris-wheel\ngondola.",[3559,3613,3616],{"name":3614,"type":3615},"activeId","string","Force a specific item to be highlighted, overriding top-of-circle detection.\nUseful for pairing the wheel with an external list or timeline.",[3559,3618,3619],{"name":2585,"type":3586},"Controlled rotation in degrees. Omit to let the wheel own its rotation.",[3559,3621,3623],{"name":3578,"type":3615,"default":3622},"'Orbital image wheel'","Accessible name for the wheel itself.",[3559,3625,3627],{"name":3626,"type":3615},"class","Merged onto the wheel root.",[1556,3629,3631],{"id":3630},"events","Events",[3633,3634,3635],"component-events",{},[3636,3637,3640],"component-event",{"name":3638,"type":3639},"rotationChange","(rotation: number) => void","Fired with the normalized rotation in degrees after every change — drag,\nmomentum, snap tween, key press and auto-rotate alike.",[1556,3642,3644],{"id":3643},"auto-rotation","Auto-rotation",[1544,3646,3647],{},"Auto-rotate is off by default. When on, it stops for three reasons, because a\nspinning wheel that keeps spinning while you are trying to look at it is worse\nthan no wheel at all:",[3649,3650,3651,3655,3658],"ul",{},[3652,3653,3654],"li",{},"the pointer is over the wheel — but only on devices that actually report a\nhover-capable pointer, so a touch drag does not pause the thing it is dragging;",[3652,3656,3657],{},"focus is anywhere inside the wheel;",[3652,3659,3660],{},"the document is hidden, so a backgrounded tab does not burn frames.",[1560,3662,3663,3669],{"label":1562},[1564,3664,1571,3666],{"className":3665},[1567,1568,1569,1570],[1573,3667],{"name":3668},"orbital-image-wheel-auto-rotate",[1577,3670,3671],{"v-slot:code":1579},[1581,3672,3674],{"className":1583,"code":3673,"language":1585,"meta":1579,"style":1579},"\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-col items-center gap-4 py-6\">\n    \u003CMOrbitalImageWheel\n      auto-rotate\n      :auto-rotate-speed=\"speed\"\n      :items=\"items\"\n      snap\n    \u002F>\n\n    \u003Cdiv class=\"flex w-full max-w-xs flex-col gap-3\">\n      \u003Clabel class=\"flex items-center gap-3 text-xs text-muted\">\n        \u003Cspan class=\"w-28\">speed {{ speed }}°\u002Fs\u003C\u002Fspan>\n        \u003CUSlider\n          v-model=\"speed\"\n          :min=\"-90\"\n          :max=\"90\"\n          :step=\"6\"\n          class=\"flex-1\"\n        \u002F>\n      \u003C\u002Flabel>\n      \u003Cp class=\"text-xs text-muted\">\n        Auto-rotate pauses while the pointer is over the wheel, while focus is\n        inside it, and while the tab is hidden.\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst speed = ref(18)\n\nconst items = ['Ridge', 'Tide', 'Salt', 'Birch', 'Glacier', 'Arch'].map(\n  (name, index) => ({\n    alt: name,\n    id: name.toLowerCase(),\n    image: swatch(index),\n  }),\n)\n\nfunction swatch(index: number) {\n  const svg\n    = `\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"80\" height=\"80\">`\n      + `\u003Ccircle cx=\"40\" cy=\"40\" r=\"34\" fill=\"hsl(${(index * 58 + 196) % 360} 72% 58%)\"\u002F>`\n      + `\u003Ctext x=\"40\" y=\"50\" font-family=\"system-ui,sans-serif\" font-size=\"28\"`\n      + ` font-weight=\"600\" fill=\"white\" fill-opacity=\".92\" text-anchor=\"middle\">${index + 1}\u003C\u002Ftext>`\n      + `\u003C\u002Fsvg>`\n  return `data:image\u002Fsvg+xml,${encodeURIComponent(svg)}`\n}\n\u003C\u002Fscript>\n",[1551,3675,3676,3684,3702,3708,3713,3729,3743,3747,3751,3755,3774,3793,3822,3829,3842,3861,3876,3892,3906,3911,3920,3938,3943,3948,3956,3964,3972,3980,3984,4004,4022,4026,4090,4108,4118,4134,4146,4154,4158,4162,4180,4186,4196,4232,4243,4268,4278,4294,4298],{"__ignoreMap":1579},[1589,3677,3678,3680,3682],{"class":1591,"line":1592},[1589,3679,1596],{"class":1595},[1589,3681,1577],{"class":1599},[1589,3683,1602],{"class":1595},[1589,3685,3686,3688,3690,3692,3694,3696,3698,3700],{"class":1591,"line":1605},[1589,3687,1608],{"class":1595},[1589,3689,1564],{"class":1599},[1589,3691,1614],{"class":1613},[1589,3693,1617],{"class":1595},[1589,3695,1620],{"class":1595},[1589,3697,2554],{"class":1623},[1589,3699,1620],{"class":1595},[1589,3701,1602],{"class":1595},[1589,3703,3704,3706],{"class":1591,"line":1631},[1589,3705,1634],{"class":1595},[1589,3707,1637],{"class":1599},[1589,3709,3710],{"class":1591,"line":1640},[1589,3711,3712],{"class":1613},"      auto-rotate\n",[1589,3714,3715,3717,3720,3722,3724,3727],{"class":1591,"line":1659},[1589,3716,1643],{"class":1595},[1589,3718,3719],{"class":1613},"auto-rotate-speed",[1589,3721,1617],{"class":1595},[1589,3723,1620],{"class":1595},[1589,3725,3726],{"class":1653},"speed",[1589,3728,1656],{"class":1595},[1589,3730,3731,3733,3735,3737,3739,3741],{"class":1591,"line":1665},[1589,3732,1643],{"class":1595},[1589,3734,1646],{"class":1613},[1589,3736,1617],{"class":1595},[1589,3738,1620],{"class":1595},[1589,3740,1646],{"class":1653},[1589,3742,1656],{"class":1595},[1589,3744,3745],{"class":1591,"line":1671},[1589,3746,1662],{"class":1613},[1589,3748,3749],{"class":1591,"line":1678},[1589,3750,1668],{"class":1595},[1589,3752,3753],{"class":1591,"line":1698},[1589,3754,1675],{"emptyLinePlaceholder":1674},[1589,3756,3757,3759,3761,3763,3765,3767,3770,3772],{"class":1591,"line":1733},[1589,3758,1634],{"class":1595},[1589,3760,1564],{"class":1599},[1589,3762,1614],{"class":1613},[1589,3764,1617],{"class":1595},[1589,3766,1620],{"class":1595},[1589,3768,3769],{"class":1623},"flex w-full max-w-xs flex-col gap-3",[1589,3771,1620],{"class":1595},[1589,3773,1602],{"class":1595},[1589,3775,3776,3778,3780,3782,3784,3786,3789,3791],{"class":1591,"line":1765},[1589,3777,1736],{"class":1595},[1589,3779,3578],{"class":1599},[1589,3781,1614],{"class":1613},[1589,3783,1617],{"class":1595},[1589,3785,1620],{"class":1595},[1589,3787,3788],{"class":1623},"flex items-center gap-3 text-xs text-muted",[1589,3790,1620],{"class":1595},[1589,3792,1602],{"class":1595},[1589,3794,3795,3798,3800,3802,3804,3806,3809,3811,3813,3816,3818,3820],{"class":1591,"line":1771},[1589,3796,3797],{"class":1595},"        \u003C",[1589,3799,1589],{"class":1599},[1589,3801,1614],{"class":1613},[1589,3803,1617],{"class":1595},[1589,3805,1620],{"class":1595},[1589,3807,3808],{"class":1623},"w-28",[1589,3810,1620],{"class":1595},[1589,3812,1720],{"class":1595},[1589,3814,3815],{"class":1653},"speed {{ speed }}°\u002Fs",[1589,3817,1726],{"class":1595},[1589,3819,1589],{"class":1599},[1589,3821,1602],{"class":1595},[1589,3823,3824,3826],{"class":1591,"line":1781},[1589,3825,3797],{"class":1595},[1589,3827,3828],{"class":1599},"USlider\n",[1589,3830,3831,3834,3836,3838,3840],{"class":1591,"line":1791},[1589,3832,3833],{"class":1613},"          v-model",[1589,3835,1617],{"class":1595},[1589,3837,1620],{"class":1595},[1589,3839,3726],{"class":1653},[1589,3841,1656],{"class":1595},[1589,3843,3844,3847,3849,3851,3853,3856,3859],{"class":1591,"line":1800},[1589,3845,3846],{"class":1595},"          :",[1589,3848,3306],{"class":1613},[1589,3850,1617],{"class":1595},[1589,3852,1620],{"class":1595},[1589,3854,3855],{"class":1595},"-",[1589,3857,3858],{"class":2800},"90",[1589,3860,1656],{"class":1595},[1589,3862,3863,3865,3868,3870,3872,3874],{"class":1591,"line":1805},[1589,3864,3846],{"class":1595},[1589,3866,3867],{"class":1613},"max",[1589,3869,1617],{"class":1595},[1589,3871,1620],{"class":1595},[1589,3873,3858],{"class":2800},[1589,3875,1656],{"class":1595},[1589,3877,3878,3880,3883,3885,3887,3890],{"class":1591,"line":1830},[1589,3879,3846],{"class":1595},[1589,3881,3882],{"class":1613},"step",[1589,3884,1617],{"class":1595},[1589,3886,1620],{"class":1595},[1589,3888,3889],{"class":2800},"6",[1589,3891,1656],{"class":1595},[1589,3893,3894,3897,3899,3901,3904],{"class":1591,"line":1844},[1589,3895,3896],{"class":1613},"          class",[1589,3898,1617],{"class":1595},[1589,3900,1620],{"class":1595},[1589,3902,3903],{"class":1623},"flex-1",[1589,3905,1656],{"class":1595},[1589,3907,3908],{"class":1591,"line":1925},[1589,3909,3910],{"class":1595},"        \u002F>\n",[1589,3912,3913,3916,3918],{"class":1591,"line":1993},[1589,3914,3915],{"class":1595},"      \u003C\u002F",[1589,3917,3578],{"class":1599},[1589,3919,1602],{"class":1595},[1589,3921,3922,3924,3926,3928,3930,3932,3934,3936],{"class":1591,"line":2061},[1589,3923,1736],{"class":1595},[1589,3925,1544],{"class":1599},[1589,3927,1614],{"class":1613},[1589,3929,1617],{"class":1595},[1589,3931,1620],{"class":1595},[1589,3933,1691],{"class":1623},[1589,3935,1620],{"class":1595},[1589,3937,1602],{"class":1595},[1589,3939,3940],{"class":1591,"line":2129},[1589,3941,3942],{"class":1653},"        Auto-rotate pauses while the pointer is over the wheel, while focus is\n",[1589,3944,3945],{"class":1591,"line":2197},[1589,3946,3947],{"class":1653},"        inside it, and while the tab is hidden.\n",[1589,3949,3950,3952,3954],{"class":1591,"line":2265},[1589,3951,3915],{"class":1595},[1589,3953,1544],{"class":1599},[1589,3955,1602],{"class":1595},[1589,3957,3958,3960,3962],{"class":1591,"line":2271},[1589,3959,1774],{"class":1595},[1589,3961,1564],{"class":1599},[1589,3963,1602],{"class":1595},[1589,3965,3966,3968,3970],{"class":1591,"line":2276},[1589,3967,1784],{"class":1595},[1589,3969,1564],{"class":1599},[1589,3971,1602],{"class":1595},[1589,3973,3974,3976,3978],{"class":1591,"line":2283},[1589,3975,1726],{"class":1595},[1589,3977,1577],{"class":1599},[1589,3979,1602],{"class":1595},[1589,3981,3982],{"class":1591,"line":2289},[1589,3983,1675],{"emptyLinePlaceholder":1674},[1589,3985,3986,3988,3990,3992,3994,3996,3998,4000,4002],{"class":1591,"line":2333},[1589,3987,1596],{"class":1595},[1589,3989,1810],{"class":1599},[1589,3991,1813],{"class":1613},[1589,3993,1816],{"class":1613},[1589,3995,1617],{"class":1595},[1589,3997,1620],{"class":1595},[1589,3999,1823],{"class":1623},[1589,4001,1620],{"class":1595},[1589,4003,1602],{"class":1595},[1589,4005,4006,4008,4011,4013,4015,4017,4020],{"class":1591,"line":2342},[1589,4007,1833],{"class":1613},[1589,4009,4010],{"class":1653}," speed ",[1589,4012,1617],{"class":1595},[1589,4014,3036],{"class":1887},[1589,4016,1891],{"class":1653},[1589,4018,4019],{"class":2800},"18",[1589,4021,3000],{"class":1653},[1589,4023,4024],{"class":1591,"line":2357},[1589,4025,1675],{"emptyLinePlaceholder":1674},[1589,4027,4028,4030,4032,4034,4036,4038,4040,4042,4044,4046,4048,4050,4052,4054,4056,4058,4060,4062,4064,4066,4068,4070,4072,4074,4076,4078,4080,4082,4084,4086,4088],{"class":1591,"line":2370},[1589,4029,1833],{"class":1613},[1589,4031,1836],{"class":1653},[1589,4033,1617],{"class":1595},[1589,4035,2858],{"class":1653},[1589,4037,1862],{"class":1595},[1589,4039,1859],{"class":1623},[1589,4041,1862],{"class":1595},[1589,4043,1865],{"class":1595},[1589,4045,1856],{"class":1595},[1589,4047,1936],{"class":1623},[1589,4049,1862],{"class":1595},[1589,4051,1865],{"class":1595},[1589,4053,1856],{"class":1595},[1589,4055,2004],{"class":1623},[1589,4057,1862],{"class":1595},[1589,4059,1865],{"class":1595},[1589,4061,1856],{"class":1595},[1589,4063,2072],{"class":1623},[1589,4065,1862],{"class":1595},[1589,4067,1865],{"class":1595},[1589,4069,1856],{"class":1595},[1589,4071,2140],{"class":1623},[1589,4073,1862],{"class":1595},[1589,4075,1865],{"class":1595},[1589,4077,1856],{"class":1595},[1589,4079,2208],{"class":1623},[1589,4081,1862],{"class":1595},[1589,4083,2907],{"class":1653},[1589,4085,2910],{"class":1595},[1589,4087,2913],{"class":1887},[1589,4089,2916],{"class":1653},[1589,4091,4092,4094,4096,4098,4100,4102,4104,4106],{"class":1591,"line":2403},[1589,4093,2921],{"class":1595},[1589,4095,2924],{"class":2299},[1589,4097,1865],{"class":1595},[1589,4099,2929],{"class":2299},[1589,4101,2327],{"class":1595},[1589,4103,2934],{"class":1613},[1589,4105,2937],{"class":1653},[1589,4107,2940],{"class":1595},[1589,4109,4110,4112,4114,4116],{"class":1591,"line":2415},[1589,4111,2945],{"class":1599},[1589,4113,1853],{"class":1595},[1589,4115,2950],{"class":1653},[1589,4117,2953],{"class":1595},[1589,4119,4120,4122,4124,4126,4128,4130,4132],{"class":1591,"line":2427},[1589,4121,2958],{"class":1599},[1589,4123,1853],{"class":1595},[1589,4125,2950],{"class":1653},[1589,4127,2910],{"class":1595},[1589,4129,2967],{"class":1887},[1589,4131,2970],{"class":1653},[1589,4133,2953],{"class":1595},[1589,4135,4136,4138,4140,4142,4144],{"class":1591,"line":2439},[1589,4137,2977],{"class":1599},[1589,4139,1853],{"class":1595},[1589,4141,1888],{"class":1887},[1589,4143,2984],{"class":1653},[1589,4145,2953],{"class":1595},[1589,4147,4148,4150,4152],{"class":1591,"line":2461},[1589,4149,2991],{"class":1595},[1589,4151,2327],{"class":1653},[1589,4153,2953],{"class":1595},[1589,4155,4156],{"class":1591,"line":2473},[1589,4157,3000],{"class":1653},[1589,4159,4160],{"class":1591,"line":2496},[1589,4161,1675],{"emptyLinePlaceholder":1674},[1589,4163,4164,4166,4168,4170,4172,4174,4176,4178],{"class":1591,"line":2502},[1589,4165,2292],{"class":1613},[1589,4167,1888],{"class":1887},[1589,4169,1891],{"class":1595},[1589,4171,3413],{"class":2299},[1589,4173,1853],{"class":1595},[1589,4175,3066],{"class":2305},[1589,4177,2327],{"class":1595},[1589,4179,2330],{"class":1595},[1589,4181,4182,4184],{"class":1591,"line":3049},[1589,4183,2336],{"class":1613},[1589,4185,2339],{"class":1653},[1589,4187,4188,4190,4192,4194],{"class":1591,"line":3075},[1589,4189,2345],{"class":1595},[1589,4191,2348],{"class":1595},[1589,4193,2351],{"class":1623},[1589,4195,2354],{"class":1595},[1589,4197,4198,4200,4202,4205,4207,4209,4211,4214,4216,4219,4221,4223,4225,4227,4230],{"class":1591,"line":3092},[1589,4199,2360],{"class":1595},[1589,4201,2348],{"class":1595},[1589,4203,4204],{"class":1623},"\u003Ccircle cx=\"40\" cy=\"40\" r=\"34\" fill=\"hsl(",[1589,4206,2380],{"class":1595},[1589,4208,3454],{"class":1653},[1589,4210,3457],{"class":1595},[1589,4212,4213],{"class":2800}," 58",[1589,4215,3280],{"class":1595},[1589,4217,4218],{"class":2800}," 196",[1589,4220,1919],{"class":1653},[1589,4222,3180],{"class":1595},[1589,4224,3133],{"class":2800},[1589,4226,2385],{"class":1595},[1589,4228,4229],{"class":1623}," 72% 58%)\"\u002F>",[1589,4231,2354],{"class":1595},[1589,4233,4234,4236,4238,4241],{"class":1591,"line":3097},[1589,4235,2360],{"class":1595},[1589,4237,2348],{"class":1595},[1589,4239,4240],{"class":1623},"\u003Ctext x=\"40\" y=\"50\" font-family=\"system-ui,sans-serif\" font-size=\"28\"",[1589,4242,2354],{"class":1595},[1589,4244,4245,4247,4249,4252,4254,4257,4259,4262,4264,4266],{"class":1591,"line":3102},[1589,4246,2360],{"class":1595},[1589,4248,2348],{"class":1595},[1589,4250,4251],{"class":1623}," font-weight=\"600\" fill=\"white\" fill-opacity=\".92\" text-anchor=\"middle\">",[1589,4253,2380],{"class":1595},[1589,4255,4256],{"class":1653},"index ",[1589,4258,3173],{"class":1595},[1589,4260,4261],{"class":2800}," 1",[1589,4263,2385],{"class":1595},[1589,4265,2456],{"class":1623},[1589,4267,2354],{"class":1595},[1589,4269,4270,4272,4274,4276],{"class":1591,"line":3123},[1589,4271,2360],{"class":1595},[1589,4273,2348],{"class":1595},[1589,4275,2468],{"class":1623},[1589,4277,2354],{"class":1595},[1589,4279,4280,4282,4284,4286,4288,4290,4292],{"class":1591,"line":3147},[1589,4281,2477],{"class":2476},[1589,4283,2348],{"class":1595},[1589,4285,2482],{"class":1623},[1589,4287,2380],{"class":1595},[1589,4289,2487],{"class":1887},[1589,4291,2490],{"class":1653},[1589,4293,2493],{"class":1595},[1589,4295,4296],{"class":1591,"line":3186},[1589,4297,2499],{"class":1595},[1589,4299,4300,4302,4304],{"class":1591,"line":3212},[1589,4301,1726],{"class":1595},[1589,4303,1810],{"class":1599},[1589,4305,1602],{"class":1595},[1556,4307,4309],{"id":4308},"controlled-rotation","Controlled rotation",[1544,4311,4312,4313,4315,4316,4318],{},"Pass ",[1551,4314,2585],{}," to own the angle yourself. The wheel still runs its own tweens —\nit reports the value it computed through ",[1551,4317,3638],{}," and renders whatever\nyou give back. If you ignore the event, the tiles visibly do not move even\nthough the internal gesture tracking ran.",[1560,4320,4321,4326],{"label":1562},[1564,4322,1571,4324],{"className":4323},[1567,1568,1569,1570],[1573,4325],{"name":2524},[1577,4327,4328],{"v-slot:code":1579},[1581,4329,4330],{"className":1583,"code":2529,"language":1585,"meta":1579,"style":1579},[1551,4331,4332,4340,4358,4364,4378,4392,4396,4410,4414,4418,4436,4466,4470,4496,4504,4508,4514,4526,4538,4550,4562,4580,4584,4592,4600,4604,4624,4688,4706,4716,4732,4744,4752,4756,4760,4764,4768,4772,4776,4792,4796,4818,4830,4834,4838,4856,4874,4906,4926,4940,4964,4990,5018,5034,5042,5054,5058,5064,5070,5076,5080,5098,5104,5114,5146,5156,5166,5182,5186],{"__ignoreMap":1579},[1589,4333,4334,4336,4338],{"class":1591,"line":1592},[1589,4335,1596],{"class":1595},[1589,4337,1577],{"class":1599},[1589,4339,1602],{"class":1595},[1589,4341,4342,4344,4346,4348,4350,4352,4354,4356],{"class":1591,"line":1605},[1589,4343,1608],{"class":1595},[1589,4345,1564],{"class":1599},[1589,4347,1614],{"class":1613},[1589,4349,1617],{"class":1595},[1589,4351,1620],{"class":1595},[1589,4353,2554],{"class":1623},[1589,4355,1620],{"class":1595},[1589,4357,1602],{"class":1595},[1589,4359,4360,4362],{"class":1591,"line":1631},[1589,4361,1634],{"class":1595},[1589,4363,1637],{"class":1599},[1589,4365,4366,4368,4370,4372,4374,4376],{"class":1591,"line":1640},[1589,4367,1643],{"class":1595},[1589,4369,1646],{"class":1613},[1589,4371,1617],{"class":1595},[1589,4373,1620],{"class":1595},[1589,4375,1646],{"class":1653},[1589,4377,1656],{"class":1595},[1589,4379,4380,4382,4384,4386,4388,4390],{"class":1591,"line":1659},[1589,4381,1643],{"class":1595},[1589,4383,2585],{"class":1613},[1589,4385,1617],{"class":1595},[1589,4387,1620],{"class":1595},[1589,4389,2585],{"class":1653},[1589,4391,1656],{"class":1595},[1589,4393,4394],{"class":1591,"line":1665},[1589,4395,1662],{"class":1613},[1589,4397,4398,4400,4402,4404,4406,4408],{"class":1591,"line":1671},[1589,4399,2602],{"class":1595},[1589,4401,2605],{"class":1613},[1589,4403,1617],{"class":1595},[1589,4405,1620],{"class":1595},[1589,4407,2612],{"class":1653},[1589,4409,1656],{"class":1595},[1589,4411,4412],{"class":1591,"line":1678},[1589,4413,1668],{"class":1595},[1589,4415,4416],{"class":1591,"line":1698},[1589,4417,1675],{"emptyLinePlaceholder":1674},[1589,4419,4420,4422,4424,4426,4428,4430,4432,4434],{"class":1591,"line":1733},[1589,4421,1634],{"class":1595},[1589,4423,1544],{"class":1599},[1589,4425,1614],{"class":1613},[1589,4427,1617],{"class":1595},[1589,4429,1620],{"class":1595},[1589,4431,1691],{"class":1623},[1589,4433,1620],{"class":1595},[1589,4435,1602],{"class":1595},[1589,4437,4438,4440,4442,4444,4446,4448,4450,4452,4454,4456,4458,4460,4462,4464],{"class":1591,"line":1765},[1589,4439,2645],{"class":1653},[1589,4441,1596],{"class":1595},[1589,4443,1589],{"class":1599},[1589,4445,1614],{"class":1613},[1589,4447,1617],{"class":1595},[1589,4449,1620],{"class":1595},[1589,4451,2658],{"class":1623},[1589,4453,1620],{"class":1595},[1589,4455,1720],{"class":1595},[1589,4457,2665],{"class":1653},[1589,4459,1726],{"class":1595},[1589,4461,1589],{"class":1599},[1589,4463,1720],{"class":1595},[1589,4465,2674],{"class":1653},[1589,4467,4468],{"class":1591,"line":1771},[1589,4469,2679],{"class":1653},[1589,4471,4472,4474,4476,4478,4480,4482,4484,4486,4488,4490,4492,4494],{"class":1591,"line":1781},[1589,4473,1736],{"class":1595},[1589,4475,1589],{"class":1599},[1589,4477,1614],{"class":1613},[1589,4479,1617],{"class":1595},[1589,4481,1620],{"class":1595},[1589,4483,2658],{"class":1623},[1589,4485,1620],{"class":1595},[1589,4487,1720],{"class":1595},[1589,4489,2700],{"class":1653},[1589,4491,1726],{"class":1595},[1589,4493,1589],{"class":1599},[1589,4495,1602],{"class":1595},[1589,4497,4498,4500,4502],{"class":1591,"line":1791},[1589,4499,1774],{"class":1595},[1589,4501,1544],{"class":1599},[1589,4503,1602],{"class":1595},[1589,4505,4506],{"class":1591,"line":1800},[1589,4507,1675],{"emptyLinePlaceholder":1674},[1589,4509,4510,4512],{"class":1591,"line":1805},[1589,4511,1634],{"class":1595},[1589,4513,2725],{"class":1599},[1589,4515,4516,4518,4520,4522,4524],{"class":1591,"line":1830},[1589,4517,2730],{"class":1613},[1589,4519,1617],{"class":1595},[1589,4521,1620],{"class":1595},[1589,4523,2737],{"class":1623},[1589,4525,1656],{"class":1595},[1589,4527,4528,4530,4532,4534,4536],{"class":1591,"line":1844},[1589,4529,2744],{"class":1613},[1589,4531,1617],{"class":1595},[1589,4533,1620],{"class":1595},[1589,4535,2751],{"class":1623},[1589,4537,1656],{"class":1595},[1589,4539,4540,4542,4544,4546,4548],{"class":1591,"line":1925},[1589,4541,2758],{"class":1613},[1589,4543,1617],{"class":1595},[1589,4545,1620],{"class":1595},[1589,4547,2765],{"class":1623},[1589,4549,1656],{"class":1595},[1589,4551,4552,4554,4556,4558,4560],{"class":1591,"line":1993},[1589,4553,2772],{"class":1613},[1589,4555,1617],{"class":1595},[1589,4557,1620],{"class":1595},[1589,4559,2779],{"class":1623},[1589,4561,1656],{"class":1595},[1589,4563,4564,4566,4568,4570,4572,4574,4576,4578],{"class":1591,"line":2061},[1589,4565,2602],{"class":1595},[1589,4567,2788],{"class":1613},[1589,4569,1617],{"class":1595},[1589,4571,1620],{"class":1595},[1589,4573,2585],{"class":1653},[1589,4575,2797],{"class":1595},[1589,4577,2801],{"class":2800},[1589,4579,1656],{"class":1595},[1589,4581,4582],{"class":1591,"line":2129},[1589,4583,1668],{"class":1595},[1589,4585,4586,4588,4590],{"class":1591,"line":2197},[1589,4587,1784],{"class":1595},[1589,4589,1564],{"class":1599},[1589,4591,1602],{"class":1595},[1589,4593,4594,4596,4598],{"class":1591,"line":2265},[1589,4595,1726],{"class":1595},[1589,4597,1577],{"class":1599},[1589,4599,1602],{"class":1595},[1589,4601,4602],{"class":1591,"line":2271},[1589,4603,1675],{"emptyLinePlaceholder":1674},[1589,4605,4606,4608,4610,4612,4614,4616,4618,4620,4622],{"class":1591,"line":2276},[1589,4607,1596],{"class":1595},[1589,4609,1810],{"class":1599},[1589,4611,1813],{"class":1613},[1589,4613,1816],{"class":1613},[1589,4615,1617],{"class":1595},[1589,4617,1620],{"class":1595},[1589,4619,1823],{"class":1623},[1589,4621,1620],{"class":1595},[1589,4623,1602],{"class":1595},[1589,4625,4626,4628,4630,4632,4634,4636,4638,4640,4642,4644,4646,4648,4650,4652,4654,4656,4658,4660,4662,4664,4666,4668,4670,4672,4674,4676,4678,4680,4682,4684,4686],{"class":1591,"line":2283},[1589,4627,1833],{"class":1613},[1589,4629,1836],{"class":1653},[1589,4631,1617],{"class":1595},[1589,4633,2858],{"class":1653},[1589,4635,1862],{"class":1595},[1589,4637,1859],{"class":1623},[1589,4639,1862],{"class":1595},[1589,4641,1865],{"class":1595},[1589,4643,1856],{"class":1595},[1589,4645,1936],{"class":1623},[1589,4647,1862],{"class":1595},[1589,4649,1865],{"class":1595},[1589,4651,1856],{"class":1595},[1589,4653,2004],{"class":1623},[1589,4655,1862],{"class":1595},[1589,4657,1865],{"class":1595},[1589,4659,1856],{"class":1595},[1589,4661,2072],{"class":1623},[1589,4663,1862],{"class":1595},[1589,4665,1865],{"class":1595},[1589,4667,1856],{"class":1595},[1589,4669,2140],{"class":1623},[1589,4671,1862],{"class":1595},[1589,4673,1865],{"class":1595},[1589,4675,1856],{"class":1595},[1589,4677,2208],{"class":1623},[1589,4679,1862],{"class":1595},[1589,4681,2907],{"class":1653},[1589,4683,2910],{"class":1595},[1589,4685,2913],{"class":1887},[1589,4687,2916],{"class":1653},[1589,4689,4690,4692,4694,4696,4698,4700,4702,4704],{"class":1591,"line":2289},[1589,4691,2921],{"class":1595},[1589,4693,2924],{"class":2299},[1589,4695,1865],{"class":1595},[1589,4697,2929],{"class":2299},[1589,4699,2327],{"class":1595},[1589,4701,2934],{"class":1613},[1589,4703,2937],{"class":1653},[1589,4705,2940],{"class":1595},[1589,4707,4708,4710,4712,4714],{"class":1591,"line":2333},[1589,4709,2945],{"class":1599},[1589,4711,1853],{"class":1595},[1589,4713,2950],{"class":1653},[1589,4715,2953],{"class":1595},[1589,4717,4718,4720,4722,4724,4726,4728,4730],{"class":1591,"line":2342},[1589,4719,2958],{"class":1599},[1589,4721,1853],{"class":1595},[1589,4723,2950],{"class":1653},[1589,4725,2910],{"class":1595},[1589,4727,2967],{"class":1887},[1589,4729,2970],{"class":1653},[1589,4731,2953],{"class":1595},[1589,4733,4734,4736,4738,4740,4742],{"class":1591,"line":2357},[1589,4735,2977],{"class":1599},[1589,4737,1853],{"class":1595},[1589,4739,1888],{"class":1887},[1589,4741,2984],{"class":1653},[1589,4743,2953],{"class":1595},[1589,4745,4746,4748,4750],{"class":1591,"line":2370},[1589,4747,2991],{"class":1595},[1589,4749,2327],{"class":1653},[1589,4751,2953],{"class":1595},[1589,4753,4754],{"class":1591,"line":2403},[1589,4755,3000],{"class":1653},[1589,4757,4758],{"class":1591,"line":2415},[1589,4759,1675],{"emptyLinePlaceholder":1674},[1589,4761,4762],{"class":1591,"line":2427},[1589,4763,3009],{"class":2279},[1589,4765,4766],{"class":1591,"line":2439},[1589,4767,3014],{"class":2279},[1589,4769,4770],{"class":1591,"line":2461},[1589,4771,3019],{"class":2279},[1589,4773,4774],{"class":1591,"line":2473},[1589,4775,3024],{"class":2279},[1589,4777,4778,4780,4782,4784,4786,4788,4790],{"class":1591,"line":2496},[1589,4779,1833],{"class":1613},[1589,4781,3031],{"class":1653},[1589,4783,1617],{"class":1595},[1589,4785,3036],{"class":1887},[1589,4787,1891],{"class":1653},[1589,4789,2801],{"class":2800},[1589,4791,3000],{"class":1653},[1589,4793,4794],{"class":1591,"line":2502},[1589,4795,1675],{"emptyLinePlaceholder":1674},[1589,4797,4798,4800,4802,4804,4806,4808,4810,4812,4814,4816],{"class":1591,"line":3049},[1589,4799,1833],{"class":1613},[1589,4801,3054],{"class":1653},[1589,4803,1617],{"class":1595},[1589,4805,2937],{"class":1595},[1589,4807,3061],{"class":2299},[1589,4809,1853],{"class":1595},[1589,4811,3066],{"class":2305},[1589,4813,2327],{"class":1595},[1589,4815,2934],{"class":1613},[1589,4817,2330],{"class":1595},[1589,4819,4820,4822,4824,4826,4828],{"class":1591,"line":3075},[1589,4821,3078],{"class":1653},[1589,4823,2910],{"class":1595},[1589,4825,3083],{"class":1653},[1589,4827,3086],{"class":1595},[1589,4829,3089],{"class":1653},[1589,4831,4832],{"class":1591,"line":3092},[1589,4833,2499],{"class":1595},[1589,4835,4836],{"class":1591,"line":3097},[1589,4837,1675],{"emptyLinePlaceholder":1674},[1589,4839,4840,4842,4844,4846,4848,4850,4852,4854],{"class":1591,"line":3102},[1589,4841,1833],{"class":1613},[1589,4843,3107],{"class":1653},[1589,4845,1617],{"class":1595},[1589,4847,3112],{"class":1887},[1589,4849,1891],{"class":1653},[1589,4851,2970],{"class":1595},[1589,4853,2934],{"class":1613},[1589,4855,2330],{"class":1595},[1589,4857,4858,4860,4862,4864,4866,4868,4870,4872],{"class":1591,"line":3123},[1589,4859,2336],{"class":1613},[1589,4861,3128],{"class":1653},[1589,4863,3086],{"class":1595},[1589,4865,3133],{"class":2800},[1589,4867,3136],{"class":1595},[1589,4869,3139],{"class":1653},[1589,4871,2910],{"class":1595},[1589,4873,3144],{"class":1653},[1589,4875,4876,4878,4880,4882,4884,4886,4888,4890,4892,4894,4896,4898,4900,4902,4904],{"class":1591,"line":3147},[1589,4877,2336],{"class":1613},[1589,4879,3152],{"class":1653},[1589,4881,3086],{"class":1595},[1589,4883,3157],{"class":1599},[1589,4885,2585],{"class":1653},[1589,4887,2910],{"class":1595},[1589,4889,3083],{"class":1653},[1589,4891,3166],{"class":1595},[1589,4893,3133],{"class":2800},[1589,4895,1919],{"class":1599},[1589,4897,3173],{"class":1595},[1589,4899,3133],{"class":2800},[1589,4901,1919],{"class":1599},[1589,4903,3180],{"class":1595},[1589,4905,3183],{"class":2800},[1589,4907,4908,4910,4912,4914,4916,4918,4920,4922,4924],{"class":1591,"line":3186},[1589,4909,3189],{"class":1613},[1589,4911,3192],{"class":1653},[1589,4913,3086],{"class":1595},[1589,4915,3139],{"class":1653},[1589,4917,3199],{"class":1599},[1589,4919,2801],{"class":2800},[1589,4921,2907],{"class":1599},[1589,4923,3206],{"class":1595},[1589,4925,3209],{"class":1653},[1589,4927,4928,4930,4932,4934,4936,4938],{"class":1591,"line":3212},[1589,4929,3189],{"class":1613},[1589,4931,3217],{"class":1653},[1589,4933,3086],{"class":1595},[1589,4935,3222],{"class":1653},[1589,4937,2910],{"class":1595},[1589,4939,3227],{"class":1599},[1589,4941,4942,4944,4946,4948,4950,4952,4954,4956,4958,4960,4962],{"class":1591,"line":3230},[1589,4943,3233],{"class":1653},[1589,4945,2910],{"class":1595},[1589,4947,3238],{"class":1887},[1589,4949,1891],{"class":1599},[1589,4951,1891],{"class":1595},[1589,4953,3245],{"class":2299},[1589,4955,1865],{"class":1595},[1589,4957,3250],{"class":2299},[1589,4959,2327],{"class":1595},[1589,4961,2934],{"class":1613},[1589,4963,2330],{"class":1595},[1589,4965,4966,4968,4970,4972,4974,4976,4978,4980,4982,4984,4986,4988],{"class":1591,"line":3259},[1589,4967,3262],{"class":1613},[1589,4969,3265],{"class":1653},[1589,4971,3086],{"class":1595},[1589,4973,2937],{"class":1599},[1589,4975,3272],{"class":1653},[1589,4977,3275],{"class":1595},[1589,4979,3128],{"class":1653},[1589,4981,3280],{"class":1595},[1589,4983,3152],{"class":1653},[1589,4985,1919],{"class":1599},[1589,4987,3180],{"class":1595},[1589,4989,3183],{"class":2800},[1589,4991,4992,4994,4996,4998,5000,5002,5004,5006,5008,5010,5012,5014,5016],{"class":1591,"line":3291},[1589,4993,3262],{"class":1613},[1589,4995,3296],{"class":1653},[1589,4997,3086],{"class":1595},[1589,4999,3301],{"class":1653},[1589,5001,2910],{"class":1595},[1589,5003,3306],{"class":1887},[1589,5005,1891],{"class":1599},[1589,5007,3311],{"class":1653},[1589,5009,1865],{"class":1595},[1589,5011,3133],{"class":2800},[1589,5013,3318],{"class":1595},[1589,5015,3265],{"class":1653},[1589,5017,3000],{"class":1599},[1589,5019,5020,5022,5024,5026,5028,5030,5032],{"class":1591,"line":3325},[1589,5021,3328],{"class":2476},[1589,5023,2937],{"class":1599},[1589,5025,3333],{"class":1653},[1589,5027,3336],{"class":1595},[1589,5029,3217],{"class":1653},[1589,5031,1919],{"class":1599},[1589,5033,2940],{"class":1595},[1589,5035,5036,5038,5040],{"class":1591,"line":3345},[1589,5037,3348],{"class":1653},[1589,5039,3086],{"class":1595},[1589,5041,3353],{"class":1653},[1589,5043,5044,5046,5048,5050,5052],{"class":1591,"line":3356},[1589,5045,3359],{"class":1653},[1589,5047,3086],{"class":1595},[1589,5049,3364],{"class":1653},[1589,5051,2910],{"class":1595},[1589,5053,3209],{"class":1653},[1589,5055,5056],{"class":1591,"line":3371},[1589,5057,3374],{"class":1595},[1589,5059,5060,5062],{"class":1591,"line":3377},[1589,5061,2991],{"class":1595},[1589,5063,3000],{"class":1599},[1589,5065,5066,5068],{"class":1591,"line":3384},[1589,5067,2477],{"class":2476},[1589,5069,3389],{"class":1653},[1589,5071,5072,5074],{"class":1591,"line":3392},[1589,5073,2385],{"class":1595},[1589,5075,3000],{"class":1653},[1589,5077,5078],{"class":1591,"line":3399},[1589,5079,1675],{"emptyLinePlaceholder":1674},[1589,5081,5082,5084,5086,5088,5090,5092,5094,5096],{"class":1591,"line":3404},[1589,5083,2292],{"class":1613},[1589,5085,1888],{"class":1887},[1589,5087,1891],{"class":1595},[1589,5089,3413],{"class":2299},[1589,5091,1853],{"class":1595},[1589,5093,3066],{"class":2305},[1589,5095,2327],{"class":1595},[1589,5097,2330],{"class":1595},[1589,5099,5100,5102],{"class":1591,"line":3424},[1589,5101,2336],{"class":1613},[1589,5103,2339],{"class":1653},[1589,5105,5106,5108,5110,5112],{"class":1591,"line":3431},[1589,5107,2345],{"class":1595},[1589,5109,2348],{"class":1595},[1589,5111,2351],{"class":1623},[1589,5113,2354],{"class":1595},[1589,5115,5116,5118,5120,5122,5124,5126,5128,5130,5132,5134,5136,5138,5140,5142,5144],{"class":1591,"line":3442},[1589,5117,2360],{"class":1595},[1589,5119,2348],{"class":1595},[1589,5121,3449],{"class":1623},[1589,5123,2380],{"class":1595},[1589,5125,3454],{"class":1653},[1589,5127,3457],{"class":1595},[1589,5129,3460],{"class":2800},[1589,5131,3280],{"class":1595},[1589,5133,3465],{"class":2800},[1589,5135,1919],{"class":1653},[1589,5137,3180],{"class":1595},[1589,5139,3133],{"class":2800},[1589,5141,2385],{"class":1595},[1589,5143,3476],{"class":1623},[1589,5145,2354],{"class":1595},[1589,5147,5148,5150,5152,5154],{"class":1591,"line":3481},[1589,5149,2360],{"class":1595},[1589,5151,2348],{"class":1595},[1589,5153,3488],{"class":1623},[1589,5155,2354],{"class":1595},[1589,5157,5158,5160,5162,5164],{"class":1591,"line":3493},[1589,5159,2360],{"class":1595},[1589,5161,2348],{"class":1595},[1589,5163,2468],{"class":1623},[1589,5165,2354],{"class":1595},[1589,5167,5168,5170,5172,5174,5176,5178,5180],{"class":1591,"line":3504},[1589,5169,2477],{"class":2476},[1589,5171,2348],{"class":1595},[1589,5173,2482],{"class":1623},[1589,5175,2380],{"class":1595},[1589,5177,2487],{"class":1887},[1589,5179,2490],{"class":1653},[1589,5181,2493],{"class":1595},[1589,5183,5184],{"class":1591,"line":3521},[1589,5185,2499],{"class":1595},[1589,5187,5188,5190,5192],{"class":1591,"line":3526},[1589,5189,1726],{"class":1595},[1589,5191,1810],{"class":1599},[1589,5193,1602],{"class":1595},[1556,5195,5197],{"id":5196},"face-outward","Face outward",[1544,5199,5200,5202,5203,5205],{},[1551,5201,5196],{}," rotates each thumbnail by its own angle, so the ring reads as a\nferris wheel rather than a flat carousel. Combine it with a smaller ",[1551,5204,3585],{}," and\nmore items to see the effect properly.",[1560,5207,5208,5214],{"label":1562},[1564,5209,1571,5211],{"className":5210},[1567,1568,1569,1570],[1573,5212],{"name":5213},"orbital-image-wheel-face-outward",[1577,5215,5216],{"v-slot:code":1579},[1581,5217,5219],{"className":1583,"code":5218,"language":1585,"meta":1579,"style":1579},"\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-wrap items-center justify-center gap-12 py-6\">\n    \u003Cdiv\n      v-for=\"preset in presets\"\n      :key=\"preset.name\"\n      class=\"flex flex-col items-center gap-3\"\n    >\n      \u003CMOrbitalImageWheel\n        face-outward\n        :items=\"preset.items\"\n        :radius=\"preset.radius\"\n        snap\n      \u002F>\n      \u003Cspan class=\"text-xs text-muted\">\n        {{ preset.name }} · r={{ preset.radius }} ·\n        {{ preset.items.length }} items\n      \u003C\u002Fspan>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\n\u002F\u002F `face-outward` rotates each thumbnail by its own angle, so the images tilt\n\u002F\u002F away from the centre like ferris-wheel gondolas. The wheel's box is always\n\u002F\u002F `radius * 2 + 80` — the fixed 80 is the thumbnail diameter, which is\n\u002F\u002F deliberately not configurable.\nconst presets = [\n  { name: 'gondola', radius: 120, count: 6 },\n  { name: 'tight ring', radius: 90, count: 10 },\n  { name: 'single', radius: 100, count: 1 },\n].map(preset => ({\n  name: preset.name,\n  radius: preset.radius,\n  items: Array.from({ length: preset.count }, (_, index) => ({\n    alt: `Item ${index + 1}`,\n    id: `${preset.name}-${index}`,\n    image: swatch(index, preset.radius),\n  })),\n}))\n\nfunction swatch(index: number, radius: number) {\n  const svg\n    = `\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"80\" height=\"80\">`\n      + `\u003Crect width=\"80\" height=\"80\" fill=\"hsl(${(index * 61 + radius) % 360} 64% 52%)\"\u002F>`\n      + `\u003Cpath d=\"M20 60 L40 22 L60 60 Z\" fill=\"white\" fill-opacity=\".82\"\u002F>`\n      + `\u003C\u002Fsvg>`\n  return `data:image\u002Fsvg+xml,${encodeURIComponent(svg)}`\n}\n\u003C\u002Fscript>\n",[1551,5220,5221,5229,5248,5255,5269,5283,5297,5302,5308,5313,5333,5351,5356,5361,5379,5384,5389,5397,5405,5413,5421,5425,5445,5450,5455,5460,5465,5476,5514,5549,5583,5601,5617,5632,5682,5706,5733,5755,5764,5771,5775,5801,5807,5817,5851,5862,5872,5888,5892],{"__ignoreMap":1579},[1589,5222,5223,5225,5227],{"class":1591,"line":1592},[1589,5224,1596],{"class":1595},[1589,5226,1577],{"class":1599},[1589,5228,1602],{"class":1595},[1589,5230,5231,5233,5235,5237,5239,5241,5244,5246],{"class":1591,"line":1605},[1589,5232,1608],{"class":1595},[1589,5234,1564],{"class":1599},[1589,5236,1614],{"class":1613},[1589,5238,1617],{"class":1595},[1589,5240,1620],{"class":1595},[1589,5242,5243],{"class":1623},"flex flex-wrap items-center justify-center gap-12 py-6",[1589,5245,1620],{"class":1595},[1589,5247,1602],{"class":1595},[1589,5249,5250,5252],{"class":1591,"line":1631},[1589,5251,1634],{"class":1595},[1589,5253,5254],{"class":1599},"div\n",[1589,5256,5257,5260,5262,5264,5267],{"class":1591,"line":1640},[1589,5258,5259],{"class":1613},"      v-for",[1589,5261,1617],{"class":1595},[1589,5263,1620],{"class":1595},[1589,5265,5266],{"class":1623},"preset in presets",[1589,5268,1656],{"class":1595},[1589,5270,5271,5274,5276,5278,5281],{"class":1591,"line":1659},[1589,5272,5273],{"class":1613},"      :key",[1589,5275,1617],{"class":1595},[1589,5277,1620],{"class":1595},[1589,5279,5280],{"class":1623},"preset.name",[1589,5282,1656],{"class":1595},[1589,5284,5285,5288,5290,5292,5295],{"class":1591,"line":1665},[1589,5286,5287],{"class":1613},"      class",[1589,5289,1617],{"class":1595},[1589,5291,1620],{"class":1595},[1589,5293,5294],{"class":1623},"flex flex-col items-center gap-3",[1589,5296,1656],{"class":1595},[1589,5298,5299],{"class":1591,"line":1671},[1589,5300,5301],{"class":1595},"    >\n",[1589,5303,5304,5306],{"class":1591,"line":1678},[1589,5305,1736],{"class":1595},[1589,5307,1637],{"class":1599},[1589,5309,5310],{"class":1591,"line":1698},[1589,5311,5312],{"class":1613},"        face-outward\n",[1589,5314,5315,5318,5320,5322,5324,5327,5329,5331],{"class":1591,"line":1733},[1589,5316,5317],{"class":1595},"        :",[1589,5319,1646],{"class":1613},[1589,5321,1617],{"class":1595},[1589,5323,1620],{"class":1595},[1589,5325,5326],{"class":1653},"preset",[1589,5328,2910],{"class":1595},[1589,5330,1646],{"class":1653},[1589,5332,1656],{"class":1595},[1589,5334,5335,5337,5339,5341,5343,5345,5347,5349],{"class":1591,"line":1765},[1589,5336,5317],{"class":1595},[1589,5338,3585],{"class":1613},[1589,5340,1617],{"class":1595},[1589,5342,1620],{"class":1595},[1589,5344,5326],{"class":1653},[1589,5346,2910],{"class":1595},[1589,5348,3585],{"class":1653},[1589,5350,1656],{"class":1595},[1589,5352,5353],{"class":1591,"line":1771},[1589,5354,5355],{"class":1613},"        snap\n",[1589,5357,5358],{"class":1591,"line":1781},[1589,5359,5360],{"class":1595},"      \u002F>\n",[1589,5362,5363,5365,5367,5369,5371,5373,5375,5377],{"class":1591,"line":1791},[1589,5364,1736],{"class":1595},[1589,5366,1589],{"class":1599},[1589,5368,1614],{"class":1613},[1589,5370,1617],{"class":1595},[1589,5372,1620],{"class":1595},[1589,5374,1691],{"class":1623},[1589,5376,1620],{"class":1595},[1589,5378,1602],{"class":1595},[1589,5380,5381],{"class":1591,"line":1800},[1589,5382,5383],{"class":1653},"        {{ preset.name }} · r={{ preset.radius }} ·\n",[1589,5385,5386],{"class":1591,"line":1805},[1589,5387,5388],{"class":1653},"        {{ preset.items.length }} items\n",[1589,5390,5391,5393,5395],{"class":1591,"line":1830},[1589,5392,3915],{"class":1595},[1589,5394,1589],{"class":1599},[1589,5396,1602],{"class":1595},[1589,5398,5399,5401,5403],{"class":1591,"line":1844},[1589,5400,1774],{"class":1595},[1589,5402,1564],{"class":1599},[1589,5404,1602],{"class":1595},[1589,5406,5407,5409,5411],{"class":1591,"line":1925},[1589,5408,1784],{"class":1595},[1589,5410,1564],{"class":1599},[1589,5412,1602],{"class":1595},[1589,5414,5415,5417,5419],{"class":1591,"line":1993},[1589,5416,1726],{"class":1595},[1589,5418,1577],{"class":1599},[1589,5420,1602],{"class":1595},[1589,5422,5423],{"class":1591,"line":2061},[1589,5424,1675],{"emptyLinePlaceholder":1674},[1589,5426,5427,5429,5431,5433,5435,5437,5439,5441,5443],{"class":1591,"line":2129},[1589,5428,1596],{"class":1595},[1589,5430,1810],{"class":1599},[1589,5432,1813],{"class":1613},[1589,5434,1816],{"class":1613},[1589,5436,1617],{"class":1595},[1589,5438,1620],{"class":1595},[1589,5440,1823],{"class":1623},[1589,5442,1620],{"class":1595},[1589,5444,1602],{"class":1595},[1589,5446,5447],{"class":1591,"line":2197},[1589,5448,5449],{"class":2279},"\u002F\u002F `face-outward` rotates each thumbnail by its own angle, so the images tilt\n",[1589,5451,5452],{"class":1591,"line":2265},[1589,5453,5454],{"class":2279},"\u002F\u002F away from the centre like ferris-wheel gondolas. The wheel's box is always\n",[1589,5456,5457],{"class":1591,"line":2271},[1589,5458,5459],{"class":2279},"\u002F\u002F `radius * 2 + 80` — the fixed 80 is the thumbnail diameter, which is\n",[1589,5461,5462],{"class":1591,"line":2276},[1589,5463,5464],{"class":2279},"\u002F\u002F deliberately not configurable.\n",[1589,5466,5467,5469,5472,5474],{"class":1591,"line":2283},[1589,5468,1833],{"class":1613},[1589,5470,5471],{"class":1653}," presets ",[1589,5473,1617],{"class":1595},[1589,5475,1841],{"class":1653},[1589,5477,5478,5480,5482,5484,5486,5489,5491,5493,5496,5498,5501,5503,5506,5508,5511],{"class":1591,"line":2289},[1589,5479,1847],{"class":1595},[1589,5481,2950],{"class":1599},[1589,5483,1853],{"class":1595},[1589,5485,1856],{"class":1595},[1589,5487,5488],{"class":1623},"gondola",[1589,5490,1862],{"class":1595},[1589,5492,1865],{"class":1595},[1589,5494,5495],{"class":1599}," radius",[1589,5497,1853],{"class":1595},[1589,5499,5500],{"class":2800}," 120",[1589,5502,1865],{"class":1595},[1589,5504,5505],{"class":1599}," count",[1589,5507,1853],{"class":1595},[1589,5509,5510],{"class":2800}," 6",[1589,5512,5513],{"class":1595}," },\n",[1589,5515,5516,5518,5520,5522,5524,5527,5529,5531,5533,5535,5538,5540,5542,5544,5547],{"class":1591,"line":2333},[1589,5517,1847],{"class":1595},[1589,5519,2950],{"class":1599},[1589,5521,1853],{"class":1595},[1589,5523,1856],{"class":1595},[1589,5525,5526],{"class":1623},"tight ring",[1589,5528,1862],{"class":1595},[1589,5530,1865],{"class":1595},[1589,5532,5495],{"class":1599},[1589,5534,1853],{"class":1595},[1589,5536,5537],{"class":2800}," 90",[1589,5539,1865],{"class":1595},[1589,5541,5505],{"class":1599},[1589,5543,1853],{"class":1595},[1589,5545,5546],{"class":2800}," 10",[1589,5548,5513],{"class":1595},[1589,5550,5551,5553,5555,5557,5559,5562,5564,5566,5568,5570,5573,5575,5577,5579,5581],{"class":1591,"line":2342},[1589,5552,1847],{"class":1595},[1589,5554,2950],{"class":1599},[1589,5556,1853],{"class":1595},[1589,5558,1856],{"class":1595},[1589,5560,5561],{"class":1623},"single",[1589,5563,1862],{"class":1595},[1589,5565,1865],{"class":1595},[1589,5567,5495],{"class":1599},[1589,5569,1853],{"class":1595},[1589,5571,5572],{"class":2800}," 100",[1589,5574,1865],{"class":1595},[1589,5576,5505],{"class":1599},[1589,5578,1853],{"class":1595},[1589,5580,4261],{"class":2800},[1589,5582,5513],{"class":1595},[1589,5584,5585,5587,5589,5591,5593,5595,5597,5599],{"class":1591,"line":2357},[1589,5586,2907],{"class":1653},[1589,5588,2910],{"class":1595},[1589,5590,2913],{"class":1887},[1589,5592,1891],{"class":1653},[1589,5594,5326],{"class":2299},[1589,5596,2934],{"class":1613},[1589,5598,2937],{"class":1653},[1589,5600,2940],{"class":1595},[1589,5602,5603,5606,5608,5611,5613,5615],{"class":1591,"line":2370},[1589,5604,5605],{"class":1599},"  name",[1589,5607,1853],{"class":1595},[1589,5609,5610],{"class":1653}," preset",[1589,5612,2910],{"class":1595},[1589,5614,2924],{"class":1653},[1589,5616,2953],{"class":1595},[1589,5618,5619,5622,5624,5626,5628,5630],{"class":1591,"line":2403},[1589,5620,5621],{"class":1599},"  radius",[1589,5623,1853],{"class":1595},[1589,5625,5610],{"class":1653},[1589,5627,2910],{"class":1595},[1589,5629,3585],{"class":1653},[1589,5631,2953],{"class":1595},[1589,5633,5634,5636,5638,5641,5643,5645,5647,5650,5653,5655,5657,5659,5662,5665,5667,5670,5672,5674,5676,5678,5680],{"class":1591,"line":2415},[1589,5635,3233],{"class":1599},[1589,5637,1853],{"class":1595},[1589,5639,5640],{"class":1653}," Array",[1589,5642,2910],{"class":1595},[1589,5644,2300],{"class":1887},[1589,5646,1891],{"class":1653},[1589,5648,5649],{"class":1595},"{",[1589,5651,5652],{"class":1599}," length",[1589,5654,1853],{"class":1595},[1589,5656,5610],{"class":1653},[1589,5658,2910],{"class":1595},[1589,5660,5661],{"class":1653},"count ",[1589,5663,5664],{"class":1595},"},",[1589,5666,2937],{"class":1595},[1589,5668,5669],{"class":2299},"_",[1589,5671,1865],{"class":1595},[1589,5673,2929],{"class":2299},[1589,5675,2327],{"class":1595},[1589,5677,2934],{"class":1613},[1589,5679,2937],{"class":1653},[1589,5681,2940],{"class":1595},[1589,5683,5684,5686,5688,5690,5693,5695,5697,5699,5701,5704],{"class":1591,"line":2427},[1589,5685,2945],{"class":1599},[1589,5687,1853],{"class":1595},[1589,5689,2348],{"class":1595},[1589,5691,5692],{"class":1623},"Item ",[1589,5694,2380],{"class":1595},[1589,5696,4256],{"class":1653},[1589,5698,3173],{"class":1595},[1589,5700,4261],{"class":2800},[1589,5702,5703],{"class":1595},"}`",[1589,5705,2953],{"class":1595},[1589,5707,5708,5710,5712,5715,5717,5719,5721,5723,5725,5727,5729,5731],{"class":1591,"line":2439},[1589,5709,2958],{"class":1599},[1589,5711,1853],{"class":1595},[1589,5713,5714],{"class":1595}," `${",[1589,5716,5326],{"class":1653},[1589,5718,2910],{"class":1595},[1589,5720,2924],{"class":1653},[1589,5722,2385],{"class":1595},[1589,5724,3855],{"class":1623},[1589,5726,2380],{"class":1595},[1589,5728,3413],{"class":1653},[1589,5730,5703],{"class":1595},[1589,5732,2953],{"class":1595},[1589,5734,5735,5737,5739,5741,5744,5746,5748,5750,5753],{"class":1591,"line":2461},[1589,5736,2977],{"class":1599},[1589,5738,1853],{"class":1595},[1589,5740,1888],{"class":1887},[1589,5742,5743],{"class":1653},"(index",[1589,5745,1865],{"class":1595},[1589,5747,5610],{"class":1653},[1589,5749,2910],{"class":1595},[1589,5751,5752],{"class":1653},"radius)",[1589,5754,2953],{"class":1595},[1589,5756,5757,5759,5762],{"class":1591,"line":2473},[1589,5758,2991],{"class":1595},[1589,5760,5761],{"class":1653},"))",[1589,5763,2953],{"class":1595},[1589,5765,5766,5768],{"class":1591,"line":2496},[1589,5767,2385],{"class":1595},[1589,5769,5770],{"class":1653},"))\n",[1589,5772,5773],{"class":1591,"line":2502},[1589,5774,1675],{"emptyLinePlaceholder":1674},[1589,5776,5777,5779,5781,5783,5785,5787,5789,5791,5793,5795,5797,5799],{"class":1591,"line":3049},[1589,5778,2292],{"class":1613},[1589,5780,1888],{"class":1887},[1589,5782,1891],{"class":1595},[1589,5784,3413],{"class":2299},[1589,5786,1853],{"class":1595},[1589,5788,3066],{"class":2305},[1589,5790,1865],{"class":1595},[1589,5792,5495],{"class":2299},[1589,5794,1853],{"class":1595},[1589,5796,3066],{"class":2305},[1589,5798,2327],{"class":1595},[1589,5800,2330],{"class":1595},[1589,5802,5803,5805],{"class":1591,"line":3075},[1589,5804,2336],{"class":1613},[1589,5806,2339],{"class":1653},[1589,5808,5809,5811,5813,5815],{"class":1591,"line":3092},[1589,5810,2345],{"class":1595},[1589,5812,2348],{"class":1595},[1589,5814,2351],{"class":1623},[1589,5816,2354],{"class":1595},[1589,5818,5819,5821,5823,5826,5828,5830,5832,5835,5837,5840,5842,5844,5846,5849],{"class":1591,"line":3097},[1589,5820,2360],{"class":1595},[1589,5822,2348],{"class":1595},[1589,5824,5825],{"class":1623},"\u003Crect width=\"80\" height=\"80\" fill=\"hsl(",[1589,5827,2380],{"class":1595},[1589,5829,3454],{"class":1653},[1589,5831,3457],{"class":1595},[1589,5833,5834],{"class":2800}," 61",[1589,5836,3280],{"class":1595},[1589,5838,5839],{"class":1653}," radius) ",[1589,5841,3180],{"class":1595},[1589,5843,3133],{"class":2800},[1589,5845,2385],{"class":1595},[1589,5847,5848],{"class":1623}," 64% 52%)\"\u002F>",[1589,5850,2354],{"class":1595},[1589,5852,5853,5855,5857,5860],{"class":1591,"line":3102},[1589,5854,2360],{"class":1595},[1589,5856,2348],{"class":1595},[1589,5858,5859],{"class":1623},"\u003Cpath d=\"M20 60 L40 22 L60 60 Z\" fill=\"white\" fill-opacity=\".82\"\u002F>",[1589,5861,2354],{"class":1595},[1589,5863,5864,5866,5868,5870],{"class":1591,"line":3123},[1589,5865,2360],{"class":1595},[1589,5867,2348],{"class":1595},[1589,5869,2468],{"class":1623},[1589,5871,2354],{"class":1595},[1589,5873,5874,5876,5878,5880,5882,5884,5886],{"class":1591,"line":3147},[1589,5875,2477],{"class":2476},[1589,5877,2348],{"class":1595},[1589,5879,2482],{"class":1623},[1589,5881,2380],{"class":1595},[1589,5883,2487],{"class":1887},[1589,5885,2490],{"class":1653},[1589,5887,2493],{"class":1595},[1589,5889,5890],{"class":1591,"line":3186},[1589,5891,2499],{"class":1595},[1589,5893,5894,5896,5898],{"class":1591,"line":3212},[1589,5895,1726],{"class":1595},[1589,5897,1810],{"class":1599},[1589,5899,1602],{"class":1595},[1556,5901,5903],{"id":5902},"interaction-model","Interaction model",[1544,5905,5906,5910,5911,5914,5915,5918],{},[5907,5908,5909],"strong",{},"Drag."," Horizontal movement maps to rotation at 0.6° per pixel. Rotation\nfollows the pointer synchronously — no frame is scheduled for the drag itself —\nso the ring tracks your finger exactly. Velocity is smoothed across moves\n(",[1551,5912,5913],{},"velocity = velocity * 0.65 + instant * 0.35",") rather than taken from the last\nsample, which is what stops a single jittery ",[1551,5916,5917],{},"pointermove"," from becoming a\nfling.",[1544,5920,5921,5924,5925,5927],{},[5907,5922,5923],{},"Momentum."," On release the wheel coasts, decaying by 0.94 per ~16ms frame and\nstopping below 0.02°\u002Fms. With ",[1551,5926,3595],{}," on, the nearest item angle is then tweened\nto over 250ms with an in-out cubic ease.",[1544,5929,5930,5933,5934,3571,5937,5940,5941,5945],{},[5907,5931,5932],{},"Keyboard."," ",[1551,5935,5936],{},"ArrowRight",[1551,5938,5939],{},"ArrowLeft"," step one item, tweening over 250ms.\nThe signs are inverted relative to the visual direction — right ",[5942,5943,5944],"em",{},"subtracts"," the\nitem angle — which is inherited from upstream and left alone deliberately, since\nflipping it would change which item \"next\" means for anyone already using it.",[1544,5947,5948,5951],{},[5907,5949,5950],{},"Clicks."," A drag that travelled more than 4px swallows the click that ends it,\nso spinning the wheel never selects whatever happens to be under your finger when\nyou let go. Taps and keyboard activation both fall through to \"bring this item\nto the top\".",[5953,5954,5955,5956,5959,5960,5963,5964,5966,5967,5970,5971,5974],"tip",{},"The click handler lives on the wheel root, not on the tiles. ",[1551,5957,5958],{},"handlePointerDown","\ncalls ",[1551,5961,5962],{},"setPointerCapture"," on the root so a drag survives leaving the wheel — and\nwhile a capture is active the browser retargets the derived ",[1551,5965,2788],{}," to the\ncapture element too, so a per-tile ",[1551,5968,5969],{},"@click"," never fires for a real mouse. The\nroot handler records the tile on ",[1551,5972,5973],{},"pointerdown"," and falls back to that.",[1556,5976,5978],{"id":5977},"accessibility","Accessibility",[3649,5980,5981,5992,6009,6020,6042,6049],{},[3652,5982,5983,5984,5987,5988,5991],{},"The wheel is ",[1551,5985,5986],{},"role=\"application\""," with an ",[1551,5989,5990],{},"aria-label",", so a screen reader\nannounces it as an interactive widget rather than a group of images.",[3652,5993,5994,5995,5998,5999,6001,6002,6004,6005,6008],{},"Every thumbnail is a real ",[1551,5996,5997],{},"\u003Cbutton>"," with an accessible name from ",[1551,6000,3578],{},", or\n",[1551,6003,3574],{},". ",[1551,6006,6007],{},"aria-current=\"true\""," marks the item at the top, and only that item.",[3652,6010,6011,6012,6015,6016,6019],{},"A visually hidden ",[1551,6013,6014],{},"aria-live=\"polite\""," region announces ",[1551,6017,6018],{},"\"\u003Cname> selected\"","\nwhenever the top item changes, so an arrow-key step is spoken.",[3652,6021,6022,6023,6026,6027,6030,6031,6026,6034,6037,6038,6041],{},"Focus pauses auto-rotation, and blur resumes it. The handlers are\n",[1551,6024,6025],{},"focusin","\u002F",[1551,6028,6029],{},"focusout"," rather than ",[1551,6032,6033],{},"focus",[1551,6035,6036],{},"blur"," because the latter do not\nbubble in the DOM — a focus moving ",[5942,6039,6040],{},"between"," thumbnails would otherwise be\nread as leaving the wheel.",[3652,6043,6044,6045,6048],{},"Images carry ",[1551,6046,6047],{},"draggable=\"false\"",", so a drag spins the wheel instead of\ndragging the image out of the page.",[3652,6050,6051],{},"Thumbnail size is a fixed 80px, comfortably above the 44px minimum target.",[1544,6053,6054,6055,6058],{},"Under ",[1551,6056,6057],{},"prefers-reduced-motion"," there is no momentum coast, no snap tween and no\nkey-step tween — drags and key presses apply their final rotation immediately,\nand auto-rotation does not run at all.",[1556,6060,6062],{"id":6061},"performance","Performance",[3649,6064,6065,6072,6079,6089],{},[3652,6066,6067,6068,6071],{},"Drag rotation writes one reactive number; the tiles are precomputed in a\n",[1551,6069,6070],{},"computed",", so a 60Hz drag does not re-run trigonometry 60 times in the\ntemplate.",[3652,6073,6074,6075,6078],{},"Tile offsets are rounded to four decimals before they reach the style string.\nWithout it, SSR and the browser disagree about the last bit of ",[1551,6076,6077],{},"Math.sin"," and\nNuxt reports a hydration style mismatch on every tile.",[3652,6080,6081,6084,6085,6088],{},[1551,6082,6083],{},"z-index"," is derived from the tile's vertical offset plus the radius, keeping\nthe near-over-far ordering while staying non-negative. A raw ",[1551,6086,6087],{},"Math.round(y)","\ngoes negative near the top of the ring, and since the root is not a stacking\ncontext, those tiles paint behind their own parent and cannot be clicked.",[3652,6090,6091],{},"Every frame handle is cancelled on unmount and before each new animation\nstarts, so a rapid drag-and-release cannot leave two loops running at once.",[1556,6093,6095],{"id":6094},"notes","Notes",[3649,6097,6098,6111,6114,6121],{},[3652,6099,6100,6101,6103,6104,6107,6108,6110],{},"An empty ",[1551,6102,1646],{}," array renders an empty wheel rather than dividing by zero:\n",[1551,6105,6106],{},"itemAngle"," is ",[1551,6109,2801],{}," when there are no items, and the nearest-angle helpers\nreturn their input unchanged. A single item always sits at the top and is\nalways current.",[3652,6112,6113],{},"Momentum velocity is written back to the shared ref as it decays. Keeping a\nlocal copy instead means the next gesture replays the previous fling — which\nshows up as a tile click spinning the wheel unexpectedly.",[3652,6115,6116,6117,6120],{},"The root has no ",[1551,6118,6119],{},"tabindex",". Focus and arrow keys reach it by bubbling from the\nthumbnail buttons, which is where a keyboard user's attention already is.",[3652,6122,6123,6124,3567,6127,2953,6130,3567,6133,6136,6137,6140],{},"Tuning constants (",[1551,6125,6126],{},"ROTATE_SENSITIVITY",[1551,6128,6129],{},"VELOCITY_SMOOTHING",[1551,6131,6132],{},"MOMENTUM_FRICTION",[1551,6134,6135],{},"SNAP_DURATION"," and friends) live in\n",[1551,6138,6139],{},"OrbitalImageWheel\u002Fconstants.ts"," and are not props — a wheel whose feel can be\nreconfigured by its caller is a wheel nobody tunes.",[6142,6143,6144],"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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":1579,"searchDepth":1605,"depth":1605,"links":6146},[6147,6148,6152,6153,6154,6155,6156,6157,6158,6159,6160],{"id":1558,"depth":1605,"text":16},{"id":2511,"depth":1605,"text":2512,"children":6149},[6150,6151],{"id":2516,"depth":1631,"text":845},{"id":3535,"depth":1631,"text":3536},{"id":3553,"depth":1605,"text":3554},{"id":3630,"depth":1605,"text":3631},{"id":3643,"depth":1605,"text":3644},{"id":4308,"depth":1605,"text":4309},{"id":5196,"depth":1605,"text":5197},{"id":5902,"depth":1605,"text":5903},{"id":5977,"depth":1605,"text":5978},{"id":6061,"depth":1605,"text":6062},{"id":6094,"depth":1605,"text":6095},"A draggable, momentum-spun ring of thumbnails with keyboard stepping and snap-to-item.","md",null,{},{"title":845,"description":6161},"sZN-QuTtB6FHAOQUECMgnpF--7YDDT5ouFIiT1Wg76o",[6168,6170],{"title":841,"path":842,"stem":843,"description":6169,"children":-1},"A count badge that springs onto any element and disappears the moment the count reaches zero.",{"title":849,"path":850,"stem":851,"description":6171,"children":-1},"Photo tabs with a pill that follows the pointer and a tab bar that slides in on hover.",1794099636788]