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

package/dist/components/content/ItemCard/ItemCard.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 { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Layout/GridLayout.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 { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";
 import { _LayoutBlock } from "./LayoutBlock.js";

package/dist/components/content/Layout/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 { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";

package/dist/components/content/Layout/LayoutBlock.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/LayoutCenter.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 { _LayoutContainer } from "./LayoutContainer.js";
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,9 +1,10 @@
-/** @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 { LayoutContextReset } from "./LayoutContext.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";
-import { forwardRef, useMemo } from "react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/content/Layout/LayoutContainer.tsx
@@ -38,28 +39,48 @@ const ContainerElement = tasty({
 	}
 });
 function LayoutContainer(props, ref) {
+	const $ = c(12);
 	const { children, styles, innerStyles: innerStylesProp, innerRef: innerRefProp, innerProps, ...otherProps } = props;
 	const innerStyles = extractStyles(otherProps, CONTAINER_STYLES, innerStylesProp);
-	const hasInnerStyles = Object.keys(innerStyles).length > 0;
-	const finalStyles = useMemo(() => {
-		return mergeStyles(styles, hasInnerStyles ? { Inner: innerStyles } : null);
-	}, [
-		styles,
-		hasInnerStyles,
-		innerStyles
-	]);
+	const finalStyles = mergeStyles(styles, Object.keys(innerStyles).length > 0 ? { Inner: innerStyles } : null);
 	const combinedInnerRef = useCombinedRefs(innerRefProp);
-	return /* @__PURE__ */ jsx(ContainerElement, {
-		ref,
-		...filterBaseProps(otherProps, { eventProps: true }),
-		styles: finalStyles,
-		children: /* @__PURE__ */ jsx("div", {
+	const T0 = ContainerElement;
+	const t0 = filterBaseProps(otherProps, { eventProps: true });
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx(LayoutContextReset, { children });
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== combinedInnerRef || $[3] !== innerProps || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
 			ref: combinedInnerRef,
 			"data-element": "Inner",
 			...innerProps,
-			children: /* @__PURE__ */ jsx(LayoutContextReset, { children })
-		})
-	});
+			children: t1
+		});
+		$[2] = combinedInnerRef;
+		$[3] = innerProps;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== T0 || $[7] !== finalStyles || $[8] !== ref || $[9] !== t0 || $[10] !== t2) {
+		t3 = /* @__PURE__ */ jsx(T0, {
+			ref,
+			...t0,
+			styles: finalStyles,
+			children: t2
+		});
+		$[6] = T0;
+		$[7] = finalStyles;
+		$[8] = ref;
+		$[9] = t0;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
 }
 const _LayoutContainer = forwardRef(LayoutContainer);
 _LayoutContainer.displayName = "Layout.Container";

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutContainer.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","useMemo","useCombinedRefs","extractStyles","LayoutContextReset","ContainerElement","as","qa","styles","display","flow","flexGrow","flexShrink","placeItems","placeContent","overflow","scrollbar","padding","placeSelf","border","Inner","$","boxSizing","width","CubeLayoutContainerProps","children","innerStyles","innerRef","HTMLDivElement","innerProps","LayoutContainer","props","ref","innerStylesProp","innerRefProp","otherProps","hasInnerStyles","Object","keys","length","finalStyles","combinedInnerRef","eventProps","_LayoutContainer","displayName"],"sources":["../../../../src/components/content/Layout/LayoutContainer.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  mergeStyles,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  useMemo,\n} from 'react';\n\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { LayoutContextReset } from './LayoutContext';\n\nconst ContainerElement = tasty({\n  as: 'div',\n  qa: 'LayoutContainer',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    flexGrow: 1,\n    flexShrink: 1,\n    placeItems: 'center start',\n    placeContent: 'stretch',\n    overflow: 'auto',\n    scrollbar: 'thin',\n    padding: '$content-padding',\n    placeSelf: 'stretch',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      $: '>',\n      placeSelf: 'center',\n      display: 'flex',\n      flow: 'column',\n      boxSizing: 'border-box',\n      width: '40x 100% 120x',\n      flexGrow: 1,\n\n      '$layout-border-size': '0',\n    },\n  },\n});\n\nexport interface CubeLayoutContainerProps\n  extends BaseProps,\n    ContainerStyleProps {\n  children?: ReactNode;\n  /** Custom styles for container and inner elements */\n  styles?: Styles;\n  /** Custom styles for the inner element */\n  innerStyles?: Styles;\n  /** Ref for the inner content element */\n  innerRef?: ForwardedRef<HTMLDivElement>;\n  /** Props to spread on the Inner sub-element */\n  innerProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nfunction LayoutContainer(\n  props: CubeLayoutContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    styles,\n    innerStyles: innerStylesProp,\n    innerRef: innerRefProp,\n    innerProps,\n    ...otherProps\n  } = props;\n  const innerStyles = extractStyles(\n    otherProps,\n    CONTAINER_STYLES,\n    innerStylesProp,\n  );\n\n  const hasInnerStyles = Object.keys(innerStyles).length > 0;\n\n  const finalStyles = useMemo(() => {\n    return mergeStyles(styles, hasInnerStyles ? { Inner: innerStyles } : null);\n  }, [styles, hasInnerStyles, innerStyles]);\n\n  const combinedInnerRef = useCombinedRefs(innerRefProp);\n\n  return (\n    <ContainerElement\n      ref={ref}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      styles={finalStyles}\n    >\n      <div ref={combinedInnerRef} data-element=\"Inner\" {...innerProps}>\n        <LayoutContextReset>{children}</LayoutContextReset>\n      </div>\n    </ContainerElement>\n  );\n}\n\nconst _LayoutContainer = forwardRef(LayoutContainer);\n\n_LayoutContainer.displayName = 'Layout.Container';\n\nexport { _LayoutContainer as LayoutContainer };\n"],"mappings":";;;;;;;;;AAsBA,MAAMe,mBAAmBT,MAAM;CAC7BU,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,UAAU;EACVC,YAAY;EACZC,YAAY;EACZC,cAAc;EACdC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,WAAW;EACXC,QAAQ;GACN,IAAI;GACJ,gBAAgB;GACjB;EAEDC,OAAO;GACLC,GAAG;GACHH,WAAW;GACXT,SAAS;GACTC,MAAM;GACNY,WAAW;GACXC,OAAO;GACPZ,UAAU;GAEV,uBAAuB;GACzB;EACF;CACD,CAAC;AAgBF,SAASmB,gBACPC,OACAC,KACA;CACA,MAAM,EACJP,UACAjB,QACAkB,aAAaO,iBACbN,UAAUO,cACVL,YACA,GAAGM,eACDJ;CACJ,MAAML,cAAcvB,cAClBgC,YACA5C,kBACA0C,gBACD;CAED,MAAMG,iBAAiBC,OAAOC,KAAKZ,YAAY,CAACa,SAAS;CAEzD,MAAMC,cAAcvC,cAAc;AAChC,SAAOP,YAAYc,QAAQ4B,iBAAiB,EAAEhB,OAAOM,aAAa,GAAG,KAAK;IACzE;EAAClB;EAAQ4B;EAAgBV;EAAY,CAAC;CAEzC,MAAMe,mBAAmBvC,gBAAgBgC,aAAa;AAEtD,QACE,oBAAC;EACMF;EACL,GAAIvC,gBAAgB0C,YAAY,EAAEO,YAAY,MAAM,CAAC;EACrD,QAAQF;YAER,oBAAC;GAAI,KAAKC;GAAkB,gBAAa;GAAQ,GAAIZ;aACnD,oBAAC,sBAAoBJ,WAA6B;IAC/C;GACY;;AAIvB,MAAMkB,mBAAmB7C,WAAWgC,gBAAgB;AAEpDa,iBAAiBC,cAAc"}
+{"version":3,"file":"LayoutContainer.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","useCombinedRefs","extractStyles","LayoutContextReset","ContainerElement","as","qa","styles","display","flow","flexGrow","flexShrink","placeItems","placeContent","overflow","scrollbar","padding","placeSelf","border","Inner","$","boxSizing","width","CubeLayoutContainerProps","children","innerStyles","innerRef","HTMLDivElement","innerProps","LayoutContainer","props","ref","_c","innerStylesProp","innerRefProp","otherProps","hasInnerStyles","Object","keys","length","finalStyles","combinedInnerRef","T0","t0","eventProps","t1","t2","t3","_LayoutContainer","displayName"],"sources":["../../../../src/components/content/Layout/LayoutContainer.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  mergeStyles,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, HTMLAttributes, ReactNode } from 'react';\n\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { LayoutContextReset } from './LayoutContext';\n\nconst ContainerElement = tasty({\n  as: 'div',\n  qa: 'LayoutContainer',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    flexGrow: 1,\n    flexShrink: 1,\n    placeItems: 'center start',\n    placeContent: 'stretch',\n    overflow: 'auto',\n    scrollbar: 'thin',\n    padding: '$content-padding',\n    placeSelf: 'stretch',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      $: '>',\n      placeSelf: 'center',\n      display: 'flex',\n      flow: 'column',\n      boxSizing: 'border-box',\n      width: '40x 100% 120x',\n      flexGrow: 1,\n\n      '$layout-border-size': '0',\n    },\n  },\n});\n\nexport interface CubeLayoutContainerProps\n  extends BaseProps,\n    ContainerStyleProps {\n  children?: ReactNode;\n  /** Custom styles for container and inner elements */\n  styles?: Styles;\n  /** Custom styles for the inner element */\n  innerStyles?: Styles;\n  /** Ref for the inner content element */\n  innerRef?: ForwardedRef<HTMLDivElement>;\n  /** Props to spread on the Inner sub-element */\n  innerProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nfunction LayoutContainer(\n  props: CubeLayoutContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    styles,\n    innerStyles: innerStylesProp,\n    innerRef: innerRefProp,\n    innerProps,\n    ...otherProps\n  } = props;\n  const innerStyles = extractStyles(\n    otherProps,\n    CONTAINER_STYLES,\n    innerStylesProp,\n  );\n\n  const hasInnerStyles = Object.keys(innerStyles).length > 0;\n\n  const finalStyles = mergeStyles(\n    styles,\n    hasInnerStyles ? { Inner: innerStyles } : null,\n  );\n\n  const combinedInnerRef = useCombinedRefs(innerRefProp);\n\n  return (\n    <ContainerElement\n      ref={ref}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      styles={finalStyles}\n    >\n      <div ref={combinedInnerRef} data-element=\"Inner\" {...innerProps}>\n        <LayoutContextReset>{children}</LayoutContextReset>\n      </div>\n    </ContainerElement>\n  );\n}\n\nconst _LayoutContainer = forwardRef(LayoutContainer);\n\n_LayoutContainer.displayName = 'Layout.Container';\n\nexport { _LayoutContainer as LayoutContainer };\n"],"mappings":";;;;;;;;;;AAgBA,MAAMc,mBAAmBR,MAAM;CAC7BS,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,UAAU;EACVC,YAAY;EACZC,YAAY;EACZC,cAAc;EACdC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,WAAW;EACXC,QAAQ;GACN,IAAI;GACJ,gBAAgB;GACjB;EAEDC,OAAO;GACLC,GAAG;GACHH,WAAW;GACXT,SAAS;GACTC,MAAM;GACNY,WAAW;GACXC,OAAO;GACPZ,UAAU;GAEV,uBAAuB;GACzB;EACF;CACD,CAAC;AAgBF,SAAAmB,gBAAAC,OAAAC,KAAA;CAAA,MAAAX,IAAAY,EAAA,GAAA;CAIE,MAAA,EAAAR,UAAAjB,QAAAkB,aAAAQ,iBAAAP,UAAAQ,cAAAN,YAAA,GAAAO,eAOIL;CACJ,MAAAL,cAAoBvB,cAClBiC,YACA5C,kBACA0C,gBACD;CAID,MAAAO,cAAoB9C,YAClBa,QAHqB8B,OAAMC,KAAMb,YAAY,CAAAc,SAAU,IAIvD,EAAApB,OAA0BM,aAAoB,GAA9C,KACD;CAED,MAAAgB,mBAAyBxC,gBAAgBiC,aAAa;CAGnD,MAAAQ,KAAAtC;CAEK,MAAAuC,KAAAlD,gBAAgB0C,YAAY,EAAAS,YAAc,MAAM,CAAC;CAAA,IAAAC;AAAA,KAAAzB,EAAA,OAAAI,UAAA;AAInDqB,OAAA,oBAAC,sBAAoBrB,WAA8B;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAyB;OAAAA,MAAAzB,EAAA;CAAA,IAAA0B;AAAA,KAAA1B,EAAA,OAAAqB,oBAAArB,EAAA,OAAAQ,cAAAR,EAAA,OAAAyB,IAAA;AADrDC,OAAA,oBAAA;GAAUL,KAAAA;GAA+B,gBAAA;GAAO,GAAKb;aACnDiB;IACI;AAAAzB,IAAA,KAAAqB;AAAArB,IAAA,KAAAQ;AAAAR,IAAA,KAAAyB;AAAAzB,IAAA,KAAA0B;OAAAA,MAAA1B,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,OAAAsB,MAAAtB,EAAA,OAAAoB,eAAApB,EAAA,OAAAW,OAAAX,EAAA,OAAAuB,MAAAvB,EAAA,QAAA0B,IAAA;AAPRC,OAAA,oBAAC;GACMhB;GAAG,GACJY;GACIH,QAAAA;aAERM;IAGiB;AAAA1B,IAAA,KAAAsB;AAAAtB,IAAA,KAAAoB;AAAApB,IAAA,KAAAW;AAAAX,IAAA,KAAAuB;AAAAvB,IAAA,MAAA0B;AAAA1B,IAAA,MAAA2B;OAAAA,MAAA3B,EAAA;AAAA,QARnB2B;;AAYJ,MAAMC,mBAAmBlD,WAAW+B,gBAAgB;AAEpDmB,iBAAiBC,cAAc"}

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

@@ -1,10 +1,11 @@
-/** @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 { LayoutContextReset } from "./LayoutContext.js";
 import { useTinyScrollbar } from "./hooks/useTinyScrollbar.js";
+import { c } from "react-compiler-runtime";
 import { INNER_STYLES, OUTER_STYLES, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";
-import { forwardRef, useMemo, useRef } from "react";
+import { forwardRef, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useHover } from "react-aria";
 
@@ -82,62 +83,113 @@ const ContentElement = tasty({
 	}
 });
 function LayoutContent(props, ref) {
-	const { children, scrollbar = "thin", styles, mods: externalMods, innerRef: innerRefProp, innerProps, ...otherProps } = props;
+	const $ = c(33);
+	const { children, scrollbar: t0, styles, mods: externalMods, innerRef: innerRefProp, innerProps, ...otherProps } = props;
+	const scrollbar = t0 === void 0 ? "thin" : t0;
 	const outerStyles = extractStyles(otherProps, OUTER_STYLES);
 	const innerStyles = extractStyles(otherProps, INNER_STYLES);
 	const internalInnerRef = useRef(null);
 	const combinedInnerRef = useCombinedRefs(innerRefProp, internalInnerRef);
 	const combinedRef = useCombinedRefs(ref);
 	const isTinyScrollbar = scrollbar === "tiny";
-	const { hoverProps, isHovered } = useHover({});
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {};
+		$[0] = t1;
+	} else t1 = $[0];
+	const { hoverProps, isHovered } = useHover(t1);
 	const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX, isScrolling } = useTinyScrollbar(internalInnerRef, isTinyScrollbar);
-	const scrollbarStyle = useMemo(() => {
-		if (!isTinyScrollbar) return {};
-		return {
+	let t2;
+	if ($[1] !== handleHStyle || $[2] !== handleVStyle || $[3] !== isTinyScrollbar) {
+		t2 = isTinyScrollbar ? {
 			...handleVStyle,
 			...handleHStyle
+		} : {};
+		$[1] = handleHStyle;
+		$[2] = handleVStyle;
+		$[3] = isTinyScrollbar;
+		$[4] = t2;
+	} else t2 = $[4];
+	const scrollbarStyle = t2;
+	let t3;
+	if ($[5] !== externalMods || $[6] !== isHovered || $[7] !== isScrolling || $[8] !== scrollbar) {
+		t3 = {
+			...externalMods,
+			scrollbar,
+			hovered: isHovered,
+			scrolling: isScrolling
 		};
-	}, [
-		isTinyScrollbar,
-		handleVStyle,
-		handleHStyle
-	]);
-	const mods = useMemo(() => ({
-		...externalMods,
-		scrollbar,
-		hovered: isHovered,
-		scrolling: isScrolling
-	}), [
-		externalMods,
-		scrollbar,
-		isHovered,
-		isScrolling
-	]);
-	const finalStyles = useMemo(() => {
-		return mergeStyles(styles, outerStyles, innerStyles ? { Inner: innerStyles } : null);
-	}, [
-		styles,
-		outerStyles,
-		innerStyles
-	]);
-	return /* @__PURE__ */ jsxs(ContentElement, {
-		ref: combinedRef,
-		...filterBaseProps(otherProps, { eventProps: true }),
-		...hoverProps,
-		mods,
-		styles: finalStyles,
-		style: scrollbarStyle,
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				ref: combinedInnerRef,
-				"data-element": "Inner",
-				...innerProps,
-				children: /* @__PURE__ */ jsx(LayoutContextReset, { children })
-			}),
-			isTinyScrollbar && hasOverflowY && /* @__PURE__ */ jsx("div", { "data-element": "ScrollbarV" }),
-			isTinyScrollbar && hasOverflowX && /* @__PURE__ */ jsx("div", { "data-element": "ScrollbarH" })
-		]
-	});
+		$[5] = externalMods;
+		$[6] = isHovered;
+		$[7] = isScrolling;
+		$[8] = scrollbar;
+		$[9] = t3;
+	} else t3 = $[9];
+	const mods = t3;
+	const finalStyles = mergeStyles(styles, outerStyles, innerStyles ? { Inner: innerStyles } : null);
+	const T0 = ContentElement;
+	const t4 = filterBaseProps(otherProps, { eventProps: true });
+	let t5;
+	if ($[10] !== children) {
+		t5 = /* @__PURE__ */ jsx(LayoutContextReset, { children });
+		$[10] = children;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== combinedInnerRef || $[13] !== innerProps || $[14] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			ref: combinedInnerRef,
+			"data-element": "Inner",
+			...innerProps,
+			children: t5
+		});
+		$[12] = combinedInnerRef;
+		$[13] = innerProps;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== hasOverflowY || $[17] !== isTinyScrollbar) {
+		t7 = isTinyScrollbar && hasOverflowY && /* @__PURE__ */ jsx("div", { "data-element": "ScrollbarV" });
+		$[16] = hasOverflowY;
+		$[17] = isTinyScrollbar;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
+	if ($[19] !== hasOverflowX || $[20] !== isTinyScrollbar) {
+		t8 = isTinyScrollbar && hasOverflowX && /* @__PURE__ */ jsx("div", { "data-element": "ScrollbarH" });
+		$[19] = hasOverflowX;
+		$[20] = isTinyScrollbar;
+		$[21] = t8;
+	} else t8 = $[21];
+	let t9;
+	if ($[22] !== T0 || $[23] !== combinedRef || $[24] !== finalStyles || $[25] !== hoverProps || $[26] !== mods || $[27] !== scrollbarStyle || $[28] !== t4 || $[29] !== t6 || $[30] !== t7 || $[31] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(T0, {
+			ref: combinedRef,
+			...t4,
+			...hoverProps,
+			mods,
+			styles: finalStyles,
+			style: scrollbarStyle,
+			children: [
+				t6,
+				t7,
+				t8
+			]
+		});
+		$[22] = T0;
+		$[23] = combinedRef;
+		$[24] = finalStyles;
+		$[25] = hoverProps;
+		$[26] = mods;
+		$[27] = scrollbarStyle;
+		$[28] = t4;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = t8;
+		$[32] = t9;
+	} else t9 = $[32];
+	return t9;
 }
 const _LayoutContent = forwardRef(LayoutContent);
 _LayoutContent.displayName = "Layout.Content";

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutContent.js","names":["BaseProps","ContainerStyleProps","filterBaseProps","INNER_STYLES","mergeStyles","Mods","OUTER_STYLES","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","useMemo","useRef","useHover","useCombinedRefs","extractStyles","useTinyScrollbar","LayoutContextReset","ContentElement","as","qa","styles","container","position","display","gridColumns","gridRows","placeContent","placeItems","placeSelf","flexGrow","flexShrink","height","overflow","boxSizing","border","Inner","$","flow","padding","scrollbar","ScrollbarV","right","top","width","radius","fill","opacity","transition","pointerEvents","ScrollbarH","bottom","left","ScrollbarType","CubeLayoutContentProps","children","mods","innerRef","HTMLDivElement","innerProps","LayoutContent","props","ref","externalMods","innerRefProp","otherProps","outerStyles","innerStyles","internalInnerRef","combinedInnerRef","combinedRef","isTinyScrollbar","hoverProps","isHovered","handleVStyle","handleHStyle","hasOverflowY","hasOverflowX","isScrolling","scrollbarStyle","hovered","scrolling","finalStyles","eventProps","_LayoutContent","displayName"],"sources":["../../../../src/components/content/Layout/LayoutContent.tsx"],"sourcesContent":["import {\n  BaseProps,\n  ContainerStyleProps,\n  filterBaseProps,\n  INNER_STYLES,\n  mergeStyles,\n  Mods,\n  OUTER_STYLES,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useHover } from 'react-aria';\n\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { useTinyScrollbar } from './hooks/useTinyScrollbar';\nimport { LayoutContextReset } from './LayoutContext';\n\nconst ContentElement = tasty({\n  as: 'div',\n  qa: 'LayoutContent',\n  styles: {\n    container: 'content / inline-size',\n    position: 'relative',\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n    placeSelf: 'stretch',\n    flexGrow: 1,\n    flexShrink: 1,\n    height: 'min 0',\n    overflow: 'hidden',\n    boxSizing: 'content-box',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      $: '>',\n      display: 'flex',\n      flow: 'column',\n      padding: '($content-padding, 1x)',\n      overflow: {\n        '': 'auto',\n        'scrollbar=none': 'clip',\n      },\n      placeSelf: 'stretch',\n      scrollbar: {\n        '': 'auto',\n        'scrollbar=thin': 'thin',\n        'scrollbar=tiny | scrollbar=none': 'none',\n      },\n\n      '$layout-border-size': '0',\n    },\n\n    // Custom scrollbar handles (when scrollbar=\"tiny\")\n    ScrollbarV: {\n      $: '>',\n      position: 'absolute',\n      right: '1px',\n      top: '$scrollbar-v-top',\n      width: '1ow',\n      height: '$scrollbar-v-height',\n      radius: 'round',\n      fill: '#dark.35',\n      opacity: {\n        '': 0,\n        '(focused | scrolling) & scrollbar=tiny': 1,\n      },\n      transition: 'opacity 0.15s',\n      pointerEvents: 'none',\n    },\n\n    ScrollbarH: {\n      $: '>',\n      position: 'absolute',\n      bottom: '1px',\n      left: '$scrollbar-h-left',\n      height: '1ow',\n      width: '$scrollbar-h-width',\n      radius: 'round',\n      fill: '#dark.35',\n      opacity: {\n        '': 0,\n        '(focused | scrolling) & scrollbar=tiny': 1,\n      },\n      transition: 'opacity 0.15s',\n      pointerEvents: 'none',\n    },\n  },\n});\n\nexport type ScrollbarType = 'default' | 'thin' | 'tiny' | 'none';\n\nexport interface CubeLayoutContentProps extends BaseProps, ContainerStyleProps {\n  /** Scrollbar style: 'default' | 'thin' | 'tiny' | 'none' */\n  scrollbar?: ScrollbarType;\n  children?: ReactNode;\n  /** Additional modifiers to apply */\n  mods?: Mods;\n  /** Ref for the inner content element */\n  innerRef?: ForwardedRef<HTMLDivElement>;\n  /** Props to spread on the Inner sub-element */\n  innerProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nfunction LayoutContent(\n  props: CubeLayoutContentProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    scrollbar = 'thin',\n    styles,\n    mods: externalMods,\n    innerRef: innerRefProp,\n    innerProps,\n    ...otherProps\n  } = props;\n  const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n  const innerStyles = extractStyles(otherProps, INNER_STYLES);\n  const internalInnerRef = useRef<HTMLDivElement>(null);\n  const combinedInnerRef = useCombinedRefs(innerRefProp, internalInnerRef);\n  const combinedRef = useCombinedRefs(ref);\n  const isTinyScrollbar = scrollbar === 'tiny';\n  const { hoverProps, isHovered } = useHover({});\n\n  const {\n    handleVStyle,\n    handleHStyle,\n    hasOverflowY,\n    hasOverflowX,\n    isScrolling,\n  } = useTinyScrollbar(internalInnerRef, isTinyScrollbar);\n\n  const scrollbarStyle = useMemo(() => {\n    if (!isTinyScrollbar) return {};\n\n    return {\n      ...handleVStyle,\n      ...handleHStyle,\n    };\n  }, [isTinyScrollbar, handleVStyle, handleHStyle]);\n\n  const mods = useMemo(\n    () => ({\n      ...externalMods,\n      scrollbar,\n      hovered: isHovered,\n      scrolling: isScrolling,\n    }),\n    [externalMods, scrollbar, isHovered, isScrolling],\n  );\n\n  // Merge styles: outer styles to root, inner styles to Inner element\n  const finalStyles = useMemo(() => {\n    return mergeStyles(\n      styles,\n      outerStyles,\n      innerStyles ? { Inner: innerStyles } : null,\n    );\n  }, [styles, outerStyles, innerStyles]);\n\n  return (\n    <ContentElement\n      ref={combinedRef}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      {...hoverProps}\n      mods={mods}\n      styles={finalStyles}\n      style={scrollbarStyle}\n    >\n      <div ref={combinedInnerRef} data-element=\"Inner\" {...innerProps}>\n        <LayoutContextReset>{children}</LayoutContextReset>\n      </div>\n      {isTinyScrollbar && hasOverflowY && <div data-element=\"ScrollbarV\" />}\n      {isTinyScrollbar && hasOverflowX && <div data-element=\"ScrollbarH\" />}\n    </ContentElement>\n  );\n}\n\nconst _LayoutContent = forwardRef(LayoutContent);\n\n_LayoutContent.displayName = 'Layout.Content';\n\nexport { _LayoutContent as LayoutContent };\n"],"mappings":";;;;;;;;;;;AA0BA,MAAMmB,iBAAiBZ,MAAM;CAC3Ba,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,WAAW;EACXC,UAAU;EACVC,SAAS;EACTC,aAAa;EACbC,UAAU;EACVC,cAAc;EACdC,YAAY;EACZC,WAAW;EACXC,UAAU;EACVC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,QAAQ;GACN,IAAI;GACJ,gBAAgB;GACjB;EAEDC,OAAO;GACLC,GAAG;GACHb,SAAS;GACTc,MAAM;GACNC,SAAS;GACTN,UAAU;IACR,IAAI;IACJ,kBAAkB;IACnB;GACDJ,WAAW;GACXW,WAAW;IACT,IAAI;IACJ,kBAAkB;IAClB,mCAAmC;IACpC;GAED,uBAAuB;GACxB;EAGDC,YAAY;GACVJ,GAAG;GACHd,UAAU;GACVmB,OAAO;GACPC,KAAK;GACLC,OAAO;GACPZ,QAAQ;GACRa,QAAQ;GACRC,MAAM;GACNC,SAAS;IACP,IAAI;IACJ,0CAA0C;IAC3C;GACDC,YAAY;GACZC,eAAe;GAChB;EAEDC,YAAY;GACVb,GAAG;GACHd,UAAU;GACV4B,QAAQ;GACRC,MAAM;GACNpB,QAAQ;GACRY,OAAO;GACPC,QAAQ;GACRC,MAAM;GACNC,SAAS;IACP,IAAI;IACJ,0CAA0C;IAC3C;GACDC,YAAY;GACZC,eAAe;GACjB;EACF;CACD,CAAC;AAgBF,SAASW,cACPC,OACAC,KACA;CACA,MAAM,EACJP,UACAf,YAAY,QACZnB,QACAmC,MAAMO,cACNN,UAAUO,cACVL,YACA,GAAGM,eACDJ;CACJ,MAAMK,cAAcnD,cAAckD,YAAY5D,aAAa;CAC3D,MAAM8D,cAAcpD,cAAckD,YAAY/D,aAAa;CAC3D,MAAMkE,mBAAmBxD,OAAuB,KAAK;CACrD,MAAMyD,mBAAmBvD,gBAAgBkD,cAAcI,iBAAiB;CACxE,MAAME,cAAcxD,gBAAgBgD,IAAI;CACxC,MAAMS,kBAAkB/B,cAAc;CACtC,MAAM,EAAEgC,YAAYC,cAAc5D,SAAS,EAAE,CAAC;CAE9C,MAAM,EACJ6D,cACAC,cACAC,cACAC,cACAC,gBACE9D,iBAAiBoD,kBAAkBG,gBAAgB;CAEvD,MAAMQ,iBAAiBpE,cAAc;AACnC,MAAI,CAAC4D,gBAAiB,QAAO,EAAE;AAE/B,SAAO;GACL,GAAGG;GACH,GAAGC;GACJ;IACA;EAACJ;EAAiBG;EAAcC;EAAa,CAAC;CAEjD,MAAMnB,OAAO7C,eACJ;EACL,GAAGoD;EACHvB;EACAwC,SAASP;EACTQ,WAAWH;EACZ,GACD;EAACf;EAAcvB;EAAWiC;EAAWK;EACvC,CAAC;CAGD,MAAMI,cAAcvE,cAAc;AAChC,SAAOR,YACLkB,QACA6C,aACAC,cAAc,EAAE/B,OAAO+B,aAAa,GAAG,KACxC;IACA;EAAC9C;EAAQ6C;EAAaC;EAAY,CAAC;AAEtC,QACE,qBAAC;EACC,KAAKG;EACL,GAAIrE,gBAAgBgE,YAAY,EAAEkB,YAAY,MAAM,CAAC;EACrD,GAAIX;EACEhB;EACN,QAAQ0B;EACR,OAAOH;;GAEP,oBAAC;IAAI,KAAKV;IAAkB,gBAAa;IAAQ,GAAIV;cACnD,oBAAC,sBAAoBJ,WAA6B;KAC/C;GACJgB,mBAAmBK,gBAAgB,oBAAC,SAAI,gBAAa,eAAe;GACpEL,mBAAmBM,gBAAgB,oBAAC,SAAI,gBAAa,eAAe;;GACtD;;AAIrB,MAAMO,iBAAiB5E,WAAWoD,cAAc;AAEhDwB,eAAeC,cAAc"}
+{"version":3,"file":"LayoutContent.js","names":["BaseProps","ContainerStyleProps","filterBaseProps","INNER_STYLES","mergeStyles","Mods","OUTER_STYLES","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","useRef","useHover","useCombinedRefs","extractStyles","useTinyScrollbar","LayoutContextReset","ContentElement","as","qa","styles","container","position","display","gridColumns","gridRows","placeContent","placeItems","placeSelf","flexGrow","flexShrink","height","overflow","boxSizing","border","Inner","$","flow","padding","scrollbar","ScrollbarV","right","top","width","radius","fill","opacity","transition","pointerEvents","ScrollbarH","bottom","left","ScrollbarType","CubeLayoutContentProps","children","mods","innerRef","HTMLDivElement","innerProps","LayoutContent","props","ref","_c","t0","externalMods","innerRefProp","otherProps","undefined","outerStyles","innerStyles","internalInnerRef","combinedInnerRef","combinedRef","isTinyScrollbar","t1","Symbol","for","hoverProps","isHovered","handleVStyle","handleHStyle","hasOverflowY","hasOverflowX","isScrolling","t2","scrollbarStyle","t3","hovered","scrolling","finalStyles","T0","t4","eventProps","t5","t6","t7","t8","t9","_LayoutContent","displayName"],"sources":["../../../../src/components/content/Layout/LayoutContent.tsx"],"sourcesContent":["import {\n  BaseProps,\n  ContainerStyleProps,\n  filterBaseProps,\n  INNER_STYLES,\n  mergeStyles,\n  Mods,\n  OUTER_STYLES,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  useRef,\n} from 'react';\nimport { useHover } from 'react-aria';\n\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { useTinyScrollbar } from './hooks/useTinyScrollbar';\nimport { LayoutContextReset } from './LayoutContext';\n\nconst ContentElement = tasty({\n  as: 'div',\n  qa: 'LayoutContent',\n  styles: {\n    container: 'content / inline-size',\n    position: 'relative',\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n    placeSelf: 'stretch',\n    flexGrow: 1,\n    flexShrink: 1,\n    height: 'min 0',\n    overflow: 'hidden',\n    boxSizing: 'content-box',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      $: '>',\n      display: 'flex',\n      flow: 'column',\n      padding: '($content-padding, 1x)',\n      overflow: {\n        '': 'auto',\n        'scrollbar=none': 'clip',\n      },\n      placeSelf: 'stretch',\n      scrollbar: {\n        '': 'auto',\n        'scrollbar=thin': 'thin',\n        'scrollbar=tiny | scrollbar=none': 'none',\n      },\n\n      '$layout-border-size': '0',\n    },\n\n    // Custom scrollbar handles (when scrollbar=\"tiny\")\n    ScrollbarV: {\n      $: '>',\n      position: 'absolute',\n      right: '1px',\n      top: '$scrollbar-v-top',\n      width: '1ow',\n      height: '$scrollbar-v-height',\n      radius: 'round',\n      fill: '#dark.35',\n      opacity: {\n        '': 0,\n        '(focused | scrolling) & scrollbar=tiny': 1,\n      },\n      transition: 'opacity 0.15s',\n      pointerEvents: 'none',\n    },\n\n    ScrollbarH: {\n      $: '>',\n      position: 'absolute',\n      bottom: '1px',\n      left: '$scrollbar-h-left',\n      height: '1ow',\n      width: '$scrollbar-h-width',\n      radius: 'round',\n      fill: '#dark.35',\n      opacity: {\n        '': 0,\n        '(focused | scrolling) & scrollbar=tiny': 1,\n      },\n      transition: 'opacity 0.15s',\n      pointerEvents: 'none',\n    },\n  },\n});\n\nexport type ScrollbarType = 'default' | 'thin' | 'tiny' | 'none';\n\nexport interface CubeLayoutContentProps extends BaseProps, ContainerStyleProps {\n  /** Scrollbar style: 'default' | 'thin' | 'tiny' | 'none' */\n  scrollbar?: ScrollbarType;\n  children?: ReactNode;\n  /** Additional modifiers to apply */\n  mods?: Mods;\n  /** Ref for the inner content element */\n  innerRef?: ForwardedRef<HTMLDivElement>;\n  /** Props to spread on the Inner sub-element */\n  innerProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nfunction LayoutContent(\n  props: CubeLayoutContentProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    scrollbar = 'thin',\n    styles,\n    mods: externalMods,\n    innerRef: innerRefProp,\n    innerProps,\n    ...otherProps\n  } = props;\n  const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n  const innerStyles = extractStyles(otherProps, INNER_STYLES);\n  const internalInnerRef = useRef<HTMLDivElement>(null);\n  const combinedInnerRef = useCombinedRefs(innerRefProp, internalInnerRef);\n  const combinedRef = useCombinedRefs(ref);\n  const isTinyScrollbar = scrollbar === 'tiny';\n  const { hoverProps, isHovered } = useHover({});\n\n  const {\n    handleVStyle,\n    handleHStyle,\n    hasOverflowY,\n    hasOverflowX,\n    isScrolling,\n  } = useTinyScrollbar(internalInnerRef, isTinyScrollbar);\n\n  const scrollbarStyle = isTinyScrollbar\n    ? { ...handleVStyle, ...handleHStyle }\n    : {};\n\n  const mods = {\n    ...externalMods,\n    scrollbar,\n    hovered: isHovered,\n    scrolling: isScrolling,\n  };\n\n  // Merge styles: outer styles to root, inner styles to Inner element\n  const finalStyles = mergeStyles(\n    styles,\n    outerStyles,\n    innerStyles ? { Inner: innerStyles } : null,\n  );\n\n  return (\n    <ContentElement\n      ref={combinedRef}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      {...hoverProps}\n      mods={mods}\n      styles={finalStyles}\n      style={scrollbarStyle}\n    >\n      <div ref={combinedInnerRef} data-element=\"Inner\" {...innerProps}>\n        <LayoutContextReset>{children}</LayoutContextReset>\n      </div>\n      {isTinyScrollbar && hasOverflowY && <div data-element=\"ScrollbarV\" />}\n      {isTinyScrollbar && hasOverflowX && <div data-element=\"ScrollbarH\" />}\n    </ContentElement>\n  );\n}\n\nconst _LayoutContent = forwardRef(LayoutContent);\n\n_LayoutContent.displayName = 'Layout.Content';\n\nexport { _LayoutContent as LayoutContent };\n"],"mappings":"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"}