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

package/dist/components/layout/Board/grid-core/placement.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 { collides } from "./collision.js";
 
 //#region src/components/layout/Board/grid-core/placement.ts

package/dist/components/layout/Board/grid-core/sort.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 */
 //#region src/components/layout/Board/grid-core/sort.ts
 /**
 * Sort layout items based on the compaction type.

package/dist/components/layout/Board/index.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 { BoardDragActiveProvider } from "./board-context.js";
 import { distributeEvenly, placeInFreeSlot } from "./grid-core/placement.js";
 import { getCompactor, horizontalCompactor, noCompactor, verticalCompactor } from "./grid-core/compactors.js";

package/dist/components/layout/Board/responsive-utils.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 { cloneLayout, correctBounds } from "./grid-core/layout.js";
 
 //#region src/components/layout/Board/responsive-utils.ts

package/dist/components/layout/Board/use-board-layout.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 { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cloneLayout } from "./grid-core/layout.js";
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/components/layout/Board/use-board-registry.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 { useEvent } from "../../../_internal/hooks/use-event.js";
 import { BoardWidgetStore } from "./board-store.js";
 import { collides } from "./grid-core/collision.js";

package/dist/components/layout/Board/use-board-select-modifier-key.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 { useIsDarwin } from "../../../utils/react/useIsDarwin.js";
 
 //#region src/components/layout/Board/use-board-select-modifier-key.ts

package/dist/components/layout/Board/use-board-selection.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 { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/components/layout/Flex.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 { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Flow.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 { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Grid.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 { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Panel.js

@@ -1,6 +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 { c } from "react-compiler-runtime";
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
-import { forwardRef, useMemo } from "react";
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/layout/Panel.tsx
@@ -74,55 +75,135 @@ const STYLES = [
 	"preset"
 ];
 function Panel(props, ref) {
-	let { qa, mods, isStretched, isFloating, isCard, isFlex, styles, innerStyles, children, extra, style, ...otherProps } = props;
-	STYLES.forEach((style_0) => {
-		if (props[style_0]) {
-			innerStyles = {
-				...innerStyles,
-				[style_0]: props[style_0]
-			};
-			delete otherProps[style_0];
-		}
-	});
-	[
-		...OUTER_STYLES,
-		...BASE_STYLES,
-		...BLOCK_STYLES,
-		...COLOR_STYLES,
-		...DIMENSION_STYLES
-	].forEach((style_1) => {
-		if (style_1 in otherProps) {
-			styles = {
-				...styles,
-				[style_1]: otherProps[style_1]
-			};
-			delete otherProps[style_1];
-		}
-	});
-	const appliedMods = useMemo(() => ({
-		floating: isFloating,
-		stretched: isStretched,
-		card: isCard,
-		flex: isFlex,
-		...mods
-	}), [
-		isStretched,
-		isCard,
-		mods
-	]);
-	return /* @__PURE__ */ jsxs(PanelElement, {
-		ref,
-		qa,
-		mods: appliedMods,
-		styles,
-		style,
-		...otherProps,
-		children: [/* @__PURE__ */ jsx(PanelInnerElement, {
+	const $ = c(32);
+	let children;
+	let extra;
+	let innerStyles;
+	let isCard;
+	let isFlex;
+	let isFloating;
+	let isStretched;
+	let mods;
+	let otherProps;
+	let qa;
+	let style;
+	let styles;
+	if ($[0] !== props) {
+		const { qa: t0, mods: t1, isStretched: t2, isFloating: t3, isCard: t4, isFlex: t5, styles: t6, innerStyles: t7, children: t8, extra: t9, style: t10, ...t11 } = props;
+		qa = t0;
+		mods = t1;
+		isStretched = t2;
+		isFloating = t3;
+		isCard = t4;
+		isFlex = t5;
+		children = t8;
+		extra = t9;
+		style = t10;
+		otherProps = t11;
+		styles = t6;
+		innerStyles = t7;
+		STYLES.forEach((style_0) => {
+			if (props[style_0]) {
+				innerStyles = {
+					...innerStyles,
+					[style_0]: props[style_0]
+				};
+				delete otherProps[style_0];
+			}
+		});
+		[
+			...OUTER_STYLES,
+			...BASE_STYLES,
+			...BLOCK_STYLES,
+			...COLOR_STYLES,
+			...DIMENSION_STYLES
+		].forEach((style_1) => {
+			if (style_1 in otherProps) {
+				styles = {
+					...styles,
+					[style_1]: otherProps[style_1]
+				};
+				delete otherProps[style_1];
+			}
+		});
+		$[0] = props;
+		$[1] = children;
+		$[2] = extra;
+		$[3] = innerStyles;
+		$[4] = isCard;
+		$[5] = isFlex;
+		$[6] = isFloating;
+		$[7] = isStretched;
+		$[8] = mods;
+		$[9] = otherProps;
+		$[10] = qa;
+		$[11] = style;
+		$[12] = styles;
+	} else {
+		children = $[1];
+		extra = $[2];
+		innerStyles = $[3];
+		isCard = $[4];
+		isFlex = $[5];
+		isFloating = $[6];
+		isStretched = $[7];
+		mods = $[8];
+		otherProps = $[9];
+		qa = $[10];
+		style = $[11];
+		styles = $[12];
+	}
+	let t0;
+	if ($[13] !== isCard || $[14] !== isFlex || $[15] !== isFloating || $[16] !== isStretched || $[17] !== mods) {
+		t0 = {
+			floating: isFloating,
+			stretched: isStretched,
+			card: isCard,
+			flex: isFlex,
+			...mods
+		};
+		$[13] = isCard;
+		$[14] = isFlex;
+		$[15] = isFloating;
+		$[16] = isStretched;
+		$[17] = mods;
+		$[18] = t0;
+	} else t0 = $[18];
+	const appliedMods = t0;
+	let t1;
+	if ($[19] !== appliedMods || $[20] !== children || $[21] !== innerStyles) {
+		t1 = /* @__PURE__ */ jsx(PanelInnerElement, {
 			mods: appliedMods,
 			styles: innerStyles,
 			children
-		}), extra]
-	});
+		});
+		$[19] = appliedMods;
+		$[20] = children;
+		$[21] = innerStyles;
+		$[22] = t1;
+	} else t1 = $[22];
+	let t2;
+	if ($[23] !== appliedMods || $[24] !== extra || $[25] !== otherProps || $[26] !== qa || $[27] !== ref || $[28] !== style || $[29] !== styles || $[30] !== t1) {
+		t2 = /* @__PURE__ */ jsxs(PanelElement, {
+			ref,
+			qa,
+			mods: appliedMods,
+			styles,
+			style,
+			...otherProps,
+			children: [t1, extra]
+		});
+		$[23] = appliedMods;
+		$[24] = extra;
+		$[25] = otherProps;
+		$[26] = qa;
+		$[27] = ref;
+		$[28] = style;
+		$[29] = styles;
+		$[30] = t1;
+		$[31] = t2;
+	} else t2 = $[31];
+	return t2;
 }
 const _Panel = forwardRef(Panel);
 _Panel.displayName = "Panel";

package/dist/components/layout/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","names":["BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","DIMENSION_STYLES","OUTER_STYLES","OuterStyleProps","Styles","tasty","ForwardedRef","forwardRef","ReactNode","useMemo","PanelElement","as","qa","styles","position","inset","stretched","display","radius","card","border","flexGrow","placeSelf","PanelInnerElement","flex","top","left","right","bottom","overflow","scrollbar","gridColumns","gridRows","flow","placeContent","styleProps","CubePanelProps","isStretched","isCard","isFloating","innerStyles","placeItems","gap","isFlex","children","extra","STYLES","const","Panel","props","ref","HTMLDivElement","mods","style","otherProps","forEach","appliedMods","floating","_Panel","displayName"],"sources":["../../../src/components/layout/Panel.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  DIMENSION_STYLES,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, ReactNode, useMemo } from 'react';\n\nconst PanelElement = tasty({\n  as: 'section',\n  qa: 'Panel',\n  styles: {\n    position: {\n      '': 'relative',\n      'stretched | floating': 'absolute',\n    },\n    inset: {\n      '': 'initial',\n      stretched: true,\n    },\n    display: 'block',\n    radius: {\n      '': '0',\n      card: '1r',\n    },\n    border: {\n      '': '0',\n      card: '1bw',\n    },\n    flexGrow: 1,\n    placeSelf: 'stretch',\n  },\n});\n\nconst PanelInnerElement = tasty({\n  styles: {\n    position: 'absolute',\n    display: {\n      '': 'grid',\n      flex: 'flex',\n    },\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    overflow: 'auto',\n    scrollbar: 'thin #dark.2',\n    gridColumns: 'minmax(100%, 100%)',\n    gridRows: {\n      '': 'initial',\n      stretched: 'minmax(0, 1fr)',\n    },\n    radius: {\n      '': '0',\n      card: '(1r - 1bw)',\n    },\n    flow: 'row',\n    placeContent: 'start stretch',\n  },\n  styleProps: [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES],\n});\n\nexport interface CubePanelProps\n  extends OuterStyleProps,\n    BlockStyleProps,\n    BaseStyleProps,\n    ColorStyleProps,\n    BaseProps {\n  isStretched?: boolean;\n  isCard?: boolean;\n  isFloating?: boolean;\n  styles?: Styles;\n  innerStyles?: Styles;\n  placeContent?: Styles['placeContent'];\n  placeItems?: Styles['placeItems'];\n  gridColumns?: Styles['gridTemplateColumns'];\n  gridRows?: Styles['gridTemplateRows'];\n  flow?: Styles['flow'];\n  gap?: Styles['gap'];\n  isFlex?: boolean;\n  children?: ReactNode;\n  extra?: ReactNode;\n}\n\nconst STYLES = [\n  'placeContent',\n  'placeItems',\n  'gridColumns',\n  'gridRows',\n  'flow',\n  'gap',\n  'padding',\n  'overflow',\n  'fill',\n  'color',\n  'preset',\n] as const;\n\nfunction Panel(props: CubePanelProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {\n    qa,\n    mods,\n    isStretched,\n    isFloating,\n    isCard,\n    isFlex,\n    styles,\n    innerStyles,\n    children,\n    extra,\n    style,\n    ...otherProps\n  } = props;\n\n  STYLES.forEach((style) => {\n    if (props[style]) {\n      innerStyles = { ...innerStyles, [style]: props[style] };\n\n      delete otherProps[style];\n    }\n  });\n\n  [\n    ...OUTER_STYLES,\n    ...BASE_STYLES,\n    ...BLOCK_STYLES,\n    ...COLOR_STYLES,\n    ...DIMENSION_STYLES,\n  ].forEach((style) => {\n    if (style in otherProps) {\n      styles = { ...styles, [style]: otherProps[style] };\n\n      delete otherProps[style];\n    }\n  });\n\n  const appliedMods = useMemo(\n    () => ({\n      floating: isFloating,\n      stretched: isStretched,\n      card: isCard,\n      flex: isFlex,\n      ...mods,\n    }),\n    [isStretched, isCard, mods],\n  );\n\n  return (\n    <PanelElement\n      ref={ref}\n      qa={qa}\n      mods={appliedMods}\n      styles={styles}\n      style={style}\n      {...otherProps}\n    >\n      <PanelInnerElement mods={appliedMods} styles={innerStyles}>\n        {children}\n      </PanelInnerElement>\n      {extra}\n    </PanelElement>\n  );\n}\n\nconst _Panel = forwardRef(Panel);\n\n_Panel.displayName = 'Panel';\n\nexport { _Panel as Panel };\n"],"mappings":";;;;;;AAgBA,MAAMgB,eAAeL,MAAM;CACzBM,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,UAAU;GACR,IAAI;GACJ,wBAAwB;GACzB;EACDC,OAAO;GACL,IAAI;GACJC,WAAW;GACZ;EACDC,SAAS;EACTC,QAAQ;GACN,IAAI;GACJC,MAAM;GACP;EACDC,QAAQ;GACN,IAAI;GACJD,MAAM;GACP;EACDE,UAAU;EACVC,WAAW;EACb;CACD,CAAC;AAEF,MAAMC,oBAAoBlB,MAAM;CAC9BQ,QAAQ;EACNC,UAAU;EACVG,SAAS;GACP,IAAI;GACJO,MAAM;GACP;EACDC,KAAK;EACLC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,aAAa;EACbC,UAAU;GACR,IAAI;GACJhB,WAAW;GACZ;EACDE,QAAQ;GACN,IAAI;GACJC,MAAM;GACP;EACDc,MAAM;EACNC,cAAc;EACf;CACDC,YAAY;EAAC,GAAGjC;EAAc,GAAGR;EAAa,GAAGK;EAAY;CAC9D,CAAC;AAwBF,MAAM+C,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAASE,MAAMC,OAAuBC,KAAmC;CACvE,IAAI,EACFtC,IACAwC,MACAf,aACAE,YACAD,QACAK,QACA9B,QACA2B,aACAI,UACAC,OACAQ,OACA,GAAGC,eACDL;AAEJH,QAAOS,SAASF,YAAU;AACxB,MAAIJ,MAAMI,UAAQ;AAChBb,iBAAc;IAAE,GAAGA;KAAca,UAAQJ,MAAMI;IAAQ;AAEvD,UAAOC,WAAWD;;GAEpB;AAEF;EACE,GAAGnD;EACH,GAAGR;EACH,GAAGG;EACH,GAAGE;EACH,GAAGE;EACJ,CAACsD,SAASF,YAAU;AACnB,MAAIA,WAASC,YAAY;AACvBzC,YAAS;IAAE,GAAGA;KAASwC,UAAQC,WAAWD;IAAQ;AAElD,UAAOC,WAAWD;;GAEpB;CAEF,MAAMG,cAAc/C,eACX;EACLgD,UAAUlB;EACVvB,WAAWqB;EACXlB,MAAMmB;EACNd,MAAMmB;EACN,GAAGS;EACJ,GACD;EAACf;EAAaC;EAAQc;EACxB,CAAC;AAED,QACE,qBAAC;EACMF;EACDtC;EACJ,MAAM4C;EACE3C;EACDwC;EACP,GAAIC;aAEJ,oBAAC;GAAkB,MAAME;GAAa,QAAQhB;GAC3CI;IACgB,EAClBC;GACY;;AAInB,MAAMa,SAASnD,WAAWyC,MAAM;AAEhCU,OAAOC,cAAc"}
+{"version":3,"file":"Panel.js","names":["BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","DIMENSION_STYLES","OUTER_STYLES","OuterStyleProps","Styles","tasty","ForwardedRef","forwardRef","ReactNode","PanelElement","as","qa","styles","position","inset","stretched","display","radius","card","border","flexGrow","placeSelf","PanelInnerElement","flex","top","left","right","bottom","overflow","scrollbar","gridColumns","gridRows","flow","placeContent","styleProps","CubePanelProps","isStretched","isCard","isFloating","innerStyles","placeItems","gap","isFlex","children","extra","STYLES","const","Panel","props","ref","$","_c","mods","otherProps","style","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","forEach","style_0","style_1","floating","appliedMods","_Panel","displayName"],"sources":["../../../src/components/layout/Panel.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  DIMENSION_STYLES,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, ReactNode } from 'react';\n\nconst PanelElement = tasty({\n  as: 'section',\n  qa: 'Panel',\n  styles: {\n    position: {\n      '': 'relative',\n      'stretched | floating': 'absolute',\n    },\n    inset: {\n      '': 'initial',\n      stretched: true,\n    },\n    display: 'block',\n    radius: {\n      '': '0',\n      card: '1r',\n    },\n    border: {\n      '': '0',\n      card: '1bw',\n    },\n    flexGrow: 1,\n    placeSelf: 'stretch',\n  },\n});\n\nconst PanelInnerElement = tasty({\n  styles: {\n    position: 'absolute',\n    display: {\n      '': 'grid',\n      flex: 'flex',\n    },\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    overflow: 'auto',\n    scrollbar: 'thin #dark.2',\n    gridColumns: 'minmax(100%, 100%)',\n    gridRows: {\n      '': 'initial',\n      stretched: 'minmax(0, 1fr)',\n    },\n    radius: {\n      '': '0',\n      card: '(1r - 1bw)',\n    },\n    flow: 'row',\n    placeContent: 'start stretch',\n  },\n  styleProps: [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES],\n});\n\nexport interface CubePanelProps\n  extends OuterStyleProps,\n    BlockStyleProps,\n    BaseStyleProps,\n    ColorStyleProps,\n    BaseProps {\n  isStretched?: boolean;\n  isCard?: boolean;\n  isFloating?: boolean;\n  styles?: Styles;\n  innerStyles?: Styles;\n  placeContent?: Styles['placeContent'];\n  placeItems?: Styles['placeItems'];\n  gridColumns?: Styles['gridTemplateColumns'];\n  gridRows?: Styles['gridTemplateRows'];\n  flow?: Styles['flow'];\n  gap?: Styles['gap'];\n  isFlex?: boolean;\n  children?: ReactNode;\n  extra?: ReactNode;\n}\n\nconst STYLES = [\n  'placeContent',\n  'placeItems',\n  'gridColumns',\n  'gridRows',\n  'flow',\n  'gap',\n  'padding',\n  'overflow',\n  'fill',\n  'color',\n  'preset',\n] as const;\n\nfunction Panel(props: CubePanelProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {\n    qa,\n    mods,\n    isStretched,\n    isFloating,\n    isCard,\n    isFlex,\n    styles,\n    innerStyles,\n    children,\n    extra,\n    style,\n    ...otherProps\n  } = props;\n\n  STYLES.forEach((style) => {\n    if (props[style]) {\n      innerStyles = { ...innerStyles, [style]: props[style] };\n\n      delete otherProps[style];\n    }\n  });\n\n  [\n    ...OUTER_STYLES,\n    ...BASE_STYLES,\n    ...BLOCK_STYLES,\n    ...COLOR_STYLES,\n    ...DIMENSION_STYLES,\n  ].forEach((style) => {\n    if (style in otherProps) {\n      styles = { ...styles, [style]: otherProps[style] };\n\n      delete otherProps[style];\n    }\n  });\n\n  const appliedMods = {\n    floating: isFloating,\n    stretched: isStretched,\n    card: isCard,\n    flex: isFlex,\n    ...mods,\n  };\n\n  return (\n    <PanelElement\n      ref={ref}\n      qa={qa}\n      mods={appliedMods}\n      styles={styles}\n      style={style}\n      {...otherProps}\n    >\n      <PanelInnerElement mods={appliedMods} styles={innerStyles}>\n        {children}\n      </PanelInnerElement>\n      {extra}\n    </PanelElement>\n  );\n}\n\nconst _Panel = forwardRef(Panel);\n\n_Panel.displayName = 'Panel';\n\nexport { _Panel as Panel };\n"],"mappings":"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"}

package/dist/components/layout/Prefix.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 { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";

package/dist/components/layout/ResizablePanel.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 { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/layout/Space.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 { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Suffix.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 { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { c } from "react-compiler-runtime";