@cube-dev/ui-kit 0.0.0-canary-69d3ce6 → 0.0.0-canary-30d7fcd

package/dist/components/content/Item/ItemWithNativeLinks.js

@@ -0,0 +1,314 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
+import { subscribeScheme } from "../../../utils/react/useScheme.js";
+import { ItemWithNativeSlots } from "./Item.js";
+import { c } from "react/compiler-runtime";
+import { useId, useLayoutEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/content/Item/ItemWithNativeLinks.tsx
+const NATIVE_ROW_TOKENS = [
+	"--native-row-inset",
+	"--native-row-width",
+	"--native-row-height",
+	"--native-row-clip"
+];
+function writeNativeRowToken(element, name, value) {
+	if (element.style.getPropertyValue(name) === (value ?? "")) return;
+	if (value == null) element.style.removeProperty(name);
+	else element.style.setProperty(name, value);
+}
+function clearNativeRowPlacement(element) {
+	for (const name of NATIVE_ROW_TOKENS) writeNativeRowToken(element, name, null);
+}
+function borderBoxSize(styles, axis) {
+	const size = parseFloat(styles[axis]);
+	if (styles.boxSizing === "border-box") return size;
+	return (axis === "width" ? ["Left", "Right"] : ["Top", "Bottom"]).reduce((total, side) => total + parseFloat(styles[`padding${side}`]) + parseFloat(styles[`border${side}Width`]), size);
+}
+function nativeRowClip(row, containingBlock, bounds, scaleX, scaleY) {
+	let left = bounds.left;
+	let right = bounds.right;
+	let top = bounds.top;
+	let bottom = bounds.bottom;
+	const view = row.ownerDocument.defaultView;
+	for (let ancestor = row; ancestor && ancestor !== containingBlock; ancestor = ancestor.parentElement) {
+		const styles = view.getComputedStyle(ancestor);
+		if (styles.overflowX === "visible" && styles.overflowY === "visible") continue;
+		const rect = ancestor.getBoundingClientRect();
+		const x = rect.width / ancestor.offsetWidth || 1;
+		const y = rect.height / ancestor.offsetHeight || 1;
+		if (styles.overflowX !== "visible") {
+			const edge = rect.left + ancestor.clientLeft * x;
+			left = Math.max(left, edge);
+			right = Math.min(right, edge + ancestor.clientWidth * x);
+		}
+		if (styles.overflowY !== "visible") {
+			const edge = rect.top + ancestor.clientTop * y;
+			top = Math.max(top, edge);
+			bottom = Math.min(bottom, edge + ancestor.clientHeight * y);
+		}
+	}
+	const inset = [
+		Math.max(0, top - bounds.top) / scaleY,
+		Math.max(0, bounds.right - right) / scaleX,
+		Math.max(0, bounds.bottom - bottom) / scaleY,
+		Math.max(0, left - bounds.left) / scaleX
+	];
+	return inset.some((value) => value > 0) ? `inset(${inset.map((value) => `${value}px`).join(" ")})` : null;
+}
+function placeNativeRow(element) {
+	const row = element.parentElement;
+	if (!row) return false;
+	const containingBlock = element.offsetParent;
+	if (!element.getClientRects().length) {
+		clearNativeRowPlacement(element);
+		return false;
+	}
+	const view = element.ownerDocument.defaultView;
+	if (!view) return false;
+	const rowStyles = view.getComputedStyle(row);
+	if (containingBlock === row) {
+		writeNativeRowToken(element, "--native-row-inset", [
+			"Top",
+			"Right",
+			"Bottom",
+			"Left"
+		].map((side) => `${-parseFloat(rowStyles[`border${side}Width`])}px`).join(" "));
+		for (const name of NATIVE_ROW_TOKENS.slice(1)) writeNativeRowToken(element, name, null);
+		return false;
+	}
+	const helperStyles = view.getComputedStyle(element);
+	const bounds = row.getBoundingClientRect();
+	const current = element.getBoundingClientRect();
+	const scaleX = current.width / borderBoxSize(helperStyles, "width") || 1;
+	const scaleY = current.height / borderBoxSize(helperStyles, "height") || 1;
+	const left = (parseFloat(helperStyles.left) || 0) + (bounds.left - current.left) / scaleX;
+	writeNativeRowToken(element, "--native-row-inset", `${(parseFloat(helperStyles.top) || 0) + (bounds.top - current.top) / scaleY}px auto auto ${left}px`);
+	writeNativeRowToken(element, "--native-row-width", `${borderBoxSize(rowStyles, "width")}px`);
+	writeNativeRowToken(element, "--native-row-height", `${borderBoxSize(rowStyles, "height")}px`);
+	writeNativeRowToken(element, "--native-row-clip", nativeRowClip(row, containingBlock, bounds, scaleX, scaleY));
+	return true;
+}
+function useNativeRow(enabled, shouldFocus, onElement) {
+	const $ = c(8);
+	const element = useRef(null);
+	const notify = useRef(onElement);
+	const wasEnabled = useRef(enabled);
+	const repoint = useRef(null);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = (node) => {
+			element.current = node;
+			if (node?.hasAttribute("data-menu-native-primary")) placeNativeRow(node);
+			repoint.current?.();
+			notify.current?.(node);
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const nativeRowRef = t0;
+	let t1;
+	if ($[1] !== enabled || $[2] !== onElement || $[3] !== shouldFocus) {
+		t1 = () => {
+			notify.current = onElement;
+			repoint.current?.();
+			onElement?.(element.current);
+			const node_0 = element.current;
+			const row = node_0?.parentElement;
+			if (node_0 && row && wasEnabled.current !== enabled && shouldFocus) {
+				const previous = enabled ? row : node_0;
+				const next = enabled ? node_0 : row;
+				if (node_0.ownerDocument.activeElement === previous) next.focus({ preventScroll: true });
+			}
+			wasEnabled.current = enabled;
+		};
+		$[1] = enabled;
+		$[2] = onElement;
+		$[3] = shouldFocus;
+		$[4] = t1;
+	} else t1 = $[4];
+	useLayoutEffect(t1);
+	let t2;
+	let t3;
+	if ($[5] !== enabled) {
+		t2 = () => {
+			if (!enabled) {
+				if (element.current) clearNativeRowPlacement(element.current);
+				return;
+			}
+			const document = element.current?.ownerDocument;
+			const view = document?.defaultView;
+			if (!document || !view) return;
+			let alive = true;
+			let queued = false;
+			let scroll = false;
+			let row_0 = null;
+			let watched = [];
+			let resized = [];
+			const queue = () => {
+				if (queued || !alive) return;
+				queued = true;
+				queueMicrotask(() => {
+					queued = false;
+					if (alive) sync();
+				});
+			};
+			const resize = typeof view.ResizeObserver === "function" ? new view.ResizeObserver(queue) : void 0;
+			const mutation = new view.MutationObserver((records) => {
+				if (records.some((record) => record.target !== element.current || record.attributeName !== "style")) queue();
+			});
+			const setScroll = (outside) => {
+				if (outside === scroll) return;
+				scroll = outside;
+				if (outside) document.addEventListener("scroll", queue, true);
+				else document.removeEventListener("scroll", queue, true);
+			};
+			const setRow = (next_0) => {
+				if (next_0 === row_0) return;
+				for (const event of [
+					"pointerover",
+					"pointerout",
+					"transitionend",
+					"animationend"
+				]) row_0?.removeEventListener(event, queue, true);
+				row_0 = next_0;
+				for (const event_0 of [
+					"pointerover",
+					"pointerout",
+					"transitionend",
+					"animationend"
+				]) row_0?.addEventListener(event_0, queue, true);
+			};
+			const sync = () => {
+				const node_1 = element.current;
+				const outside_0 = !!node_1 && placeNativeRow(node_1);
+				setScroll(outside_0);
+				setRow(node_1?.parentElement ?? null);
+				const ancestors = [];
+				for (let ancestor = row_0; ancestor; ancestor = ancestor.parentElement) ancestors.push(ancestor);
+				const targets = outside_0 ? [...ancestors] : row_0 ? [row_0] : [];
+				if (outside_0) for (const ancestor_0 of ancestors) {
+					if (ancestor_0 === document.documentElement) break;
+					for (const sibling of Array.from(ancestor_0.parentElement?.children ?? [])) if (sibling !== ancestor_0 && !targets.includes(sibling)) targets.push(sibling);
+				}
+				if (ancestors.length === watched.length && ancestors.every((node_3, index_0) => node_3 === watched[index_0]) && targets.length === resized.length && targets.every((node_2, index) => node_2 === resized[index])) return;
+				watched = ancestors;
+				resized = targets;
+				resize?.disconnect();
+				mutation.disconnect();
+				for (const target of targets) resize?.observe(target);
+				for (const ancestor_1 of ancestors) mutation.observe(ancestor_1, {
+					attributes: true,
+					childList: ancestor_1 === row_0 || outside_0,
+					subtree: outside_0 && ancestor_1 === row_0?.parentElement
+				});
+			};
+			repoint.current = sync;
+			const stopScheme = subscribeScheme(queue);
+			view.addEventListener("resize", queue);
+			sync();
+			return () => {
+				alive = false;
+				repoint.current = null;
+				setScroll(false);
+				setRow(null);
+				stopScheme();
+				resize?.disconnect();
+				mutation.disconnect();
+				view.removeEventListener("resize", queue);
+			};
+		};
+		t3 = [enabled];
+		$[5] = enabled;
+		$[6] = t2;
+		$[7] = t3;
+	} else {
+		t2 = $[6];
+		t3 = $[7];
+	}
+	useLayoutEffect(t2, t3);
+	return nativeRowRef;
+}
+function ItemWithNativeLinks(props) {
+	const $ = c(20);
+	let itemProps;
+	let nativeMenuItemName;
+	let nativeMenuItemShouldFocus;
+	let ref;
+	if ($[0] !== props) {
+		({nativeMenuItemName, nativeMenuItemShouldFocus, ref, ...itemProps} = props);
+		$[0] = props;
+		$[1] = itemProps;
+		$[2] = nativeMenuItemName;
+		$[3] = nativeMenuItemShouldFocus;
+		$[4] = ref;
+	} else {
+		itemProps = $[1];
+		nativeMenuItemName = $[2];
+		nativeMenuItemShouldFocus = $[3];
+		ref = $[4];
+	}
+	const nameId = useId();
+	const labelId = props.labelProps?.id ?? nameId;
+	const descriptionId = props.descriptionProps?.id ?? `${nameId}-description`;
+	const descriptionNamesRow = !props.children && (!!props.description || Object.keys(props.descriptionProps ?? {}).some(_temp));
+	const isHeading = props.type === "header" || props.type === "card";
+	const nameReferenceId = descriptionNamesRow ? descriptionId : isHeading ? `${labelId}-content` : labelId;
+	const nativeRowRef = useNativeRow(!!props.nativeMenuItemProps, !!nativeMenuItemShouldFocus, props.onNativeLinkElement);
+	let primaryProps;
+	if ($[5] !== nameReferenceId || $[6] !== nativeMenuItemName || $[7] !== props.labelProps?.id || $[8] !== props.nativeMenuItemProps) {
+		primaryProps = props.nativeMenuItemProps;
+		if (primaryProps && (nativeMenuItemName?.label != null || nativeMenuItemName?.labelledBy != null)) primaryProps = {
+			...primaryProps,
+			"aria-label": nativeMenuItemName.label ?? primaryProps["aria-label"],
+			"aria-labelledby": nativeMenuItemName.labelledBy
+		};
+		if (primaryProps && nativeMenuItemName?.labelledBy == null && nativeMenuItemName?.label == null && primaryProps["aria-label"] == null) {
+			const semanticId = primaryProps.id;
+			primaryProps = {
+				...primaryProps,
+				"aria-labelledby": primaryProps["aria-labelledby"]?.split(" ").map((id) => id === semanticId || id === props.labelProps?.id ? nameReferenceId : id).join(" ") ?? nameReferenceId
+			};
+		}
+		$[5] = nameReferenceId;
+		$[6] = nativeMenuItemName;
+		$[7] = props.labelProps?.id;
+		$[8] = props.nativeMenuItemProps;
+		$[9] = primaryProps;
+	} else primaryProps = $[9];
+	let t0;
+	if ($[10] !== descriptionId || $[11] !== props.descriptionProps) {
+		t0 = {
+			...props.descriptionProps,
+			id: descriptionId
+		};
+		$[10] = descriptionId;
+		$[11] = props.descriptionProps;
+		$[12] = t0;
+	} else t0 = $[12];
+	let t1;
+	if ($[13] !== itemProps || $[14] !== labelId || $[15] !== nativeRowRef || $[16] !== primaryProps || $[17] !== ref || $[18] !== t0) {
+		t1 = /* @__PURE__ */ jsx(ItemWithNativeSlots, {
+			...itemProps,
+			ref,
+			nativeMenuItemProps: primaryProps,
+			nativeLabelReferenceId: labelId,
+			descriptionProps: t0,
+			nativeRowRef
+		});
+		$[13] = itemProps;
+		$[14] = labelId;
+		$[15] = nativeRowRef;
+		$[16] = primaryProps;
+		$[17] = ref;
+		$[18] = t0;
+		$[19] = t1;
+	} else t1 = $[19];
+	return t1;
+}
+function _temp(key) {
+	return key !== "id";
+}
+
+//#endregion
+export { ItemWithNativeLinks };
+//# sourceMappingURL=ItemWithNativeLinks.js.map

package/dist/components/content/Item/ItemWithNativeLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemWithNativeLinks.js","names":["Ref","useCallback","useId","useLayoutEffect","useRef","subscribeScheme","ItemWithNativeLinksProps","ItemWithNativeSlots","NativeMenuItemProps","ref","HTMLElement","nativeMenuItemShouldFocus","nativeMenuItemName","label","labelledBy","NATIVE_ROW_TOKENS","const","writeNativeRowToken","element","name","value","style","getPropertyValue","removeProperty","setProperty","clearNativeRowPlacement","borderBoxSize","styles","CSSStyleDeclaration","axis","size","parseFloat","boxSizing","sides","reduce","total","side","nativeRowClip","row","containingBlock","Element","bounds","DOMRect","scaleX","scaleY","left","right","top","bottom","view","ownerDocument","defaultView","ancestor","parentElement","getComputedStyle","overflowX","overflowY","rect","getBoundingClientRect","x","width","offsetWidth","y","height","offsetHeight","edge","clientLeft","Math","max","min","clientWidth","clientTop","clientHeight","inset","some","map","join","placeNativeRow","HTMLAnchorElement","offsetParent","getClientRects","length","rowStyles","slice","helperStyles","current","useNativeRow","enabled","shouldFocus","onElement","$","_c","notify","wasEnabled","repoint","t0","Symbol","for","node","hasAttribute","nativeRowRef","t1","node_0","previous","next","activeElement","focus","preventScroll","t2","t3","document","alive","queued","scroll","row_0","watched","resized","queue","queueMicrotask","sync","resize","ResizeObserver","undefined","mutation","MutationObserver","records","record","target","attributeName","setScroll","outside","addEventListener","removeEventListener","setRow","next_0","event","event_0","node_1","outside_0","ancestors","push","targets","ancestor_0","documentElement","sibling","Array","from","children","includes","every","node_3","index_0","index","node_2","disconnect","observe","ancestor_1","attributes","childList","subtree","stopScheme","ItemWithNativeLinks","props","itemProps","nameId","labelId","labelProps","id","descriptionId","descriptionProps","descriptionNamesRow","description","Object","keys","_temp","isHeading","type","nameReferenceId","nativeMenuItemProps","onNativeLinkElement","primaryProps","semanticId","split","key"],"sources":["../../../../src/components/content/Item/ItemWithNativeLinks.tsx"],"sourcesContent":["import { Ref, useCallback, useId, useLayoutEffect, useRef } from 'react';\n\nimport { subscribeScheme } from '../../../utils/react/useScheme';\n\nimport { ItemWithNativeLinksProps, ItemWithNativeSlots } from './Item';\n\ninterface NativeMenuItemProps extends ItemWithNativeLinksProps {\n  ref?: Ref<HTMLElement>;\n  nativeMenuItemShouldFocus?: boolean;\n  nativeMenuItemName?: {\n    label?: string;\n    labelledBy?: string;\n  };\n}\n\nconst NATIVE_ROW_TOKENS = [\n  '--native-row-inset',\n  '--native-row-width',\n  '--native-row-height',\n  '--native-row-clip',\n] as const;\n\nfunction writeNativeRowToken(\n  element: HTMLElement,\n  name: (typeof NATIVE_ROW_TOKENS)[number],\n  value: string | null,\n) {\n  if (element.style.getPropertyValue(name) === (value ?? '')) return;\n  if (value == null) element.style.removeProperty(name);\n  else element.style.setProperty(name, value);\n}\n\nfunction clearNativeRowPlacement(element: HTMLElement) {\n  for (const name of NATIVE_ROW_TOKENS)\n    writeNativeRowToken(element, name, null);\n}\n\nfunction borderBoxSize(styles: CSSStyleDeclaration, axis: 'width' | 'height') {\n  const size = parseFloat(styles[axis]);\n  if (styles.boxSizing === 'border-box') return size;\n  const sides = axis === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];\n  return sides.reduce(\n    (total, side) =>\n      total +\n      parseFloat(\n        styles[`padding${side}` as keyof CSSStyleDeclaration] as string,\n      ) +\n      parseFloat(\n        styles[`border${side}Width` as keyof CSSStyleDeclaration] as string,\n      ),\n    size,\n  );\n}\n\nfunction nativeRowClip(\n  row: HTMLElement,\n  containingBlock: Element | null,\n  bounds: DOMRect,\n  scaleX: number,\n  scaleY: number,\n) {\n  let left = bounds.left;\n  let right = bounds.right;\n  let top = bounds.top;\n  let bottom = bounds.bottom;\n  const view = row.ownerDocument.defaultView!;\n  // Outside containing blocks bypass intervening overflow clips. Restore only\n  // those clips; the containing block and its ancestors still clip natively.\n  for (\n    let ancestor: HTMLElement | null = row;\n    ancestor && ancestor !== containingBlock;\n    ancestor = ancestor.parentElement\n  ) {\n    const styles = view.getComputedStyle(ancestor);\n    if (styles.overflowX === 'visible' && styles.overflowY === 'visible')\n      continue;\n    const rect = ancestor.getBoundingClientRect();\n    const x = rect.width / ancestor.offsetWidth || 1;\n    const y = rect.height / ancestor.offsetHeight || 1;\n    if (styles.overflowX !== 'visible') {\n      const edge = rect.left + ancestor.clientLeft * x;\n      left = Math.max(left, edge);\n      right = Math.min(right, edge + ancestor.clientWidth * x);\n    }\n    if (styles.overflowY !== 'visible') {\n      const edge = rect.top + ancestor.clientTop * y;\n      top = Math.max(top, edge);\n      bottom = Math.min(bottom, edge + ancestor.clientHeight * y);\n    }\n  }\n  const inset = [\n    Math.max(0, top - bounds.top) / scaleY,\n    Math.max(0, bounds.right - right) / scaleX,\n    Math.max(0, bounds.bottom - bottom) / scaleY,\n    Math.max(0, left - bounds.left) / scaleX,\n  ];\n  return inset.some((value) => value > 0)\n    ? `inset(${inset.map((value) => `${value}px`).join(' ')})`\n    : null;\n}\n\nfunction placeNativeRow(element: HTMLAnchorElement) {\n  const row = element.parentElement;\n  if (!row) return false;\n  const containingBlock = element.offsetParent;\n  if (!element.getClientRects().length) {\n    clearNativeRowPlacement(element);\n    return false;\n  }\n  const view = element.ownerDocument.defaultView;\n  if (!view) return false;\n  const rowStyles = view.getComputedStyle(row);\n  if (containingBlock === row) {\n    // Absolute insets start inside the row's border. Include that border so\n    // the native target follows the same outer bounds as the painted row.\n    const inset = ['Top', 'Right', 'Bottom', 'Left'].map(\n      (side) =>\n        `${-parseFloat(rowStyles[`border${side}Width` as keyof CSSStyleDeclaration] as string)}px`,\n    );\n    writeNativeRowToken(element, '--native-row-inset', inset.join(' '));\n    for (const name of NATIVE_ROW_TOKENS.slice(1))\n      writeNativeRowToken(element, name, null);\n    return false;\n  }\n  const helperStyles = view.getComputedStyle(element);\n  const bounds = row.getBoundingClientRect();\n  const current = element.getBoundingClientRect();\n  const scaleX = current.width / borderBoxSize(helperStyles, 'width') || 1;\n  const scaleY = current.height / borderBoxSize(helperStyles, 'height') || 1;\n  // Start at the helper's actual containing-block origin. The visual delta\n  // includes intervening scrolling and retains fractional layout coordinates.\n  const left =\n    (parseFloat(helperStyles.left) || 0) +\n    (bounds.left - current.left) / scaleX;\n  const top =\n    (parseFloat(helperStyles.top) || 0) + (bounds.top - current.top) / scaleY;\n  writeNativeRowToken(\n    element,\n    '--native-row-inset',\n    `${top}px auto auto ${left}px`,\n  );\n  writeNativeRowToken(\n    element,\n    '--native-row-width',\n    `${borderBoxSize(rowStyles, 'width')}px`,\n  );\n  writeNativeRowToken(\n    element,\n    '--native-row-height',\n    `${borderBoxSize(rowStyles, 'height')}px`,\n  );\n  writeNativeRowToken(\n    element,\n    '--native-row-clip',\n    nativeRowClip(row, containingBlock, bounds, scaleX, scaleY),\n  );\n  return true;\n}\n\nfunction useNativeRow(\n  enabled: boolean,\n  shouldFocus: boolean,\n  onElement: NativeMenuItemProps['onNativeLinkElement'],\n) {\n  const element = useRef<HTMLAnchorElement | null>(null);\n  const notify = useRef(onElement);\n  const wasEnabled = useRef(enabled);\n  const repoint = useRef<(() => void) | null>(null);\n  // The host may remount inside Item's tooltip without rerendering this owner.\n  // Retain the physical ref callback so every such commit reaches the menu.\n  const nativeRowRef = useCallback((node: HTMLAnchorElement | null) => {\n    element.current = node;\n    if (node?.hasAttribute('data-menu-native-primary')) placeNativeRow(node);\n    repoint.current?.();\n    notify.current?.(node);\n  }, []);\n\n  useLayoutEffect(() => {\n    notify.current = onElement;\n    repoint.current?.();\n    onElement?.(element.current);\n    const node = element.current;\n    const row = node?.parentElement;\n    if (node && row && wasEnabled.current !== enabled && shouldFocus) {\n      const previous = enabled ? row : node;\n      const next = enabled ? node : row;\n      if (node.ownerDocument.activeElement === previous)\n        next.focus({ preventScroll: true });\n    }\n    wasEnabled.current = enabled;\n  });\n\n  useLayoutEffect(() => {\n    if (!enabled) {\n      if (element.current) clearNativeRowPlacement(element.current);\n      return;\n    }\n    const document = element.current?.ownerDocument;\n    const view = document?.defaultView;\n    if (!document || !view) return;\n    let alive = true;\n    let queued = false;\n    let scroll = false;\n    let row: HTMLElement | null = null;\n    let watched: Element[] = [];\n    let resized: Element[] = [];\n    const queue = () => {\n      if (queued || !alive) return;\n      queued = true;\n      queueMicrotask(() => {\n        queued = false;\n        if (alive) sync();\n      });\n    };\n    const resize =\n      typeof view.ResizeObserver === 'function'\n        ? new view.ResizeObserver(queue)\n        : undefined;\n    const mutation = new view.MutationObserver((records) => {\n      if (\n        records.some(\n          (record) =>\n            record.target !== element.current ||\n            record.attributeName !== 'style',\n        )\n      )\n        queue();\n    });\n    const setScroll = (outside: boolean) => {\n      if (outside === scroll) return;\n      scroll = outside;\n      if (outside) document.addEventListener('scroll', queue, true);\n      else document.removeEventListener('scroll', queue, true);\n    };\n    const setRow = (next: HTMLElement | null) => {\n      if (next === row) return;\n      for (const event of [\n        'pointerover',\n        'pointerout',\n        'transitionend',\n        'animationend',\n      ])\n        row?.removeEventListener(event, queue, true);\n      row = next;\n      for (const event of [\n        'pointerover',\n        'pointerout',\n        'transitionend',\n        'animationend',\n      ])\n        row?.addEventListener(event, queue, true);\n    };\n    const sync = () => {\n      const node = element.current;\n      const outside = !!node && placeNativeRow(node);\n      setScroll(outside);\n      setRow(node?.parentElement ?? null);\n      const ancestors: Element[] = [];\n      for (\n        let ancestor: Element | null = row;\n        ancestor;\n        ancestor = ancestor.parentElement\n      )\n        ancestors.push(ancestor);\n      const targets = outside ? [...ancestors] : row ? [row] : [];\n      if (outside) {\n        for (const ancestor of ancestors) {\n          if (ancestor === document.documentElement) break;\n          for (const sibling of Array.from(\n            ancestor.parentElement?.children ?? [],\n          ))\n            if (sibling !== ancestor && !targets.includes(sibling))\n              targets.push(sibling);\n        }\n      }\n      if (\n        ancestors.length === watched.length &&\n        ancestors.every((node, index) => node === watched[index]) &&\n        targets.length === resized.length &&\n        targets.every((node, index) => node === resized[index])\n      )\n        return;\n      watched = ancestors;\n      resized = targets;\n      resize?.disconnect();\n      mutation.disconnect();\n      for (const target of targets) resize?.observe(target);\n      for (const ancestor of ancestors)\n        mutation.observe(ancestor, {\n          attributes: true,\n          childList: ancestor === row || outside,\n          subtree: outside && ancestor === row?.parentElement,\n        });\n    };\n    repoint.current = sync;\n    const stopScheme = subscribeScheme(queue);\n    view.addEventListener('resize', queue);\n    sync();\n    return () => {\n      alive = false;\n      repoint.current = null;\n      setScroll(false);\n      setRow(null);\n      stopScheme();\n      resize?.disconnect();\n      mutation.disconnect();\n      view.removeEventListener('resize', queue);\n    };\n  }, [enabled]);\n\n  return nativeRowRef;\n}\n\nexport function ItemWithNativeLinks(props: NativeMenuItemProps) {\n  const { nativeMenuItemName, nativeMenuItemShouldFocus, ref, ...itemProps } =\n    props;\n  const nameId = useId();\n  const labelId = props.labelProps?.id ?? nameId;\n  const descriptionId = props.descriptionProps?.id ?? `${nameId}-description`;\n  const descriptionNamesRow =\n    !props.children &&\n    (!!props.description ||\n      Object.keys(props.descriptionProps ?? {}).some((key) => key !== 'id'));\n  const isHeading = props.type === 'header' || props.type === 'card';\n  const nameReferenceId = descriptionNamesRow\n    ? descriptionId\n    : isHeading\n      ? `${labelId}-content`\n      : labelId;\n  const nativeRowRef = useNativeRow(\n    !!props.nativeMenuItemProps,\n    !!nativeMenuItemShouldFocus,\n    props.onNativeLinkElement,\n  );\n  let primaryProps = props.nativeMenuItemProps;\n  if (\n    primaryProps &&\n    (nativeMenuItemName?.label != null ||\n      nativeMenuItemName?.labelledBy != null)\n  ) {\n    primaryProps = {\n      ...primaryProps,\n      'aria-label': nativeMenuItemName.label ?? primaryProps['aria-label'],\n      'aria-labelledby': nativeMenuItemName.labelledBy,\n    };\n  }\n  if (\n    primaryProps &&\n    nativeMenuItemName?.labelledBy == null &&\n    nativeMenuItemName?.label == null &&\n    primaryProps['aria-label'] == null\n  ) {\n    const semanticId = primaryProps.id;\n    primaryProps = {\n      ...primaryProps,\n      'aria-labelledby':\n        primaryProps['aria-labelledby']\n          ?.split(' ')\n          .map((id) =>\n            id === semanticId || id === props.labelProps?.id\n              ? nameReferenceId\n              : id,\n          )\n          .join(' ') ?? nameReferenceId,\n    };\n  }\n  return (\n    <ItemWithNativeSlots\n      {...itemProps}\n      ref={ref}\n      nativeMenuItemProps={primaryProps}\n      nativeLabelReferenceId={labelId}\n      descriptionProps={{ ...props.descriptionProps, id: descriptionId }}\n      nativeRowRef={nativeRowRef}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/components/content/ItemBadge/ItemBadge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { CURRENT_CLEAR_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CLEAR_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES } from "../../../data/item-themes.js";

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

@@ -1,7 +1,7 @@
 
-import { CubeItemProps } from "../Item/Item.js";
 import { CubeItemActionProps } from "../../actions/ItemAction/ItemAction.js";
 import "../../actions/index.js";
+import { CubeItemProps } from "../Item/Item.js";
 import * as react from "react";
 import { ReactNode } from "react";
 import * as _react_types_shared0 from "@react-types/shared";

package/dist/components/content/ItemCard/ItemCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";
 import { _LayoutBlock } from "./LayoutBlock.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { _LayoutContainer } from "./LayoutContainer.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useRef, useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { LayoutPanelTransitionContext, useLayoutRefsContext } from "./LayoutContext.js";
 import { c } from "react/compiler-runtime";
 import { useContext, useLayoutEffect, useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | 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-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | 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-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | 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-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | 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-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | 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-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | 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-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | 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-69d3ce6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { _Item } from "../Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";