@cube-dev/ui-kit 0.0.0-canary-396b946 → 0.0.0-canary-56d27f7

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | 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-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | 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-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | 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.d.ts

@@ -5,7 +5,7 @@ import { ReactNode } from "react";
 
 //#region src/components/content/Result/Result.d.ts
 interface CubeResultProps extends BaseProps, ContainerStyleProps {
-  /** Free content between the text and the actions, e.g. an alert or details */
+  /** Additional block content. For example, a set of buttons */
   children?: ReactNode;
   /** Custom icon element */
   icon?: ReactNode;
@@ -25,21 +25,11 @@ interface CubeResultProps extends BaseProps, ContainerStyleProps {
   subtitle?: ReactNode;
   /** The title */
   title?: ReactNode;
-  /** A prominent value shown between the title and the subtitle, e.g. an amount with currency */
-  value?: ReactNode;
-  /** Action buttons. A centered row by default, a stacked full-width column in the `large` size */
-  actions?: ReactNode;
-  /**
-   * Visual scale. `large` is the dialog card: bigger icon and title, stacked full-width actions
-   * @default 'medium'
-   */
-  size?: CubeResultSize;
   /** Whether the result component has a compact presentation */
   isCompact?: boolean;
 }
-type CubeResultSize = 'medium' | 'large';
 type CubeResultStatus = 'success' | 'error' | 'info' | 'warning' | 404 | 403 | 500;
 declare const _Result: react.ForwardRefExoticComponent<CubeResultProps & react.RefAttributes<unknown>>;
 //#endregion
-export { CubeResultProps, CubeResultSize, CubeResultStatus, _Result };
+export { CubeResultProps, CubeResultStatus, _Result };
 //# sourceMappingURL=Result.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
@@ -18,7 +18,7 @@ const Container = tasty({
 			"": "flex",
 			compact: "grid"
 		},
-		gridAreas: "\"icon title\" \"content content\" \"actions actions\"",
+		gridAreas: "\"icon title\" \"content content\"",
 		flow: "column",
 		placeContent: {
 			"": "center",
@@ -34,8 +34,7 @@ const Container = tasty({
 		},
 		padding: {
 			"": "6x 4x",
-			compact: "0",
-			"size=large": "3x 1x"
+			compact: "0"
 		},
 		textAlign: {
 			"": "center",
@@ -46,20 +45,16 @@ const Container = tasty({
 			"": "0 auto",
 			compact: "0"
 		},
-		"--icon-size": {
-			"": "6x",
-			"size=large": "10x"
-		},
+		"--icon-size": "6x",
 		Icon: {
 			$: ">",
 			display: "grid",
-			gridArea: "icon",
-			color: {
-				"": "#purple-icon",
-				"status=success": "#success-icon",
-				"status=error": "#danger-icon",
-				"status=warning": "#warning-icon"
-			}
+			gridArea: "icon"
+		},
+		Content: {
+			$: ">",
+			gridArea: "content",
+			display: "block"
 		},
 		Title: {
 			$: ">",
@@ -70,62 +65,48 @@ const Container = tasty({
 			gap: "1x",
 			placeSelf: "center",
 			textWrap: "balance"
-		},
-		Value: {
-			color: "#dark",
-			preset: {
-				"": "h2",
-				compact: "h3",
-				"size=large": "h1"
-			},
-			fontVariantNumeric: "tabular-nums"
-		},
-		Content: {
-			$: ">",
-			gridArea: "content",
-			display: "block",
-			placeSelf: {
-				"": "auto",
-				"size=large": "stretch"
-			}
-		},
-		Actions: {
-			$: ">",
-			gridArea: "actions",
-			display: "flex",
-			flow: {
-				"": "row wrap",
-				"size=large": "column"
-			},
-			gap: "1x",
-			placeContent: {
-				"": "center",
-				compact: "start"
-			},
-			placeItems: {
-				"": "center",
-				"size=large": "stretch"
-			},
-			placeSelf: {
-				"": "auto",
-				"size=large": "stretch"
-			}
 		}
 	}
 });
 const statusIconMap = {
-	success: () => /* @__PURE__ */ jsx(IconCircleCheckFilled, {}),
-	error: () => /* @__PURE__ */ jsx(IconCircleXFilled, {}),
-	info: () => /* @__PURE__ */ jsx(IconInfoCircleFilled, {}),
-	warning: () => /* @__PURE__ */ jsx(IconAlertTriangleFilled, {}),
-	404: () => null,
-	403: () => null,
-	500: () => null
+	success: {
+		color: "success",
+		component: () => /* @__PURE__ */ jsx(IconCircleCheckFilled, {})
+	},
+	error: {
+		color: "danger",
+		component: () => /* @__PURE__ */ jsx(IconCircleXFilled, {})
+	},
+	info: {
+		color: "purple",
+		component: () => /* @__PURE__ */ jsx(IconInfoCircleFilled, {})
+	},
+	warning: {
+		color: "warning",
+		component: () => /* @__PURE__ */ jsx(IconAlertTriangleFilled, {})
+	},
+	404: {
+		color: "purple",
+		component: () => {
+			return null;
+		}
+	},
+	403: {
+		color: "purple",
+		component: () => {
+			return null;
+		}
+	},
+	500: {
+		color: "purple",
+		component: () => {
+			return null;
+		}
+	}
 };
 function Result(props, ref) {
-	const $ = c(25);
+	const $ = c(26);
 	let T0;
-	let actions;
 	let children;
 	let t0;
 	let t1;
@@ -133,126 +114,112 @@ function Result(props, ref) {
 	let t3;
 	let t4;
 	if ($[0] !== props || $[1] !== ref) {
-		const { children: t5, isCompact, icon, status, subTitle, subtitle: t6, title, value, actions: t7, size: t8, ...otherProps } = props;
+		const { children: t5, isCompact, icon, status, subTitle, subtitle: t6, title, ...otherProps } = props;
 		children = t5;
-		actions = t7;
 		let subtitle = t6;
-		const size = t8 === void 0 ? "medium" : t8;
 		subtitle = subtitle ?? subTitle;
 		if (icon && status) console.warn("Don't use \"icon\" and \"status\" together, it can lead to possible errors.");
-		const isLarge = size === "large";
-		let t9;
+		let t7;
 		bb0: {
 			if (icon) {
-				t9 = icon;
+				t7 = icon;
 				break bb0;
 			}
-			const Component = status && statusIconMap.hasOwnProperty(status) ? statusIconMap[status] : statusIconMap.info;
+			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 ($[10] !== Component) {
-				t10 = /* @__PURE__ */ jsx("div", {
+			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",
-					children: /* @__PURE__ */ jsx(Component, {})
+					style: t9,
+					children: t10
 				});
-				$[10] = Component;
-				$[11] = t10;
-			} else t10 = $[11];
-			t9 = t10;
+				$[13] = t10;
+				$[14] = t9;
+				$[15] = t11;
+			} else t11 = $[15];
+			t7 = t11;
 		}
-		const iconNode = t9;
+		const iconNode = t7;
 		const styles = extractStyles(otherProps, CONTAINER_STYLES);
 		T0 = Container;
-		t0 = mergeProps(filterBaseProps(otherProps, { eventProps: true }), { mods: {
-			compact: isCompact,
-			size,
-			status: status ?? "info"
-		} });
+		t0 = mergeProps(filterBaseProps(otherProps, { eventProps: true }), { mods: { compact: isCompact } });
 		t1 = ref;
 		t2 = styles;
 		t3 = iconNode;
-		t4 = (title || value != null || subtitle) && /* @__PURE__ */ jsxs("div", {
+		t4 = (title || subtitle) && /* @__PURE__ */ jsxs("div", {
 			"data-element": "Title",
-			children: [
-				wrapNodeIfPlain(title, () => /* @__PURE__ */ jsx(_Title, {
-					level: 2,
-					preset: isCompact ? "h5" : isLarge ? "h2" : "h4",
-					children: title
-				})),
-				value != null && /* @__PURE__ */ jsx("div", {
-					"data-element": "Value",
-					children: value
-				}),
-				wrapNodeIfPlain(subtitle, () => /* @__PURE__ */ jsx(_Title, {
-					slot: "subtitle",
-					level: 3,
-					preset: isCompact ? "t3m" : isLarge ? "t2" : "t2m",
-					color: isLarge ? "#dark-02" : void 0,
-					children: subtitle
-				}))
-			]
+			children: [wrapNodeIfPlain(title, () => /* @__PURE__ */ jsx(_Title, {
+				level: 2,
+				preset: isCompact ? "h5" : "h4",
+				children: title
+			})), wrapNodeIfPlain(subtitle, () => /* @__PURE__ */ jsx(_Title, {
+				level: 3,
+				preset: isCompact ? "t3m" : "t2m",
+				children: subtitle
+			}))]
 		});
 		$[0] = props;
 		$[1] = ref;
 		$[2] = T0;
-		$[3] = actions;
-		$[4] = children;
-		$[5] = t0;
-		$[6] = t1;
-		$[7] = t2;
-		$[8] = t3;
-		$[9] = t4;
+		$[3] = children;
+		$[4] = t0;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
 	} else {
 		T0 = $[2];
-		actions = $[3];
-		children = $[4];
-		t0 = $[5];
-		t1 = $[6];
-		t2 = $[7];
-		t3 = $[8];
-		t4 = $[9];
+		children = $[3];
+		t0 = $[4];
+		t1 = $[5];
+		t2 = $[6];
+		t3 = $[7];
+		t4 = $[8];
 	}
 	let t5;
-	if ($[12] !== children) {
+	if ($[16] !== children) {
 		t5 = children && /* @__PURE__ */ jsx("div", {
 			"data-element": "Content",
 			children
 		});
-		$[12] = children;
-		$[13] = t5;
-	} else t5 = $[13];
+		$[16] = children;
+		$[17] = t5;
+	} else t5 = $[17];
 	let t6;
-	if ($[14] !== actions) {
-		t6 = actions && /* @__PURE__ */ jsx("div", {
-			"data-element": "Actions",
-			children: actions
-		});
-		$[14] = actions;
-		$[15] = t6;
-	} else t6 = $[15];
-	let t7;
-	if ($[16] !== T0 || $[17] !== t0 || $[18] !== t1 || $[19] !== t2 || $[20] !== t3 || $[21] !== t4 || $[22] !== t5 || $[23] !== t6) {
-		t7 = /* @__PURE__ */ jsxs(T0, {
+	if ($[18] !== T0 || $[19] !== t0 || $[20] !== t1 || $[21] !== t2 || $[22] !== t3 || $[23] !== t4 || $[24] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(T0, {
 			...t0,
 			ref: t1,
 			styles: t2,
 			children: [
 				t3,
 				t4,
-				t5,
-				t6
+				t5
 			]
 		});
-		$[16] = T0;
-		$[17] = t0;
-		$[18] = t1;
-		$[19] = t2;
-		$[20] = t3;
-		$[21] = t4;
-		$[22] = t5;
-		$[23] = t6;
-		$[24] = t7;
-	} else t7 = $[24];
-	return t7;
+		$[18] = T0;
+		$[19] = t0;
+		$[20] = t1;
+		$[21] = t2;
+		$[22] = t3;
+		$[23] = t4;
+		$[24] = t5;
+		$[25] = t6;
+	} else t6 = $[25];
+	return t6;
 }
 const _Result = forwardRef(Result);
 _Result.displayName = "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","value","actions","size","CubeResultSize","isCompact","StatusIconMap","Record","Container","qa","as","styles","display","compact","gridAreas","flow","placeContent","placeItems","gap","padding","textAlign","width","margin","Icon","$","gridArea","color","placeSelf","textWrap","Value","preset","fontVariantNumeric","Content","Actions","statusIconMap","success","error","info","warning","Result","props","ref","_c","T0","t0","t1","t2","t3","t4","t5","t6","t7","t8","otherProps","undefined","console","warn","isLarge","t9","bb0","Component","hasOwnProperty","t10","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  /** Free content between the text and the actions, e.g. an alert or details */\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  /** A prominent value shown between the title and the subtitle, e.g. an amount with currency */\n  value?: ReactNode;\n  /** Action buttons. A centered row by default, a stacked full-width column in the `large` size */\n  actions?: ReactNode;\n  /**\n   * Visual scale. `large` is the dialog card: bigger icon and title, stacked full-width actions\n   * @default 'medium'\n   */\n  size?: CubeResultSize;\n  /** Whether the result component has a compact presentation */\n  isCompact?: boolean;\n}\n\nexport type CubeResultSize = 'medium' | 'large';\n\nexport type CubeResultStatus =\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning'\n  | 404\n  | 403\n  | 500;\n\ntype StatusIconMap = Record<CubeResultStatus, ComponentType>;\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\" \"actions actions\"',\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      'size=large': '3x 1x',\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': {\n      '': '6x',\n      'size=large': '10x',\n    },\n\n    Icon: {\n      $: '>',\n      display: 'grid',\n      gridArea: 'icon',\n      color: {\n        '': '#purple-icon',\n        'status=success': '#success-icon',\n        'status=error': '#danger-icon',\n        'status=warning': '#warning-icon',\n      },\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    Value: {\n      color: '#dark',\n      preset: {\n        '': 'h2',\n        compact: 'h3',\n        'size=large': 'h1',\n      },\n      fontVariantNumeric: 'tabular-nums',\n    },\n\n    Content: {\n      $: '>',\n      gridArea: 'content',\n      display: 'block',\n      placeSelf: {\n        '': 'auto',\n        'size=large': 'stretch',\n      },\n    },\n\n    Actions: {\n      $: '>',\n      gridArea: 'actions',\n      display: 'flex',\n      flow: {\n        '': 'row wrap',\n        'size=large': 'column',\n      },\n      gap: '1x',\n      placeContent: {\n        '': 'center',\n        compact: 'start',\n      },\n      placeItems: {\n        '': 'center',\n        'size=large': 'stretch',\n      },\n      placeSelf: {\n        '': 'auto',\n        'size=large': 'stretch',\n      },\n    },\n  },\n});\n\nconst statusIconMap: StatusIconMap = {\n  success: () => <IconCircleCheckFilled />,\n  error: () => <IconCircleXFilled />,\n  info: () => <IconInfoCircleFilled />,\n  warning: () => <IconAlertTriangleFilled />,\n  // TODO: Needs to be implemented in the future\n  404: () => null,\n  403: () => null,\n  500: () => null,\n};\n\nfunction Result(props: CubeResultProps, ref) {\n  let {\n    children,\n    isCompact,\n    icon,\n    status,\n    subTitle,\n    subtitle,\n    title,\n    value,\n    actions,\n    size = 'medium',\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 isLarge = size === 'large';\n\n  const iconNode = useMemo(() => {\n    if (icon) {\n      return icon;\n    }\n\n    const Component =\n      status && statusIconMap.hasOwnProperty(status)\n        ? statusIconMap[status]\n        : statusIconMap.info;\n\n    return (\n      <div data-element=\"Icon\">\n        <Component />\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, size, status: status ?? 'info' },\n      })}\n      ref={ref}\n      styles={styles}\n    >\n      {iconNode}\n      {(title || value != null || subtitle) && (\n        <div data-element=\"Title\">\n          {wrapNodeIfPlain(title, () => (\n            <Title level={2} preset={isCompact ? 'h5' : isLarge ? 'h2' : 'h4'}>\n              {title}\n            </Title>\n          ))}\n          {value != null && <div data-element=\"Value\">{value}</div>}\n          {wrapNodeIfPlain(subtitle, () => (\n            <Title\n              // A name no provider defines: the dialog `title` slot must reach\n              // the title only, or both headings get the dialog's label id\n              slot=\"subtitle\"\n              level={3}\n              preset={isCompact ? 't3m' : isLarge ? 't2' : 't2m'}\n              color={isLarge ? '#dark-02' : undefined}\n            >\n              {subtitle}\n            </Title>\n          ))}\n        </div>\n      )}\n      {children && <div data-element=\"Content\">{children}</div>}\n      {actions && <div data-element=\"Actions\">{actions}</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","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":";;;;;;;;;;;;AA6DA,MAAM8B,YAAYtB,MAAM;CACtBuB,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;GACP,IAAI;GACJC,SAAS;GACV;EACDC,WAAW;EACXC,MAAM;EACNC,cAAc;GACZ,IAAI;GACJH,SAAS;GACV;EACDI,YAAY;GACV,IAAI;GACJJ,SAAS;GACV;EACDK,KAAK;GACH,IAAI;GACJL,SAAS;GACV;EACDM,SAAS;GACP,IAAI;GACJN,SAAS;GACV;EACDO,WAAW;GACT,IAAI;GACJP,SAAS;GACV;EACDQ,OAAO;EACPC,QAAQ;GACN,IAAI;GACJT,SAAS;GACV;EACD,eAAe;EAEfU,MAAM;GACJC,GAAG;GACHZ,SAAS;GACTa,UAAU;GACX;EAEDC,SAAS;GACPF,GAAG;GACHC,UAAU;GACVb,SAAS;GACV;EAEDlB,OAAO;GACL8B,GAAG;GACHC,UAAU;GACVb,SAAS;GACTG,MAAM;GACNE,YAAY;GACZC,KAAK;GACLS,WAAW;GACXC,UAAU;GACZ;EACF;CACD,CAAC;AAEF,MAAMC,gBAA+B;CACnCC,SAAS;EACPxB,OAAO;EACPC,iBAAiB,oBAAC,0BAAqB;EACxC;CACDwB,OAAO;EACLzB,OAAO;EACPC,iBAAiB,oBAAC,sBAAiB;EACpC;CACDyB,MAAM;EACJ1B,OAAO;EACPC,iBAAiB,oBAAC,yBAAoB;EACvC;CACD0B,SAAS;EACP3B,OAAO;EACPC,iBAAiB,oBAAC,4BAAuB;EAC1C;CACD,KAAK;EACHD,OAAO;EACPC,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACHD,OAAO;EACPC,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACHD,OAAO;EACPC,iBAAiB;AAEf,UAAO;;EAEX;CACD;AAED,SAAA2B,OAAAC,OAAAC,KAAA;CAAA,MAAAZ,IAAAa,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAA1C;CAAA,IAAA2C;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAnB,EAAA,OAAAW,SAAAX,EAAA,OAAAY,KAAA;EACE,MAAA,EAAAxC,UAAAgD,IAAAzC,WAAAN,MAAAC,QAAAE,UAAAC,UAAA4C,IAAA3C,OAAA,GAAA4C,eASIX;AATJvC,aAAAgD;EAME3C,IAAAA,WAAAA;AAKFA,aAAWA,YAAAA;AAEX,MAAIJ,QAAAC,OACFiD,SAAOC,KACL,8EACD;EACF,IAAAC;AAAAC,OAAA;AAGC,OAAIrD,MAAI;AACNoD,SAAOpD;AAAP,UAAAqD;;GAGF,MAAA,EAAA5C,OAAAC,WAAA4C,cACErD,UAAU+B,cAAauB,eAAgBtD,OAEjB,GADlB+B,cAAc/B,UACd+B,cAAaG;GAGwB,MAAAqB,KAAA,SAAS/C,MAAK;GAAS,IAAAgD;AAAA,OAAA9B,EAAA,OAAA6B,IAAA;AAAhCC,SAAA,EAAAhD,OAAS+C,IAAyB;AAAA7B,MAAA,KAAA6B;AAAA7B,MAAA,MAAA8B;SAAAA,MAAA9B,EAAA;GAAA,IAAA+B;AAAA,OAAA/B,EAAA,QAAA2B,WAAA;AAChEI,UAAA,oBAAC,aAAuB,gBAAA,SAAS;AAAA/B,MAAA,MAAA2B;AAAA3B,MAAA,MAAA+B;SAAAA,OAAA/B,EAAA;GAAA,IAAAgC;AAAA,OAAAhC,EAAA,QAAA+B,OAAA/B,EAAA,QAAA8B,IAAA;AADnCE,UAAA,oBAAA;KAAkB,gBAAA;KAAc,OAAAF;eAC9BC;MACI;AAAA/B,MAAA,MAAA+B;AAAA/B,MAAA,MAAA8B;AAAA9B,MAAA,MAAAgC;SAAAA,OAAAhC,EAAA;AAHRyB,QACEO;;EAXJ,MAAAC,WAAiBR;EAiBjB,MAAAtC,SAAelB,cAAcqD,YAAY/D,iBAAiB;AAGvDuD,OAAA9B;AACK+B,OAAAhD,WAAWN,gBAAgB6D,YAAY,EAAAY,YAAc,MAAM,CAAC,EAAE,EAAAC,MAC1D,EAAA9C,SAAWV,WAAU,EAC5B,CAAC;AACGiC,OAAAA;AACGzB,OAAAA;AAEP8C,OAAAA;AACAd,QAACzC,SAAAD,aACA,qBAAA;GAAkB,gBAAA;cACfT,gBAAgBU,aACf,oBAAC;IAAa,OAAA;IAAW,QAAAC,YAAA,OAAA;cACtBD;KAEJ,CAAA,EACAV,gBAAgBS,gBACf,oBAAC;IAAa,OAAA;IAAW,QAAAE,YAAA,QAAA;cACtBF;KAEJ,CAAA;IAEJ;AAAAuB,IAAA,KAAAW;AAAAX,IAAA,KAAAY;AAAAZ,IAAA,KAAAc;AAAAd,IAAA,KAAA5B;AAAA4B,IAAA,KAAAe;AAAAf,IAAA,KAAAgB;AAAAhB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAkB;AAAAlB,IAAA,KAAAmB;QAAA;AAAAL,OAAAd,EAAA;AAAA5B,aAAA4B,EAAA;AAAAe,OAAAf,EAAA;AAAAgB,OAAAhB,EAAA;AAAAiB,OAAAjB,EAAA;AAAAkB,OAAAlB,EAAA;AAAAmB,OAAAnB,EAAA;;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAA5B,UAAA;AACAgD,OAAAhD,YAAY,oBAAA;GAAkB,gBAAA;GAAWA;IAAe;AAAA4B,IAAA,MAAA5B;AAAA4B,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAc,MAAAd,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAkB,MAAAlB,EAAA,QAAAmB,MAAAnB,EAAA,QAAAoB,IAAA;AAtB3DC,OAAA,qBAAC;GAAS,GACJN;GAGCH,KAAAA;GACGzB,QAAAA;;IAEP8C;IACAd;IAcAC;;IACS;AAAApB,IAAA,MAAAc;AAAAd,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;AAAAlB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAoB;AAAApB,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;AAAA,QAvBZqB;;AA2BJ,MAAMe,UAAUxE,WAAW8C,OAAO;AAElC0B,QAAQC,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | 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-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | 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-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | 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-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.d.ts

@@ -7,8 +7,6 @@ import * as react from "react";
 interface CubeTitleProps extends BaseProps, CubeTextProps, ContainerStyleProps, PositionStyleProps {
   /** The level of the heading **/
   level?: 1 | 2 | 3 | 4 | 5 | 6;
-  /** The slot to read provided props from. Defaults to `title` */
-  slot?: string;
 }
 declare const _Title: react.ForwardRefExoticComponent<CubeTitleProps & react.RefAttributes<unknown>> & {
   Danger: react.ForwardRefExoticComponent<CubeTitleProps & react.RefAttributes<unknown>>;

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | 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/Title.js.map

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | 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-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | 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-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | 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-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 function buildTreeIndex(treeData) {
 	const byKey = /* @__PURE__ */ new Map();

package/dist/components/content/Tree/use-checkbox-tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useState } from "react";

package/dist/components/content/Tree/use-load-data.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isDevEnvOrTest } from "../../../utils/is-dev-env.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/highlightText.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-396b946 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
 import { _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";