@cube-dev/ui-kit 0.193.2 → 0.194.1

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";
@@ -17,95 +17,79 @@ const TEXT_PROP_MAP = {
 	weight: "fontWeight",
 	italic: "fontStyle"
 };
+const TEXT_DEFAULT_STYLES = {
+	display: {
+		"": "inline",
+		ellipsis: "block"
+	},
+	margin: 0,
+	padding: 0,
+	whiteSpace: {
+		"": "inherit",
+		"nowrap | ellipsis": "nowrap"
+	},
+	textOverflow: {
+		"": false,
+		ellipsis: "ellipsis"
+	},
+	overflow: {
+		"": false,
+		ellipsis: "hidden"
+	},
+	width: {
+		"": false,
+		ellipsis: "max 100%"
+	}
+};
 const TextElement = tasty({
 	qa: "Text",
 	as: "span",
-	styles: {
-		display: {
-			"": "inline",
-			ellipsis: "block"
-		},
-		margin: 0,
-		padding: 0,
-		whiteSpace: {
-			"": "inherit",
-			"nowrap | ellipsis": "nowrap"
-		},
-		textOverflow: {
-			"": false,
-			ellipsis: "ellipsis"
-		},
-		overflow: {
-			"": false,
-			ellipsis: "hidden"
-		},
-		width: {
-			"": false,
-			ellipsis: "max 100%"
-		}
-	}
+	styles: TEXT_DEFAULT_STYLES
 });
-const Text = forwardRef(function CubeText(allProps, ref) {
-	const $ = c(18);
+function useTextProps(allProps) {
+	const $ = c(5);
 	allProps = useSlotProps(allProps, "text");
-	let T0;
-	let styles;
 	let t0;
-	let t1;
-	let t2;
-	let t3;
 	if ($[0] !== allProps) {
 		const { as, qa, ellipsis, nowrap, ...props } = allProps;
-		styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);
-		T0 = TextElement;
-		t0 = as || "span";
-		t1 = qa || "Text";
-		const t4 = !!ellipsis;
-		if ($[7] !== nowrap || $[8] !== t4) {
+		const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);
+		const t1 = !!ellipsis;
+		let t2;
+		if ($[2] !== nowrap || $[3] !== t1) {
 			t2 = {
 				nowrap,
-				ellipsis: t4
+				ellipsis: t1
 			};
-			$[7] = nowrap;
-			$[8] = t4;
-			$[9] = t2;
-		} else t2 = $[9];
-		t3 = filterBaseProps(props, { eventProps: true });
-		$[0] = allProps;
-		$[1] = T0;
-		$[2] = styles;
-		$[3] = t0;
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else {
-		T0 = $[1];
-		styles = $[2];
-		t0 = $[3];
-		t1 = $[4];
-		t2 = $[5];
-		t3 = $[6];
-	}
-	let t4;
-	if ($[10] !== T0 || $[11] !== ref || $[12] !== styles || $[13] !== t0 || $[14] !== t1 || $[15] !== t2 || $[16] !== t3) {
-		t4 = /* @__PURE__ */ jsx(T0, {
-			as: t0,
-			qa: t1,
+			$[2] = nowrap;
+			$[3] = t1;
+			$[4] = t2;
+		} else t2 = $[4];
+		t0 = {
+			as: as || "span",
+			qa: qa || "Text",
 			mods: t2,
-			...t3,
-			ref,
+			...filterBaseProps(props, { eventProps: true }),
 			styles
+		};
+		$[0] = allProps;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+const Text = forwardRef(function CubeText(allProps, ref) {
+	const $ = c(3);
+	const t0 = useTextProps(allProps);
+	let t1;
+	if ($[0] !== ref || $[1] !== t0) {
+		t1 = /* @__PURE__ */ jsx(TextElement, {
+			...t0,
+			ref
 		});
-		$[10] = T0;
-		$[11] = ref;
-		$[12] = styles;
-		$[13] = t0;
-		$[14] = t1;
-		$[15] = t2;
-		$[16] = t3;
-		$[17] = t4;
-	} else t4 = $[17];
-	return t4;
+		$[0] = ref;
+		$[1] = t0;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
 });
 const MinorText = tasty(Text, { styles: { color: "#minor" } });
 const DangerText = tasty(Text, {
@@ -141,5 +125,5 @@ const _Text = Object.assign(Text, {
 _Text.displayName = "Text";
 
 //#endregion
-export { TEXT_PROP_MAP, _Text };
+export { TEXT_DEFAULT_STYLES, TEXT_PROP_MAP, _Text, useTextProps };
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["AllBaseProps","BASE_STYLES","BaseStyleProps","COLOR_STYLES","ColorStyleProps","filterBaseProps","StylePropValue","TagName","tasty","TEXT_STYLES","TextStyleProps","CSSProperties","forwardRef","ForwardRefExoticComponent","RefAttributes","useSlotProps","extractStyles","STYLE_LIST","const","TEXT_PROP_MAP","transform","weight","italic","CubeTextProps","T","monospace","ellipsis","nowrap","TextElement","qa","as","styles","display","margin","padding","whiteSpace","textOverflow","overflow","width","Text","CubeText","allProps","ref","$","_c","T0","t0","t1","t2","t3","props","t4","eventProps","MinorText","color","DangerText","role","SuccessText","StrongText","preset","EmphasisText","PlaceholderText","HighlightText","fill","TextComponent","HTMLElement","Minor","Danger","Success","Strong","Emphasis","Placeholder","Highlight","_Text","Object","assign","displayName"],"sources":["../../../src/components/content/Text.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  BASE_STYLES,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  filterBaseProps,\n  StylePropValue,\n  TagName,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport {\n  CSSProperties,\n  forwardRef,\n  ForwardRefExoticComponent,\n  RefAttributes,\n} from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\nexport const TEXT_PROP_MAP = {\n  transform: 'textTransform',\n  weight: 'fontWeight',\n  italic: 'fontStyle',\n} as const;\n\nexport interface CubeTextProps<T extends TagName = TagName>\n  extends AllBaseProps<T>,\n    TextStyleProps,\n    BaseStyleProps,\n    ColorStyleProps {\n  /**\n   * Whether the text uses the monospace font.\n   */\n  monospace?: boolean;\n  /**\n   * Whether the text overflow is ellipsis\n   */\n  ellipsis?: boolean;\n  /**\n   * Whether the text is not wrapping\n   */\n  nowrap?: boolean;\n  /**\n   * Whether the text has italic style\n   */\n  italic?: StylePropValue<CSSProperties['fontStyle']>;\n  weight?: string | number;\n  transform?: StylePropValue<CSSProperties['textTransform']>;\n}\n\nconst TextElement = tasty({\n  qa: 'Text',\n  as: 'span',\n  styles: {\n    display: {\n      '': 'inline',\n      ellipsis: 'block',\n    },\n    margin: 0,\n    padding: 0,\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Text = forwardRef(function CubeText(allProps: CubeTextProps, ref) {\n  allProps = useSlotProps(allProps, 'text');\n\n  const { as, qa, ellipsis, nowrap, ...props } = allProps;\n  const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TextElement\n      as={as || 'span'}\n      qa={qa || 'Text'}\n      mods={{\n        nowrap,\n        ellipsis: !!ellipsis,\n      }}\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst MinorText = tasty(Text, {\n  styles: {\n    color: '#minor',\n  },\n});\n\nconst DangerText = tasty(Text, {\n  role: 'alert',\n  styles: {\n    color: '#danger-text',\n  },\n});\n\nconst SuccessText = tasty(Text, {\n  styles: {\n    color: '#success-text',\n  },\n});\n\nconst StrongText = tasty(Text, {\n  as: 'strong',\n  preset: 'strong',\n});\n\nconst EmphasisText = tasty(Text, {\n  as: 'em',\n  preset: 'italic',\n});\n\nconst PlaceholderText = tasty(Text, {\n  styles: {\n    color: '#current.5',\n  },\n});\n\nconst HighlightText = tasty(Text, {\n  as: 'mark',\n  styles: {\n    fill: '#dark.15',\n    color: '#dark',\n  },\n});\n\nexport interface TextComponent\n  extends ForwardRefExoticComponent<\n    CubeTextProps & RefAttributes<HTMLElement>\n  > {\n  Minor: typeof MinorText;\n  Danger: typeof DangerText;\n  Success: typeof SuccessText;\n  Strong: typeof StrongText;\n  Emphasis: typeof EmphasisText;\n  Placeholder: typeof PlaceholderText;\n  Highlight: typeof HighlightText;\n}\n\nconst _Text: TextComponent = Object.assign(Text, {\n  Minor: MinorText,\n  Danger: DangerText,\n  Success: SuccessText,\n  Strong: StrongText,\n  Emphasis: EmphasisText,\n  Placeholder: PlaceholderText,\n  Highlight: HighlightText,\n});\n\n_Text.displayName = 'Text';\n\nexport { _Text as Text };\n"],"mappings":"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"}
+{"version":3,"file":"Text.js","names":["AllBaseProps","BASE_STYLES","BaseStyleProps","COLOR_STYLES","ColorStyleProps","filterBaseProps","StylePropValue","Styles","TagName","tasty","TEXT_STYLES","TextStyleProps","CSSProperties","forwardRef","ForwardRefExoticComponent","RefAttributes","useSlotProps","extractStyles","STYLE_LIST","const","TEXT_PROP_MAP","transform","weight","italic","CubeTextProps","T","monospace","ellipsis","nowrap","TEXT_DEFAULT_STYLES","display","margin","padding","whiteSpace","textOverflow","overflow","width","TextElement","qa","as","styles","useTextProps","allProps","$","_c","t0","props","t1","t2","mods","eventProps","Text","CubeText","ref","MinorText","color","DangerText","role","SuccessText","StrongText","preset","EmphasisText","PlaceholderText","HighlightText","fill","TextComponent","HTMLElement","Minor","Danger","Success","Strong","Emphasis","Placeholder","Highlight","_Text","Object","assign","displayName"],"sources":["../../../src/components/content/Text.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  BASE_STYLES,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  filterBaseProps,\n  StylePropValue,\n  Styles,\n  TagName,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport {\n  CSSProperties,\n  forwardRef,\n  ForwardRefExoticComponent,\n  RefAttributes,\n} from 'react';\n\nimport { useSlotProps } from '../../utils/react/Slots';\nimport { extractStyles } from '../../utils/styles';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\nexport const TEXT_PROP_MAP = {\n  transform: 'textTransform',\n  weight: 'fontWeight',\n  italic: 'fontStyle',\n} as const;\n\nexport interface CubeTextProps<T extends TagName = TagName>\n  extends AllBaseProps<T>,\n    TextStyleProps,\n    BaseStyleProps,\n    ColorStyleProps {\n  /**\n   * Whether the text uses the monospace font.\n   */\n  monospace?: boolean;\n  /**\n   * Whether the text overflow is ellipsis\n   */\n  ellipsis?: boolean;\n  /**\n   * Whether the text is not wrapping\n   */\n  nowrap?: boolean;\n  /**\n   * Whether the text has italic style\n   */\n  italic?: StylePropValue<CSSProperties['fontStyle']>;\n  weight?: string | number;\n  transform?: StylePropValue<CSSProperties['textTransform']>;\n}\n\nexport const TEXT_DEFAULT_STYLES = {\n  display: {\n    '': 'inline',\n    ellipsis: 'block',\n  },\n  margin: 0,\n  padding: 0,\n  whiteSpace: {\n    '': 'inherit',\n    'nowrap | ellipsis': 'nowrap',\n  },\n  textOverflow: {\n    '': false,\n    ellipsis: 'ellipsis',\n  },\n  overflow: {\n    '': false,\n    ellipsis: 'hidden',\n  },\n  width: {\n    '': false,\n    ellipsis: 'max 100%',\n  },\n} satisfies Styles;\n\nconst TextElement = tasty({\n  qa: 'Text',\n  as: 'span',\n  styles: TEXT_DEFAULT_STYLES,\n});\n\nexport function useTextProps(allProps: CubeTextProps) {\n  allProps = useSlotProps(allProps, 'text');\n\n  const { as, qa, ellipsis, nowrap, ...props } = allProps;\n  const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return {\n    as: as || 'span',\n    qa: qa || 'Text',\n    mods: { nowrap, ellipsis: !!ellipsis },\n    ...filterBaseProps(props, { eventProps: true }),\n    styles,\n  };\n}\n\nconst Text = forwardRef(function CubeText(allProps: CubeTextProps, ref) {\n  return <TextElement {...useTextProps(allProps)} ref={ref} />;\n});\n\nconst MinorText = tasty(Text, {\n  styles: {\n    color: '#minor',\n  },\n});\n\nconst DangerText = tasty(Text, {\n  role: 'alert',\n  styles: {\n    color: '#danger-text',\n  },\n});\n\nconst SuccessText = tasty(Text, {\n  styles: {\n    color: '#success-text',\n  },\n});\n\nconst StrongText = tasty(Text, {\n  as: 'strong',\n  preset: 'strong',\n});\n\nconst EmphasisText = tasty(Text, {\n  as: 'em',\n  preset: 'italic',\n});\n\nconst PlaceholderText = tasty(Text, {\n  styles: {\n    color: '#current.5',\n  },\n});\n\nconst HighlightText = tasty(Text, {\n  as: 'mark',\n  styles: {\n    fill: '#dark.15',\n    color: '#dark',\n  },\n});\n\nexport interface TextComponent\n  extends ForwardRefExoticComponent<\n    CubeTextProps & RefAttributes<HTMLElement>\n  > {\n  Minor: typeof MinorText;\n  Danger: typeof DangerText;\n  Success: typeof SuccessText;\n  Strong: typeof StrongText;\n  Emphasis: typeof EmphasisText;\n  Placeholder: typeof PlaceholderText;\n  Highlight: typeof HighlightText;\n}\n\nconst _Text: TextComponent = Object.assign(Text, {\n  Minor: MinorText,\n  Danger: DangerText,\n  Success: SuccessText,\n  Strong: StrongText,\n  Emphasis: EmphasisText,\n  Placeholder: PlaceholderText,\n  Highlight: HighlightText,\n});\n\n_Text.displayName = 'Text';\n\nexport { _Text as Text };\n"],"mappings":";;;;;;;;;AAwBA,MAAMkB,aAAa;CAAC,GAAGjB;CAAa,GAAGS;CAAa,GAAGP;CAAa;AAEpE,MAAaiB,gBAAgB;CAC3BC,WAAW;CACXC,QAAQ;CACRC,QAAQ;CACT;AA2BD,MAAaM,sBAAsB;CACjCC,SAAS;EACP,IAAI;EACJH,UAAU;EACX;CACDI,QAAQ;CACRC,SAAS;CACTC,YAAY;EACV,IAAI;EACJ,qBAAqB;EACtB;CACDC,cAAc;EACZ,IAAI;EACJP,UAAU;EACX;CACDQ,UAAU;EACR,IAAI;EACJR,UAAU;EACX;CACDS,OAAO;EACL,IAAI;EACJT,UAAU;EACZ;CACD;AAED,MAAMU,cAAc5B,MAAM;CACxB6B,IAAI;CACJC,IAAI;CACJC,QAAQX;CACT,CAAC;AAEF,SAAOY,aAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;AACLF,YAAW1B,aAAa0B,UAAU,OAAO;CAAjC,IAAAG;AAAA,KAAAF,EAAA,OAAAD,UAAA;EAER,MAAA,EAAAH,IAAAD,IAAAX,UAAAC,QAAA,GAAAkB,UAA+CJ;EAC/C,MAAAF,SAAevB,cAAc6B,OAAO5B,YAAY,EAAE,EAAEE,cAAc;EAKtC,MAAA2B,KAAA,CAAC,CAACpB;EAAQ,IAAAqB;AAAA,MAAAL,EAAA,OAAAf,UAAAe,EAAA,OAAAI,IAAA;AAA9BC,QAAA;IAAApB;IAAAD,UAAoBoB;IAAY;AAAAJ,KAAA,KAAAf;AAAAe,KAAA,KAAAI;AAAAJ,KAAA,KAAAK;QAAAA,MAAAL,EAAA;AAHjCE,OAAA;GAAAN,IACDA,MAAA;GAAYD,IACZA,MAAA;GAAYW,MACVD;GAAgC,GACnC3C,gBAAgByC,OAAO,EAAAI,YAAc,MAAM,CAAC;GAAAV;GAEhD;AAAAG,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QANME;;AAST,MAAMM,OAAOtC,WAAW,SAAAuC,SAAAV,UAAAW,KAAA;CAAA,MAAAV,IAAAC,EAAA,EAAA;CACE,MAAAC,KAAAJ,aAAaC,SAAS;CAAA,IAAAK;AAAA,KAAAJ,EAAA,OAAAU,OAAAV,EAAA,OAAAE,IAAA;AAAvCE,OAAA,oBAAC;GAAW,GAAKF;GAA6BQ;IAAO;AAAAV,IAAA,KAAAU;AAAAV,IAAA,KAAAE;AAAAF,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QAArDI;EACP;AAEF,MAAMO,YAAY7C,MAAM0C,MAAM,EAC5BX,QAAQ,EACNe,OAAO,UACT,EACD,CAAC;AAEF,MAAMC,aAAa/C,MAAM0C,MAAM;CAC7BM,MAAM;CACNjB,QAAQ,EACNe,OAAO,gBACT;CACD,CAAC;AAEF,MAAMG,cAAcjD,MAAM0C,MAAM,EAC9BX,QAAQ,EACNe,OAAO,iBACT,EACD,CAAC;AAEF,MAAMI,aAAalD,MAAM0C,MAAM;CAC7BZ,IAAI;CACJqB,QAAQ;CACT,CAAC;AAEF,MAAMC,eAAepD,MAAM0C,MAAM;CAC/BZ,IAAI;CACJqB,QAAQ;CACT,CAAC;AAEF,MAAME,kBAAkBrD,MAAM0C,MAAM,EAClCX,QAAQ,EACNe,OAAO,cACT,EACD,CAAC;AAEF,MAAMQ,gBAAgBtD,MAAM0C,MAAM;CAChCZ,IAAI;CACJC,QAAQ;EACNwB,MAAM;EACNT,OAAO;EACT;CACD,CAAC;AAeF,MAAMmB,QAAuBC,OAAOC,OAAOzB,MAAM;CAC/CgB,OAAOb;CACPc,QAAQZ;CACRa,SAASX;CACTY,QAAQX;CACRY,UAAUV;CACVW,aAAaV;CACbW,WAAWV;CACZ,CAAC;AAEFW,MAAMG,cAAc"}

package/dist/components/content/TextItem/TextItem.js

@@ -1,11 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
-import { TEXT_PROP_MAP, _Text } from "../Text.js";
+import { TEXT_DEFAULT_STYLES, TEXT_PROP_MAP, useTextProps } from "../Text.js";
 import { highlightText } from "../highlightText.js";
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { c } from "react/compiler-runtime";
-import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
-import { forwardRef } from "react";
+import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";
+import { forwardRef, useEffectEvent, useLayoutEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/content/TextItem/TextItem.tsx
@@ -14,17 +14,151 @@ const STYLE_LIST = [
 	...TEXT_STYLES,
 	...COLOR_STYLES
 ];
-const TextItemElement = tasty(_Text, {
-	qa: "TextItem",
-	styles: {
-		display: "inline-block",
-		verticalAlign: "bottom",
-		width: "max 100%",
-		whiteSpace: "nowrap",
-		overflow: "hidden",
-		textOverflow: "ellipsis"
+const TEXT_ITEM_STYLES = {
+	display: "inline-block",
+	verticalAlign: "bottom",
+	width: "max 100%",
+	whiteSpace: "nowrap",
+	overflow: "hidden",
+	textOverflow: "ellipsis"
+};
+const TextItemElement = tasty({
+	as: "span",
+	styles: TEXT_DEFAULT_STYLES,
+	variants: {
+		plain: TEXT_ITEM_STYLES,
+		table: {
+			...TEXT_ITEM_STYLES,
+			preset: "t3"
+		}
 	}
 });
+const TEXT_ITEM_STYLE_KEYS = Object.keys(TEXT_ITEM_STYLES);
+function getStaticVariant(styles) {
+	const count = Object.keys(styles).length;
+	if (!TEXT_ITEM_STYLE_KEYS.every((key) => styles[key] === TEXT_ITEM_STYLES[key])) return;
+	if (count === TEXT_ITEM_STYLE_KEYS.length) return "plain";
+	if (count === TEXT_ITEM_STYLE_KEYS.length + 1 && styles.preset === "t3") return "table";
+}
+/** Own the DOM ref outside the tooltip's render prop so Compiler can retain it. */
+function TextItemContent(t0) {
+	const $ = c(34);
+	let handleRef;
+	let onAppearanceCommit;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	if ($[0] !== t0) {
+		const { ref, labelRef, tooltipRef, onAppearanceCommit: t7, ...props } = t0;
+		onAppearanceCommit = t7;
+		let t8;
+		if ($[9] !== labelRef || $[10] !== ref || $[11] !== tooltipRef) {
+			t8 = (element) => {
+				if (typeof ref === "function") ref(element);
+				else if (ref) ref.current = element;
+				if (tooltipRef) tooltipRef.current = element;
+				labelRef(element);
+			};
+			$[9] = labelRef;
+			$[10] = ref;
+			$[11] = tooltipRef;
+			$[12] = t8;
+		} else t8 = $[12];
+		handleRef = t8;
+		t6 = useTextProps;
+		t1 = "TextItem";
+		t2 = props;
+		t3 = props.as ?? void 0;
+		t4 = props.element || void 0;
+		t5 = mergeStyles(TEXT_ITEM_STYLES, props.styles);
+		$[0] = t0;
+		$[1] = handleRef;
+		$[2] = onAppearanceCommit;
+		$[3] = t1;
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+		$[7] = t5;
+		$[8] = t6;
+	} else {
+		handleRef = $[1];
+		onAppearanceCommit = $[2];
+		t1 = $[3];
+		t2 = $[4];
+		t3 = $[5];
+		t4 = $[6];
+		t5 = $[7];
+		t6 = $[8];
+	}
+	let t7;
+	if ($[13] !== t1 || $[14] !== t2 || $[15] !== t3 || $[16] !== t4 || $[17] !== t5) {
+		t7 = {
+			qa: t1,
+			...t2,
+			as: t3,
+			element: t4,
+			styles: t5
+		};
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t7;
+	} else t7 = $[18];
+	const textProps = t6(t7);
+	let t8;
+	if ($[19] !== textProps.styles) {
+		t8 = getStaticVariant(textProps.styles);
+		$[19] = textProps.styles;
+		$[20] = t8;
+	} else t8 = $[20];
+	const variant = t8;
+	const shouldMeasure = !!onAppearanceCommit;
+	let t9;
+	if ($[21] !== onAppearanceCommit) {
+		t9 = () => onAppearanceCommit?.();
+		$[21] = onAppearanceCommit;
+		$[22] = t9;
+	} else t9 = $[22];
+	const refreshOverflow = useEffectEvent(t9);
+	let t10;
+	if ($[23] !== refreshOverflow || $[24] !== shouldMeasure) {
+		t10 = () => {
+			if (shouldMeasure) refreshOverflow();
+		};
+		$[23] = refreshOverflow;
+		$[24] = shouldMeasure;
+		$[25] = t10;
+	} else t10 = $[25];
+	let t11;
+	if ($[26] !== shouldMeasure || $[27] !== textProps) {
+		t11 = [textProps, shouldMeasure];
+		$[26] = shouldMeasure;
+		$[27] = textProps;
+		$[28] = t11;
+	} else t11 = $[28];
+	useLayoutEffect(t10, t11);
+	const t12 = variant ? void 0 : textProps.styles;
+	let t13;
+	if ($[29] !== handleRef || $[30] !== t12 || $[31] !== textProps || $[32] !== variant) {
+		t13 = /* @__PURE__ */ jsx(TextItemElement, {
+			...textProps,
+			variant,
+			styles: t12,
+			ref: handleRef
+		});
+		$[29] = handleRef;
+		$[30] = t12;
+		$[31] = textProps;
+		$[32] = variant;
+		$[33] = t13;
+	} else t13 = $[33];
+	return t13;
+}
 const TextItem = forwardRef(function TextItem(props, ref) {
 	const $ = c(8);
 	const { children, highlight, highlightCaseSensitive: t0, highlightStyles, tooltip: t1, tooltipPlacement: t2, ...restProps } = props;
@@ -42,7 +176,7 @@ const TextItem = forwardRef(function TextItem(props, ref) {
 		$[1] = tooltip;
 		$[2] = t3;
 	} else t3 = $[2];
-	const { labelRef, renderWithTooltip } = useAutoTooltip(t3);
+	const { labelRef, renderWithTooltip, isAutoTooltipEnabled, scheduleOverflowCheck } = useAutoTooltip(t3);
 	let t4;
 	if ($[3] !== children || $[4] !== highlight || $[5] !== highlightCaseSensitive || $[6] !== highlightStyles) {
 		t4 = typeof children === "string" && highlight ? highlightText(children, highlight, highlightCaseSensitive, highlightStyles) : children;
@@ -53,21 +187,16 @@ const TextItem = forwardRef(function TextItem(props, ref) {
 		$[7] = t4;
 	} else t4 = $[7];
 	const processedChildren = t4;
-	const renderElement = (tooltipTriggerProps, tooltipRef) => {
-		const handleRef = (element) => {
-			if (typeof ref === "function") ref(element);
-			else if (ref) ref.current = element;
-			if (tooltipRef) tooltipRef.current = element;
-			labelRef(element);
-		};
-		return /* @__PURE__ */ jsx(TextItemElement, {
-			...filterBaseProps(restProps, { eventProps: true }),
-			...tooltipTriggerProps,
-			ref: handleRef,
-			styles,
-			children: processedChildren
-		});
-	};
+	const renderElement = (tooltipTriggerProps, tooltipRef) => /* @__PURE__ */ jsx(TextItemContent, {
+		...filterBaseProps(restProps, { eventProps: true }),
+		...tooltipTriggerProps,
+		ref,
+		labelRef,
+		tooltipRef,
+		onAppearanceCommit: isAutoTooltipEnabled ? scheduleOverflowCheck : void 0,
+		styles,
+		children: processedChildren
+	});
 	return renderWithTooltip(renderElement, tooltipPlacement);
 });
 TextItem.displayName = "TextItem";

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

@@ -1 +1 @@
-{"version":3,"file":"TextItem.js","names":["BASE_STYLES","COLOR_STYLES","filterBaseProps","Styles","tasty","TEXT_STYLES","forwardRef","HTMLAttributes","RefObject","PositionProps","extractStyles","highlightText","CubeTextProps","Text","TEXT_PROP_MAP","AutoTooltipValue","useAutoTooltip","STYLE_LIST","const","CubeTextItemProps","highlight","highlightCaseSensitive","highlightStyles","tooltip","tooltipPlacement","TextItemElement","qa","styles","display","verticalAlign","width","whiteSpace","overflow","textOverflow","TextItem","HTMLElement","props","ref","$","_c","children","t0","t1","t2","restProps","undefined","t3","labelRef","renderWithTooltip","t4","processedChildren","renderElement","tooltipTriggerProps","tooltipRef","handleRef","element","current","eventProps","displayName"],"sources":["../../../../src/components/content/TextItem/TextItem.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  COLOR_STYLES,\n  filterBaseProps,\n  Styles,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes, RefObject } from 'react';\nimport { PositionProps } from 'react-aria';\n\nimport { extractStyles } from '../../../utils/styles';\nimport { highlightText } from '../highlightText';\nimport { CubeTextProps, Text, TEXT_PROP_MAP } from '../Text';\nimport { AutoTooltipValue, useAutoTooltip } from '../use-auto-tooltip';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\nexport interface CubeTextItemProps extends CubeTextProps {\n  /**\n   * String to highlight within children.\n   * Only works when children is a plain string.\n   */\n  highlight?: string;\n  /**\n   * Whether highlight matching is case-sensitive.\n   * @default false\n   */\n  highlightCaseSensitive?: boolean;\n  /**\n   * Custom styles for highlighted text.\n   */\n  highlightStyles?: Styles;\n  /**\n   * Tooltip content and configuration:\n   * - string: simple tooltip text\n   * - true: auto tooltip on overflow (shows children as tooltip when truncated)\n   * - object: advanced configuration with optional auto property\n   * @default true\n   */\n  tooltip?: AutoTooltipValue;\n  /**\n   * Default tooltip placement.\n   * @default \"top\"\n   */\n  tooltipPlacement?: PositionProps['placement'];\n}\n\nconst TextItemElement = tasty(Text, {\n  qa: 'TextItem',\n  styles: {\n    display: 'inline-block',\n    verticalAlign: 'bottom',\n    width: 'max 100%',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n});\n\nexport const TextItem = forwardRef<HTMLElement, CubeTextItemProps>(\n  function TextItem(props, ref) {\n    const {\n      children,\n      highlight,\n      highlightCaseSensitive = false,\n      highlightStyles,\n      tooltip = true,\n      tooltipPlacement = 'top',\n      ...restProps\n    } = props;\n\n    // Extract style props (preset, color, etc.) to pass via styles prop\n    const styles = extractStyles(restProps, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n    const { labelRef, renderWithTooltip } = useAutoTooltip({\n      tooltip,\n      children,\n    });\n\n    // Process children with highlight if applicable\n    const processedChildren =\n      typeof children === 'string' && highlight\n        ? highlightText(\n            children,\n            highlight,\n            highlightCaseSensitive,\n            highlightStyles,\n          )\n        : children;\n\n    const renderElement = (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      // Merge refs\n      const handleRef = (element: HTMLElement | null) => {\n        // Set component forwarded ref\n        if (typeof ref === 'function') {\n          ref(element);\n        } else if (ref) {\n          (ref as any).current = element;\n        }\n        // Set tooltip ref\n        if (tooltipRef) {\n          (tooltipRef as any).current = element;\n        }\n        // Set label ref for overflow detection\n        labelRef(element);\n      };\n\n      return (\n        <TextItemElement\n          {...filterBaseProps(restProps, { eventProps: true })}\n          {...tooltipTriggerProps}\n          ref={handleRef}\n          styles={styles}\n        >\n          {processedChildren}\n        </TextItemElement>\n      );\n    };\n\n    return renderWithTooltip(renderElement, tooltipPlacement);\n  },\n);\n\nTextItem.displayName = 'TextItem';\n"],"mappings":";;;;;;;;;;;AAgBA,MAAMiB,aAAa;CAAC,GAAGjB;CAAa,GAAGK;CAAa,GAAGJ;CAAa;AAgCpE,MAAMwB,kBAAkBrB,MAAMS,OAAM;CAClCa,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,eAAe;EACfC,OAAO;EACPC,YAAY;EACZC,UAAU;EACVC,cAAc;EAChB;CACD,CAAC;AAEF,MAAaC,WAAW5B,WACtB,SAAA4B,SAAAE,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAC,UAAApB,WAAAC,wBAAAoB,IAAAnB,iBAAAC,SAAAmB,IAAAlB,kBAAAmB,IAAA,GAAAC,cAQIR;CALF,MAAAf,yBAAAoB,OAAAI,SAAA,QAAAJ;CAEA,MAAAlB,UAAAmB,OAAAG,SAAA,OAAAH;CACA,MAAAlB,mBAAAmB,OAAAE,SAAA,QAAAF;CAKF,MAAAhB,SAAejB,cAAckC,WAAW3B,YAAY,EAAE,EAAEH,cAAc;CAAC,IAAAgC;AAAA,KAAAR,EAAA,OAAAE,YAAAF,EAAA,OAAAf,SAAA;AAEhBuB,OAAA;GAAAvB;GAAAiB;GAGtD;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAf;AAAAe,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAHD,MAAA,EAAAS,UAAAC,sBAAwChC,eAAe8B,GAGrD;CAAC,IAAAG;AAAA,KAAAX,EAAA,OAAAE,YAAAF,EAAA,OAAAlB,aAAAkB,EAAA,OAAAjB,0BAAAiB,EAAA,OAAAhB,iBAAA;AAID2B,OAAA,OAAOT,aAAa,YAApBpB,YACIT,cACE6B,UACApB,WACAC,wBACAC,gBAEM,GAPZkB;AAOYF,IAAA,KAAAE;AAAAF,IAAA,KAAAlB;AAAAkB,IAAA,KAAAjB;AAAAiB,IAAA,KAAAhB;AAAAgB,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CARd,MAAAY,oBACED;CASF,MAAAE,iBAAsBC,qBAAAC,eAAA;EAKpB,MAAAC,aAAkBC,YAAA;AAEhB,OAAI,OAAOlB,QAAQ,WACjBA,KAAIkB,QAAQ;YACHlB,IACT,CAACA,IAAUmB,UAAYD;AAGzB,OAAIF,WACF,CAACA,WAAiBG,UAAYD;AAGhCR,YAASQ,QAAQ;;AACjB,SAGA,oBAAC;GAAe,GACVrD,gBAAgB0C,WAAW,EAAAa,YAAc,MAAM,CAAC;GAAA,GAChDL;GACCE,KAAAA;GACG3B;aAEPuB;IACe;;AAEpB,QAEKF,kBAAkBG,eAAe3B,iBAAiB;EAE5D;AAEDU,SAASwB,cAAc"}
+{"version":3,"file":"TextItem.js","names":["BASE_STYLES","COLOR_STYLES","filterBaseProps","mergeStyles","Styles","tasty","TEXT_STYLES","forwardRef","HTMLAttributes","Ref","RefObject","useEffectEvent","useLayoutEffect","PositionProps","extractStyles","highlightText","CubeTextProps","TEXT_DEFAULT_STYLES","TEXT_PROP_MAP","useTextProps","AutoTooltipValue","useAutoTooltip","STYLE_LIST","const","CubeTextItemProps","highlight","highlightCaseSensitive","highlightStyles","tooltip","tooltipPlacement","TEXT_ITEM_STYLES","display","verticalAlign","width","whiteSpace","overflow","textOverflow","TextItemElement","as","styles","variants","plain","table","preset","TEXT_ITEM_STYLE_KEYS","Object","keys","Array","getStaticVariant","count","length","every","key","TextItemContent","t0","$","_c","handleRef","onAppearanceCommit","t1","t2","t3","t4","t5","t6","ref","labelRef","tooltipRef","t7","props","t8","element","current","undefined","qa","textProps","variant","shouldMeasure","t9","refreshOverflow","t10","t11","t12","t13","TextItem","HTMLElement","children","restProps","renderWithTooltip","isAutoTooltipEnabled","scheduleOverflowCheck","processedChildren","renderElement","tooltipTriggerProps","eventProps","displayName"],"sources":["../../../../src/components/content/TextItem/TextItem.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  COLOR_STYLES,\n  filterBaseProps,\n  mergeStyles,\n  Styles,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  RefObject,\n  useEffectEvent,\n  useLayoutEffect,\n} from 'react';\nimport { PositionProps } from 'react-aria';\n\nimport { extractStyles } from '../../../utils/styles';\nimport { highlightText } from '../highlightText';\nimport {\n  CubeTextProps,\n  TEXT_DEFAULT_STYLES,\n  TEXT_PROP_MAP,\n  useTextProps,\n} from '../Text';\nimport { AutoTooltipValue, useAutoTooltip } from '../use-auto-tooltip';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\nexport interface CubeTextItemProps extends CubeTextProps {\n  /**\n   * String to highlight within children.\n   * Only works when children is a plain string.\n   */\n  highlight?: string;\n  /**\n   * Whether highlight matching is case-sensitive.\n   * @default false\n   */\n  highlightCaseSensitive?: boolean;\n  /**\n   * Custom styles for highlighted text.\n   */\n  highlightStyles?: Styles;\n  /**\n   * Tooltip content and configuration:\n   * - string: simple tooltip text\n   * - true: auto tooltip on overflow (shows children as tooltip when truncated)\n   * - object: advanced configuration with optional auto property\n   * @default true\n   */\n  tooltip?: AutoTooltipValue;\n  /**\n   * Default tooltip placement.\n   * @default \"top\"\n   */\n  tooltipPlacement?: PositionProps['placement'];\n}\n\nconst TEXT_ITEM_STYLES = {\n  display: 'inline-block',\n  verticalAlign: 'bottom',\n  width: 'max 100%',\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n} satisfies Styles;\n\nconst TextItemElement = tasty({\n  as: 'span',\n  styles: TEXT_DEFAULT_STYLES,\n  variants: {\n    plain: TEXT_ITEM_STYLES,\n    table: { ...TEXT_ITEM_STYLES, preset: 't3' },\n  },\n});\n\nconst TEXT_ITEM_STYLE_KEYS = Object.keys(TEXT_ITEM_STYLES) as Array<\n  keyof typeof TEXT_ITEM_STYLES\n>;\n\nfunction getStaticVariant(styles: Styles) {\n  const count = Object.keys(styles).length;\n\n  if (\n    !TEXT_ITEM_STYLE_KEYS.every((key) => styles[key] === TEXT_ITEM_STYLES[key])\n  ) {\n    return;\n  }\n\n  if (count === TEXT_ITEM_STYLE_KEYS.length) return 'plain';\n  if (count === TEXT_ITEM_STYLE_KEYS.length + 1 && styles.preset === 't3')\n    return 'table';\n}\n\n/** Own the DOM ref outside the tooltip's render prop so Compiler can retain it. */\nfunction TextItemContent({\n  ref,\n  labelRef,\n  tooltipRef,\n  onAppearanceCommit,\n  ...props\n}: CubeTextProps & {\n  ref?: Ref<HTMLElement>;\n  labelRef: (element: HTMLElement | null) => void;\n  tooltipRef?: RefObject<HTMLElement | null>;\n  onAppearanceCommit?: () => void;\n}) {\n  const handleRef = (element: HTMLElement | null) => {\n    if (typeof ref === 'function') ref(element);\n    else if (ref) ref.current = element;\n\n    if (tooltipRef) tooltipRef.current = element;\n\n    labelRef(element);\n  };\n\n  // Match tasty(Text)'s prop/style merge before Text applies its slot. A reset\n  // here removes the TextItem default and restores Text's native default.\n  const textProps = useTextProps({\n    qa: 'TextItem',\n    ...props,\n    as: props.as ?? undefined,\n    element: props.element || undefined,\n    styles: mergeStyles(TEXT_ITEM_STYLES, props.styles),\n  });\n  const variant = getStaticVariant(textProps.styles);\n\n  const shouldMeasure = !!onAppearanceCommit;\n  const refreshOverflow = useEffectEvent(() => onAppearanceCommit?.());\n\n  // A fixed box can change its text width without a ResizeObserver delivery.\n  // Queue after its props/slot commit, as the former ref reattachment did.\n  useLayoutEffect(() => {\n    if (shouldMeasure) refreshOverflow();\n  }, [textProps, shouldMeasure]);\n\n  // Reuse Tasty's static-style cache for common labels, with one native owner\n  // across style/slot changes so a focused label never remounts for styling.\n  return (\n    <TextItemElement\n      {...textProps}\n      variant={variant}\n      styles={variant ? undefined : textProps.styles}\n      ref={handleRef}\n    />\n  );\n}\n\nexport const TextItem = forwardRef<HTMLElement, CubeTextItemProps>(\n  function TextItem(props, ref) {\n    const {\n      children,\n      highlight,\n      highlightCaseSensitive = false,\n      highlightStyles,\n      tooltip = true,\n      tooltipPlacement = 'top',\n      ...restProps\n    } = props;\n\n    // Extract style props (preset, color, etc.) to pass via styles prop\n    const styles = extractStyles(restProps, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n    const {\n      labelRef,\n      renderWithTooltip,\n      isAutoTooltipEnabled,\n      scheduleOverflowCheck,\n    } = useAutoTooltip({ tooltip, children });\n\n    // Process children with highlight if applicable\n    const processedChildren =\n      typeof children === 'string' && highlight\n        ? highlightText(\n            children,\n            highlight,\n            highlightCaseSensitive,\n            highlightStyles,\n          )\n        : children;\n\n    const renderElement = (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      return (\n        <TextItemContent\n          {...filterBaseProps(restProps, { eventProps: true })}\n          {...tooltipTriggerProps}\n          ref={ref}\n          labelRef={labelRef}\n          tooltipRef={tooltipRef}\n          onAppearanceCommit={\n            isAutoTooltipEnabled ? scheduleOverflowCheck : undefined\n          }\n          styles={styles}\n        >\n          {processedChildren}\n        </TextItemContent>\n      );\n    };\n\n    return renderWithTooltip(renderElement, tooltipPlacement);\n  },\n);\n\nTextItem.displayName = 'TextItem';\n"],"mappings":"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"}

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";
@@ -45,61 +45,78 @@ const TitleElement = tasty({
 	}
 });
 const Title = forwardRef(function CubeTitle(t0, ref) {
-	const $ = c(22);
+	const $ = c(30);
 	let as;
 	let ellipsis;
-	let level;
 	let nowrap;
 	let props;
 	let qa;
 	if ($[0] !== t0) {
-		({qa, as, nowrap, ellipsis, level, ...props} = t0);
+		({qa, as, nowrap, ellipsis, ...props} = t0);
 		$[0] = t0;
 		$[1] = as;
 		$[2] = ellipsis;
-		$[3] = level;
-		$[4] = nowrap;
-		$[5] = props;
-		$[6] = qa;
+		$[3] = nowrap;
+		$[4] = props;
+		$[5] = qa;
 	} else {
 		as = $[1];
 		ellipsis = $[2];
-		level = $[3];
-		nowrap = $[4];
-		props = $[5];
-		qa = $[6];
+		nowrap = $[3];
+		props = $[4];
+		qa = $[5];
 	}
-	const propsWithSlots = useSlotProps(props, "title");
-	const tag = `h${level || 1}`;
-	let t1;
-	if ($[7] !== propsWithSlots) {
-		t1 = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);
-		$[7] = propsWithSlots;
-		$[8] = t1;
-	} else t1 = $[8];
-	const styles = t1;
-	const t2 = qa || "Title";
-	const t3 = as || tag;
-	const t4 = level || 1;
+	const t1 = useSlotProps(props, "title");
+	let T0;
+	let styles;
+	let t2;
+	let t3;
+	let t4;
 	let t5;
-	if ($[9] !== ellipsis || $[10] !== nowrap) {
-		t5 = {
-			nowrap,
-			ellipsis
-		};
-		$[9] = ellipsis;
-		$[10] = nowrap;
-		$[11] = t5;
-	} else t5 = $[11];
 	let t6;
-	if ($[12] !== propsWithSlots) {
+	if ($[6] !== as || $[7] !== ellipsis || $[8] !== nowrap || $[9] !== qa || $[10] !== t1) {
+		const { level, ...propsWithSlots } = t1;
+		const headingLevel = level || 1;
+		const tag = `h${headingLevel}`;
+		styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);
+		T0 = TitleElement;
+		t2 = qa || "Title";
+		t3 = as || tag;
+		t4 = headingLevel;
+		if ($[18] !== ellipsis || $[19] !== nowrap) {
+			t5 = {
+				nowrap,
+				ellipsis
+			};
+			$[18] = ellipsis;
+			$[19] = nowrap;
+			$[20] = t5;
+		} else t5 = $[20];
 		t6 = filterBaseProps(propsWithSlots, { eventProps: true });
-		$[12] = propsWithSlots;
-		$[13] = t6;
-	} else t6 = $[13];
+		$[6] = as;
+		$[7] = ellipsis;
+		$[8] = nowrap;
+		$[9] = qa;
+		$[10] = t1;
+		$[11] = T0;
+		$[12] = styles;
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t5;
+		$[17] = t6;
+	} else {
+		T0 = $[11];
+		styles = $[12];
+		t2 = $[13];
+		t3 = $[14];
+		t4 = $[15];
+		t5 = $[16];
+		t6 = $[17];
+	}
 	let t7;
-	if ($[14] !== ref || $[15] !== styles || $[16] !== t2 || $[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== t6) {
-		t7 = /* @__PURE__ */ jsx(TitleElement, {
+	if ($[21] !== T0 || $[22] !== ref || $[23] !== styles || $[24] !== t2 || $[25] !== t3 || $[26] !== t4 || $[27] !== t5 || $[28] !== t6) {
+		t7 = /* @__PURE__ */ jsx(T0, {
 			qa: t2,
 			as: t3,
 			"data-level": t4,
@@ -108,15 +125,16 @@ const Title = forwardRef(function CubeTitle(t0, ref) {
 			ref,
 			styles
 		});
-		$[14] = ref;
-		$[15] = styles;
-		$[16] = t2;
-		$[17] = t3;
-		$[18] = t4;
-		$[19] = t5;
-		$[20] = t6;
-		$[21] = t7;
-	} else t7 = $[21];
+		$[21] = T0;
+		$[22] = ref;
+		$[23] = styles;
+		$[24] = t2;
+		$[25] = t3;
+		$[26] = t4;
+		$[27] = t5;
+		$[28] = t6;
+		$[29] = t7;
+	} else t7 = $[29];
 	return t7;
 });
 const _Title = Object.assign(Title, {

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","PositionStyleProps","tasty","TEXT_STYLES","forwardRef","useSlotProps","extractStyles","CubeTextProps","TEXT_PROP_MAP","STYLE_LIST","CubeTitleProps","level","slot","TitleElement","qa","as","styles","gridArea","display","color","preset","margin","whiteSpace","textOverflow","ellipsis","overflow","width","Title","CubeTitle","t0","ref","$","_c","nowrap","props","propsWithSlots","tag","t1","t2","t3","t4","t5","t6","eventProps","t7","_Title","Object","assign","Danger","DangerTitle","Success","SuccessTitle","displayName"],"sources":["../../../src/components/content/Title.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  PositionStyleProps,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nimport { CubeTextProps, TEXT_PROP_MAP } from './Text';\n\nconst STYLE_LIST = [...TEXT_STYLES, ...CONTAINER_STYLES];\n\nexport interface CubeTitleProps\n  extends BaseProps,\n    CubeTextProps,\n    ContainerStyleProps,\n    PositionStyleProps {\n  /** The level of the heading **/\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** The slot to read provided props from. Defaults to `title` */\n  slot?: string;\n}\n\nconst TitleElement = tasty({\n  qa: 'Title',\n  as: 'h1', // it should be dynamic\n  styles: {\n    gridArea: 'title',\n    display: 'block',\n    color: '#dark',\n    preset: {\n      '': 'h6',\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    margin: '0',\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Title = forwardRef(function CubeTitle(\n  { qa, as, nowrap, ellipsis, level, ...props }: CubeTitleProps,\n  ref,\n) {\n  const propsWithSlots = useSlotProps(props, 'title');\n\n  const tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = `h${level || 1}`;\n  const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TitleElement\n      qa={qa || 'Title'}\n      as={as || tag}\n      data-level={level || 1}\n      mods={{\n        nowrap,\n        ellipsis,\n      }}\n      {...filterBaseProps(propsWithSlots, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst _Title = Object.assign(Title, {\n  Danger: forwardRef(function DangerTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#danger-text\" {...props} />;\n  }),\n  Success: forwardRef(function SuccessTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#success-text\" {...props} />;\n  }),\n});\n\n_Title.displayName = 'Title';\n\nexport { _Title as Title };\n"],"mappings":"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"}
+{"version":3,"file":"Title.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","PositionStyleProps","tasty","TEXT_STYLES","forwardRef","useSlotProps","extractStyles","CubeTextProps","TEXT_PROP_MAP","STYLE_LIST","CubeTitleProps","level","slot","TitleElement","qa","as","styles","gridArea","display","color","preset","margin","whiteSpace","textOverflow","ellipsis","overflow","width","Title","CubeTitle","t0","ref","$","_c","nowrap","props","t1","T0","t2","t3","t4","t5","t6","propsWithSlots","headingLevel","tag","const","eventProps","t7","_Title","Object","assign","Danger","DangerTitle","Success","SuccessTitle","displayName"],"sources":["../../../src/components/content/Title.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  PositionStyleProps,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nimport { CubeTextProps, TEXT_PROP_MAP } from './Text';\n\nconst STYLE_LIST = [...TEXT_STYLES, ...CONTAINER_STYLES];\n\nexport interface CubeTitleProps\n  extends BaseProps,\n    CubeTextProps,\n    ContainerStyleProps,\n    PositionStyleProps {\n  /** The level of the heading **/\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** The slot to read provided props from. Defaults to `title` */\n  slot?: string;\n}\n\nconst TitleElement = tasty({\n  qa: 'Title',\n  as: 'h1', // it should be dynamic\n  styles: {\n    gridArea: 'title',\n    display: 'block',\n    color: '#dark',\n    preset: {\n      '': 'h6',\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    margin: '0',\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Title = forwardRef(function CubeTitle(\n  { qa, as, nowrap, ellipsis, ...props }: CubeTitleProps,\n  ref,\n) {\n  // `level` is read after the slot merge: `Dialog` makes its title an `h2`\n  // through the slot, and a level taken from the bare props never sees that.\n  const { level, ...propsWithSlots } = useSlotProps(props, 'title');\n\n  const headingLevel: NonNullable<CubeTitleProps['level']> = level || 1;\n  const tag = `h${headingLevel}` as const;\n  const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TitleElement\n      qa={qa || 'Title'}\n      as={as || tag}\n      data-level={headingLevel}\n      mods={{\n        nowrap,\n        ellipsis,\n      }}\n      {...filterBaseProps(propsWithSlots, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst _Title = Object.assign(Title, {\n  Danger: forwardRef(function DangerTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#danger-text\" {...props} />;\n  }),\n  Success: forwardRef(function SuccessTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#success-text\" {...props} />;\n  }),\n});\n\n_Title.displayName = 'Title';\n\nexport { _Title as Title };\n"],"mappings":"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"}