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

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"],"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 = useCallback(() => {\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  }, [scrollState, enabled]);\n\n  // Calculate horizontal handle position and size\n  const calculateHHandle = useCallback(() => {\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  }, [scrollState, enabled]);\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":["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"],"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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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";

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

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

package/dist/components/content/Paragraph.js

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
@@ -105,7 +105,7 @@ const statusIconMap = {
 	}
 };
 function Result(props, ref) {
-	const $ = c(26);
+	const $ = c(23);
 	let T0;
 	let children;
 	let t0;
@@ -119,39 +119,19 @@ function Result(props, ref) {
 		let subtitle = t6;
 		subtitle = subtitle ?? subTitle;
 		if (icon && status) console.warn("Don't use \"icon\" and \"status\" together, it can lead to possible errors.");
+		const { color, component: StatusIcon } = status && statusIconMap.hasOwnProperty(status) ? statusIconMap[status] : statusIconMap.info;
 		let t7;
-		bb0: {
-			if (icon) {
-				t7 = icon;
-				break bb0;
-			}
-			const { color, component: Component } = status && statusIconMap.hasOwnProperty(status) ? statusIconMap[status] : statusIconMap.info;
-			const t8 = `var(--${color}-color)`;
-			let t9;
-			if ($[9] !== t8) {
-				t9 = { color: t8 };
-				$[9] = t8;
-				$[10] = t9;
-			} else t9 = $[10];
-			let t10;
-			if ($[11] !== Component) {
-				t10 = /* @__PURE__ */ jsx(Component, { "data-element": "Icon" });
-				$[11] = Component;
-				$[12] = t10;
-			} else t10 = $[12];
-			let t11;
-			if ($[13] !== t10 || $[14] !== t9) {
-				t11 = /* @__PURE__ */ jsx("div", {
-					"data-element": "Icon",
-					style: t9,
-					children: t10
-				});
-				$[13] = t10;
-				$[14] = t9;
-				$[15] = t11;
-			} else t11 = $[15];
-			t7 = t11;
-		}
+		if ($[9] !== StatusIcon || $[10] !== color || $[11] !== icon) {
+			t7 = icon || /* @__PURE__ */ jsx("div", {
+				"data-element": "Icon",
+				style: { color: `var(--${color}-color)` },
+				children: /* @__PURE__ */ jsx(StatusIcon, { "data-element": "Icon" })
+			});
+			$[9] = StatusIcon;
+			$[10] = color;
+			$[11] = icon;
+			$[12] = t7;
+		} else t7 = $[12];
 		const iconNode = t7;
 		const styles = extractStyles(otherProps, CONTAINER_STYLES);
 		T0 = Container;
@@ -190,16 +170,16 @@ function Result(props, ref) {
 		t4 = $[8];
 	}
 	let t5;
-	if ($[16] !== children) {
+	if ($[13] !== children) {
 		t5 = children && /* @__PURE__ */ jsx("div", {
 			"data-element": "Content",
 			children
 		});
-		$[16] = children;
-		$[17] = t5;
-	} else t5 = $[17];
+		$[13] = children;
+		$[14] = t5;
+	} else t5 = $[14];
 	let t6;
-	if ($[18] !== T0 || $[19] !== t0 || $[20] !== t1 || $[21] !== t2 || $[22] !== t3 || $[23] !== t4 || $[24] !== t5) {
+	if ($[15] !== T0 || $[16] !== t0 || $[17] !== t1 || $[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== t5) {
 		t6 = /* @__PURE__ */ jsxs(T0, {
 			...t0,
 			ref: t1,
@@ -210,15 +190,15 @@ function Result(props, ref) {
 				t5
 			]
 		});
-		$[18] = T0;
-		$[19] = t0;
-		$[20] = t1;
-		$[21] = t2;
-		$[22] = t3;
-		$[23] = t4;
-		$[24] = t5;
-		$[25] = t6;
-	} else t6 = $[25];
+		$[15] = T0;
+		$[16] = t0;
+		$[17] = t1;
+		$[18] = t2;
+		$[19] = t3;
+		$[20] = t4;
+		$[21] = t5;
+		$[22] = t6;
+	} else t6 = $[22];
 	return t6;
 }
 const _Result = forwardRef(Result);

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

@@ -1 +1 @@
-{"version":3,"file":"Result.js","names":["IconAlertTriangleFilled","IconCircleCheckFilled","IconCircleXFilled","IconInfoCircleFilled","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","ComponentType","forwardRef","ReactNode","useMemo","mergeProps","wrapNodeIfPlain","extractStyles","Title","CubeResultProps","children","icon","status","CubeResultStatus","subTitle","subtitle","title","isCompact","StatusIconMap","Record","color","component","Container","qa","as","styles","display","compact","gridAreas","flow","placeContent","placeItems","gap","padding","textAlign","width","margin","Icon","$","gridArea","Content","placeSelf","textWrap","statusIconMap","success","error","info","warning","Result","props","ref","_c","T0","t0","t1","t2","t3","t4","t5","t6","otherProps","console","warn","t7","bb0","Component","hasOwnProperty","t8","t9","t10","t11","iconNode","eventProps","mods","_Result","displayName"],"sources":["../../../../src/components/content/Result/Result.tsx"],"sourcesContent":["import {\n  IconAlertTriangleFilled,\n  IconCircleCheckFilled,\n  IconCircleXFilled,\n  IconInfoCircleFilled,\n} from '@tabler/icons-react';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { ComponentType, forwardRef, ReactNode, useMemo } from 'react';\n\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Title } from '../Title';\n\nexport interface CubeResultProps extends BaseProps, ContainerStyleProps {\n  /** Additional block content. For example, a set of buttons */\n  children?: ReactNode;\n  /** Custom icon element */\n  icon?: ReactNode;\n  /**\n   * Result status from ready-made templates\n   * @default 'info'\n   */\n  status?: CubeResultStatus;\n  /**\n   * The subTitle\n   * @deprecated The subTitle prop is deprecated and will be removed in next major release. consider using subtitle instead\n   */\n  subTitle?: ReactNode;\n  /**\n   * Subtitle of the Result component\n   */\n  subtitle?: ReactNode;\n  /** The title */\n  title?: ReactNode;\n  /** Whether the result component has a compact presentation */\n  isCompact?: boolean;\n}\n\nexport type CubeResultStatus =\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning'\n  | 404\n  | 403\n  | 500;\n\ntype StatusIconMap = Record<\n  CubeResultStatus,\n  {\n    color: string;\n    component: ComponentType;\n  }\n>;\n\nconst Container = tasty({\n  qa: 'ResultContainer',\n  as: 'section',\n  styles: {\n    display: {\n      '': 'flex',\n      compact: 'grid',\n    },\n    gridAreas: '\"icon title\" \"content content\"',\n    flow: 'column',\n    placeContent: {\n      '': 'center',\n      compact: 'start',\n    },\n    placeItems: {\n      '': 'center',\n      compact: 'start',\n    },\n    gap: {\n      '': '3x',\n      compact: '2x 1x',\n    },\n    padding: {\n      '': '6x 4x',\n      compact: '0',\n    },\n    textAlign: {\n      '': 'center',\n      compact: 'left',\n    },\n    width: 'max 80ch',\n    margin: {\n      '': '0 auto',\n      compact: '0',\n    },\n    '--icon-size': '6x',\n\n    Icon: {\n      $: '>',\n      display: 'grid',\n      gridArea: 'icon',\n    },\n\n    Content: {\n      $: '>',\n      gridArea: 'content',\n      display: 'block',\n    },\n\n    Title: {\n      $: '>',\n      gridArea: 'title',\n      display: 'flex',\n      flow: 'column',\n      placeItems: 'inherit',\n      gap: '1x',\n      placeSelf: 'center',\n      textWrap: 'balance',\n    },\n  },\n});\n\nconst statusIconMap: StatusIconMap = {\n  success: {\n    color: 'success',\n    component: () => <IconCircleCheckFilled />,\n  },\n  error: {\n    color: 'danger',\n    component: () => <IconCircleXFilled />,\n  },\n  info: {\n    color: 'purple',\n    component: () => <IconInfoCircleFilled />,\n  },\n  warning: {\n    color: 'warning',\n    component: () => <IconAlertTriangleFilled />,\n  },\n  404: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  403: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  500: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n};\n\nfunction Result(props: CubeResultProps, ref) {\n  let {\n    children,\n    isCompact,\n    icon,\n    status,\n    subTitle,\n    subtitle,\n    title,\n    ...otherProps\n  } = props;\n\n  subtitle = subtitle ?? subTitle;\n\n  if (icon && status) {\n    console.warn(\n      'Don\\'t use \"icon\" and \"status\" together, it can lead to possible errors.',\n    );\n  }\n\n  const iconNode = useMemo(() => {\n    if (icon) {\n      return icon;\n    }\n\n    const { color, component: Component } =\n      status && statusIconMap.hasOwnProperty(status)\n        ? statusIconMap[status]\n        : statusIconMap.info;\n\n    return (\n      <div data-element=\"Icon\" style={{ color: `var(--${color}-color)` }}>\n        <Component data-element=\"Icon\" />\n      </div>\n    );\n  }, [icon, status]);\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <Container\n      {...mergeProps(filterBaseProps(otherProps, { eventProps: true }), {\n        mods: { compact: isCompact },\n      })}\n      ref={ref}\n      styles={styles}\n    >\n      {iconNode}\n      {(title || subtitle) && (\n        <div data-element=\"Title\">\n          {wrapNodeIfPlain(title, () => (\n            <Title level={2} preset={isCompact ? 'h5' : 'h4'}>\n              {title}\n            </Title>\n          ))}\n          {wrapNodeIfPlain(subtitle, () => (\n            <Title level={3} preset={isCompact ? 't3m' : 't2m'}>\n              {subtitle}\n            </Title>\n          ))}\n        </div>\n      )}\n      {children && <div data-element=\"Content\">{children}</div>}\n    </Container>\n  );\n}\n\nconst _Result = forwardRef(Result);\n\n_Result.displayName = 'Result';\n\nexport { _Result as Result };\n"],"mappings":"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"}
+{"version":3,"file":"Result.js","names":["IconAlertTriangleFilled","IconCircleCheckFilled","IconCircleXFilled","IconInfoCircleFilled","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","ComponentType","forwardRef","ReactNode","mergeProps","wrapNodeIfPlain","extractStyles","Title","CubeResultProps","children","icon","status","CubeResultStatus","subTitle","subtitle","title","isCompact","StatusIconMap","Record","color","component","Container","qa","as","styles","display","compact","gridAreas","flow","placeContent","placeItems","gap","padding","textAlign","width","margin","Icon","$","gridArea","Content","placeSelf","textWrap","statusIconMap","success","error","info","warning","Result","props","ref","_c","T0","t0","t1","t2","t3","t4","t5","t6","otherProps","console","warn","StatusIcon","hasOwnProperty","t7","iconNode","eventProps","mods","_Result","displayName"],"sources":["../../../../src/components/content/Result/Result.tsx"],"sourcesContent":["import {\n  IconAlertTriangleFilled,\n  IconCircleCheckFilled,\n  IconCircleXFilled,\n  IconInfoCircleFilled,\n} from '@tabler/icons-react';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Title } from '../Title';\n\nexport interface CubeResultProps extends BaseProps, ContainerStyleProps {\n  /** Additional block content. For example, a set of buttons */\n  children?: ReactNode;\n  /** Custom icon element */\n  icon?: ReactNode;\n  /**\n   * Result status from ready-made templates\n   * @default 'info'\n   */\n  status?: CubeResultStatus;\n  /**\n   * The subTitle\n   * @deprecated The subTitle prop is deprecated and will be removed in next major release. consider using subtitle instead\n   */\n  subTitle?: ReactNode;\n  /**\n   * Subtitle of the Result component\n   */\n  subtitle?: ReactNode;\n  /** The title */\n  title?: ReactNode;\n  /** Whether the result component has a compact presentation */\n  isCompact?: boolean;\n}\n\nexport type CubeResultStatus =\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning'\n  | 404\n  | 403\n  | 500;\n\ntype StatusIconMap = Record<\n  CubeResultStatus,\n  {\n    color: string;\n    component: ComponentType;\n  }\n>;\n\nconst Container = tasty({\n  qa: 'ResultContainer',\n  as: 'section',\n  styles: {\n    display: {\n      '': 'flex',\n      compact: 'grid',\n    },\n    gridAreas: '\"icon title\" \"content content\"',\n    flow: 'column',\n    placeContent: {\n      '': 'center',\n      compact: 'start',\n    },\n    placeItems: {\n      '': 'center',\n      compact: 'start',\n    },\n    gap: {\n      '': '3x',\n      compact: '2x 1x',\n    },\n    padding: {\n      '': '6x 4x',\n      compact: '0',\n    },\n    textAlign: {\n      '': 'center',\n      compact: 'left',\n    },\n    width: 'max 80ch',\n    margin: {\n      '': '0 auto',\n      compact: '0',\n    },\n    '--icon-size': '6x',\n\n    Icon: {\n      $: '>',\n      display: 'grid',\n      gridArea: 'icon',\n    },\n\n    Content: {\n      $: '>',\n      gridArea: 'content',\n      display: 'block',\n    },\n\n    Title: {\n      $: '>',\n      gridArea: 'title',\n      display: 'flex',\n      flow: 'column',\n      placeItems: 'inherit',\n      gap: '1x',\n      placeSelf: 'center',\n      textWrap: 'balance',\n    },\n  },\n});\n\nconst statusIconMap: StatusIconMap = {\n  success: {\n    color: 'success',\n    component: () => <IconCircleCheckFilled />,\n  },\n  error: {\n    color: 'danger',\n    component: () => <IconCircleXFilled />,\n  },\n  info: {\n    color: 'purple',\n    component: () => <IconInfoCircleFilled />,\n  },\n  warning: {\n    color: 'warning',\n    component: () => <IconAlertTriangleFilled />,\n  },\n  404: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  403: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  500: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n};\n\nfunction Result(props: CubeResultProps, ref) {\n  let {\n    children,\n    isCompact,\n    icon,\n    status,\n    subTitle,\n    subtitle,\n    title,\n    ...otherProps\n  } = props;\n\n  subtitle = subtitle ?? subTitle;\n\n  if (icon && status) {\n    console.warn(\n      'Don\\'t use \"icon\" and \"status\" together, it can lead to possible errors.',\n    );\n  }\n\n  const { color, component: StatusIcon } =\n    status && statusIconMap.hasOwnProperty(status)\n      ? statusIconMap[status]\n      : statusIconMap.info;\n\n  const iconNode = icon || (\n    <div data-element=\"Icon\" style={{ color: `var(--${color}-color)` }}>\n      <StatusIcon data-element=\"Icon\" />\n    </div>\n  );\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <Container\n      {...mergeProps(filterBaseProps(otherProps, { eventProps: true }), {\n        mods: { compact: isCompact },\n      })}\n      ref={ref}\n      styles={styles}\n    >\n      {iconNode}\n      {(title || subtitle) && (\n        <div data-element=\"Title\">\n          {wrapNodeIfPlain(title, () => (\n            <Title level={2} preset={isCompact ? 'h5' : 'h4'}>\n              {title}\n            </Title>\n          ))}\n          {wrapNodeIfPlain(subtitle, () => (\n            <Title level={3} preset={isCompact ? 't3m' : 't2m'}>\n              {subtitle}\n            </Title>\n          ))}\n        </div>\n      )}\n      {children && <div data-element=\"Content\">{children}</div>}\n    </Container>\n  );\n}\n\nconst _Result = forwardRef(Result);\n\n_Result.displayName = 'Result';\n\nexport { _Result as Result };\n"],"mappings":"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"}

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

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

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

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

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { 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.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";
@@ -44,22 +44,14 @@ const TextItem = forwardRef(function TextItem(props, ref) {
 	} 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;
-	}
+	if ($[3] !== children || $[4] !== highlight || $[5] !== highlightCaseSensitive || $[6] !== highlightStyles) {
+		t4 = typeof children === "string" && highlight ? highlightText(children, highlight, highlightCaseSensitive, highlightStyles) : children;
+		$[3] = children;
+		$[4] = highlight;
+		$[5] = highlightCaseSensitive;
+		$[6] = highlightStyles;
+		$[7] = t4;
+	} else t4 = $[7];
 	const processedChildren = t4;
 	const renderElement = (tooltipTriggerProps, tooltipRef) => {
 		const handleRef = (element) => {

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

@@ -1 +1 @@
-{"version":3,"file":"TextItem.js","names":["BASE_STYLES","COLOR_STYLES","filterBaseProps","Styles","tasty","TEXT_STYLES","forwardRef","HTMLAttributes","RefObject","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"}
+{"version":3,"file":"TextItem.js","names":["BASE_STYLES","COLOR_STYLES","filterBaseProps","Styles","tasty","TEXT_STYLES","forwardRef","HTMLAttributes","RefObject","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","processedChildren","renderElement","tooltipTriggerProps","tooltipRef","handleRef","element","current","eventProps","displayName"],"sources":["../../../../src/components/content/TextItem/TextItem.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  COLOR_STYLES,\n  filterBaseProps,\n  Styles,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes, RefObject } from 'react';\nimport { 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 =\n      typeof children === 'string' && highlight\n        ? highlightText(\n            children,\n            highlight,\n            highlightCaseSensitive,\n            highlightStyles,\n          )\n        : children;\n\n    const renderElement = (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      // Merge refs\n      const handleRef = (element: HTMLElement | null) => {\n        // Set component forwarded ref\n        if (typeof ref === 'function') {\n          ref(element);\n        } else if (ref) {\n          (ref as any).current = element;\n        }\n        // Set tooltip ref\n        if (tooltipRef) {\n          (tooltipRef as any).current = element;\n        }\n        // Set label ref for overflow detection\n        labelRef(element);\n      };\n\n      return (\n        <TextItemElement\n          {...filterBaseProps(restProps, { eventProps: true })}\n          {...tooltipTriggerProps}\n          ref={handleRef}\n          styles={styles}\n        >\n          {processedChildren}\n        </TextItemElement>\n      );\n    };\n\n    return renderWithTooltip(renderElement, tooltipPlacement);\n  },\n);\n\nTextItem.displayName = 'TextItem';\n"],"mappings":";;;;;;;;;;;AAgBA,MAAMiB,aAAa;CAAC,GAAGjB;CAAa,GAAGK;CAAa,GAAGJ;CAAa;AAgCpE,MAAMwB,kBAAkBrB,MAAMS,OAAM;CAClCa,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,eAAe;EACfC,OAAO;EACPC,YAAY;EACZC,UAAU;EACVC,cAAc;EAChB;CACD,CAAC;AAEF,MAAaC,WAAW5B,WACtB,SAAA4B,SAAAE,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAC,UAAApB,WAAAC,wBAAAoB,IAAAnB,iBAAAC,SAAAmB,IAAAlB,kBAAAmB,IAAA,GAAAC,cAQIR;CALF,MAAAf,yBAAAoB,OAAAI,SAAA,QAAAJ;CAEA,MAAAlB,UAAAmB,OAAAG,SAAA,OAAAH;CACA,MAAAlB,mBAAAmB,OAAAE,SAAA,QAAAF;CAKF,MAAAhB,SAAejB,cAAckC,WAAW3B,YAAY,EAAE,EAAEH,cAAc;CAAC,IAAAgC;AAAA,KAAAR,EAAA,OAAAE,YAAAF,EAAA,OAAAf,SAAA;AAEhBuB,OAAA;GAAAvB;GAAAiB;GAGtD;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAf;AAAAe,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAHD,MAAA,EAAAS,UAAAC,sBAAwChC,eAAe8B,GAGrD;CAAC,IAAAG;AAAA,KAAAX,EAAA,OAAAE,YAAAF,EAAA,OAAAlB,aAAAkB,EAAA,OAAAjB,0BAAAiB,EAAA,OAAAhB,iBAAA;AAID2B,OAAA,OAAOT,aAAa,YAApBpB,YACIT,cACE6B,UACApB,WACAC,wBACAC,gBAEM,GAPZkB;AAOYF,IAAA,KAAAE;AAAAF,IAAA,KAAAlB;AAAAkB,IAAA,KAAAjB;AAAAiB,IAAA,KAAAhB;AAAAgB,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CARd,MAAAY,oBACED;CASF,MAAAE,iBAAsBC,qBAAAC,eAAA;EAKpB,MAAAC,aAAkBC,YAAA;AAEhB,OAAI,OAAOlB,QAAQ,WACjBA,KAAIkB,QAAQ;YACHlB,IACT,CAACA,IAAUmB,UAAYD;AAGzB,OAAIF,WACF,CAACA,WAAiBG,UAAYD;AAGhCR,YAASQ,QAAQ;;AACjB,SAGA,oBAAC;GAAe,GACVrD,gBAAgB0C,WAAW,EAAAa,YAAc,MAAM,CAAC;GAAA,GAChDL;GACCE,KAAAA;GACG3B;aAEPuB;IACe;;AAEpB,QAEKF,kBAAkBG,eAAe3B,iBAAiB;EAE5D;AAEDU,SAASwB,cAAc"}

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { 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.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Tree/tree-index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 function buildTreeIndex(treeData) {
 	const byKey = /* @__PURE__ */ new Map();