@almadar/ui 5.122.3 → 5.122.4

package/dist/avl/index.cjs

@@ -5162,7 +5162,7 @@ var init_Modal = __esm({
       const isDragging = React91.useRef(false);
       const [closing, setClosing] = React91.useState(false);
       const wasOpenRef = React91.useRef(isOpen);
-      React91.useEffect(() => {
+      React91.useLayoutEffect(() => {
         if (wasOpenRef.current && !isOpen) setClosing(true);
         wasOpenRef.current = isOpen;
       }, [isOpen]);
@@ -5367,7 +5367,7 @@ function usePresence(show, opts) {
     setMounted(false);
     onExitedRef.current?.();
   }, [clearSafe]);
-  React91.useEffect(() => {
+  React91.useLayoutEffect(() => {
     const moving = animate && isMotionEnabled();
     if (show && !prev.current) {
       setExiting(false);

package/dist/avl/index.js

@@ -5116,7 +5116,7 @@ var init_Modal = __esm({
       const isDragging = useRef(false);
       const [closing, setClosing] = useState(false);
       const wasOpenRef = useRef(isOpen);
-      useEffect(() => {
+      useLayoutEffect(() => {
         if (wasOpenRef.current && !isOpen) setClosing(true);
         wasOpenRef.current = isOpen;
       }, [isOpen]);
@@ -5321,7 +5321,7 @@ function usePresence(show, opts) {
     setMounted(false);
     onExitedRef.current?.();
   }, [clearSafe]);
-  useEffect(() => {
+  useLayoutEffect(() => {
     const moving = animate && isMotionEnabled();
     if (show && !prev.current) {
       setExiting(false);

package/dist/components/index.cjs

@@ -4122,7 +4122,7 @@ function usePresence(show, opts) {
     setMounted(false);
     onExitedRef.current?.();
   }, [clearSafe]);
-  React74.useEffect(() => {
+  React74.useLayoutEffect(() => {
     const moving = animate && isMotionEnabled();
     if (show && !prev.current) {
       setExiting(false);
@@ -6168,7 +6168,7 @@ var init_Modal = __esm({
       const isDragging = React74.useRef(false);
       const [closing, setClosing] = React74.useState(false);
       const wasOpenRef = React74.useRef(isOpen);
-      React74.useEffect(() => {
+      React74.useLayoutEffect(() => {
         if (wasOpenRef.current && !isOpen) setClosing(true);
         wasOpenRef.current = isOpen;
       }, [isOpen]);

package/dist/components/index.d.cts

@@ -6389,7 +6389,7 @@ interface DataGridProps extends DataDndProps {
      */
     look?: "dense" | "spacious" | "striped" | "borderless" | "card-rows";
 }
-declare function DataGrid({ entity, fields, columns, itemActions, maxInlineActions, scrollX, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataGridProps): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
+declare function DataGrid({ entity, fields, columns, itemActions, maxInlineActions, scrollX, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataGridProps): string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
 declare namespace DataGrid {
     var displayName: string;
 }
@@ -6516,7 +6516,7 @@ interface DataListProps extends DataDndProps {
      */
     look?: "dense" | "spacious" | "striped" | "borderless" | "card-rows";
 }
-declare function DataList({ entity, fields, columns, itemActions, maxInlineActions, itemClickEvent, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataListProps): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
+declare function DataList({ entity, fields, columns, itemActions, maxInlineActions, itemClickEvent, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataListProps): string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
 declare namespace DataList {
     var displayName: string;
 }

package/dist/components/index.d.ts

@@ -6389,7 +6389,7 @@ interface DataGridProps extends DataDndProps {
      */
     look?: "dense" | "spacious" | "striped" | "borderless" | "card-rows";
 }
-declare function DataGrid({ entity, fields, columns, itemActions, maxInlineActions, scrollX, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataGridProps): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
+declare function DataGrid({ entity, fields, columns, itemActions, maxInlineActions, scrollX, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataGridProps): string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
 declare namespace DataGrid {
     var displayName: string;
 }
@@ -6516,7 +6516,7 @@ interface DataListProps extends DataDndProps {
      */
     look?: "dense" | "spacious" | "striped" | "borderless" | "card-rows";
 }
-declare function DataList({ entity, fields, columns, itemActions, maxInlineActions, itemClickEvent, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataListProps): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
+declare function DataList({ entity, fields, columns, itemActions, maxInlineActions, itemClickEvent, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, }: DataListProps): string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
 declare namespace DataList {
     var displayName: string;
 }

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React74 from 'react';
-import React74__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, useState, Suspense, lazy, useSyncExternalStore, useLayoutEffect, useId } from 'react';
+import React74__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, useState, useLayoutEffect, Suspense, lazy, useSyncExternalStore, useId } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { EventBusContext, useTraitScopeChain, useCurrentPagePath, useGameAudioContextOptional, useEntitySchemaOptional, TraitScopeProvider } from '@almadar/ui/providers';
@@ -4077,7 +4077,7 @@ function usePresence(show, opts) {
     setMounted(false);
     onExitedRef.current?.();
   }, [clearSafe]);
-  useEffect(() => {
+  useLayoutEffect(() => {
     const moving = animate && isMotionEnabled();
     if (show && !prev.current) {
       setExiting(false);
@@ -6123,7 +6123,7 @@ var init_Modal = __esm({
       const isDragging = useRef(false);
       const [closing, setClosing] = useState(false);
       const wasOpenRef = useRef(isOpen);
-      useEffect(() => {
+      useLayoutEffect(() => {
         if (wasOpenRef.current && !isOpen) setClosing(true);
         wasOpenRef.current = isOpen;
       }, [isOpen]);

package/dist/providers/index.cjs

@@ -1333,7 +1333,7 @@ var init_Modal = __esm({
       const isDragging = React84.useRef(false);
       const [closing, setClosing] = React84.useState(false);
       const wasOpenRef = React84.useRef(isOpen);
-      React84.useEffect(() => {
+      React84.useLayoutEffect(() => {
         if (wasOpenRef.current && !isOpen) setClosing(true);
         wasOpenRef.current = isOpen;
       }, [isOpen]);
@@ -1538,7 +1538,7 @@ function usePresence(show, opts) {
     setMounted(false);
     onExitedRef.current?.();
   }, [clearSafe]);
-  React84.useEffect(() => {
+  React84.useLayoutEffect(() => {
     const moving = animate && isMotionEnabled();
     if (show && !prev.current) {
       setExiting(false);

package/dist/providers/index.js

@@ -1,5 +1,5 @@
 import * as React84 from 'react';
-import React84__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, lazy, useLayoutEffect, useId, useSyncExternalStore } from 'react';
+import React84__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useLayoutEffect, lazy, useId, useSyncExternalStore } from 'react';
 import { EventBusContext, useTraitScopeChain, useEntitySchemaOptional, TraitScopeProvider, useCurrentPagePath, useGameAudioContextOptional } from '@almadar/ui/providers';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import { clsx } from 'clsx';
@@ -1288,7 +1288,7 @@ var init_Modal = __esm({
       const isDragging = useRef(false);
       const [closing, setClosing] = useState(false);
       const wasOpenRef = useRef(isOpen);
-      useEffect(() => {
+      useLayoutEffect(() => {
         if (wasOpenRef.current && !isOpen) setClosing(true);
         wasOpenRef.current = isOpen;
       }, [isOpen]);
@@ -1493,7 +1493,7 @@ function usePresence(show, opts) {
     setMounted(false);
     onExitedRef.current?.();
   }, [clearSafe]);
-  useEffect(() => {
+  useLayoutEffect(() => {
     const moving = animate && isMotionEnabled();
     if (show && !prev.current) {
       setExiting(false);

package/dist/runtime/index.cjs

@@ -1811,7 +1811,7 @@ var init_Modal = __esm({
       const isDragging = React82.useRef(false);
       const [closing, setClosing] = React82.useState(false);
       const wasOpenRef = React82.useRef(isOpen);
-      React82.useEffect(() => {
+      React82.useLayoutEffect(() => {
         if (wasOpenRef.current && !isOpen) setClosing(true);
         wasOpenRef.current = isOpen;
       }, [isOpen]);
@@ -2016,7 +2016,7 @@ function usePresence(show, opts) {
     setMounted(false);
     onExitedRef.current?.();
   }, [clearSafe]);
-  React82.useEffect(() => {
+  React82.useLayoutEffect(() => {
     const moving = animate && isMotionEnabled();
     if (show && !prev.current) {
       setExiting(false);

package/dist/runtime/index.js

@@ -1,5 +1,5 @@
 import * as React82 from 'react';
-import React82__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useSyncExternalStore, lazy, useLayoutEffect, useId } from 'react';
+import React82__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useSyncExternalStore, useLayoutEffect, lazy, useId } from 'react';
 import { EventBusContext, useTraitScopeChain, useEntitySchemaOptional, useEntitySchema, getAllPages, OrbitalProvider, TraitScopeProvider, ServerBridgeProvider, useCurrentPagePath, useGameAudioContextOptional, VerificationProvider, EntitySchemaProvider, OrbitalThemeProvider, useServerBridge } from '@almadar/ui/providers';
 export { EntitySchemaProvider, ServerBridgeProvider, TraitContext, TraitProvider, useEntitySchema, useEntitySchemaOptional, useServerBridge, useTrait, useTraitContext } from '@almadar/ui/providers';
 import { createLogger, setNamespaceLevel, isLogLevelEnabled } from '@almadar/logger';
@@ -1767,7 +1767,7 @@ var init_Modal = __esm({
       const isDragging = useRef(false);
       const [closing, setClosing] = useState(false);
       const wasOpenRef = useRef(isOpen);
-      useEffect(() => {
+      useLayoutEffect(() => {
         if (wasOpenRef.current && !isOpen) setClosing(true);
         wasOpenRef.current = isOpen;
       }, [isOpen]);
@@ -1972,7 +1972,7 @@ function usePresence(show, opts) {
     setMounted(false);
     onExitedRef.current?.();
   }, [clearSafe]);
-  useEffect(() => {
+  useLayoutEffect(() => {
     const moving = animate && isMotionEnabled();
     if (show && !prev.current) {
       setExiting(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.122.3",
+  "version": "5.122.4",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [