@cube-dev/ui-kit 0.81.0 → 0.82.1

package/es/components/form/Form/use-field/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/form/Form/use-field/use-field-props.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 
-import { useDebugValue, useRef } from 'react';
+import { useDebugValue, useId, useRef } from 'react';
 import { useChainedCallback, useEvent } from '../../../../_internal/index';
 import { mergeProps } from '../../../../utils/react/index';
 import { warn } from '../../../../utils/warnings';
@@ -28,11 +28,27 @@ export function useFieldProps(props, params = {}) {
     if (props.rules && !props.name) {
         warn(`The "rules" prop is not suitable for fields that are not part of a form. Use "name" prop to link the field to a form.`);
     }
-    if (isInsideLegacyField ||
-        isDisabledRef.current === true ||
-        props.name == null) {
+    if (isInsideLegacyField || isDisabledRef.current === true) {
         return props;
     }
+    // For standalone fields (no name), just generate an ID without calling useField
+    const hasName = props.name != null;
+    const generatedId = useId();
+    if (!hasName) {
+        // Standalone field - just add generated ID if not provided
+        if (!props.id) {
+            const result = { ...props, id: generatedId };
+            if (result.id && !result.labelProps) {
+                result.labelProps = { for: result.id };
+            }
+            else if (result.id && result.labelProps && !result.labelProps.for) {
+                result.labelProps = { ...result.labelProps, for: result.id };
+            }
+            return result;
+        }
+        return props;
+    }
+    // Form-connected field - use full useField logic
     const field = useField(props, {
         defaultValidationTrigger: params.defaultValidationTrigger,
     });

package/es/components/form/Form/use-field/use-field.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/form/Form/use-form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/form/Form/validation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/form/Label.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/form/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/form/wrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/helpers/DisplayTransition/DisplayTransition.js

@@ -0,0 +1,242 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.82.1
+ * Released under the MIT license.
+ */
+
+import { useCallback, useEffect, useLayoutEffect, useRef, useState, } from 'react';
+const AUTO_FALLBACK_DURATION = 180;
+// Stable callback to avoid stale closures
+function useEvent(fn) {
+    const ref = useRef(fn);
+    useLayoutEffect(() => {
+        ref.current = fn;
+    }, [fn]);
+    return useCallback((...args) => {
+        return ref.current?.(...args);
+    }, []);
+}
+export function DisplayTransition({ isShown: targetShown, duration, onRest, exposeUnmounted = false, animateOnMount = true, respectReducedMotion = true, children, }) {
+    // Reduced motion → collapse timing
+    const prefersReduced = respectReducedMotion &&
+        typeof window !== 'undefined' &&
+        window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches;
+    const dur = prefersReduced ? 0 : duration;
+    // For native transition event detection
+    const elementRef = useRef(null);
+    const transitionStartedRef = useRef(false);
+    const eventListenersRef = useRef(null);
+    // Initial phase (optionally skip first-mount animation)
+    const [phase, setPhase] = useState(targetShown ? (animateOnMount ? 'enter' : 'entered') : 'unmounted');
+    const phaseRef = useRef(phase);
+    phaseRef.current = phase;
+    const onRestEvent = useEvent(onRest);
+    // Versioned scheduling (Strict Mode & rapid toggles safe)
+    const flowRef = useRef(0);
+    const rafRef = useRef(null);
+    const timerRef = useRef(null);
+    const cancelRAF = () => {
+        if (rafRef.current != null) {
+            cancelAnimationFrame(rafRef.current);
+            rafRef.current = null;
+        }
+    };
+    const clearTimer = () => {
+        if (timerRef.current != null) {
+            clearTimeout(timerRef.current);
+            timerRef.current = null;
+        }
+    };
+    // Double-rAF ensures at least one paint with "enter" before flipping to "entered".
+    const nextPaint = (cb) => {
+        cancelRAF();
+        const flow = flowRef.current;
+        rafRef.current = requestAnimationFrame(() => {
+            if (flowRef.current !== flow)
+                return;
+            rafRef.current = requestAnimationFrame(() => {
+                if (flowRef.current !== flow)
+                    return;
+                rafRef.current = null;
+                cb();
+            });
+        });
+    };
+    const cleanupEventListeners = () => {
+        const element = elementRef.current;
+        const listeners = eventListenersRef.current;
+        if (element && listeners) {
+            element.removeEventListener('transitionstart', listeners.onTransitionStart);
+            element.removeEventListener('transitionend', listeners.onTransitionEnd);
+            element.removeEventListener('transitioncancel', listeners.onTransitionCancel);
+            eventListenersRef.current = null;
+        }
+    };
+    const afterDuration = (cb) => {
+        const flow = flowRef.current;
+        // If using native event detection
+        if (dur === undefined) {
+            const element = elementRef.current;
+            cleanupEventListeners();
+            transitionStartedRef.current = false;
+            let completed = false;
+            const complete = () => {
+                if (completed || flowRef.current !== flow)
+                    return;
+                completed = true;
+                clearTimer();
+                cleanupEventListeners();
+                cb();
+            };
+            if (!element) {
+                // No element to listen on - use fallback timer to avoid immediate completion
+                clearTimer();
+                timerRef.current = setTimeout(() => {
+                    if (flowRef.current !== flow)
+                        return;
+                    timerRef.current = null;
+                    complete();
+                }, AUTO_FALLBACK_DURATION);
+                return;
+            }
+            const onTransitionStart = () => {
+                if (flowRef.current !== flow)
+                    return;
+                transitionStartedRef.current = true;
+                clearTimer(); // Cancel fallback timer once transition starts
+            };
+            const onTransitionEnd = () => {
+                if (flowRef.current !== flow)
+                    return;
+                complete();
+            };
+            const onTransitionCancel = () => {
+                if (flowRef.current !== flow)
+                    return;
+                complete();
+            };
+            eventListenersRef.current = {
+                onTransitionStart,
+                onTransitionEnd,
+                onTransitionCancel,
+            };
+            element.addEventListener('transitionstart', onTransitionStart);
+            element.addEventListener('transitionend', onTransitionEnd);
+            element.addEventListener('transitioncancel', onTransitionCancel);
+            // Fallback: if no transitionstart fires within 150ms, assume no transition
+            timerRef.current = setTimeout(() => {
+                if (flowRef.current !== flow)
+                    return;
+                if (!transitionStartedRef.current) {
+                    complete();
+                }
+            }, 150);
+            return;
+        }
+        // If using explicit duration
+        if (dur <= 0) {
+            cb();
+            return;
+        }
+        clearTimer();
+        timerRef.current = setTimeout(() => {
+            if (flowRef.current !== flow)
+                return;
+            timerRef.current = null;
+            cb();
+        }, dur);
+    };
+    const ensureEnterFlow = () => {
+        if (phaseRef.current !== 'enter') {
+            return;
+        }
+        if (!elementRef.current) {
+            return;
+        }
+        // frame N: "enter" (hidden) → frame N+1: "entered" (shown) → after dur: onRest("enter")
+        nextPaint(() => {
+            if (phaseRef.current !== 'enter')
+                return;
+            setPhase('entered');
+            afterDuration(() => onRestEvent?.('enter'));
+        });
+    };
+    const ensureExitFlow = () => {
+        // "exit" (hidden) → after dur → "unmounted" → onRest("exit")
+        afterDuration(() => {
+            setPhase('unmounted');
+            onRestEvent?.('exit');
+        });
+    };
+    useEffect(() => {
+        ++flowRef.current; // invalidate any pending work
+        const current = phaseRef.current;
+        if (targetShown) {
+            if (current === 'unmounted' || current === 'exit') {
+                setPhase('enter');
+                ensureEnterFlow();
+            }
+            else if (current === 'enter') {
+                ensureEnterFlow();
+            }
+            else {
+                // already "entered"
+                cancelRAF();
+                clearTimer();
+            }
+        }
+        else {
+            if (current === 'unmounted') {
+                cancelRAF();
+                clearTimer();
+            }
+            else if (current !== 'exit') {
+                setPhase('exit');
+                ensureExitFlow();
+            }
+            else {
+                ensureExitFlow();
+            }
+        }
+        return () => {
+            cancelRAF();
+            clearTimer();
+            cleanupEventListeners();
+        };
+    }, [targetShown, dur, onRestEvent]);
+    // OPTIONAL belt-and-suspenders: if we render while still "enter", re-arm enter flow.
+    // You can remove this if you want fewer moving parts; double-rAF usually suffices.
+    useLayoutEffect(() => {
+        if (phaseRef.current === 'enter') {
+            ensureEnterFlow();
+        }
+        return cancelRAF;
+    }, [phase]);
+    // Render-time boolean (true only when visually shown)
+    const isShownNow = phase === 'entered';
+    // Ref callback to attach to transitioned element
+    const refCallback = (node) => {
+        if (node) {
+            elementRef.current = node;
+            if (phaseRef.current === 'enter') {
+                ensureEnterFlow();
+            }
+        }
+        else {
+            cleanupEventListeners();
+            elementRef.current = null;
+        }
+    };
+    if (phase === 'unmounted' && !exposeUnmounted)
+        return null;
+    return children({
+        phase: phase === 'enter' && duration !== undefined && !duration
+            ? 'entered'
+            : phase,
+        isShown: isShownNow,
+        ref: refCallback,
+    });
+}
+
+        

package/es/components/helpers/index.js

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.82.1
+ * Released under the MIT license.
+ */
+
+export * from './DisplayTransition/DisplayTransition';
+
+        

package/es/components/layout/Flex.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/layout/Flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/layout/Grid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/layout/Panel.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/layout/Prefix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/layout/ResizablePanel.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/layout/Space.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/layout/Suffix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/navigation/LegacyTabs/LegacyTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/organisms/FileTabs/FileTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/organisms/StatsCard/StatsCard.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/other/Base64Upload/Base64Upload.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/other/Calendar/Calendar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/other/Calendar/CalendarCell.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/other/Calendar/CalendarGrid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/other/Calendar/RangeCalendar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/other/CloudLogo/CloudLogo.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/AlertDialog/AlertDialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/AlertDialog/AlertDialogZone.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/AlertDialog/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/AlertDialog/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/Dialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/DialogContainer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/DialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/DialogTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Dialog/use-dialog-container.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.81.0
+ * @cube-dev/ui-kit v0.82.1
  * Released under the MIT license.
  */