@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/components/content/Text.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
+import { c } from "react-compiler-runtime";
 import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -45,20 +46,66 @@ const TextElement = tasty({
 	}
 });
 const Text = forwardRef(function CubeText(allProps, ref) {
+	const $ = c(18);
 	allProps = useSlotProps(allProps, "text");
-	const { as, qa, ellipsis, nowrap, ...props } = allProps;
-	const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);
-	return /* @__PURE__ */ jsx(TextElement, {
-		as: as || "span",
-		qa: qa || "Text",
-		mods: {
-			nowrap,
-			ellipsis: !!ellipsis
-		},
-		...filterBaseProps(props, { eventProps: true }),
-		ref,
-		styles
-	});
+	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) {
+			t2 = {
+				nowrap,
+				ellipsis: t4
+			};
+			$[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,
+			mods: t2,
+			...t3,
+			ref,
+			styles
+		});
+		$[10] = T0;
+		$[11] = ref;
+		$[12] = styles;
+		$[13] = t0;
+		$[14] = t1;
+		$[15] = t2;
+		$[16] = t3;
+		$[17] = t4;
+	} else t4 = $[17];
+	return t4;
 });
 const MinorText = tasty(Text, { styles: { color: "#minor" } });
 const DangerText = tasty(Text, {

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":[],"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":";;;;;;;;AAuBA,MAAM,aAAa;CAAC,GAAG;CAAa,GAAG;CAAa,GAAG;CAAa;AAEpE,MAAa,gBAAgB;CAC3B,WAAW;CACX,QAAQ;CACR,QAAQ;CACT;AA2BD,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,UAAU;GACX;EACD,QAAQ;EACR,SAAS;EACT,YAAY;GACV,IAAI;GACJ,qBAAqB;GACtB;EACD,cAAc;GACZ,IAAI;GACJ,UAAU;GACX;EACD,UAAU;GACR,IAAI;GACJ,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,OAAO,WAAW,SAAS,SAAS,UAAyB,KAAK;AACtE,YAAW,aAAa,UAAU,OAAO;CAEzC,MAAM,EAAE,IAAI,IAAI,UAAU,QAAQ,GAAG,UAAU;CAC/C,MAAM,SAAS,cAAc,OAAO,YAAY,EAAE,EAAE,cAAc;AAElE,QACE,oBAAC;EACC,IAAI,MAAM;EACV,IAAI,MAAM;EACV,MAAM;GACJ;GACA,UAAU,CAAC,CAAC;GACb;EACD,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ;AAEF,MAAM,YAAY,MAAM,MAAM,EAC5B,QAAQ,EACN,OAAO,UACR,EACF,CAAC;AAEF,MAAM,aAAa,MAAM,MAAM;CAC7B,MAAM;CACN,QAAQ,EACN,OAAO,gBACR;CACF,CAAC;AAEF,MAAM,cAAc,MAAM,MAAM,EAC9B,QAAQ,EACN,OAAO,iBACR,EACF,CAAC;AAEF,MAAM,aAAa,MAAM,MAAM;CAC7B,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,eAAe,MAAM,MAAM;CAC/B,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,kBAAkB,MAAM,MAAM,EAClC,QAAQ,EACN,OAAO,cACR,EACF,CAAC;AAEF,MAAM,gBAAgB,MAAM,MAAM;CAChC,IAAI;CACJ,QAAQ;EACN,MAAM;EACN,OAAO;EACR;CACF,CAAC;AAeF,MAAM,QAAuB,OAAO,OAAO,MAAM;CAC/C,OAAO;CACP,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,UAAU;CACV,aAAa;CACb,WAAW;CACZ,CAAC;AAEF,MAAM,cAAc"}
+{"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":";;;;;;;;;AAuBA,MAAMiB,aAAa;CAAC,GAAGhB;CAAa,GAAGQ;CAAa,GAAGN;CAAa;AAEpE,MAAagB,gBAAgB;CAC3BC,WAAW;CACXC,QAAQ;CACRC,QAAQ;CACT;AA2BD,MAAMM,cAAcpB,MAAM;CACxBqB,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;GACP,IAAI;GACJN,UAAU;GACX;EACDO,QAAQ;EACRC,SAAS;EACTC,YAAY;GACV,IAAI;GACJ,qBAAqB;GACtB;EACDC,cAAc;GACZ,IAAI;GACJV,UAAU;GACX;EACDW,UAAU;GACR,IAAI;GACJX,UAAU;GACX;EACDY,OAAO;GACL,IAAI;GACJZ,UAAU;GACZ;EACF;CACD,CAAC;AAEF,MAAMa,OAAO3B,WAAW,SAAA4B,SAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;AACtBH,YAAW1B,aAAa0B,UAAU,OAAO;CAAjC,IAAAI;CAAA,IAAAd;CAAA,IAAAe;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAN,EAAA,OAAAF,UAAA;EAER,MAAA,EAAAX,IAAAD,IAAAH,UAAAC,QAAA,GAAAuB,UAA+CT;AAC/CV,WAAef,cAAckC,OAAOjC,YAAY,EAAE,EAAEE,cAAc;AAG/D0B,OAAAjB;AACKkB,OAAAhB,MAAA;AACAiB,OAAAlB,MAAA;EAGQ,MAAAsB,KAAA,CAAC,CAACzB;AAAQ,MAAAiB,EAAA,OAAAhB,UAAAgB,EAAA,OAAAQ,IAAA;AAFhBH,QAAA;IAAArB;IAAAD,UAEMyB;IACX;AAAAR,KAAA,KAAAhB;AAAAgB,KAAA,KAAAQ;AAAAR,KAAA,KAAAK;QAAAA,MAAAL,EAAA;AACGM,OAAA5C,gBAAgB6C,OAAO,EAAAE,YAAc,MAAM,CAAC;AAAAT,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAZ;AAAAY,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;QAAA;AAAAJ,OAAAF,EAAA;AAAAZ,WAAAY,EAAA;AAAAG,OAAAH,EAAA;AAAAI,OAAAJ,EAAA;AAAAK,OAAAL,EAAA;AAAAM,OAAAN,EAAA;;CAAA,IAAAQ;AAAA,KAAAR,EAAA,QAAAE,MAAAF,EAAA,QAAAD,OAAAC,EAAA,QAAAZ,UAAAY,EAAA,QAAAG,MAAAH,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,MAAAL,EAAA,QAAAM,IAAA;AAPlDE,OAAA,oBAAC;GACK,IAAAL;GACA,IAAAC;GACE,MAAAC;GAGL,GACGC;GACCP;GACGX;IACR;AAAAY,IAAA,MAAAE;AAAAF,IAAA,MAAAD;AAAAC,IAAA,MAAAZ;AAAAY,IAAA,MAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAK;AAAAL,IAAA,MAAAM;AAAAN,IAAA,MAAAQ;OAAAA,MAAAR,EAAA;AAAA,QAVFQ;EAYF;AAEF,MAAME,YAAY7C,MAAM+B,MAAM,EAC5BR,QAAQ,EACNuB,OAAO,UACT,EACD,CAAC;AAEF,MAAMC,aAAa/C,MAAM+B,MAAM;CAC7BiB,MAAM;CACNzB,QAAQ,EACNuB,OAAO,gBACT;CACD,CAAC;AAEF,MAAMG,cAAcjD,MAAM+B,MAAM,EAC9BR,QAAQ,EACNuB,OAAO,iBACT,EACD,CAAC;AAEF,MAAMI,aAAalD,MAAM+B,MAAM;CAC7BT,IAAI;CACJ6B,QAAQ;CACT,CAAC;AAEF,MAAMC,eAAepD,MAAM+B,MAAM;CAC/BT,IAAI;CACJ6B,QAAQ;CACT,CAAC;AAEF,MAAME,kBAAkBrD,MAAM+B,MAAM,EAClCR,QAAQ,EACNuB,OAAO,cACT,EACD,CAAC;AAEF,MAAMQ,gBAAgBtD,MAAM+B,MAAM;CAChCT,IAAI;CACJC,QAAQ;EACNgC,MAAM;EACNT,OAAO;EACT;CACD,CAAC;AAeF,MAAMmB,QAAuBC,OAAOC,OAAOpC,MAAM;CAC/C2B,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,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } 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, useMemo } from "react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/content/TextItem/TextItem.tsx
@@ -25,21 +26,41 @@ const TextItemElement = tasty(_Text, {
 	}
 });
 const TextItem = forwardRef(function TextItem(props, ref) {
-	const { children, highlight, highlightCaseSensitive = false, highlightStyles, tooltip = true, tooltipPlacement = "top", ...restProps } = props;
+	const $ = c(8);
+	const { children, highlight, highlightCaseSensitive: t0, highlightStyles, tooltip: t1, tooltipPlacement: t2, ...restProps } = props;
+	const highlightCaseSensitive = t0 === void 0 ? false : t0;
+	const tooltip = t1 === void 0 ? true : t1;
+	const tooltipPlacement = t2 === void 0 ? "top" : t2;
 	const styles = extractStyles(restProps, STYLE_LIST, {}, TEXT_PROP_MAP);
-	const { labelRef, renderWithTooltip } = useAutoTooltip({
-		tooltip,
-		children
-	});
-	const processedChildren = useMemo(() => {
-		if (typeof children === "string" && highlight) return highlightText(children, highlight, highlightCaseSensitive, highlightStyles);
-		return children;
-	}, [
-		children,
-		highlight,
-		highlightCaseSensitive,
-		highlightStyles
-	]);
+	let t3;
+	if ($[0] !== children || $[1] !== tooltip) {
+		t3 = {
+			tooltip,
+			children
+		};
+		$[0] = children;
+		$[1] = tooltip;
+		$[2] = t3;
+	} else t3 = $[2];
+	const { labelRef, renderWithTooltip } = useAutoTooltip(t3);
+	let t4;
+	bb0: {
+		if (typeof children === "string" && highlight) {
+			let t5;
+			if ($[3] !== children || $[4] !== highlight || $[5] !== highlightCaseSensitive || $[6] !== highlightStyles) {
+				t5 = highlightText(children, highlight, highlightCaseSensitive, highlightStyles);
+				$[3] = children;
+				$[4] = highlight;
+				$[5] = highlightCaseSensitive;
+				$[6] = highlightStyles;
+				$[7] = t5;
+			} else t5 = $[7];
+			t4 = t5;
+			break bb0;
+		}
+		t4 = children;
+	}
+	const processedChildren = t4;
 	const renderElement = (tooltipTriggerProps, tooltipRef) => {
 		const handleRef = (element) => {
 			if (typeof ref === "function") ref(element);

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

@@ -1 +1 @@
-{"version":3,"file":"TextItem.js","names":["Text"],"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, useMemo } from 'react';\nimport { OverlayProps } 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?: OverlayProps['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 = useMemo(() => {\n      if (typeof children === 'string' && highlight) {\n        return highlightText(\n          children,\n          highlight,\n          highlightCaseSensitive,\n          highlightStyles,\n        );\n      }\n      return children;\n    }, [children, highlight, highlightCaseSensitive, highlightStyles]);\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,MAAM,aAAa;CAAC,GAAG;CAAa,GAAG;CAAa,GAAG;CAAa;AAgCpE,MAAM,kBAAkB,MAAMA,OAAM;CAClC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,eAAe;EACf,OAAO;EACP,YAAY;EACZ,UAAU;EACV,cAAc;EACf;CACF,CAAC;AAEF,MAAa,WAAW,WACtB,SAAS,SAAS,OAAO,KAAK;CAC5B,MAAM,EACJ,UACA,WACA,yBAAyB,OACzB,iBACA,UAAU,MACV,mBAAmB,OACnB,GAAG,cACD;CAGJ,MAAM,SAAS,cAAc,WAAW,YAAY,EAAE,EAAE,cAAc;CAEtE,MAAM,EAAE,UAAU,sBAAsB,eAAe;EACrD;EACA;EACD,CAAC;CAGF,MAAM,oBAAoB,cAAc;AACtC,MAAI,OAAO,aAAa,YAAY,UAClC,QAAO,cACL,UACA,WACA,wBACA,gBACD;AAEH,SAAO;IACN;EAAC;EAAU;EAAW;EAAwB;EAAgB,CAAC;CAElE,MAAM,iBACJ,qBACA,eACG;EAEH,MAAM,aAAa,YAAgC;AAEjD,OAAI,OAAO,QAAQ,WACjB,KAAI,QAAQ;YACH,IACT,CAAC,IAAY,UAAU;AAGzB,OAAI,WACF,CAAC,WAAmB,UAAU;AAGhC,YAAS,QAAQ;;AAGnB,SACE,oBAAC;GACC,GAAI,gBAAgB,WAAW,EAAE,YAAY,MAAM,CAAC;GACpD,GAAI;GACJ,KAAK;GACG;aAEP;IACe;;AAItB,QAAO,kBAAkB,eAAe,iBAAiB;EAE5D;AAED,SAAS,cAAc"}
+{"version":3,"file":"TextItem.js","names":["BASE_STYLES","COLOR_STYLES","filterBaseProps","Styles","tasty","TEXT_STYLES","forwardRef","HTMLAttributes","RefObject","useMemo","OverlayProps","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","bb0","t5","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, useMemo } from 'react';\nimport { OverlayProps } 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?: OverlayProps['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 = useMemo(() => {\n      if (typeof children === 'string' && highlight) {\n        return highlightText(\n          children,\n          highlight,\n          highlightCaseSensitive,\n          highlightStyles,\n        );\n      }\n      return children;\n    }, [children, highlight, highlightCaseSensitive, highlightStyles]);\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,MAAMkB,aAAa;CAAC,GAAGlB;CAAa,GAAGK;CAAa,GAAGJ;CAAa;AAgCpE,MAAMyB,kBAAkBtB,MAAMU,OAAM;CAClCa,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,eAAe;EACfC,OAAO;EACPC,YAAY;EACZC,UAAU;EACVC,cAAc;EAChB;CACD,CAAC;AAEF,MAAaC,WAAW7B,WACtB,SAAA6B,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;AAAAC,MAAA;AAID,MAAI,OAAOV,aAAa,YAApBpB,WAAyC;GAAA,IAAA+B;AAAA,OAAAb,EAAA,OAAAE,YAAAF,EAAA,OAAAlB,aAAAkB,EAAA,OAAAjB,0BAAAiB,EAAA,OAAAhB,iBAAA;AACpC6B,SAAAxC,cACL6B,UACApB,WACAC,wBACAC,gBACD;AAAAgB,MAAA,KAAAE;AAAAF,MAAA,KAAAlB;AAAAkB,MAAA,KAAAjB;AAAAiB,MAAA,KAAAhB;AAAAgB,MAAA,KAAAa;SAAAA,MAAAb,EAAA;AALDW,QAAOE;AAAP,SAAAD;;AAOFD,OAAOT;;CATT,MAAAY,oBAA0BH;CAY1B,MAAAI,iBAAsBC,qBAAAC,eAAA;EAKpB,MAAAC,aAAkBC,YAAA;AAEhB,OAAI,OAAOpB,QAAQ,WACjBA,KAAIoB,QAAQ;YACHpB,IACT,CAACA,IAAUqB,UAAYD;AAGzB,OAAIF,WACF,CAACA,WAAiBG,UAAYD;AAGhCV,YAASU,QAAQ;;AACjB,SAGA,oBAAC;GAAe,GACVxD,gBAAgB2C,WAAW,EAAAe,YAAc,MAAM,CAAC;GAAA,GAChDL;GACCE,KAAAA;GACG7B;aAEPyB;IACe;;AAEpB,QAEKJ,kBAAkBK,eAAe7B,iBAAiB;EAE5D;AAEDU,SAAS0B,cAAc"}

package/dist/components/content/Title.js

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -43,37 +44,111 @@ const TitleElement = tasty({
 		}
 	}
 });
-const Title = forwardRef(function CubeTitle({ qa, as, nowrap, ellipsis, level, ...props }, ref) {
+const Title = forwardRef(function CubeTitle(t0, ref) {
+	const $ = c(22);
+	let as;
+	let ellipsis;
+	let level;
+	let nowrap;
+	let props;
+	let qa;
+	if ($[0] !== t0) {
+		({qa, as, nowrap, ellipsis, level, ...props} = t0);
+		$[0] = t0;
+		$[1] = as;
+		$[2] = ellipsis;
+		$[3] = level;
+		$[4] = nowrap;
+		$[5] = props;
+		$[6] = qa;
+	} else {
+		as = $[1];
+		ellipsis = $[2];
+		level = $[3];
+		nowrap = $[4];
+		props = $[5];
+		qa = $[6];
+	}
 	const propsWithSlots = useSlotProps(props, "title");
 	const tag = `h${level || 1}`;
-	const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);
-	return /* @__PURE__ */ jsx(TitleElement, {
-		qa: qa || "Title",
-		as: as || tag,
-		"data-level": level || 1,
-		mods: {
+	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;
+	let t5;
+	if ($[9] !== ellipsis || $[10] !== nowrap) {
+		t5 = {
 			nowrap,
 			ellipsis
-		},
-		...filterBaseProps(propsWithSlots, { eventProps: true }),
-		ref,
-		styles
-	});
+		};
+		$[9] = ellipsis;
+		$[10] = nowrap;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== propsWithSlots) {
+		t6 = filterBaseProps(propsWithSlots, { eventProps: true });
+		$[12] = propsWithSlots;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== ref || $[15] !== styles || $[16] !== t2 || $[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== t6) {
+		t7 = /* @__PURE__ */ jsx(TitleElement, {
+			qa: t2,
+			as: t3,
+			"data-level": t4,
+			mods: t5,
+			...t6,
+			ref,
+			styles
+		});
+		$[14] = ref;
+		$[15] = styles;
+		$[16] = t2;
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t7;
+	} else t7 = $[21];
+	return t7;
 });
 const _Title = Object.assign(Title, {
 	Danger: forwardRef(function DangerTitle(props, ref) {
-		return /* @__PURE__ */ jsx(Title, {
-			ref,
-			color: "#danger-text",
-			...props
-		});
+		const $ = c(3);
+		let t0;
+		if ($[0] !== props || $[1] !== ref) {
+			t0 = /* @__PURE__ */ jsx(Title, {
+				ref,
+				color: "#danger-text",
+				...props
+			});
+			$[0] = props;
+			$[1] = ref;
+			$[2] = t0;
+		} else t0 = $[2];
+		return t0;
 	}),
 	Success: forwardRef(function SuccessTitle(props, ref) {
-		return /* @__PURE__ */ jsx(Title, {
-			ref,
-			color: "#success-text",
-			...props
-		});
+		const $ = c(3);
+		let t0;
+		if ($[0] !== props || $[1] !== ref) {
+			t0 = /* @__PURE__ */ jsx(Title, {
+				ref,
+				color: "#success-text",
+				...props
+			});
+			$[0] = props;
+			$[1] = ref;
+			$[2] = t0;
+		} else t0 = $[2];
+		return t0;
 	})
 });
 _Title.displayName = "Title";

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":[],"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}\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":";;;;;;;;;AAgBA,MAAM,aAAa,CAAC,GAAG,aAAa,GAAG,iBAAiB;AAWxD,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,UAAU;EACV,SAAS;EACT,OAAO;EACP,QAAQ;GACN,IAAI;GACJ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACD,QAAQ;EACR,YAAY;GACV,IAAI;GACJ,qBAAqB;GACtB;EACD,cAAc;GACZ,IAAI;GACJ,UAAU;GACX;EACD,UAAU;GACR,IAAI;GACJ,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,QAAQ,WAAW,SAAS,UAChC,EAAE,IAAI,IAAI,QAAQ,UAAU,OAAO,GAAG,SACtC,KACA;CACA,MAAM,iBAAiB,aAAa,OAAO,QAAQ;CAEnD,MAAM,MAA+C,IAAI,SAAS;CAClE,MAAM,SAAS,cAAc,gBAAgB,YAAY,EAAE,EAAE,cAAc;AAE3E,QACE,oBAAC;EACC,IAAI,MAAM;EACV,IAAI,MAAM;EACV,cAAY,SAAS;EACrB,MAAM;GACJ;GACA;GACD;EACD,GAAI,gBAAgB,gBAAgB,EAAE,YAAY,MAAM,CAAC;EACpD;EACG;GACR;EAEJ;AAEF,MAAM,SAAS,OAAO,OAAO,OAAO;CAClC,QAAQ,WAAW,SAAS,YAAY,OAAuB,KAAK;AAClE,SAAO,oBAAC;GAAW;GAAK,OAAM;GAAe,GAAI;IAAS;GAC1D;CACF,SAAS,WAAW,SAAS,aAAa,OAAuB,KAAK;AACpE,SAAO,oBAAC;GAAW;GAAK,OAAM;GAAgB,GAAI;IAAS;GAC3D;CACH,CAAC;AAEF,OAAO,cAAc"}
+{"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","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}\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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"}

package/dist/components/content/Tree/Tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -144,24 +144,24 @@ function TreeBase(props, ref) {
 		if (selection === "all") {
 			arr = [];
 			for (const key of state.collection.getKeys()) {
-				const node = state.collection.getItem(key);
-				if (node && node.type === "item") arr.push(key);
+				const node_0 = state.collection.getItem(key);
+				if (node_0 && node_0.type === "item") arr.push(key);
 			}
 		} else arr = Array.from(selection);
-		const nextSet = new Set(arr);
-		const previous = selectedKeys !== void 0 ? new Set(selectedKeys ?? []) : previousSelectionRef.current;
-		previousSelectionRef.current = nextSet;
-		const toggled = findToggledKey(previous, nextSet);
-		if (!toggled) return;
-		const node = nodesByKey.get(String(toggled.key));
-		if (!node) return;
+		const nextSet_0 = new Set(arr);
+		const previous_0 = selectedKeys !== void 0 ? new Set(selectedKeys ?? []) : previousSelectionRef.current;
+		previousSelectionRef.current = nextSet_0;
+		const toggled_0 = findToggledKey(previous_0, nextSet_0);
+		if (!toggled_0) return;
+		const node_1 = nodesByKey.get(String(toggled_0.key));
+		if (!node_1) return;
 		const selectedNodes = arr.map((k) => nodesByKey.get(String(k))).filter((n) => !!n);
-		const info = {
-			selected: toggled.added,
-			node,
+		const info_0 = {
+			selected: toggled_0.added,
+			node: node_1,
 			selectedNodes
 		};
-		onSelect(arr, info);
+		onSelect(arr, info_0);
 	});
 	const hasOnSelect = onSelect != null;
 	const ariaProps = useMemo(() => ({
@@ -195,9 +195,9 @@ function TreeBase(props, ref) {
 		const collection = baseState.collection;
 		if (typeof collection.getChildren === "function") return baseState;
 		const patched = Object.create(collection);
-		patched.getChildren = (key) => {
-			const node = collection.getItem(key);
-			return node ? Array.from(node.childNodes) : [];
+		patched.getChildren = (key_0) => {
+			const node_2 = collection.getItem(key_0);
+			return node_2 ? Array.from(node_2.childNodes) : [];
 		};
 		return {
 			...baseState,
@@ -207,9 +207,9 @@ function TreeBase(props, ref) {
 	const { gridProps } = useTree(ariaProps, state, treeRef);
 	const visibleNodes = useMemo(() => {
 		const out = [];
-		for (const key of state.collection.getKeys()) {
-			const node = state.collection.getItem(key);
-			if (node && node.type === "item") out.push(node);
+		for (const key_1 of state.collection.getKeys()) {
+			const node_3 = state.collection.getItem(key_1);
+			if (node_3 && node_3.type === "item") out.push(node_3);
 		}
 		return out;
 	}, [state.collection]);
@@ -264,9 +264,9 @@ function TreeBase(props, ref) {
 		const focusedKey = state.selectionManager.focusedKey;
 		if (focusedKey == null) return;
 		if (lastFocusedScrollRef.current === focusedKey) return;
-		const index = visibleNodesRef.current.findIndex((n) => n.key === focusedKey);
-		if (index < 0) return;
-		rowVirtualizer.scrollToIndex(index, { align: "auto" });
+		const index_0 = visibleNodesRef.current.findIndex((n_0) => n_0.key === focusedKey);
+		if (index_0 < 0) return;
+		rowVirtualizer.scrollToIndex(index_0, { align: "auto" });
 		lastFocusedScrollRef.current = focusedKey;
 	}, [state.selectionManager.focusedKey, rowVirtualizer]);
 	/**
@@ -286,9 +286,9 @@ function TreeBase(props, ref) {
 		const target = selectedKeys[0];
 		if (target == null) return;
 		if (lastSelectedScrollRef.current === target) return;
-		const index = visibleNodes.findIndex((n) => String(n.key) === target);
-		if (index < 0) return;
-		rowVirtualizer.scrollToIndex(index, { align: "auto" });
+		const index_1 = visibleNodes.findIndex((n_1) => String(n_1.key) === target);
+		if (index_1 < 0) return;
+		rowVirtualizer.scrollToIndex(index_1, { align: "auto" });
 		lastSelectedScrollRef.current = target;
 	}, [
 		selectedKeys,
@@ -313,17 +313,17 @@ function TreeBase(props, ref) {
 				role: "presentation",
 				style: sizerStyle,
 				children: rowVirtualizer.getVirtualItems().map((virtualItem) => {
-					const node = visibleNodes[virtualItem.index];
-					if (!node) return null;
-					const keyStr = String(node.key);
+					const node_5 = visibleNodes[virtualItem.index];
+					if (!node_5) return null;
+					const keyStr = String(node_5.key);
 					const data = nodesByKey.get(keyStr);
 					if (!data) return null;
 					return /* @__PURE__ */ jsx(TreeNode, {
-						node,
+						node: node_5,
 						data,
 						state,
 						isCheckable,
-						isExpanded: state.expandedKeys.has(node.key),
+						isExpanded: state.expandedKeys.has(node_5.key),
 						isChecked: checkbox.checkedSet.has(keyStr),
 						isIndeterminate: checkbox.halfCheckedSet.has(keyStr),
 						isLoading: loadDataController.loadingKeys.has(keyStr),
@@ -345,7 +345,7 @@ function TreeBase(props, ref) {
 						menuProps,
 						onToggleChecked: checkbox.toggle,
 						onAction: treeOnAction
-					}, node.key);
+					}, node_5.key);
 				})
 			})
 		})