@moontra/moonui-pro 2.36.2 → 2.36.4

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import * as React61 from 'react';
-import React61__default, { createContext, useState, useMemo, useCallback, useRef, useEffect, forwardRef, useContext, useImperativeHandle, useLayoutEffect, Component, useDebugValue, Children, isValidElement, cloneElement } from 'react';
+import React61__default, { createContext, useState, useMemo, useCallback, useRef, useEffect, forwardRef, useContext, useImperativeHandle, useLayoutEffect, Component, useDebugValue, useId, Children, isValidElement, cloneElement } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -63936,7 +63936,7 @@ function TimelineInternal({
                                   /* @__PURE__ */ jsx("span", { children: activity })
                                 ]
                               },
-                              i
+                              `activity-${event.id}-${i}`
                             )),
                             customMeta.activities.length > 3 && /* @__PURE__ */ jsxs("li", { className: "text-sm text-muted-foreground/60 pl-5", children: [
                               "+",
@@ -63961,7 +63961,7 @@ function TimelineInternal({
                           )) })
                         ] }),
                         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-4 pt-4 border-t", children: [
-                          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: showRelativeTime && event.date ? /* @__PURE__ */ jsx("span", { children: getRelativeTime(event.date) }) : /* @__PURE__ */ jsx("span", { children: event.date?.toLocaleDateString() }) }),
+                          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: showRelativeTime && event.date ? /* @__PURE__ */ jsx("span", { children: getRelativeTime(event.date) }) : /* @__PURE__ */ jsx("span", { children: event.date?.toLocaleDateString("en-US") }) }),
                           (editable || onEventEdit || onEventDelete) && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
                             onEventEdit && /* @__PURE__ */ jsx(
                               MoonUIButtonPro,
@@ -64203,7 +64203,7 @@ function TimelineInternal({
                             /* @__PURE__ */ jsx("span", { children: activity })
                           ]
                         },
-                        i
+                        `activity-${event.id}-${i}`
                       )),
                       customMeta.activities.length > 3 && /* @__PURE__ */ jsxs("li", { className: "text-sm text-muted-foreground/60 pl-5", children: [
                         "+",
@@ -84718,10 +84718,11 @@ var GridPatternInternal = ({
   size: size4,
   performance: performance2 = "balanced"
 }) => {
-  const [patternId] = useState(() => `grid-pattern-${Math.random().toString(36).substr(2, 9)}`);
-  const [gradientId] = useState(() => `grid-gradient-${Math.random().toString(36).substr(2, 9)}`);
-  const [maskId] = useState(() => `grid-mask-${Math.random().toString(36).substr(2, 9)}`);
-  const [noiseId] = useState(() => `grid-noise-${Math.random().toString(36).substr(2, 9)}`);
+  const uniqueId = useId();
+  const patternId = `grid-pattern-${uniqueId}`;
+  const gradientId = `grid-gradient-${uniqueId}`;
+  const maskId = `grid-mask-${uniqueId}`;
+  const noiseId = `grid-noise-${uniqueId}`;
   const containerRef = useRef(null);
   useEffect(() => {
     if (!parallax || !containerRef.current) return;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.36.2",
+    "version": "2.36.4",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",