@iblai/web-containers 1.15.2 → 1.15.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/web-containers",
-  "version": "1.15.2",
+  "version": "1.15.3",
   "description": "ibl web containers",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -160,8 +160,8 @@
     "react-dom": "19.1.0",
     "react-redux": "9.2.0",
     "sonner": "^2.0.0",
-    "@iblai/web-utils": "1.13.3",
-    "@iblai/data-layer": "1.9.4"
+    "@iblai/data-layer": "1.9.4",
+    "@iblai/web-utils": "1.13.3"
   },
   "peerDependenciesMeta": {
     "@livekit/components-react": {

package/src/styles/base.css

@@ -136,6 +136,41 @@
   --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
 }
 
+/* ============================================
+   ANIMATION VARIABLE REGISTRATION
+   ============================================ */
+
+/**
+ * tw-animate-css leaves its slide-in/out translate variables unregistered, so they
+ * inherit. Content portalled into an animating dialog panel (see
+ * FloatingPortalContainerContext) becomes a DOM descendant of it and picks up the
+ * panel's translate values, making dropdowns slide in from the panel's direction.
+ * Registering them with `inherits: false` stops the leak at the panel boundary.
+ *
+ * Upstream fixed this in tw-animate-css 1.3.1; these registrations are identical to
+ * theirs, so consumers on older versions are covered and a bump is a no-op.
+ */
+@property --tw-enter-translate-x {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-translate-x {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-enter-translate-y {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-translate-y {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+
 /* ============================================
    UTILITY CLASSES - BACKGROUNDS
    ============================================ */