@cube-dev/ui-kit 0.196.0 → 0.198.0

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

@@ -1,54 +1,57 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { LayoutPanelTransitionContext, useLayoutRefsContext } from "./LayoutContext.js";
 import { c } from "react/compiler-runtime";
 import { useContext, useLayoutEffect, useState } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Layout/LayoutPanelTransition.tsx
 /** Receives live visibility from DisplayTransition, even with preserved children. */
 function LayoutPanelTransition(t0) {
-	const $ = c(20);
-	const { isShown, isExiting, children } = t0;
+	const $ = c(21);
+	const { isShown, isExiting, isHidden: t1, children } = t0;
+	const isHidden = t1 === void 0 ? false : t1;
 	const registerPanelTransition = useContext(LayoutPanelTransitionContext)?.registerPanelTransition;
 	const panelContainerRef = useLayoutRefsContext()?.panelContainerRef;
-	const t1 = !isShown || isExiting;
-	let t2;
-	if ($[0] !== isExiting || $[1] !== isShown || $[2] !== t1) {
-		t2 = {
+	const t2 = !isHidden && (!isShown || isExiting);
+	let t3;
+	if ($[0] !== isExiting || $[1] !== isHidden || $[2] !== isShown || $[3] !== t2) {
+		t3 = {
 			isShown,
 			isExiting,
-			isClipping: t1
+			isHidden,
+			isClipping: t2
 		};
 		$[0] = isExiting;
-		$[1] = isShown;
-		$[2] = t1;
+		$[1] = isHidden;
+		$[2] = isShown;
 		$[3] = t2;
-	} else t2 = $[3];
-	const [state, setState] = useState(t2);
-	if (state.isShown !== isShown || state.isExiting !== isExiting) setState({
+		$[4] = t3;
+	} else t3 = $[4];
+	const [state, setState] = useState(t3);
+	if (state.isShown !== isShown || state.isExiting !== isExiting || state.isHidden !== isHidden) setState({
 		isShown,
 		isExiting,
-		isClipping: true
+		isHidden,
+		isClipping: !isHidden
 	});
-	let t3;
 	let t4;
-	if ($[4] !== registerPanelTransition || $[5] !== state.isClipping) {
-		t3 = () => {
+	let t5;
+	if ($[5] !== registerPanelTransition || $[6] !== state.isClipping) {
+		t4 = () => {
 			if (state.isClipping) return registerPanelTransition?.();
 		};
-		t4 = [state.isClipping, registerPanelTransition];
-		$[4] = registerPanelTransition;
-		$[5] = state.isClipping;
-		$[6] = t3;
+		t5 = [state.isClipping, registerPanelTransition];
+		$[5] = registerPanelTransition;
+		$[6] = state.isClipping;
 		$[7] = t4;
+		$[8] = t5;
 	} else {
-		t3 = $[6];
 		t4 = $[7];
+		t5 = $[8];
 	}
-	useLayoutEffect(t3, t4);
-	let t5;
-	if ($[8] !== isExiting || $[9] !== isShown || $[10] !== panelContainerRef?.current?.children || $[11] !== state.isClipping) {
-		t5 = () => {
+	useLayoutEffect(t4, t5);
+	let t6;
+	if ($[9] !== isExiting || $[10] !== isShown || $[11] !== panelContainerRef?.current?.children || $[12] !== state.isClipping) {
+		t6 = () => {
 			if (!isShown || isExiting || !state.isClipping) return;
 			let cancelled = false;
 			let frame;
@@ -69,34 +72,34 @@ function LayoutPanelTransition(t0) {
 				cancelAnimationFrame(frame);
 			};
 		};
-		$[8] = isExiting;
-		$[9] = isShown;
-		$[10] = panelContainerRef?.current?.children;
-		$[11] = state.isClipping;
-		$[12] = t5;
-	} else t5 = $[12];
-	let t6;
-	if ($[13] !== isExiting || $[14] !== isShown || $[15] !== panelContainerRef || $[16] !== state.isClipping) {
-		t6 = [
+		$[9] = isExiting;
+		$[10] = isShown;
+		$[11] = panelContainerRef?.current?.children;
+		$[12] = state.isClipping;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== isExiting || $[15] !== isShown || $[16] !== panelContainerRef || $[17] !== state.isClipping) {
+		t7 = [
 			isShown,
 			isExiting,
 			state.isClipping,
 			panelContainerRef
 		];
-		$[13] = isExiting;
-		$[14] = isShown;
-		$[15] = panelContainerRef;
-		$[16] = state.isClipping;
-		$[17] = t6;
-	} else t6 = $[17];
-	useLayoutEffect(t5, t6);
-	let t7;
-	if ($[18] !== children) {
-		t7 = /* @__PURE__ */ jsx(Fragment$1, { children });
-		$[18] = children;
-		$[19] = t7;
-	} else t7 = $[19];
-	return t7;
+		$[14] = isExiting;
+		$[15] = isShown;
+		$[16] = panelContainerRef;
+		$[17] = state.isClipping;
+		$[18] = t7;
+	} else t7 = $[18];
+	useLayoutEffect(t6, t7);
+	let t8;
+	if ($[19] !== children) {
+		t8 = /* @__PURE__ */ jsx(Fragment$1, { children });
+		$[19] = children;
+		$[20] = t8;
+	} else t8 = $[20];
+	return t8;
 }
 function _temp4(animation_0) {
 	return animation_0.finished;
@@ -113,7 +116,7 @@ function _temp2(animation) {
 function _temp(element) {
 	return element.getAnimations?.() ?? [];
 }
-
 //#endregion
 export { LayoutPanelTransition };
+
 //# sourceMappingURL=LayoutPanelTransition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutPanelTransition.js","names":["ReactNode","useContext","useLayoutEffect","useState","LayoutPanelTransitionContext","useLayoutRefsContext","LayoutPanelTransition","t0","$","_c","isShown","isExiting","children","registerPanelTransition","panelContainerRef","t1","t2","isClipping","state","setState","t3","t4","t5","current","cancelled","frame","settle","animations","Array","from","flatMap","_temp","filter","_temp2","length","_temp3","Promise","allSettled","map","_temp4","then","requestAnimationFrame","cancelAnimationFrame","t6","t7","animation_0","animation","finished","CSSTransition","transitionProperty","playState","element","getAnimations"],"sources":["../../../../src/components/content/Layout/LayoutPanelTransition.tsx"],"sourcesContent":["import { ReactNode, useContext, useLayoutEffect, useState } from 'react';\n\nimport {\n  LayoutPanelTransitionContext,\n  useLayoutRefsContext,\n} from './LayoutContext';\n\n/** Receives live visibility from DisplayTransition, even with preserved children. */\nexport function LayoutPanelTransition({\n  isShown,\n  isExiting,\n  children,\n}: {\n  isShown: boolean;\n  isExiting: boolean;\n  children: ReactNode;\n}) {\n  const registerPanelTransition = useContext(\n    LayoutPanelTransitionContext,\n  )?.registerPanelTransition;\n  const panelContainerRef = useLayoutRefsContext()?.panelContainerRef;\n  const [state, setState] = useState({\n    isShown,\n    isExiting,\n    isClipping: !isShown || isExiting,\n  });\n\n  // Contain the first offscreen frame, including exit preparation and reversal.\n  if (state.isShown !== isShown || state.isExiting !== isExiting) {\n    setState({ isShown, isExiting, isClipping: true });\n  }\n\n  useLayoutEffect(() => {\n    if (state.isClipping) return registerPanelTransition?.();\n  }, [state.isClipping, registerPanelTransition]);\n\n  useLayoutEffect(() => {\n    if (!isShown || isExiting || !state.isClipping) return;\n\n    let cancelled = false;\n    let frame: number;\n    const settle = () => {\n      if (cancelled) return;\n\n      // The Layout shares one clip, so wait for every direct panel and handle slide.\n      // Descendant animations must not hold clipping.\n      const animations = Array.from(panelContainerRef?.current?.children ?? [])\n        .flatMap((element) => element.getAnimations?.() ?? [])\n        .filter(\n          (animation) =>\n            animation instanceof CSSTransition &&\n            animation.transitionProperty === 'transform' &&\n            animation.playState !== 'finished' &&\n            animation.playState !== 'idle',\n        );\n\n      if (!animations.length) {\n        setState((current) => ({ ...current, isClipping: false }));\n        return;\n      }\n\n      // Cancellation can replace a transition. Inspect the next frame before releasing.\n      Promise.allSettled(\n        animations.map((animation) => animation.finished),\n      ).then(() => {\n        if (!cancelled) frame = requestAnimationFrame(settle);\n      });\n    };\n\n    frame = requestAnimationFrame(settle);\n    return () => {\n      cancelled = true;\n      cancelAnimationFrame(frame);\n    };\n  }, [isShown, isExiting, state.isClipping, panelContainerRef]);\n\n  return <>{children}</>;\n}\n"],"mappings":"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"}
+{"version":3,"file":"LayoutPanelTransition.js","names":["ReactNode","useContext","useLayoutEffect","useState","LayoutPanelTransitionContext","useLayoutRefsContext","LayoutPanelTransition","t0","$","_c","isShown","isExiting","isHidden","t1","children","undefined","registerPanelTransition","panelContainerRef","t2","t3","isClipping","state","setState","t4","t5","t6","current","cancelled","frame","settle","animations","Array","from","flatMap","_temp","filter","_temp2","length","_temp3","Promise","allSettled","map","_temp4","then","requestAnimationFrame","cancelAnimationFrame","t7","t8","animation_0","animation","finished","CSSTransition","transitionProperty","playState","element","getAnimations","_c"],"sources":["../../../../src/components/content/Layout/LayoutPanelTransition.tsx"],"sourcesContent":["import { ReactNode, useContext, useLayoutEffect, useState } from 'react';\n\nimport {\n  LayoutPanelTransitionContext,\n  useLayoutRefsContext,\n} from './LayoutContext';\n\n/** Receives live visibility from DisplayTransition, even with preserved children. */\nexport function LayoutPanelTransition({\n  isShown,\n  isExiting,\n  isHidden = false,\n  children,\n}: {\n  isShown: boolean;\n  isExiting: boolean;\n  /** A closed `hideOnClose` panel: at rest, so it holds no clip. */\n  isHidden?: boolean;\n  children: ReactNode;\n}) {\n  const registerPanelTransition = useContext(\n    LayoutPanelTransitionContext,\n  )?.registerPanelTransition;\n  const panelContainerRef = useLayoutRefsContext()?.panelContainerRef;\n  const [state, setState] = useState({\n    isShown,\n    isExiting,\n    isHidden,\n    isClipping: !isHidden && (!isShown || isExiting),\n  });\n\n  // Contain the first offscreen frame, including exit preparation and reversal.\n  if (\n    state.isShown !== isShown ||\n    state.isExiting !== isExiting ||\n    state.isHidden !== isHidden\n  ) {\n    setState({ isShown, isExiting, isHidden, isClipping: !isHidden });\n  }\n\n  useLayoutEffect(() => {\n    if (state.isClipping) return registerPanelTransition?.();\n  }, [state.isClipping, registerPanelTransition]);\n\n  useLayoutEffect(() => {\n    if (!isShown || isExiting || !state.isClipping) return;\n\n    let cancelled = false;\n    let frame: number;\n    const settle = () => {\n      if (cancelled) return;\n\n      // The Layout shares one clip, so wait for every direct panel and handle slide.\n      // Descendant animations must not hold clipping.\n      const animations = Array.from(panelContainerRef?.current?.children ?? [])\n        .flatMap((element) => element.getAnimations?.() ?? [])\n        .filter(\n          (animation) =>\n            animation instanceof CSSTransition &&\n            animation.transitionProperty === 'transform' &&\n            animation.playState !== 'finished' &&\n            animation.playState !== 'idle',\n        );\n\n      if (!animations.length) {\n        setState((current) => ({ ...current, isClipping: false }));\n        return;\n      }\n\n      // Cancellation can replace a transition. Inspect the next frame before releasing.\n      Promise.allSettled(\n        animations.map((animation) => animation.finished),\n      ).then(() => {\n        if (!cancelled) frame = requestAnimationFrame(settle);\n      });\n    };\n\n    frame = requestAnimationFrame(settle);\n    return () => {\n      cancelled = true;\n      cancelAnimationFrame(frame);\n    };\n  }, [isShown, isExiting, state.isClipping, panelContainerRef]);\n\n  return <>{children}</>;\n}\n"],"mappings":"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"}

package/dist/components/content/Layout/LayoutToolbar.d.ts

@@ -1,10 +1,8 @@
 
 import { CubeLayoutContentProps } from "./LayoutContent.js";
-import * as react from "react";
-
 //#region src/components/content/Layout/LayoutToolbar.d.ts
-interface CubeLayoutToolbarProps extends CubeLayoutContentProps {}
-declare const _LayoutToolbar: react.ForwardRefExoticComponent<CubeLayoutToolbarProps & react.RefAttributes<HTMLDivElement>>;
+export interface CubeLayoutToolbarProps extends CubeLayoutContentProps {}
+declare const _LayoutToolbar: import("react").ForwardRefExoticComponent<CubeLayoutToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeLayoutToolbarProps, _LayoutToolbar };
+export { _LayoutToolbar as LayoutToolbar };
 //# sourceMappingURL=LayoutToolbar.d.ts.map

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

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
-import { _LayoutContent } from "./LayoutContent.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import { LayoutContent as _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Layout/LayoutToolbar.tsx
 const ToolbarElement = tasty(_LayoutContent, {
 	qa: "Toolbar",
@@ -59,7 +58,7 @@ function LayoutToolbar(props, ref) {
 }
 const _LayoutToolbar = forwardRef(LayoutToolbar);
 _LayoutToolbar.displayName = "Layout.Toolbar";
-
 //#endregion
-export { _LayoutToolbar };
+export { _LayoutToolbar as LayoutToolbar };
+
 //# sourceMappingURL=LayoutToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutToolbar.js","names":["tasty","ForwardedRef","forwardRef","CubeLayoutContentProps","LayoutContent","ToolbarElement","qa","role","styles","container","height","flexShrink","flexGrow","Inner","display","flow","placeContent","placeItems","gap","padding","CubeLayoutToolbarProps","LayoutToolbar","props","ref","$","_c","children","otherProps","t0","scrollbar","undefined","t1","_LayoutToolbar","displayName"],"sources":["../../../../src/components/content/Layout/LayoutToolbar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst ToolbarElement = tasty(LayoutContent, {\n  qa: 'Toolbar',\n  role: 'toolbar',\n  styles: {\n    container: 'none',\n    height: 'min 5x',\n    flexShrink: 0,\n    flexGrow: 0,\n\n    Inner: {\n      display: 'flex',\n      flow: 'row nowrap',\n      placeContent: 'center space-between',\n      placeItems: 'center stretch',\n      gap: '1x',\n      padding: '0 ($content-padding, 1x)',\n    },\n  },\n});\n\nexport interface CubeLayoutToolbarProps extends CubeLayoutContentProps {}\n\nfunction LayoutToolbar(\n  props: CubeLayoutToolbarProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { children, scrollbar = 'tiny', ...otherProps } = props;\n\n  return (\n    <ToolbarElement {...otherProps} ref={ref} scrollbar={scrollbar}>\n      {children}\n    </ToolbarElement>\n  );\n}\n\nconst _LayoutToolbar = forwardRef(LayoutToolbar);\n\n_LayoutToolbar.displayName = 'Layout.Toolbar';\n\nexport { _LayoutToolbar as LayoutToolbar };\n"],"mappings":";;;;;;;;AAKA,MAAMK,iBAAiBL,MAAMI,gBAAe;CAC1CE,IAAI;CACJC,MAAM;CACNC,QAAQ;EACNC,WAAW;EACXC,QAAQ;EACRC,YAAY;EACZC,UAAU;EAEVC,OAAO;GACLC,SAAS;GACTC,MAAM;GACNC,cAAc;GACdC,YAAY;GACZC,KAAK;GACLC,SAAS;GACX;EACF;CACD,CAAC;AAIF,SAAAE,cAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAJ,EAAA,OAAAF,OAAA;AAIE,GAAA,CAAAI,UAAAG,WAAAD,OAAAD,cAAwDL;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;QAAA;AAAAF,aAAAF,EAAA;AAAAG,eAAAH,EAAA;AAAAI,OAAAJ,EAAA;;CAA5C,MAAAK,YAAAD,OAAAE,SAAA,SAAAF;CAAkB,IAAAG;AAAA,KAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,cAAAH,EAAA,OAAAD,OAAAC,EAAA,OAAAK,WAAA;AAGlCE,OAAA,oBAAC;GAAc,GAAKJ;GAAiBJ;GAAgBM;GAClDH;IACc;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAD;AAAAC,IAAA,KAAAK;AAAAL,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAFjBO;;AAMJ,MAAMC,iBAAiB9B,WAAWmB,cAAc;AAEhDW,eAAeC,cAAc"}
+{"version":3,"file":"LayoutToolbar.js","names":["tasty","ForwardedRef","forwardRef","CubeLayoutContentProps","LayoutContent","ToolbarElement","qa","role","styles","container","height","flexShrink","flexGrow","Inner","display","flow","placeContent","placeItems","gap","padding","CubeLayoutToolbarProps","LayoutToolbar","props","ref","$","_c","children","otherProps","t0","scrollbar","undefined","t1","_LayoutToolbar","displayName","LayoutContent","_c"],"sources":["../../../../src/components/content/Layout/LayoutToolbar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst ToolbarElement = tasty(LayoutContent, {\n  qa: 'Toolbar',\n  role: 'toolbar',\n  styles: {\n    container: 'none',\n    height: 'min 5x',\n    flexShrink: 0,\n    flexGrow: 0,\n\n    Inner: {\n      display: 'flex',\n      flow: 'row nowrap',\n      placeContent: 'center space-between',\n      placeItems: 'center stretch',\n      gap: '1x',\n      padding: '0 ($content-padding, 1x)',\n    },\n  },\n});\n\nexport interface CubeLayoutToolbarProps extends CubeLayoutContentProps {}\n\nfunction LayoutToolbar(\n  props: CubeLayoutToolbarProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { children, scrollbar = 'tiny', ...otherProps } = props;\n\n  return (\n    <ToolbarElement {...otherProps} ref={ref} scrollbar={scrollbar}>\n      {children}\n    </ToolbarElement>\n  );\n}\n\nconst _LayoutToolbar = forwardRef(LayoutToolbar);\n\n_LayoutToolbar.displayName = 'Layout.Toolbar';\n\nexport { _LayoutToolbar as LayoutToolbar };\n"],"mappings":";;;;;;;AAKA,MAAMK,iBAAiBL,MAAMI,gBAAe;CAC1CE,IAAI;CACJC,MAAM;CACNC,QAAQ;EACNC,WAAW;EACXC,QAAQ;EACRC,YAAY;EACZC,UAAU;EAEVC,OAAO;GACLC,SAAS;GACTC,MAAM;GACNC,cAAc;GACdC,YAAY;GACZC,KAAK;GACLC,SAAS;EACX;CACF;AACF,CAAC;AAID,SAAAE,cAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAF,OAAA;EAIE,CAAA,CAAAI,UAAAG,WAAAD,IAAA,GAAAD,cAAwDL;EAAME,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAF,WAAAF,EAAA;EAAAG,aAAAH,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAA5C,MAAAK,YAAAD,OAAAE,KAAAA,IAAA,SAAAF;CAAkB,IAAAG;CAAA,IAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,cAAAH,EAAA,OAAAD,OAAAC,EAAA,OAAAK,WAAA;EAGlCE,KAAA,oBAAC,gBAAD;GAAe,GAAKJ;GAAiBJ;GAAgBM;GAClDH;EADY,CAAA;EAEEF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAD;EAAAC,EAAA,KAAAK;EAAAL,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAFjBO;AAEiB;AAIrB,MAAMC,iBAAiB9B,WAAWmB,aAAa;AAE/CW,eAAeC,cAAc"}

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

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
-
 //#region src/components/content/Layout/hooks/useTinyScrollbar.ts
 const MIN_HANDLE_SIZE = 20;
 const SCROLL_VISIBILITY_DURATION = 1e3;
@@ -224,7 +223,7 @@ function useTinyScrollbar(ref, enabled) {
 	} else t16 = $[33];
 	return t16;
 }
-
 //#endregion
 export { useTinyScrollbar };
+
 //# sourceMappingURL=useTinyScrollbar.js.map

package/dist/components/content/Layout/hooks/useTinyScrollbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTinyScrollbar.js","names":["CSSProperties","RefObject","useCallback","useEffect","useRef","useState","TinyScrollbarState","hasOverflowY","hasOverflowX","scrollTop","scrollLeft","scrollHeight","scrollWidth","clientHeight","clientWidth","TinyScrollbarResult","handleVStyle","handleHStyle","isScrolling","isAtStartX","isAtStartY","isAtEndX","isAtEndY","MIN_HANDLE_SIZE","SCROLL_VISIBILITY_DURATION","OVERFLOW_THRESHOLD","useTinyScrollbar","ref","enabled","$","_c","t0","Symbol","for","scrollState","setScrollState","setIsScrolling","scrollTimeoutRef","resizeFrameRef","t1","element","current","prev","updateScrollState","t2","t3","element_0","showScrollbarBriefly","clearTimeout","setTimeout","handleScroll","handleMouseEnter","addEventListener","passive","resizeObserver","ResizeObserver","cancelAnimationFrame","requestAnimationFrame","observe","removeEventListener","disconnect","t4","scrollHeight_0","clientHeight_0","scrollTop_0","hasOverflowY_0","top","height","trackHeight","ratio","handleHeight","Math","max","round","availableTrack","scrollRatio","handleTop","calculateVHandle","t5","scrollWidth_0","clientWidth_0","scrollLeft_0","hasOverflowX_0","left","width","trackWidth","ratio_0","handleWidth","availableTrack_0","scrollRatio_0","handleLeft","calculateHHandle","t6","vHandle","t7","hHandle","scrollTop_1","scrollLeft_1","scrollHeight_1","scrollWidth_1","clientHeight_1","clientWidth_1","hasOverflowY_1","hasOverflowX_1","t8","t9","t10","t11","t12","t13","t14","t15","t16"],"sources":["../../../../../src/components/content/Layout/hooks/useTinyScrollbar.ts"],"sourcesContent":["import {\n  CSSProperties,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nexport interface TinyScrollbarState {\n  hasOverflowY: boolean;\n  hasOverflowX: boolean;\n  scrollTop: number;\n  scrollLeft: number;\n  scrollHeight: number;\n  scrollWidth: number;\n  clientHeight: number;\n  clientWidth: number;\n}\n\nexport interface TinyScrollbarResult {\n  handleVStyle: CSSProperties;\n  handleHStyle: CSSProperties;\n  hasOverflowY: boolean;\n  hasOverflowX: boolean;\n  isScrolling: boolean;\n  /** Whether scroll is at the start edge (top for Y, left for X) */\n  isAtStartX: boolean;\n  isAtStartY: boolean;\n  /** Whether scroll is at the end edge (bottom for Y, right for X) */\n  isAtEndX: boolean;\n  isAtEndY: boolean;\n}\n\nconst MIN_HANDLE_SIZE = 20;\nconst SCROLL_VISIBILITY_DURATION = 1000;\n// Threshold to prevent overflow oscillation at boundary\nconst OVERFLOW_THRESHOLD = 2;\n\nexport function useTinyScrollbar(\n  ref: RefObject<HTMLElement | null>,\n  enabled: boolean,\n): TinyScrollbarResult {\n  const [scrollState, setScrollState] = useState<TinyScrollbarState>({\n    hasOverflowY: false,\n    hasOverflowX: false,\n    scrollTop: 0,\n    scrollLeft: 0,\n    scrollHeight: 0,\n    scrollWidth: 0,\n    clientHeight: 0,\n    clientWidth: 0,\n  });\n  const [isScrolling, setIsScrolling] = useState(false);\n  const scrollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const resizeFrameRef = useRef<number | null>(null);\n\n  const updateScrollState = useCallback(() => {\n    const element = ref.current;\n\n    if (!element) return;\n\n    const {\n      scrollTop,\n      scrollLeft,\n      scrollHeight,\n      scrollWidth,\n      clientHeight,\n      clientWidth,\n    } = element;\n\n    // Use threshold to prevent oscillation at overflow boundary\n    const hasOverflowY = scrollHeight > clientHeight + OVERFLOW_THRESHOLD;\n    const hasOverflowX = scrollWidth > clientWidth + OVERFLOW_THRESHOLD;\n\n    setScrollState((prev) => {\n      // Only update if values actually changed to prevent unnecessary re-renders\n      if (\n        prev.hasOverflowY === hasOverflowY &&\n        prev.hasOverflowX === hasOverflowX &&\n        prev.scrollTop === scrollTop &&\n        prev.scrollLeft === scrollLeft &&\n        prev.scrollHeight === scrollHeight &&\n        prev.scrollWidth === scrollWidth &&\n        prev.clientHeight === clientHeight &&\n        prev.clientWidth === clientWidth\n      ) {\n        return prev; // Return same reference to skip re-render\n      }\n\n      return {\n        hasOverflowY,\n        hasOverflowX,\n        scrollTop,\n        scrollLeft,\n        scrollHeight,\n        scrollWidth,\n        clientHeight,\n        clientWidth,\n      };\n    });\n  }, [ref]);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const element = ref.current;\n\n    if (!element) return;\n\n    // Initial update\n    updateScrollState();\n\n    // Show scrollbar briefly and hide after delay\n    const showScrollbarBriefly = () => {\n      setIsScrolling(true);\n\n      // Clear existing timeout\n      if (scrollTimeoutRef.current) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n\n      // Hide scrollbar after delay\n      scrollTimeoutRef.current = setTimeout(() => {\n        setIsScrolling(false);\n      }, SCROLL_VISIBILITY_DURATION);\n    };\n\n    // Listen for scroll events\n    const handleScroll = () => {\n      updateScrollState();\n      showScrollbarBriefly();\n    };\n\n    // Show scrollbar briefly when mouse enters the container\n    const handleMouseEnter = () => {\n      showScrollbarBriefly();\n    };\n\n    element.addEventListener('scroll', handleScroll, { passive: true });\n    element.addEventListener('mouseenter', handleMouseEnter);\n\n    // ResizeObserver for content size changes\n    // Uses requestAnimationFrame to coalesce updates and prevent cascading events\n    const resizeObserver = new ResizeObserver(() => {\n      if (resizeFrameRef.current) {\n        cancelAnimationFrame(resizeFrameRef.current);\n      }\n\n      resizeFrameRef.current = requestAnimationFrame(() => {\n        updateScrollState();\n        showScrollbarBriefly();\n      });\n    });\n\n    resizeObserver.observe(element);\n\n    // Note: We intentionally don't observe children to prevent\n    // cascading resize events in nested layouts\n\n    return () => {\n      element.removeEventListener('scroll', handleScroll);\n      element.removeEventListener('mouseenter', handleMouseEnter);\n      resizeObserver.disconnect();\n\n      if (scrollTimeoutRef.current) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n\n      if (resizeFrameRef.current) {\n        cancelAnimationFrame(resizeFrameRef.current);\n      }\n    };\n  }, [enabled, ref, updateScrollState]);\n\n  // Calculate vertical handle position and size\n  const calculateVHandle = () => {\n    const { scrollHeight, clientHeight, scrollTop, hasOverflowY } = scrollState;\n\n    if (!hasOverflowY || !enabled) {\n      return { top: 0, height: 0 };\n    }\n\n    const trackHeight = clientHeight - 2; // 1px padding on each end\n    const ratio = clientHeight / scrollHeight;\n    let handleHeight = Math.max(\n      MIN_HANDLE_SIZE,\n      Math.round(trackHeight * ratio),\n    );\n    const availableTrack = trackHeight - handleHeight;\n    const scrollRatio =\n      scrollHeight - clientHeight > 0\n        ? scrollTop / (scrollHeight - clientHeight)\n        : 0;\n    const handleTop = 1 + Math.round(availableTrack * scrollRatio);\n\n    return { top: handleTop, height: handleHeight };\n  };\n\n  // Calculate horizontal handle position and size\n  const calculateHHandle = () => {\n    const { scrollWidth, clientWidth, scrollLeft, hasOverflowX } = scrollState;\n\n    if (!hasOverflowX || !enabled) {\n      return { left: 0, width: 0 };\n    }\n\n    const trackWidth = clientWidth - 2; // 1px padding on each end\n    const ratio = clientWidth / scrollWidth;\n    let handleWidth = Math.max(MIN_HANDLE_SIZE, Math.round(trackWidth * ratio));\n    const availableTrack = trackWidth - handleWidth;\n    const scrollRatio =\n      scrollWidth - clientWidth > 0\n        ? scrollLeft / (scrollWidth - clientWidth)\n        : 0;\n    const handleLeft = 1 + Math.round(availableTrack * scrollRatio);\n\n    return { left: handleLeft, width: handleWidth };\n  };\n\n  const vHandle = calculateVHandle();\n  const hHandle = calculateHHandle();\n\n  // Calculate edge detection\n  const {\n    scrollTop,\n    scrollLeft,\n    scrollHeight,\n    scrollWidth,\n    clientHeight,\n    clientWidth,\n    hasOverflowY,\n    hasOverflowX,\n  } = scrollState;\n\n  // For Y axis: at start if scrollTop is 0, at end if scrolled to bottom\n  const isAtStartY = !hasOverflowY || scrollTop <= 0;\n  const isAtEndY =\n    !hasOverflowY || scrollTop >= scrollHeight - clientHeight - 1;\n\n  // For X axis: at start if scrollLeft is 0, at end if scrolled to right\n  const isAtStartX = !hasOverflowX || scrollLeft <= 0;\n  const isAtEndX = !hasOverflowX || scrollLeft >= scrollWidth - clientWidth - 1;\n\n  return {\n    handleVStyle: {\n      '--scrollbar-v-top': `${vHandle.top}px`,\n      '--scrollbar-v-height': `${vHandle.height}px`,\n    } as CSSProperties,\n    handleHStyle: {\n      '--scrollbar-h-left': `${hHandle.left}px`,\n      '--scrollbar-h-width': `${hHandle.width}px`,\n    } as CSSProperties,\n    hasOverflowY: scrollState.hasOverflowY,\n    hasOverflowX: scrollState.hasOverflowX,\n    isScrolling,\n    isAtStartX,\n    isAtStartY,\n    isAtEndX,\n    isAtEndY,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTinyScrollbar.js","names":["CSSProperties","RefObject","useCallback","useEffect","useRef","useState","TinyScrollbarState","hasOverflowY","hasOverflowX","scrollTop","scrollLeft","scrollHeight","scrollWidth","clientHeight","clientWidth","TinyScrollbarResult","handleVStyle","handleHStyle","isScrolling","isAtStartX","isAtStartY","isAtEndX","isAtEndY","MIN_HANDLE_SIZE","SCROLL_VISIBILITY_DURATION","OVERFLOW_THRESHOLD","useTinyScrollbar","ref","enabled","$","_c","t0","Symbol","for","scrollState","setScrollState","setIsScrolling","scrollTimeoutRef","resizeFrameRef","t1","element","current","prev","updateScrollState","t2","t3","element_0","showScrollbarBriefly","clearTimeout","setTimeout","handleScroll","handleMouseEnter","addEventListener","passive","resizeObserver","ResizeObserver","cancelAnimationFrame","requestAnimationFrame","observe","removeEventListener","disconnect","t4","scrollHeight_0","clientHeight_0","scrollTop_0","hasOverflowY_0","top","height","trackHeight","ratio","handleHeight","Math","max","round","availableTrack","scrollRatio","handleTop","calculateVHandle","t5","scrollWidth_0","clientWidth_0","scrollLeft_0","hasOverflowX_0","left","width","trackWidth","ratio_0","handleWidth","availableTrack_0","scrollRatio_0","handleLeft","calculateHHandle","t6","vHandle","t7","hHandle","scrollTop_1","scrollLeft_1","scrollHeight_1","scrollWidth_1","clientHeight_1","clientWidth_1","hasOverflowY_1","hasOverflowX_1","t8","t9","t10","t11","t12","t13","t14","t15","t16","_c"],"sources":["../../../../../src/components/content/Layout/hooks/useTinyScrollbar.ts"],"sourcesContent":["import {\n  CSSProperties,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nexport interface TinyScrollbarState {\n  hasOverflowY: boolean;\n  hasOverflowX: boolean;\n  scrollTop: number;\n  scrollLeft: number;\n  scrollHeight: number;\n  scrollWidth: number;\n  clientHeight: number;\n  clientWidth: number;\n}\n\nexport interface TinyScrollbarResult {\n  handleVStyle: CSSProperties;\n  handleHStyle: CSSProperties;\n  hasOverflowY: boolean;\n  hasOverflowX: boolean;\n  isScrolling: boolean;\n  /** Whether scroll is at the start edge (top for Y, left for X) */\n  isAtStartX: boolean;\n  isAtStartY: boolean;\n  /** Whether scroll is at the end edge (bottom for Y, right for X) */\n  isAtEndX: boolean;\n  isAtEndY: boolean;\n}\n\nconst MIN_HANDLE_SIZE = 20;\nconst SCROLL_VISIBILITY_DURATION = 1000;\n// Threshold to prevent overflow oscillation at boundary\nconst OVERFLOW_THRESHOLD = 2;\n\nexport function useTinyScrollbar(\n  ref: RefObject<HTMLElement | null>,\n  enabled: boolean,\n): TinyScrollbarResult {\n  const [scrollState, setScrollState] = useState<TinyScrollbarState>({\n    hasOverflowY: false,\n    hasOverflowX: false,\n    scrollTop: 0,\n    scrollLeft: 0,\n    scrollHeight: 0,\n    scrollWidth: 0,\n    clientHeight: 0,\n    clientWidth: 0,\n  });\n  const [isScrolling, setIsScrolling] = useState(false);\n  const scrollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const resizeFrameRef = useRef<number | null>(null);\n\n  const updateScrollState = useCallback(() => {\n    const element = ref.current;\n\n    if (!element) return;\n\n    const {\n      scrollTop,\n      scrollLeft,\n      scrollHeight,\n      scrollWidth,\n      clientHeight,\n      clientWidth,\n    } = element;\n\n    // Use threshold to prevent oscillation at overflow boundary\n    const hasOverflowY = scrollHeight > clientHeight + OVERFLOW_THRESHOLD;\n    const hasOverflowX = scrollWidth > clientWidth + OVERFLOW_THRESHOLD;\n\n    setScrollState((prev) => {\n      // Only update if values actually changed to prevent unnecessary re-renders\n      if (\n        prev.hasOverflowY === hasOverflowY &&\n        prev.hasOverflowX === hasOverflowX &&\n        prev.scrollTop === scrollTop &&\n        prev.scrollLeft === scrollLeft &&\n        prev.scrollHeight === scrollHeight &&\n        prev.scrollWidth === scrollWidth &&\n        prev.clientHeight === clientHeight &&\n        prev.clientWidth === clientWidth\n      ) {\n        return prev; // Return same reference to skip re-render\n      }\n\n      return {\n        hasOverflowY,\n        hasOverflowX,\n        scrollTop,\n        scrollLeft,\n        scrollHeight,\n        scrollWidth,\n        clientHeight,\n        clientWidth,\n      };\n    });\n  }, [ref]);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const element = ref.current;\n\n    if (!element) return;\n\n    // Initial update\n    updateScrollState();\n\n    // Show scrollbar briefly and hide after delay\n    const showScrollbarBriefly = () => {\n      setIsScrolling(true);\n\n      // Clear existing timeout\n      if (scrollTimeoutRef.current) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n\n      // Hide scrollbar after delay\n      scrollTimeoutRef.current = setTimeout(() => {\n        setIsScrolling(false);\n      }, SCROLL_VISIBILITY_DURATION);\n    };\n\n    // Listen for scroll events\n    const handleScroll = () => {\n      updateScrollState();\n      showScrollbarBriefly();\n    };\n\n    // Show scrollbar briefly when mouse enters the container\n    const handleMouseEnter = () => {\n      showScrollbarBriefly();\n    };\n\n    element.addEventListener('scroll', handleScroll, { passive: true });\n    element.addEventListener('mouseenter', handleMouseEnter);\n\n    // ResizeObserver for content size changes\n    // Uses requestAnimationFrame to coalesce updates and prevent cascading events\n    const resizeObserver = new ResizeObserver(() => {\n      if (resizeFrameRef.current) {\n        cancelAnimationFrame(resizeFrameRef.current);\n      }\n\n      resizeFrameRef.current = requestAnimationFrame(() => {\n        updateScrollState();\n        showScrollbarBriefly();\n      });\n    });\n\n    resizeObserver.observe(element);\n\n    // Note: We intentionally don't observe children to prevent\n    // cascading resize events in nested layouts\n\n    return () => {\n      element.removeEventListener('scroll', handleScroll);\n      element.removeEventListener('mouseenter', handleMouseEnter);\n      resizeObserver.disconnect();\n\n      if (scrollTimeoutRef.current) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n\n      if (resizeFrameRef.current) {\n        cancelAnimationFrame(resizeFrameRef.current);\n      }\n    };\n  }, [enabled, ref, updateScrollState]);\n\n  // Calculate vertical handle position and size\n  const calculateVHandle = () => {\n    const { scrollHeight, clientHeight, scrollTop, hasOverflowY } = scrollState;\n\n    if (!hasOverflowY || !enabled) {\n      return { top: 0, height: 0 };\n    }\n\n    const trackHeight = clientHeight - 2; // 1px padding on each end\n    const ratio = clientHeight / scrollHeight;\n    let handleHeight = Math.max(\n      MIN_HANDLE_SIZE,\n      Math.round(trackHeight * ratio),\n    );\n    const availableTrack = trackHeight - handleHeight;\n    const scrollRatio =\n      scrollHeight - clientHeight > 0\n        ? scrollTop / (scrollHeight - clientHeight)\n        : 0;\n    const handleTop = 1 + Math.round(availableTrack * scrollRatio);\n\n    return { top: handleTop, height: handleHeight };\n  };\n\n  // Calculate horizontal handle position and size\n  const calculateHHandle = () => {\n    const { scrollWidth, clientWidth, scrollLeft, hasOverflowX } = scrollState;\n\n    if (!hasOverflowX || !enabled) {\n      return { left: 0, width: 0 };\n    }\n\n    const trackWidth = clientWidth - 2; // 1px padding on each end\n    const ratio = clientWidth / scrollWidth;\n    let handleWidth = Math.max(MIN_HANDLE_SIZE, Math.round(trackWidth * ratio));\n    const availableTrack = trackWidth - handleWidth;\n    const scrollRatio =\n      scrollWidth - clientWidth > 0\n        ? scrollLeft / (scrollWidth - clientWidth)\n        : 0;\n    const handleLeft = 1 + Math.round(availableTrack * scrollRatio);\n\n    return { left: handleLeft, width: handleWidth };\n  };\n\n  const vHandle = calculateVHandle();\n  const hHandle = calculateHHandle();\n\n  // Calculate edge detection\n  const {\n    scrollTop,\n    scrollLeft,\n    scrollHeight,\n    scrollWidth,\n    clientHeight,\n    clientWidth,\n    hasOverflowY,\n    hasOverflowX,\n  } = scrollState;\n\n  // For Y axis: at start if scrollTop is 0, at end if scrolled to bottom\n  const isAtStartY = !hasOverflowY || scrollTop <= 0;\n  const isAtEndY =\n    !hasOverflowY || scrollTop >= scrollHeight - clientHeight - 1;\n\n  // For X axis: at start if scrollLeft is 0, at end if scrolled to right\n  const isAtStartX = !hasOverflowX || scrollLeft <= 0;\n  const isAtEndX = !hasOverflowX || scrollLeft >= scrollWidth - clientWidth - 1;\n\n  return {\n    handleVStyle: {\n      '--scrollbar-v-top': `${vHandle.top}px`,\n      '--scrollbar-v-height': `${vHandle.height}px`,\n    } as CSSProperties,\n    handleHStyle: {\n      '--scrollbar-h-left': `${hHandle.left}px`,\n      '--scrollbar-h-width': `${hHandle.width}px`,\n    } as CSSProperties,\n    hasOverflowY: scrollState.hasOverflowY,\n    hasOverflowX: scrollState.hasOverflowX,\n    isScrolling,\n    isAtStartX,\n    isAtStartY,\n    isAtEndX,\n    isAtEndY,\n  };\n}\n"],"mappings":"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"}

package/dist/components/content/Layout/index.d.ts

@@ -1,21 +1,20 @@
 
 import { CubeLayoutProps } from "./Layout.js";
-import { CubeLayoutContentProps, ScrollbarType, _LayoutContent } from "./LayoutContent.js";
-import { CubeLayoutBlockProps, _LayoutBlock } from "./LayoutBlock.js";
-import { CubeLayoutContainerProps, _LayoutContainer } from "./LayoutContainer.js";
-import { CubeLayoutCenterProps, _LayoutCenter } from "./LayoutCenter.js";
-import { CubeLayoutFlexProps, _LayoutFlex } from "./LayoutFlex.js";
-import { CubeLayoutFooterProps, _LayoutFooter } from "./LayoutFooter.js";
-import { CubeLayoutGridProps, _LayoutGrid } from "./LayoutGrid.js";
-import { CubeLayoutHeaderProps, _LayoutHeader } from "./LayoutHeader.js";
-import { CubeLayoutPaneProps, ResizeEdge, _LayoutPane } from "./LayoutPane.js";
+import { CubeLayoutContentProps, LayoutContent as _LayoutContent, ScrollbarType } from "./LayoutContent.js";
+import { CubeLayoutBlockProps, LayoutBlock as _LayoutBlock } from "./LayoutBlock.js";
+import { CubeLayoutContainerProps, LayoutContainer as _LayoutContainer } from "./LayoutContainer.js";
+import { CubeLayoutCenterProps, LayoutCenter as _LayoutCenter } from "./LayoutCenter.js";
+import { CubeLayoutFlexProps, LayoutFlex as _LayoutFlex } from "./LayoutFlex.js";
+import { CubeLayoutFooterProps, LayoutFooter as _LayoutFooter } from "./LayoutFooter.js";
+import { CubeLayoutGridProps, LayoutGrid as _LayoutGrid } from "./LayoutGrid.js";
+import { CubeLayoutHeaderProps, LayoutHeader as _LayoutHeader } from "./LayoutHeader.js";
+import { CubeLayoutPaneProps, LayoutPane as _LayoutPane, ResizeEdge } from "./LayoutPane.js";
 import { Side } from "./LayoutContext.js";
-import { CubeLayoutPanelProps, LayoutPanelMode, _LayoutPanel } from "./LayoutPanel.js";
-import { CubeLayoutPanelHeaderProps, _LayoutPanelHeader } from "./LayoutPanelHeader.js";
-import { CubeLayoutToolbarProps, _LayoutToolbar } from "./LayoutToolbar.js";
+import { CubeLayoutPanelProps, LayoutPanel as _LayoutPanel, LayoutPanelMode } from "./LayoutPanel.js";
+import { CubeLayoutPanelHeaderProps, LayoutPanelHeader as _LayoutPanelHeader } from "./LayoutPanelHeader.js";
+import { CubeLayoutToolbarProps, LayoutToolbar as _LayoutToolbar } from "./LayoutToolbar.js";
 import { CubeGridLayoutProps, GridLayout } from "./GridLayout.js";
 import { ForwardRefExoticComponent, RefAttributes } from "react";
-
 //#region src/components/content/Layout/index.d.ts
 interface LayoutComponent extends ForwardRefExoticComponent<CubeLayoutProps & RefAttributes<HTMLDivElement>> {
   Toolbar: typeof _LayoutToolbar;
@@ -33,5 +32,5 @@ interface LayoutComponent extends ForwardRefExoticComponent<CubeLayoutProps & Re
 }
 declare const Layout: LayoutComponent;
 //#endregion
-export { Layout };
+export { type CubeGridLayoutProps, type CubeLayoutContentProps, type CubeLayoutFooterProps, type CubeLayoutHeaderProps, type CubeLayoutPaneProps, type CubeLayoutPanelHeaderProps, type CubeLayoutPanelProps, type CubeLayoutProps, type CubeLayoutToolbarProps, GridLayout, Layout, type ScrollbarType };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,20 +1,19 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
-import { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
-import { _Layout } from "./Layout.js";
-import { _LayoutContent } from "./LayoutContent.js";
-import { _LayoutBlock } from "./LayoutBlock.js";
-import { _LayoutContainer } from "./LayoutContainer.js";
-import { _LayoutCenter } from "./LayoutCenter.js";
-import { _LayoutFlex } from "./LayoutFlex.js";
-import { _LayoutFooter } from "./LayoutFooter.js";
-import { _LayoutGrid } from "./LayoutGrid.js";
-import { _LayoutHeader } from "./LayoutHeader.js";
-import { _LayoutPane } from "./LayoutPane.js";
-import { _LayoutPanel } from "./LayoutPanel.js";
-import { _LayoutPanelHeader } from "./LayoutPanelHeader.js";
-import { _LayoutToolbar } from "./LayoutToolbar.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import "./LayoutContext.js";
+import { Layout as _Layout } from "./Layout.js";
+import { LayoutContent as _LayoutContent } from "./LayoutContent.js";
+import { LayoutBlock as _LayoutBlock } from "./LayoutBlock.js";
+import { LayoutContainer as _LayoutContainer } from "./LayoutContainer.js";
+import { LayoutCenter as _LayoutCenter } from "./LayoutCenter.js";
+import { LayoutFlex as _LayoutFlex } from "./LayoutFlex.js";
+import { LayoutFooter as _LayoutFooter } from "./LayoutFooter.js";
+import { LayoutGrid as _LayoutGrid } from "./LayoutGrid.js";
+import { LayoutHeader as _LayoutHeader } from "./LayoutHeader.js";
+import { LayoutPane as _LayoutPane } from "./LayoutPane.js";
+import { LayoutPanel as _LayoutPanel } from "./LayoutPanel.js";
+import { LayoutPanelHeader as _LayoutPanelHeader } from "./LayoutPanelHeader.js";
+import { LayoutToolbar as _LayoutToolbar } from "./LayoutToolbar.js";
 import { GridLayout } from "./GridLayout.js";
-
 //#region src/components/content/Layout/index.tsx
 const Layout = Object.assign(_Layout, {
 	Toolbar: _LayoutToolbar,
@@ -30,7 +29,7 @@ const Layout = Object.assign(_Layout, {
 	Panel: _LayoutPanel,
 	PanelHeader: _LayoutPanelHeader
 });
-
 //#endregion
-export { Layout };
+export { GridLayout, Layout };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ForwardRefExoticComponent","RefAttributes","CubeLayoutProps","Layout","LayoutBase","LayoutBlock","LayoutCenter","LayoutContainer","LayoutContent","LayoutFlex","LayoutFooter","LayoutGrid","LayoutHeader","LayoutPane","LayoutPanel","LayoutPanelHeader","LayoutToolbar","GridLayout","CubeGridLayoutProps","CubeLayoutBlockProps","CubeLayoutCenterProps","CubeLayoutContainerProps","CubeLayoutContentProps","ScrollbarType","CubeLayoutFlexProps","CubeLayoutGridProps","CubeLayoutFooterProps","CubeLayoutHeaderProps","CubeLayoutPaneProps","ResizeEdge","CubeLayoutPanelProps","LayoutPanelMode","CubeLayoutPanelHeaderProps","CubeLayoutToolbarProps","LayoutActionsContext","LayoutStateContext","LayoutRefsContext","LayoutPanelContext","LayoutContextReset","useLayoutActionsContext","useLayoutStateContext","useLayoutRefsContext","useLayoutPanelContext","useLayoutContext","LayoutActionsContextValue","LayoutStateContextValue","LayoutRefsContextValue","LayoutPanelContextValue","LayoutContextValue","Side","LayoutComponent","HTMLDivElement","Toolbar","Header","Footer","Content","Container","Center","Block","Flex","Grid","Pane","Panel","PanelHeader","Object","assign"],"sources":["../../../../src/components/content/Layout/index.tsx"],"sourcesContent":["import { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { CubeLayoutProps, Layout as LayoutBase } from './Layout';\nimport { LayoutBlock } from './LayoutBlock';\nimport { LayoutCenter } from './LayoutCenter';\nimport { LayoutContainer } from './LayoutContainer';\nimport { LayoutContent } from './LayoutContent';\nimport { LayoutFlex } from './LayoutFlex';\nimport { LayoutFooter } from './LayoutFooter';\nimport { LayoutGrid } from './LayoutGrid';\nimport { LayoutHeader } from './LayoutHeader';\nimport { LayoutPane } from './LayoutPane';\nimport { LayoutPanel } from './LayoutPanel';\nimport { LayoutPanelHeader } from './LayoutPanelHeader';\nimport { LayoutToolbar } from './LayoutToolbar';\n\nexport { GridLayout } from './GridLayout';\nexport type { CubeGridLayoutProps } from './GridLayout';\nexport type { CubeLayoutProps } from './Layout';\nexport type { CubeLayoutBlockProps } from './LayoutBlock';\nexport type { CubeLayoutCenterProps } from './LayoutCenter';\nexport type { CubeLayoutContainerProps } from './LayoutContainer';\nexport type { CubeLayoutContentProps, ScrollbarType } from './LayoutContent';\nexport type { CubeLayoutFlexProps } from './LayoutFlex';\nexport type { CubeLayoutGridProps } from './LayoutGrid';\nexport type { CubeLayoutFooterProps } from './LayoutFooter';\nexport type { CubeLayoutHeaderProps } from './LayoutHeader';\nexport type { CubeLayoutPaneProps, ResizeEdge } from './LayoutPane';\nexport type { CubeLayoutPanelProps, LayoutPanelMode } from './LayoutPanel';\nexport type { CubeLayoutPanelHeaderProps } from './LayoutPanelHeader';\nexport type { CubeLayoutToolbarProps } from './LayoutToolbar';\nexport {\n  LayoutActionsContext,\n  LayoutStateContext,\n  LayoutRefsContext,\n  LayoutPanelContext,\n  LayoutContextReset,\n  useLayoutActionsContext,\n  useLayoutStateContext,\n  useLayoutRefsContext,\n  useLayoutPanelContext,\n  useLayoutContext,\n} from './LayoutContext';\nexport type {\n  LayoutActionsContextValue,\n  LayoutStateContextValue,\n  LayoutRefsContextValue,\n  LayoutPanelContextValue,\n  LayoutContextValue,\n  Side,\n} from './LayoutContext';\n\n// Create Layout compound component\ninterface LayoutComponent\n  extends ForwardRefExoticComponent<\n    CubeLayoutProps & RefAttributes<HTMLDivElement>\n  > {\n  Toolbar: typeof LayoutToolbar;\n  Header: typeof LayoutHeader;\n  Footer: typeof LayoutFooter;\n  Content: typeof LayoutContent;\n  Container: typeof LayoutContainer;\n  Center: typeof LayoutCenter;\n  Block: typeof LayoutBlock;\n  Flex: typeof LayoutFlex;\n  Grid: typeof LayoutGrid;\n  Pane: typeof LayoutPane;\n  Panel: typeof LayoutPanel;\n  PanelHeader: typeof LayoutPanelHeader;\n}\n\nconst Layout = Object.assign(LayoutBase, {\n  Toolbar: LayoutToolbar,\n  Header: LayoutHeader,\n  Footer: LayoutFooter,\n  Content: LayoutContent,\n  Container: LayoutContainer,\n  Center: LayoutCenter,\n  Block: LayoutBlock,\n  Flex: LayoutFlex,\n  Grid: LayoutGrid,\n  Pane: LayoutPane,\n  Panel: LayoutPanel,\n  PanelHeader: LayoutPanelHeader,\n}) as LayoutComponent;\n\nexport { Layout };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAuEA,MAAMG,SAAS6D,OAAOC,OAAO7D,SAAY;CACvCgD,SAASpC;CACTqC,QAAQzC;CACR0C,QAAQ5C;CACR6C,SAAS/C;CACTgD,WAAWjD;CACXkD,QAAQnD;CACRoD,OAAOrD;CACPsD,MAAMlD;CACNmD,MAAMjD;CACNkD,MAAMhD;CACNiD,OAAOhD;CACPiD,aAAahD;CACd,CAAC"}
+{"version":3,"file":"index.js","names":["ForwardRefExoticComponent","RefAttributes","CubeLayoutProps","Layout","LayoutBase","LayoutBlock","LayoutCenter","LayoutContainer","LayoutContent","LayoutFlex","LayoutFooter","LayoutGrid","LayoutHeader","LayoutPane","LayoutPanel","LayoutPanelHeader","LayoutToolbar","GridLayout","CubeGridLayoutProps","CubeLayoutBlockProps","CubeLayoutCenterProps","CubeLayoutContainerProps","CubeLayoutContentProps","ScrollbarType","CubeLayoutFlexProps","CubeLayoutGridProps","CubeLayoutFooterProps","CubeLayoutHeaderProps","CubeLayoutPaneProps","ResizeEdge","CubeLayoutPanelProps","LayoutPanelMode","CubeLayoutPanelHeaderProps","CubeLayoutToolbarProps","LayoutActionsContext","LayoutStateContext","LayoutRefsContext","LayoutPanelContext","LayoutContextReset","useLayoutActionsContext","useLayoutStateContext","useLayoutRefsContext","useLayoutPanelContext","useLayoutContext","LayoutActionsContextValue","LayoutStateContextValue","LayoutRefsContextValue","LayoutPanelContextValue","LayoutContextValue","Side","LayoutComponent","HTMLDivElement","Toolbar","Header","Footer","Content","Container","Center","Block","Flex","Grid","Pane","Panel","PanelHeader","Object","assign","LayoutBase","LayoutToolbar","LayoutHeader","LayoutFooter","LayoutContent","LayoutContainer","LayoutCenter","LayoutBlock","LayoutFlex","LayoutGrid","LayoutPane","LayoutPanel","LayoutPanelHeader"],"sources":["../../../../src/components/content/Layout/index.tsx"],"sourcesContent":["import { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { CubeLayoutProps, Layout as LayoutBase } from './Layout';\nimport { LayoutBlock } from './LayoutBlock';\nimport { LayoutCenter } from './LayoutCenter';\nimport { LayoutContainer } from './LayoutContainer';\nimport { LayoutContent } from './LayoutContent';\nimport { LayoutFlex } from './LayoutFlex';\nimport { LayoutFooter } from './LayoutFooter';\nimport { LayoutGrid } from './LayoutGrid';\nimport { LayoutHeader } from './LayoutHeader';\nimport { LayoutPane } from './LayoutPane';\nimport { LayoutPanel } from './LayoutPanel';\nimport { LayoutPanelHeader } from './LayoutPanelHeader';\nimport { LayoutToolbar } from './LayoutToolbar';\n\nexport { GridLayout } from './GridLayout';\nexport type { CubeGridLayoutProps } from './GridLayout';\nexport type { CubeLayoutProps } from './Layout';\nexport type { CubeLayoutBlockProps } from './LayoutBlock';\nexport type { CubeLayoutCenterProps } from './LayoutCenter';\nexport type { CubeLayoutContainerProps } from './LayoutContainer';\nexport type { CubeLayoutContentProps, ScrollbarType } from './LayoutContent';\nexport type { CubeLayoutFlexProps } from './LayoutFlex';\nexport type { CubeLayoutGridProps } from './LayoutGrid';\nexport type { CubeLayoutFooterProps } from './LayoutFooter';\nexport type { CubeLayoutHeaderProps } from './LayoutHeader';\nexport type { CubeLayoutPaneProps, ResizeEdge } from './LayoutPane';\nexport type { CubeLayoutPanelProps, LayoutPanelMode } from './LayoutPanel';\nexport type { CubeLayoutPanelHeaderProps } from './LayoutPanelHeader';\nexport type { CubeLayoutToolbarProps } from './LayoutToolbar';\nexport {\n  LayoutActionsContext,\n  LayoutStateContext,\n  LayoutRefsContext,\n  LayoutPanelContext,\n  LayoutContextReset,\n  useLayoutActionsContext,\n  useLayoutStateContext,\n  useLayoutRefsContext,\n  useLayoutPanelContext,\n  useLayoutContext,\n} from './LayoutContext';\nexport type {\n  LayoutActionsContextValue,\n  LayoutStateContextValue,\n  LayoutRefsContextValue,\n  LayoutPanelContextValue,\n  LayoutContextValue,\n  Side,\n} from './LayoutContext';\n\n// Create Layout compound component\ninterface LayoutComponent extends ForwardRefExoticComponent<\n  CubeLayoutProps & RefAttributes<HTMLDivElement>\n> {\n  Toolbar: typeof LayoutToolbar;\n  Header: typeof LayoutHeader;\n  Footer: typeof LayoutFooter;\n  Content: typeof LayoutContent;\n  Container: typeof LayoutContainer;\n  Center: typeof LayoutCenter;\n  Block: typeof LayoutBlock;\n  Flex: typeof LayoutFlex;\n  Grid: typeof LayoutGrid;\n  Pane: typeof LayoutPane;\n  Panel: typeof LayoutPanel;\n  PanelHeader: typeof LayoutPanelHeader;\n}\n\nconst Layout = Object.assign(LayoutBase, {\n  Toolbar: LayoutToolbar,\n  Header: LayoutHeader,\n  Footer: LayoutFooter,\n  Content: LayoutContent,\n  Container: LayoutContainer,\n  Center: LayoutCenter,\n  Block: LayoutBlock,\n  Flex: LayoutFlex,\n  Grid: LayoutGrid,\n  Pane: LayoutPane,\n  Panel: LayoutPanel,\n  PanelHeader: LayoutPanelHeader,\n}) as LayoutComponent;\n\nexport { Layout };\n"],"mappings":";;;;;;;;;;;;;;;;;AAsEA,MAAMG,SAAS6D,OAAOC,OAAO7D,SAAY;CACvCgD,SAASpC;CACTqC,QAAQzC;CACR0C,QAAQ5C;CACR6C,SAAS/C;CACTgD,WAAWjD;CACXkD,QAAQnD;CACRoD,OAAOrD;CACPsD,MAAMlD;CACNmD,MAAMjD;CACNkD,MAAMhD;CACNiD,OAAOhD;CACPiD,aAAahD;AACf,CAAC"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 //#region src/components/content/Layout/utils.ts
 /**
 * Clamps a size value within min/max constraints.
@@ -42,7 +42,7 @@ function resolveCssSize(value, containerSize) {
 	const num = parseFloat(trimmed);
 	if (String(num) === trimmed && Number.isFinite(num)) return num;
 }
-
 //#endregion
 export { clampSize, getOppositeSide, resolveCssSize };
+
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["Side","clampSize","value","minSize","maxSize","naturalMax","result","effectiveMax","Math","min","max","OPPOSITE_SIDES","Record","left","right","top","bottom","getOppositeSide","side","resolveCssSize","containerSize","undefined","trimmed","trim","endsWith","num","parseFloat","Number","isFinite","percent","String"],"sources":["../../../../src/components/content/Layout/utils.ts"],"sourcesContent":["import type { Side } from './LayoutContext';\n\n/**\n * Clamps a size value within min/max constraints.\n * Handles both number and string constraint values (only numbers are applied).\n */\nexport function clampSize(\n  value: number,\n  minSize?: number | string,\n  maxSize?: number | string,\n  naturalMax?: number,\n): number {\n  let result = value;\n\n  let effectiveMax: number | undefined;\n\n  if (typeof maxSize === 'number') {\n    effectiveMax = maxSize;\n  }\n\n  if (naturalMax != null && naturalMax >= 0) {\n    effectiveMax =\n      effectiveMax != null ? Math.min(effectiveMax, naturalMax) : naturalMax;\n  }\n\n  if (effectiveMax != null) {\n    result = Math.min(effectiveMax, result);\n  }\n\n  if (typeof minSize === 'number') {\n    result = Math.max(minSize, result);\n  }\n\n  return Math.max(result, 0);\n}\n\nconst OPPOSITE_SIDES: Record<Side, Side> = {\n  left: 'right',\n  right: 'left',\n  top: 'bottom',\n  bottom: 'top',\n};\n\nexport function getOppositeSide(side: Side): Side {\n  return OPPOSITE_SIDES[side];\n}\n\n/**\n * Resolves a CSS size value (string or number) to pixels.\n * Supports `px` values and percentages (resolved against containerSize).\n * Returns undefined for values that can't be resolved in JS (e.g. `50vw`, `min(...)`, etc.).\n */\nexport function resolveCssSize(\n  value: string | number | undefined,\n  containerSize: number,\n): number | undefined {\n  if (value == null) return undefined;\n\n  if (typeof value === 'number') return value;\n\n  const trimmed = value.trim();\n\n  if (trimmed.endsWith('px')) {\n    const num = parseFloat(trimmed);\n    return Number.isFinite(num) ? num : undefined;\n  }\n\n  if (trimmed.endsWith('%')) {\n    const percent = parseFloat(trimmed);\n    return Number.isFinite(percent)\n      ? (percent / 100) * containerSize\n      : undefined;\n  }\n\n  const num = parseFloat(trimmed);\n  if (String(num) === trimmed && Number.isFinite(num)) return num;\n\n  return undefined;\n}\n"],"mappings":";;;;;;AAMA,SAAgBC,UACdC,OACAC,SACAC,SACAC,YACQ;CACR,IAAIC,SAASJ;CAEb,IAAIK;AAEJ,KAAI,OAAOH,YAAY,SACrBG,gBAAeH;AAGjB,KAAIC,cAAc,QAAQA,cAAc,EACtCE,gBACEA,gBAAgB,OAAOC,KAAKC,IAAIF,cAAcF,WAAW,GAAGA;AAGhE,KAAIE,gBAAgB,KAClBD,UAASE,KAAKC,IAAIF,cAAcD,OAAO;AAGzC,KAAI,OAAOH,YAAY,SACrBG,UAASE,KAAKE,IAAIP,SAASG,OAAO;AAGpC,QAAOE,KAAKE,IAAIJ,QAAQ,EAAE;;AAG5B,MAAMK,iBAAqC;CACzCE,MAAM;CACNC,OAAO;CACPC,KAAK;CACLC,QAAQ;CACT;AAED,SAAgBC,gBAAgBC,MAAkB;AAChD,QAAOP,eAAeO;;;;;;;AAQxB,SAAgBC,eACdjB,OACAkB,eACoB;AACpB,KAAIlB,SAAS,KAAM,QAAOmB;AAE1B,KAAI,OAAOnB,UAAU,SAAU,QAAOA;CAEtC,MAAMoB,UAAUpB,MAAMqB,MAAM;AAE5B,KAAID,QAAQE,SAAS,KAAK,EAAE;EAC1B,MAAMC,MAAMC,WAAWJ,QAAQ;AAC/B,SAAOK,OAAOC,SAASH,IAAI,GAAGA,MAAMJ;;AAGtC,KAAIC,QAAQE,SAAS,IAAI,EAAE;EACzB,MAAMK,UAAUH,WAAWJ,QAAQ;AACnC,SAAOK,OAAOC,SAASC,QAAQ,GAC1BA,UAAU,MAAOT,gBAClBC;;CAGN,MAAMI,MAAMC,WAAWJ,QAAQ;AAC/B,KAAIQ,OAAOL,IAAI,KAAKH,WAAWK,OAAOC,SAASH,IAAI,CAAE,QAAOA"}
+{"version":3,"file":"utils.js","names":["Side","clampSize","value","minSize","maxSize","naturalMax","result","effectiveMax","Math","min","max","OPPOSITE_SIDES","Record","left","right","top","bottom","getOppositeSide","side","resolveCssSize","containerSize","undefined","trimmed","trim","endsWith","num","parseFloat","Number","isFinite","percent","String"],"sources":["../../../../src/components/content/Layout/utils.ts"],"sourcesContent":["import type { Side } from './LayoutContext';\n\n/**\n * Clamps a size value within min/max constraints.\n * Handles both number and string constraint values (only numbers are applied).\n */\nexport function clampSize(\n  value: number,\n  minSize?: number | string,\n  maxSize?: number | string,\n  naturalMax?: number,\n): number {\n  let result = value;\n\n  let effectiveMax: number | undefined;\n\n  if (typeof maxSize === 'number') {\n    effectiveMax = maxSize;\n  }\n\n  if (naturalMax != null && naturalMax >= 0) {\n    effectiveMax =\n      effectiveMax != null ? Math.min(effectiveMax, naturalMax) : naturalMax;\n  }\n\n  if (effectiveMax != null) {\n    result = Math.min(effectiveMax, result);\n  }\n\n  if (typeof minSize === 'number') {\n    result = Math.max(minSize, result);\n  }\n\n  return Math.max(result, 0);\n}\n\nconst OPPOSITE_SIDES: Record<Side, Side> = {\n  left: 'right',\n  right: 'left',\n  top: 'bottom',\n  bottom: 'top',\n};\n\nexport function getOppositeSide(side: Side): Side {\n  return OPPOSITE_SIDES[side];\n}\n\n/**\n * Resolves a CSS size value (string or number) to pixels.\n * Supports `px` values and percentages (resolved against containerSize).\n * Returns undefined for values that can't be resolved in JS (e.g. `50vw`, `min(...)`, etc.).\n */\nexport function resolveCssSize(\n  value: string | number | undefined,\n  containerSize: number,\n): number | undefined {\n  if (value == null) return undefined;\n\n  if (typeof value === 'number') return value;\n\n  const trimmed = value.trim();\n\n  if (trimmed.endsWith('px')) {\n    const num = parseFloat(trimmed);\n    return Number.isFinite(num) ? num : undefined;\n  }\n\n  if (trimmed.endsWith('%')) {\n    const percent = parseFloat(trimmed);\n    return Number.isFinite(percent)\n      ? (percent / 100) * containerSize\n      : undefined;\n  }\n\n  const num = parseFloat(trimmed);\n  if (String(num) === trimmed && Number.isFinite(num)) return num;\n\n  return undefined;\n}\n"],"mappings":";;;;;;AAMA,SAAgBC,UACdC,OACAC,SACAC,SACAC,YACQ;CACR,IAAIC,SAASJ;CAEb,IAAIK;CAEJ,IAAI,OAAOH,YAAY,UACrBG,eAAeH;CAGjB,IAAIC,cAAc,QAAQA,cAAc,GACtCE,eACEA,gBAAgB,OAAOC,KAAKC,IAAIF,cAAcF,UAAU,IAAIA;CAGhE,IAAIE,gBAAgB,MAClBD,SAASE,KAAKC,IAAIF,cAAcD,MAAM;CAGxC,IAAI,OAAOH,YAAY,UACrBG,SAASE,KAAKE,IAAIP,SAASG,MAAM;CAGnC,OAAOE,KAAKE,IAAIJ,QAAQ,CAAC;AAC3B;AAEA,MAAMK,iBAAqC;CACzCE,MAAM;CACNC,OAAO;CACPC,KAAK;CACLC,QAAQ;AACV;AAEA,SAAgBC,gBAAgBC,MAAkB;CAChD,OAAOP,eAAeO;AACxB;;;;;;AAOA,SAAgBC,eACdjB,OACAkB,eACoB;CACpB,IAAIlB,SAAS,MAAM,OAAOmB,KAAAA;CAE1B,IAAI,OAAOnB,UAAU,UAAU,OAAOA;CAEtC,MAAMoB,UAAUpB,MAAMqB,KAAK;CAE3B,IAAID,QAAQE,SAAS,IAAI,GAAG;EAC1B,MAAMC,MAAMC,WAAWJ,OAAO;EAC9B,OAAOK,OAAOC,SAASH,GAAG,IAAIA,MAAMJ,KAAAA;CACtC;CAEA,IAAIC,QAAQE,SAAS,GAAG,GAAG;EACzB,MAAMK,UAAUH,WAAWJ,OAAO;EAClC,OAAOK,OAAOC,SAASC,OAAO,IACzBA,UAAU,MAAOT,gBAClBC,KAAAA;CACN;CAEA,MAAMI,MAAMC,WAAWJ,OAAO;CAC9B,IAAIQ,OAAOL,GAAG,MAAMH,WAAWK,OAAOC,SAASH,GAAG,GAAG,OAAOA;AAG9D"}

package/dist/components/content/Paragraph.d.ts

@@ -1,11 +1,8 @@
 
 import { CubeTextProps } from "./Text.js";
 import { ContainerStyleProps } from "@tenphi/tasty";
-import * as react from "react";
-
 //#region src/components/content/Paragraph.d.ts
-interface CubeParagraphProps extends CubeTextProps, ContainerStyleProps {}
-declare const Paragraph: react.ForwardRefExoticComponent<CubeParagraphProps & react.RefAttributes<HTMLElement>>;
+export interface CubeParagraphProps extends CubeTextProps, ContainerStyleProps {}
+export declare const Paragraph: import("react").ForwardRefExoticComponent<CubeParagraphProps & import("react").RefAttributes<HTMLElement>>;
 //#endregion
-export { CubeParagraphProps, Paragraph };
 //# sourceMappingURL=Paragraph.d.ts.map

package/dist/components/content/Paragraph.js

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
-import { _Text } from "./Text.js";
+import { Text as _Text } from "./Text.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, TEXT_STYLES } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Paragraph.tsx
 const DEFAULT_STYLES = {
 	preset: "p3",
@@ -38,7 +37,7 @@ const Paragraph = forwardRef(function Paragraph(props, ref) {
 	} else t1 = $[5];
 	return t1;
 });
-
 //#endregion
 export { Paragraph };
+
 //# sourceMappingURL=Paragraph.js.map

package/dist/components/content/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","names":["CONTAINER_STYLES","ContainerStyleProps","Styles","TEXT_STYLES","forwardRef","extractStyles","CubeTextProps","Text","DEFAULT_STYLES","preset","color","display","STYLE_PROPS","CubeParagraphProps","Paragraph","HTMLElement","props","ref","$","_c","t0","styles","t1"],"sources":["../../../src/components/content/Paragraph.tsx"],"sourcesContent":["import {\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { extractStyles } from '../../utils/styles';\n\nimport { CubeTextProps, Text } from './Text';\n\nconst DEFAULT_STYLES: Styles = {\n  preset: 'p3',\n  color: '#dark-02',\n  display: 'block',\n};\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nexport interface CubeParagraphProps\n  extends CubeTextProps,\n    ContainerStyleProps {}\n\nexport const Paragraph = forwardRef<HTMLElement, CubeParagraphProps>(\n  function Paragraph(props, ref) {\n    const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);\n\n    return <Text as=\"p\" qa=\"Paragraph\" {...props} ref={ref} styles={styles} />;\n  },\n);\n"],"mappings":";;;;;;;;;AAYA,MAAMQ,iBAAyB;CAC7BC,QAAQ;CACRC,OAAO;CACPC,SAAS;CACV;AAED,MAAMC,cAAc,CAAC,GAAGZ,kBAAkB,GAAGG,YAAY;AAMzD,MAAaW,YAAYV,WACvB,SAAAU,UAAAE,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,OAAA;AACiBI,OAAAf,cAAcW,OAAOJ,aAAaJ,eAAe;AAAAU,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAAhE,MAAAG,SAAeD;CAAkD,IAAAE;AAAA,KAAAJ,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAG,QAAA;AAE1DC,OAAA,oBAAC;GAAQ,IAAA;GAAO,IAAA;GAAW,GAAKN;GAAYC;GAAaI;IAAU;AAAAH,IAAA,KAAAF;AAAAE,IAAA,KAAAD;AAAAC,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QAAnEI;EAEV"}
+{"version":3,"file":"Paragraph.js","names":["CONTAINER_STYLES","ContainerStyleProps","Styles","TEXT_STYLES","forwardRef","extractStyles","CubeTextProps","Text","DEFAULT_STYLES","preset","color","display","STYLE_PROPS","CubeParagraphProps","Paragraph","HTMLElement","props","ref","$","_c","t0","styles","t1","_c","Text"],"sources":["../../../src/components/content/Paragraph.tsx"],"sourcesContent":["import {\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { extractStyles } from '../../utils/styles';\n\nimport { CubeTextProps, Text } from './Text';\n\nconst DEFAULT_STYLES: Styles = {\n  preset: 'p3',\n  color: '#dark-02',\n  display: 'block',\n};\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nexport interface CubeParagraphProps\n  extends CubeTextProps, ContainerStyleProps {}\n\nexport const Paragraph = forwardRef<HTMLElement, CubeParagraphProps>(\n  function Paragraph(props, ref) {\n    const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);\n\n    return <Text as=\"p\" qa=\"Paragraph\" {...props} ref={ref} styles={styles} />;\n  },\n);\n"],"mappings":";;;;;;;;AAYA,MAAMQ,iBAAyB;CAC7BC,QAAQ;CACRC,OAAO;CACPC,SAAS;AACX;AAEA,MAAMC,cAAc,CAAC,GAAGZ,kBAAkB,GAAGG,WAAW;AAKxD,MAAaW,YAAYV,WACvB,SAAAU,UAAAE,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAF,OAAA;EACiBI,KAAAf,cAAcW,OAAOJ,aAAaJ,cAAc;EAACU,EAAA,KAAAF;EAAAE,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAhE,MAAAG,SAAeD;CAAkD,IAAAE;CAAA,IAAAJ,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAG,QAAA;EAE1DC,KAAA,oBAACE,OAAD;GAAS,IAAA;GAAO,IAAA;GAAW,GAAKR;GAAYC;GAAaI;EAAM,CAAA;EAAIH,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAAnEI;AAAmE,CAE9E"}

package/dist/components/content/Placeholder/Placeholder.d.ts

@@ -1,14 +1,11 @@
 
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
-
 //#region src/components/content/Placeholder/Placeholder.d.ts
-interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {
+export interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {
   size?: Styles['fontSize'];
   circle?: boolean;
   isStatic?: boolean;
 }
-declare const Placeholder: react.ForwardRefExoticComponent<CubePlaceholderProps & react.RefAttributes<unknown>>;
+export declare const Placeholder: import("react").ForwardRefExoticComponent<CubePlaceholderProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { CubePlaceholderProps, Placeholder };
 //# sourceMappingURL=Placeholder.d.ts.map

package/dist/components/content/Placeholder/Placeholder.js

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, keyframes, tasty } from "@tenphi/tasty";
 import { createContext, forwardRef, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Placeholder/Placeholder.tsx
 const placeholderAnimation = keyframes({
 	"0%": { "background-position": "0 0" },
@@ -106,7 +105,7 @@ const Placeholder = forwardRef(function Placeholder(allProps, ref) {
 	} else t7 = $[12];
 	return t7;
 });
-
 //#endregion
 export { Placeholder, PlaceholderGroupContext };
+
 //# sourceMappingURL=Placeholder.js.map