@abdellatifui/react 3.2.91 → 3.2.92

package/dist/nextgen.css

@@ -98,7 +98,10 @@
 .abdellatifuimap .maplibregl-ctrl *{
     border-radius: 100px;
     cursor: default !important;
-}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+}.css-opacity-0 {
+    opacity: 0 !important;
+}
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 13, 2024 */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {

package/dist/nextgen.d.ts

@@ -72,6 +72,7 @@ export declare interface AccordionItemProps {
     disabled?: boolean;
     className?: string;
     defaultOpen?: boolean;
+    delay?: number;
     onOpen?: (params: {
         value: any;
         props: any;

package/dist/nextgen.js

@@ -24048,6 +24048,7 @@ const vrs$c = cva("px-1", {
 const AccordionItem = (props) => {
   const key = useGeneratedId(5, false, false);
   const ref = useRef();
+  const contentRef = useRef();
   const refTrigger = useRef();
   const {
     value = key,
@@ -24059,7 +24060,8 @@ const AccordionItem = (props) => {
     onClose = () => {
     },
     defaultOpen = false,
-    disabled = false
+    disabled = false,
+    delay = 0
   } = props;
   const { updateApi, options: options2 } = useContext(AccordionContext);
   const id = useGeneratedId(5, true, false);
@@ -24068,8 +24070,12 @@ const AccordionItem = (props) => {
     const form = { ...props, open: isOpen, ref, refTrigger };
     if (isOpen) {
       onOpen(form);
+      setTimeout(() => {
+        $(contentRef.current).find("div").first().removeClass("css-opacity-0");
+      }, delay);
     }
     if (!isOpen) {
+      $(contentRef.current).find("div").first().addClass("css-opacity-0");
       onClose(form);
     }
     updateApi((prev) => ({ ...prev, ...form }));
@@ -24082,13 +24088,29 @@ const AccordionItem = (props) => {
       }, 100);
     }
   }, [defaultOpen]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionItem$1, { ref, id, onClick: handleClick, className: cn(vrs$c({
-    disabled,
-    border: options2.border
-  }), className), disabled, value, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionTrigger, { ref: refTrigger, children: header }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionContent, { children })
-  ] }, key);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    AccordionItem$1,
+    {
+      ref,
+      id,
+      onClick: handleClick,
+      className: cn(vrs$c({ disabled, border: options2.border }), className),
+      disabled,
+      value,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionTrigger, { ref: refTrigger, children: header }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          AccordionContent,
+          {
+            className: "css-opacity-0",
+            ref: contentRef,
+            children
+          }
+        )
+      ]
+    },
+    key
+  );
 };
 const CopyButton = forwardRef((props, ref) => {
   const [icon, setIcon] = useState(/* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { size: 16 }));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@abdellatifui/react",
   "private": false,
-  "version": "3.2.91",
+  "version": "3.2.92",
   "type": "module",
   "types": "dist/nextgen.d.ts",
   "files": [