@cube-dev/ui-kit 0.199.1 → 0.199.2

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 //#region src/components/content/Layout/hooks/useTinyScrollbar.ts
@@ -176,32 +176,30 @@ function useTinyScrollbar(ref, enabled) {
 	let t10;
 	if ($[18] !== t8 || $[19] !== t9) {
 		t10 = {
-			"--scrollbar-v-top": t8,
-			"--scrollbar-v-height": t9
+			"$scrollbar-v-top": t8,
+			"$scrollbar-v-height": t9
 		};
 		$[18] = t8;
 		$[19] = t9;
 		$[20] = t10;
 	} else t10 = $[20];
-	const t11 = t10;
-	const t12 = `${hHandle.left}px`;
-	const t13 = `${hHandle.width}px`;
+	const t11 = `${hHandle.left}px`;
+	const t12 = `${hHandle.width}px`;
+	let t13;
+	if ($[21] !== t11 || $[22] !== t12) {
+		t13 = {
+			"$scrollbar-h-left": t11,
+			"$scrollbar-h-width": t12
+		};
+		$[21] = t11;
+		$[22] = t12;
+		$[23] = t13;
+	} else t13 = $[23];
 	let t14;
-	if ($[21] !== t12 || $[22] !== t13) {
+	if ($[24] !== isAtEndX || $[25] !== isAtEndY || $[26] !== isAtStartX || $[27] !== isAtStartY || $[28] !== isScrolling || $[29] !== scrollState.hasOverflowX || $[30] !== scrollState.hasOverflowY || $[31] !== t10 || $[32] !== t13) {
 		t14 = {
-			"--scrollbar-h-left": t12,
-			"--scrollbar-h-width": t13
-		};
-		$[21] = t12;
-		$[22] = t13;
-		$[23] = t14;
-	} else t14 = $[23];
-	const t15 = t14;
-	let t16;
-	if ($[24] !== isAtEndX || $[25] !== isAtEndY || $[26] !== isAtStartX || $[27] !== isAtStartY || $[28] !== isScrolling || $[29] !== scrollState.hasOverflowX || $[30] !== scrollState.hasOverflowY || $[31] !== t11 || $[32] !== t15) {
-		t16 = {
-			handleVStyle: t11,
-			handleHStyle: t15,
+			handleVTokens: t10,
+			handleHTokens: t13,
 			hasOverflowY: scrollState.hasOverflowY,
 			hasOverflowX: scrollState.hasOverflowX,
 			isScrolling,
@@ -217,11 +215,11 @@ function useTinyScrollbar(ref, enabled) {
 		$[28] = isScrolling;
 		$[29] = scrollState.hasOverflowX;
 		$[30] = scrollState.hasOverflowY;
-		$[31] = t11;
-		$[32] = t15;
-		$[33] = t16;
-	} else t16 = $[33];
-	return t16;
+		$[31] = t10;
+		$[32] = t13;
+		$[33] = t14;
+	} else t14 = $[33];
+	return t14;
 }
 //#endregion
 export { useTinyScrollbar };

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

@@ -1 +1 @@
-{"version":3,"file":"useTinyScrollbar.js","names":["CSSProperties","RefObject","useCallback","useEffect","useRef","useState","TinyScrollbarState","hasOverflowY","hasOverflowX","scrollTop","scrollLeft","scrollHeight","scrollWidth","clientHeight","clientWidth","TinyScrollbarResult","handleVStyle","handleHStyle","isScrolling","isAtStartX","isAtStartY","isAtEndX","isAtEndY","MIN_HANDLE_SIZE","SCROLL_VISIBILITY_DURATION","OVERFLOW_THRESHOLD","useTinyScrollbar","ref","enabled","$","_c","t0","Symbol","for","scrollState","setScrollState","setIsScrolling","scrollTimeoutRef","resizeFrameRef","t1","element","current","prev","updateScrollState","t2","t3","element_0","showScrollbarBriefly","clearTimeout","setTimeout","handleScroll","handleMouseEnter","addEventListener","passive","resizeObserver","ResizeObserver","cancelAnimationFrame","requestAnimationFrame","observe","removeEventListener","disconnect","t4","scrollHeight_0","clientHeight_0","scrollTop_0","hasOverflowY_0","top","height","trackHeight","ratio","handleHeight","Math","max","round","availableTrack","scrollRatio","handleTop","calculateVHandle","t5","scrollWidth_0","clientWidth_0","scrollLeft_0","hasOverflowX_0","left","width","trackWidth","ratio_0","handleWidth","availableTrack_0","scrollRatio_0","handleLeft","calculateHHandle","t6","vHandle","t7","hHandle","scrollTop_1","scrollLeft_1","scrollHeight_1","scrollWidth_1","clientHeight_1","clientWidth_1","hasOverflowY_1","hasOverflowX_1","t8","t9","t10","t11","t12","t13","t14","t15","t16","_c"],"sources":["../../../../../src/components/content/Layout/hooks/useTinyScrollbar.ts"],"sourcesContent":["import {\n  CSSProperties,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nexport interface TinyScrollbarState {\n  hasOverflowY: boolean;\n  hasOverflowX: boolean;\n  scrollTop: number;\n  scrollLeft: number;\n  scrollHeight: number;\n  scrollWidth: number;\n  clientHeight: number;\n  clientWidth: number;\n}\n\nexport interface TinyScrollbarResult {\n  handleVStyle: CSSProperties;\n  handleHStyle: CSSProperties;\n  hasOverflowY: boolean;\n  hasOverflowX: boolean;\n  isScrolling: boolean;\n  /** Whether scroll is at the start edge (top for Y, left for X) */\n  isAtStartX: boolean;\n  isAtStartY: boolean;\n  /** Whether scroll is at the end edge (bottom for Y, right for X) */\n  isAtEndX: boolean;\n  isAtEndY: boolean;\n}\n\nconst MIN_HANDLE_SIZE = 20;\nconst SCROLL_VISIBILITY_DURATION = 1000;\n// Threshold to prevent overflow oscillation at boundary\nconst OVERFLOW_THRESHOLD = 2;\n\nexport function useTinyScrollbar(\n  ref: RefObject<HTMLElement | null>,\n  enabled: boolean,\n): TinyScrollbarResult {\n  const [scrollState, setScrollState] = useState<TinyScrollbarState>({\n    hasOverflowY: false,\n    hasOverflowX: false,\n    scrollTop: 0,\n    scrollLeft: 0,\n    scrollHeight: 0,\n    scrollWidth: 0,\n    clientHeight: 0,\n    clientWidth: 0,\n  });\n  const [isScrolling, setIsScrolling] = useState(false);\n  const scrollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const resizeFrameRef = useRef<number | null>(null);\n\n  const updateScrollState = useCallback(() => {\n    const element = ref.current;\n\n    if (!element) return;\n\n    const {\n      scrollTop,\n      scrollLeft,\n      scrollHeight,\n      scrollWidth,\n      clientHeight,\n      clientWidth,\n    } = element;\n\n    // Use threshold to prevent oscillation at overflow boundary\n    const hasOverflowY = scrollHeight > clientHeight + OVERFLOW_THRESHOLD;\n    const hasOverflowX = scrollWidth > clientWidth + OVERFLOW_THRESHOLD;\n\n    setScrollState((prev) => {\n      // Only update if values actually changed to prevent unnecessary re-renders\n      if (\n        prev.hasOverflowY === hasOverflowY &&\n        prev.hasOverflowX === hasOverflowX &&\n        prev.scrollTop === scrollTop &&\n        prev.scrollLeft === scrollLeft &&\n        prev.scrollHeight === scrollHeight &&\n        prev.scrollWidth === scrollWidth &&\n        prev.clientHeight === clientHeight &&\n        prev.clientWidth === clientWidth\n      ) {\n        return prev; // Return same reference to skip re-render\n      }\n\n      return {\n        hasOverflowY,\n        hasOverflowX,\n        scrollTop,\n        scrollLeft,\n        scrollHeight,\n        scrollWidth,\n        clientHeight,\n        clientWidth,\n      };\n    });\n  }, [ref]);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const element = ref.current;\n\n    if (!element) return;\n\n    // Initial update\n    updateScrollState();\n\n    // Show scrollbar briefly and hide after delay\n    const showScrollbarBriefly = () => {\n      setIsScrolling(true);\n\n      // Clear existing timeout\n      if (scrollTimeoutRef.current) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n\n      // Hide scrollbar after delay\n      scrollTimeoutRef.current = setTimeout(() => {\n        setIsScrolling(false);\n      }, SCROLL_VISIBILITY_DURATION);\n    };\n\n    // Listen for scroll events\n    const handleScroll = () => {\n      updateScrollState();\n      showScrollbarBriefly();\n    };\n\n    // Show scrollbar briefly when mouse enters the container\n    const handleMouseEnter = () => {\n      showScrollbarBriefly();\n    };\n\n    element.addEventListener('scroll', handleScroll, { passive: true });\n    element.addEventListener('mouseenter', handleMouseEnter);\n\n    // ResizeObserver for content size changes\n    // Uses requestAnimationFrame to coalesce updates and prevent cascading events\n    const resizeObserver = new ResizeObserver(() => {\n      if (resizeFrameRef.current) {\n        cancelAnimationFrame(resizeFrameRef.current);\n      }\n\n      resizeFrameRef.current = requestAnimationFrame(() => {\n        updateScrollState();\n        showScrollbarBriefly();\n      });\n    });\n\n    resizeObserver.observe(element);\n\n    // Note: We intentionally don't observe children to prevent\n    // cascading resize events in nested layouts\n\n    return () => {\n      element.removeEventListener('scroll', handleScroll);\n      element.removeEventListener('mouseenter', handleMouseEnter);\n      resizeObserver.disconnect();\n\n      if (scrollTimeoutRef.current) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n\n      if (resizeFrameRef.current) {\n        cancelAnimationFrame(resizeFrameRef.current);\n      }\n    };\n  }, [enabled, ref, updateScrollState]);\n\n  // Calculate vertical handle position and size\n  const calculateVHandle = () => {\n    const { scrollHeight, clientHeight, scrollTop, hasOverflowY } = scrollState;\n\n    if (!hasOverflowY || !enabled) {\n      return { top: 0, height: 0 };\n    }\n\n    const trackHeight = clientHeight - 2; // 1px padding on each end\n    const ratio = clientHeight / scrollHeight;\n    let handleHeight = Math.max(\n      MIN_HANDLE_SIZE,\n      Math.round(trackHeight * ratio),\n    );\n    const availableTrack = trackHeight - handleHeight;\n    const scrollRatio =\n      scrollHeight - clientHeight > 0\n        ? scrollTop / (scrollHeight - clientHeight)\n        : 0;\n    const handleTop = 1 + Math.round(availableTrack * scrollRatio);\n\n    return { top: handleTop, height: handleHeight };\n  };\n\n  // Calculate horizontal handle position and size\n  const calculateHHandle = () => {\n    const { scrollWidth, clientWidth, scrollLeft, hasOverflowX } = scrollState;\n\n    if (!hasOverflowX || !enabled) {\n      return { left: 0, width: 0 };\n    }\n\n    const trackWidth = clientWidth - 2; // 1px padding on each end\n    const ratio = clientWidth / scrollWidth;\n    let handleWidth = Math.max(MIN_HANDLE_SIZE, Math.round(trackWidth * ratio));\n    const availableTrack = trackWidth - handleWidth;\n    const scrollRatio =\n      scrollWidth - clientWidth > 0\n        ? scrollLeft / (scrollWidth - clientWidth)\n        : 0;\n    const handleLeft = 1 + Math.round(availableTrack * scrollRatio);\n\n    return { left: handleLeft, width: handleWidth };\n  };\n\n  const vHandle = calculateVHandle();\n  const hHandle = calculateHHandle();\n\n  // Calculate edge detection\n  const {\n    scrollTop,\n    scrollLeft,\n    scrollHeight,\n    scrollWidth,\n    clientHeight,\n    clientWidth,\n    hasOverflowY,\n    hasOverflowX,\n  } = scrollState;\n\n  // For Y axis: at start if scrollTop is 0, at end if scrolled to bottom\n  const isAtStartY = !hasOverflowY || scrollTop <= 0;\n  const isAtEndY =\n    !hasOverflowY || scrollTop >= scrollHeight - clientHeight - 1;\n\n  // For X axis: at start if scrollLeft is 0, at end if scrolled to right\n  const isAtStartX = !hasOverflowX || scrollLeft <= 0;\n  const isAtEndX = !hasOverflowX || scrollLeft >= scrollWidth - clientWidth - 1;\n\n  return {\n    handleVStyle: {\n      '--scrollbar-v-top': `${vHandle.top}px`,\n      '--scrollbar-v-height': `${vHandle.height}px`,\n    } as CSSProperties,\n    handleHStyle: {\n      '--scrollbar-h-left': `${hHandle.left}px`,\n      '--scrollbar-h-width': `${hHandle.width}px`,\n    } as CSSProperties,\n    hasOverflowY: scrollState.hasOverflowY,\n    hasOverflowX: scrollState.hasOverflowX,\n    isScrolling,\n    isAtStartX,\n    isAtStartY,\n    isAtEndX,\n    isAtEndY,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTinyScrollbar.js","names":["RefObject","useCallback","useEffect","useRef","useState","Tokens","TinyScrollbarState","hasOverflowY","hasOverflowX","scrollTop","scrollLeft","scrollHeight","scrollWidth","clientHeight","clientWidth","TinyScrollbarResult","handleVTokens","handleHTokens","isScrolling","isAtStartX","isAtStartY","isAtEndX","isAtEndY","MIN_HANDLE_SIZE","SCROLL_VISIBILITY_DURATION","OVERFLOW_THRESHOLD","useTinyScrollbar","ref","enabled","$","_c","t0","Symbol","for","scrollState","setScrollState","setIsScrolling","scrollTimeoutRef","resizeFrameRef","t1","element","current","prev","updateScrollState","t2","t3","element_0","showScrollbarBriefly","clearTimeout","setTimeout","handleScroll","handleMouseEnter","addEventListener","passive","resizeObserver","ResizeObserver","cancelAnimationFrame","requestAnimationFrame","observe","removeEventListener","disconnect","t4","scrollHeight_0","clientHeight_0","scrollTop_0","hasOverflowY_0","top","height","trackHeight","ratio","handleHeight","Math","max","round","availableTrack","scrollRatio","handleTop","calculateVHandle","t5","scrollWidth_0","clientWidth_0","scrollLeft_0","hasOverflowX_0","left","width","trackWidth","ratio_0","handleWidth","availableTrack_0","scrollRatio_0","handleLeft","calculateHHandle","t6","vHandle","t7","hHandle","scrollTop_1","scrollLeft_1","scrollHeight_1","scrollWidth_1","clientHeight_1","clientWidth_1","hasOverflowY_1","hasOverflowX_1","t8","t9","t10","t11","t12","t13","t14","_c"],"sources":["../../../../../src/components/content/Layout/hooks/useTinyScrollbar.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { Tokens } from '@tenphi/tasty';\n\nexport interface TinyScrollbarState {\n  hasOverflowY: boolean;\n  hasOverflowX: boolean;\n  scrollTop: number;\n  scrollLeft: number;\n  scrollHeight: number;\n  scrollWidth: number;\n  clientHeight: number;\n  clientWidth: number;\n}\n\nexport interface TinyScrollbarResult {\n  handleVTokens: Tokens;\n  handleHTokens: Tokens;\n  hasOverflowY: boolean;\n  hasOverflowX: boolean;\n  isScrolling: boolean;\n  /** Whether scroll is at the start edge (top for Y, left for X) */\n  isAtStartX: boolean;\n  isAtStartY: boolean;\n  /** Whether scroll is at the end edge (bottom for Y, right for X) */\n  isAtEndX: boolean;\n  isAtEndY: boolean;\n}\n\nconst MIN_HANDLE_SIZE = 20;\nconst SCROLL_VISIBILITY_DURATION = 1000;\n// Threshold to prevent overflow oscillation at boundary\nconst OVERFLOW_THRESHOLD = 2;\n\nexport function useTinyScrollbar(\n  ref: RefObject<HTMLElement | null>,\n  enabled: boolean,\n): TinyScrollbarResult {\n  const [scrollState, setScrollState] = useState<TinyScrollbarState>({\n    hasOverflowY: false,\n    hasOverflowX: false,\n    scrollTop: 0,\n    scrollLeft: 0,\n    scrollHeight: 0,\n    scrollWidth: 0,\n    clientHeight: 0,\n    clientWidth: 0,\n  });\n  const [isScrolling, setIsScrolling] = useState(false);\n  const scrollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const resizeFrameRef = useRef<number | null>(null);\n\n  const updateScrollState = useCallback(() => {\n    const element = ref.current;\n\n    if (!element) return;\n\n    const {\n      scrollTop,\n      scrollLeft,\n      scrollHeight,\n      scrollWidth,\n      clientHeight,\n      clientWidth,\n    } = element;\n\n    // Use threshold to prevent oscillation at overflow boundary\n    const hasOverflowY = scrollHeight > clientHeight + OVERFLOW_THRESHOLD;\n    const hasOverflowX = scrollWidth > clientWidth + OVERFLOW_THRESHOLD;\n\n    setScrollState((prev) => {\n      // Only update if values actually changed to prevent unnecessary re-renders\n      if (\n        prev.hasOverflowY === hasOverflowY &&\n        prev.hasOverflowX === hasOverflowX &&\n        prev.scrollTop === scrollTop &&\n        prev.scrollLeft === scrollLeft &&\n        prev.scrollHeight === scrollHeight &&\n        prev.scrollWidth === scrollWidth &&\n        prev.clientHeight === clientHeight &&\n        prev.clientWidth === clientWidth\n      ) {\n        return prev; // Return same reference to skip re-render\n      }\n\n      return {\n        hasOverflowY,\n        hasOverflowX,\n        scrollTop,\n        scrollLeft,\n        scrollHeight,\n        scrollWidth,\n        clientHeight,\n        clientWidth,\n      };\n    });\n  }, [ref]);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const element = ref.current;\n\n    if (!element) return;\n\n    // Initial update\n    updateScrollState();\n\n    // Show scrollbar briefly and hide after delay\n    const showScrollbarBriefly = () => {\n      setIsScrolling(true);\n\n      // Clear existing timeout\n      if (scrollTimeoutRef.current) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n\n      // Hide scrollbar after delay\n      scrollTimeoutRef.current = setTimeout(() => {\n        setIsScrolling(false);\n      }, SCROLL_VISIBILITY_DURATION);\n    };\n\n    // Listen for scroll events\n    const handleScroll = () => {\n      updateScrollState();\n      showScrollbarBriefly();\n    };\n\n    // Show scrollbar briefly when mouse enters the container\n    const handleMouseEnter = () => {\n      showScrollbarBriefly();\n    };\n\n    element.addEventListener('scroll', handleScroll, { passive: true });\n    element.addEventListener('mouseenter', handleMouseEnter);\n\n    // ResizeObserver for content size changes\n    // Uses requestAnimationFrame to coalesce updates and prevent cascading events\n    const resizeObserver = new ResizeObserver(() => {\n      if (resizeFrameRef.current) {\n        cancelAnimationFrame(resizeFrameRef.current);\n      }\n\n      resizeFrameRef.current = requestAnimationFrame(() => {\n        updateScrollState();\n        showScrollbarBriefly();\n      });\n    });\n\n    resizeObserver.observe(element);\n\n    // Note: We intentionally don't observe children to prevent\n    // cascading resize events in nested layouts\n\n    return () => {\n      element.removeEventListener('scroll', handleScroll);\n      element.removeEventListener('mouseenter', handleMouseEnter);\n      resizeObserver.disconnect();\n\n      if (scrollTimeoutRef.current) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n\n      if (resizeFrameRef.current) {\n        cancelAnimationFrame(resizeFrameRef.current);\n      }\n    };\n  }, [enabled, ref, updateScrollState]);\n\n  // Calculate vertical handle position and size\n  const calculateVHandle = () => {\n    const { scrollHeight, clientHeight, scrollTop, hasOverflowY } = scrollState;\n\n    if (!hasOverflowY || !enabled) {\n      return { top: 0, height: 0 };\n    }\n\n    const trackHeight = clientHeight - 2; // 1px padding on each end\n    const ratio = clientHeight / scrollHeight;\n    let handleHeight = Math.max(\n      MIN_HANDLE_SIZE,\n      Math.round(trackHeight * ratio),\n    );\n    const availableTrack = trackHeight - handleHeight;\n    const scrollRatio =\n      scrollHeight - clientHeight > 0\n        ? scrollTop / (scrollHeight - clientHeight)\n        : 0;\n    const handleTop = 1 + Math.round(availableTrack * scrollRatio);\n\n    return { top: handleTop, height: handleHeight };\n  };\n\n  // Calculate horizontal handle position and size\n  const calculateHHandle = () => {\n    const { scrollWidth, clientWidth, scrollLeft, hasOverflowX } = scrollState;\n\n    if (!hasOverflowX || !enabled) {\n      return { left: 0, width: 0 };\n    }\n\n    const trackWidth = clientWidth - 2; // 1px padding on each end\n    const ratio = clientWidth / scrollWidth;\n    let handleWidth = Math.max(MIN_HANDLE_SIZE, Math.round(trackWidth * ratio));\n    const availableTrack = trackWidth - handleWidth;\n    const scrollRatio =\n      scrollWidth - clientWidth > 0\n        ? scrollLeft / (scrollWidth - clientWidth)\n        : 0;\n    const handleLeft = 1 + Math.round(availableTrack * scrollRatio);\n\n    return { left: handleLeft, width: handleWidth };\n  };\n\n  const vHandle = calculateVHandle();\n  const hHandle = calculateHHandle();\n\n  // Calculate edge detection\n  const {\n    scrollTop,\n    scrollLeft,\n    scrollHeight,\n    scrollWidth,\n    clientHeight,\n    clientWidth,\n    hasOverflowY,\n    hasOverflowX,\n  } = scrollState;\n\n  // For Y axis: at start if scrollTop is 0, at end if scrolled to bottom\n  const isAtStartY = !hasOverflowY || scrollTop <= 0;\n  const isAtEndY =\n    !hasOverflowY || scrollTop >= scrollHeight - clientHeight - 1;\n\n  // For X axis: at start if scrollLeft is 0, at end if scrolled to right\n  const isAtStartX = !hasOverflowX || scrollLeft <= 0;\n  const isAtEndX = !hasOverflowX || scrollLeft >= scrollWidth - clientWidth - 1;\n\n  return {\n    handleVTokens: {\n      '$scrollbar-v-top': `${vHandle.top}px`,\n      '$scrollbar-v-height': `${vHandle.height}px`,\n    },\n    handleHTokens: {\n      '$scrollbar-h-left': `${hHandle.left}px`,\n      '$scrollbar-h-width': `${hHandle.width}px`,\n    },\n    hasOverflowY: scrollState.hasOverflowY,\n    hasOverflowX: scrollState.hasOverflowX,\n    isScrolling,\n    isAtStartX,\n    isAtStartY,\n    isAtEndX,\n    isAtEndY,\n  };\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import "./LayoutContext.js";
 import { Layout as _Layout } from "./Layout.js";
 import { LayoutContent as _LayoutContent } from "./LayoutContent.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | 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.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { Text as _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.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } 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.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { Prism as RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"PrismCode.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","Highlight","forwardRef","ensureYamlSqlExtensions","Prism","PreElement","as","qa","styleProps","concat","className","styles","margin","padding","overflow","scrollbar","preset","Code","display","whiteSpace","wrapped","overflowWrap","CubePrismCodeProps","style","isWrapped","code","language","isDiffCode","lines","split","additionPattern","deletionPattern","headerPattern","line","test","PrismCode","props","ref","otherProps","Error","isDiff","grammarLang","languages","diff","tokens","getLineProps","getTokenProps","color","undefined","backgroundColor","map","i","key","_lineKey","lineProps","token","_tokenKey","tokenProps","_PrismCode","displayName","Prism"],"sources":["../../../../src/components/content/PrismCode/PrismCode.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { Highlight } from 'prism-react-renderer';\nimport { forwardRef } from 'react';\n\nimport { ensureYamlSqlExtensions, Prism } from './prismSetup';\n\nimport 'prismjs/components/prism-markup.js';\nimport 'prismjs/components/prism-javascript.js';\nimport 'prismjs/components/prism-yaml.js';\nimport 'prismjs/components/prism-bash.js';\nimport 'prismjs/components/prism-sql.js';\n\nconst PreElement = tasty({\n  as: 'pre',\n  qa: 'CodeBlock',\n  styleProps: CONTAINER_STYLES.concat([]),\n  className: 'cube-prism-code',\n  styles: {\n    margin: 0,\n    padding: 0,\n    overflow: 'auto',\n    scrollbar: 'styled',\n    preset: 's3',\n\n    Code: {\n      display: 'block',\n      preset: 's3',\n      // The global Prism CSS pins `white-space: pre` on\n      // `code[class*=\"language-\"]`, so the wrap has to be re-declared right on\n      // the `<code>` element — `pre-wrap` on the surrounding block alone does\n      // not cascade past it. `overflow-wrap: anywhere` also breaks runs with no\n      // spaces (URLs, tokens, identifiers) that `pre-wrap` on its own would let\n      // overflow.\n      whiteSpace: {\n        '': 'pre',\n        wrapped: 'pre-wrap',\n      },\n      overflowWrap: {\n        '': 'normal',\n        wrapped: 'anywhere',\n      },\n    },\n  },\n});\n\nexport interface CubePrismCodeProps extends ContainerStyleProps {\n  /** The CSS style map */\n  style?: BaseProps['style'];\n  styles?: Styles;\n  /**\n   * Soft-wrap long lines onto multiple lines instead of scrolling them\n   * horizontally. Unbreakable runs like URLs, tokens and identifiers wrap too.\n   * Useful for error messages and logs.\n   */\n  isWrapped?: boolean;\n  /** The code snippet */\n  code?: string;\n  /** The language of the code snippet */\n  language?:\n    | 'javascript'\n    | 'css'\n    | 'sql'\n    | 'less'\n    | 'html'\n    | 'json'\n    | 'yaml'\n    | 'bash'\n    | 'editorconfig'\n    | 'php'\n    | 'python'\n    | 'typescript';\n}\n\nfunction isDiffCode(code: string): boolean {\n  // Split the code into lines\n  const lines = code.split('\\n');\n\n  // Define patterns to check for diff characteristics\n  const additionPattern = /^\\+/; // Lines starting with '+'\n  const deletionPattern = /^-+/; // Lines starting with '-'\n  const headerPattern = /^(diff --git|---|\\+\\+\\+)/; // Diff headers\n\n  // Check each line for diff-specific patterns\n  for (const line of lines) {\n    if (\n      additionPattern.test(line) ||\n      deletionPattern.test(line) ||\n      headerPattern.test(line)\n    ) {\n      return true; // Code matches a diff pattern\n    }\n  }\n\n  // No diff-specific patterns found\n  return false;\n}\n\nfunction PrismCode(props: CubePrismCodeProps, ref) {\n  let { code = '', language = 'javascript', isWrapped, ...otherProps } = props;\n\n  if (!code) {\n    code = '';\n  }\n\n  if (typeof code !== 'string' && code) {\n    throw new Error(\n      'UIKit: code prop should be a string in PrismCode. Found: ' + typeof code,\n    );\n  }\n\n  const isDiff = isDiffCode(code || '');\n\n  const grammarLang = isDiff ? `diff-${language}` : language;\n\n  // Ensure the diff language exists before rendering\n  if (isDiff && !Prism.languages[grammarLang]) {\n    Prism.languages[grammarLang] = Prism.languages.diff;\n  }\n\n  // Ensure YAML SQL extensions are applied for YAML content\n  if (language === 'yaml' || grammarLang === 'diff-yaml') {\n    ensureYamlSqlExtensions();\n  }\n\n  return (\n    <PreElement ref={ref} {...otherProps} mods={{ wrapped: isWrapped }}>\n      <Highlight prism={Prism} code={code} language={grammarLang as any}>\n        {({ className, style, tokens, getLineProps, getTokenProps }) => {\n          return (\n            <code\n              data-element=\"Code\"\n              className={`${className}${isDiff ? ' diff-highlight' : ''}`}\n              style={{\n                ...style,\n                color: undefined,\n                backgroundColor: undefined,\n              }}\n            >\n              {tokens.map((line, i) => {\n                const { key: _lineKey, ...lineProps } = getLineProps({\n                  line,\n                  key: i,\n                });\n\n                return (\n                  <span\n                    key={i}\n                    {...lineProps}\n                    style={{\n                      ...lineProps.style,\n                      color: undefined,\n                    }}\n                  >\n                    {line.map((token, key) => {\n                      const { key: _tokenKey, ...tokenProps } = getTokenProps({\n                        token,\n                        key,\n                      });\n\n                      return (\n                        <span\n                          key={key}\n                          {...tokenProps}\n                          style={{\n                            ...tokenProps.style,\n                            color: undefined,\n                            backgroundColor: undefined,\n                          }}\n                        />\n                      );\n                    })}\n                    {'\\n'}\n                  </span>\n                );\n              })}\n            </code>\n          );\n        }}\n      </Highlight>\n    </PreElement>\n  );\n}\n\n/**\n * Code block with syntax highlighting\n */\nconst _PrismCode = forwardRef(PrismCode);\n\n_PrismCode.displayName = 'PrismCode';\n\nexport { _PrismCode as PrismCode };\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAMS,aAAaL,MAAM;CACvBM,IAAI;CACJC,IAAI;CACJC,YAAYX,iBAAiBY,OAAO,CAAA,CAAE;CACtCC,WAAW;CACXC,QAAQ;EACNC,QAAQ;EACRC,SAAS;EACTC,UAAU;EACVC,WAAW;EACXC,QAAQ;EAERC,MAAM;GACJC,SAAS;GACTF,QAAQ;GAORG,YAAY;IACV,IAAI;IACJC,SAAS;GACX;GACAC,cAAc;IACZ,IAAI;IACJD,SAAS;GACX;EACF;CACF;AACF,CAAC;AA8BD,SAASO,WAAWF,MAAuB;CAEzC,MAAMG,QAAQH,KAAKI,MAAM,IAAI;CAG7B,MAAMC,kBAAkB;CACxB,MAAMC,kBAAkB;CACxB,MAAMC,gBAAgB;CAGtB,KAAK,MAAMC,QAAQL,OACjB,IACEE,gBAAgBI,KAAKD,IAAI,KACzBF,gBAAgBG,KAAKD,IAAI,KACzBD,cAAcE,KAAKD,IAAI,GAEvB,OAAO;CAKX,OAAO;AACT;AAEA,SAASE,UAAUC,OAA2BC,KAAK;CACjD,IAAI,EAAEZ,OAAO,IAAIC,WAAW,cAAcF,WAAW,GAAGc,eAAeF;CAEvE,IAAI,CAACX,MACHA,OAAO;CAGT,IAAI,OAAOA,SAAS,YAAYA,MAC9B,MAAM,IAAIc,MACR,8DAA8D,OAAOd,IACvE;CAGF,MAAMe,SAASb,WAAWF,QAAQ,EAAE;CAEpC,MAAMgB,cAAcD,SAAS,QAAQd,aAAaA;CAGlD,IAAIc,UAAU,CAACpC,cAAMsC,UAAUD,cAC7BrC,cAAMsC,UAAUD,eAAerC,cAAMsC,UAAUC;CAIjD,IAAIjB,aAAa,UAAUe,gBAAgB,aACzCtC,wBAAwB;CAG1B,OACE,oBAAC,YAAD;EAAiBkC;EAAK,GAAIC;EAAY,MAAM,EAAElB,SAASI,UAAU;EAC/D,UAAA,oBAAC,WAAD;GAAW,OAAOpB;GAAaqB;GAAM,UAAUgB;GAC3C,WAAA,EAAE/B,WAAWa,OAAOqB,QAAQC,cAAcC,oBAAoB;IAC9D,OACE,oBAAC,QAAD;KACE,gBAAa;KACb,WAAW,GAAGpC,YAAY8B,SAAS,oBAAoB;KACvD,OAAO;MACL,GAAGjB;MACHwB,OAAOC,KAAAA;MACPC,iBAAiBD,KAAAA;KACnB;KAECJ,UAAAA,OAAOM,KAAKjB,MAAMkB,MAAM;MACvB,MAAM,EAAEC,KAAKC,UAAU,GAAGC,cAAcT,aAAa;OACnDZ;OACAmB,KAAKD;MACP,CAAC;MAED,OACE,qBAAC,QAAD;OAEE,GAAIG;OACJ,OAAO;QACL,GAAGA,UAAU/B;QACbwB,OAAOC,KAAAA;OACT;OANF,UAAA,CAQGf,KAAKiB,KAAKK,OAAOH,QAAQ;QACxB,MAAM,EAAEA,KAAKI,WAAW,GAAGC,eAAeX,cAAc;SACtDS;SACAH;QACF,CAAC;QAED,OACE,oBAAC,QAAD;SAEE,GAAIK;SACJ,OAAO;UACL,GAAGA,WAAWlC;UACdwB,OAAOC,KAAAA;UACPC,iBAAiBD,KAAAA;SACnB;QAAE,GANGI,GAMH;OAGR,CAAC,GACA,IACG;MA1BCD,GAAAA,CA0BD;KAEV,CAAC;IACG,CAAA;GAEV;EACS,CAAA;CACD,CAAA;AAEhB;;;;AAKA,MAAMO,aAAaxD,WAAWiC,SAAS;AAEvCuB,WAAWC,cAAc"}
+{"version":3,"file":"PrismCode.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","Highlight","forwardRef","ensureYamlSqlExtensions","Prism","PreElement","as","qa","styleProps","concat","className","styles","margin","padding","overflow","scrollbar","preset","Code","display","whiteSpace","wrapped","overflowWrap","CubePrismCodeProps","style","isWrapped","code","language","isDiffCode","lines","split","additionPattern","deletionPattern","headerPattern","line","test","PrismCode","props","ref","otherProps","Error","isDiff","grammarLang","languages","diff","tokens","getLineProps","getTokenProps","color","undefined","backgroundColor","map","i","key","_lineKey","lineProps","token","_tokenKey","tokenProps","_PrismCode","displayName","Prism"],"sources":["../../../../src/components/content/PrismCode/PrismCode.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { Highlight } from 'prism-react-renderer';\nimport { forwardRef } from 'react';\n\nimport { ensureYamlSqlExtensions, Prism } from './prismSetup';\n\nimport 'prismjs/components/prism-markup.js';\nimport 'prismjs/components/prism-javascript.js';\nimport 'prismjs/components/prism-yaml.js';\nimport 'prismjs/components/prism-bash.js';\nimport 'prismjs/components/prism-sql.js';\n\nconst PreElement = tasty({\n  as: 'pre',\n  qa: 'CodeBlock',\n  styleProps: CONTAINER_STYLES.concat([]),\n  className: 'cube-prism-code',\n  styles: {\n    margin: 0,\n    padding: 0,\n    overflow: 'auto',\n    scrollbar: 'styled',\n    preset: 's3',\n\n    Code: {\n      display: 'block',\n      preset: 's3',\n      // The global Prism CSS pins `white-space: pre` on\n      // `code[class*=\"language-\"]`, so the wrap has to be re-declared right on\n      // the `<code>` element — `pre-wrap` on the surrounding block alone does\n      // not cascade past it. `overflow-wrap: anywhere` also breaks runs with no\n      // spaces (URLs, tokens, identifiers) that `pre-wrap` on its own would let\n      // overflow.\n      whiteSpace: {\n        '': 'pre',\n        wrapped: 'pre-wrap',\n      },\n      overflowWrap: {\n        '': 'normal',\n        wrapped: 'anywhere',\n      },\n    },\n  },\n});\n\nexport interface CubePrismCodeProps extends ContainerStyleProps {\n  /** The CSS style map */\n  style?: BaseProps['style'];\n  styles?: Styles;\n  /**\n   * Soft-wrap long lines onto multiple lines instead of scrolling them\n   * horizontally. Unbreakable runs like URLs, tokens and identifiers wrap too.\n   * Useful for error messages and logs.\n   */\n  isWrapped?: boolean;\n  /** The code snippet */\n  code?: string;\n  /** The language of the code snippet */\n  language?:\n    | 'javascript'\n    | 'css'\n    | 'sql'\n    | 'less'\n    | 'html'\n    | 'json'\n    | 'yaml'\n    | 'bash'\n    | 'editorconfig'\n    | 'php'\n    | 'python'\n    | 'typescript';\n}\n\nfunction isDiffCode(code: string): boolean {\n  // Split the code into lines\n  const lines = code.split('\\n');\n\n  // Define patterns to check for diff characteristics\n  const additionPattern = /^\\+/; // Lines starting with '+'\n  const deletionPattern = /^-+/; // Lines starting with '-'\n  const headerPattern = /^(diff --git|---|\\+\\+\\+)/; // Diff headers\n\n  // Check each line for diff-specific patterns\n  for (const line of lines) {\n    if (\n      additionPattern.test(line) ||\n      deletionPattern.test(line) ||\n      headerPattern.test(line)\n    ) {\n      return true; // Code matches a diff pattern\n    }\n  }\n\n  // No diff-specific patterns found\n  return false;\n}\n\nfunction PrismCode(props: CubePrismCodeProps, ref) {\n  let { code = '', language = 'javascript', isWrapped, ...otherProps } = props;\n\n  if (!code) {\n    code = '';\n  }\n\n  if (typeof code !== 'string' && code) {\n    throw new Error(\n      'UIKit: code prop should be a string in PrismCode. Found: ' + typeof code,\n    );\n  }\n\n  const isDiff = isDiffCode(code || '');\n\n  const grammarLang = isDiff ? `diff-${language}` : language;\n\n  // Ensure the diff language exists before rendering\n  if (isDiff && !Prism.languages[grammarLang]) {\n    Prism.languages[grammarLang] = Prism.languages.diff;\n  }\n\n  // Ensure YAML SQL extensions are applied for YAML content\n  if (language === 'yaml' || grammarLang === 'diff-yaml') {\n    ensureYamlSqlExtensions();\n  }\n\n  return (\n    <PreElement ref={ref} {...otherProps} mods={{ wrapped: isWrapped }}>\n      <Highlight prism={Prism} code={code} language={grammarLang as any}>\n        {({ className, style, tokens, getLineProps, getTokenProps }) => {\n          return (\n            <code\n              data-element=\"Code\"\n              className={`${className}${isDiff ? ' diff-highlight' : ''}`}\n              // oxlint-disable-next-line react/forbid-dom-props -- prism-react-renderer supplies its theme styles; we only clear its colors\n              style={{\n                ...style,\n                color: undefined,\n                backgroundColor: undefined,\n              }}\n            >\n              {tokens.map((line, i) => {\n                const { key: _lineKey, ...lineProps } = getLineProps({\n                  line,\n                  key: i,\n                });\n\n                return (\n                  <span\n                    key={i}\n                    {...lineProps}\n                    // oxlint-disable-next-line react/forbid-dom-props -- prism-react-renderer supplies its theme styles; we only clear its colors\n                    style={{\n                      ...lineProps.style,\n                      color: undefined,\n                    }}\n                  >\n                    {line.map((token, key) => {\n                      const { key: _tokenKey, ...tokenProps } = getTokenProps({\n                        token,\n                        key,\n                      });\n\n                      return (\n                        <span\n                          key={key}\n                          {...tokenProps}\n                          // oxlint-disable-next-line react/forbid-dom-props -- prism-react-renderer supplies its theme styles; we only clear its colors\n                          style={{\n                            ...tokenProps.style,\n                            color: undefined,\n                            backgroundColor: undefined,\n                          }}\n                        />\n                      );\n                    })}\n                    {'\\n'}\n                  </span>\n                );\n              })}\n            </code>\n          );\n        }}\n      </Highlight>\n    </PreElement>\n  );\n}\n\n/**\n * Code block with syntax highlighting\n */\nconst _PrismCode = forwardRef(PrismCode);\n\n_PrismCode.displayName = 'PrismCode';\n\nexport { _PrismCode as PrismCode };\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAMS,aAAaL,MAAM;CACvBM,IAAI;CACJC,IAAI;CACJC,YAAYX,iBAAiBY,OAAO,CAAA,CAAE;CACtCC,WAAW;CACXC,QAAQ;EACNC,QAAQ;EACRC,SAAS;EACTC,UAAU;EACVC,WAAW;EACXC,QAAQ;EAERC,MAAM;GACJC,SAAS;GACTF,QAAQ;GAORG,YAAY;IACV,IAAI;IACJC,SAAS;GACX;GACAC,cAAc;IACZ,IAAI;IACJD,SAAS;GACX;EACF;CACF;AACF,CAAC;AA8BD,SAASO,WAAWF,MAAuB;CAEzC,MAAMG,QAAQH,KAAKI,MAAM,IAAI;CAG7B,MAAMC,kBAAkB;CACxB,MAAMC,kBAAkB;CACxB,MAAMC,gBAAgB;CAGtB,KAAK,MAAMC,QAAQL,OACjB,IACEE,gBAAgBI,KAAKD,IAAI,KACzBF,gBAAgBG,KAAKD,IAAI,KACzBD,cAAcE,KAAKD,IAAI,GAEvB,OAAO;CAKX,OAAO;AACT;AAEA,SAASE,UAAUC,OAA2BC,KAAK;CACjD,IAAI,EAAEZ,OAAO,IAAIC,WAAW,cAAcF,WAAW,GAAGc,eAAeF;CAEvE,IAAI,CAACX,MACHA,OAAO;CAGT,IAAI,OAAOA,SAAS,YAAYA,MAC9B,MAAM,IAAIc,MACR,8DAA8D,OAAOd,IACvE;CAGF,MAAMe,SAASb,WAAWF,QAAQ,EAAE;CAEpC,MAAMgB,cAAcD,SAAS,QAAQd,aAAaA;CAGlD,IAAIc,UAAU,CAACpC,cAAMsC,UAAUD,cAC7BrC,cAAMsC,UAAUD,eAAerC,cAAMsC,UAAUC;CAIjD,IAAIjB,aAAa,UAAUe,gBAAgB,aACzCtC,wBAAwB;CAG1B,OACE,oBAAC,YAAD;EAAiBkC;EAAK,GAAIC;EAAY,MAAM,EAAElB,SAASI,UAAU;EAC/D,UAAA,oBAAC,WAAD;GAAW,OAAOpB;GAAaqB;GAAM,UAAUgB;GAC3C,WAAA,EAAE/B,WAAWa,OAAOqB,QAAQC,cAAcC,oBAAoB;IAC9D,OACE,oBAAC,QAAD;KACE,gBAAa;KACb,WAAW,GAAGpC,YAAY8B,SAAS,oBAAoB;KAEvD,OAAO;MACL,GAAGjB;MACHwB,OAAOC,KAAAA;MACPC,iBAAiBD,KAAAA;KACnB;KAECJ,UAAAA,OAAOM,KAAKjB,MAAMkB,MAAM;MACvB,MAAM,EAAEC,KAAKC,UAAU,GAAGC,cAAcT,aAAa;OACnDZ;OACAmB,KAAKD;MACP,CAAC;MAED,OACE,qBAAC,QAAD;OAEE,GAAIG;OAEJ,OAAO;QACL,GAAGA,UAAU/B;QACbwB,OAAOC,KAAAA;OACT;OAPF,UAAA,CASGf,KAAKiB,KAAKK,OAAOH,QAAQ;QACxB,MAAM,EAAEA,KAAKI,WAAW,GAAGC,eAAeX,cAAc;SACtDS;SACAH;QACF,CAAC;QAED,OACE,oBAAC,QAAD;SAEE,GAAIK;SAEJ,OAAO;UACL,GAAGA,WAAWlC;UACdwB,OAAOC,KAAAA;UACPC,iBAAiBD,KAAAA;SACnB;QAAE,GAPGI,GAOH;OAGR,CAAC,GACA,IACG;MA5BCD,GAAAA,CA4BD;KAEV,CAAC;IACG,CAAA;GAEV;EACS,CAAA;CACD,CAAA;AAEhB;;;;AAKA,MAAMO,aAAaxD,WAAWiC,SAAS;AAEvCuB,WAAWC,cAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"prismSetup.js","names":["Prism","RendererPrism","globalThis","languages","diff","coord","PREFIXES","unchanged","Object","keys","forEach","name","prefix","alias","test","push","exec","pattern","RegExp","inside","line","lookbehind","defineProperty","value","LANGUAGE_REGEX","HTML_TAG","HTML_LINE","source","replace","warningLogged","hooks","add","env","lang","language","grammar","plugins","autoloader","console","warn","langMatch","isGenericDiff","diffLanguage","diffGrammar","enhance","tokens","i","length","t","Array","isArray","content","type","tokenize","ensureYamlSqlExtensions","yaml","sql","insertBefore","indent"],"sources":["../../../../src/components/content/PrismCode/prismSetup.tsx"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n// This file patches Prism with extra languages & plugins for prism-react-renderer\n// Its content is mostly vanilla JS copied from Prism, so type-checking is disabled above.\nimport { Prism as RendererPrism } from 'prism-react-renderer';\n\n// make the instance globally visible for other plugins (optional)\n(globalThis as any).Prism = RendererPrism;\n\n(function (Prism) {\n  Prism.languages.diff = {\n    coord: [\n      // Match all kinds of coord lines (prefixed by \"+++\", \"---\" or \"***\").\n      /^(?:\\*{3}|-{3}|\\+{3}).*$/m,\n      // Match \"@@ ... @@\" coord lines in unified diff.\n      /^@@.*@@$/m,\n      // Match coord lines in normal diff (starts with a number).\n      /^\\d.*$/m,\n    ],\n\n    // deleted, inserted, unchanged, diff\n  };\n\n  /**\n   * A map from the name of a block to its line prefix.\n   *\n   * @type {Object<string, string>}\n   */\n  var PREFIXES = {\n    'deleted-sign': '-',\n    'deleted-arrow': '<',\n    'inserted-sign': '+',\n    'inserted-arrow': '>',\n    unchanged: ' ',\n    diff: '!',\n  };\n\n  // add a token for each prefix\n  Object.keys(PREFIXES).forEach(function (name) {\n    var prefix = PREFIXES[name];\n\n    var alias = [];\n    if (!/^\\w+$/.test(name)) {\n      // \"deleted-sign\" -> \"deleted\"\n      alias.push(/\\w+/.exec(name)[0]);\n    }\n    if (name === 'diff') {\n      alias.push('bold');\n    }\n\n    Prism.languages.diff[name] = {\n      pattern: RegExp('^(?:[' + prefix + '].*(?:\\r\\n?|\\n|(?![\\\\s\\\\S])))+', 'm'),\n      alias: alias,\n      inside: {\n        line: {\n          pattern: /(.)(?=[\\s\\S]).*(?:\\r\\n?|\\n)?/,\n          lookbehind: true,\n        },\n        prefix: {\n          pattern: /[\\s\\S]/,\n          alias: /\\w+/.exec(name)[0],\n        },\n      },\n    };\n  });\n\n  // make prefixes available to Diff plugin\n  Object.defineProperty(Prism.languages.diff, 'PREFIXES', {\n    value: PREFIXES,\n  });\n})(RendererPrism);\n\n(function (Prism) {\n  if (typeof Prism === 'undefined') {\n    return;\n  }\n\n  var LANGUAGE_REGEX = /^diff-([\\w-]+)/i;\n  var HTML_TAG =\n    /<\\/?(?!\\d)[^\\s>\\/=$<%]+(?:\\s(?:\\s*[^\\s>\\/=]+(?:\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))|(?=[\\s/>])))+)?\\s*\\/?>/g;\n  //this will match a line plus the line break while ignoring the line breaks HTML tags may contain.\n  var HTML_LINE = RegExp(\n    /(?:__|[^\\r\\n<])*(?:\\r\\n?|\\n|(?:__|[^\\r\\n<])(?![^\\r\\n]))/.source.replace(\n      /__/g,\n      function () {\n        return HTML_TAG.source;\n      },\n    ),\n    'gi',\n  );\n\n  var warningLogged = false;\n\n  Prism.hooks.add('before-sanity-check', function (env) {\n    var lang = env.language;\n    if (LANGUAGE_REGEX.test(lang) && !env.grammar) {\n      env.grammar = Prism.languages[lang] = Prism.languages.diff;\n    }\n  });\n  Prism.hooks.add('before-tokenize', function (env) {\n    if (!warningLogged && !Prism.languages.diff && !Prism.plugins.autoloader) {\n      warningLogged = true;\n      console.warn(\n        \"Prism's Diff Highlight plugin requires the Diff language definition (prism-diff.js).\" +\n          \"Make sure the language definition is loaded or use Prism's Autoloader plugin.\",\n      );\n    }\n\n    var lang = env.language;\n    if (LANGUAGE_REGEX.test(lang) && !Prism.languages[lang]) {\n      Prism.languages[lang] = Prism.languages.diff;\n    }\n\n    // Always ensure diff-* languages use the diff grammar for tokenization\n    if (LANGUAGE_REGEX.test(lang)) {\n      env.grammar = Prism.languages.diff;\n    }\n  });\n\n  /**\n   * The original diff-highlight plugin relies on the `wrap` hook which is\n   * executed during `Token.stringify()`. `prism-react-renderer`, however,\n   * never calls `Token.stringify()` – it works directly with Prism tokens.\n   * This means the original plugin is effectively a no-op and nested\n   * highlighting inside diff blocks (e.g. `diff-sql`) is lost.\n   *\n   * To make the plugin compatible with prism-react-renderer we re-implement\n   * the essential logic inside an `after-tokenize` hook. The algorithm\n   * iterates over all tokens, detects diff line tokens (\"inserted-sign\",\n   * \"deleted-sign\", …) and replaces their textual content with a\n   * token sequence consisting of:\n   *    1. a `prefix` token (so \"+\" or \"-\" can still be styled)\n   *    2. the result of tokenising the rest of the line using the proper\n   *       grammar (sql, js, …)\n   *\n   * The end result is *pure tokens*, so prism-react-renderer can render\n   * them just like any other language.\n   */\n\n  Prism.hooks.add('after-tokenize', function (env) {\n    var langMatch = LANGUAGE_REGEX.exec(env.language || '');\n    var isGenericDiff = env.language === 'diff';\n\n    if (!isGenericDiff && !langMatch) {\n      return; // not a diff language – skip\n    }\n\n    var diffLanguage = isGenericDiff ? null : langMatch[1];\n    var diffGrammar = diffLanguage ? Prism.languages[diffLanguage] : null;\n    if (!diffGrammar && diffLanguage === 'js') {\n      diffGrammar = Prism.languages['javascript'];\n    }\n\n    var PREFIXES = Prism.languages.diff && Prism.languages.diff.PREFIXES;\n    if (!PREFIXES) return;\n\n    /**\n     * Recursively walk all tokens. Whenever we encounter a token of type\n     * `line` (those are produced by the built-in diff grammar for the\n     * part **after** the +/-/!/␠ prefix) we re-tokenise its text with the\n     * real language grammar (sql, js, …) and replace the string with the\n     * resulting token array.  This keeps the original diff token tree –\n     * including the `prefix` sub-token – intact while adding proper\n     * syntax colours to the remainder of the line.\n     */\n    function enhance(tokens) {\n      for (var i = 0; i < tokens.length; i++) {\n        var t = tokens[i];\n\n        if (typeof t === 'string') continue;\n\n        if (Array.isArray(t.content)) {\n          enhance(t.content);\n        } else if (t.type === 'line' && typeof t.content === 'string') {\n          if (diffGrammar) {\n            t.content = Prism.tokenize(t.content, diffGrammar);\n          }\n        }\n      }\n    }\n\n    enhance(env.tokens);\n  });\n})(RendererPrism);\n\n// Function to ensure YAML SQL extensions are applied\nfunction ensureYamlSqlExtensions() {\n  // Check if extensions are already applied\n  if (\n    RendererPrism.languages.yaml &&\n    RendererPrism.languages.yaml['sql-scalar']\n  ) {\n    return; // Already applied\n  }\n\n  // Apply extensions if both YAML and SQL grammars are available\n  if (RendererPrism.languages.yaml && RendererPrism.languages.sql) {\n    // Insert SQL patterns before existing YAML patterns for higher priority\n    RendererPrism.languages.insertBefore('yaml', 'key', {\n      'sql-inline': {\n        pattern: /((?:^|\\n)\\s*sql\\s*:\\s*)([^\\n\\r|>]+)/,\n        lookbehind: true,\n        inside: RendererPrism.languages.sql,\n      },\n    });\n\n    // Handle multiline SQL blocks with proper indentation\n    RendererPrism.languages.insertBefore('yaml', 'key', {\n      'sql-multiline': {\n        pattern:\n          /((?:^|\\n)\\s*sql\\s*:\\s*[|>][-+]?\\s*\\n)((?:\\s{2,}[^\\n\\r]+(?:\\n|$))+)/,\n        lookbehind: true,\n        inside: {\n          'sql-content': {\n            pattern: /^(\\s+)(.+)/gm,\n            inside: {\n              indent: /^\\s+/,\n              'sql-code': {\n                pattern: /.+/,\n                inside: RendererPrism.languages.sql,\n              },\n            },\n          },\n        },\n      },\n    });\n\n    // Handle YAML scalar content that follows sql: > or sql: | indicators\n    RendererPrism.languages.insertBefore('yaml', 'scalar', {\n      'sql-scalar': {\n        pattern:\n          /^\\s*(SELECT|INSERT|UPDATE|DELETE|WITH|CREATE|DROP|ALTER|UNION|FROM|WHERE|JOIN|GROUP|ORDER|HAVING)[\\s\\S]*$/im,\n        inside: RendererPrism.languages.sql,\n      },\n    });\n  }\n}\n\nexport { RendererPrism as Prism };\nexport { ensureYamlSqlExtensions };\n"],"mappings":"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"}
+{"version":3,"file":"prismSetup.js","names":["Prism","RendererPrism","globalThis","languages","diff","coord","PREFIXES","unchanged","Object","keys","forEach","name","prefix","alias","test","push","exec","pattern","RegExp","inside","line","lookbehind","defineProperty","value","LANGUAGE_REGEX","HTML_TAG","HTML_LINE","source","replace","warningLogged","hooks","add","env","lang","language","grammar","plugins","autoloader","console","warn","langMatch","isGenericDiff","diffLanguage","diffGrammar","enhance","tokens","i","length","t","Array","isArray","content","type","tokenize","ensureYamlSqlExtensions","yaml","sql","insertBefore","indent"],"sources":["../../../../src/components/content/PrismCode/prismSetup.tsx"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable -- mostly vanilla Prism code, kept as upstream wrote it */\n// This file patches Prism with extra languages & plugins for prism-react-renderer\n// Its content is mostly vanilla JS copied from Prism, so type-checking is disabled above.\nimport { Prism as RendererPrism } from 'prism-react-renderer';\n\n// make the instance globally visible for other plugins (optional)\n(globalThis as any).Prism = RendererPrism;\n\n(function (Prism) {\n  Prism.languages.diff = {\n    coord: [\n      // Match all kinds of coord lines (prefixed by \"+++\", \"---\" or \"***\").\n      /^(?:\\*{3}|-{3}|\\+{3}).*$/m,\n      // Match \"@@ ... @@\" coord lines in unified diff.\n      /^@@.*@@$/m,\n      // Match coord lines in normal diff (starts with a number).\n      /^\\d.*$/m,\n    ],\n\n    // deleted, inserted, unchanged, diff\n  };\n\n  /**\n   * A map from the name of a block to its line prefix.\n   *\n   * @type {Object<string, string>}\n   */\n  var PREFIXES = {\n    'deleted-sign': '-',\n    'deleted-arrow': '<',\n    'inserted-sign': '+',\n    'inserted-arrow': '>',\n    unchanged: ' ',\n    diff: '!',\n  };\n\n  // add a token for each prefix\n  Object.keys(PREFIXES).forEach(function (name) {\n    var prefix = PREFIXES[name];\n\n    var alias = [];\n    if (!/^\\w+$/.test(name)) {\n      // \"deleted-sign\" -> \"deleted\"\n      alias.push(/\\w+/.exec(name)[0]);\n    }\n    if (name === 'diff') {\n      alias.push('bold');\n    }\n\n    Prism.languages.diff[name] = {\n      pattern: RegExp('^(?:[' + prefix + '].*(?:\\r\\n?|\\n|(?![\\\\s\\\\S])))+', 'm'),\n      alias: alias,\n      inside: {\n        line: {\n          pattern: /(.)(?=[\\s\\S]).*(?:\\r\\n?|\\n)?/,\n          lookbehind: true,\n        },\n        prefix: {\n          pattern: /[\\s\\S]/,\n          alias: /\\w+/.exec(name)[0],\n        },\n      },\n    };\n  });\n\n  // make prefixes available to Diff plugin\n  Object.defineProperty(Prism.languages.diff, 'PREFIXES', {\n    value: PREFIXES,\n  });\n})(RendererPrism);\n\n(function (Prism) {\n  if (typeof Prism === 'undefined') {\n    return;\n  }\n\n  var LANGUAGE_REGEX = /^diff-([\\w-]+)/i;\n  var HTML_TAG =\n    /<\\/?(?!\\d)[^\\s>\\/=$<%]+(?:\\s(?:\\s*[^\\s>\\/=]+(?:\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))|(?=[\\s/>])))+)?\\s*\\/?>/g;\n  //this will match a line plus the line break while ignoring the line breaks HTML tags may contain.\n  var HTML_LINE = RegExp(\n    /(?:__|[^\\r\\n<])*(?:\\r\\n?|\\n|(?:__|[^\\r\\n<])(?![^\\r\\n]))/.source.replace(\n      /__/g,\n      function () {\n        return HTML_TAG.source;\n      },\n    ),\n    'gi',\n  );\n\n  var warningLogged = false;\n\n  Prism.hooks.add('before-sanity-check', function (env) {\n    var lang = env.language;\n    if (LANGUAGE_REGEX.test(lang) && !env.grammar) {\n      env.grammar = Prism.languages[lang] = Prism.languages.diff;\n    }\n  });\n  Prism.hooks.add('before-tokenize', function (env) {\n    if (!warningLogged && !Prism.languages.diff && !Prism.plugins.autoloader) {\n      warningLogged = true;\n      console.warn(\n        \"Prism's Diff Highlight plugin requires the Diff language definition (prism-diff.js).\" +\n          \"Make sure the language definition is loaded or use Prism's Autoloader plugin.\",\n      );\n    }\n\n    var lang = env.language;\n    if (LANGUAGE_REGEX.test(lang) && !Prism.languages[lang]) {\n      Prism.languages[lang] = Prism.languages.diff;\n    }\n\n    // Always ensure diff-* languages use the diff grammar for tokenization\n    if (LANGUAGE_REGEX.test(lang)) {\n      env.grammar = Prism.languages.diff;\n    }\n  });\n\n  /**\n   * The original diff-highlight plugin relies on the `wrap` hook which is\n   * executed during `Token.stringify()`. `prism-react-renderer`, however,\n   * never calls `Token.stringify()` – it works directly with Prism tokens.\n   * This means the original plugin is effectively a no-op and nested\n   * highlighting inside diff blocks (e.g. `diff-sql`) is lost.\n   *\n   * To make the plugin compatible with prism-react-renderer we re-implement\n   * the essential logic inside an `after-tokenize` hook. The algorithm\n   * iterates over all tokens, detects diff line tokens (\"inserted-sign\",\n   * \"deleted-sign\", …) and replaces their textual content with a\n   * token sequence consisting of:\n   *    1. a `prefix` token (so \"+\" or \"-\" can still be styled)\n   *    2. the result of tokenising the rest of the line using the proper\n   *       grammar (sql, js, …)\n   *\n   * The end result is *pure tokens*, so prism-react-renderer can render\n   * them just like any other language.\n   */\n\n  Prism.hooks.add('after-tokenize', function (env) {\n    var langMatch = LANGUAGE_REGEX.exec(env.language || '');\n    var isGenericDiff = env.language === 'diff';\n\n    if (!isGenericDiff && !langMatch) {\n      return; // not a diff language – skip\n    }\n\n    var diffLanguage = isGenericDiff ? null : langMatch[1];\n    var diffGrammar = diffLanguage ? Prism.languages[diffLanguage] : null;\n    if (!diffGrammar && diffLanguage === 'js') {\n      diffGrammar = Prism.languages['javascript'];\n    }\n\n    var PREFIXES = Prism.languages.diff && Prism.languages.diff.PREFIXES;\n    if (!PREFIXES) return;\n\n    /**\n     * Recursively walk all tokens. Whenever we encounter a token of type\n     * `line` (those are produced by the built-in diff grammar for the\n     * part **after** the +/-/!/␠ prefix) we re-tokenise its text with the\n     * real language grammar (sql, js, …) and replace the string with the\n     * resulting token array.  This keeps the original diff token tree –\n     * including the `prefix` sub-token – intact while adding proper\n     * syntax colours to the remainder of the line.\n     */\n    function enhance(tokens) {\n      for (var i = 0; i < tokens.length; i++) {\n        var t = tokens[i];\n\n        if (typeof t === 'string') continue;\n\n        if (Array.isArray(t.content)) {\n          enhance(t.content);\n        } else if (t.type === 'line' && typeof t.content === 'string') {\n          if (diffGrammar) {\n            t.content = Prism.tokenize(t.content, diffGrammar);\n          }\n        }\n      }\n    }\n\n    enhance(env.tokens);\n  });\n})(RendererPrism);\n\n// Function to ensure YAML SQL extensions are applied\nfunction ensureYamlSqlExtensions() {\n  // Check if extensions are already applied\n  if (\n    RendererPrism.languages.yaml &&\n    RendererPrism.languages.yaml['sql-scalar']\n  ) {\n    return; // Already applied\n  }\n\n  // Apply extensions if both YAML and SQL grammars are available\n  if (RendererPrism.languages.yaml && RendererPrism.languages.sql) {\n    // Insert SQL patterns before existing YAML patterns for higher priority\n    RendererPrism.languages.insertBefore('yaml', 'key', {\n      'sql-inline': {\n        pattern: /((?:^|\\n)\\s*sql\\s*:\\s*)([^\\n\\r|>]+)/,\n        lookbehind: true,\n        inside: RendererPrism.languages.sql,\n      },\n    });\n\n    // Handle multiline SQL blocks with proper indentation\n    RendererPrism.languages.insertBefore('yaml', 'key', {\n      'sql-multiline': {\n        pattern:\n          /((?:^|\\n)\\s*sql\\s*:\\s*[|>][-+]?\\s*\\n)((?:\\s{2,}[^\\n\\r]+(?:\\n|$))+)/,\n        lookbehind: true,\n        inside: {\n          'sql-content': {\n            pattern: /^(\\s+)(.+)/gm,\n            inside: {\n              indent: /^\\s+/,\n              'sql-code': {\n                pattern: /.+/,\n                inside: RendererPrism.languages.sql,\n              },\n            },\n          },\n        },\n      },\n    });\n\n    // Handle YAML scalar content that follows sql: > or sql: | indicators\n    RendererPrism.languages.insertBefore('yaml', 'scalar', {\n      'sql-scalar': {\n        pattern:\n          /^\\s*(SELECT|INSERT|UPDATE|DELETE|WITH|CREATE|DROP|ALTER|UNION|FROM|WHERE|JOIN|GROUP|ORDER|HAVING)[\\s\\S]*$/im,\n        inside: RendererPrism.languages.sql,\n      },\n    });\n  }\n}\n\nexport { RendererPrism as Prism };\nexport { ensureYamlSqlExtensions };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { PrismCode as _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.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | 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.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Item as _Item } from "../Item/Item.js";

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_DEFAULT_STYLES, TEXT_PROP_MAP, useTextProps } from "../Text.js";
 import { highlightText } from "../highlightText.js";
@@ -26,10 +26,7 @@ const TextItemElement = tasty({
 	styles: TEXT_DEFAULT_STYLES,
 	variants: {
 		plain: TEXT_ITEM_STYLES,
-		table: {
-			...TEXT_ITEM_STYLES,
-			preset: "t3"
-		}
+		table: mergeStyles(TEXT_ITEM_STYLES, { preset: "t3" })
 	}
 });
 const TEXT_ITEM_STYLE_KEYS = Object.keys(TEXT_ITEM_STYLES);

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

@@ -1 +1 @@
-{"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","Omit","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","_c"],"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\n/**\n * TextItem truncates to one line with an ellipsis, so Text's `ellipsis` and\n * `nowrap` have nothing to switch.\n */\nexport interface CubeTextItemProps extends Omit<\n  CubeTextProps,\n  'ellipsis' | 'nowrap'\n> {\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":";;;;;;;;;;AA6BA,MAAMsB,aAAa;CAAC,GAAGtB;CAAa,GAAGM;CAAa,GAAGL;AAAY;AAuCnE,MAAM8B,mBAAmB;CACvBC,SAAS;CACTC,eAAe;CACfC,OAAO;CACPC,YAAY;CACZC,UAAU;CACVC,cAAc;AAChB;AAEA,MAAMC,kBAAkBjC,MAAM;CAC5BkC,IAAI;CACJC,QAAQvB;CACRwB,UAAU;EACRC,OAAOX;EACPY,OAAO;GAAE,GAAGZ;GAAkBa,QAAQ;EAAK;CAC7C;AACF,CAAC;AAED,MAAMC,uBAAuBC,OAAOC,KAAKhB,gBAAgB;AAIzD,SAASkB,iBAAiBT,QAAgB;CACxC,MAAMU,QAAQJ,OAAOC,KAAKP,MAAM,CAAC,CAACW;CAElC,IACE,CAACN,qBAAqBO,OAAOC,QAAQb,OAAOa,SAAStB,iBAAiBsB,IAAI,GAE1E;CAGF,IAAIH,UAAUL,qBAAqBM,QAAQ,OAAO;CAClD,IAAID,UAAUL,qBAAqBM,SAAS,KAAKX,OAAOI,WAAW,MACjE,OAAO;AACX;;AAGA,SAAAU,gBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAT,EAAA,OAAAD,IAAA;EAAyB,MAAA,EAAAW,KAAAC,UAAAC,YAAAT,oBAAAU,IAAA,GAAAC,UAAAf;EAAAI,qBAAAU;EAWxB,IAAAE;EAAA,IAAAf,EAAA,OAAAW,YAAAX,EAAA,QAAAU,OAAAV,EAAA,QAAAY,YAAA;GACmBG,MAAAC,YAAA;IAChB,IAAI,OAAON,QAAQ,YAAYA,IAAIM,OAAO;SACrC,IAAIN,KAAKA,IAAGO,UAAWD;IAE5B,IAAIJ,YAAYA,WAAUK,UAAWD;IAErCL,SAASK,OAAO;GAAC;GAClBhB,EAAA,KAAAW;GAAAX,EAAA,MAAAU;GAAAV,EAAA,MAAAY;GAAAZ,EAAA,MAAAe;EAAA,OAAAA,KAAAf,EAAA;EAPDE,YAAkBa;EAWApD,KAAAA;EACZyC,KAAA;EACDU,KAAAA;EACCR,KAAAQ,MAAK/B,MAALmC,KAAAA;EACKX,KAAAO,MAAKE,WAALE,KAAAA;EACDV,KAAA7D,YAAY4B,kBAAkBuC,MAAK9B,MAAO;EAACgB,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;CAAA,OAAA;EAAAP,YAAAF,EAAA;EAAAG,qBAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;EAAAQ,KAAAR,EAAA;EAAAS,KAAAT,EAAA;CAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,MAAAL,EAAA,QAAAM,MAAAN,EAAA,QAAAO,MAAAP,EAAA,QAAAQ,IAAA;EALtBK,KAAA;GAAAM,IACzBf;GAAU,GACXU;GAAK/B,IACJuB;GAAqBU,SAChBT;GAA0BvB,QAC3BwB;EACV;EAACR,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAO;EAAAP,EAAA,MAAAQ;EAAAR,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CAND,MAAAoB,YAAkBzD,GAAakD,EAM9B;CAAE,IAAAE;CAAA,IAAAf,EAAA,QAAAoB,UAAApC,QAAA;EACa+B,KAAAtB,iBAAiB2B,UAASpC,MAAO;EAACgB,EAAA,MAAAoB,UAAApC;EAAAgB,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAlD,MAAAqB,UAAgBN;CAEhB,MAAAO,gBAAsB,CAAC,CAACnB;CAAmB,IAAAoB;CAAA,IAAAvB,EAAA,QAAAG,oBAAA;EACJoB,WAAMpB,qBAAqB;EAACH,EAAA,MAAAG;EAAAH,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAnE,MAAAwB,kBAAwBrE,eAAeoE,EAA4B;CAAE,IAAAE;CAAA,IAAAzB,EAAA,QAAAwB,mBAAAxB,EAAA,QAAAsB,eAAA;EAIrDG,YAAA;GACd,IAAIH,eAAeE,gBAAgB;EAAE;EACtCxB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAyB;CAAA,OAAAA,MAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,QAAAsB,iBAAAtB,EAAA,QAAAoB,WAAA;EAAEM,MAAA,CAACN,WAAWE,aAAa;EAACtB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAoB;EAAApB,EAAA,MAAA0B;CAAA,OAAAA,MAAA1B,EAAA;CAF7B5C,gBAAgBqE,KAEbC,GAA0B;CAQjB,MAAAC,MAAAN,UAAAH,KAAAA,IAAsBE,UAASpC;CAAO,IAAA4C;CAAA,IAAA5B,EAAA,QAAAE,aAAAF,EAAA,QAAA2B,OAAA3B,EAAA,QAAAoB,aAAApB,EAAA,QAAAqB,SAAA;EAHhDO,MAAA,oBAAC,iBAAD;GAAgB,GACVR;GACKC;GACD,QAAAM;GACHzB,KAAAA;EAAS,CAAA;EACdF,EAAA,MAAAE;EAAAF,EAAA,MAAA2B;EAAA3B,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;EAAArB,EAAA,MAAA4B;CAAA,OAAAA,MAAA5B,EAAA;CAAA,OALF4B;AAKE;AAIN,MAAaC,WAAW9E,WACtB,SAAA8E,SAAAf,OAAAJ,KAAA;CAAA,MAAAV,IAAAC,EAAA,CAAA;CACE,MAAA,EAAA8B,UAAA7D,WAAAC,wBAAA4B,IAAA3B,iBAAAC,SAAA+B,IAAA9B,kBAAA+B,IAAA,GAAA2B,cAQIlB;CALF,MAAA3C,yBAAA4B,OAAAmB,KAAAA,IAAA,QAAAnB;CAEA,MAAA1B,UAAA+B,OAAAc,KAAAA,IAAA,OAAAd;CACA,MAAA9B,mBAAA+B,OAAAa,KAAAA,IAAA,QAAAb;CAKF,MAAArB,SAAe1B,cAAc0E,WAAWlE,YAAY,CAAC,GAAGJ,aAAa;CAAE,IAAA4C;CAAA,IAAAN,EAAA,OAAA+B,YAAA/B,EAAA,OAAA3B,SAAA;EAOpDiC,KAAA;GAAAjC;GAAA0D;EAAoB;EAAC/B,EAAA,KAAA+B;EAAA/B,EAAA,KAAA3B;EAAA2B,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CALxC,MAAA,EAAAW,UAAAsB,mBAAAC,sBAAAC,0BAKItE,eAAeyC,EAAqB;CAAE,IAAAC;CAAA,IAAAP,EAAA,OAAA+B,YAAA/B,EAAA,OAAA9B,aAAA8B,EAAA,OAAA7B,0BAAA6B,EAAA,OAAA5B,iBAAA;EAIxCmC,KAAA,OAAOwB,aAAa,YAApB7D,YACIX,cACEwE,UACA7D,WACAC,wBACAC,eAEK,IAPX2D;EAOY/B,EAAA,KAAA+B;EAAA/B,EAAA,KAAA9B;EAAA8B,EAAA,KAAA7B;EAAA6B,EAAA,KAAA5B;EAAA4B,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CARd,MAAAoC,oBACE7B;CASF,MAAA8B,iBAAsBC,qBAAA1B,eAKlB,oBAAC,iBAAD;EAAgB,GACVlE,gBAAgBsF,WAAW,EAAAO,YAAc,KAAK,CAAC;EAAC,GAChDD;EACC5B;EACKC;EACEC;EAEV,oBAAAsB,uBAAAC,wBAAAjB,KAAAA;EAEMlC;EAEPoD,UAAAA;CAXa,CAAA;CAclB,OAEKH,kBAAkBI,eAAe/D,gBAAgB;AAAC,CAE7D;AAEAuD,SAASW,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","Omit","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","_c"],"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\n/**\n * TextItem truncates to one line with an ellipsis, so Text's `ellipsis` and\n * `nowrap` have nothing to switch.\n */\nexport interface CubeTextItemProps extends Omit<\n  CubeTextProps,\n  'ellipsis' | 'nowrap'\n> {\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: mergeStyles(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":";;;;;;;;;;AA6BA,MAAMsB,aAAa;CAAC,GAAGtB;CAAa,GAAGM;CAAa,GAAGL;AAAY;AAuCnE,MAAM8B,mBAAmB;CACvBC,SAAS;CACTC,eAAe;CACfC,OAAO;CACPC,YAAY;CACZC,UAAU;CACVC,cAAc;AAChB;AAEA,MAAMC,kBAAkBjC,MAAM;CAC5BkC,IAAI;CACJC,QAAQvB;CACRwB,UAAU;EACRC,OAAOX;EACPY,OAAOxC,YAAY4B,kBAAkB,EAAEa,QAAQ,KAAK,CAAC;CACvD;AACF,CAAC;AAED,MAAMC,uBAAuBC,OAAOC,KAAKhB,gBAAgB;AAIzD,SAASkB,iBAAiBT,QAAgB;CACxC,MAAMU,QAAQJ,OAAOC,KAAKP,MAAM,CAAC,CAACW;CAElC,IACE,CAACN,qBAAqBO,OAAOC,QAAQb,OAAOa,SAAStB,iBAAiBsB,IAAI,GAE1E;CAGF,IAAIH,UAAUL,qBAAqBM,QAAQ,OAAO;CAClD,IAAID,UAAUL,qBAAqBM,SAAS,KAAKX,OAAOI,WAAW,MACjE,OAAO;AACX;;AAGA,SAAAU,gBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAT,EAAA,OAAAD,IAAA;EAAyB,MAAA,EAAAW,KAAAC,UAAAC,YAAAT,oBAAAU,IAAA,GAAAC,UAAAf;EAAAI,qBAAAU;EAWxB,IAAAE;EAAA,IAAAf,EAAA,OAAAW,YAAAX,EAAA,QAAAU,OAAAV,EAAA,QAAAY,YAAA;GACmBG,MAAAC,YAAA;IAChB,IAAI,OAAON,QAAQ,YAAYA,IAAIM,OAAO;SACrC,IAAIN,KAAKA,IAAGO,UAAWD;IAE5B,IAAIJ,YAAYA,WAAUK,UAAWD;IAErCL,SAASK,OAAO;GAAC;GAClBhB,EAAA,KAAAW;GAAAX,EAAA,MAAAU;GAAAV,EAAA,MAAAY;GAAAZ,EAAA,MAAAe;EAAA,OAAAA,KAAAf,EAAA;EAPDE,YAAkBa;EAWApD,KAAAA;EACZyC,KAAA;EACDU,KAAAA;EACCR,KAAAQ,MAAK/B,MAALmC,KAAAA;EACKX,KAAAO,MAAKE,WAALE,KAAAA;EACDV,KAAA7D,YAAY4B,kBAAkBuC,MAAK9B,MAAO;EAACgB,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;CAAA,OAAA;EAAAP,YAAAF,EAAA;EAAAG,qBAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;EAAAQ,KAAAR,EAAA;EAAAS,KAAAT,EAAA;CAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,MAAAL,EAAA,QAAAM,MAAAN,EAAA,QAAAO,MAAAP,EAAA,QAAAQ,IAAA;EALtBK,KAAA;GAAAM,IACzBf;GAAU,GACXU;GAAK/B,IACJuB;GAAqBU,SAChBT;GAA0BvB,QAC3BwB;EACV;EAACR,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAO;EAAAP,EAAA,MAAAQ;EAAAR,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CAND,MAAAoB,YAAkBzD,GAAakD,EAM9B;CAAE,IAAAE;CAAA,IAAAf,EAAA,QAAAoB,UAAApC,QAAA;EACa+B,KAAAtB,iBAAiB2B,UAASpC,MAAO;EAACgB,EAAA,MAAAoB,UAAApC;EAAAgB,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAlD,MAAAqB,UAAgBN;CAEhB,MAAAO,gBAAsB,CAAC,CAACnB;CAAmB,IAAAoB;CAAA,IAAAvB,EAAA,QAAAG,oBAAA;EACJoB,WAAMpB,qBAAqB;EAACH,EAAA,MAAAG;EAAAH,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAnE,MAAAwB,kBAAwBrE,eAAeoE,EAA4B;CAAE,IAAAE;CAAA,IAAAzB,EAAA,QAAAwB,mBAAAxB,EAAA,QAAAsB,eAAA;EAIrDG,YAAA;GACd,IAAIH,eAAeE,gBAAgB;EAAE;EACtCxB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAyB;CAAA,OAAAA,MAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,QAAAsB,iBAAAtB,EAAA,QAAAoB,WAAA;EAAEM,MAAA,CAACN,WAAWE,aAAa;EAACtB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAoB;EAAApB,EAAA,MAAA0B;CAAA,OAAAA,MAAA1B,EAAA;CAF7B5C,gBAAgBqE,KAEbC,GAA0B;CAQjB,MAAAC,MAAAN,UAAAH,KAAAA,IAAsBE,UAASpC;CAAO,IAAA4C;CAAA,IAAA5B,EAAA,QAAAE,aAAAF,EAAA,QAAA2B,OAAA3B,EAAA,QAAAoB,aAAApB,EAAA,QAAAqB,SAAA;EAHhDO,MAAA,oBAAC,iBAAD;GAAgB,GACVR;GACKC;GACD,QAAAM;GACHzB,KAAAA;EAAS,CAAA;EACdF,EAAA,MAAAE;EAAAF,EAAA,MAAA2B;EAAA3B,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;EAAArB,EAAA,MAAA4B;CAAA,OAAAA,MAAA5B,EAAA;CAAA,OALF4B;AAKE;AAIN,MAAaC,WAAW9E,WACtB,SAAA8E,SAAAf,OAAAJ,KAAA;CAAA,MAAAV,IAAAC,EAAA,CAAA;CACE,MAAA,EAAA8B,UAAA7D,WAAAC,wBAAA4B,IAAA3B,iBAAAC,SAAA+B,IAAA9B,kBAAA+B,IAAA,GAAA2B,cAQIlB;CALF,MAAA3C,yBAAA4B,OAAAmB,KAAAA,IAAA,QAAAnB;CAEA,MAAA1B,UAAA+B,OAAAc,KAAAA,IAAA,OAAAd;CACA,MAAA9B,mBAAA+B,OAAAa,KAAAA,IAAA,QAAAb;CAKF,MAAArB,SAAe1B,cAAc0E,WAAWlE,YAAY,CAAC,GAAGJ,aAAa;CAAE,IAAA4C;CAAA,IAAAN,EAAA,OAAA+B,YAAA/B,EAAA,OAAA3B,SAAA;EAOpDiC,KAAA;GAAAjC;GAAA0D;EAAoB;EAAC/B,EAAA,KAAA+B;EAAA/B,EAAA,KAAA3B;EAAA2B,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CALxC,MAAA,EAAAW,UAAAsB,mBAAAC,sBAAAC,0BAKItE,eAAeyC,EAAqB;CAAE,IAAAC;CAAA,IAAAP,EAAA,OAAA+B,YAAA/B,EAAA,OAAA9B,aAAA8B,EAAA,OAAA7B,0BAAA6B,EAAA,OAAA5B,iBAAA;EAIxCmC,KAAA,OAAOwB,aAAa,YAApB7D,YACIX,cACEwE,UACA7D,WACAC,wBACAC,eAEK,IAPX2D;EAOY/B,EAAA,KAAA+B;EAAA/B,EAAA,KAAA9B;EAAA8B,EAAA,KAAA7B;EAAA6B,EAAA,KAAA5B;EAAA4B,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CARd,MAAAoC,oBACE7B;CASF,MAAA8B,iBAAsBC,qBAAA1B,eAKlB,oBAAC,iBAAD;EAAgB,GACVlE,gBAAgBsF,WAAW,EAAAO,YAAc,KAAK,CAAC;EAAC,GAChDD;EACC5B;EACKC;EACEC;EAEV,oBAAAsB,uBAAAC,wBAAAjB,KAAAA;EAEMlC;EAEPoD,UAAAA;CAXa,CAAA;CAclB,OAEKH,kBAAkBI,eAAe/D,gBAAgB;AAAC,CAE7D;AAEAuD,SAASW,cAAc"}

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -230,15 +230,13 @@ function TreeBase(props, ref) {
 		paddingStart: containerPadding,
 		paddingEnd: containerPadding
 	});
-	const treeStyle = useMemo(() => {
-		if (height == null) return void 0;
-		return { ["--tree-height"]: `${height}px` };
-	}, [height]);
+	const treeTokens = useMemo(() => height == null ? void 0 : { "$tree-height": `${height}px` }, [height]);
+	const totalSize = rowVirtualizer.getTotalSize();
 	const sizerStyle = useMemo(() => ({
 		position: "relative",
 		width: "100%",
-		height: `${rowVirtualizer.getTotalSize()}px`
-	}), [rowVirtualizer.getTotalSize()]);
+		height: `${totalSize}px`
+	}), [totalSize]);
 	/**
 	* Each scroll effect tracks its own "last scrolled" target instead
 	* of sharing one ref. A shared ref creates a feedback loop: keyboard
@@ -309,7 +307,7 @@ function TreeBase(props, ref) {
 		qa: qa ?? "Tree",
 		mods,
 		styles: baseStyles,
-		style: treeStyle,
+		tokens: treeTokens,
 		children: /* @__PURE__ */ jsx(TreeScrollContainer, {
 			ref: mergedScrollRef,
 			children: /* @__PURE__ */ jsx("div", {