feat: polish micro-interactions with consistent motion system across the app

- add strong easing tokens (--ease-out-strong, --ease-in-out-strong, --ease-drawer)
- restore menu open/close animations (dropdown, context menu, combobox) using
  interruptible transitions via Base UI starting/ending styles
- dialogs: 200ms enter / 150ms exit; command palette opts out (keyboard-initiated)
- tooltips: 400ms initial delay with instant adjacent hovers via provider grouping
- buttons: scale press feedback, specific transition properties instead of transition-all
- tabs: sliding active-tab indicator via Base UI Tabs.Indicator
- sheet: iOS drawer curve with asymmetric enter/exit timing
- animate form validation messages and auth page entrance
- remove dead radix-idiom accordion classes in builder sidebars
This commit is contained in:
Amruth Pillai
2026-07-03 21:48:32 +02:00
parent 617135466d
commit 578a983209
23 changed files with 56 additions and 41 deletions
@@ -86,13 +86,7 @@ export function SectionBase({ type, className, ...props }: Props) {
)}
</div>
<AccordionContent
className={cn(
"p-0 data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
className,
)}
{...props}
/>
<AccordionContent className={cn("p-0", className)} {...props} />
</AccordionItem>
</Accordion>
);
@@ -38,13 +38,7 @@ export function SectionBase({ type, className, ...props }: Props) {
</div>
</div>
<AccordionContent
className={cn(
"overflow-hidden pb-0 data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
className,
)}
{...props}
/>
<AccordionContent className={cn("overflow-hidden pb-0", className)} {...props} />
</AccordionItem>
</Accordion>
);