70:["$","span","52",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" scale: expanded "}],["$","span","1",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"?"}],["$","span","2",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","3",{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"1"}],["$","span","4",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","5",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":":"}],["$","span","6",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","7",{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"1"}],["$","span","8",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","9",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"-"}],["$","span","10",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" i "}],["$","span","11",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"*"}],["$","span","12",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","13",{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"0.05"}],["$","span","14",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":","}]]}] 71:["$","span","53",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" }}"}]]}] 72:["$","span","54",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","1",{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"exit"}],["$","span","2",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"="}],["$","span","3",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"{{ opacity: "}],["$","span","4",{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"0"}],["$","span","5",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":", scale: "}],["$","span","6",{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"0.95"}],["$","span","7",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":", transition: { duration: "}],["$","span","8",{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"0.15"}],["$","span","9",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" } }}"}]]}] 73:["$","span","55",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","1",{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"transition"}],["$","span","2",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"="}],["$","span","3",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"{spring}"}]]}] 74:["$","span","56",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","1",{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"style"}],["$","span","2",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"="}],["$","span","3",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"{{ zIndex: toasts."}],["$","span","4",{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"length"}],["$","span","5",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","6",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"-"}],["$","span","7",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" i, transformOrigin: "}],["$","span","8",{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"\"bottom center\""}],["$","span","9",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" }}"}]]}] 75:["$","span","57",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","1",{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"className"}],["$","span","2",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"="}],["$","span","3",{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"\"absolute inset-x-0 bottom-0 flex h-16 items-center gap-3 rounded-xl border bg-popover px-4 shadow-lg shadow-black/[0.06]\""}]]}] 76:["$","span","58",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" >"}]]}] 77:["$","span","59",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" <"}],["$","span","1",{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"CheckCircle2Icon"}],["$","span","2",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","3",{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"className"}],["$","span","4",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"="}],["$","span","5",{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"\"size-4 shrink-0 text-primary\""}],["$","span","6",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" />"}]]}] 78:["$","span","60",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" <"}],["$","span","1",{"style":{"--shiki-light":"#22863A","--shiki-dark":"#85E89D"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"div"}],["$","span","2",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","3",{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"className"}],["$","span","4",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"="}],["$","span","5",{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"\"min-w-0\""}],["$","span","6",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":">"}]]}] 79:["$","span","61",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" <"}],["$","span","1",{"style":{"--shiki-light":"#22863A","--shiki-dark":"#85E89D"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"p"}],["$","span","2",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","3",{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"className"}],["$","span","4",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"="}],["$","span","5",{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"\"text-sm font-medium\""}],["$","span","6",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":">{t.title}"}]]}] 7a:["$","span","62",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" <"}],["$","span","1",{"style":{"--shiki-light":"#22863A","--shiki-dark":"#85E89D"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"p"}],["$","span","2",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","3",{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"className"}],["$","span","4",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"="}],["$","span","5",{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"\"truncate text-sm text-muted-foreground\""}],["$","span","6",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":">{t.text}"}]]}] 7b:["$","span","63",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}]]}] 7c:["$","span","64",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}]]}] 7d:["$","span","65",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" )"}]]}] 7e:["$","span","66",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" })}"}]]}] 7f:["$","span","67",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}]]}] 80:["$","span","68",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}]]}] 81:["$","span","69",{"className":"min-h-6 px-4 pr-12 whitespace-pre","children":[["$","span","0",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" <"}],["$","span","1",{"style":{"--shiki-light":"#22863A","--shiki-dark":"#85E89D"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"p"}],["$","span","2",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":" "}],["$","span","3",{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"className"}],["$","span","4",{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"="}],["$","span","5",{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":"\"text-xs text-muted-foreground\""}],["$","span","6",{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"className":"text-(--shiki-light) dark:text-(--shiki-dark)","children":">Add a few, then hover the stack."}]]}]

Enter	y 100%→0, opacity 0→1
Collapsed	scale −5% per level, offset 10px
Spring	duration 0.4, bounce 0
Expand	on hover / focus
Built with	Motion

Specs#

Guidelines#

Use for

Avoid