{"_id":"@artificialsenselabs/animations","name":"@artificialsenselabs/animations","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@artificialsenselabs/animations","version":"0.0.1","description":"Angular-native animation engine — purposeful motion, performance-first, SSR-safe.","keywords":["angular","animations","motion","signals","enterprise","angular20","ssr","standalone","web-animations"],"homepage":"https://artificialsense.ai","repository":{"type":"git","url":"git+https://github.com/artificialsenselabs/ui.git"},"bugs":{"url":"https://github.com/artificialsenselabs/ui/issues"},"license":"MIT","main":"index.js","engines":{"node":">=18.0.0"},"peerDependencies":{"@angular/core":">=20.0.0","@angular/animations":">=20.0.0"},"author":{"name":"Artificial Sense","url":"https://artificialsense.ai"},"_id":"@artificialsenselabs/animations@0.0.1","gitHead":"d6a1243421d16915622926c5afea4e251fb6a72b","_nodeVersion":"24.8.0","_npmVersion":"11.6.0","dist":{"integrity":"sha512-FyKCFu5d8GpMjjUtE8PZBIExmbMbEhZlvdGtb2Ykl7PE0tfeaKUY2grzHIYbeJOKgxGhlV4ozeXeefDQah02sg==","shasum":"f9f5316237a59ee9c2b649cf6f171cba8d717787","tarball":"https://registry.npmjs.org/@artificialsenselabs/animations/-/animations-0.0.1.tgz","fileCount":3,"unpackedSize":3192,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDnVfIOA5exy/anN9knrFqdLwtMOXH0eHTFZ7pthNvuzAiBMqD9EC/QCuQ5TEADbUcomOwRd+ESGbZw83ZrGAJnj/Q=="}]},"_npmUser":{"name":"accounts-artificialsense-labs","email":"accounts@artificialsense.ai"},"directories":{},"maintainers":[{"name":"accounts-artificialsense-labs","email":"accounts@artificialsense.ai"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/animations_0.0.1_1780010435777_0.7788055378308529"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-28T23:20:35.633Z","0.0.1":"2026-05-28T23:20:35.906Z","modified":"2026-05-28T23:20:36.120Z"},"maintainers":[{"name":"accounts-artificialsense-labs","email":"accounts@artificialsense.ai"}],"description":"Angular-native animation engine — purposeful motion, performance-first, SSR-safe.","homepage":"https://artificialsense.ai","keywords":["angular","animations","motion","signals","enterprise","angular20","ssr","standalone","web-animations"],"repository":{"type":"git","url":"git+https://github.com/artificialsenselabs/ui.git"},"author":{"name":"Artificial Sense","url":"https://artificialsense.ai"},"bugs":{"url":"https://github.com/artificialsenselabs/ui/issues"},"license":"MIT","readme":"# @artificialsenselabs/animations\n\n> **Angular-native animation engine — purposeful motion, performance-first, SSR-safe.**\n\n[![npm version](https://img.shields.io/npm/v/@artificialsenselabs/animations)](https://www.npmjs.com/package/@artificialsenselabs/animations)\n[![Angular 20+](https://img.shields.io/badge/Angular-20%2B-red)](https://angular.dev)\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue)](LICENSE)\n\n---\n\n## What This Is\n\n`@artificialsenselabs/animations` is a curated Angular animation engine built around the Web Animations API and Angular's native animation system — composable, signal-reactive, and safe to run under SSR.\n\nMotion that earns its place. Nothing decorative. Everything purposeful.\n\n---\n\n## Philosophy\n\nEnterprise UIs are not demo sites. Every animation must:\n\n1. **Communicate state** — not just look good\n2. **Respect performance budgets** — no layout thrashing, GPU-composited only\n3. **Degrade gracefully** — `prefers-reduced-motion` respected by default\n4. **Run SSR-safe** — no browser-only calls at component init\n\n---\n\n## Planned Primitives\n\n| Animation                  | Purpose                        |\n| -------------------------- | ------------------------------ |\n| `fadeIn` / `fadeOut`       | Content entry/exit             |\n| `slideIn` / `slideOut`     | Panel and drawer transitions   |\n| `expandCollapse`           | Accordion and detail expansion |\n| `staggerList`              | List item entry with delay     |\n| `pulse`                    | Attention / loading indicator  |\n| `shimmer`                  | Skeleton loading state         |\n| Signal-triggered sequences | Animate on signal change       |\n\n---\n\n## Requirements\n\n- Angular 20+\n- `@angular/animations`\n\n---\n\n## Status\n\nThis package is in **active development** by [Artificial Sense](https://artificialsense.ai).\n\nEarly access: **[artificialsense.ai](https://artificialsense.ai)**\n\nPart of the `@artificialsenselabs` ecosystem → [npmjs.com/org/artificialsenselabs](https://www.npmjs.com/org/artificialsenselabs)\n\n---\n\n_© 2026 Artificial Sense. MIT License._\n","readmeFilename":"README.md","_rev":"1-3f8bc99102190fa5bb6cd4260d55afc2"}