[{"data":1,"prerenderedAt":4539},["ShallowReactive",2],{"navigation_docs":3,"-components-effects-holographic-foil":1514,"-components-effects-holographic-foil-surround":4534},[4,28,35,1298,1321,1328,1483,1507],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":16,"path":17,"stem":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":20,"path":21,"stem":22},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming",{"title":24,"path":25,"stem":26},"AI Agents","\u002Fgetting-started\u002Fai-agents","1.getting-started\u002F5.ai-agents","i-lucide-rocket",{"title":29,"path":30,"stem":31,"children":32,"icon":34},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[33],{"title":29,"path":30,"stem":31},"i-lucide-lightbulb",{"title":36,"icon":37,"path":38,"stem":39,"children":40},"Components","i-lucide-component","\u002Fcomponents","3.components",[41,43,62,152,254,312,434,452,466,600,690,876,906,936,970,1004,1042,1268],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":61},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49,53,57],{"title":50,"path":51,"stem":52},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":54,"path":55,"stem":56},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",{"title":58,"path":59,"stem":60},"Globe","\u002Fcomponents\u002F3d\u002Fglobe","3.components\u002F3d\u002Fglobe",false,{"title":63,"icon":64,"path":65,"stem":66,"children":67,"page":61},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148],{"title":69,"path":70,"stem":71},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":73,"path":74,"stem":75},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":77,"path":78,"stem":79},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":81,"path":82,"stem":83},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":85,"path":86,"stem":87},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":89,"path":90,"stem":91},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":93,"path":94,"stem":95},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":97,"path":98,"stem":99},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":101,"path":102,"stem":103},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":105,"path":106,"stem":107},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":109,"path":110,"stem":111},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":113,"path":114,"stem":115},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":117,"path":118,"stem":119},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":121,"path":122,"stem":123},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":125,"path":126,"stem":127},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":129,"path":130,"stem":131},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":133,"path":134,"stem":135},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":137,"path":138,"stem":139},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":141,"path":142,"stem":143},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":145,"path":146,"stem":147},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":149,"path":150,"stem":151},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":153,"icon":154,"path":155,"stem":156,"children":157,"page":61},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250],{"title":159,"path":160,"stem":161},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":163,"path":164,"stem":165},"Animated Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-grid-pattern","3.components\u002Fbackgrounds\u002Fanimated-grid-pattern",{"title":167,"path":168,"stem":169},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":171,"path":172,"stem":173},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":175,"path":176,"stem":177},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":179,"path":180,"stem":181},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":183,"path":184,"stem":185},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":187,"path":188,"stem":189},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":191,"path":192,"stem":193},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":195,"path":196,"stem":197},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":199,"path":200,"stem":201},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":203,"path":204,"stem":205},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":207,"path":208,"stem":209},"Flickering Grid","\u002Fcomponents\u002Fbackgrounds\u002Fflickering-grid","3.components\u002Fbackgrounds\u002Fflickering-grid",{"title":211,"path":212,"stem":213},"Interactive Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Finteractive-grid-pattern","3.components\u002Fbackgrounds\u002Finteractive-grid-pattern",{"title":215,"path":216,"stem":217},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":219,"path":220,"stem":221},"Light Rays","\u002Fcomponents\u002Fbackgrounds\u002Flight-rays","3.components\u002Fbackgrounds\u002Flight-rays",{"title":223,"path":224,"stem":225},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":227,"path":228,"stem":229},"Particles","\u002Fcomponents\u002Fbackgrounds\u002Fparticles","3.components\u002Fbackgrounds\u002Fparticles",{"title":231,"path":232,"stem":233},"Retro Grid","\u002Fcomponents\u002Fbackgrounds\u002Fretro-grid","3.components\u002Fbackgrounds\u002Fretro-grid",{"title":235,"path":236,"stem":237},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":239,"path":240,"stem":241},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":243,"path":244,"stem":245},"Striped Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fstriped-pattern","3.components\u002Fbackgrounds\u002Fstriped-pattern",{"title":247,"path":248,"stem":249},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":251,"path":252,"stem":253},"Warp Background","\u002Fcomponents\u002Fbackgrounds\u002Fwarp-background","3.components\u002Fbackgrounds\u002Fwarp-background",{"title":255,"icon":256,"path":257,"stem":258,"children":259,"page":61},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[260,264,268,272,276,280,284,288,292,296,300,304,308],{"title":261,"path":262,"stem":263},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":265,"path":266,"stem":267},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":269,"path":270,"stem":271},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":273,"path":274,"stem":275},"Interactive Hover Button","\u002Fcomponents\u002Fbuttons\u002Finteractive-hover-button","3.components\u002Fbuttons\u002Finteractive-hover-button",{"title":277,"path":278,"stem":279},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":281,"path":282,"stem":283},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":285,"path":286,"stem":287},"Pulsating Button","\u002Fcomponents\u002Fbuttons\u002Fpulsating-button","3.components\u002Fbuttons\u002Fpulsating-button",{"title":289,"path":290,"stem":291},"Rainbow Button","\u002Fcomponents\u002Fbuttons\u002Frainbow-button","3.components\u002Fbuttons\u002Frainbow-button",{"title":293,"path":294,"stem":295},"Ripple Button","\u002Fcomponents\u002Fbuttons\u002Fripple-button","3.components\u002Fbuttons\u002Fripple-button",{"title":297,"path":298,"stem":299},"Shimmer Button","\u002Fcomponents\u002Fbuttons\u002Fshimmer-button","3.components\u002Fbuttons\u002Fshimmer-button",{"title":301,"path":302,"stem":303},"Shiny Button","\u002Fcomponents\u002Fbuttons\u002Fshiny-button","3.components\u002Fbuttons\u002Fshiny-button",{"title":305,"path":306,"stem":307},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":309,"path":310,"stem":311},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":313,"icon":314,"path":315,"stem":316,"children":317,"page":61},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[318,322,326,330,334,338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430],{"title":319,"path":320,"stem":321},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":323,"path":324,"stem":325},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":327,"path":328,"stem":329},"Bento Grid","\u002Fcomponents\u002Fcards\u002Fbento-grid","3.components\u002Fcards\u002Fbento-grid",{"title":331,"path":332,"stem":333},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":335,"path":336,"stem":337},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":339,"path":340,"stem":341},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":343,"path":344,"stem":345},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":347,"path":348,"stem":349},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":351,"path":352,"stem":353},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":355,"path":356,"stem":357},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":359,"path":360,"stem":361},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":363,"path":364,"stem":365},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":367,"path":368,"stem":369},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":371,"path":372,"stem":373},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":375,"path":376,"stem":377},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":379,"path":380,"stem":381},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":383,"path":384,"stem":385},"Magic Card","\u002Fcomponents\u002Fcards\u002Fmagic-card","3.components\u002Fcards\u002Fmagic-card",{"title":387,"path":388,"stem":389},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":391,"path":392,"stem":393},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":395,"path":396,"stem":397},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":399,"path":400,"stem":401},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":403,"path":404,"stem":405},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":407,"path":408,"stem":409},"Shine Border","\u002Fcomponents\u002Fcards\u002Fshine-border","3.components\u002Fcards\u002Fshine-border",{"title":411,"path":412,"stem":413},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":415,"path":416,"stem":417},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":419,"path":420,"stem":421},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":423,"path":424,"stem":425},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":427,"path":428,"stem":429},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":431,"path":432,"stem":433},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":435,"icon":436,"path":437,"stem":438,"children":439,"page":61},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[440,444,448],{"title":441,"path":442,"stem":443},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":445,"path":446,"stem":447},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":449,"path":450,"stem":451},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":453,"icon":454,"path":455,"stem":456,"children":457,"page":61},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[458,462],{"title":459,"path":460,"stem":461},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":463,"path":464,"stem":465},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":467,"icon":468,"path":469,"stem":470,"children":471,"page":61},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[472,476,480,484,488,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],{"title":473,"path":474,"stem":475},"Animated Beam","\u002Fcomponents\u002Feffects\u002Fanimated-beam","3.components\u002Feffects\u002Fanimated-beam",{"title":477,"path":478,"stem":479},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":481,"path":482,"stem":483},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":485,"path":486,"stem":487},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":489,"path":490,"stem":491},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":493,"path":494,"stem":495},"Confetti","\u002Fcomponents\u002Feffects\u002Fconfetti","3.components\u002Feffects\u002Fconfetti",{"title":497,"path":498,"stem":499},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":501,"path":502,"stem":503},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":505,"path":506,"stem":507},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":509,"path":510,"stem":511},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":513,"path":514,"stem":515},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":517,"path":518,"stem":519},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":521,"path":522,"stem":523},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":525,"path":526,"stem":527},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":529,"path":530,"stem":531},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":533,"path":534,"stem":535},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":537,"path":538,"stem":539},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":541,"path":542,"stem":543},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":545,"path":546,"stem":547},"Icon Cloud","\u002Fcomponents\u002Feffects\u002Ficon-cloud","3.components\u002Feffects\u002Ficon-cloud",{"title":549,"path":550,"stem":551},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":553,"path":554,"stem":555},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":557,"path":558,"stem":559},"Orbiting Circles","\u002Fcomponents\u002Feffects\u002Forbiting-circles","3.components\u002Feffects\u002Forbiting-circles",{"title":561,"path":562,"stem":563},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":565,"path":566,"stem":567},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":569,"path":570,"stem":571},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":573,"path":574,"stem":575},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":577,"path":578,"stem":579},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":581,"path":582,"stem":583},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":585,"path":586,"stem":587},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":589,"path":590,"stem":591},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":593,"path":594,"stem":595},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":597,"path":598,"stem":599},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":601,"icon":602,"path":603,"stem":604,"children":605,"page":61},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[606,610,614,618,622,626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686],{"title":607,"path":608,"stem":609},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":611,"path":612,"stem":613},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":615,"path":616,"stem":617},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":619,"path":620,"stem":621},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":623,"path":624,"stem":625},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":627,"path":628,"stem":629},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":631,"path":632,"stem":633},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":635,"path":636,"stem":637},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":639,"path":640,"stem":641},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":643,"path":644,"stem":645},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":647,"path":648,"stem":649},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":651,"path":652,"stem":653},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":655,"path":656,"stem":657},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":659,"path":660,"stem":661},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":663,"path":664,"stem":665},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":667,"path":668,"stem":669},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":671,"path":672,"stem":673},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":675,"path":676,"stem":677},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":679,"path":680,"stem":681},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":683,"path":684,"stem":685},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":687,"path":688,"stem":689},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":691,"icon":692,"path":693,"stem":694,"children":695,"page":61},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[696,700,704,708,712,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],{"title":697,"path":698,"stem":699},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":701,"path":702,"stem":703},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":705,"path":706,"stem":707},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":709,"path":710,"stem":711},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":713,"path":714,"stem":715},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":717,"path":718,"stem":719},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":721,"path":722,"stem":723},"Code Comparison","\u002Fcomponents\u002Finteractive\u002Fcode-comparison","3.components\u002Finteractive\u002Fcode-comparison",{"title":725,"path":726,"stem":727},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":729,"path":730,"stem":731},"Cool Mode","\u002Fcomponents\u002Finteractive\u002Fcool-mode","3.components\u002Finteractive\u002Fcool-mode",{"title":733,"path":734,"stem":735},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":737,"path":738,"stem":739},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":741,"path":742,"stem":743},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":745,"path":746,"stem":747},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":749,"path":750,"stem":751},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":753,"path":754,"stem":755},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":757,"path":758,"stem":759},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":761,"path":762,"stem":763},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":765,"path":766,"stem":767},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":769,"path":770,"stem":771},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":773,"path":774,"stem":775},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":777,"path":778,"stem":779},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":781,"path":782,"stem":783},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":785,"path":786,"stem":787},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":789,"path":790,"stem":791},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":793,"path":794,"stem":795},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":797,"path":798,"stem":799},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":801,"path":802,"stem":803},"Lens","\u002Fcomponents\u002Finteractive\u002Flens","3.components\u002Finteractive\u002Flens",{"title":805,"path":806,"stem":807},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":809,"path":810,"stem":811},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":813,"path":814,"stem":815},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":817,"path":818,"stem":819},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":821,"path":822,"stem":823},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":825,"path":826,"stem":827},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":829,"path":830,"stem":831},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":833,"path":834,"stem":835},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":837,"path":838,"stem":839},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":841,"path":842,"stem":843},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":845,"path":846,"stem":847},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":849,"path":850,"stem":851},"Scratch to Reveal","\u002Fcomponents\u002Finteractive\u002Fscratch-to-reveal","3.components\u002Finteractive\u002Fscratch-to-reveal",{"title":853,"path":854,"stem":855},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":857,"path":858,"stem":859},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":861,"path":862,"stem":863},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":865,"path":866,"stem":867},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":869,"path":870,"stem":871},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":873,"path":874,"stem":875},"Zoomable Image","\u002Fcomponents\u002Finteractive\u002Fzoomable-image","3.components\u002Finteractive\u002Fzoomable-image",{"title":877,"icon":878,"path":879,"stem":880,"children":881,"page":61},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[882,886,890,894,898,902],{"title":883,"path":884,"stem":885},"Android","\u002Fcomponents\u002Flayout\u002Fandroid","3.components\u002Flayout\u002Fandroid",{"title":887,"path":888,"stem":889},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":891,"path":892,"stem":893},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":895,"path":896,"stem":897},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":899,"path":900,"stem":901},"iPhone 15 Pro","\u002Fcomponents\u002Flayout\u002Fiphone-15-pro","3.components\u002Flayout\u002Fiphone-15-pro",{"title":903,"path":904,"stem":905},"Safari","\u002Fcomponents\u002Flayout\u002Fsafari","3.components\u002Flayout\u002Fsafari",{"title":907,"icon":908,"path":909,"stem":910,"children":911,"page":61},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[912,916,920,924,928,932],{"title":913,"path":914,"stem":915},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":917,"path":918,"stem":919},"Circular Progress","\u002Fcomponents\u002Floaders\u002Fcircular-progress","3.components\u002Floaders\u002Fcircular-progress",{"title":921,"path":922,"stem":923},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":925,"path":926,"stem":927},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":929,"path":930,"stem":931},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":933,"path":934,"stem":935},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":937,"icon":938,"path":939,"stem":940,"children":941,"page":61},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[942,946,950,954,958,962,966],{"title":943,"path":944,"stem":945},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":947,"path":948,"stem":949},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":951,"path":952,"stem":953},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":955,"path":956,"stem":957},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":959,"path":960,"stem":961},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":963,"path":964,"stem":965},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":967,"path":968,"stem":969},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":971,"icon":972,"path":973,"stem":974,"children":975,"page":61},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[976,980,984,988,992,996,1000],{"title":977,"path":978,"stem":979},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":981,"path":982,"stem":983},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":985,"path":986,"stem":987},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":989,"path":990,"stem":991},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":993,"path":994,"stem":995},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":997,"path":998,"stem":999},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":1001,"path":1002,"stem":1003},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":1005,"icon":1006,"path":1007,"stem":1008,"children":1009,"page":61},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[1010,1014,1018,1022,1026,1030,1034,1038],{"title":1011,"path":1012,"stem":1013},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":1015,"path":1016,"stem":1017},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":1019,"path":1020,"stem":1021},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":1023,"path":1024,"stem":1025},"Marquee","\u002Fcomponents\u002Fscroll\u002Fmarquee","3.components\u002Fscroll\u002Fmarquee",{"title":1027,"path":1028,"stem":1029},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":1031,"path":1032,"stem":1033},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":1035,"path":1036,"stem":1037},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":1039,"path":1040,"stem":1041},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":1043,"icon":1044,"path":1045,"stem":1046,"children":1047,"page":61},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[1048,1052,1056,1060,1064,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],{"title":1049,"path":1050,"stem":1051},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":1053,"path":1054,"stem":1055},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":1057,"path":1058,"stem":1059},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":1061,"path":1062,"stem":1063},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":1065,"path":1066,"stem":1067},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":1069,"path":1070,"stem":1071},"Comic Text","\u002Fcomponents\u002Ftext\u002Fcomic-text","3.components\u002Ftext\u002Fcomic-text",{"title":1073,"path":1074,"stem":1075},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":1077,"path":1078,"stem":1079},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":1081,"path":1082,"stem":1083},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":1085,"path":1086,"stem":1087},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":1089,"path":1090,"stem":1091},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":1093,"path":1094,"stem":1095},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":1097,"path":1098,"stem":1099},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":1101,"path":1102,"stem":1103},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":1105,"path":1106,"stem":1107},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":1109,"path":1110,"stem":1111},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":1113,"path":1114,"stem":1115},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":1117,"path":1118,"stem":1119},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":1121,"path":1122,"stem":1123},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":1125,"path":1126,"stem":1127},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":1129,"path":1130,"stem":1131},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1133,"path":1134,"stem":1135},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1137,"path":1138,"stem":1139},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1141,"path":1142,"stem":1143},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1145,"path":1146,"stem":1147},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1149,"path":1150,"stem":1151},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1153,"path":1154,"stem":1155},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1157,"path":1158,"stem":1159},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1161,"path":1162,"stem":1163},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1165,"path":1166,"stem":1167},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1169,"path":1170,"stem":1171},"Sparkles Text","\u002Fcomponents\u002Ftext\u002Fsparkles-text","3.components\u002Ftext\u002Fsparkles-text",{"title":1173,"path":1174,"stem":1175},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1177,"path":1178,"stem":1179},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1181,"path":1182,"stem":1183},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1185,"path":1186,"stem":1187},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1189,"path":1190,"stem":1191},"Text Animate","\u002Fcomponents\u002Ftext\u002Ftext-animate","3.components\u002Ftext\u002Ftext-animate",{"title":1193,"path":1194,"stem":1195},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1197,"path":1198,"stem":1199},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1201,"path":1202,"stem":1203},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1205,"path":1206,"stem":1207},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1209,"path":1210,"stem":1211},"Text Highlighter","\u002Fcomponents\u002Ftext\u002Ftext-highlighter","3.components\u002Ftext\u002Ftext-highlighter",{"title":1213,"path":1214,"stem":1215},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1217,"path":1218,"stem":1219},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1221,"path":1222,"stem":1223},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1225,"path":1226,"stem":1227},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1229,"path":1230,"stem":1231},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1233,"path":1234,"stem":1235},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1237,"path":1238,"stem":1239},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1241,"path":1242,"stem":1243},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1245,"path":1246,"stem":1247},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1249,"path":1250,"stem":1251},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1253,"path":1254,"stem":1255},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1257,"path":1258,"stem":1259},"Video Text","\u002Fcomponents\u002Ftext\u002Fvideo-text","3.components\u002Ftext\u002Fvideo-text",{"title":1261,"path":1262,"stem":1263},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1265,"path":1266,"stem":1267},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1269,"icon":1270,"path":1271,"stem":1272,"children":1273,"page":61},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1274,1278,1282,1286,1290,1294],{"title":1275,"path":1276,"stem":1277},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1279,"path":1280,"stem":1281},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1283,"path":1284,"stem":1285},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1287,"path":1288,"stem":1289},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1291,"path":1292,"stem":1293},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1295,"path":1296,"stem":1297},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1299,"path":1300,"stem":1301,"children":1302,"icon":1320},"Composables","\u002Fcomposables","4.composables\u002Findex",[1303,1304,1308,1312,1316],{"title":1299,"path":1300,"stem":1301},{"title":1305,"path":1306,"stem":1307},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1309,"path":1310,"stem":1311},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1313,"path":1314,"stem":1315},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1317,"path":1318,"stem":1319},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1322,"path":1323,"stem":1324,"children":1325,"icon":1327},"Guides","\u002Fguides","5.guides\u002Findex",[1326],{"title":1322,"path":1323,"stem":1324},"i-lucide-book-open",{"title":1329,"icon":1330,"path":1331,"stem":1332,"children":1333},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1334,1336,1349,1358,1371,1384,1400,1413,1422,1431,1444,1453,1466,1475],{"title":1329,"path":1331,"stem":1335},"6.blocks\u002Findex",{"title":1337,"path":1338,"stem":1339,"children":1340,"page":61},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1341,1345],{"title":1342,"path":1343,"stem":1344},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1346,"path":1347,"stem":1348},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1350,"path":1351,"stem":1352,"children":1353,"page":61},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1354],{"title":1355,"path":1356,"stem":1357},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1359,"path":1360,"stem":1361,"children":1362,"page":61},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1363,1367],{"title":1364,"path":1365,"stem":1366},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1368,"path":1369,"stem":1370},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1372,"path":1373,"stem":1374,"children":1375,"page":61},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1376,1380],{"title":1377,"path":1378,"stem":1379},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1381,"path":1382,"stem":1383},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1385,"path":1386,"stem":1387,"children":1388,"page":61},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1389,1393,1396],{"title":1390,"path":1391,"stem":1392},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":167,"path":1394,"stem":1395},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1397,"path":1398,"stem":1399},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1401,"path":1402,"stem":1403,"children":1404,"page":61},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1405,1409],{"title":1406,"path":1407,"stem":1408},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1410,"path":1411,"stem":1412},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1414,"path":1415,"stem":1416,"children":1417,"page":61},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1418],{"title":1419,"path":1420,"stem":1421},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1423,"path":1424,"stem":1425,"children":1426,"page":61},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1427],{"title":1428,"path":1429,"stem":1430},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1432,"path":1433,"stem":1434,"children":1435,"page":61},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1436,1440],{"title":1437,"path":1438,"stem":1439},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1441,"path":1442,"stem":1443},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1445,"path":1446,"stem":1447,"children":1448,"page":61},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1449],{"title":1450,"path":1451,"stem":1452},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1454,"path":1455,"stem":1456,"children":1457,"page":61},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1458,1462],{"title":1459,"path":1460,"stem":1461},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1463,"path":1464,"stem":1465},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1467,"path":1468,"stem":1469,"children":1470,"page":61},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1471],{"title":1472,"path":1473,"stem":1474},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1476,"path":1477,"stem":1478,"children":1479,"page":61},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1480],{"title":1441,"path":1481,"stem":1482},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1484,"icon":1485,"path":1486,"stem":1487,"children":1488},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1489,1491,1495,1499,1503],{"title":1484,"path":1486,"stem":1490},"7.templates\u002Findex",{"title":1492,"path":1493,"stem":1494},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1496,"path":1497,"stem":1498},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1500,"path":1501,"stem":1502},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1504,"path":1505,"stem":1506},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1508,"path":1509,"stem":1510,"children":1511,"icon":1513},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1512],{"title":1508,"path":1509,"stem":1510},"i-lucide-braces",{"id":1515,"title":541,"body":1516,"description":4528,"extension":4529,"links":4530,"meta":4531,"navigation":1993,"path":542,"seo":4532,"stem":543,"__hash__":4533},"docs\u002F3.components\u002Feffects\u002Fholographic-foil.md",{"type":1517,"value":1518,"toc":4512},"minimark",[1519,1533,1536,1540,1543,1773,1797,1801,1805,2577,2581,2595,2599,2614,2706,2719,3002,3008,3012,3030,3126,3139,3317,3321,3329,3361,3366,4043,4047,4108,4112,4119,4122,4129,4132,4136,4148,4155,4389,4393,4403,4410,4428,4432,4469,4473,4508],[1520,1521,1522,1523,1527,1528,1532],"p",{},"A card that leans toward the pointer while a banded foil, a drifting specular\nblob and a looping sheen move across it. The foil is a real gradient stack\nblended with ",[1524,1525,1526],"code",{},"mix-blend-mode",", not a texture: it is masked to a diagonal band so\nit ",[1529,1530,1531],"em",{},"travels"," over the surface rather than tinting the whole card.",[1520,1534,1535],{},"Useful wherever a surface should look physical — a product tile, a collectible\ncard, a pricing panel, a badge that rewards being hovered.",[1537,1538,16],"h2",{"id":1539},"usage",[1520,1541,1542],{},"The card owns its own dark background, border and corner radius. Give it a\nheight; everything inside is yours.",[1544,1545,1547,1560],"code-preview",{"label":1546},"Preview",[1548,1549,1555,1556],"div",{"className":1550},[1551,1552,1553,1554],"flex","justify-center","w-full","h-full","  ",[1557,1558],"component-example",{"name":1559},"holographic-foil-basic",[1561,1562,1564],"template",{"v-slot:code":1563},"",[1565,1566,1570],"pre",{"className":1567,"code":1568,"language":1569,"meta":1563,"style":1563},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CMHolographicFoil class=\"h-72 w-full max-w-sm\">\n    \u003Cdiv class=\"flex h-full flex-col justify-end gap-1 p-6\">\n      \u003Cp class=\"text-xs font-medium uppercase tracking-widest text-white\u002F50\">\n        Series 04\n      \u003C\u002Fp>\n      \u003Cp class=\"text-2xl font-semibold text-white\">\n        Iridescent foil\n      \u003C\u002Fp>\n      \u003Cp class=\"text-sm text-white\u002F60\">\n        Move the pointer across the card.\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002FMHolographicFoil>\n\u003C\u002Ftemplate>\n","vue",[1524,1571,1572,1587,1614,1635,1656,1663,1673,1693,1699,1708,1728,1734,1743,1753,1763],{"__ignoreMap":1563},[1573,1574,1577,1581,1584],"span",{"class":1575,"line":1576},"line",1,[1573,1578,1580],{"class":1579},"sMK4o","\u003C",[1573,1582,1561],{"class":1583},"swJcz",[1573,1585,1586],{"class":1579},">\n",[1573,1588,1590,1593,1596,1600,1603,1606,1610,1612],{"class":1575,"line":1589},2,[1573,1591,1592],{"class":1579},"  \u003C",[1573,1594,1595],{"class":1583},"MHolographicFoil",[1573,1597,1599],{"class":1598},"spNyl"," class",[1573,1601,1602],{"class":1579},"=",[1573,1604,1605],{"class":1579},"\"",[1573,1607,1609],{"class":1608},"sfazB","h-72 w-full max-w-sm",[1573,1611,1605],{"class":1579},[1573,1613,1586],{"class":1579},[1573,1615,1617,1620,1622,1624,1626,1628,1631,1633],{"class":1575,"line":1616},3,[1573,1618,1619],{"class":1579},"    \u003C",[1573,1621,1548],{"class":1583},[1573,1623,1599],{"class":1598},[1573,1625,1602],{"class":1579},[1573,1627,1605],{"class":1579},[1573,1629,1630],{"class":1608},"flex h-full flex-col justify-end gap-1 p-6",[1573,1632,1605],{"class":1579},[1573,1634,1586],{"class":1579},[1573,1636,1638,1641,1643,1645,1647,1649,1652,1654],{"class":1575,"line":1637},4,[1573,1639,1640],{"class":1579},"      \u003C",[1573,1642,1520],{"class":1583},[1573,1644,1599],{"class":1598},[1573,1646,1602],{"class":1579},[1573,1648,1605],{"class":1579},[1573,1650,1651],{"class":1608},"text-xs font-medium uppercase tracking-widest text-white\u002F50",[1573,1653,1605],{"class":1579},[1573,1655,1586],{"class":1579},[1573,1657,1659],{"class":1575,"line":1658},5,[1573,1660,1662],{"class":1661},"sTEyZ","        Series 04\n",[1573,1664,1666,1669,1671],{"class":1575,"line":1665},6,[1573,1667,1668],{"class":1579},"      \u003C\u002F",[1573,1670,1520],{"class":1583},[1573,1672,1586],{"class":1579},[1573,1674,1676,1678,1680,1682,1684,1686,1689,1691],{"class":1575,"line":1675},7,[1573,1677,1640],{"class":1579},[1573,1679,1520],{"class":1583},[1573,1681,1599],{"class":1598},[1573,1683,1602],{"class":1579},[1573,1685,1605],{"class":1579},[1573,1687,1688],{"class":1608},"text-2xl font-semibold text-white",[1573,1690,1605],{"class":1579},[1573,1692,1586],{"class":1579},[1573,1694,1696],{"class":1575,"line":1695},8,[1573,1697,1698],{"class":1661},"        Iridescent foil\n",[1573,1700,1702,1704,1706],{"class":1575,"line":1701},9,[1573,1703,1668],{"class":1579},[1573,1705,1520],{"class":1583},[1573,1707,1586],{"class":1579},[1573,1709,1711,1713,1715,1717,1719,1721,1724,1726],{"class":1575,"line":1710},10,[1573,1712,1640],{"class":1579},[1573,1714,1520],{"class":1583},[1573,1716,1599],{"class":1598},[1573,1718,1602],{"class":1579},[1573,1720,1605],{"class":1579},[1573,1722,1723],{"class":1608},"text-sm text-white\u002F60",[1573,1725,1605],{"class":1579},[1573,1727,1586],{"class":1579},[1573,1729,1731],{"class":1575,"line":1730},11,[1573,1732,1733],{"class":1661},"        Move the pointer across the card.\n",[1573,1735,1737,1739,1741],{"class":1575,"line":1736},12,[1573,1738,1668],{"class":1579},[1573,1740,1520],{"class":1583},[1573,1742,1586],{"class":1579},[1573,1744,1746,1749,1751],{"class":1575,"line":1745},13,[1573,1747,1748],{"class":1579},"    \u003C\u002F",[1573,1750,1548],{"class":1583},[1573,1752,1586],{"class":1579},[1573,1754,1756,1759,1761],{"class":1575,"line":1755},14,[1573,1757,1758],{"class":1579},"  \u003C\u002F",[1573,1760,1595],{"class":1583},[1573,1762,1586],{"class":1579},[1573,1764,1766,1769,1771],{"class":1575,"line":1765},15,[1573,1767,1768],{"class":1579},"\u003C\u002F",[1573,1770,1561],{"class":1583},[1573,1772,1586],{"class":1579},[1774,1775,1776,1777,1780,1781,1784,1785,1788,1789,1792,1793,1796],"tip",{},"The card paints itself ",[1524,1778,1779],{},"oklch(0.17 0.015 274)",", so content is expected to be\nlight. If you need a light card, override the background through ",[1524,1782,1783],{},"class"," and\nraise ",[1524,1786,1787],{},"glare"," a little — the foil and sheen are ",[1524,1790,1791],{},"soft-light","\u002F",[1524,1794,1795],{},"screen"," blends and\nlose most of their range on white.",[1537,1798,1800],{"id":1799},"examples","Examples",[1802,1803,541],"h3",{"id":1804},"iridescent-foil",[1544,1806,1807,1813],{"label":1546},[1548,1808,1555,1810],{"className":1809},[1553],[1557,1811],{"name":1812},"holographic-foil-intensity",[1561,1814,1815],{"v-slot:code":1563},[1565,1816,1818],{"className":1567,"code":1817,"language":1569,"meta":1563,"style":1563},"\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full max-w-sm flex-col gap-4\">\n    \u003CMHolographicFoil\n      class=\"h-48\"\n      :intensity=\"intensity\"\n      :glare=\"glare\"\n      :sheen-speed=\"sheenSpeed\"\n    >\n      \u003Cdiv class=\"flex h-full items-center justify-center p-6\">\n        \u003Cspan class=\"text-sm font-semibold text-white\u002F80\">\n          intensity {{ intensity.toFixed(2) }}\n        \u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002FMHolographicFoil>\n\n    \u003Cdiv class=\"flex flex-col gap-3\">\n      \u003Clabel class=\"flex items-center gap-3 text-xs text-muted\">\n        \u003Cspan class=\"w-16\">intensity\u003C\u002Fspan>\n        \u003CUSlider\n          v-model=\"intensity\"\n          :min=\"0\"\n          :max=\"1\"\n          :step=\"0.05\"\n          class=\"flex-1\"\n        \u002F>\n      \u003C\u002Flabel>\n      \u003Clabel class=\"flex items-center gap-3 text-xs text-muted\">\n        \u003Cspan class=\"w-16\">glare\u003C\u002Fspan>\n        \u003CUSlider\n          v-model=\"glare\"\n          :min=\"0\"\n          :max=\"1\"\n          :step=\"0.05\"\n          class=\"flex-1\"\n        \u002F>\n      \u003C\u002Flabel>\n      \u003Clabel class=\"flex items-center gap-3 text-xs text-muted\">\n        \u003Cspan class=\"w-16\">sheen\u003C\u002Fspan>\n        \u003CUSlider\n          v-model=\"sheenSpeed\"\n          :min=\"0.2\"\n          :max=\"3\"\n          :step=\"0.1\"\n          class=\"flex-1\"\n        \u002F>\n      \u003C\u002Flabel>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst intensity = ref(0.6)\nconst glare = ref(0.5)\nconst sheenSpeed = ref(1)\n\u003C\u002Fscript>\n",[1524,1819,1820,1828,1847,1854,1869,1885,1899,1915,1920,1939,1959,1964,1973,1981,1989,1995,2015,2036,2065,2073,2087,2106,2123,2140,2155,2161,2170,2189,2216,2223,2236,2251,2266,2281,2294,2299,2308,2327,2355,2362,2375,2391,2407,2423,2436,2441,2450,2459,2468,2477,2482,2507,2531,2550,2568],{"__ignoreMap":1563},[1573,1821,1822,1824,1826],{"class":1575,"line":1576},[1573,1823,1580],{"class":1579},[1573,1825,1561],{"class":1583},[1573,1827,1586],{"class":1579},[1573,1829,1830,1832,1834,1836,1838,1840,1843,1845],{"class":1575,"line":1589},[1573,1831,1592],{"class":1579},[1573,1833,1548],{"class":1583},[1573,1835,1599],{"class":1598},[1573,1837,1602],{"class":1579},[1573,1839,1605],{"class":1579},[1573,1841,1842],{"class":1608},"flex w-full max-w-sm flex-col gap-4",[1573,1844,1605],{"class":1579},[1573,1846,1586],{"class":1579},[1573,1848,1849,1851],{"class":1575,"line":1616},[1573,1850,1619],{"class":1579},[1573,1852,1853],{"class":1583},"MHolographicFoil\n",[1573,1855,1856,1859,1861,1863,1866],{"class":1575,"line":1637},[1573,1857,1858],{"class":1598},"      class",[1573,1860,1602],{"class":1579},[1573,1862,1605],{"class":1579},[1573,1864,1865],{"class":1608},"h-48",[1573,1867,1868],{"class":1579},"\"\n",[1573,1870,1871,1874,1877,1879,1881,1883],{"class":1575,"line":1658},[1573,1872,1873],{"class":1579},"      :",[1573,1875,1876],{"class":1598},"intensity",[1573,1878,1602],{"class":1579},[1573,1880,1605],{"class":1579},[1573,1882,1876],{"class":1661},[1573,1884,1868],{"class":1579},[1573,1886,1887,1889,1891,1893,1895,1897],{"class":1575,"line":1665},[1573,1888,1873],{"class":1579},[1573,1890,1787],{"class":1598},[1573,1892,1602],{"class":1579},[1573,1894,1605],{"class":1579},[1573,1896,1787],{"class":1661},[1573,1898,1868],{"class":1579},[1573,1900,1901,1903,1906,1908,1910,1913],{"class":1575,"line":1675},[1573,1902,1873],{"class":1579},[1573,1904,1905],{"class":1598},"sheen-speed",[1573,1907,1602],{"class":1579},[1573,1909,1605],{"class":1579},[1573,1911,1912],{"class":1661},"sheenSpeed",[1573,1914,1868],{"class":1579},[1573,1916,1917],{"class":1575,"line":1695},[1573,1918,1919],{"class":1579},"    >\n",[1573,1921,1922,1924,1926,1928,1930,1932,1935,1937],{"class":1575,"line":1701},[1573,1923,1640],{"class":1579},[1573,1925,1548],{"class":1583},[1573,1927,1599],{"class":1598},[1573,1929,1602],{"class":1579},[1573,1931,1605],{"class":1579},[1573,1933,1934],{"class":1608},"flex h-full items-center justify-center p-6",[1573,1936,1605],{"class":1579},[1573,1938,1586],{"class":1579},[1573,1940,1941,1944,1946,1948,1950,1952,1955,1957],{"class":1575,"line":1710},[1573,1942,1943],{"class":1579},"        \u003C",[1573,1945,1573],{"class":1583},[1573,1947,1599],{"class":1598},[1573,1949,1602],{"class":1579},[1573,1951,1605],{"class":1579},[1573,1953,1954],{"class":1608},"text-sm font-semibold text-white\u002F80",[1573,1956,1605],{"class":1579},[1573,1958,1586],{"class":1579},[1573,1960,1961],{"class":1575,"line":1730},[1573,1962,1963],{"class":1661},"          intensity {{ intensity.toFixed(2) }}\n",[1573,1965,1966,1969,1971],{"class":1575,"line":1736},[1573,1967,1968],{"class":1579},"        \u003C\u002F",[1573,1970,1573],{"class":1583},[1573,1972,1586],{"class":1579},[1573,1974,1975,1977,1979],{"class":1575,"line":1745},[1573,1976,1668],{"class":1579},[1573,1978,1548],{"class":1583},[1573,1980,1586],{"class":1579},[1573,1982,1983,1985,1987],{"class":1575,"line":1755},[1573,1984,1748],{"class":1579},[1573,1986,1595],{"class":1583},[1573,1988,1586],{"class":1579},[1573,1990,1991],{"class":1575,"line":1765},[1573,1992,1994],{"emptyLinePlaceholder":1993},true,"\n",[1573,1996,1998,2000,2002,2004,2006,2008,2011,2013],{"class":1575,"line":1997},16,[1573,1999,1619],{"class":1579},[1573,2001,1548],{"class":1583},[1573,2003,1599],{"class":1598},[1573,2005,1602],{"class":1579},[1573,2007,1605],{"class":1579},[1573,2009,2010],{"class":1608},"flex flex-col gap-3",[1573,2012,1605],{"class":1579},[1573,2014,1586],{"class":1579},[1573,2016,2018,2020,2023,2025,2027,2029,2032,2034],{"class":1575,"line":2017},17,[1573,2019,1640],{"class":1579},[1573,2021,2022],{"class":1583},"label",[1573,2024,1599],{"class":1598},[1573,2026,1602],{"class":1579},[1573,2028,1605],{"class":1579},[1573,2030,2031],{"class":1608},"flex items-center gap-3 text-xs text-muted",[1573,2033,1605],{"class":1579},[1573,2035,1586],{"class":1579},[1573,2037,2039,2041,2043,2045,2047,2049,2052,2054,2057,2059,2061,2063],{"class":1575,"line":2038},18,[1573,2040,1943],{"class":1579},[1573,2042,1573],{"class":1583},[1573,2044,1599],{"class":1598},[1573,2046,1602],{"class":1579},[1573,2048,1605],{"class":1579},[1573,2050,2051],{"class":1608},"w-16",[1573,2053,1605],{"class":1579},[1573,2055,2056],{"class":1579},">",[1573,2058,1876],{"class":1661},[1573,2060,1768],{"class":1579},[1573,2062,1573],{"class":1583},[1573,2064,1586],{"class":1579},[1573,2066,2068,2070],{"class":1575,"line":2067},19,[1573,2069,1943],{"class":1579},[1573,2071,2072],{"class":1583},"USlider\n",[1573,2074,2076,2079,2081,2083,2085],{"class":1575,"line":2075},20,[1573,2077,2078],{"class":1598},"          v-model",[1573,2080,1602],{"class":1579},[1573,2082,1605],{"class":1579},[1573,2084,1876],{"class":1661},[1573,2086,1868],{"class":1579},[1573,2088,2090,2093,2096,2098,2100,2104],{"class":1575,"line":2089},21,[1573,2091,2092],{"class":1579},"          :",[1573,2094,2095],{"class":1598},"min",[1573,2097,1602],{"class":1579},[1573,2099,1605],{"class":1579},[1573,2101,2103],{"class":2102},"sbssI","0",[1573,2105,1868],{"class":1579},[1573,2107,2109,2111,2114,2116,2118,2121],{"class":1575,"line":2108},22,[1573,2110,2092],{"class":1579},[1573,2112,2113],{"class":1598},"max",[1573,2115,1602],{"class":1579},[1573,2117,1605],{"class":1579},[1573,2119,2120],{"class":2102},"1",[1573,2122,1868],{"class":1579},[1573,2124,2126,2128,2131,2133,2135,2138],{"class":1575,"line":2125},23,[1573,2127,2092],{"class":1579},[1573,2129,2130],{"class":1598},"step",[1573,2132,1602],{"class":1579},[1573,2134,1605],{"class":1579},[1573,2136,2137],{"class":2102},"0.05",[1573,2139,1868],{"class":1579},[1573,2141,2143,2146,2148,2150,2153],{"class":1575,"line":2142},24,[1573,2144,2145],{"class":1598},"          class",[1573,2147,1602],{"class":1579},[1573,2149,1605],{"class":1579},[1573,2151,2152],{"class":1608},"flex-1",[1573,2154,1868],{"class":1579},[1573,2156,2158],{"class":1575,"line":2157},25,[1573,2159,2160],{"class":1579},"        \u002F>\n",[1573,2162,2164,2166,2168],{"class":1575,"line":2163},26,[1573,2165,1668],{"class":1579},[1573,2167,2022],{"class":1583},[1573,2169,1586],{"class":1579},[1573,2171,2173,2175,2177,2179,2181,2183,2185,2187],{"class":1575,"line":2172},27,[1573,2174,1640],{"class":1579},[1573,2176,2022],{"class":1583},[1573,2178,1599],{"class":1598},[1573,2180,1602],{"class":1579},[1573,2182,1605],{"class":1579},[1573,2184,2031],{"class":1608},[1573,2186,1605],{"class":1579},[1573,2188,1586],{"class":1579},[1573,2190,2192,2194,2196,2198,2200,2202,2204,2206,2208,2210,2212,2214],{"class":1575,"line":2191},28,[1573,2193,1943],{"class":1579},[1573,2195,1573],{"class":1583},[1573,2197,1599],{"class":1598},[1573,2199,1602],{"class":1579},[1573,2201,1605],{"class":1579},[1573,2203,2051],{"class":1608},[1573,2205,1605],{"class":1579},[1573,2207,2056],{"class":1579},[1573,2209,1787],{"class":1661},[1573,2211,1768],{"class":1579},[1573,2213,1573],{"class":1583},[1573,2215,1586],{"class":1579},[1573,2217,2219,2221],{"class":1575,"line":2218},29,[1573,2220,1943],{"class":1579},[1573,2222,2072],{"class":1583},[1573,2224,2226,2228,2230,2232,2234],{"class":1575,"line":2225},30,[1573,2227,2078],{"class":1598},[1573,2229,1602],{"class":1579},[1573,2231,1605],{"class":1579},[1573,2233,1787],{"class":1661},[1573,2235,1868],{"class":1579},[1573,2237,2239,2241,2243,2245,2247,2249],{"class":1575,"line":2238},31,[1573,2240,2092],{"class":1579},[1573,2242,2095],{"class":1598},[1573,2244,1602],{"class":1579},[1573,2246,1605],{"class":1579},[1573,2248,2103],{"class":2102},[1573,2250,1868],{"class":1579},[1573,2252,2254,2256,2258,2260,2262,2264],{"class":1575,"line":2253},32,[1573,2255,2092],{"class":1579},[1573,2257,2113],{"class":1598},[1573,2259,1602],{"class":1579},[1573,2261,1605],{"class":1579},[1573,2263,2120],{"class":2102},[1573,2265,1868],{"class":1579},[1573,2267,2269,2271,2273,2275,2277,2279],{"class":1575,"line":2268},33,[1573,2270,2092],{"class":1579},[1573,2272,2130],{"class":1598},[1573,2274,1602],{"class":1579},[1573,2276,1605],{"class":1579},[1573,2278,2137],{"class":2102},[1573,2280,1868],{"class":1579},[1573,2282,2284,2286,2288,2290,2292],{"class":1575,"line":2283},34,[1573,2285,2145],{"class":1598},[1573,2287,1602],{"class":1579},[1573,2289,1605],{"class":1579},[1573,2291,2152],{"class":1608},[1573,2293,1868],{"class":1579},[1573,2295,2297],{"class":1575,"line":2296},35,[1573,2298,2160],{"class":1579},[1573,2300,2302,2304,2306],{"class":1575,"line":2301},36,[1573,2303,1668],{"class":1579},[1573,2305,2022],{"class":1583},[1573,2307,1586],{"class":1579},[1573,2309,2311,2313,2315,2317,2319,2321,2323,2325],{"class":1575,"line":2310},37,[1573,2312,1640],{"class":1579},[1573,2314,2022],{"class":1583},[1573,2316,1599],{"class":1598},[1573,2318,1602],{"class":1579},[1573,2320,1605],{"class":1579},[1573,2322,2031],{"class":1608},[1573,2324,1605],{"class":1579},[1573,2326,1586],{"class":1579},[1573,2328,2330,2332,2334,2336,2338,2340,2342,2344,2346,2349,2351,2353],{"class":1575,"line":2329},38,[1573,2331,1943],{"class":1579},[1573,2333,1573],{"class":1583},[1573,2335,1599],{"class":1598},[1573,2337,1602],{"class":1579},[1573,2339,1605],{"class":1579},[1573,2341,2051],{"class":1608},[1573,2343,1605],{"class":1579},[1573,2345,2056],{"class":1579},[1573,2347,2348],{"class":1661},"sheen",[1573,2350,1768],{"class":1579},[1573,2352,1573],{"class":1583},[1573,2354,1586],{"class":1579},[1573,2356,2358,2360],{"class":1575,"line":2357},39,[1573,2359,1943],{"class":1579},[1573,2361,2072],{"class":1583},[1573,2363,2365,2367,2369,2371,2373],{"class":1575,"line":2364},40,[1573,2366,2078],{"class":1598},[1573,2368,1602],{"class":1579},[1573,2370,1605],{"class":1579},[1573,2372,1912],{"class":1661},[1573,2374,1868],{"class":1579},[1573,2376,2378,2380,2382,2384,2386,2389],{"class":1575,"line":2377},41,[1573,2379,2092],{"class":1579},[1573,2381,2095],{"class":1598},[1573,2383,1602],{"class":1579},[1573,2385,1605],{"class":1579},[1573,2387,2388],{"class":2102},"0.2",[1573,2390,1868],{"class":1579},[1573,2392,2394,2396,2398,2400,2402,2405],{"class":1575,"line":2393},42,[1573,2395,2092],{"class":1579},[1573,2397,2113],{"class":1598},[1573,2399,1602],{"class":1579},[1573,2401,1605],{"class":1579},[1573,2403,2404],{"class":2102},"3",[1573,2406,1868],{"class":1579},[1573,2408,2410,2412,2414,2416,2418,2421],{"class":1575,"line":2409},43,[1573,2411,2092],{"class":1579},[1573,2413,2130],{"class":1598},[1573,2415,1602],{"class":1579},[1573,2417,1605],{"class":1579},[1573,2419,2420],{"class":2102},"0.1",[1573,2422,1868],{"class":1579},[1573,2424,2426,2428,2430,2432,2434],{"class":1575,"line":2425},44,[1573,2427,2145],{"class":1598},[1573,2429,1602],{"class":1579},[1573,2431,1605],{"class":1579},[1573,2433,2152],{"class":1608},[1573,2435,1868],{"class":1579},[1573,2437,2439],{"class":1575,"line":2438},45,[1573,2440,2160],{"class":1579},[1573,2442,2444,2446,2448],{"class":1575,"line":2443},46,[1573,2445,1668],{"class":1579},[1573,2447,2022],{"class":1583},[1573,2449,1586],{"class":1579},[1573,2451,2453,2455,2457],{"class":1575,"line":2452},47,[1573,2454,1748],{"class":1579},[1573,2456,1548],{"class":1583},[1573,2458,1586],{"class":1579},[1573,2460,2462,2464,2466],{"class":1575,"line":2461},48,[1573,2463,1758],{"class":1579},[1573,2465,1548],{"class":1583},[1573,2467,1586],{"class":1579},[1573,2469,2471,2473,2475],{"class":1575,"line":2470},49,[1573,2472,1768],{"class":1579},[1573,2474,1561],{"class":1583},[1573,2476,1586],{"class":1579},[1573,2478,2480],{"class":1575,"line":2479},50,[1573,2481,1994],{"emptyLinePlaceholder":1993},[1573,2483,2485,2487,2490,2493,2496,2498,2500,2503,2505],{"class":1575,"line":2484},51,[1573,2486,1580],{"class":1579},[1573,2488,2489],{"class":1583},"script",[1573,2491,2492],{"class":1598}," setup",[1573,2494,2495],{"class":1598}," lang",[1573,2497,1602],{"class":1579},[1573,2499,1605],{"class":1579},[1573,2501,2502],{"class":1608},"ts",[1573,2504,1605],{"class":1579},[1573,2506,1586],{"class":1579},[1573,2508,2510,2513,2516,2518,2522,2525,2528],{"class":1575,"line":2509},52,[1573,2511,2512],{"class":1598},"const",[1573,2514,2515],{"class":1661}," intensity ",[1573,2517,1602],{"class":1579},[1573,2519,2521],{"class":2520},"s2Zo4"," ref",[1573,2523,2524],{"class":1661},"(",[1573,2526,2527],{"class":2102},"0.6",[1573,2529,2530],{"class":1661},")\n",[1573,2532,2534,2536,2539,2541,2543,2545,2548],{"class":1575,"line":2533},53,[1573,2535,2512],{"class":1598},[1573,2537,2538],{"class":1661}," glare ",[1573,2540,1602],{"class":1579},[1573,2542,2521],{"class":2520},[1573,2544,2524],{"class":1661},[1573,2546,2547],{"class":2102},"0.5",[1573,2549,2530],{"class":1661},[1573,2551,2553,2555,2558,2560,2562,2564,2566],{"class":1575,"line":2552},54,[1573,2554,2512],{"class":1598},[1573,2556,2557],{"class":1661}," sheenSpeed ",[1573,2559,1602],{"class":1579},[1573,2561,2521],{"class":2520},[1573,2563,2524],{"class":1661},[1573,2565,2120],{"class":2102},[1573,2567,2530],{"class":1661},[1573,2569,2571,2573,2575],{"class":1575,"line":2570},55,[1573,2572,1768],{"class":1579},[1573,2574,2489],{"class":1583},[1573,2576,1586],{"class":1579},[1802,2578,2580],{"id":2579},"customize","Customize",[1544,2582,2583,2589],{"label":1546},[1548,2584,1555,2586],{"className":2585},[1553],[1557,2587],{"name":2588},"holographic-foil-custom",[1561,2590,2591],{"v-slot:code":1563},[2592,2593],"playground-code",{"name":2594},"HolographicFoil",[1537,2596,2598],{"id":2597},"materials","Materials",[1520,2600,2601,2604,2605,2608,2609,2613],{},[1524,2602,2603],{},"pattern"," picks one of four gradients. Each is a ",[1524,2606,2607],{},"repeating-linear-gradient"," of\nhue bands ",[2610,2611,2612],"strong",{},"with gaps",", laid over a low-alpha wash: a uniform wash reads as a\ntinted rectangle rather than a foil, and without the base layer the card goes\nblack between the bands.",[2615,2616,2617,2636],"table",{},[2618,2619,2620],"thead",{},[2621,2622,2623,2627,2630,2633],"tr",{},[2624,2625,2626],"th",{},"Pattern",[2624,2628,2629],{},"Character",[2624,2631,2632],{},"Hue swing",[2624,2634,2635],{},"Saturation",[2637,2638,2639,2660,2675,2690],"tbody",{},[2621,2640,2641,2651,2654,2657],{},[2642,2643,2644,2647,2648],"td",{},[1524,2645,2646],{},"prism"," ",[1529,2649,2650],{},"(default)",[2642,2652,2653],{},"Cyan, violet, magenta, capped with one gold band",[2642,2655,2656],{},"±34°",[2642,2658,2659],{},"1.1",[2621,2661,2662,2667,2670,2673],{},[2642,2663,2664],{},[1524,2665,2666],{},"gold",[2642,2668,2669],{},"Gold through amber into magenta",[2642,2671,2672],{},"±24°",[2642,2674,2120],{},[2621,2676,2677,2682,2685,2688],{},[2642,2678,2679],{},[1524,2680,2681],{},"aurora",[2642,2683,2684],{},"Blue through violet into cyan",[2642,2686,2687],{},"±20°",[2642,2689,2120],{},[2621,2691,2692,2697,2700,2703],{},[2642,2693,2694],{},[1524,2695,2696],{},"oil",[2642,2698,2699],{},"Wide spread at very low chroma — an oil film",[2642,2701,2702],{},"±30°",[2642,2704,2705],{},"0.7",[1520,2707,2708,2709,2712,2713,2715,2716,2718],{},"The hue swing is the peak ",[1524,2710,2711],{},"hue-rotate"," at the extremes of pointer travel, and\nsaturation is a multiplier on the derived filter, which is why ",[1524,2714,2696],{}," stays\nmuted while ",[1524,2717,2646],{}," is the most aggressive of the four.",[1544,2720,2721,2727],{"label":1546},[1548,2722,1555,2724],{"className":2723},[1551,1552,1553,1554],[1557,2725],{"name":2726},"holographic-foil-materials",[1561,2728,2729],{"v-slot:code":1563},[1565,2730,2732],{"className":1567,"code":2731,"language":1569,"meta":1563,"style":1563},"\u003Ctemplate>\n  \u003Cdiv class=\"grid w-full max-w-2xl gap-4 sm:grid-cols-2\">\n    \u003CMHolographicFoil\n      v-for=\"material in materials\"\n      :key=\"material\"\n      class=\"h-40\"\n      :pattern=\"material\"\n    >\n      \u003Cdiv class=\"flex h-full items-end p-4\">\n        \u003Cspan class=\"text-sm font-semibold capitalize text-white\u002F90\">\n          {{ material }}\n        \u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002FMHolographicFoil>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst materials = ['prism', 'gold', 'aurora', 'oil'] as const\n\u003C\u002Fscript>\n",[1524,2733,2734,2742,2761,2767,2787,2802,2815,2829,2833,2852,2871,2876,2884,2892,2900,2908,2916,2920,2940,2994],{"__ignoreMap":1563},[1573,2735,2736,2738,2740],{"class":1575,"line":1576},[1573,2737,1580],{"class":1579},[1573,2739,1561],{"class":1583},[1573,2741,1586],{"class":1579},[1573,2743,2744,2746,2748,2750,2752,2754,2757,2759],{"class":1575,"line":1589},[1573,2745,1592],{"class":1579},[1573,2747,1548],{"class":1583},[1573,2749,1599],{"class":1598},[1573,2751,1602],{"class":1579},[1573,2753,1605],{"class":1579},[1573,2755,2756],{"class":1608},"grid w-full max-w-2xl gap-4 sm:grid-cols-2",[1573,2758,1605],{"class":1579},[1573,2760,1586],{"class":1579},[1573,2762,2763,2765],{"class":1575,"line":1616},[1573,2764,1619],{"class":1579},[1573,2766,1853],{"class":1583},[1573,2768,2769,2773,2775,2777,2780,2783,2785],{"class":1575,"line":1637},[1573,2770,2772],{"class":2771},"s7zQu","      v-for",[1573,2774,1602],{"class":1579},[1573,2776,1605],{"class":1579},[1573,2778,2779],{"class":1661},"material",[1573,2781,2782],{"class":1579}," in ",[1573,2784,2597],{"class":1661},[1573,2786,1868],{"class":1579},[1573,2788,2789,2791,2794,2796,2798,2800],{"class":1575,"line":1658},[1573,2790,1873],{"class":1579},[1573,2792,2793],{"class":1598},"key",[1573,2795,1602],{"class":1579},[1573,2797,1605],{"class":1579},[1573,2799,2779],{"class":1661},[1573,2801,1868],{"class":1579},[1573,2803,2804,2806,2808,2810,2813],{"class":1575,"line":1665},[1573,2805,1858],{"class":1598},[1573,2807,1602],{"class":1579},[1573,2809,1605],{"class":1579},[1573,2811,2812],{"class":1608},"h-40",[1573,2814,1868],{"class":1579},[1573,2816,2817,2819,2821,2823,2825,2827],{"class":1575,"line":1675},[1573,2818,1873],{"class":1579},[1573,2820,2603],{"class":1598},[1573,2822,1602],{"class":1579},[1573,2824,1605],{"class":1579},[1573,2826,2779],{"class":1661},[1573,2828,1868],{"class":1579},[1573,2830,2831],{"class":1575,"line":1695},[1573,2832,1919],{"class":1579},[1573,2834,2835,2837,2839,2841,2843,2845,2848,2850],{"class":1575,"line":1701},[1573,2836,1640],{"class":1579},[1573,2838,1548],{"class":1583},[1573,2840,1599],{"class":1598},[1573,2842,1602],{"class":1579},[1573,2844,1605],{"class":1579},[1573,2846,2847],{"class":1608},"flex h-full items-end p-4",[1573,2849,1605],{"class":1579},[1573,2851,1586],{"class":1579},[1573,2853,2854,2856,2858,2860,2862,2864,2867,2869],{"class":1575,"line":1710},[1573,2855,1943],{"class":1579},[1573,2857,1573],{"class":1583},[1573,2859,1599],{"class":1598},[1573,2861,1602],{"class":1579},[1573,2863,1605],{"class":1579},[1573,2865,2866],{"class":1608},"text-sm font-semibold capitalize text-white\u002F90",[1573,2868,1605],{"class":1579},[1573,2870,1586],{"class":1579},[1573,2872,2873],{"class":1575,"line":1730},[1573,2874,2875],{"class":1661},"          {{ material }}\n",[1573,2877,2878,2880,2882],{"class":1575,"line":1736},[1573,2879,1968],{"class":1579},[1573,2881,1573],{"class":1583},[1573,2883,1586],{"class":1579},[1573,2885,2886,2888,2890],{"class":1575,"line":1745},[1573,2887,1668],{"class":1579},[1573,2889,1548],{"class":1583},[1573,2891,1586],{"class":1579},[1573,2893,2894,2896,2898],{"class":1575,"line":1755},[1573,2895,1748],{"class":1579},[1573,2897,1595],{"class":1583},[1573,2899,1586],{"class":1579},[1573,2901,2902,2904,2906],{"class":1575,"line":1765},[1573,2903,1758],{"class":1579},[1573,2905,1548],{"class":1583},[1573,2907,1586],{"class":1579},[1573,2909,2910,2912,2914],{"class":1575,"line":1997},[1573,2911,1768],{"class":1579},[1573,2913,1561],{"class":1583},[1573,2915,1586],{"class":1579},[1573,2917,2918],{"class":1575,"line":2017},[1573,2919,1994],{"emptyLinePlaceholder":1993},[1573,2921,2922,2924,2926,2928,2930,2932,2934,2936,2938],{"class":1575,"line":2038},[1573,2923,1580],{"class":1579},[1573,2925,2489],{"class":1583},[1573,2927,2492],{"class":1598},[1573,2929,2495],{"class":1598},[1573,2931,1602],{"class":1579},[1573,2933,1605],{"class":1579},[1573,2935,2502],{"class":1608},[1573,2937,1605],{"class":1579},[1573,2939,1586],{"class":1579},[1573,2941,2942,2944,2947,2949,2952,2955,2957,2959,2962,2965,2967,2969,2971,2973,2975,2977,2979,2981,2983,2985,2988,2991],{"class":1575,"line":2067},[1573,2943,2512],{"class":1598},[1573,2945,2946],{"class":1661}," materials ",[1573,2948,1602],{"class":1579},[1573,2950,2951],{"class":1661}," [",[1573,2953,2954],{"class":1579},"'",[1573,2956,2646],{"class":1608},[1573,2958,2954],{"class":1579},[1573,2960,2961],{"class":1579},",",[1573,2963,2964],{"class":1579}," '",[1573,2966,2666],{"class":1608},[1573,2968,2954],{"class":1579},[1573,2970,2961],{"class":1579},[1573,2972,2964],{"class":1579},[1573,2974,2681],{"class":1608},[1573,2976,2954],{"class":1579},[1573,2978,2961],{"class":1579},[1573,2980,2964],{"class":1579},[1573,2982,2696],{"class":1608},[1573,2984,2954],{"class":1579},[1573,2986,2987],{"class":1661},"] ",[1573,2989,2990],{"class":2771},"as",[1573,2992,2993],{"class":1598}," const\n",[1573,2995,2996,2998,3000],{"class":1575,"line":2075},[1573,2997,1768],{"class":1579},[1573,2999,2489],{"class":1583},[1573,3001,1586],{"class":1579},[1520,3003,3004,3005,3007],{},"Switching ",[1524,3006,2603],{}," at runtime takes effect immediately — it does not wait for\nthe pointer to move again.",[1537,3009,3011],{"id":3010},"blend-order","Blend order",[1520,3013,3014,3017,3018,3021,3022,3025,3026,3029],{},[1524,3015,3016],{},"foilOver"," is the decision that matters most. The sheet is placed ",[2610,3019,3020],{},"before"," or\n",[2610,3023,3024],{},"after"," your content in the DOM, never lifted with ",[1524,3027,3028],{},"z-index",":",[1565,3031,3033],{"className":1567,"code":3032,"language":1569,"meta":1563,"style":1563},"\u003C!-- under: the foil blends with the card background -->\n\u003CMHolographicFoil class=\"h-64\">\n  \u003Cp class=\"p-6 text-white\">Behind the light\u003C\u002Fp>\n\u003C\u002FMHolographicFoil>\n\n\u003C!-- over: the artwork itself catches the light -->\n\u003CMHolographicFoil class=\"h-64\" foil-over>\n  \u003Cdiv class=\"h-full bg-gradient-to-br from-#4c1d95 to-#0ea5e9 p-6\">\n    \u003Cp class=\"text-white\">Caught by the light\u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002FMHolographicFoil>\n",[1524,3034,3035,3041,3060,3065,3073,3077,3082,3103,3108,3113,3118],{"__ignoreMap":1563},[1573,3036,3037],{"class":1575,"line":1576},[1573,3038,3040],{"class":3039},"sHwdD","\u003C!-- under: the foil blends with the card background -->\n",[1573,3042,3043,3045,3047,3049,3051,3053,3056,3058],{"class":1575,"line":1589},[1573,3044,1580],{"class":1579},[1573,3046,1595],{"class":1583},[1573,3048,1599],{"class":1598},[1573,3050,1602],{"class":1579},[1573,3052,1605],{"class":1579},[1573,3054,3055],{"class":1608},"h-64",[1573,3057,1605],{"class":1579},[1573,3059,1586],{"class":1579},[1573,3061,3062],{"class":1575,"line":1616},[1573,3063,3064],{"class":1661},"  \u003Cp class=\"p-6 text-white\">Behind the light\u003C\u002Fp>\n",[1573,3066,3067,3069,3071],{"class":1575,"line":1637},[1573,3068,1768],{"class":1579},[1573,3070,1595],{"class":1583},[1573,3072,1586],{"class":1579},[1573,3074,3075],{"class":1575,"line":1658},[1573,3076,1994],{"emptyLinePlaceholder":1993},[1573,3078,3079],{"class":1575,"line":1665},[1573,3080,3081],{"class":3039},"\u003C!-- over: the artwork itself catches the light -->\n",[1573,3083,3084,3086,3088,3090,3092,3094,3096,3098,3101],{"class":1575,"line":1675},[1573,3085,1580],{"class":1579},[1573,3087,1595],{"class":1583},[1573,3089,1599],{"class":1598},[1573,3091,1602],{"class":1579},[1573,3093,1605],{"class":1579},[1573,3095,3055],{"class":1608},[1573,3097,1605],{"class":1579},[1573,3099,3100],{"class":1598}," foil-over",[1573,3102,1586],{"class":1579},[1573,3104,3105],{"class":1575,"line":1695},[1573,3106,3107],{"class":1661},"  \u003Cdiv class=\"h-full bg-gradient-to-br from-#4c1d95 to-#0ea5e9 p-6\">\n",[1573,3109,3110],{"class":1575,"line":1701},[1573,3111,3112],{"class":1661},"    \u003Cp class=\"text-white\">Caught by the light\u003C\u002Fp>\n",[1573,3114,3115],{"class":1575,"line":1710},[1573,3116,3117],{"class":1661},"  \u003C\u002Fdiv>\n",[1573,3119,3120,3122,3124],{"class":1575,"line":1730},[1573,3121,1768],{"class":1579},[1573,3123,1595],{"class":1583},[1573,3125,1586],{"class":1579},[1520,3127,3128,3129,3131,3132,3134,3135,3138],{},"This is not cosmetic. A ",[1524,3130,3028],{}," would make the foil a stacking context of its\nown, and ",[1524,3133,1526],{}," would then apply to ",[1529,3136,3137],{},"that context"," instead of to the\nartwork underneath — which is the difference between \"the artwork catches the\nlight\" and \"a text scrim stays stubbornly opaque\".",[1544,3140,3141,3147],{"label":1546},[1548,3142,1555,3144],{"className":3143},[1551,1552,1553,1554],[1557,3145],{"name":3146},"holographic-foil-over",[1561,3148,3149],{"v-slot:code":1563},[1565,3150,3152],{"className":1567,"code":3151,"language":1569,"meta":1563,"style":1563},"\u003Ctemplate>\n  \u003CMHolographicFoil\n    class=\"h-64 w-full max-w-sm\"\n    pattern=\"aurora\"\n    foil-over\n  >\n    \u003Cdiv class=\"flex h-full flex-col justify-center gap-2 bg-gradient-to-br from-#4c1d95 via-#7c3aed to-#0ea5e9 p-6\">\n      \u003Cp class=\"text-xl font-semibold text-white\">\n        Foil over content\n      \u003C\u002Fp>\n      \u003Cp class=\"text-sm text-white\u002F80\">\n        The sheet is blended after the artwork, so the gradient itself catches\n        the light instead of sitting behind it.\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002FMHolographicFoil>\n\u003C\u002Ftemplate>\n",[1524,3153,3154,3162,3168,3182,3195,3200,3205,3224,3243,3248,3256,3275,3280,3285,3293,3301,3309],{"__ignoreMap":1563},[1573,3155,3156,3158,3160],{"class":1575,"line":1576},[1573,3157,1580],{"class":1579},[1573,3159,1561],{"class":1583},[1573,3161,1586],{"class":1579},[1573,3163,3164,3166],{"class":1575,"line":1589},[1573,3165,1592],{"class":1579},[1573,3167,1853],{"class":1583},[1573,3169,3170,3173,3175,3177,3180],{"class":1575,"line":1616},[1573,3171,3172],{"class":1598},"    class",[1573,3174,1602],{"class":1579},[1573,3176,1605],{"class":1579},[1573,3178,3179],{"class":1608},"h-64 w-full max-w-sm",[1573,3181,1868],{"class":1579},[1573,3183,3184,3187,3189,3191,3193],{"class":1575,"line":1637},[1573,3185,3186],{"class":1598},"    pattern",[1573,3188,1602],{"class":1579},[1573,3190,1605],{"class":1579},[1573,3192,2681],{"class":1608},[1573,3194,1868],{"class":1579},[1573,3196,3197],{"class":1575,"line":1658},[1573,3198,3199],{"class":1598},"    foil-over\n",[1573,3201,3202],{"class":1575,"line":1665},[1573,3203,3204],{"class":1579},"  >\n",[1573,3206,3207,3209,3211,3213,3215,3217,3220,3222],{"class":1575,"line":1675},[1573,3208,1619],{"class":1579},[1573,3210,1548],{"class":1583},[1573,3212,1599],{"class":1598},[1573,3214,1602],{"class":1579},[1573,3216,1605],{"class":1579},[1573,3218,3219],{"class":1608},"flex h-full flex-col justify-center gap-2 bg-gradient-to-br from-#4c1d95 via-#7c3aed to-#0ea5e9 p-6",[1573,3221,1605],{"class":1579},[1573,3223,1586],{"class":1579},[1573,3225,3226,3228,3230,3232,3234,3236,3239,3241],{"class":1575,"line":1695},[1573,3227,1640],{"class":1579},[1573,3229,1520],{"class":1583},[1573,3231,1599],{"class":1598},[1573,3233,1602],{"class":1579},[1573,3235,1605],{"class":1579},[1573,3237,3238],{"class":1608},"text-xl font-semibold text-white",[1573,3240,1605],{"class":1579},[1573,3242,1586],{"class":1579},[1573,3244,3245],{"class":1575,"line":1701},[1573,3246,3247],{"class":1661},"        Foil over content\n",[1573,3249,3250,3252,3254],{"class":1575,"line":1710},[1573,3251,1668],{"class":1579},[1573,3253,1520],{"class":1583},[1573,3255,1586],{"class":1579},[1573,3257,3258,3260,3262,3264,3266,3268,3271,3273],{"class":1575,"line":1730},[1573,3259,1640],{"class":1579},[1573,3261,1520],{"class":1583},[1573,3263,1599],{"class":1598},[1573,3265,1602],{"class":1579},[1573,3267,1605],{"class":1579},[1573,3269,3270],{"class":1608},"text-sm text-white\u002F80",[1573,3272,1605],{"class":1579},[1573,3274,1586],{"class":1579},[1573,3276,3277],{"class":1575,"line":1736},[1573,3278,3279],{"class":1661},"        The sheet is blended after the artwork, so the gradient itself catches\n",[1573,3281,3282],{"class":1575,"line":1745},[1573,3283,3284],{"class":1661},"        the light instead of sitting behind it.\n",[1573,3286,3287,3289,3291],{"class":1575,"line":1755},[1573,3288,1668],{"class":1579},[1573,3290,1520],{"class":1583},[1573,3292,1586],{"class":1579},[1573,3294,3295,3297,3299],{"class":1575,"line":1765},[1573,3296,1748],{"class":1579},[1573,3298,1548],{"class":1583},[1573,3300,1586],{"class":1579},[1573,3302,3303,3305,3307],{"class":1575,"line":1997},[1573,3304,1758],{"class":1579},[1573,3306,1595],{"class":1583},[1573,3308,1586],{"class":1579},[1573,3310,3311,3313,3315],{"class":1575,"line":2017},[1573,3312,1768],{"class":1579},[1573,3314,1561],{"class":1583},[1573,3316,1586],{"class":1579},[1537,3318,3320],{"id":3319},"tuning","Tuning",[1520,3322,3323,3325,3326,3328],{},[1524,3324,1876],{}," and ",[1524,3327,1787],{}," control different parts of the effect and are not two\nhandles on the same knob:",[3330,3331,3332,3350],"ul",{},[3333,3334,3335,3339,3340,1792,3343,3346,3347,3349],"li",{},[2610,3336,3337],{},[1524,3338,1876],{}," is the foil: its opacity, and the ",[1524,3341,3342],{},"saturate",[1524,3344,3345],{},"contrast"," on the\nfilter. At ",[1524,3348,2103],{}," the sheet drops to a 0.05 floor rather than disappearing, so the\ncard never goes flat-black.",[3333,3351,3352,3356,3357,3360],{},[2610,3353,3354],{},[1524,3355,1787],{}," is the light: the drifting white blob ",[2610,3358,3359],{},"and"," the sheen band, both\nscaled from it. This is deliberate — a surface with a moving reflection and\nnone of the foil reads as plastic.",[1520,3362,3363,3365],{},[1524,3364,1912],{}," multiplies the sweep rate of a six-second loop.",[1544,3367,3368,3373],{"label":1546},[1548,3369,1555,3371],{"className":3370},[1551,1552,1553,1554],[1557,3372],{"name":1812},[1561,3374,3375],{"v-slot:code":1563},[1565,3376,3377],{"className":1567,"code":1817,"language":1569,"meta":1563,"style":1563},[1524,3378,3379,3387,3405,3411,3423,3437,3451,3465,3469,3487,3505,3509,3517,3525,3533,3537,3555,3573,3599,3605,3617,3631,3645,3659,3671,3675,3683,3701,3727,3733,3745,3759,3773,3787,3799,3803,3811,3829,3855,3861,3873,3887,3901,3915,3927,3931,3939,3947,3955,3963,3967,3987,4003,4019,4035],{"__ignoreMap":1563},[1573,3380,3381,3383,3385],{"class":1575,"line":1576},[1573,3382,1580],{"class":1579},[1573,3384,1561],{"class":1583},[1573,3386,1586],{"class":1579},[1573,3388,3389,3391,3393,3395,3397,3399,3401,3403],{"class":1575,"line":1589},[1573,3390,1592],{"class":1579},[1573,3392,1548],{"class":1583},[1573,3394,1599],{"class":1598},[1573,3396,1602],{"class":1579},[1573,3398,1605],{"class":1579},[1573,3400,1842],{"class":1608},[1573,3402,1605],{"class":1579},[1573,3404,1586],{"class":1579},[1573,3406,3407,3409],{"class":1575,"line":1616},[1573,3408,1619],{"class":1579},[1573,3410,1853],{"class":1583},[1573,3412,3413,3415,3417,3419,3421],{"class":1575,"line":1637},[1573,3414,1858],{"class":1598},[1573,3416,1602],{"class":1579},[1573,3418,1605],{"class":1579},[1573,3420,1865],{"class":1608},[1573,3422,1868],{"class":1579},[1573,3424,3425,3427,3429,3431,3433,3435],{"class":1575,"line":1658},[1573,3426,1873],{"class":1579},[1573,3428,1876],{"class":1598},[1573,3430,1602],{"class":1579},[1573,3432,1605],{"class":1579},[1573,3434,1876],{"class":1661},[1573,3436,1868],{"class":1579},[1573,3438,3439,3441,3443,3445,3447,3449],{"class":1575,"line":1665},[1573,3440,1873],{"class":1579},[1573,3442,1787],{"class":1598},[1573,3444,1602],{"class":1579},[1573,3446,1605],{"class":1579},[1573,3448,1787],{"class":1661},[1573,3450,1868],{"class":1579},[1573,3452,3453,3455,3457,3459,3461,3463],{"class":1575,"line":1675},[1573,3454,1873],{"class":1579},[1573,3456,1905],{"class":1598},[1573,3458,1602],{"class":1579},[1573,3460,1605],{"class":1579},[1573,3462,1912],{"class":1661},[1573,3464,1868],{"class":1579},[1573,3466,3467],{"class":1575,"line":1695},[1573,3468,1919],{"class":1579},[1573,3470,3471,3473,3475,3477,3479,3481,3483,3485],{"class":1575,"line":1701},[1573,3472,1640],{"class":1579},[1573,3474,1548],{"class":1583},[1573,3476,1599],{"class":1598},[1573,3478,1602],{"class":1579},[1573,3480,1605],{"class":1579},[1573,3482,1934],{"class":1608},[1573,3484,1605],{"class":1579},[1573,3486,1586],{"class":1579},[1573,3488,3489,3491,3493,3495,3497,3499,3501,3503],{"class":1575,"line":1710},[1573,3490,1943],{"class":1579},[1573,3492,1573],{"class":1583},[1573,3494,1599],{"class":1598},[1573,3496,1602],{"class":1579},[1573,3498,1605],{"class":1579},[1573,3500,1954],{"class":1608},[1573,3502,1605],{"class":1579},[1573,3504,1586],{"class":1579},[1573,3506,3507],{"class":1575,"line":1730},[1573,3508,1963],{"class":1661},[1573,3510,3511,3513,3515],{"class":1575,"line":1736},[1573,3512,1968],{"class":1579},[1573,3514,1573],{"class":1583},[1573,3516,1586],{"class":1579},[1573,3518,3519,3521,3523],{"class":1575,"line":1745},[1573,3520,1668],{"class":1579},[1573,3522,1548],{"class":1583},[1573,3524,1586],{"class":1579},[1573,3526,3527,3529,3531],{"class":1575,"line":1755},[1573,3528,1748],{"class":1579},[1573,3530,1595],{"class":1583},[1573,3532,1586],{"class":1579},[1573,3534,3535],{"class":1575,"line":1765},[1573,3536,1994],{"emptyLinePlaceholder":1993},[1573,3538,3539,3541,3543,3545,3547,3549,3551,3553],{"class":1575,"line":1997},[1573,3540,1619],{"class":1579},[1573,3542,1548],{"class":1583},[1573,3544,1599],{"class":1598},[1573,3546,1602],{"class":1579},[1573,3548,1605],{"class":1579},[1573,3550,2010],{"class":1608},[1573,3552,1605],{"class":1579},[1573,3554,1586],{"class":1579},[1573,3556,3557,3559,3561,3563,3565,3567,3569,3571],{"class":1575,"line":2017},[1573,3558,1640],{"class":1579},[1573,3560,2022],{"class":1583},[1573,3562,1599],{"class":1598},[1573,3564,1602],{"class":1579},[1573,3566,1605],{"class":1579},[1573,3568,2031],{"class":1608},[1573,3570,1605],{"class":1579},[1573,3572,1586],{"class":1579},[1573,3574,3575,3577,3579,3581,3583,3585,3587,3589,3591,3593,3595,3597],{"class":1575,"line":2038},[1573,3576,1943],{"class":1579},[1573,3578,1573],{"class":1583},[1573,3580,1599],{"class":1598},[1573,3582,1602],{"class":1579},[1573,3584,1605],{"class":1579},[1573,3586,2051],{"class":1608},[1573,3588,1605],{"class":1579},[1573,3590,2056],{"class":1579},[1573,3592,1876],{"class":1661},[1573,3594,1768],{"class":1579},[1573,3596,1573],{"class":1583},[1573,3598,1586],{"class":1579},[1573,3600,3601,3603],{"class":1575,"line":2067},[1573,3602,1943],{"class":1579},[1573,3604,2072],{"class":1583},[1573,3606,3607,3609,3611,3613,3615],{"class":1575,"line":2075},[1573,3608,2078],{"class":1598},[1573,3610,1602],{"class":1579},[1573,3612,1605],{"class":1579},[1573,3614,1876],{"class":1661},[1573,3616,1868],{"class":1579},[1573,3618,3619,3621,3623,3625,3627,3629],{"class":1575,"line":2089},[1573,3620,2092],{"class":1579},[1573,3622,2095],{"class":1598},[1573,3624,1602],{"class":1579},[1573,3626,1605],{"class":1579},[1573,3628,2103],{"class":2102},[1573,3630,1868],{"class":1579},[1573,3632,3633,3635,3637,3639,3641,3643],{"class":1575,"line":2108},[1573,3634,2092],{"class":1579},[1573,3636,2113],{"class":1598},[1573,3638,1602],{"class":1579},[1573,3640,1605],{"class":1579},[1573,3642,2120],{"class":2102},[1573,3644,1868],{"class":1579},[1573,3646,3647,3649,3651,3653,3655,3657],{"class":1575,"line":2125},[1573,3648,2092],{"class":1579},[1573,3650,2130],{"class":1598},[1573,3652,1602],{"class":1579},[1573,3654,1605],{"class":1579},[1573,3656,2137],{"class":2102},[1573,3658,1868],{"class":1579},[1573,3660,3661,3663,3665,3667,3669],{"class":1575,"line":2142},[1573,3662,2145],{"class":1598},[1573,3664,1602],{"class":1579},[1573,3666,1605],{"class":1579},[1573,3668,2152],{"class":1608},[1573,3670,1868],{"class":1579},[1573,3672,3673],{"class":1575,"line":2157},[1573,3674,2160],{"class":1579},[1573,3676,3677,3679,3681],{"class":1575,"line":2163},[1573,3678,1668],{"class":1579},[1573,3680,2022],{"class":1583},[1573,3682,1586],{"class":1579},[1573,3684,3685,3687,3689,3691,3693,3695,3697,3699],{"class":1575,"line":2172},[1573,3686,1640],{"class":1579},[1573,3688,2022],{"class":1583},[1573,3690,1599],{"class":1598},[1573,3692,1602],{"class":1579},[1573,3694,1605],{"class":1579},[1573,3696,2031],{"class":1608},[1573,3698,1605],{"class":1579},[1573,3700,1586],{"class":1579},[1573,3702,3703,3705,3707,3709,3711,3713,3715,3717,3719,3721,3723,3725],{"class":1575,"line":2191},[1573,3704,1943],{"class":1579},[1573,3706,1573],{"class":1583},[1573,3708,1599],{"class":1598},[1573,3710,1602],{"class":1579},[1573,3712,1605],{"class":1579},[1573,3714,2051],{"class":1608},[1573,3716,1605],{"class":1579},[1573,3718,2056],{"class":1579},[1573,3720,1787],{"class":1661},[1573,3722,1768],{"class":1579},[1573,3724,1573],{"class":1583},[1573,3726,1586],{"class":1579},[1573,3728,3729,3731],{"class":1575,"line":2218},[1573,3730,1943],{"class":1579},[1573,3732,2072],{"class":1583},[1573,3734,3735,3737,3739,3741,3743],{"class":1575,"line":2225},[1573,3736,2078],{"class":1598},[1573,3738,1602],{"class":1579},[1573,3740,1605],{"class":1579},[1573,3742,1787],{"class":1661},[1573,3744,1868],{"class":1579},[1573,3746,3747,3749,3751,3753,3755,3757],{"class":1575,"line":2238},[1573,3748,2092],{"class":1579},[1573,3750,2095],{"class":1598},[1573,3752,1602],{"class":1579},[1573,3754,1605],{"class":1579},[1573,3756,2103],{"class":2102},[1573,3758,1868],{"class":1579},[1573,3760,3761,3763,3765,3767,3769,3771],{"class":1575,"line":2253},[1573,3762,2092],{"class":1579},[1573,3764,2113],{"class":1598},[1573,3766,1602],{"class":1579},[1573,3768,1605],{"class":1579},[1573,3770,2120],{"class":2102},[1573,3772,1868],{"class":1579},[1573,3774,3775,3777,3779,3781,3783,3785],{"class":1575,"line":2268},[1573,3776,2092],{"class":1579},[1573,3778,2130],{"class":1598},[1573,3780,1602],{"class":1579},[1573,3782,1605],{"class":1579},[1573,3784,2137],{"class":2102},[1573,3786,1868],{"class":1579},[1573,3788,3789,3791,3793,3795,3797],{"class":1575,"line":2283},[1573,3790,2145],{"class":1598},[1573,3792,1602],{"class":1579},[1573,3794,1605],{"class":1579},[1573,3796,2152],{"class":1608},[1573,3798,1868],{"class":1579},[1573,3800,3801],{"class":1575,"line":2296},[1573,3802,2160],{"class":1579},[1573,3804,3805,3807,3809],{"class":1575,"line":2301},[1573,3806,1668],{"class":1579},[1573,3808,2022],{"class":1583},[1573,3810,1586],{"class":1579},[1573,3812,3813,3815,3817,3819,3821,3823,3825,3827],{"class":1575,"line":2310},[1573,3814,1640],{"class":1579},[1573,3816,2022],{"class":1583},[1573,3818,1599],{"class":1598},[1573,3820,1602],{"class":1579},[1573,3822,1605],{"class":1579},[1573,3824,2031],{"class":1608},[1573,3826,1605],{"class":1579},[1573,3828,1586],{"class":1579},[1573,3830,3831,3833,3835,3837,3839,3841,3843,3845,3847,3849,3851,3853],{"class":1575,"line":2329},[1573,3832,1943],{"class":1579},[1573,3834,1573],{"class":1583},[1573,3836,1599],{"class":1598},[1573,3838,1602],{"class":1579},[1573,3840,1605],{"class":1579},[1573,3842,2051],{"class":1608},[1573,3844,1605],{"class":1579},[1573,3846,2056],{"class":1579},[1573,3848,2348],{"class":1661},[1573,3850,1768],{"class":1579},[1573,3852,1573],{"class":1583},[1573,3854,1586],{"class":1579},[1573,3856,3857,3859],{"class":1575,"line":2357},[1573,3858,1943],{"class":1579},[1573,3860,2072],{"class":1583},[1573,3862,3863,3865,3867,3869,3871],{"class":1575,"line":2364},[1573,3864,2078],{"class":1598},[1573,3866,1602],{"class":1579},[1573,3868,1605],{"class":1579},[1573,3870,1912],{"class":1661},[1573,3872,1868],{"class":1579},[1573,3874,3875,3877,3879,3881,3883,3885],{"class":1575,"line":2377},[1573,3876,2092],{"class":1579},[1573,3878,2095],{"class":1598},[1573,3880,1602],{"class":1579},[1573,3882,1605],{"class":1579},[1573,3884,2388],{"class":2102},[1573,3886,1868],{"class":1579},[1573,3888,3889,3891,3893,3895,3897,3899],{"class":1575,"line":2393},[1573,3890,2092],{"class":1579},[1573,3892,2113],{"class":1598},[1573,3894,1602],{"class":1579},[1573,3896,1605],{"class":1579},[1573,3898,2404],{"class":2102},[1573,3900,1868],{"class":1579},[1573,3902,3903,3905,3907,3909,3911,3913],{"class":1575,"line":2409},[1573,3904,2092],{"class":1579},[1573,3906,2130],{"class":1598},[1573,3908,1602],{"class":1579},[1573,3910,1605],{"class":1579},[1573,3912,2420],{"class":2102},[1573,3914,1868],{"class":1579},[1573,3916,3917,3919,3921,3923,3925],{"class":1575,"line":2425},[1573,3918,2145],{"class":1598},[1573,3920,1602],{"class":1579},[1573,3922,1605],{"class":1579},[1573,3924,2152],{"class":1608},[1573,3926,1868],{"class":1579},[1573,3928,3929],{"class":1575,"line":2438},[1573,3930,2160],{"class":1579},[1573,3932,3933,3935,3937],{"class":1575,"line":2443},[1573,3934,1668],{"class":1579},[1573,3936,2022],{"class":1583},[1573,3938,1586],{"class":1579},[1573,3940,3941,3943,3945],{"class":1575,"line":2452},[1573,3942,1748],{"class":1579},[1573,3944,1548],{"class":1583},[1573,3946,1586],{"class":1579},[1573,3948,3949,3951,3953],{"class":1575,"line":2461},[1573,3950,1758],{"class":1579},[1573,3952,1548],{"class":1583},[1573,3954,1586],{"class":1579},[1573,3956,3957,3959,3961],{"class":1575,"line":2470},[1573,3958,1768],{"class":1579},[1573,3960,1561],{"class":1583},[1573,3962,1586],{"class":1579},[1573,3964,3965],{"class":1575,"line":2479},[1573,3966,1994],{"emptyLinePlaceholder":1993},[1573,3968,3969,3971,3973,3975,3977,3979,3981,3983,3985],{"class":1575,"line":2484},[1573,3970,1580],{"class":1579},[1573,3972,2489],{"class":1583},[1573,3974,2492],{"class":1598},[1573,3976,2495],{"class":1598},[1573,3978,1602],{"class":1579},[1573,3980,1605],{"class":1579},[1573,3982,2502],{"class":1608},[1573,3984,1605],{"class":1579},[1573,3986,1586],{"class":1579},[1573,3988,3989,3991,3993,3995,3997,3999,4001],{"class":1575,"line":2509},[1573,3990,2512],{"class":1598},[1573,3992,2515],{"class":1661},[1573,3994,1602],{"class":1579},[1573,3996,2521],{"class":2520},[1573,3998,2524],{"class":1661},[1573,4000,2527],{"class":2102},[1573,4002,2530],{"class":1661},[1573,4004,4005,4007,4009,4011,4013,4015,4017],{"class":1575,"line":2533},[1573,4006,2512],{"class":1598},[1573,4008,2538],{"class":1661},[1573,4010,1602],{"class":1579},[1573,4012,2521],{"class":2520},[1573,4014,2524],{"class":1661},[1573,4016,2547],{"class":2102},[1573,4018,2530],{"class":1661},[1573,4020,4021,4023,4025,4027,4029,4031,4033],{"class":1575,"line":2552},[1573,4022,2512],{"class":1598},[1573,4024,2557],{"class":1661},[1573,4026,1602],{"class":1579},[1573,4028,2521],{"class":2520},[1573,4030,2524],{"class":1661},[1573,4032,2120],{"class":2102},[1573,4034,2530],{"class":1661},[1573,4036,4037,4039,4041],{"class":1575,"line":2570},[1573,4038,1768],{"class":1579},[1573,4040,2489],{"class":1583},[1573,4042,1586],{"class":1579},[1537,4044,4046],{"id":4045},"props","Props",[4048,4049,4050,4061,4069,4078,4089,4094,4100,4104],"component-props",{},[4051,4052,4055,4056,4060],"component-prop",{"name":2603,"type":4053,"default":4054},"'aurora' | 'gold' | 'oil' | 'prism'","'prism'","Which foil material to paint. Takes effect immediately when changed;\nsee ",[4057,4058,2598],"a",{"href":4059},"#materials",".",[4051,4062,4064,4065,4068],{"name":1876,"type":4063,"default":2527},"number","Strength of the foil, the sheen and the glare together, ",[1524,4066,4067],{},"0..1",". Clamped.",[4051,4070,4071,4072,4074,4075,4060],{"name":1787,"type":4063,"default":2547},"Strength of the white specular blob, ",[1524,4073,4067],{},". Clamped. Scales the sheen band\nas well as the blob; see ",[4057,4076,3320],{"href":4077},"#tuning",[4051,4079,4082,4083,4085,4086,4060],{"name":3016,"type":4080,"default":4081},"boolean","false","Blend the foil over the content instead of under it. Decided by DOM order,\nnever by ",[1524,4084,3028],{},"; see ",[4057,4087,3011],{"href":4088},"#blend-order",[4051,4090,4093],{"name":4091,"type":4080,"default":4092},"tilt","true","Tilt the card toward the pointer. Turning this off leaves the foil, sheen and\nglare drifting with the pointer but the card itself flat.",[4051,4095,4096,4097,4099],{"name":1912,"type":4063,"default":2120},"Multiplier on the sheen sweep rate, over a 6-second base loop. The divisor is\nfloored, so a value of ",[1524,4098,2103],{}," slows the loop down rather than stopping it.",[4051,4101,4103],{"name":4102,"type":4080,"default":4081},"useDeviceOrientation","Drive the tilt from device orientation instead of the pointer, behind a\npermission prompt on platforms that require one.",[4051,4105,4107],{"name":1783,"type":4106},"string","Classes merged onto the card root.",[1537,4109,4111],{"id":4110},"interaction-model","Interaction model",[1520,4113,4114,4115,4118],{},"Pointer tilt is gated on ",[1524,4116,4117],{},"(hover: hover) and (pointer: fine)",". On a touch\ndevice the pointer path never arms, so the card is a static image of the\nmaterial rather than a card that twitches on every tap.",[1520,4120,4121],{},"Two inputs write the same axis values, so they are mutually exclusive: while\ndevice orientation is live, pointer movement is ignored entirely. Otherwise the\ntwo would fight each other and the card would oscillate.",[1520,4123,4124,4125,4128],{},"The pointer is mapped from the card's ",[1529,4126,4127],{},"unrotated"," geometry, captured once when\nthe pointer enters. Measuring while the card is already tilted feeds the\ntransform back into itself and makes a held-still cursor drift; the cached box\nis dropped on scroll, where it would otherwise be stale.",[1520,4130,4131],{},"Turning tracking off — reduced motion switched on mid-gesture, a coarse pointer\nreplacing a fine one — resets the axes rather than leaving the card frozen at\nwhatever angle it had reached.",[1537,4133,4135],{"id":4134},"device-orientation","Device orientation",[1520,4137,4138,4140,4141,1792,4144,4147],{},[1524,4139,4102],{}," swaps the pointer for ",[1524,4142,4143],{},"gamma",[1524,4145,4146],{},"beta",", mapped from ±32°.",[1520,4149,4150,4151,4154],{},"On iOS 13 and later the events are gated behind an explicit, user-initiated\ngrant, so the card renders its own ",[2610,4152,4153],{},"Turn on tilt"," button in the corner and only\ntilt once that has been answered. Everywhere else the events already arrive and\nthere is nothing to ask for, so the card responds on mount and no button\nappears. If the request is denied the card falls back to static rather than\nasking again.",[1544,4156,4157,4163],{"label":1546},[1548,4158,1555,4160],{"className":4159},[1551,1552,1553,1554],[1557,4161],{"name":4162},"holographic-foil-device-tilt",[1561,4164,4165],{"v-slot:code":1563},[1565,4166,4168],{"className":1567,"code":4167,"language":1569,"meta":1563,"style":1563},"\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full max-w-sm flex-col items-center gap-3\">\n    \u003CMHolographicFoil\n      class=\"h-56 w-full\"\n      pattern=\"oil\"\n      use-device-orientation\n    >\n      \u003Cdiv class=\"flex h-full flex-col items-center justify-center gap-1 p-6 text-center\">\n        \u003Cp class=\"text-lg font-semibold text-white\">\n          Tilt your device\n        \u003C\u002Fp>\n        \u003Cp class=\"text-sm text-white\u002F60\">\n          On iOS a permission button appears on the card.\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002FMHolographicFoil>\n    \u003Cp class=\"text-center text-xs text-muted\">\n      On desktop there is no prompt to answer: orientation events already\n      arrive, so the card responds as soon as it mounts.\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[1524,4169,4170,4178,4197,4203,4216,4229,4234,4238,4257,4276,4281,4289,4307,4312,4320,4328,4336,4355,4360,4365,4373,4381],{"__ignoreMap":1563},[1573,4171,4172,4174,4176],{"class":1575,"line":1576},[1573,4173,1580],{"class":1579},[1573,4175,1561],{"class":1583},[1573,4177,1586],{"class":1579},[1573,4179,4180,4182,4184,4186,4188,4190,4193,4195],{"class":1575,"line":1589},[1573,4181,1592],{"class":1579},[1573,4183,1548],{"class":1583},[1573,4185,1599],{"class":1598},[1573,4187,1602],{"class":1579},[1573,4189,1605],{"class":1579},[1573,4191,4192],{"class":1608},"flex w-full max-w-sm flex-col items-center gap-3",[1573,4194,1605],{"class":1579},[1573,4196,1586],{"class":1579},[1573,4198,4199,4201],{"class":1575,"line":1616},[1573,4200,1619],{"class":1579},[1573,4202,1853],{"class":1583},[1573,4204,4205,4207,4209,4211,4214],{"class":1575,"line":1637},[1573,4206,1858],{"class":1598},[1573,4208,1602],{"class":1579},[1573,4210,1605],{"class":1579},[1573,4212,4213],{"class":1608},"h-56 w-full",[1573,4215,1868],{"class":1579},[1573,4217,4218,4221,4223,4225,4227],{"class":1575,"line":1658},[1573,4219,4220],{"class":1598},"      pattern",[1573,4222,1602],{"class":1579},[1573,4224,1605],{"class":1579},[1573,4226,2696],{"class":1608},[1573,4228,1868],{"class":1579},[1573,4230,4231],{"class":1575,"line":1665},[1573,4232,4233],{"class":1598},"      use-device-orientation\n",[1573,4235,4236],{"class":1575,"line":1675},[1573,4237,1919],{"class":1579},[1573,4239,4240,4242,4244,4246,4248,4250,4253,4255],{"class":1575,"line":1695},[1573,4241,1640],{"class":1579},[1573,4243,1548],{"class":1583},[1573,4245,1599],{"class":1598},[1573,4247,1602],{"class":1579},[1573,4249,1605],{"class":1579},[1573,4251,4252],{"class":1608},"flex h-full flex-col items-center justify-center gap-1 p-6 text-center",[1573,4254,1605],{"class":1579},[1573,4256,1586],{"class":1579},[1573,4258,4259,4261,4263,4265,4267,4269,4272,4274],{"class":1575,"line":1701},[1573,4260,1943],{"class":1579},[1573,4262,1520],{"class":1583},[1573,4264,1599],{"class":1598},[1573,4266,1602],{"class":1579},[1573,4268,1605],{"class":1579},[1573,4270,4271],{"class":1608},"text-lg font-semibold text-white",[1573,4273,1605],{"class":1579},[1573,4275,1586],{"class":1579},[1573,4277,4278],{"class":1575,"line":1710},[1573,4279,4280],{"class":1661},"          Tilt your device\n",[1573,4282,4283,4285,4287],{"class":1575,"line":1730},[1573,4284,1968],{"class":1579},[1573,4286,1520],{"class":1583},[1573,4288,1586],{"class":1579},[1573,4290,4291,4293,4295,4297,4299,4301,4303,4305],{"class":1575,"line":1736},[1573,4292,1943],{"class":1579},[1573,4294,1520],{"class":1583},[1573,4296,1599],{"class":1598},[1573,4298,1602],{"class":1579},[1573,4300,1605],{"class":1579},[1573,4302,1723],{"class":1608},[1573,4304,1605],{"class":1579},[1573,4306,1586],{"class":1579},[1573,4308,4309],{"class":1575,"line":1745},[1573,4310,4311],{"class":1661},"          On iOS a permission button appears on the card.\n",[1573,4313,4314,4316,4318],{"class":1575,"line":1755},[1573,4315,1968],{"class":1579},[1573,4317,1520],{"class":1583},[1573,4319,1586],{"class":1579},[1573,4321,4322,4324,4326],{"class":1575,"line":1765},[1573,4323,1668],{"class":1579},[1573,4325,1548],{"class":1583},[1573,4327,1586],{"class":1579},[1573,4329,4330,4332,4334],{"class":1575,"line":1997},[1573,4331,1748],{"class":1579},[1573,4333,1595],{"class":1583},[1573,4335,1586],{"class":1579},[1573,4337,4338,4340,4342,4344,4346,4348,4351,4353],{"class":1575,"line":2017},[1573,4339,1619],{"class":1579},[1573,4341,1520],{"class":1583},[1573,4343,1599],{"class":1598},[1573,4345,1602],{"class":1579},[1573,4347,1605],{"class":1579},[1573,4349,4350],{"class":1608},"text-center text-xs text-muted",[1573,4352,1605],{"class":1579},[1573,4354,1586],{"class":1579},[1573,4356,4357],{"class":1575,"line":2038},[1573,4358,4359],{"class":1661},"      On desktop there is no prompt to answer: orientation events already\n",[1573,4361,4362],{"class":1575,"line":2067},[1573,4363,4364],{"class":1661},"      arrive, so the card responds as soon as it mounts.\n",[1573,4366,4367,4369,4371],{"class":1575,"line":2075},[1573,4368,1748],{"class":1579},[1573,4370,1520],{"class":1583},[1573,4372,1586],{"class":1579},[1573,4374,4375,4377,4379],{"class":1575,"line":2089},[1573,4376,1758],{"class":1579},[1573,4378,1548],{"class":1583},[1573,4380,1586],{"class":1579},[1573,4382,4383,4385,4387],{"class":1575,"line":2108},[1573,4384,1768],{"class":1579},[1573,4386,1561],{"class":1583},[1573,4388,1586],{"class":1579},[1537,4390,4392],{"id":4391},"accessibility","Accessibility",[1520,4394,4395,4396,3325,4399,4402],{},"Every moving layer is ",[1524,4397,4398],{},"aria-hidden",[1524,4400,4401],{},"pointer-events-none",", so the effect\nnever intercepts a click and is not announced. The card adds no role, no tab\nstop and no keyboard handler: it is decoration over whatever you put in the\ndefault slot, which keeps its own semantics untouched.",[1520,4404,4405,4406,4409],{},"The only focusable thing the component introduces is the permission button, and\nit is a real ",[1524,4407,4408],{},"UButton",", so it is reachable and operable from the keyboard.",[1520,4411,4412,4413,4416,4417,1792,4419,1792,4421,4423,4424,4427],{},"Under ",[1524,4414,4415],{},"prefers-reduced-motion"," the card stops moving — no tilt, no drift, no\nsheen loop, and the ",[1524,4418,2711],{},[1524,4420,3342],{},[1524,4422,3345],{}," filter is dropped\naltogether rather than neutralised, leaving a plain gradient. The material is\nstill painted at your chosen intensity, so the card keeps its identity and loses\nonly the movement. Dropping the filter rather than setting it to ",[1524,4425,4426],{},"none"," is what\nmakes a static screenshot of the card look like a still and not like a disabled\nwidget.",[1537,4429,4431],{"id":4430},"performance","Performance",[3330,4433,4434,4449,4455,4458],{},[3333,4435,4436,4437,4440,4441,4444,4445,4448],{},"The effect is three compositor-friendly layers: a masked gradient, a sheen\nband and a radial blob. Nothing animates ",[1524,4438,4439],{},"filter",", ",[1524,4442,4443],{},"width"," or ",[1524,4446,4447],{},"position",", and\nthere is no blur.",[3333,4450,4451,4454],{},[1524,4452,4453],{},"will-change: transform"," is set on the moving layers only, and the sheen\nelement is masked rather than scaled around a large box.",[3333,4456,4457],{},"The loop is paused rather than removed when nothing is driving the card, so an\nidle card costs nothing.",[3333,4459,4460,4461,4464,4465,4468],{},"The permission button, the media query listener, the ",[1524,4462,4463],{},"scroll"," listener and the\n",[1524,4466,4467],{},"deviceorientation"," listener are all torn down on unmount.",[1537,4470,4472],{"id":4471},"notes","Notes",[3330,4474,4475,4486,4498,4505],{},[3333,4476,4477,4478,4481,4482,4485],{},"The component is ",[2610,4479,4480],{},"uncontrolled",". It has no ",[1524,4483,4484],{},"v-model",", emits no events and\nexposes no imperative API — the pointer position is not readable, and the card\nis not a controlled component of any kind.",[3333,4487,4488,4440,4490,3325,4492,4494,4495,4497],{},[1524,4489,1876],{},[1524,4491,1787],{},[1524,4493,1912],{}," are clamped rather than validated, so a\nvalue outside ",[1524,4496,4067],{}," is pulled into range instead of rendering something\nbroken.",[3333,4499,4500,4501,4504],{},"The sheen sweeps on a deliberately ",[2610,4502,4503],{},"linear"," curve. An eased sheen reads as a\npulse; a constant rate reads as a reflection being carried across a surface.",[3333,4506,4507],{},"The sheen band is masked on its vertical edges because its gradient is tilted\n— without the mask, the band paints past the top of the card and its box\nboundary shows as a straight vertical cut travelling across the content.",[4509,4510,4511],"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 .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}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 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}",{"title":1563,"searchDepth":1589,"depth":1589,"links":4513},[4514,4515,4519,4520,4521,4522,4523,4524,4525,4526,4527],{"id":1539,"depth":1589,"text":16},{"id":1799,"depth":1589,"text":1800,"children":4516},[4517,4518],{"id":1804,"depth":1616,"text":541},{"id":2579,"depth":1616,"text":2580},{"id":2597,"depth":1589,"text":2598},{"id":3010,"depth":1589,"text":3011},{"id":3319,"depth":1589,"text":3320},{"id":4045,"depth":1589,"text":4046},{"id":4110,"depth":1589,"text":4111},{"id":4134,"depth":1589,"text":4135},{"id":4391,"depth":1589,"text":4392},{"id":4430,"depth":1589,"text":4431},{"id":4471,"depth":1589,"text":4472},"A card that tilts toward the pointer under a banded holographic foil, with a looping sheen and a device-tilt mode.","md",null,{},{"title":541,"description":4528},"7kx8CJmfzl1S5SeMSy-aKhtNCld8KzWVOo_vpnqXrUY",[4535,4537],{"title":537,"path":538,"stem":539,"description":4536,"children":-1},"A drifting starfield whose stars fall towards the pointer, swirl past it and settle back into ambient parallax.",{"title":545,"path":546,"stem":547,"description":4538,"children":-1},"A draggable sphere of logos that keeps turning on its own.",1793501763563]