hazo_ui 2.7.2 → 2.7.3

package/README.md

@@ -49,11 +49,23 @@ If you're using **Tailwind CSS v4**, you must add the `@source` directive to ens
 
 ```css
 @import "tailwindcss";
+@import "tw-animate-css";
 
 /* REQUIRED for Tailwind v4: Enable scanning of hazo_ui components */
 @source "../node_modules/hazo_ui/dist";
 ```
 
+**PostCSS** (Tailwind v4):
+
+```js
+// postcss.config.js
+module.exports = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+```
+
 **Why is this needed?**
 
 Tailwind v4 uses JIT compilation and only generates CSS for classes found in scanned files. By default, it doesn't scan `node_modules/`. Without the `@source` directive:
@@ -61,7 +73,9 @@ Tailwind v4 uses JIT compilation and only generates CSS for classes found in sca
 - Colors will be missing
 - Layouts may break
 
-**Note:** Tailwind v3 users do NOT need this directive - the `content` configuration is sufficient.
+The `tw-animate-css` import replaces the legacy `tailwindcss-animate` plugin (used by hazo_ui's accordion/collapse animations) for Tailwind v4 consumers.
+
+**Note:** Tailwind v3 users do NOT need this directive — the `content` configuration plus `tailwindcss-animate@^1.0.7` is sufficient.
 
 ---
 
@@ -2959,9 +2973,10 @@ function FormDialog() {
 
 If you're using Tailwind CSS v4 and components appear unstyled:
 
-1. Add the `@source` directive to your globals.css:
+1. Add the `@source` directive (and `tw-animate-css`) to your globals.css:
    ```css
    @import "tailwindcss";
+   @import "tw-animate-css";
    @source "../node_modules/hazo_ui/dist";
    ```
 

package/dist/index.cjs

@@ -152,7 +152,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 
 // ../node_modules/@babel/runtime/helpers/extends.js
 var require_extends = __commonJS({
-  "../node_modules/@babel/runtime/helpers/extends.js"(exports$1, module) {
+  "../node_modules/@babel/runtime/helpers/extends.js"(exports, module) {
     function _extends11() {
       return module.exports = _extends11 = Object.assign ? Object.assign.bind() : function(n) {
         for (var e = 1; e < arguments.length; e++) {
@@ -168,7 +168,7 @@ var require_extends = __commonJS({
 
 // ../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
 var require_objectWithoutPropertiesLoose = __commonJS({
-  "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports$1, module) {
+  "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     function _objectWithoutPropertiesLoose10(r, e) {
       if (null == r) return {};
       var t = {};