@igstack/app-catalog-frontend-core 4.0.0-alpha-20260920174621 → 4.0.0-alpha-20260921150913

package/dist/esm/__tests__/stylesheetAnimations.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.css

@@ -11,7 +11,7 @@
 /* Other module imports this css, and we need to tell tailwind to scan our tsx files */
 @source ".";
 
-/* @import 'tw-animate-css'; */
+@import 'tw-animate-css';
 
 @layer base {
   /* Warm "crayon" palette derived from the hand-drawn app-catalog logo
@@ -248,3 +248,16 @@
   list-style-type: disc;
   padding-left: 1.25rem;
 }
+
+/* tw-animate-css ships no reduced-motion rules of its own, so honour the
+   preference here — the overlay animations it provides are all decorative. */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igstack/app-catalog-frontend-core",
-  "version": "4.0.0-alpha-20260920174621",
+  "version": "4.0.0-alpha-20260921150913",
   "description": "Frontend core library for App Catalog",
   "homepage": "https://github.com/lislon/app-catalog",
   "repository": {
@@ -113,7 +113,7 @@
     "tailwindcss": "^4.1.7",
     "tiptap-markdown": "^0.8.0",
     "tslib": "^2.3.0",
-    "@igstack/app-catalog-shared-core": "4.0.0-alpha-20260920174621"
+    "@igstack/app-catalog-shared-core": "4.0.0-alpha-20260921150913"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.5",
@@ -140,7 +140,7 @@
     "vite-plugin-static-copy": "^3.1.4",
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^4.1.2",
-    "@igstack/app-catalog-backend-core": "4.0.0-alpha-20260920174621"
+    "@igstack/app-catalog-backend-core": "4.0.0-alpha-20260921150913"
   },
   "peerDependencies": {
     "react": "19.1.2",
@@ -149,7 +149,7 @@
     "vite": "^6.3.5",
     "vite-plugin-svgr": "^4.2.0"
   },
-  "gitHead": "a297e008f756aa8b200884a84bcb43d999519546",
+  "gitHead": "566f4d88adfcd492e6ac4fe0ecccc88a94106f49",
   "scripts": {
     "build": "vite build",
     "build:lenient": "vite build --mode lenient",

package/src/__tests__/stylesheetAnimations.test.ts

@@ -0,0 +1,22 @@
+import { readFileSync } from 'node:fs'
+import { describe, expect, it } from 'vitest'
+
+/**
+ * The overlay primitives carry `animate-in` / `animate-out` classes, so a unit
+ * test that asserts the class is on the element passes whether or not the
+ * utilities exist — and this import sat commented out for months with nothing
+ * moving on screen. So assert the wiring, like stylesheetFonts does.
+ */
+// The path is relative to the package root, which is where vitest runs.
+const css = readFileSync('src/index.css', 'utf8')
+const withoutComments = css.replace(/\/\*[\s\S]*?\*\//g, '')
+
+describe('animation utilities', () => {
+  it('imports tw-animate-css outside a comment', () => {
+    expect(withoutComments).toMatch(/@import\s+['"]tw-animate-css['"]/)
+  })
+
+  it('disables animation for prefers-reduced-motion', () => {
+    expect(css).toContain('prefers-reduced-motion: reduce')
+  })
+})

package/src/index.css

@@ -11,7 +11,7 @@
 /* Other module imports this css, and we need to tell tailwind to scan our tsx files */
 @source ".";
 
-/* @import 'tw-animate-css'; */
+@import 'tw-animate-css';
 
 @layer base {
   /* Warm "crayon" palette derived from the hand-drawn app-catalog logo
@@ -248,3 +248,16 @@
   list-style-type: disc;
   padding-left: 1.25rem;
 }
+
+/* tw-animate-css ships no reduced-motion rules of its own, so honour the
+   preference here — the overlay animations it provides are all decorative. */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}