@cube-dev/ui-kit 0.0.0-canary-ac46c4b → 0.0.0-canary-9bde021

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";
@@ -7,7 +7,7 @@ import { _LayoutContent } from "./LayoutContent.js";
 import { SlashIcon } from "../../../icons/SlashIcon.js";
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
-import { Fragment, forwardRef } from "react";
+import { Fragment, forwardRef, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconArrowLeft } from "@tabler/icons-react";
 
@@ -28,7 +28,7 @@ const HeaderElement = tasty(_LayoutContent, {
         "breadcrumbs breadcrumbs breadcrumbs extra" auto
         "back title suffix extra" max-content
         ".. subtitle subtitle extra" auto
-        / auto max-content 1fr minmax(0, auto)
+        / auto minmax(0, max-content) 1fr minmax(0, auto)
       `,
 			gap: 0,
 			placeContent: "center stretch",
@@ -96,7 +96,7 @@ const HeaderElement = tasty(_LayoutContent, {
 	}
 });
 function LayoutHeader(props, ref) {
-	const $ = c(63);
+	const $ = c(64);
 	const { t } = useI18n();
 	let breadcrumbs;
 	let children;
@@ -138,74 +138,79 @@ function LayoutHeader(props, ref) {
 	}
 	const level = t0 === void 0 ? 3 : t0;
 	const scrollbar = t1 === void 0 ? "tiny" : t1;
-	const t2 = typeof title === "string" ? title : void 0;
-	let t3;
-	if ($[12] !== t2) {
-		t3 = {
-			tooltip: true,
-			children: t2
-		};
+	const titleRef = useRef(null);
+	let t2;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = { targetRef: titleRef };
 		$[12] = t2;
+	} else t2 = $[12];
+	const titleTooltip = t2;
+	const t3 = typeof title === "string" ? title : void 0;
+	let t4;
+	if ($[13] !== t3) {
+		t4 = {
+			tooltip: titleTooltip,
+			children: t3,
+			labelRef: titleRef
+		};
 		$[13] = t3;
-	} else t3 = $[13];
-	const { labelRef, renderWithTooltip } = useAutoTooltip(t3);
+		$[14] = t4;
+	} else t4 = $[14];
+	const { labelRef, renderWithTooltip } = useAutoTooltip(t4);
 	const hasBreadcrumbs = breadcrumbs && breadcrumbs.length > 0;
-	let t4;
-	if ($[14] !== breadcrumbs || $[15] !== hasBreadcrumbs) {
-		t4 = () => {
+	let t5;
+	if ($[15] !== breadcrumbs || $[16] !== hasBreadcrumbs) {
+		t5 = () => {
 			if (!hasBreadcrumbs) return null;
 			return /* @__PURE__ */ jsx("div", {
 				"data-element": "Breadcrumbs",
 				children: breadcrumbs.map(_temp)
 			});
 		};
-		$[14] = breadcrumbs;
-		$[15] = hasBreadcrumbs;
-		$[16] = t4;
-	} else t4 = $[16];
-	const renderBreadcrumbs = t4;
+		$[15] = breadcrumbs;
+		$[16] = hasBreadcrumbs;
+		$[17] = t5;
+	} else t5 = $[17];
+	const renderBreadcrumbs = t5;
 	let T0;
 	let t10;
 	let t11;
-	let t5;
+	let t12;
 	let t6;
 	let t7;
 	let t8;
 	let t9;
-	if ($[17] !== labelRef || $[18] !== level || $[19] !== mods || $[20] !== onBack || $[21] !== otherProps || $[22] !== ref || $[23] !== renderBreadcrumbs || $[24] !== renderWithTooltip || $[25] !== scrollbar || $[26] !== t || $[27] !== title) {
-		const renderTitle = (tooltipProps, tooltipRef) => {
+	if ($[18] !== labelRef || $[19] !== level || $[20] !== mods || $[21] !== onBack || $[22] !== otherProps || $[23] !== ref || $[24] !== renderBreadcrumbs || $[25] !== renderWithTooltip || $[26] !== scrollbar || $[27] !== t || $[28] !== title) {
+		const renderTitle = (tooltipProps) => {
 			if (!title) return null;
 			return /* @__PURE__ */ jsx(`h${level}`, {
-				ref: tooltipRef,
+				ref: labelRef,
 				"data-element": "Title",
 				"data-level": level,
 				...tooltipProps,
-				children: /* @__PURE__ */ jsx("span", {
-					ref: labelRef,
-					children: title
-				})
+				children: title
 			});
 		};
 		T0 = HeaderElement;
-		t5 = otherProps;
-		t6 = ref;
-		if ($[36] !== level || $[37] !== mods) {
-			t7 = {
+		t6 = otherProps;
+		t7 = ref;
+		if ($[37] !== level || $[38] !== mods) {
+			t8 = {
 				...mods,
 				level
 			};
-			$[36] = level;
-			$[37] = mods;
-			$[38] = t7;
-		} else t7 = $[38];
-		t8 = scrollbar;
-		if ($[39] !== renderBreadcrumbs) {
-			t9 = renderBreadcrumbs();
-			$[39] = renderBreadcrumbs;
-			$[40] = t9;
-		} else t9 = $[40];
-		if ($[41] !== onBack || $[42] !== t) {
-			t10 = onBack && /* @__PURE__ */ jsx("div", {
+			$[37] = level;
+			$[38] = mods;
+			$[39] = t8;
+		} else t8 = $[39];
+		t9 = scrollbar;
+		if ($[40] !== renderBreadcrumbs) {
+			t10 = renderBreadcrumbs();
+			$[40] = renderBreadcrumbs;
+			$[41] = t10;
+		} else t10 = $[41];
+		if ($[42] !== onBack || $[43] !== t) {
+			t11 = onBack && /* @__PURE__ */ jsx("div", {
 				"data-element": "Back",
 				children: /* @__PURE__ */ jsx(Button, {
 					type: "clear",
@@ -214,99 +219,99 @@ function LayoutHeader(props, ref) {
 					onPress: onBack
 				})
 			});
-			$[41] = onBack;
-			$[42] = t;
-			$[43] = t10;
-		} else t10 = $[43];
-		t11 = renderWithTooltip(renderTitle, "bottom");
-		$[17] = labelRef;
-		$[18] = level;
-		$[19] = mods;
-		$[20] = onBack;
-		$[21] = otherProps;
-		$[22] = ref;
-		$[23] = renderBreadcrumbs;
-		$[24] = renderWithTooltip;
-		$[25] = scrollbar;
-		$[26] = t;
-		$[27] = title;
-		$[28] = T0;
-		$[29] = t10;
-		$[30] = t11;
-		$[31] = t5;
-		$[32] = t6;
-		$[33] = t7;
-		$[34] = t8;
-		$[35] = t9;
+			$[42] = onBack;
+			$[43] = t;
+			$[44] = t11;
+		} else t11 = $[44];
+		t12 = renderWithTooltip(renderTitle, "bottom");
+		$[18] = labelRef;
+		$[19] = level;
+		$[20] = mods;
+		$[21] = onBack;
+		$[22] = otherProps;
+		$[23] = ref;
+		$[24] = renderBreadcrumbs;
+		$[25] = renderWithTooltip;
+		$[26] = scrollbar;
+		$[27] = t;
+		$[28] = title;
+		$[29] = T0;
+		$[30] = t10;
+		$[31] = t11;
+		$[32] = t12;
+		$[33] = t6;
+		$[34] = t7;
+		$[35] = t8;
+		$[36] = t9;
 	} else {
-		T0 = $[28];
-		t10 = $[29];
-		t11 = $[30];
-		t5 = $[31];
-		t6 = $[32];
-		t7 = $[33];
-		t8 = $[34];
-		t9 = $[35];
+		T0 = $[29];
+		t10 = $[30];
+		t11 = $[31];
+		t12 = $[32];
+		t6 = $[33];
+		t7 = $[34];
+		t8 = $[35];
+		t9 = $[36];
 	}
-	let t12;
-	if ($[44] !== suffix) {
-		t12 = suffix && /* @__PURE__ */ jsx("div", {
+	let t13;
+	if ($[45] !== suffix) {
+		t13 = suffix && /* @__PURE__ */ jsx("div", {
 			"data-element": "Suffix",
 			children: suffix
 		});
-		$[44] = suffix;
-		$[45] = t12;
-	} else t12 = $[45];
-	let t13;
-	if ($[46] !== extra) {
-		t13 = extra && /* @__PURE__ */ jsx("div", {
+		$[45] = suffix;
+		$[46] = t13;
+	} else t13 = $[46];
+	let t14;
+	if ($[47] !== extra) {
+		t14 = extra && /* @__PURE__ */ jsx("div", {
 			"data-element": "Extra",
 			children: extra
 		});
-		$[46] = extra;
-		$[47] = t13;
-	} else t13 = $[47];
-	let t14;
-	if ($[48] !== subtitle) {
-		t14 = subtitle && /* @__PURE__ */ jsx("div", {
+		$[47] = extra;
+		$[48] = t14;
+	} else t14 = $[48];
+	let t15;
+	if ($[49] !== subtitle) {
+		t15 = subtitle && /* @__PURE__ */ jsx("div", {
 			"data-element": "Subtitle",
 			children: subtitle
 		});
-		$[48] = subtitle;
-		$[49] = t14;
-	} else t14 = $[49];
-	let t15;
-	if ($[50] !== T0 || $[51] !== children || $[52] !== t10 || $[53] !== t11 || $[54] !== t12 || $[55] !== t13 || $[56] !== t14 || $[57] !== t5 || $[58] !== t6 || $[59] !== t7 || $[60] !== t8 || $[61] !== t9) {
-		t15 = /* @__PURE__ */ jsxs(T0, {
-			...t5,
-			ref: t6,
-			mods: t7,
-			scrollbar: t8,
+		$[49] = subtitle;
+		$[50] = t15;
+	} else t15 = $[50];
+	let t16;
+	if ($[51] !== T0 || $[52] !== children || $[53] !== t10 || $[54] !== t11 || $[55] !== t12 || $[56] !== t13 || $[57] !== t14 || $[58] !== t15 || $[59] !== t6 || $[60] !== t7 || $[61] !== t8 || $[62] !== t9) {
+		t16 = /* @__PURE__ */ jsxs(T0, {
+			...t6,
+			ref: t7,
+			mods: t8,
+			scrollbar: t9,
 			children: [
-				t9,
 				t10,
 				t11,
 				t12,
 				t13,
 				t14,
+				t15,
 				children
 			]
 		});
-		$[50] = T0;
-		$[51] = children;
-		$[52] = t10;
-		$[53] = t11;
-		$[54] = t12;
-		$[55] = t13;
-		$[56] = t14;
-		$[57] = t5;
-		$[58] = t6;
-		$[59] = t7;
-		$[60] = t8;
-		$[61] = t9;
-		$[62] = t15;
-	} else t15 = $[62];
-	return t15;
+		$[51] = T0;
+		$[52] = children;
+		$[53] = t10;
+		$[54] = t11;
+		$[55] = t12;
+		$[56] = t13;
+		$[57] = t14;
+		$[58] = t15;
+		$[59] = t6;
+		$[60] = t7;
+		$[61] = t8;
+		$[62] = t9;
+		$[63] = t16;
+	} else t16 = $[63];
+	return t16;
 }
 function _temp(t0, index) {
 	const [label, href] = t0;

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutHeader.js","names":["IconArrowLeft","tasty","ForwardedRef","forwardRef","Fragment","HTMLAttributes","ReactNode","Ref","RefCallback","useI18n","SlashIcon","Button","Link","useAutoTooltip","CubeLayoutContentProps","LayoutContent","HeaderElement","as","qa","styles","container","border","flexShrink","flexGrow","height","Inner","$","display","gridTemplate","gap","placeContent","placeItems","padding","placeSelf","Back","gridArea","margin","Breadcrumbs","flow","preset","color","Title","lineHeight","overflow","textOverflow","whiteSpace","Suffix","Extra","width","Subtitle","CubeLayoutHeaderProps","title","level","suffix","extra","subtitle","breadcrumbs","Array","label","href","onBack","LayoutHeader","props","ref","_c","t","children","mods","otherProps","t0","t1","scrollbar","undefined","t2","t3","tooltip","labelRef","renderWithTooltip","hasBreadcrumbs","length","t4","map","_temp","renderBreadcrumbs","T0","t10","t11","t5","t6","t7","t8","t9","renderTitle","tooltipProps","tooltipRef","TitleTag","HTMLHeadingElement","HTMLSpanElement","t12","t13","t14","t15","index","_LayoutHeader","displayName"],"sources":["../../../../src/components/content/Layout/LayoutHeader.tsx"],"sourcesContent":["import { IconArrowLeft } from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefCallback,\n} from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { SlashIcon } from '../../../icons/SlashIcon';\nimport { Button } from '../../actions/Button/Button';\nimport { Link } from '../../actions/Link/Link';\nimport { useAutoTooltip } from '../use-auto-tooltip';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst HeaderElement = tasty(LayoutContent, {\n  as: 'header',\n  qa: 'LayoutHeader',\n  styles: {\n    container: 'none',\n    // Header always has bottom border (inherent style)\n    border: 'bottom',\n    flexShrink: 0,\n    flexGrow: 0,\n    height: 'min 6x',\n\n    Inner: {\n      $: '>',\n      display: 'grid',\n      gridTemplate: `\n        \"breadcrumbs breadcrumbs breadcrumbs extra\" auto\n        \"back title suffix extra\" max-content\n        \".. subtitle subtitle extra\" auto\n        / auto max-content 1fr minmax(0, auto)\n      `,\n      gap: 0,\n      placeContent: 'center stretch',\n      placeItems: 'center stretch',\n      padding: '0 ($content-padding, 1x)',\n      placeSelf: 'center stretch',\n    },\n\n    Back: {\n      $: '> Inner >',\n      gridArea: 'back',\n      display: 'flex',\n      placeItems: 'center',\n      margin: '.5x right',\n    },\n\n    Breadcrumbs: {\n      $: '> Inner >',\n      gridArea: 'breadcrumbs',\n      display: 'flex',\n      flow: 'row nowrap',\n      placeItems: 'center start',\n      gap: '1bw',\n      preset: 't3 / strong',\n      color: '#dark-02',\n    },\n\n    Title: {\n      $: '> Inner >',\n      gridArea: 'title',\n      preset: {\n        '': 'h3',\n        'level=1': 'h1',\n        'level=2': 'h2',\n        'level=3': 'h3',\n        'level=4': 'h4',\n        'level=5': 'h5',\n        'level=6': 'h6',\n      },\n      lineHeight: 'normal',\n      color: '#dark',\n      margin: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n\n    Suffix: {\n      $: '> Inner >',\n      gridArea: 'suffix',\n      display: 'flex',\n      placeItems: 'center',\n    },\n\n    Extra: {\n      $: '> Inner >',\n      gridArea: 'extra',\n      display: 'flex',\n      placeItems: 'center',\n      placeSelf: 'center',\n      gap: '1x',\n      width: 'max 100%',\n    },\n\n    Subtitle: {\n      $: '> Inner >',\n      gridArea: 'subtitle',\n      preset: 't3',\n      color: '#dark-02',\n    },\n  },\n});\n\nexport interface CubeLayoutHeaderProps extends CubeLayoutContentProps {\n  /** Page/section title */\n  title?: ReactNode;\n  /** Title heading level (1-6) */\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Content next to the title */\n  suffix?: ReactNode;\n  /** Content on the right side */\n  extra?: ReactNode;\n  /** Text below the title */\n  subtitle?: ReactNode;\n  /**\n   * Navigation breadcrumbs (max 3 items recommended).\n   * Uses Link component which integrates with the navigation provider.\n   */\n  breadcrumbs?: Array<[label: string, href: string]>;\n  /** Callback for the back button. When provided, a back arrow button is rendered to the left of the title. */\n  onBack?: () => void;\n}\n\nfunction LayoutHeader(\n  props: CubeLayoutHeaderProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    title,\n    level = 3,\n    suffix,\n    extra,\n    subtitle,\n    breadcrumbs,\n    onBack,\n    scrollbar = 'tiny',\n    children,\n    mods,\n    ...otherProps\n  } = props;\n\n  // Use auto tooltip for title overflow detection\n  const { labelRef, renderWithTooltip } = useAutoTooltip({\n    tooltip: true,\n    children: typeof title === 'string' ? title : undefined,\n  });\n\n  const hasBreadcrumbs = breadcrumbs && breadcrumbs.length > 0;\n\n  const renderBreadcrumbs = () => {\n    if (!hasBreadcrumbs) return null;\n\n    return (\n      <div data-element=\"Breadcrumbs\">\n        {breadcrumbs.map(([label, href], index) => (\n          <Fragment key={href}>\n            <Link to={href}>{label}</Link>\n            <SlashIcon />\n          </Fragment>\n        ))}\n      </div>\n    );\n  };\n\n  const renderTitle = (\n    tooltipProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: Ref<HTMLElement>,\n  ) => {\n    if (!title) return null;\n\n    const TitleTag = `h${level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n    return (\n      <TitleTag\n        ref={tooltipRef as Ref<HTMLHeadingElement>}\n        data-element=\"Title\"\n        data-level={level}\n        {...tooltipProps}\n      >\n        <span ref={labelRef as RefCallback<HTMLSpanElement>}>{title}</span>\n      </TitleTag>\n    );\n  };\n\n  return (\n    <HeaderElement\n      {...otherProps}\n      ref={ref}\n      mods={{ ...mods, level }}\n      scrollbar={scrollbar}\n    >\n      {renderBreadcrumbs()}\n      {onBack && (\n        <div data-element=\"Back\">\n          <Button\n            type=\"clear\"\n            icon={<IconArrowLeft />}\n            aria-label={t('layout.goBack', 'Go back')}\n            onPress={onBack}\n          />\n        </div>\n      )}\n      {renderWithTooltip(renderTitle, 'bottom')}\n      {suffix && <div data-element=\"Suffix\">{suffix}</div>}\n      {extra && <div data-element=\"Extra\">{extra}</div>}\n      {subtitle && <div data-element=\"Subtitle\">{subtitle}</div>}\n      {children}\n    </HeaderElement>\n  );\n}\n\nconst _LayoutHeader = forwardRef(LayoutHeader);\n\n_LayoutHeader.displayName = 'Layout.Header';\n\nexport { _LayoutHeader as LayoutHeader };\n"],"mappings":"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"}
+{"version":3,"file":"LayoutHeader.js","names":["IconArrowLeft","tasty","ForwardedRef","forwardRef","Fragment","HTMLAttributes","ReactNode","useMemo","useRef","useI18n","SlashIcon","Button","Link","useAutoTooltip","CubeLayoutContentProps","LayoutContent","HeaderElement","as","qa","styles","container","border","flexShrink","flexGrow","height","Inner","$","display","gridTemplate","gap","placeContent","placeItems","padding","placeSelf","Back","gridArea","margin","Breadcrumbs","flow","preset","color","Title","lineHeight","overflow","textOverflow","whiteSpace","Suffix","Extra","width","Subtitle","CubeLayoutHeaderProps","title","level","suffix","extra","subtitle","breadcrumbs","Array","label","href","onBack","LayoutHeader","props","ref","_c","t","children","mods","otherProps","t0","t1","scrollbar","undefined","titleRef","t2","Symbol","for","targetRef","titleTooltip","t3","t4","tooltip","labelRef","renderWithTooltip","hasBreadcrumbs","length","t5","map","_temp","renderBreadcrumbs","T0","t10","t11","t12","t6","t7","t8","t9","renderTitle","tooltipProps","TitleTag","t13","t14","t15","t16","index","_LayoutHeader","displayName"],"sources":["../../../../src/components/content/Layout/LayoutHeader.tsx"],"sourcesContent":["import { IconArrowLeft } from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { SlashIcon } from '../../../icons/SlashIcon';\nimport { Button } from '../../actions/Button/Button';\nimport { Link } from '../../actions/Link/Link';\nimport { useAutoTooltip } from '../use-auto-tooltip';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst HeaderElement = tasty(LayoutContent, {\n  as: 'header',\n  qa: 'LayoutHeader',\n  styles: {\n    container: 'none',\n    // Header always has bottom border (inherent style)\n    border: 'bottom',\n    flexShrink: 0,\n    flexGrow: 0,\n    height: 'min 6x',\n\n    Inner: {\n      $: '>',\n      display: 'grid',\n      gridTemplate: `\n        \"breadcrumbs breadcrumbs breadcrumbs extra\" auto\n        \"back title suffix extra\" max-content\n        \".. subtitle subtitle extra\" auto\n        / auto minmax(0, max-content) 1fr minmax(0, auto)\n      `,\n      gap: 0,\n      placeContent: 'center stretch',\n      placeItems: 'center stretch',\n      padding: '0 ($content-padding, 1x)',\n      placeSelf: 'center stretch',\n    },\n\n    Back: {\n      $: '> Inner >',\n      gridArea: 'back',\n      display: 'flex',\n      placeItems: 'center',\n      margin: '.5x right',\n    },\n\n    Breadcrumbs: {\n      $: '> Inner >',\n      gridArea: 'breadcrumbs',\n      display: 'flex',\n      flow: 'row nowrap',\n      placeItems: 'center start',\n      gap: '1bw',\n      preset: 't3 / strong',\n      color: '#dark-02',\n    },\n\n    Title: {\n      $: '> Inner >',\n      gridArea: 'title',\n      preset: {\n        '': 'h3',\n        'level=1': 'h1',\n        'level=2': 'h2',\n        'level=3': 'h3',\n        'level=4': 'h4',\n        'level=5': 'h5',\n        'level=6': 'h6',\n      },\n      lineHeight: 'normal',\n      color: '#dark',\n      margin: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n\n    Suffix: {\n      $: '> Inner >',\n      gridArea: 'suffix',\n      display: 'flex',\n      placeItems: 'center',\n    },\n\n    Extra: {\n      $: '> Inner >',\n      gridArea: 'extra',\n      display: 'flex',\n      placeItems: 'center',\n      placeSelf: 'center',\n      gap: '1x',\n      width: 'max 100%',\n    },\n\n    Subtitle: {\n      $: '> Inner >',\n      gridArea: 'subtitle',\n      preset: 't3',\n      color: '#dark-02',\n    },\n  },\n});\n\nexport interface CubeLayoutHeaderProps extends CubeLayoutContentProps {\n  /** Page/section title */\n  title?: ReactNode;\n  /** Title heading level (1-6) */\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Content next to the title */\n  suffix?: ReactNode;\n  /** Content on the right side */\n  extra?: ReactNode;\n  /** Text below the title */\n  subtitle?: ReactNode;\n  /**\n   * Navigation breadcrumbs (max 3 items recommended).\n   * Uses Link component which integrates with the navigation provider.\n   */\n  breadcrumbs?: Array<[label: string, href: string]>;\n  /** Callback for the back button. When provided, a back arrow button is rendered to the left of the title. */\n  onBack?: () => void;\n}\n\nfunction LayoutHeader(\n  props: CubeLayoutHeaderProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    title,\n    level = 3,\n    suffix,\n    extra,\n    subtitle,\n    breadcrumbs,\n    onBack,\n    scrollbar = 'tiny',\n    children,\n    mods,\n    ...otherProps\n  } = props;\n\n  // Use auto tooltip for title overflow detection. The heading is what clips\n  // (`overflow: hidden` + ellipsis), so it is both the element measured and\n  // the tooltip's anchor — one stable ref for the two, rather than a ref merged\n  // afresh on every render, which would re-attach the measuring ref (and\n  // rebuild its ResizeObserver) each time the header rendered.\n  const titleRef = useRef<HTMLElement>(null!);\n  const titleTooltip = useMemo(() => ({ targetRef: titleRef }), []);\n  const { labelRef, renderWithTooltip } = useAutoTooltip({\n    tooltip: titleTooltip,\n    children: typeof title === 'string' ? title : undefined,\n    labelRef: titleRef,\n  });\n\n  const hasBreadcrumbs = breadcrumbs && breadcrumbs.length > 0;\n\n  const renderBreadcrumbs = () => {\n    if (!hasBreadcrumbs) return null;\n\n    return (\n      <div data-element=\"Breadcrumbs\">\n        {breadcrumbs.map(([label, href], index) => (\n          <Fragment key={href}>\n            <Link to={href}>{label}</Link>\n            <SlashIcon />\n          </Fragment>\n        ))}\n      </div>\n    );\n  };\n\n  const renderTitle = (tooltipProps?: HTMLAttributes<HTMLElement>) => {\n    if (!title) return null;\n\n    const TitleTag = `h${level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n    // Measured on the heading itself: an inline wrapper around the text\n    // reports a `clientWidth` of 0 and could never read as truncated.\n    return (\n      <TitleTag\n        ref={labelRef}\n        data-element=\"Title\"\n        data-level={level}\n        {...tooltipProps}\n      >\n        {title}\n      </TitleTag>\n    );\n  };\n\n  return (\n    <HeaderElement\n      {...otherProps}\n      ref={ref}\n      mods={{ ...mods, level }}\n      scrollbar={scrollbar}\n    >\n      {renderBreadcrumbs()}\n      {onBack && (\n        <div data-element=\"Back\">\n          <Button\n            type=\"clear\"\n            icon={<IconArrowLeft />}\n            aria-label={t('layout.goBack', 'Go back')}\n            onPress={onBack}\n          />\n        </div>\n      )}\n      {renderWithTooltip(renderTitle, 'bottom')}\n      {suffix && <div data-element=\"Suffix\">{suffix}</div>}\n      {extra && <div data-element=\"Extra\">{extra}</div>}\n      {subtitle && <div data-element=\"Subtitle\">{subtitle}</div>}\n      {children}\n    </HeaderElement>\n  );\n}\n\nconst _LayoutHeader = forwardRef(LayoutHeader);\n\n_LayoutHeader.displayName = 'Layout.Header';\n\nexport { _LayoutHeader as LayoutHeader };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | 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";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 //#region src/components/content/Layout/utils.ts
 /**
 * Clamps a size value within min/max constraints.

package/dist/components/content/Paragraph.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { _Text } from "./Text.js";
 import { c } from "react-compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/PrismCode/PrismCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
 
 //#region src/components/content/PrismCode/prismSetup.tsx

package/dist/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Result/Result.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

package/dist/components/content/Tag/Tag.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";