@cube-dev/ui-kit 0.0.0-canary-0b79a39 → 0.0.0-canary-c02e70f

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

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
-import { createContext, useContext, useMemo, useRef, useState } from "react";
+import { createContext, useContext, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/content/Layout/LayoutContext.tsx
@@ -17,114 +17,230 @@ function useLayoutActionsContext() {
 function useLayoutStateContext() {
 	return useContext(LayoutStateContext);
 }
-function LayoutProvider({ children, hasTransition = false, minContentSize = 320 }) {
-	const registeredPanels = useRef(/* @__PURE__ */ new Set());
-	const overlayPanelCallbacks = useRef(/* @__PURE__ */ new Set());
+function LayoutProvider(t0) {
+	const $ = c(44);
+	const { children, hasTransition: t1, minContentSize: t2 } = t0;
+	const hasTransition = t1 === void 0 ? false : t1;
+	const minContentSize = t2 === void 0 ? 320 : t2;
+	let t3;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ new Set();
+		$[0] = t3;
+	} else t3 = $[0];
+	const registeredPanels = useRef(t3);
+	let t4;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ new Set();
+		$[1] = t4;
+	} else t4 = $[1];
+	const overlayPanelCallbacks = useRef(t4);
 	const panelContainerRef = useRef(null);
 	const [isPanelContainerReady, setIsPanelContainerReady] = useState(false);
-	const setPanelContainer = useEvent((element) => {
-		panelContainerRef.current = element;
-		setIsPanelContainerReady(element !== null);
-	});
-	const [panelSizes, setPanelSizes] = useState({
-		left: 0,
-		top: 0,
-		right: 0,
-		bottom: 0
-	});
+	let t5;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = (element) => {
+			panelContainerRef.current = element;
+			setIsPanelContainerReady(element !== null);
+		};
+		$[2] = t5;
+	} else t5 = $[2];
+	const setPanelContainer = useEvent(t5);
+	let t6;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = {
+			left: 0,
+			top: 0,
+			right: 0,
+			bottom: 0
+		};
+		$[3] = t6;
+	} else t6 = $[3];
+	const [panelSizes, setPanelSizes] = useState(t6);
 	const [isDragging, setIsDragging] = useState(false);
 	const [isReady, setIsReady] = useState(false);
 	const [hasOverlayPanels, setHasOverlayPanels] = useState(false);
 	const [containerWidth, setContainerWidth] = useState(0);
 	const [containerHeight, setContainerHeight] = useState(0);
-	const updatePanelSize = useEvent((side, size) => {
-		setPanelSizes((prev) => {
-			if (prev[side] === size) return prev;
-			return {
-				...prev,
-				[side]: size
+	let t7;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (side, size) => {
+			setPanelSizes((prev) => {
+				if (prev[side] === size) return prev;
+				return {
+					...prev,
+					[side]: size
+				};
+			});
+		};
+		$[4] = t7;
+	} else t7 = $[4];
+	const updatePanelSize = useEvent(t7);
+	let t8;
+	if ($[5] !== updatePanelSize) {
+		t8 = (side_0, size_0) => {
+			if (registeredPanels.current.has(side_0)) throw new Error(`Layout: Only one panel per side is allowed. A panel is already registered on the "${side_0}" side.`);
+			const conflictingSides = side_0 === "left" || side_0 === "right" ? ["top", "bottom"] : ["left", "right"];
+			for (const conflictSide of conflictingSides) if (registeredPanels.current.has(conflictSide)) throw new Error(`Layout: Panels from different axes cannot be combined. Cannot register "${side_0}" panel when "${conflictSide}" panel exists. Use either horizontal (left/right) or vertical (top/bottom) panels.`);
+			registeredPanels.current.add(side_0);
+			updatePanelSize(side_0, size_0);
+		};
+		$[5] = updatePanelSize;
+		$[6] = t8;
+	} else t8 = $[6];
+	const registerPanel = useEvent(t8);
+	let t9;
+	if ($[7] !== updatePanelSize) {
+		t9 = (side_1) => {
+			registeredPanels.current.delete(side_1);
+			updatePanelSize(side_1, 0);
+		};
+		$[7] = updatePanelSize;
+		$[8] = t9;
+	} else t9 = $[8];
+	const unregisterPanel = useEvent(t9);
+	let t10;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = (dragging) => {
+			setIsDragging(dragging);
+		};
+		$[9] = t10;
+	} else t10 = $[9];
+	const setDragging = useEvent(t10);
+	let t11;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = () => {
+			setIsReady(true);
+		};
+		$[10] = t11;
+	} else t11 = $[10];
+	const markReady = useEvent(t11);
+	let t12;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = (dismiss) => {
+			overlayPanelCallbacks.current.add(dismiss);
+			setHasOverlayPanels(true);
+			return () => {
+				overlayPanelCallbacks.current.delete(dismiss);
+				setHasOverlayPanels(overlayPanelCallbacks.current.size > 0);
 			};
-		});
-	});
-	const registerPanel = useEvent((side_0, size_0) => {
-		if (registeredPanels.current.has(side_0)) throw new Error(`Layout: Only one panel per side is allowed. A panel is already registered on the "${side_0}" side.`);
-		const conflictingSides = side_0 === "left" || side_0 === "right" ? ["top", "bottom"] : ["left", "right"];
-		for (const conflictSide of conflictingSides) if (registeredPanels.current.has(conflictSide)) throw new Error(`Layout: Panels from different axes cannot be combined. Cannot register "${side_0}" panel when "${conflictSide}" panel exists. Use either horizontal (left/right) or vertical (top/bottom) panels.`);
-		registeredPanels.current.add(side_0);
-		updatePanelSize(side_0, size_0);
-	});
-	const unregisterPanel = useEvent((side_1) => {
-		registeredPanels.current.delete(side_1);
-		updatePanelSize(side_1, 0);
-	});
-	const setDragging = useEvent((dragging) => {
-		setIsDragging(dragging);
-	});
-	const markReady = useEvent(() => {
-		setIsReady(true);
-	});
-	const registerOverlayPanel = useEvent((dismiss) => {
-		overlayPanelCallbacks.current.add(dismiss);
-		setHasOverlayPanels(true);
-		return () => {
-			overlayPanelCallbacks.current.delete(dismiss);
-			setHasOverlayPanels(overlayPanelCallbacks.current.size > 0);
 		};
-	});
-	const dismissOverlayPanels = useEvent(() => {
-		overlayPanelCallbacks.current.forEach((dismiss_0) => dismiss_0());
-	});
-	const updateContainerSize = useEvent((width, height) => {
-		setContainerWidth((prev_0) => prev_0 === width ? prev_0 : width);
-		setContainerHeight((prev_1) => prev_1 === height ? prev_1 : height);
-	});
-	const actionsValue = useMemo(() => ({
-		registerPanel,
-		unregisterPanel,
-		updatePanelSize,
-		setDragging,
-		markReady,
-		updateContainerSize,
-		hasTransition,
-		minContentSize,
-		registerOverlayPanel,
-		dismissOverlayPanels
-	}), [hasTransition, minContentSize]);
-	const stateValue = useMemo(() => ({
-		panelSizes,
-		isDragging,
-		isReady,
-		hasOverlayPanels,
-		containerWidth,
-		containerHeight
-	}), [
-		panelSizes,
-		isDragging,
-		isReady,
-		hasOverlayPanels,
-		containerWidth,
-		containerHeight
-	]);
-	const refsValue = useMemo(() => ({
-		panelContainerRef,
-		isPanelContainerReady,
-		setPanelContainer
-	}), [isPanelContainerReady]);
-	return /* @__PURE__ */ jsx(LayoutRefsContext.Provider, {
-		value: refsValue,
-		children: /* @__PURE__ */ jsx(LayoutActionsContext.Provider, {
+		$[11] = t12;
+	} else t12 = $[11];
+	const registerOverlayPanel = useEvent(t12);
+	let t13;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = () => {
+			overlayPanelCallbacks.current.forEach(_temp);
+		};
+		$[12] = t13;
+	} else t13 = $[12];
+	const dismissOverlayPanels = useEvent(t13);
+	let t14;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = (width, height) => {
+			setContainerWidth((prev_0) => prev_0 === width ? prev_0 : width);
+			setContainerHeight((prev_1) => prev_1 === height ? prev_1 : height);
+		};
+		$[13] = t14;
+	} else t14 = $[13];
+	const updateContainerSize = useEvent(t14);
+	let t15;
+	if ($[14] !== dismissOverlayPanels || $[15] !== hasTransition || $[16] !== markReady || $[17] !== minContentSize || $[18] !== registerOverlayPanel || $[19] !== registerPanel || $[20] !== setDragging || $[21] !== unregisterPanel || $[22] !== updateContainerSize || $[23] !== updatePanelSize) {
+		t15 = {
+			registerPanel,
+			unregisterPanel,
+			updatePanelSize,
+			setDragging,
+			markReady,
+			updateContainerSize,
+			hasTransition,
+			minContentSize,
+			registerOverlayPanel,
+			dismissOverlayPanels
+		};
+		$[14] = dismissOverlayPanels;
+		$[15] = hasTransition;
+		$[16] = markReady;
+		$[17] = minContentSize;
+		$[18] = registerOverlayPanel;
+		$[19] = registerPanel;
+		$[20] = setDragging;
+		$[21] = unregisterPanel;
+		$[22] = updateContainerSize;
+		$[23] = updatePanelSize;
+		$[24] = t15;
+	} else t15 = $[24];
+	const actionsValue = t15;
+	let t16;
+	if ($[25] !== containerHeight || $[26] !== containerWidth || $[27] !== hasOverlayPanels || $[28] !== isDragging || $[29] !== isReady || $[30] !== panelSizes) {
+		t16 = {
+			panelSizes,
+			isDragging,
+			isReady,
+			hasOverlayPanels,
+			containerWidth,
+			containerHeight
+		};
+		$[25] = containerHeight;
+		$[26] = containerWidth;
+		$[27] = hasOverlayPanels;
+		$[28] = isDragging;
+		$[29] = isReady;
+		$[30] = panelSizes;
+		$[31] = t16;
+	} else t16 = $[31];
+	const stateValue = t16;
+	let t17;
+	if ($[32] !== isPanelContainerReady || $[33] !== setPanelContainer) {
+		t17 = {
+			panelContainerRef,
+			isPanelContainerReady,
+			setPanelContainer
+		};
+		$[32] = isPanelContainerReady;
+		$[33] = setPanelContainer;
+		$[34] = t17;
+	} else t17 = $[34];
+	const refsValue = t17;
+	let t18;
+	if ($[35] !== children || $[36] !== stateValue) {
+		t18 = /* @__PURE__ */ jsx(LayoutStateContext.Provider, {
+			value: stateValue,
+			children
+		});
+		$[35] = children;
+		$[36] = stateValue;
+		$[37] = t18;
+	} else t18 = $[37];
+	let t19;
+	if ($[38] !== actionsValue || $[39] !== t18) {
+		t19 = /* @__PURE__ */ jsx(LayoutActionsContext.Provider, {
 			value: actionsValue,
-			children: /* @__PURE__ */ jsx(LayoutStateContext.Provider, {
-				value: stateValue,
-				children
-			})
-		})
-	});
+			children: t18
+		});
+		$[38] = actionsValue;
+		$[39] = t18;
+		$[40] = t19;
+	} else t19 = $[40];
+	let t20;
+	if ($[41] !== refsValue || $[42] !== t19) {
+		t20 = /* @__PURE__ */ jsx(LayoutRefsContext.Provider, {
+			value: refsValue,
+			children: t19
+		});
+		$[41] = refsValue;
+		$[42] = t19;
+		$[43] = t20;
+	} else t20 = $[43];
+	return t20;
 }
 /**
 * Provider that resets the layout context for sub-components.
 * Used to prevent panels in nested Layouts from affecting parent layouts.
 */
+function _temp(dismiss_0) {
+	return dismiss_0();
+}
 function LayoutContextReset(t0) {
 	const $ = c(2);
 	const { children } = t0;

package/dist/components/content/Layout/LayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContext.js","names":["createContext","MutableRefObject","ReactNode","useContext","useMemo","useRef","useState","useEvent","Side","LayoutRefsContextValue","panelContainerRef","HTMLDivElement","isPanelContainerReady","setPanelContainer","element","LayoutRefsContext","useLayoutRefsContext","OverlayDismissCallback","LayoutActionsContextValue","registerPanel","side","size","unregisterPanel","updatePanelSize","setDragging","isDragging","markReady","updateContainerSize","width","height","registerOverlayPanel","dismiss","dismissOverlayPanels","hasTransition","minContentSize","LayoutStateContextValue","panelSizes","Record","isReady","hasOverlayPanels","containerWidth","containerHeight","LayoutActionsContext","LayoutStateContext","useLayoutActionsContext","useLayoutStateContext","LayoutContextValue","useLayoutContext","$","_c","actions","state","refs","t0","LayoutProviderProps","children","LayoutProvider","registeredPanels","Set","overlayPanelCallbacks","setIsPanelContainerReady","current","setPanelSizes","left","top","right","bottom","setIsDragging","setIsReady","setHasOverlayPanels","setContainerWidth","setContainerHeight","prev","has","Error","isHorizontal","conflictingSides","conflictSide","add","delete","dragging","forEach","actionsValue","stateValue","refsValue","LayoutContextReset","t1","LayoutPanelContextValue","onOpenChange","isOpen","LayoutPanelContext","useLayoutPanelContext"],"sources":["../../../../src/components/content/Layout/LayoutContext.tsx"],"sourcesContent":["import {\n  createContext,\n  MutableRefObject,\n  ReactNode,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nexport type Side = 'left' | 'top' | 'right' | 'bottom';\n\n/**\n * Refs context - stable refs that don't change and don't trigger re-renders.\n * Provides portal container ref for panels to render into.\n */\nexport interface LayoutRefsContextValue {\n  /** Container element ref for panels to portal into */\n  panelContainerRef: MutableRefObject<HTMLDivElement | null>;\n  /** Whether the panel container is mounted and ready for portals */\n  isPanelContainerReady: boolean;\n  /** Callback ref to set on the panel container element */\n  setPanelContainer: (element: HTMLDivElement | null) => void;\n}\n\nexport const LayoutRefsContext = createContext<LayoutRefsContextValue | null>(\n  null,\n);\n\nexport function useLayoutRefsContext(): LayoutRefsContextValue | null {\n  return useContext(LayoutRefsContext);\n}\n\n/** Callback to dismiss an overlay panel */\nexport type OverlayDismissCallback = () => void;\n\n/**\n * Actions context - stable functions and configuration that don't change.\n * Separating these from state prevents unnecessary re-renders when only state changes.\n */\nexport interface LayoutActionsContextValue {\n  /** Register a panel on a specific side with initial size */\n  registerPanel: (side: Side, size: number) => void;\n  /** Unregister a panel from a specific side */\n  unregisterPanel: (side: Side) => void;\n  /** Update the size of a registered panel */\n  updatePanelSize: (side: Side, size: number) => void;\n  /** Set global dragging state (when any panel is being resized) */\n  setDragging: (isDragging: boolean) => void;\n  /** Mark the layout as ready (after initial mount) */\n  markReady: () => void;\n  /** Update the container dimensions (called from ResizeObserver) */\n  updateContainerSize: (width: number, height: number) => void;\n  /** Register an overlay panel's dismiss callback. Returns unregister function. */\n  registerOverlayPanel: (dismiss: OverlayDismissCallback) => () => void;\n  /** Dismiss all overlay panels */\n  dismissOverlayPanels: () => void;\n  /** Whether transitions are enabled for panels (stable config value) */\n  hasTransition: boolean;\n  /** Minimum size reserved for the content area between panels */\n  minContentSize: number;\n}\n\n/** State context - reactive state that triggers re-renders */\nexport interface LayoutStateContextValue {\n  panelSizes: Record<Side, number>;\n  isDragging: boolean;\n  isReady: boolean;\n  hasOverlayPanels: boolean;\n  containerWidth: number;\n  containerHeight: number;\n}\n\nexport const LayoutActionsContext =\n  createContext<LayoutActionsContextValue | null>(null);\nexport const LayoutStateContext = createContext<LayoutStateContextValue | null>(\n  null,\n);\n\nexport function useLayoutActionsContext(): LayoutActionsContextValue | null {\n  return useContext(LayoutActionsContext);\n}\n\nexport function useLayoutStateContext(): LayoutStateContextValue | null {\n  return useContext(LayoutStateContext);\n}\n\n/** Combined layout context value for convenience */\nexport interface LayoutContextValue\n  extends LayoutActionsContextValue,\n    LayoutStateContextValue,\n    LayoutRefsContextValue {}\n\n/**\n * Combined hook that returns all layout context values.\n * Convenience wrapper around the individual context hooks.\n * Returns null if used outside of a Layout component.\n */\nexport function useLayoutContext(): LayoutContextValue | null {\n  const actions = useLayoutActionsContext();\n  const state = useLayoutStateContext();\n  const refs = useLayoutRefsContext();\n\n  if (!actions || !state || !refs) {\n    return null;\n  }\n\n  return { ...actions, ...state, ...refs };\n}\n\nexport interface LayoutProviderProps {\n  children: ReactNode;\n  /** Whether transitions are enabled for panels */\n  hasTransition?: boolean;\n  /** Minimum size reserved for the content area between panels. Default: 320 */\n  minContentSize?: number;\n}\n\nexport function LayoutProvider({\n  children,\n  hasTransition = false,\n  minContentSize = 320,\n}: LayoutProviderProps) {\n  const registeredPanels = useRef<Set<Side>>(new Set());\n  const overlayPanelCallbacks = useRef<Set<OverlayDismissCallback>>(new Set());\n  const panelContainerRef = useRef<HTMLDivElement | null>(null);\n  const [isPanelContainerReady, setIsPanelContainerReady] = useState(false);\n\n  // Callback ref for panel container - triggers re-render when container mounts\n  const setPanelContainer = useEvent((element: HTMLDivElement | null) => {\n    panelContainerRef.current = element;\n    setIsPanelContainerReady(element !== null);\n  });\n\n  const [panelSizes, setPanelSizes] = useState<Record<Side, number>>({\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n  });\n  const [isDragging, setIsDragging] = useState(false);\n  const [isReady, setIsReady] = useState(false);\n  const [hasOverlayPanels, setHasOverlayPanels] = useState(false);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [containerHeight, setContainerHeight] = useState(0);\n\n  const updatePanelSize = useEvent((side: Side, size: number) => {\n    setPanelSizes((prev) => {\n      if (prev[side] === size) return prev;\n      return { ...prev, [side]: size };\n    });\n  });\n\n  const registerPanel = useEvent((side: Side, size: number) => {\n    if (registeredPanels.current.has(side)) {\n      throw new Error(\n        `Layout: Only one panel per side is allowed. ` +\n          `A panel is already registered on the \"${side}\" side.`,\n      );\n    }\n\n    // Check for axis conflict\n    const isHorizontal = side === 'left' || side === 'right';\n    const conflictingSides: Side[] = isHorizontal\n      ? ['top', 'bottom']\n      : ['left', 'right'];\n\n    for (const conflictSide of conflictingSides) {\n      if (registeredPanels.current.has(conflictSide)) {\n        throw new Error(\n          `Layout: Panels from different axes cannot be combined. ` +\n            `Cannot register \"${side}\" panel when \"${conflictSide}\" panel exists. ` +\n            `Use either horizontal (left/right) or vertical (top/bottom) panels.`,\n        );\n      }\n    }\n\n    registeredPanels.current.add(side);\n    updatePanelSize(side, size);\n  });\n\n  const unregisterPanel = useEvent((side: Side) => {\n    registeredPanels.current.delete(side);\n    updatePanelSize(side, 0);\n  });\n\n  const setDragging = useEvent((dragging: boolean) => {\n    setIsDragging(dragging);\n  });\n\n  const markReady = useEvent(() => {\n    setIsReady(true);\n  });\n\n  const registerOverlayPanel = useEvent((dismiss: OverlayDismissCallback) => {\n    overlayPanelCallbacks.current.add(dismiss);\n    setHasOverlayPanels(true);\n\n    // Return unregister function\n    return () => {\n      overlayPanelCallbacks.current.delete(dismiss);\n      setHasOverlayPanels(overlayPanelCallbacks.current.size > 0);\n    };\n  });\n\n  const dismissOverlayPanels = useEvent(() => {\n    overlayPanelCallbacks.current.forEach((dismiss) => dismiss());\n  });\n\n  const updateContainerSize = useEvent((width: number, height: number) => {\n    setContainerWidth((prev) => (prev === width ? prev : width));\n    setContainerHeight((prev) => (prev === height ? prev : height));\n  });\n\n  // Actions context - stable because all callbacks use useEvent\n  const actionsValue = useMemo(\n    () => ({\n      registerPanel,\n      unregisterPanel,\n      updatePanelSize,\n      setDragging,\n      markReady,\n      updateContainerSize,\n      hasTransition,\n      minContentSize,\n      registerOverlayPanel,\n      dismissOverlayPanels,\n    }),\n    // Only hasTransition and minContentSize can change - all other values are stable useEvent callbacks\n    [hasTransition, minContentSize],\n  );\n\n  // State context - changes when state updates\n  const stateValue = useMemo(\n    () => ({\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    }),\n    [\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    ],\n  );\n\n  // Refs context - includes container ready state\n  const refsValue = useMemo(\n    () => ({\n      panelContainerRef,\n      isPanelContainerReady,\n      setPanelContainer,\n    }),\n    [isPanelContainerReady],\n  );\n\n  return (\n    <LayoutRefsContext.Provider value={refsValue}>\n      <LayoutActionsContext.Provider value={actionsValue}>\n        <LayoutStateContext.Provider value={stateValue}>\n          {children}\n        </LayoutStateContext.Provider>\n      </LayoutActionsContext.Provider>\n    </LayoutRefsContext.Provider>\n  );\n}\n\n/**\n * Provider that resets the layout context for sub-components.\n * Used to prevent panels in nested Layouts from affecting parent layouts.\n */\nexport function LayoutContextReset({ children }: { children: ReactNode }) {\n  return (\n    <LayoutRefsContext.Provider value={null}>\n      <LayoutActionsContext.Provider value={null}>\n        <LayoutStateContext.Provider value={null}>\n          {children}\n        </LayoutStateContext.Provider>\n      </LayoutActionsContext.Provider>\n    </LayoutRefsContext.Provider>\n  );\n}\n\n// Panel context - provides panel-level callbacks to child components\nexport interface LayoutPanelContextValue {\n  /** Callback to change the panel's open state */\n  onOpenChange: (isOpen: boolean) => void;\n  /** Current open state of the panel */\n  isOpen: boolean;\n}\n\nexport const LayoutPanelContext = createContext<LayoutPanelContextValue | null>(\n  null,\n);\n\nexport function useLayoutPanelContext(): LayoutPanelContextValue | null {\n  return useContext(LayoutPanelContext);\n}\n"],"mappings":"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"}
+{"version":3,"file":"LayoutContext.js","names":["createContext","MutableRefObject","ReactNode","useContext","useMemo","useRef","useState","useEvent","Side","LayoutRefsContextValue","panelContainerRef","HTMLDivElement","isPanelContainerReady","setPanelContainer","element","LayoutRefsContext","useLayoutRefsContext","OverlayDismissCallback","LayoutActionsContextValue","registerPanel","side","size","unregisterPanel","updatePanelSize","setDragging","isDragging","markReady","updateContainerSize","width","height","registerOverlayPanel","dismiss","dismissOverlayPanels","hasTransition","minContentSize","LayoutStateContextValue","panelSizes","Record","isReady","hasOverlayPanels","containerWidth","containerHeight","LayoutActionsContext","LayoutStateContext","useLayoutActionsContext","useLayoutStateContext","LayoutContextValue","useLayoutContext","$","_c","actions","state","refs","t0","LayoutProviderProps","children","LayoutProvider","t1","t2","undefined","t3","Symbol","for","Set","registeredPanels","t4","overlayPanelCallbacks","setIsPanelContainerReady","t5","current","t6","left","top","right","bottom","setPanelSizes","setIsDragging","setIsReady","setHasOverlayPanels","setContainerWidth","setContainerHeight","t7","prev","t8","side_0","size_0","has","Error","isHorizontal","conflictingSides","conflictSide","add","t9","side_1","delete","t10","dragging","t11","t12","t13","forEach","_temp","t14","prev_0","prev_1","t15","actionsValue","t16","stateValue","t17","refsValue","t18","t19","t20","dismiss_0","LayoutContextReset","LayoutPanelContextValue","onOpenChange","isOpen","LayoutPanelContext","useLayoutPanelContext"],"sources":["../../../../src/components/content/Layout/LayoutContext.tsx"],"sourcesContent":["import {\n  createContext,\n  MutableRefObject,\n  ReactNode,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nexport type Side = 'left' | 'top' | 'right' | 'bottom';\n\n/**\n * Refs context - stable refs that don't change and don't trigger re-renders.\n * Provides portal container ref for panels to render into.\n */\nexport interface LayoutRefsContextValue {\n  /** Container element ref for panels to portal into */\n  panelContainerRef: MutableRefObject<HTMLDivElement | null>;\n  /** Whether the panel container is mounted and ready for portals */\n  isPanelContainerReady: boolean;\n  /** Callback ref to set on the panel container element */\n  setPanelContainer: (element: HTMLDivElement | null) => void;\n}\n\nexport const LayoutRefsContext = createContext<LayoutRefsContextValue | null>(\n  null,\n);\n\nexport function useLayoutRefsContext(): LayoutRefsContextValue | null {\n  return useContext(LayoutRefsContext);\n}\n\n/** Callback to dismiss an overlay panel */\nexport type OverlayDismissCallback = () => void;\n\n/**\n * Actions context - stable functions and configuration that don't change.\n * Separating these from state prevents unnecessary re-renders when only state changes.\n */\nexport interface LayoutActionsContextValue {\n  /** Register a panel on a specific side with initial size */\n  registerPanel: (side: Side, size: number) => void;\n  /** Unregister a panel from a specific side */\n  unregisterPanel: (side: Side) => void;\n  /** Update the size of a registered panel */\n  updatePanelSize: (side: Side, size: number) => void;\n  /** Set global dragging state (when any panel is being resized) */\n  setDragging: (isDragging: boolean) => void;\n  /** Mark the layout as ready (after initial mount) */\n  markReady: () => void;\n  /** Update the container dimensions (called from ResizeObserver) */\n  updateContainerSize: (width: number, height: number) => void;\n  /** Register an overlay panel's dismiss callback. Returns unregister function. */\n  registerOverlayPanel: (dismiss: OverlayDismissCallback) => () => void;\n  /** Dismiss all overlay panels */\n  dismissOverlayPanels: () => void;\n  /** Whether transitions are enabled for panels (stable config value) */\n  hasTransition: boolean;\n  /** Minimum size reserved for the content area between panels */\n  minContentSize: number;\n}\n\n/** State context - reactive state that triggers re-renders */\nexport interface LayoutStateContextValue {\n  panelSizes: Record<Side, number>;\n  isDragging: boolean;\n  isReady: boolean;\n  hasOverlayPanels: boolean;\n  containerWidth: number;\n  containerHeight: number;\n}\n\nexport const LayoutActionsContext =\n  createContext<LayoutActionsContextValue | null>(null);\nexport const LayoutStateContext = createContext<LayoutStateContextValue | null>(\n  null,\n);\n\nexport function useLayoutActionsContext(): LayoutActionsContextValue | null {\n  return useContext(LayoutActionsContext);\n}\n\nexport function useLayoutStateContext(): LayoutStateContextValue | null {\n  return useContext(LayoutStateContext);\n}\n\n/** Combined layout context value for convenience */\nexport interface LayoutContextValue\n  extends LayoutActionsContextValue,\n    LayoutStateContextValue,\n    LayoutRefsContextValue {}\n\n/**\n * Combined hook that returns all layout context values.\n * Convenience wrapper around the individual context hooks.\n * Returns null if used outside of a Layout component.\n */\nexport function useLayoutContext(): LayoutContextValue | null {\n  const actions = useLayoutActionsContext();\n  const state = useLayoutStateContext();\n  const refs = useLayoutRefsContext();\n\n  if (!actions || !state || !refs) {\n    return null;\n  }\n\n  return { ...actions, ...state, ...refs };\n}\n\nexport interface LayoutProviderProps {\n  children: ReactNode;\n  /** Whether transitions are enabled for panels */\n  hasTransition?: boolean;\n  /** Minimum size reserved for the content area between panels. Default: 320 */\n  minContentSize?: number;\n}\n\nexport function LayoutProvider({\n  children,\n  hasTransition = false,\n  minContentSize = 320,\n}: LayoutProviderProps) {\n  const registeredPanels = useRef<Set<Side>>(new Set());\n  const overlayPanelCallbacks = useRef<Set<OverlayDismissCallback>>(new Set());\n  const panelContainerRef = useRef<HTMLDivElement | null>(null);\n  const [isPanelContainerReady, setIsPanelContainerReady] = useState(false);\n\n  // Callback ref for panel container - triggers re-render when container mounts\n  const setPanelContainer = useEvent((element: HTMLDivElement | null) => {\n    panelContainerRef.current = element;\n    setIsPanelContainerReady(element !== null);\n  });\n\n  const [panelSizes, setPanelSizes] = useState<Record<Side, number>>({\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n  });\n  const [isDragging, setIsDragging] = useState(false);\n  const [isReady, setIsReady] = useState(false);\n  const [hasOverlayPanels, setHasOverlayPanels] = useState(false);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [containerHeight, setContainerHeight] = useState(0);\n\n  const updatePanelSize = useEvent((side: Side, size: number) => {\n    setPanelSizes((prev) => {\n      if (prev[side] === size) return prev;\n      return { ...prev, [side]: size };\n    });\n  });\n\n  const registerPanel = useEvent((side: Side, size: number) => {\n    if (registeredPanels.current.has(side)) {\n      throw new Error(\n        `Layout: Only one panel per side is allowed. ` +\n          `A panel is already registered on the \"${side}\" side.`,\n      );\n    }\n\n    // Check for axis conflict\n    const isHorizontal = side === 'left' || side === 'right';\n    const conflictingSides: Side[] = isHorizontal\n      ? ['top', 'bottom']\n      : ['left', 'right'];\n\n    for (const conflictSide of conflictingSides) {\n      if (registeredPanels.current.has(conflictSide)) {\n        throw new Error(\n          `Layout: Panels from different axes cannot be combined. ` +\n            `Cannot register \"${side}\" panel when \"${conflictSide}\" panel exists. ` +\n            `Use either horizontal (left/right) or vertical (top/bottom) panels.`,\n        );\n      }\n    }\n\n    registeredPanels.current.add(side);\n    updatePanelSize(side, size);\n  });\n\n  const unregisterPanel = useEvent((side: Side) => {\n    registeredPanels.current.delete(side);\n    updatePanelSize(side, 0);\n  });\n\n  const setDragging = useEvent((dragging: boolean) => {\n    setIsDragging(dragging);\n  });\n\n  const markReady = useEvent(() => {\n    setIsReady(true);\n  });\n\n  const registerOverlayPanel = useEvent((dismiss: OverlayDismissCallback) => {\n    overlayPanelCallbacks.current.add(dismiss);\n    setHasOverlayPanels(true);\n\n    // Return unregister function\n    return () => {\n      overlayPanelCallbacks.current.delete(dismiss);\n      setHasOverlayPanels(overlayPanelCallbacks.current.size > 0);\n    };\n  });\n\n  const dismissOverlayPanels = useEvent(() => {\n    overlayPanelCallbacks.current.forEach((dismiss) => dismiss());\n  });\n\n  const updateContainerSize = useEvent((width: number, height: number) => {\n    setContainerWidth((prev) => (prev === width ? prev : width));\n    setContainerHeight((prev) => (prev === height ? prev : height));\n  });\n\n  // Actions context - stable because all callbacks use useEvent\n  const actionsValue = useMemo(\n    () => ({\n      registerPanel,\n      unregisterPanel,\n      updatePanelSize,\n      setDragging,\n      markReady,\n      updateContainerSize,\n      hasTransition,\n      minContentSize,\n      registerOverlayPanel,\n      dismissOverlayPanels,\n    }),\n    // Only hasTransition and minContentSize can change - the callbacks are\n    // stable useEvent ones, listed so React Compiler can preserve the memo.\n    [\n      registerPanel,\n      unregisterPanel,\n      updatePanelSize,\n      setDragging,\n      markReady,\n      updateContainerSize,\n      hasTransition,\n      minContentSize,\n      registerOverlayPanel,\n      dismissOverlayPanels,\n    ],\n  );\n\n  // State context - changes when state updates\n  const stateValue = useMemo(\n    () => ({\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    }),\n    [\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    ],\n  );\n\n  // Refs context - includes container ready state\n  const refsValue = useMemo(\n    () => ({\n      panelContainerRef,\n      isPanelContainerReady,\n      setPanelContainer,\n    }),\n    [isPanelContainerReady, setPanelContainer],\n  );\n\n  return (\n    <LayoutRefsContext.Provider value={refsValue}>\n      <LayoutActionsContext.Provider value={actionsValue}>\n        <LayoutStateContext.Provider value={stateValue}>\n          {children}\n        </LayoutStateContext.Provider>\n      </LayoutActionsContext.Provider>\n    </LayoutRefsContext.Provider>\n  );\n}\n\n/**\n * Provider that resets the layout context for sub-components.\n * Used to prevent panels in nested Layouts from affecting parent layouts.\n */\nexport function LayoutContextReset({ children }: { children: ReactNode }) {\n  return (\n    <LayoutRefsContext.Provider value={null}>\n      <LayoutActionsContext.Provider value={null}>\n        <LayoutStateContext.Provider value={null}>\n          {children}\n        </LayoutStateContext.Provider>\n      </LayoutActionsContext.Provider>\n    </LayoutRefsContext.Provider>\n  );\n}\n\n// Panel context - provides panel-level callbacks to child components\nexport interface LayoutPanelContextValue {\n  /** Callback to change the panel's open state */\n  onOpenChange: (isOpen: boolean) => void;\n  /** Current open state of the panel */\n  isOpen: boolean;\n}\n\nexport const LayoutPanelContext = createContext<LayoutPanelContextValue | null>(\n  null,\n);\n\nexport function useLayoutPanelContext(): LayoutPanelContextValue | null {\n  return useContext(LayoutPanelContext);\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Layout/LayoutFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutFooter.js","names":["tasty","ForwardedRef","forwardRef","useMemo","CubeLayoutContentProps","LayoutContent","FooterElement","as","qa","role","styles","container","height","flexShrink","flexGrow","whiteSpace","border","Inner","display","flow","inverted","placeContent","placeItems","gap","CubeLayoutFooterProps","invertOrder","LayoutFooter","props","ref","$","_c","children","mods","otherProps","t0","scrollbar","undefined","t1","finalMods","t2","_LayoutFooter","displayName"],"sources":["../../../../src/components/content/Layout/LayoutFooter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, useMemo } from 'react';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst FooterElement = tasty(LayoutContent, {\n  as: 'footer',\n  qa: 'LayoutFooter',\n  role: 'contentinfo',\n  styles: {\n    container: 'none',\n    // Footer inherits auto-border from LayoutContent\n    // (no border when last-child, which is typical for footers)\n    height: 'min 5x',\n    flexShrink: 0,\n    flexGrow: 0,\n    whiteSpace: 'nowrap',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      display: 'flex',\n      flow: {\n        '': 'row nowrap',\n        inverted: 'row-reverse nowrap',\n      },\n      placeContent: 'center space-between',\n      placeItems: 'center stretch',\n      gap: '1x',\n    },\n  },\n});\n\nexport interface CubeLayoutFooterProps extends CubeLayoutContentProps {\n  /** Inverts the order of children (primary action on right) */\n  invertOrder?: boolean;\n}\n\nfunction LayoutFooter(\n  props: CubeLayoutFooterProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    invertOrder,\n    scrollbar = 'tiny',\n    mods,\n    ...otherProps\n  } = props;\n\n  const finalMods = useMemo(\n    () => ({\n      inverted: invertOrder,\n      ...mods,\n    }),\n    [invertOrder, mods],\n  );\n\n  return (\n    <FooterElement\n      {...otherProps}\n      ref={ref}\n      mods={finalMods}\n      scrollbar={scrollbar}\n    >\n      {children}\n    </FooterElement>\n  );\n}\n\nconst _LayoutFooter = forwardRef(LayoutFooter);\n\n_LayoutFooter.displayName = 'Layout.Footer';\n\nexport { _LayoutFooter as LayoutFooter };\n"],"mappings":";;;;;;;;AAKA,MAAMM,gBAAgBN,MAAMK,gBAAe;CACzCE,IAAI;CACJC,IAAI;CACJC,MAAM;CACNC,QAAQ;EACNC,WAAW;EAGXC,QAAQ;EACRC,YAAY;EACZC,UAAU;EACVC,YAAY;EACZC,QAAQ;GACN,IAAI;GACJ,gBAAgB;GACjB;EAEDC,OAAO;GACLC,SAAS;GACTC,MAAM;IACJ,IAAI;IACJC,UAAU;IACX;GACDC,cAAc;GACdC,YAAY;GACZC,KAAK;GACP;EACF;CACD,CAAC;AAOF,SAAAG,aAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAN;CAAA,IAAAO;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAF,OAAA;AAIE,GAAA,CAAAI,UAAAN,aAAAU,WAAAD,IAAAF,SAAAC,cAMIN;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAJ;AAAAI,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAH,aAAAF,EAAA;AAAAJ,gBAAAI,EAAA;AAAAG,SAAAH,EAAA;AAAAI,eAAAJ,EAAA;AAAAK,OAAAL,EAAA;;CAHR,MAAAM,YAAAD,OAAAE,SAAA,SAAAF;CAAkB,IAAAG;AAAA,KAAAR,EAAA,OAAAJ,eAAAI,EAAA,OAAAG,MAAA;AAMXK,OAAA;GAAAjB,UACKK;GAAW,GAClBO;GACJ;AAAAH,IAAA,KAAAJ;AAAAI,IAAA,KAAAG;AAAAH,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAJH,MAAAS,YACSD;CAKP,IAAAE;AAAA,KAAAV,EAAA,OAAAE,YAAAF,EAAA,QAAAS,aAAAT,EAAA,QAAAI,cAAAJ,EAAA,QAAAD,OAAAC,EAAA,QAAAM,WAAA;AAGAI,OAAA,oBAAC;GAAa,GACRN;GACCL;GACCU,MAAAA;GACKH;GAEVJ;IACa;AAAAF,IAAA,KAAAE;AAAAF,IAAA,MAAAS;AAAAT,IAAA,MAAAI;AAAAJ,IAAA,MAAAD;AAAAC,IAAA,MAAAM;AAAAN,IAAA,MAAAU;OAAAA,MAAAV,EAAA;AAAA,QAPhBU;;AAWJ,MAAMC,gBAAgBtC,WAAWwB,aAAa;AAE9Cc,cAAcC,cAAc"}
+{"version":3,"file":"LayoutFooter.js","names":["tasty","ForwardedRef","forwardRef","CubeLayoutContentProps","LayoutContent","FooterElement","as","qa","role","styles","container","height","flexShrink","flexGrow","whiteSpace","border","Inner","display","flow","inverted","placeContent","placeItems","gap","CubeLayoutFooterProps","invertOrder","LayoutFooter","props","ref","$","_c","children","mods","otherProps","t0","scrollbar","undefined","t1","finalMods","t2","_LayoutFooter","displayName"],"sources":["../../../../src/components/content/Layout/LayoutFooter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst FooterElement = tasty(LayoutContent, {\n  as: 'footer',\n  qa: 'LayoutFooter',\n  role: 'contentinfo',\n  styles: {\n    container: 'none',\n    // Footer inherits auto-border from LayoutContent\n    // (no border when last-child, which is typical for footers)\n    height: 'min 5x',\n    flexShrink: 0,\n    flexGrow: 0,\n    whiteSpace: 'nowrap',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      display: 'flex',\n      flow: {\n        '': 'row nowrap',\n        inverted: 'row-reverse nowrap',\n      },\n      placeContent: 'center space-between',\n      placeItems: 'center stretch',\n      gap: '1x',\n    },\n  },\n});\n\nexport interface CubeLayoutFooterProps extends CubeLayoutContentProps {\n  /** Inverts the order of children (primary action on right) */\n  invertOrder?: boolean;\n}\n\nfunction LayoutFooter(\n  props: CubeLayoutFooterProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    invertOrder,\n    scrollbar = 'tiny',\n    mods,\n    ...otherProps\n  } = props;\n\n  const finalMods = {\n    inverted: invertOrder,\n    ...mods,\n  };\n\n  return (\n    <FooterElement\n      {...otherProps}\n      ref={ref}\n      mods={finalMods}\n      scrollbar={scrollbar}\n    >\n      {children}\n    </FooterElement>\n  );\n}\n\nconst _LayoutFooter = forwardRef(LayoutFooter);\n\n_LayoutFooter.displayName = 'Layout.Footer';\n\nexport { _LayoutFooter as LayoutFooter };\n"],"mappings":";;;;;;;;AAKA,MAAMK,gBAAgBL,MAAMI,gBAAe;CACzCE,IAAI;CACJC,IAAI;CACJC,MAAM;CACNC,QAAQ;EACNC,WAAW;EAGXC,QAAQ;EACRC,YAAY;EACZC,UAAU;EACVC,YAAY;EACZC,QAAQ;GACN,IAAI;GACJ,gBAAgB;GACjB;EAEDC,OAAO;GACLC,SAAS;GACTC,MAAM;IACJ,IAAI;IACJC,UAAU;IACX;GACDC,cAAc;GACdC,YAAY;GACZC,KAAK;GACP;EACF;CACD,CAAC;AAOF,SAAAG,aAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAN;CAAA,IAAAO;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAF,OAAA;AAIE,GAAA,CAAAI,UAAAN,aAAAU,WAAAD,IAAAF,SAAAC,cAMIN;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAJ;AAAAI,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAH,aAAAF,EAAA;AAAAJ,gBAAAI,EAAA;AAAAG,SAAAH,EAAA;AAAAI,eAAAJ,EAAA;AAAAK,OAAAL,EAAA;;CAHR,MAAAM,YAAAD,OAAAE,SAAA,SAAAF;CAAkB,IAAAG;AAAA,KAAAR,EAAA,OAAAJ,eAAAI,EAAA,OAAAG,MAAA;AAKFK,OAAA;GAAAjB,UACNK;GAAW,GAClBO;GACJ;AAAAH,IAAA,KAAAJ;AAAAI,IAAA,KAAAG;AAAAH,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAHD,MAAAS,YAAkBD;CAGhB,IAAAE;AAAA,KAAAV,EAAA,OAAAE,YAAAF,EAAA,QAAAS,aAAAT,EAAA,QAAAI,cAAAJ,EAAA,QAAAD,OAAAC,EAAA,QAAAM,WAAA;AAGAI,OAAA,oBAAC;GAAa,GACRN;GACCL;GACCU,MAAAA;GACKH;GAEVJ;IACa;AAAAF,IAAA,KAAAE;AAAAF,IAAA,MAAAS;AAAAT,IAAA,MAAAI;AAAAJ,IAAA,MAAAD;AAAAC,IAAA,MAAAM;AAAAN,IAAA,MAAAU;OAAAA,MAAAV,EAAA;AAAA,QAPhBU;;AAWJ,MAAMC,gBAAgBrC,WAAWuB,aAAa;AAE9Cc,cAAcC,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";