@cube-dev/ui-kit 0.0.0-canary-9f08182 → 0.0.0-canary-5e810c3

package/es/components/content/Header.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/HotKeys/HotKeys.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/HotKeys/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Item/Item.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Item/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/ItemBadge/ItemBadge.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/ItemBadge/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/GridLayout.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/Layout.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ import { extractStyles, filterBaseProps, INNER_STYLES, mergeStyles, OUTER_STYLES
 import { isDevEnv } from '../../../tasty/utils/is-dev-env.js';
 import { useCombinedRefs } from '../../../utils/react/index.js';
 import { Alert } from '../Alert/index.js';
-import { LayoutProvider, useLayoutContext } from './LayoutContext.js';
+import { LayoutProvider, useLayoutActionsContext, useLayoutStateContext, } from './LayoutContext.js';
 const LayoutElement = tasty({
     as: 'div',
     qa: 'Layout',
@@ -62,7 +62,8 @@ function isPanelElement(child) {
         child.type.displayName === 'Layout.Panel');
 }
 function LayoutInner(props) {
-    const layoutContext = useLayoutContext();
+    const layoutActions = useLayoutActionsContext();
+    const layoutState = useLayoutStateContext();
     const localRef = useRef(null);
     const [isAutoHeight, setIsAutoHeight] = useState(false);
     const [isCollapsed, setIsCollapsed] = useState(false);
@@ -121,17 +122,17 @@ function LayoutInner(props) {
         template,
     ]);
     // Calculate inset values from panel sizes
-    const panelSizes = layoutContext?.panelSizes ?? {
+    const panelSizes = layoutState?.panelSizes ?? {
         left: 0,
         top: 0,
         right: 0,
         bottom: 0,
     };
-    const isDragging = layoutContext?.isDragging ?? false;
-    const isReady = layoutContext?.isReady ?? true;
-    const markReady = layoutContext?.markReady;
-    const dismissOverlayPanels = layoutContext?.dismissOverlayPanels;
-    const hasOverlayPanels = layoutContext?.hasOverlayPanels ?? false;
+    const isDragging = layoutState?.isDragging ?? false;
+    const isReady = layoutState?.isReady ?? true;
+    const markReady = layoutActions?.markReady;
+    const dismissOverlayPanels = layoutActions?.dismissOverlayPanels;
+    const hasOverlayPanels = layoutState?.hasOverlayPanels ?? false;
     // Mark layout as ready after first paint
     // Using useEffect + requestAnimationFrame ensures:
     // 1. Panels register in useLayoutEffect → correct insets before first paint

package/es/components/content/Layout/LayoutBlock.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutCenter.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutContainer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutContent.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutContext.js

@@ -1,46 +1,24 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useRef, useState, useSyncExternalStore, } from 'react';
+import { createContext, useContext, useMemo, useRef, useState, } from 'react';
+import { useEvent } from '../../../_internal/hooks/index.js';
 export const LayoutActionsContext = createContext(null);
 export const LayoutStateContext = createContext(null);
-/** @deprecated Use useLayoutActionsContext and useLayoutStateContext separately */
-export const LayoutContext = createContext(null);
 export function useLayoutActionsContext() {
     return useContext(LayoutActionsContext);
 }
 export function useLayoutStateContext() {
     return useContext(LayoutStateContext);
 }
-export function useLayoutContext() {
-    return useContext(LayoutContext);
-}
-/**
- * Hook to get panel sizes without causing re-renders on every size change.
- * Uses useSyncExternalStore for efficient subscriptions.
- */
-export function usePanelSizes() {
-    const actions = useLayoutActionsContext();
-    const defaultSizes = { left: 0, top: 0, right: 0, bottom: 0 };
-    return useSyncExternalStore(actions?.subscribeToPanelSizes ?? (() => () => { }), actions?.getPanelSizes ?? (() => defaultSizes), () => defaultSizes);
-}
 export function LayoutProvider({ children, hasTransition = false, }) {
     const registeredPanels = useRef(new Set());
     const overlayPanelCallbacks = useRef(new Set());
-    // Use ref for panel sizes to avoid re-renders in Panels when sizes change
-    const panelSizesRef = useRef({
-        left: 0,
-        top: 0,
-        right: 0,
-        bottom: 0,
-    });
-    const panelSizesSubscribers = useRef(new Set());
-    // State for values that need to trigger re-renders
     const [panelSizes, setPanelSizes] = useState({
         left: 0,
         top: 0,
@@ -50,11 +28,14 @@ export function LayoutProvider({ children, hasTransition = false, }) {
     const [isDragging, setIsDragging] = useState(false);
     const [isReady, setIsReady] = useState(false);
     const [hasOverlayPanels, setHasOverlayPanels] = useState(false);
-    // Notify subscribers when panel sizes change
-    const notifyPanelSizesSubscribers = useCallback(() => {
-        panelSizesSubscribers.current.forEach((callback) => callback());
-    }, []);
-    const registerPanel = useCallback((side, size) => {
+    const updatePanelSize = useEvent((side, size) => {
+        setPanelSizes((prev) => {
+            if (prev[side] === size)
+                return prev;
+            return { ...prev, [side]: size };
+        });
+    });
+    const registerPanel = useEvent((side, size) => {
         if (registeredPanels.current.has(side)) {
             throw new Error(`Layout: Only one panel per side is allowed. ` +
                 `A panel is already registered on the "${side}" side.`);
@@ -72,52 +53,19 @@ export function LayoutProvider({ children, hasTransition = false, }) {
             }
         }
         registeredPanels.current.add(side);
-        // Update ref immediately for synchronous access
-        if (panelSizesRef.current[side] !== size) {
-            panelSizesRef.current = { ...panelSizesRef.current, [side]: size };
-            notifyPanelSizesSubscribers();
-        }
-        // Also update state for Layout component re-renders
-        setPanelSizes((prev) => {
-            if (prev[side] === size)
-                return prev;
-            return { ...prev, [side]: size };
-        });
-    }, [notifyPanelSizesSubscribers]);
-    const unregisterPanel = useCallback((side) => {
+        updatePanelSize(side, size);
+    });
+    const unregisterPanel = useEvent((side) => {
         registeredPanels.current.delete(side);
-        // Update ref immediately
-        if (panelSizesRef.current[side] !== 0) {
-            panelSizesRef.current = { ...panelSizesRef.current, [side]: 0 };
-            notifyPanelSizesSubscribers();
-        }
-        setPanelSizes((prev) => {
-            if (prev[side] === 0)
-                return prev;
-            return { ...prev, [side]: 0 };
-        });
-    }, [notifyPanelSizesSubscribers]);
-    const updatePanelSize = useCallback((side, size) => {
-        // Update ref immediately
-        if (panelSizesRef.current[side] !== size) {
-            panelSizesRef.current = { ...panelSizesRef.current, [side]: size };
-            notifyPanelSizesSubscribers();
-        }
-        setPanelSizes((prev) => {
-            // Only update if the size actually changed
-            if (prev[side] === size)
-                return prev;
-            return { ...prev, [side]: size };
-        });
-    }, [notifyPanelSizesSubscribers]);
-    const setDragging = useCallback((dragging) => {
+        updatePanelSize(side, 0);
+    });
+    const setDragging = useEvent((dragging) => {
         setIsDragging(dragging);
-    }, []);
-    const markReady = useCallback(() => {
+    });
+    const markReady = useEvent(() => {
         setIsReady(true);
-    }, []);
-    // Register an overlay panel's dismiss callback
-    const registerOverlayPanel = useCallback((dismiss) => {
+    });
+    const registerOverlayPanel = useEvent((dismiss) => {
         overlayPanelCallbacks.current.add(dismiss);
         setHasOverlayPanels(true);
         // Return unregister function
@@ -125,21 +73,11 @@ export function LayoutProvider({ children, hasTransition = false, }) {
             overlayPanelCallbacks.current.delete(dismiss);
             setHasOverlayPanels(overlayPanelCallbacks.current.size > 0);
         };
-    }, []);
-    // Dismiss all overlay panels
-    const dismissOverlayPanels = useCallback(() => {
+    });
+    const dismissOverlayPanels = useEvent(() => {
         overlayPanelCallbacks.current.forEach((dismiss) => dismiss());
-    }, []);
-    // Subscribe to panel sizes changes (for useSyncExternalStore)
-    const subscribeToPanelSizes = useCallback((callback) => {
-        panelSizesSubscribers.current.add(callback);
-        return () => {
-            panelSizesSubscribers.current.delete(callback);
-        };
-    }, []);
-    // Get current panel sizes snapshot
-    const getPanelSizes = useCallback(() => panelSizesRef.current, []);
-    // Actions context - stable, doesn't change
+    });
+    // Actions context - stable because all callbacks use useEvent
     const actionsValue = useMemo(() => ({
         registerPanel,
         unregisterPanel,
@@ -149,20 +87,9 @@ export function LayoutProvider({ children, hasTransition = false, }) {
         hasTransition,
         registerOverlayPanel,
         dismissOverlayPanels,
-        subscribeToPanelSizes,
-        getPanelSizes,
-    }), [
-        registerPanel,
-        unregisterPanel,
-        updatePanelSize,
-        setDragging,
-        markReady,
-        hasTransition,
-        registerOverlayPanel,
-        dismissOverlayPanels,
-        subscribeToPanelSizes,
-        getPanelSizes,
-    ]);
+    }), 
+    // Only hasTransition can change - all other values are stable useEvent callbacks
+    [hasTransition]);
     // State context - changes when state updates
     const stateValue = useMemo(() => ({
         panelSizes,
@@ -170,19 +97,14 @@ export function LayoutProvider({ children, hasTransition = false, }) {
         isReady,
         hasOverlayPanels,
     }), [panelSizes, isDragging, isReady, hasOverlayPanels]);
-    // Combined value for backwards compatibility
-    const combinedValue = useMemo(() => ({
-        ...actionsValue,
-        ...stateValue,
-    }), [actionsValue, stateValue]);
-    return (_jsx(LayoutActionsContext.Provider, { value: actionsValue, children: _jsx(LayoutStateContext.Provider, { value: stateValue, children: _jsx(LayoutContext.Provider, { value: combinedValue, children: children }) }) }));
+    return (_jsx(LayoutActionsContext.Provider, { value: actionsValue, children: _jsx(LayoutStateContext.Provider, { value: stateValue, children: children }) }));
 }
 /**
  * Provider that resets the layout context for sub-components.
  * Used to prevent panels in nested Layouts from affecting parent layouts.
  */
 export function LayoutContextReset({ children }) {
-    return (_jsx(LayoutActionsContext.Provider, { value: null, children: _jsx(LayoutStateContext.Provider, { value: null, children: _jsx(LayoutContext.Provider, { value: null, children: children }) }) }));
+    return (_jsx(LayoutActionsContext.Provider, { value: null, children: _jsx(LayoutStateContext.Provider, { value: null, children: children }) }));
 }
 export const LayoutPanelContext = createContext(null);
 export function useLayoutPanelContext() {

package/es/components/content/Layout/LayoutFlex.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutFooter.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutGrid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutHeader.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutPane.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutPanel.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutPanelHeader.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutToolbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/hooks/useTinyScrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 
@@ -19,7 +19,7 @@ import { LayoutPanel } from './LayoutPanel.js';
 import { LayoutPanelHeader } from './LayoutPanelHeader.js';
 import { LayoutToolbar } from './LayoutToolbar.js';
 export { GridLayout } from './GridLayout.js';
-export { LayoutContext, LayoutActionsContext, LayoutStateContext, LayoutPanelContext, useLayoutContext, useLayoutActionsContext, useLayoutStateContext, useLayoutPanelContext, usePanelSizes, } from './LayoutContext.js';
+export { LayoutActionsContext, LayoutStateContext, LayoutPanelContext, useLayoutActionsContext, useLayoutStateContext, useLayoutPanelContext, } from './LayoutContext.js';
 const Layout = Object.assign(LayoutBase, {
     Toolbar: LayoutToolbar,
     Header: LayoutHeader,

package/es/components/content/Layout/utils.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/List/SectionHeading.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/List/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Paragraph.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Placeholder/Placeholder.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/PrismCode/PrismCode.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/PrismCode/prismSetup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Result/Result.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Skeleton/Skeleton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Tag/Tag.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/TextItem/TextItem.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/TextItem/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/Title.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */
 

package/es/components/content/highlightText.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9f08182
+ * @cube-dev/ui-kit v0.0.0-canary-5e810c3
  * Released under the MIT license.
  */