triggr-motion 0.4.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Emeka Ugbanu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,379 @@
+# trigr
+
+**Content-aware animation for the web.** React components with full trigger wiring, or framework-agnostic keyframes for any stack. One import. Polished motion out of the box.
+
+- [Live Playground](https://emeka-ugbanu-hub.github.io/Trigr/) — explore 200+ presets across all modules
+- [Landing Page](https://emeka-ugbanu-hub.github.io/Trigr/example) — real-world demo showcasing every feature
+
+```bash
+npm install @emekaugbanu/trigr
+```
+
+```tsx
+import { Animate } from "triggr-motion/text"
+```
+
+<Animate.Text trigger="change" animation="fadeSwap">
+  <span>{label}</span>
+</Animate.Text>
+```
+
+The import tells trigr what kind of content is being animated. The `trigger` prop tells trigr when the animation runs.
+
+## Subpath imports only
+
+Each module is an independent subpath export. There is no root `import { Animate } from "trigr"` — pick the module you need:
+
+```tsx
+import { Animate } from "triggr-motion/text"       // Animate.Text
+import { Animate } from "triggr-motion/block"      // Animate.Block, Parallax
+import { Animate } from "triggr-motion/paragraph"  // Animate.Paragraph
+import { Animate } from "triggr-motion/list"       // Animate.List
+```
+
+This keeps the bundle small. Import only the modules you use and bundlers tree-shake the rest.
+
+## Framework-agnostic keyframes
+
+The animation data (presets, easing constants, keyframes) is available without React. Import the `keyframes` subpath from any framework — Vue, Angular, Svelte, vanilla JS — and use `el.animate()` directly:
+
+```ts
+// Any framework — no React required
+import { presets, SPRING, SMOOTH } from "triggr-motion/text/keyframes"
+import { presets, presetCategory } from "triggr-motion/block/keyframes"
+
+el.animate(
+  presets.fadeSwap.in,
+  { duration: 400, easing: SPRING, fill: "forwards" }
+)
+```
+
+| Keyframe subpath | Size | Exports |
+|---|---|---|
+| `trigr/text/keyframes` | 14KB | `presets`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SNAPPY`, `SMOOTH` |
+| `trigr/paragraph/keyframes` | 8.7KB | `presets`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SMOOTH` |
+| `trigr/list/keyframes` | 11KB | `presets`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SNAPPY`, `SMOOTH` |
+| `trigr/block/keyframes` | 19KB | `presets`, `presetCategory`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SNAPPY`, `SMOOTH` |
+
+The React components (`Animate.Text`, etc.) use these same keyframes internally — the `keyframes` subpath gives you direct access without pulling in any React code.
+
+## Modules
+
+Pick the wrapper that matches the content shape, not the visual style.
+
+| Module | Import | Component | Presets | Use for |
+|--------|--------|-----------|---------|---------|
+| Text | `trigr/text` | `Animate.Text` | 75 | Words, labels, counters, headings, nav items, inline text, character-level effects |
+| Paragraph | `trigr/paragraph` | `Animate.Paragraph` | 42 | Prose, descriptions, long copy, line and word-level paragraph effects |
+| List | `trigr/list` | `Animate.List` | 55 | Repeated keyed collections: cards, buttons, rows, logos, menu items |
+| Block | `trigr/block` | `Animate.Block` | 79 | One complete element: cards, panels, hero images, modals, notifications, drag, parallax, layout transitions |
+
+## Triggers
+
+Every module follows the same trigger system. Presets decide how the motion feels. Triggers decide when it fires.
+
+| Trigger | Behavior | Best for |
+|---------|----------|----------|
+| `change` | Fires when `value` or children change | Text replacement, counters, updated cards, live data |
+| `scroll` | Fires when the element reaches the viewport threshold via IntersectionObserver | Reveals, scroll entrances, parallax |
+| `hover` | Fires on pointer enter. Resets on leave | Buttons, cards, labels, menu items |
+| `click` | Fires on click/tap | Press feedback, ripple, shake, confirmation |
+| `manual` | Fires from `ref.current.animate()` | Replay buttons, guided flows, imperative triggers |
+| `mount` | Fires when the component appears | Initial entrance, conditional UI, popovers |
+
+### Multiple triggers
+
+Pass an array to `trigger` for two sources. Use `scrollAnimation` to set a different preset for scroll:
+
+```tsx
+<Animate.Text
+  trigger={["scroll", "change"]}
+  scrollAnimation="fadeIn"
+  animation="fadeSwap"
+  value={text}
+>
+  <span>{text}</span>
+</Animate.Text>
+```
+
+Or use the `triggers` array API for per-trigger configuration with individual thresholds:
+
+```tsx
+<Animate.Text
+  triggers={[
+    { trigger: "scroll", animation: "wordFadeIn", threshold: 0.3 },
+    { trigger: "change", animation: "fadeSwap" },
+  ]}
+  value={text}
+>
+  <span>{text}</span>
+</Animate.Text>
+```
+
+## Core Props
+
+| Prop | Type | Default | Purpose |
+|------|------|---------|---------|
+| `animation` | string | required | Main animation preset |
+| `trigger` | string or string[] | `"change"` | When the animation fires |
+| `triggers` | TriggerConfig[] | — | Per-trigger config (alternative to `trigger` + `scrollAnimation`) |
+| `value` | string or number | — | Change-tracking value for `change` trigger |
+| `duration` | number | 300–400 | Animation duration in ms |
+| `easing` | string | varies | CSS easing curve (SPRING, SMOOTH, SNAPPY, EASE_IN, EASE_OUT, EASE_IN_OUT) |
+| `delay` | number | 0 | Delay before animation starts |
+| `threshold` | number | 0.4 | Scroll trigger threshold (0–1) |
+| `properties` | object | — | Extra CSS properties to animate alongside the preset |
+| `presetOptions` | object | — | Tune distance, scale, blur, stagger, rotate per preset |
+| `show` | boolean | — | Lifecycle control — set `false` to trigger exit |
+| `exitAnimation` | string | — | Exit preset played when `show` becomes `false` |
+| `unmountOnExit` | boolean | `true` | Remove from DOM after exit animation completes |
+| `as` | string | `"span"` / `"div"` | Wrapper element tag |
+| `once` | boolean | `!repeat` | Only fire scroll trigger once |
+| `repeat` | boolean | `false` | Allow scroll animation to replay on re-entry |
+| `highlightColor` | string | auto | Color for the `highlight` preset (Text, Paragraph) |
+| `highlightMode` | string | `"persist"` | Highlight behavior: `"persist"`, `"pulse"`, or `"erase"` (Text, Paragraph) |
+| `highlightHold` | number | 800 | Hold duration in ms before fade-out in pulse mode |
+
+### Properties
+
+Animate CSS properties alongside the main preset. Each key is a CSS property mapped to a `[from, to]` tuple:
+
+```tsx
+<Animate.Text
+  trigger="change"
+  animation="fadeSwap"
+  properties={{
+    color: ["#111", "#7F77DD"],
+    fontSize: ["14px", "18px"],
+  }}
+>
+  <span>{text}</span>
+</Animate.Text>
+```
+
+### presetOptions
+
+Tune animation intensity without rewriting keyframes. Each module has its own options:
+
+| Module | Options |
+|--------|---------|
+| Text | `distance`, `scale`, `blur`, `stagger` |
+| Paragraph | `distance`, `scale`, `blur` |
+| List | `distance`, `scale`, `blur`, `stagger` |
+| Block | `distance`, `scale`, `blur`, `rotate` |
+
+```tsx
+<Animate.Text
+  presetOptions={{ distance: 64, blur: 2 }}
+  animation="slideReplace"
+>
+  <span>{text}</span>
+</Animate.Text>
+```
+
+### Exit animations
+
+Use `show` and `exitAnimation` for declarative lifecycle control:
+
+```tsx
+<Animate.Block
+  show={isOpen}
+  animation="slideUp"
+  exitAnimation="modalOut"
+  unmountOnExit
+>
+  <Dialog />
+</Animate.Block>
+```
+
+For lists, exits fire automatically when a keyed child is removed:
+
+```tsx
+<Animate.List exitAnimation="itemFadeOut" exitStagger={30}>
+  {items.map(item => <div key={item.id}>{item.name}</div>)}
+</Animate.List>
+```
+
+---
+
+## Text Module
+
+`trigr/text` — 75 presets for short inline text. The animation operates on words, characters, or labels. Nested styled children like `<span className="stat-value">200+</span>` are preserved through text-replacing animations (odometer, ticker, typewriter, scramble, decoder).
+
+```tsx
+import { Animate } from "triggr-motion/text"
+
+// Animate inside a styled child — .stat-value class stays attached
+<Animate.Text trigger="change" animation="odometer">
+  <span className="stat-value">200+</span>
+</Animate.Text>
+```
+
+| Category | Presets | Best trigger |
+|----------|---------|--------------|
+| Swap & replace | `fadeSwap`, `morph`, `slideReplace`, `typewriter`, `decoder`, `scramble`, `odometer`, `ticker`, `underlineDraw`, `underlineSlide`, `copyConfirm`, `brightnessShift`, `activeTabText`, `textRotate`, `gooeyMorph`, `randomLetterSwap` | `change` |
+| Reveal | `fadeIn`, `letterDrop`, `textReveal`, `liftReveal`, `scatter`, `splash`, `splitReveal`, `splitSlide`, `staggerText`, `textEffect`, `scrollFanIn` | `scroll`, `mount` |
+| Particle & physics | `bigBang`, `scatterAssemble`, `pixelRain`, `vortex`, `dominoFall`, `pendulum`, `centerBurst`, `gravityBounce` | `change`, `mount`, hero moments |
+| Interaction | `bump`, `jitter`, `popUp`, `jello`, `shake`, `pulse`, `blink`, `wave`, `ping`, `highlight`, `boldFlash`, `blur`, `flip`, `bounce`, `dropIn`, `riseUp`, `expandIn`, `popIn`, `strikeThrough` | `hover`, `click`, `manual` |
+| Exit | `fadeOut`, `fadeOutUp`, `fadeOutDown`, `slideOutUp`, `slideOutDown`, `slideOutLeft`, `slideOutRight`, `scaleOut`, `blurOut`, `clipOut`, `strikeOut`, `typeOut`, `scrambleOut`, `popOut`, `shrinkOut`, `fadeAway` | `show` lifecycle |
+
+---
+
+## Paragraph Module
+
+`trigr/paragraph` — 42 presets for prose. Animations use visual-line measurement for morphText and word/line-level effects. The paragraph wrapper stays intact.
+
+```tsx
+import { Animate } from "triggr-motion/paragraph"
+
+<Animate.Paragraph trigger="scroll" animation="wordFadeIn" threshold={0.4}>
+  <p>Motion should support reading, not interrupt it.</p>
+</Animate.Paragraph>
+```
+
+| Category | Presets | Best trigger |
+|----------|---------|--------------|
+| Word & line reveal | `wordFadeIn`, `wordSlideUp`, `wordPop`, `lineFadeIn`, `lineSlideUp`, `streamIn`, `streamFade`, `streamSlide`, `scrollWordReveal` | `scroll`, `mount` |
+| Content replacement | `fadeSwap`, `morphText`, `slideReplace`, `crossFade`, `expandCollapse`, `morphBlur`, `pushLeft`, `pushRight`, `flipPage` | `change` |
+| Emphasis | `highlight`, `diffAnimate`, `flash`, `errorMessageIn` | `change`, `hover` |
+| Paragraph motion | `fadeIn`, `slideUp`, `slideDown`, `slideLeft`, `slideRight`, `popIn`, `expandIn`, `zoomIn`, `pulse`, `shake`, `cursorBlink`, `heightAuto`, `fadeMask` | `scroll`, `mount`, interaction |
+| Exit | `fadeOut`, `paragraphFadeOut`, `popOut`, `collapseOut`, `zoomOut`, `slideOutUp`, `slideOutDown`, `slideOutLeft`, `slideOutRight`, `collapseHeight`, `wordFadeOut`, `wordSlideOut`, `lineFadeOut`, `lineSlideOut`, `fadeMaskOut` | `show` lifecycle |
+
+---
+
+## List Module
+
+`trigr/list` — 55 presets for keyed collections. Handles staggered entrances, item presence (add/remove), reorder animation, parallax, marquee, and exit animations.
+
+```tsx
+import { Animate } from "triggr-motion/list"
+
+<Animate.List
+  trigger="scroll"
+  animation="staggerSlideUp"
+  stagger={80}
+  exitAnimation="itemSlideOut"
+  reorderAnimation="flip"
+>
+  {cards.map(card => <article key={card.id}>{card.title}</article>)}
+</Animate.List>
+```
+
+| Category | Presets | Best trigger |
+|----------|---------|--------------|
+| Stagger | `staggerFadeIn`, `staggerSlideUp`, `staggerSlideLeft`, `staggerZoomIn`, `staggerPopIn`, `staggerBlurIn`, `stackIn` | `scroll`, `mount` |
+| Cascade | `wordCascade`, `wordWave`, `wordDrop`, `wordFadeIn` | `mount`, compact collections |
+| Presence | `itemFadeIn`, `itemSlideIn`, `itemPopIn`, `itemBounceIn`, `itemFadeOut`, `itemSlideOut`, `itemCollapseOut` | add/remove |
+| Entrance | `fadeIn`, `slideIn`, `slideInLeft`, `slideInRight`, `popIn`, `bounceIn`, `expandIn`, `flipIn`, `glideIn`, `feedAppend`, `filterIn`, `emptyToList`, `insertItem`, `emptyStateToList`, `selectionPulse` | `scroll`, `mount` |
+| Marquee | `marquee`, `marqueeReverse`, `marqueeFade` | logos, continuous strips |
+| Parallax | `parallax`, `parallaxFast`, `parallaxReverse`, `tiltScroll`, `scaleScroll`, `parallaxStagger` | scroll depth |
+| Reorder | `flip`, `smooth`, `spring`, `none` | key position changes |
+| Exit | `fadeOut`, `slideOut`, `slideOutLeft`, `slideOutRight`, `popOut`, `bounceOut`, `collapseOut`, `flipOut`, `glideOut`, `itemSlideOutLeft`, `itemSlideOutRight`, `itemScaleOut`, `itemPopOut`, `itemBlurOut`, `itemDismissOut`, `rowCollapseOut`, `tagRemove`, `cardRemove` | child removal |
+
+---
+
+## Block Module
+
+`trigr/block` — 79 presets for single elements. Supports entrance/exit, scroll-linked parallax, hover states, cursor tracking, overlays, drag gesture, and shared layout transitions.
+
+```tsx
+import { Animate } from "triggr-motion/block"
+
+<Animate.Block trigger="scroll" animation="slideUp" threshold={0.5}>
+  <section className="card">Analytics</section>
+</Animate.Block>
+```
+
+### Drag
+
+```tsx
+<Animate.Block
+  drag="x"
+  dragThreshold={100}
+  dragElastic={0.6}
+  onDragEnd={(info) => {
+    if (info.dismissed) handleDismiss()
+  }}
+>
+  <div className="swipeable-card" />
+</Animate.Block>
+```
+
+### Shared layout
+
+```tsx
+<Animate.Block layoutId="card" layoutTransition={{ duration: 400, easing: "ease-in-out" }}>
+  {expanded ? <ExpandedCard /> : <CompactCard />}
+</Animate.Block>
+```
+
+### Parallax
+
+```tsx
+import { Parallax } from "triggr-motion/block"
+
+<Parallax type="parallaxFast" strength={0.4}>
+  <img src={hero} alt="" />
+</Parallax>
+```
+
+| Category | Presets | Best trigger |
+|----------|---------|--------------|
+| Entrance | `fadeIn`, `slideUp`, `slideDown`, `slideLeft`, `slideRight`, `scaleIn`, `popIn`, `rotateIn`, `flipX`, `flipY`, `bounceIn`, `blurIn`, `clipUp`, `clipLeft`, `zoomIn`, `glideIn`, `dropIn`, `riseUp`, `expandIn`, `expandHeight`, `fadeSlideUp`, `springBounce`, `springScale`, `springSlideUp`, `springSlideDown`, `morphRadius`, `morphCircle`, `fadeSwap` | `scroll`, `mount`, `change` |
+| Scroll-linked | `parallax`, `parallaxFast`, `parallaxReverse`, `tiltScroll`, `scaleScroll` | `scroll` |
+| Hover & cursor | `lift`, `sink`, `grow`, `glow`, `shadow`, `borderPop`, `tilt`, `tilt3D`, `rotate3D`, `depth`, `float` | `hover` |
+| Feedback & overlay | `press`, `ripple`, `burst`, `shake`, `wiggle`, `jello`, `flash`, `heartBeat`, `pulse`, `spin`, `ping`, `shimmer` | `click`, `manual` |
+| UI patterns | `modalIn`, `modalOut`, `popoverIn`, `popoverOut`, `toastIn`, `toastOut`, `successCheckIn`, `buttonLoading`, `focusRingPulse`, `tabPanelIn`, `tabPanelOut`, `successToast`, `checkboxCheck` | `mount`, `show`, `click` |
+| Exit | `fadeOut`, `scaleOut`, `popOut`, `rotateOut`, `bounceOut`, `glideOut`, `collapseOut`, `blurOut`, `zoomOut`, `dialogOut`, `drawerOutLeft`, `drawerOutRight`, `drawerOutTop`, `drawerOutBottom`, `menuOut`, `toastOutRight`, `toastOutUp`, `collapseWidth`, `dismissOut`, `errorOut`, `successOut` | `show` lifecycle |
+
+---
+
+## Easing
+
+All modules export named easing constants:
+
+| Constant | Curve | Best for |
+|----------|-------|----------|
+| `SPRING` | `cubic-bezier(0.34, 1.56, 0.64, 1)` | Entrances, pop, bounce |
+| `SMOOTH` | `cubic-bezier(0.22, 1, 0.36, 1)` | Reveals, scroll-triggered, paragraph |
+| `SNAPPY` | `cubic-bezier(0.2, 0, 0, 1)` | Hover, click, instant feedback |
+| `EASE_IN` | `cubic-bezier(0.0, 0.0, 0.2, 1)` | Exits, dismissals |
+| `EASE_OUT` | `cubic-bezier(0.4, 0.0, 1, 1)` | Exits |
+| `EASE_IN_OUT` | `cubic-bezier(0.4, 0.0, 0.2, 1)` | Neutral transitions, reorder |
+
+---
+
+## Quick Reference
+
+| Goal | Use |
+|------|-----|
+| A word changes to another | `Animate.Text` with `fadeSwap`, `morph`, `typewriter`, or `slideReplace` |
+| A paragraph reveals on scroll | `Animate.Paragraph` with `wordFadeIn`, `lineSlideUp`, or `scrollWordReveal` |
+| Cards stagger in | `Animate.List` with `staggerSlideUp` or `staggerFadeIn` |
+| Dashboard rows reorder | `Animate.List` with `reorderAnimation="flip"` |
+| Logo strip loops | `Animate.List` with `marquee` |
+| A group of cards moves with scroll | `Animate.List` with `parallaxStagger` or `tiltScroll` |
+| One hero image moves with scroll | `Animate.Block` with `parallax` |
+| A pricing card lifts on hover | `Animate.Block` with `lift` or `tilt3D` |
+| A button presses on click | `Animate.Block` with `press` or `ripple` |
+| A modal animates in and out | `Animate.Block` with `modalIn` / `modalOut` |
+| A notification toasts and dismisses | `Animate.Block` with `toastIn` / `toastOut` |
+| A swipeable card | `Animate.Block` with `drag="x"` |
+| Shared element transitions | `Animate.Block` with `layoutId` |
+
+---
+
+## Works everywhere
+
+- **React/Next.js**: Full components (`Animate.Text`, `.Paragraph`, `.List`, `.Block`) with trigger wiring, lifecycle management, and exit animations.
+- **Vue, Angular, Svelte, vanilla JS**: Import the keyframes and call `el.animate()` directly.
+- **TypeScript**: Fully typed — every preset, easing, and keyframe object has IDE autocomplete.
+- **Tree-shakeable**: Each module is independent. Import only what you use.
+- **Reduced motion**: Detects `prefers-reduced-motion: reduce` and degrades to opacity-only transitions.
+- **Layout stable**: All animations use composited properties (transform, opacity, filter).
+
+---
+
+## License
+
+MIT

package/dist/animations-DhYFMdig.d.mts

@@ -0,0 +1,63 @@
+import { JSX, CSSProperties, MouseEvent, ReactNode } from 'react';
+
+type ParagraphPresetOptions = {
+    distance?: number;
+    scale?: number;
+    blur?: number;
+};
+type ParagraphPreset = "fadeIn" | "fadeOut" | "fadeSwap" | "fadeMask" | "morphText" | "slideUp" | "slideDown" | "slideLeft" | "slideRight" | "slideReplace" | "popIn" | "popOut" | "expandIn" | "collapseOut" | "zoomIn" | "zoomOut" | "wordFadeIn" | "wordSlideUp" | "wordPop" | "lineFadeIn" | "lineSlideUp" | "streamIn" | "streamFade" | "streamSlide" | "cursorBlink" | "expandCollapse" | "heightAuto" | "crossFade" | "pulse" | "shake" | "highlight" | "flash" | "pushLeft" | "pushRight" | "flipPage" | "morphBlur" | "diffAnimate" | "scrollWordReveal" | "errorMessageIn" | "paragraphFadeOut" | "slideOutUp" | "slideOutDown" | "slideOutLeft" | "slideOutRight" | "collapseHeight" | "wordFadeOut" | "wordSlideOut" | "lineFadeOut" | "lineSlideOut" | "fadeMaskOut";
+type AnimationTrigger = "change" | "scroll" | "hover" | "click" | "manual" | "mount";
+type AnimationTriggerInput = AnimationTrigger | readonly [AnimationTrigger, AnimationTrigger] | readonly AnimationTrigger[];
+type AnimationProperties = Record<string, readonly [string | number, string | number]>;
+type TriggerConfig = {
+    trigger: AnimationTrigger;
+    animation: ParagraphPreset;
+    threshold?: number;
+};
+interface AnimateParagraphHandle {
+    animate: () => void;
+    element: HTMLElement | null;
+}
+interface AnimateParagraphProps {
+    value?: string;
+    triggers?: TriggerConfig[];
+    trigger?: AnimationTriggerInput;
+    animation: ParagraphPreset;
+    scrollAnimation?: ParagraphPreset;
+    properties?: AnimationProperties;
+    exitAnimation?: ParagraphPreset;
+    show?: boolean;
+    unmountOnExit?: boolean;
+    highlightColor?: string;
+    highlightMode?: "persist" | "pulse" | "erase";
+    highlightHold?: number;
+    duration?: number;
+    easing?: string;
+    delay?: number;
+    threshold?: number;
+    repeat?: boolean;
+    once?: boolean;
+    as?: keyof JSX.IntrinsicElements;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onEnter?: () => void;
+    onExit?: () => void;
+    onHoverStart?: () => void;
+    onHoverEnd?: () => void;
+    onAnimationEnd?: () => void;
+    presetOptions?: ParagraphPresetOptions;
+    children: ReactNode;
+}
+
+declare const EASE_IN = "cubic-bezier(0.0, 0.0, 0.2, 1)";
+declare const EASE_OUT = "cubic-bezier(0.4, 0.0, 1, 1)";
+declare const EASE_IN_OUT = "cubic-bezier(0.4, 0.0, 0.2, 1)";
+declare const SPRING = "cubic-bezier(0.34, 1.56, 0.64, 1)";
+declare const SMOOTH = "cubic-bezier(0.22, 1, 0.36, 1)";
+declare const presets: Record<string, {
+    out: Keyframe[];
+    in: Keyframe[];
+}>;
+
+export { type AnimateParagraphHandle as A, EASE_IN as E, type ParagraphPreset as P, SMOOTH as S, type AnimateParagraphProps as a, EASE_IN_OUT as b, EASE_OUT as c, SPRING as d, presets as p };

package/dist/animations-DhYFMdig.d.ts

@@ -0,0 +1,63 @@
+import { JSX, CSSProperties, MouseEvent, ReactNode } from 'react';
+
+type ParagraphPresetOptions = {
+    distance?: number;
+    scale?: number;
+    blur?: number;
+};
+type ParagraphPreset = "fadeIn" | "fadeOut" | "fadeSwap" | "fadeMask" | "morphText" | "slideUp" | "slideDown" | "slideLeft" | "slideRight" | "slideReplace" | "popIn" | "popOut" | "expandIn" | "collapseOut" | "zoomIn" | "zoomOut" | "wordFadeIn" | "wordSlideUp" | "wordPop" | "lineFadeIn" | "lineSlideUp" | "streamIn" | "streamFade" | "streamSlide" | "cursorBlink" | "expandCollapse" | "heightAuto" | "crossFade" | "pulse" | "shake" | "highlight" | "flash" | "pushLeft" | "pushRight" | "flipPage" | "morphBlur" | "diffAnimate" | "scrollWordReveal" | "errorMessageIn" | "paragraphFadeOut" | "slideOutUp" | "slideOutDown" | "slideOutLeft" | "slideOutRight" | "collapseHeight" | "wordFadeOut" | "wordSlideOut" | "lineFadeOut" | "lineSlideOut" | "fadeMaskOut";
+type AnimationTrigger = "change" | "scroll" | "hover" | "click" | "manual" | "mount";
+type AnimationTriggerInput = AnimationTrigger | readonly [AnimationTrigger, AnimationTrigger] | readonly AnimationTrigger[];
+type AnimationProperties = Record<string, readonly [string | number, string | number]>;
+type TriggerConfig = {
+    trigger: AnimationTrigger;
+    animation: ParagraphPreset;
+    threshold?: number;
+};
+interface AnimateParagraphHandle {
+    animate: () => void;
+    element: HTMLElement | null;
+}
+interface AnimateParagraphProps {
+    value?: string;
+    triggers?: TriggerConfig[];
+    trigger?: AnimationTriggerInput;
+    animation: ParagraphPreset;
+    scrollAnimation?: ParagraphPreset;
+    properties?: AnimationProperties;
+    exitAnimation?: ParagraphPreset;
+    show?: boolean;
+    unmountOnExit?: boolean;
+    highlightColor?: string;
+    highlightMode?: "persist" | "pulse" | "erase";
+    highlightHold?: number;
+    duration?: number;
+    easing?: string;
+    delay?: number;
+    threshold?: number;
+    repeat?: boolean;
+    once?: boolean;
+    as?: keyof JSX.IntrinsicElements;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onEnter?: () => void;
+    onExit?: () => void;
+    onHoverStart?: () => void;
+    onHoverEnd?: () => void;
+    onAnimationEnd?: () => void;
+    presetOptions?: ParagraphPresetOptions;
+    children: ReactNode;
+}
+
+declare const EASE_IN = "cubic-bezier(0.0, 0.0, 0.2, 1)";
+declare const EASE_OUT = "cubic-bezier(0.4, 0.0, 1, 1)";
+declare const EASE_IN_OUT = "cubic-bezier(0.4, 0.0, 0.2, 1)";
+declare const SPRING = "cubic-bezier(0.34, 1.56, 0.64, 1)";
+declare const SMOOTH = "cubic-bezier(0.22, 1, 0.36, 1)";
+declare const presets: Record<string, {
+    out: Keyframe[];
+    in: Keyframe[];
+}>;
+
+export { type AnimateParagraphHandle as A, EASE_IN as E, type ParagraphPreset as P, SMOOTH as S, type AnimateParagraphProps as a, EASE_IN_OUT as b, EASE_OUT as c, SPRING as d, presets as p };

package/dist/block/animations.cjs

@@ -0,0 +1,2 @@
+'use strict';var t="cubic-bezier(0.0, 0.0, 0.2, 1)",r="cubic-bezier(0.4, 0.0, 1, 1)",a="cubic-bezier(0.4, 0.0, 0.2, 1)",o="cubic-bezier(0.34, 1.56, 0.64, 1)",e="cubic-bezier(0.2, 0, 0, 1)",l="cubic-bezier(0.22, 1, 0.36, 1)",s={fadeIn:"oneshot",fadeOut:"oneshot",fadeSwap:"oneshot",slideUp:"oneshot",slideDown:"oneshot",slideLeft:"oneshot",slideRight:"oneshot",scaleIn:"oneshot",scaleOut:"oneshot",popIn:"oneshot",popOut:"oneshot",rotateIn:"oneshot",rotateOut:"oneshot",flipX:"oneshot",flipY:"oneshot",bounceIn:"oneshot",bounceOut:"oneshot",shake:"oneshot",wiggle:"oneshot",jello:"oneshot",flash:"oneshot",heartBeat:"oneshot",glideIn:"oneshot",glideOut:"oneshot",dropIn:"oneshot",riseUp:"oneshot",expandIn:"oneshot",collapseOut:"oneshot",expandHeight:"oneshot",fadeSlideUp:"oneshot",blurIn:"oneshot",blurOut:"oneshot",clipUp:"oneshot",clipLeft:"oneshot",zoomIn:"oneshot",zoomOut:"oneshot",springBounce:"oneshot",springScale:"oneshot",springSlideUp:"oneshot",springSlideDown:"oneshot",morphRadius:"oneshot",morphCircle:"oneshot",press:"hoverState",parallax:"scrollLink",parallaxFast:"scrollLink",parallaxReverse:"scrollLink",tiltScroll:"scrollLink",scaleScroll:"scrollLink",lift:"hoverState",sink:"hoverState",grow:"hoverState",glow:"hoverState",shadow:"hoverState",borderPop:"hoverState",tilt:"cursorTrack",tilt3D:"cursorTrack",rotate3D:"cursorTrack",depth:"cursorTrack",float:"continuous",pulse:"continuous",spin:"continuous",ping:"continuous",shimmer:"continuous",ripple:"overlay",burst:"overlay",modalIn:"oneshot",modalOut:"oneshot",popoverIn:"oneshot",popoverOut:"oneshot",toastIn:"oneshot",toastOut:"oneshot",successCheckIn:"oneshot",buttonLoading:"oneshot",focusRingPulse:"continuous",tabPanelIn:"oneshot",tabPanelOut:"oneshot",successToast:"oneshot",checkboxCheck:"oneshot",dialogOut:"oneshot",drawerOutLeft:"oneshot",drawerOutRight:"oneshot",drawerOutTop:"oneshot",drawerOutBottom:"oneshot",menuOut:"oneshot",toastOutRight:"oneshot",toastOutUp:"oneshot",collapseWidth:"oneshot",dismissOut:"oneshot",errorOut:"oneshot",successOut:"oneshot"},i={fadeIn:{in:[{opacity:0,filter:"blur(3px)"},{opacity:1,filter:"blur(0px)"}],out:[{opacity:1,filter:"blur(0px)"},{opacity:0,filter:"blur(3px)"}]},fadeOut:{in:[{opacity:0,filter:"blur(3px)"},{opacity:1,filter:"blur(0px)"}],out:[{opacity:1,filter:"blur(0px)"},{opacity:0,filter:"blur(3px)"}]},fadeSwap:{in:[{opacity:0,transform:"translateY(12px)",filter:"blur(3px)"},{opacity:.72,transform:"translateY(2px)",filter:"blur(0.5px)",offset:.58},{opacity:1,transform:"translateY(0)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateY(0)",filter:"blur(0px)"},{opacity:0,transform:"translateY(-12px)",filter:"blur(3px)"}]},slideUp:{in:[{opacity:0,transform:"translateY(28px)",filter:"blur(3px)"},{opacity:.76,transform:"translateY(6px)",filter:"blur(0.5px)",offset:.62},{opacity:1,transform:"translateY(0)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateY(0)",filter:"blur(0px)"},{opacity:0,transform:"translateY(-24px)",filter:"blur(3px)"}]},slideDown:{in:[{opacity:0,transform:"translateY(-28px)",filter:"blur(3px)"},{opacity:.76,transform:"translateY(-6px)",filter:"blur(0.5px)",offset:.62},{opacity:1,transform:"translateY(0)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateY(0)",filter:"blur(0px)"},{opacity:0,transform:"translateY(24px)",filter:"blur(3px)"}]},slideLeft:{in:[{opacity:0,transform:"translateX(-28px)",filter:"blur(3px)"},{opacity:.76,transform:"translateX(-6px)",filter:"blur(0.5px)",offset:.62},{opacity:1,transform:"translateX(0)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateX(0)",filter:"blur(0px)"},{opacity:0,transform:"translateX(-24px)",filter:"blur(3px)"}]},slideRight:{in:[{opacity:0,transform:"translateX(28px)",filter:"blur(3px)"},{opacity:.76,transform:"translateX(6px)",filter:"blur(0.5px)",offset:.62},{opacity:1,transform:"translateX(0)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateX(0)",filter:"blur(0px)"},{opacity:0,transform:"translateX(24px)",filter:"blur(3px)"}]},scaleIn:{in:[{opacity:0,transform:"scale(0.88)",filter:"blur(2.5px)"},{opacity:1,transform:"scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"scale(1)",filter:"blur(0px)"},{opacity:0,transform:"scale(0.88)",filter:"blur(2.5px)"}]},scaleOut:{in:[{opacity:0,transform:"scale(0.88)",filter:"blur(2.5px)"},{opacity:1,transform:"scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"scale(1)",filter:"blur(0px)"},{opacity:0,transform:"scale(0.88)",filter:"blur(2.5px)"}]},popIn:{in:[{opacity:0,transform:"scale(0.9)",filter:"blur(2px)"},{opacity:1,transform:"scale(1.06)",filter:"blur(0px)",offset:.58},{opacity:1,transform:"scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"scale(1)",filter:"blur(0px)"},{opacity:0,transform:"scale(0.9)",filter:"blur(2px)"}]},popOut:{in:[{opacity:0,transform:"scale(0.9)",filter:"blur(2px)"},{opacity:1,transform:"scale(1.06)",filter:"blur(0px)",offset:.58},{opacity:1,transform:"scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"scale(1)",filter:"blur(0px)"},{opacity:1,transform:"scale(1.06)",filter:"blur(0px)",offset:.4},{opacity:0,transform:"scale(0.9)",filter:"blur(2px)"}]},rotateIn:{in:[{opacity:0,transform:"rotate(-14deg) scale(0.88)",filter:"blur(3px)"},{opacity:1,transform:"rotate(0deg) scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"rotate(0deg) scale(1)",filter:"blur(0px)"},{opacity:0,transform:"rotate(14deg) scale(0.88)",filter:"blur(3px)"}]},rotateOut:{in:[{opacity:0,transform:"rotate(-14deg) scale(0.88)",filter:"blur(3px)"},{opacity:1,transform:"rotate(0deg) scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"rotate(0deg) scale(1)",filter:"blur(0px)"},{opacity:0,transform:"rotate(14deg) scale(0.88)",filter:"blur(3px)"}]},flipX:{in:[{opacity:0,transform:"perspective(800px) rotateX(-90deg)"},{opacity:1,transform:"perspective(800px) rotateX(0deg)"}],out:[{opacity:1,transform:"perspective(800px) rotateX(0deg)"},{opacity:0,transform:"perspective(800px) rotateX(90deg)"}]},flipY:{in:[{opacity:0,transform:"perspective(800px) rotateY(-90deg)"},{opacity:1,transform:"perspective(800px) rotateY(0deg)"}],out:[{opacity:1,transform:"perspective(800px) rotateY(0deg)"},{opacity:0,transform:"perspective(800px) rotateY(90deg)"}]},bounceIn:{in:[{opacity:0,transform:"scale(0.88)",filter:"blur(2px)"},{opacity:1,transform:"scale(1.07)",filter:"blur(0px)",offset:.52},{opacity:1,transform:"scale(0.97)",filter:"blur(0px)",offset:.74},{opacity:1,transform:"scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"scale(1)",filter:"blur(0px)"},{opacity:0,transform:"scale(0.88)",filter:"blur(2px)"}]},bounceOut:{in:[{opacity:0,transform:"scale(0.88)",filter:"blur(2px)"},{opacity:1,transform:"scale(1.07)",filter:"blur(0px)",offset:.52},{opacity:1,transform:"scale(0.97)",filter:"blur(0px)",offset:.74},{opacity:1,transform:"scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"scale(1)",filter:"blur(0px)"},{opacity:1,transform:"scale(1.06)",filter:"blur(0px)",offset:.35},{opacity:0,transform:"scale(0.9)",filter:"blur(2px)"}]},shake:{in:[{opacity:0,transform:"translateX(0)"},{opacity:1,transform:"translateX(-7px)",offset:.18},{opacity:1,transform:"translateX(7px)",offset:.36},{opacity:1,transform:"translateX(-5px)",offset:.56},{opacity:1,transform:"translateX(3px)",offset:.72},{opacity:1,transform:"translateX(0)"}],out:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-7px)"}]},wiggle:{in:[{opacity:0,transform:"rotate(0deg)"},{opacity:1,transform:"rotate(8deg)",offset:.22},{opacity:1,transform:"rotate(-6deg)",offset:.44},{opacity:1,transform:"rotate(4deg)",offset:.66},{opacity:1,transform:"rotate(-2deg)",offset:.82},{opacity:1,transform:"rotate(0deg)"}],out:[{opacity:1,transform:"rotate(0deg)"},{opacity:0,transform:"rotate(8deg)"}]},jello:{in:[{opacity:0,transform:"scale(1, 1)"},{opacity:1,transform:"scale(1.06, 0.96)",offset:.28},{opacity:1,transform:"scale(0.97, 1.04)",offset:.52},{opacity:1,transform:"scale(1.02, 0.99)",offset:.76},{opacity:1,transform:"scale(1, 1)"}],out:[{opacity:1,transform:"scale(1, 1)"},{opacity:0,transform:"scale(0.9, 0.9)"}]},flash:{in:[{opacity:0},{opacity:.78,offset:.22},{opacity:1,offset:.44},{opacity:.75,offset:.66},{opacity:1,offset:.84},{opacity:1}],out:[{opacity:1},{opacity:0}]},heartBeat:{in:[{opacity:0,transform:"scale(1)"},{opacity:1,transform:"scale(1.12)",offset:.2},{opacity:1,transform:"scale(1)",offset:.38},{opacity:1,transform:"scale(1.12)",offset:.56},{opacity:1,transform:"scale(1)",offset:.72},{opacity:1,transform:"scale(1.06)",offset:.86},{opacity:1,transform:"scale(1)"}],out:[{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.85)"}]},glideIn:{in:[{opacity:0,transform:"translateY(28px) scale(0.96)",filter:"blur(3px)"},{opacity:.82,transform:"translateY(4px) scale(0.995)",filter:"blur(0.5px)",offset:.62},{opacity:1,transform:"translateY(0) scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateY(0) scale(1)",filter:"blur(0px)"},{opacity:0,transform:"translateY(-22px) scale(0.96)",filter:"blur(3px)"}]},glideOut:{in:[{opacity:0,transform:"translateY(28px) scale(0.96)",filter:"blur(3px)"},{opacity:.82,transform:"translateY(4px) scale(0.995)",filter:"blur(0.5px)",offset:.62},{opacity:1,transform:"translateY(0) scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateY(0) scale(1)",filter:"blur(0px)"},{opacity:0,transform:"translateY(-22px) scale(0.96)",filter:"blur(3px)"}]},dropIn:{in:[{opacity:0,transform:"translateY(-28px)",filter:"blur(4px)"},{opacity:1,transform:"translateY(3px)",filter:"blur(0px)",offset:.68},{opacity:1,transform:"translateY(0)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateY(0)",filter:"blur(0px)"},{opacity:0,transform:"translateY(-28px)",filter:"blur(4px)"}]},riseUp:{in:[{opacity:0,transform:"translateY(28px)",filter:"blur(4px)"},{opacity:1,transform:"translateY(-3px)",filter:"blur(0px)",offset:.68},{opacity:1,transform:"translateY(0)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateY(0)",filter:"blur(0px)"},{opacity:0,transform:"translateY(28px)",filter:"blur(4px)"}]},expandIn:{in:[{opacity:0,transform:"scaleX(0.86)",filter:"blur(2px)"},{opacity:1,transform:"scaleX(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"scaleX(1)",filter:"blur(0px)"},{opacity:0,transform:"scaleX(0.86)",filter:"blur(2px)"}]},collapseOut:{in:[{opacity:0,transform:"scaleX(0.86)",filter:"blur(2px)"},{opacity:1,transform:"scaleX(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"scaleX(1)",filter:"blur(0px)"},{opacity:0,transform:"scaleX(0.86)",filter:"blur(2px)"}]},expandHeight:{in:[{opacity:0,transform:"scaleY(0.5)"},{opacity:1,transform:"scaleY(1)"}],out:[{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.5)"}]},fadeSlideUp:{in:[{opacity:0,transform:"translateY(20px)",filter:"blur(2.5px)"},{opacity:1,transform:"translateY(0)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateY(0)",filter:"blur(0px)"},{opacity:0,transform:"translateY(-20px)",filter:"blur(2.5px)"}]},blurIn:{in:[{opacity:0,filter:"blur(6px)"},{opacity:1,filter:"blur(0px)"}],out:[{opacity:1,filter:"blur(0px)"},{opacity:0,filter:"blur(6px)"}]},blurOut:{in:[{opacity:0,filter:"blur(6px)"},{opacity:1,filter:"blur(0px)"}],out:[{opacity:1,filter:"blur(0px)"},{opacity:0,filter:"blur(6px)"}]},clipUp:{in:[{opacity:0,transform:"translateY(14px)",clipPath:"inset(100% 0 0 0)",filter:"blur(2px)"},{opacity:1,transform:"translateY(0)",clipPath:"inset(0 0 0 0)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateY(0)",clipPath:"inset(0 0 0 0)",filter:"blur(0px)"},{opacity:0,transform:"translateY(-10px)",clipPath:"inset(0 0 100% 0)",filter:"blur(2px)"}]},clipLeft:{in:[{opacity:0,transform:"translateX(14px)",clipPath:"inset(0 100% 0 0)",filter:"blur(2px)"},{opacity:1,transform:"translateX(0)",clipPath:"inset(0 0 0 0)",filter:"blur(0px)"}],out:[{opacity:1,transform:"translateX(0)",clipPath:"inset(0 0 0 0)",filter:"blur(0px)"},{opacity:0,transform:"translateX(-10px)",clipPath:"inset(0 0 0 100%)",filter:"blur(2px)"}]},zoomIn:{in:[{opacity:0,transform:"scale(0.82)",filter:"blur(3px)"},{opacity:1,transform:"scale(1.03)",filter:"blur(0px)",offset:.62},{opacity:1,transform:"scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"scale(1)",filter:"blur(0px)"},{opacity:0,transform:"scale(0.82)",filter:"blur(3px)"}]},zoomOut:{in:[{opacity:0,transform:"scale(1.12)",filter:"blur(3px)"},{opacity:1,transform:"scale(1)",filter:"blur(0px)"}],out:[{opacity:1,transform:"scale(1)",filter:"blur(0px)"},{opacity:0,transform:"scale(1.12)",filter:"blur(3px)"}]},springBounce:{in:[{transform:"scale(0.3)",opacity:0,filter:"blur(4px)"},{transform:"scale(1.12)",opacity:1,filter:"blur(0px)",offset:.52},{transform:"scale(0.93)",opacity:1,filter:"blur(0px)",offset:.7},{transform:"scale(1.02)",opacity:1,filter:"blur(0px)",offset:.84},{transform:"scale(1)",opacity:1,filter:"blur(0px)"}],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(1.08)",opacity:.4,filter:"blur(0px)",offset:.28},{transform:"scale(0.3)",opacity:0,filter:"blur(3px)"}]},springScale:{in:[{transform:"scale(0.7)",opacity:0,filter:"blur(3px)"},{transform:"scale(1.08)",opacity:1,filter:"blur(0px)",offset:.58},{transform:"scale(0.96)",opacity:1,filter:"blur(0px)",offset:.78},{transform:"scale(1)",opacity:1,filter:"blur(0px)"}],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(0.7)",opacity:0,filter:"blur(3px)"}]},springSlideUp:{in:[{transform:"translateY(36px)",opacity:0,filter:"blur(4px)"},{transform:"translateY(-6px)",opacity:1,filter:"blur(0px)",offset:.6},{transform:"translateY(3px)",opacity:1,filter:"blur(0px)",offset:.78},{transform:"translateY(0)",opacity:1,filter:"blur(0px)"}],out:[{transform:"translateY(0)",opacity:1,filter:"blur(0px)"},{transform:"translateY(-20px)",opacity:0,filter:"blur(4px)"}]},springSlideDown:{in:[{transform:"translateY(-36px)",opacity:0,filter:"blur(4px)"},{transform:"translateY(6px)",opacity:1,filter:"blur(0px)",offset:.6},{transform:"translateY(-3px)",opacity:1,filter:"blur(0px)",offset:.78},{transform:"translateY(0)",opacity:1,filter:"blur(0px)"}],out:[{transform:"translateY(0)",opacity:1,filter:"blur(0px)"},{transform:"translateY(20px)",opacity:0,filter:"blur(4px)"}]},morphRadius:{in:[{borderRadius:"16px",opacity:0,filter:"blur(2px)"},{borderRadius:"0px",opacity:1,filter:"blur(0px)"}],out:[{borderRadius:"0px",opacity:1,filter:"blur(0px)"},{borderRadius:"16px",opacity:0,filter:"blur(2px)"}]},morphCircle:{in:[{borderRadius:"50%",opacity:0,filter:"blur(3px)"},{borderRadius:"8px",opacity:1,filter:"blur(0px)",offset:.52},{borderRadius:"12px",opacity:1,filter:"blur(0px)"}],out:[{borderRadius:"12px",opacity:1,filter:"blur(0px)"},{borderRadius:"50%",opacity:0,filter:"blur(3px)"}]},press:{in:[{transform:"scale(1)",opacity:1},{transform:"scale(0.94)",opacity:1}],out:[{transform:"scale(0.94)",opacity:1},{transform:"scale(1)",opacity:1}]},modalIn:{in:[{transform:"scale(0.88)",opacity:0,filter:"blur(4px)"},{transform:"scale(1.03)",opacity:1,filter:"blur(0px)",offset:.62},{transform:"scale(1)",opacity:1,filter:"blur(0px)"}],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(0.92)",opacity:0,filter:"blur(3px)"}]},modalOut:{in:[],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(0.88)",opacity:0,filter:"blur(3px)"}]},popoverIn:{in:[{transform:"scale(0.5)",opacity:0,filter:"blur(4px)"},{transform:"scale(1.06)",opacity:1,filter:"blur(0px)",offset:.68},{transform:"scale(1)",opacity:1,filter:"blur(0px)"}],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(0.94)",opacity:0,filter:"blur(2px)"}]},popoverOut:{in:[],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(0.92)",opacity:0,filter:"blur(3px)"}]},toastIn:{in:[{transform:"translateY(-28px)",opacity:0,filter:"blur(3px)"},{transform:"translateY(2px)",opacity:1,filter:"blur(0px)",offset:.68},{transform:"translateY(0)",opacity:1,filter:"blur(0px)"}],out:[{transform:"translateY(0)",opacity:1,filter:"blur(0px)"},{transform:"translateY(-14px)",opacity:0,filter:"blur(2.5px)"}]},toastOut:{in:[],out:[{transform:"translateY(0)",opacity:1,filter:"blur(0px)"},{transform:"translateY(-14px)",opacity:0,filter:"blur(2.5px)"}]},successCheckIn:{in:[{transform:"scale(0.5)",opacity:0,filter:"blur(4px)"},{transform:"scale(1.1)",opacity:1,filter:"blur(0px)",offset:.52},{transform:"scale(0.93)",opacity:1,filter:"blur(0px)",offset:.74},{transform:"scale(1)",opacity:1,filter:"blur(0px)"}],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(0.6)",opacity:0,filter:"blur(3px)"}]},buttonLoading:{in:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(0.95)",opacity:.72,filter:"blur(0px)"},{transform:"scale(1)",opacity:1,filter:"blur(0px)"}],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(0.96)",opacity:0,filter:"blur(2px)"}]},tabPanelIn:{in:[{transform:"translateX(20px)",opacity:0,filter:"blur(2px)"},{transform:"translateX(0)",opacity:1,filter:"blur(0px)"}],out:[{transform:"translateX(0)",opacity:1,filter:"blur(0px)"},{transform:"translateX(-20px)",opacity:0,filter:"blur(2px)"}]},tabPanelOut:{in:[],out:[{transform:"translateX(0)",opacity:1,filter:"blur(0px)"},{transform:"translateX(-20px)",opacity:0,filter:"blur(2px)"}]},successToast:{in:[{transform:"translateY(28px) scale(0.88)",opacity:0,filter:"blur(3px)"},{transform:"translateY(-2px) scale(1.02)",opacity:1,filter:"blur(0px)",offset:.58},{transform:"translateY(0) scale(1)",opacity:1,filter:"blur(0px)"}],out:[{transform:"translateY(0) scale(1)",opacity:1,filter:"blur(0px)"},{transform:"translateY(-10px) scale(0.98)",opacity:0,filter:"blur(2.5px)"}]},checkboxCheck:{in:[{transform:"scale(0.4) rotate(-50deg)",opacity:0,filter:"blur(3px)"},{transform:"scale(1.15) rotate(0deg)",opacity:1,filter:"blur(0px)",offset:.58},{transform:"scale(1) rotate(0deg)",opacity:1,filter:"blur(0px)"}],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(0.4)",opacity:0,filter:"blur(2px)"}]},dialogOut:{in:[],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(0.93)",opacity:0,filter:"blur(2px)"}]},drawerOutLeft:{in:[],out:[{transform:"translateX(0)",opacity:1,filter:"blur(0px)"},{transform:"translateX(-100%)",opacity:0,filter:"blur(3px)"}]},drawerOutRight:{in:[],out:[{transform:"translateX(0)",opacity:1,filter:"blur(0px)"},{transform:"translateX(100%)",opacity:0,filter:"blur(3px)"}]},drawerOutTop:{in:[],out:[{transform:"translateY(0)",opacity:1,filter:"blur(0px)"},{transform:"translateY(-100%)",opacity:0,filter:"blur(3px)"}]},drawerOutBottom:{in:[],out:[{transform:"translateY(0)",opacity:1,filter:"blur(0px)"},{transform:"translateY(100%)",opacity:0,filter:"blur(3px)"}]},menuOut:{in:[],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(0.93)",opacity:0,filter:"blur(2px)"}]},toastOutRight:{in:[],out:[{transform:"translateX(0)",opacity:1,filter:"blur(0px)"},{transform:"translateX(28px)",opacity:0,filter:"blur(2.5px)"}]},toastOutUp:{in:[],out:[{transform:"translateY(0)",opacity:1,filter:"blur(0px)"},{transform:"translateY(-18px)",opacity:0,filter:"blur(2.5px)"}]},dismissOut:{in:[],out:[{transform:"translateY(0)",opacity:1,filter:"blur(0px)"},{transform:"translateY(10px) scale(0.95)",opacity:0,filter:"blur(3px)"}]},errorOut:{in:[],out:[{transform:"translateX(0)",opacity:1,filter:"blur(0px)"},{transform:"translateX(-5px)",opacity:1,offset:.18},{transform:"translateX(5px)",opacity:1,offset:.36},{transform:"translateX(-3px)",opacity:.5,offset:.56},{transform:"translateX(2px)",opacity:.15,filter:"blur(1px)",offset:.76},{transform:"translateX(0)",opacity:0,filter:"blur(2px)"}]},successOut:{in:[],out:[{transform:"scale(1)",opacity:1,filter:"blur(0px)"},{transform:"scale(1.12)",opacity:.35,filter:"blur(1px)",offset:.38},{transform:"scale(0.88)",opacity:0,filter:"blur(3px)"}]},collapseWidth:{in:[],out:[{clipPath:"inset(0 0 0 0)",opacity:1,filter:"blur(0px)"},{clipPath:"inset(0 100% 0 0)",opacity:0,filter:"blur(2px)"}]}};exports.EASE_IN=t;exports.EASE_IN_OUT=a;exports.EASE_OUT=r;exports.SMOOTH=l;exports.SNAPPY=e;exports.SPRING=o;exports.presetCategory=s;exports.presets=i;//# sourceMappingURL=animations.cjs.map
+//# sourceMappingURL=animations.cjs.map