@estiato/tailwind-preset

Tailwind v4 CSS preset for Estiato. Bundles the design tokens and the animation utilities that @estiato/ui depends on, so consumers only need a single import.

Usage

In your app's globals.css:

@import "tailwindcss";
@import "@estiato/tailwind-preset/preset.css";

Order matters — tailwindcss first, the preset second.

What you get

• @estiato/tokens — colors, radii, shadows, accordion animations, shared utilities (.shadow-diffuse, .glass, .scrollbar-hide).
• tw-animate-css — the animate-in / fade-in-* / zoom-in-* / slide-in-from-* utilities that @estiato/ui primitives reference (Dialog, Tooltip, DropdownMenu, Popover, Sheet, etc.). You do not need to install or import tw-animate-css separately.
• A @source directive pointing at @estiato/ui/dist so Tailwind v4 detects utility classes used inside compiled component output.