@cube-dev/ui-kit 0.182.0 → 0.183.0

package/dist/components/navigation/Tabs/TabPicker.js

@@ -1,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { MoreIcon } from "../../../icons/MoreIcon.js";
 import { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from "./popover-placement.js";
 import { FilterPicker } from "../../fields/FilterPicker/FilterPicker.js";
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/navigation/Tabs/TabPicker.tsx
@@ -14,46 +15,117 @@ import { jsx } from "react/jsx-runtime";
 * Used in the Tabs suffix area when tabs overflow to provide quick navigation
 * to any tab without scrolling.
 */
-function TabPicker({ tabs, selectedKey, onSelect, onDelete, size, type = "default", placement = "top", isReorderable, onReorder }) {
+function TabPicker(t0) {
+	const $ = c(30);
+	const { tabs, selectedKey, onSelect, onDelete, size, type: t1, placement: t2, isReorderable, onReorder } = t0;
+	const type = t1 === void 0 ? "default" : t1;
+	const placement = t2 === void 0 ? "top" : t2;
 	const { t } = useI18n();
 	const isDeletable = !!onDelete;
 	const pickerSize = size === "xsmall" ? "small" : size;
 	const showBorderDivider = type === "file";
 	const isVertical = placement === "left" || placement === "right";
-	return /* @__PURE__ */ jsx(FilterPicker, {
-		selectedKey,
-		renderSummary: false,
-		icon: /* @__PURE__ */ jsx(MoreIcon, {}),
-		rightIcon: null,
-		shape: "sharp",
-		type: "clear",
-		size: pickerSize,
-		placement: POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement],
-		styles: { border: showBorderDivider ? {
+	let t3;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(MoreIcon, {});
+		$[0] = t3;
+	} else t3 = $[0];
+	const t4 = POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement];
+	let t5;
+	if ($[1] !== isVertical || $[2] !== showBorderDivider) {
+		t5 = showBorderDivider ? {
 			"": 0,
 			"!:first-child": isVertical ? "top" : "left"
-		} : 0 },
-		triggerStyles: { border: 0 },
-		"aria-label": t("tabs.selectTab", "Select tab"),
-		isReorderable,
-		onReorder,
-		onSelectionChange: (key) => {
+		} : 0;
+		$[1] = isVertical;
+		$[2] = showBorderDivider;
+		$[3] = t5;
+	} else t5 = $[3];
+	let t6;
+	if ($[4] !== t5) {
+		t6 = { border: t5 };
+		$[4] = t5;
+		$[5] = t6;
+	} else t6 = $[5];
+	let t7;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = { border: 0 };
+		$[6] = t7;
+	} else t7 = $[6];
+	let t8;
+	if ($[7] !== t) {
+		t8 = t("tabs.selectTab", "Select tab");
+		$[7] = t;
+		$[8] = t8;
+	} else t8 = $[8];
+	let t9;
+	if ($[9] !== onSelect) {
+		t9 = (key) => {
 			if (key != null) onSelect(String(key));
-		},
-		children: tabs.map((tab) => /* @__PURE__ */ jsx(FilterPicker.Item, {
-			icon: tab.icon,
-			textValue: typeof tab.title === "string" ? tab.title : String(tab.key),
-			autoHideActions: isDeletable,
-			actions: isDeletable ? /* @__PURE__ */ jsx(ItemAction, {
-				icon: /* @__PURE__ */ jsx(CloseIcon, {}),
-				"aria-label": t("tabs.close", "Close"),
-				onPress: () => {
-					onDelete(tab.key);
-				}
-			}) : void 0,
-			children: tab.title
-		}, tab.key))
-	});
+		};
+		$[9] = onSelect;
+		$[10] = t9;
+	} else t9 = $[10];
+	let t10;
+	if ($[11] !== isDeletable || $[12] !== onDelete || $[13] !== t || $[14] !== tabs) {
+		let t11;
+		if ($[16] !== isDeletable || $[17] !== onDelete || $[18] !== t) {
+			t11 = (tab) => /* @__PURE__ */ jsx(FilterPicker.Item, {
+				icon: tab.icon,
+				textValue: typeof tab.title === "string" ? tab.title : String(tab.key),
+				autoHideActions: isDeletable,
+				actions: isDeletable ? /* @__PURE__ */ jsx(ItemAction, {
+					icon: /* @__PURE__ */ jsx(CloseIcon, {}),
+					"aria-label": t("tabs.close", "Close"),
+					onPress: () => {
+						onDelete(tab.key);
+					}
+				}) : void 0,
+				children: tab.title
+			}, tab.key);
+			$[16] = isDeletable;
+			$[17] = onDelete;
+			$[18] = t;
+			$[19] = t11;
+		} else t11 = $[19];
+		t10 = tabs.map(t11);
+		$[11] = isDeletable;
+		$[12] = onDelete;
+		$[13] = t;
+		$[14] = tabs;
+		$[15] = t10;
+	} else t10 = $[15];
+	let t11;
+	if ($[20] !== isReorderable || $[21] !== onReorder || $[22] !== pickerSize || $[23] !== selectedKey || $[24] !== t10 || $[25] !== t4 || $[26] !== t6 || $[27] !== t8 || $[28] !== t9) {
+		t11 = /* @__PURE__ */ jsx(FilterPicker, {
+			selectedKey,
+			renderSummary: false,
+			icon: t3,
+			rightIcon: null,
+			shape: "sharp",
+			type: "clear",
+			size: pickerSize,
+			placement: t4,
+			styles: t6,
+			triggerStyles: t7,
+			"aria-label": t8,
+			isReorderable,
+			onReorder,
+			onSelectionChange: t9,
+			children: t10
+		});
+		$[20] = isReorderable;
+		$[21] = onReorder;
+		$[22] = pickerSize;
+		$[23] = selectedKey;
+		$[24] = t10;
+		$[25] = t4;
+		$[26] = t6;
+		$[27] = t8;
+		$[28] = t9;
+		$[29] = t11;
+	} else t11 = $[29];
+	return t11;
 }
 
 //#endregion

package/dist/components/navigation/Tabs/TabPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPicker.js","names":[],"sources":["../../../../src/components/navigation/Tabs/TabPicker.tsx"],"sourcesContent":["import { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { ItemAction } from '../../actions/ItemAction';\nimport { FilterPicker } from '../../fields/FilterPicker/FilterPicker';\n\nimport { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from './popover-placement';\n\nimport type { ParsedTab, TabPlacement, TabSize, TabType } from './types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface TabPickerProps {\n  /** Ordered list of parsed tabs to display in the picker */\n  tabs: ParsedTab[];\n  /** Currently selected tab key */\n  selectedKey: string | null;\n  /** Callback when a tab is selected from the picker */\n  onSelect: (key: string) => void;\n  /** Callback when a tab should be deleted. When provided, shows delete action on items. */\n  onDelete?: (key: string) => void;\n  /** Size of the picker trigger button */\n  size?: TabSize;\n  /** Type of the parent Tabs component (for border styling) */\n  type?: TabType;\n  /** Placement of the parent Tabs component (controls divider + popover placement) */\n  placement?: TabPlacement;\n  /** Enable drag-and-drop reordering of items in the picker dropdown */\n  isReorderable?: boolean;\n  /** Callback when items are reordered via drag-and-drop */\n  onReorder?: (newOrder: string[]) => void;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Tab picker component that displays a dropdown menu of all tabs.\n *\n * Used in the Tabs suffix area when tabs overflow to provide quick navigation\n * to any tab without scrolling.\n */\nexport function TabPicker({\n  tabs,\n  selectedKey,\n  onSelect,\n  onDelete,\n  size,\n  type = 'default',\n  placement = 'top',\n  isReorderable,\n  onReorder,\n}: TabPickerProps) {\n  const { t } = useI18n();\n  const isDeletable = !!onDelete;\n\n  // Map TabSize to FilterPicker size (xsmall -> small)\n  const pickerSize = size === 'xsmall' ? 'small' : size;\n\n  // Only show border divider for file type\n  const showBorderDivider = type === 'file';\n  const isVertical = placement === 'left' || placement === 'right';\n\n  return (\n    <FilterPicker\n      selectedKey={selectedKey}\n      renderSummary={false}\n      icon={<MoreIcon />}\n      rightIcon={null}\n      shape=\"sharp\"\n      type=\"clear\"\n      size={pickerSize}\n      placement={POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement]}\n      // Apply border to wrapper (FilterPickerWrapper) so :first-child evaluates\n      // relative to Suffix container, not the internal DialogTrigger. The\n      // divider side flips with the bar's orientation.\n      styles={{\n        border: showBorderDivider\n          ? {\n              '': 0,\n              '!:first-child': isVertical ? 'top' : 'left',\n            }\n          : 0,\n      }}\n      triggerStyles={{ border: 0 }}\n      aria-label={t('tabs.selectTab', 'Select tab')}\n      isReorderable={isReorderable}\n      onReorder={onReorder}\n      onSelectionChange={(key) => {\n        if (key != null) {\n          onSelect(String(key));\n        }\n      }}\n    >\n      {tabs.map((tab) => (\n        <FilterPicker.Item\n          key={tab.key}\n          icon={tab.icon}\n          textValue={\n            typeof tab.title === 'string' ? tab.title : String(tab.key)\n          }\n          autoHideActions={isDeletable}\n          actions={\n            isDeletable ? (\n              <ItemAction\n                icon={<CloseIcon />}\n                aria-label={t('tabs.close', 'Close')}\n                onPress={() => {\n                  onDelete(tab.key);\n                }}\n              />\n            ) : undefined\n          }\n        >\n          {tab.title}\n        </FilterPicker.Item>\n      ))}\n    </FilterPicker>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA6CA,SAAgB,UAAU,EACxB,MACA,aACA,UACA,UACA,MACA,OAAO,WACP,YAAY,OACZ,eACA,aACiB;CACjB,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,cAAc,CAAC,CAAC;CAGtB,MAAM,aAAa,SAAS,WAAW,UAAU;CAGjD,MAAM,oBAAoB,SAAS;CACnC,MAAM,aAAa,cAAc,UAAU,cAAc;AAEzD,QACE,oBAAC;EACc;EACb,eAAe;EACf,MAAM,oBAAC,aAAW;EAClB,WAAW;EACX,OAAM;EACN,MAAK;EACL,MAAM;EACN,WAAW,oCAAoC;EAI/C,QAAQ,EACN,QAAQ,oBACJ;GACE,IAAI;GACJ,iBAAiB,aAAa,QAAQ;GACvC,GACD,GACL;EACD,eAAe,EAAE,QAAQ,GAAG;EAC5B,cAAY,EAAE,kBAAkB,aAAa;EAC9B;EACJ;EACX,oBAAoB,QAAQ;AAC1B,OAAI,OAAO,KACT,UAAS,OAAO,IAAI,CAAC;;YAIxB,KAAK,KAAK,QACT,oBAAC,aAAa;GAEZ,MAAM,IAAI;GACV,WACE,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,OAAO,IAAI,IAAI;GAE7D,iBAAiB;GACjB,SACE,cACE,oBAAC;IACC,MAAM,oBAAC,cAAY;IACnB,cAAY,EAAE,cAAc,QAAQ;IACpC,eAAe;AACb,cAAS,IAAI,IAAI;;KAEnB,GACA;aAGL,IAAI;KAlBA,IAAI,IAmBS,CACpB;GACW"}
+{"version":3,"file":"TabPicker.js","names":["useI18n","CloseIcon","MoreIcon","ItemAction","FilterPicker","POPOVER_PLACEMENT_BY_TABS_PLACEMENT","ParsedTab","TabPlacement","TabSize","TabType","TabPickerProps","tabs","selectedKey","onSelect","key","onDelete","size","type","placement","isReorderable","onReorder","newOrder","TabPicker","t0","$","_c","t1","t2","undefined","t","isDeletable","pickerSize","showBorderDivider","isVertical","t3","Symbol","for","t4","t5","t6","border","t7","t8","t9","String","t10","t11","tab","icon","title","map"],"sources":["../../../../src/components/navigation/Tabs/TabPicker.tsx"],"sourcesContent":["import { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { ItemAction } from '../../actions/ItemAction';\nimport { FilterPicker } from '../../fields/FilterPicker/FilterPicker';\n\nimport { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from './popover-placement';\n\nimport type { ParsedTab, TabPlacement, TabSize, TabType } from './types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface TabPickerProps {\n  /** Ordered list of parsed tabs to display in the picker */\n  tabs: ParsedTab[];\n  /** Currently selected tab key */\n  selectedKey: string | null;\n  /** Callback when a tab is selected from the picker */\n  onSelect: (key: string) => void;\n  /** Callback when a tab should be deleted. When provided, shows delete action on items. */\n  onDelete?: (key: string) => void;\n  /** Size of the picker trigger button */\n  size?: TabSize;\n  /** Type of the parent Tabs component (for border styling) */\n  type?: TabType;\n  /** Placement of the parent Tabs component (controls divider + popover placement) */\n  placement?: TabPlacement;\n  /** Enable drag-and-drop reordering of items in the picker dropdown */\n  isReorderable?: boolean;\n  /** Callback when items are reordered via drag-and-drop */\n  onReorder?: (newOrder: string[]) => void;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Tab picker component that displays a dropdown menu of all tabs.\n *\n * Used in the Tabs suffix area when tabs overflow to provide quick navigation\n * to any tab without scrolling.\n */\nexport function TabPicker({\n  tabs,\n  selectedKey,\n  onSelect,\n  onDelete,\n  size,\n  type = 'default',\n  placement = 'top',\n  isReorderable,\n  onReorder,\n}: TabPickerProps) {\n  const { t } = useI18n();\n  const isDeletable = !!onDelete;\n\n  // Map TabSize to FilterPicker size (xsmall -> small)\n  const pickerSize = size === 'xsmall' ? 'small' : size;\n\n  // Only show border divider for file type\n  const showBorderDivider = type === 'file';\n  const isVertical = placement === 'left' || placement === 'right';\n\n  return (\n    <FilterPicker\n      selectedKey={selectedKey}\n      renderSummary={false}\n      icon={<MoreIcon />}\n      rightIcon={null}\n      shape=\"sharp\"\n      type=\"clear\"\n      size={pickerSize}\n      placement={POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement]}\n      // Apply border to wrapper (FilterPickerWrapper) so :first-child evaluates\n      // relative to Suffix container, not the internal DialogTrigger. The\n      // divider side flips with the bar's orientation.\n      styles={{\n        border: showBorderDivider\n          ? {\n              '': 0,\n              '!:first-child': isVertical ? 'top' : 'left',\n            }\n          : 0,\n      }}\n      triggerStyles={{ border: 0 }}\n      aria-label={t('tabs.selectTab', 'Select tab')}\n      isReorderable={isReorderable}\n      onReorder={onReorder}\n      onSelectionChange={(key) => {\n        if (key != null) {\n          onSelect(String(key));\n        }\n      }}\n    >\n      {tabs.map((tab) => (\n        <FilterPicker.Item\n          key={tab.key}\n          icon={tab.icon}\n          textValue={\n            typeof tab.title === 'string' ? tab.title : String(tab.key)\n          }\n          autoHideActions={isDeletable}\n          actions={\n            isDeletable ? (\n              <ItemAction\n                icon={<CloseIcon />}\n                aria-label={t('tabs.close', 'Close')}\n                onPress={() => {\n                  onDelete(tab.key);\n                }}\n              />\n            ) : undefined\n          }\n        >\n          {tab.title}\n        </FilterPicker.Item>\n      ))}\n    </FilterPicker>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA6CA,SAAOsB,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAmB,MAAA,EAAAd,MAAAC,aAAAC,UAAAE,UAAAC,MAAAC,MAAAS,IAAAR,WAAAS,IAAAR,eAAAC,cAAAG;CAMxB,MAAAN,OAAAS,OAAAE,SAAA,YAAAF;CACA,MAAAR,YAAAS,OAAAC,SAAA,QAAAD;CAIA,MAAA,EAAAE,MAAc7B,SAAS;CACvB,MAAA8B,cAAoB,CAAC,CAACf;CAGtB,MAAAgB,aAAmBf,SAAS,WAAT,UAAAA;CAGnB,MAAAgB,oBAA0Bf,SAAS;CACnC,MAAAgB,aAAmBf,cAAc,UAAUA,cAAc;CAAQ,IAAAgB;AAAA,KAAAV,EAAA,OAAAW,OAAAC,IAAA,4BAAA,EAAA;AAMvDF,OAAA,oBAAC,aAAW;AAAAV,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAKP,MAAAa,KAAAhC,oCAAoCa;CAAU,IAAAoB;AAAA,KAAAd,EAAA,OAAAS,cAAAT,EAAA,OAAAQ,mBAAA;AAK/CM,OAAAN,oBAAA;GAAA,IAEE;GAAC,iBACYC,aAAA,QAAA;GAElB,GALG;AAKHT,IAAA,KAAAS;AAAAT,IAAA,KAAAQ;AAAAR,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAc,IAAA;AANCC,OAAA,EAAAC,QACEF,IAMT;AAAAd,IAAA,KAAAc;AAAAd,IAAA,KAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAW,OAAAC,IAAA,4BAAA,EAAA;AACcK,OAAA,EAAAD,QAAU,GAAG;AAAAhB,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAK,GAAA;AAChBa,OAAAb,EAAE,kBAAkB,aAAa;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,OAAAX,UAAA;AAG1B8B,QAAA7B,QAAA;AACjB,OAAIA,OAAO,KACTD,UAAS+B,OAAO9B,IAAI,CAAC;;AAExBU,IAAA,KAAAX;AAAAW,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAM,eAAAN,EAAA,QAAAT,YAAAS,EAAA,QAAAK,KAAAL,EAAA,QAAAb,MAAA;EAAA,IAAAmC;AAAA,MAAAtB,EAAA,QAAAM,eAAAN,EAAA,QAAAT,YAAAS,EAAA,QAAAK,GAAA;AAESiB,UAAAC,QACR,oBAAA,aAAA;IAEQ,MAAAA,IAAGC;IAEP,WAAA,OAAOD,IAAGE,UAAW,WAAWF,IAAGE,QAASL,OAAOG,IAAGjC,IAAI;IAE3CgB,iBAAAA;IAEf,SAAAA,cACE,oBAAC;KACO,MAAA,oBAAC,cAAW;KACN,cAAAD,EAAE,cAAc,QAAO;KAC1B,eAAA;AACPd,eAASgC,IAAGjC,IAAK;;MAGV,GARbc;cAWDmB,IAAGE;MAlBCF,IAAGjC,IAoBX;AAAAU,KAAA,MAAAM;AAAAN,KAAA,MAAAT;AAAAS,KAAA,MAAAK;AAAAL,KAAA,MAAAsB;QAAAA,OAAAtB,EAAA;AAtBAqB,QAAAlC,KAAIuC,IAAKJ,IAsBR;AAAAtB,IAAA,MAAAM;AAAAN,IAAA,MAAAT;AAAAS,IAAA,MAAAK;AAAAL,IAAA,MAAAb;AAAAa,IAAA,MAAAqB;OAAAA,OAAArB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAL,iBAAAK,EAAA,QAAAJ,aAAAI,EAAA,QAAAO,cAAAP,EAAA,QAAAZ,eAAAY,EAAA,QAAAqB,OAAArB,EAAA,QAAAa,MAAAb,EAAA,QAAAe,MAAAf,EAAA,QAAAkB,MAAAlB,EAAA,QAAAmB,IAAA;AApDJG,QAAA,oBAAC;GACclC;GACE,eAAA;GACT,MAAAsB;GACK,WAAA;GACL,OAAA;GACD,MAAA;GACCH,MAAAA;GACK,WAAAM;GAIH,QAAAE;GAQO,eAAAE;GACH,cAAAC;GACGvB;GACJC;GACQ,mBAAAuB;aAMlBE;IAuBY;AAAArB,IAAA,MAAAL;AAAAK,IAAA,MAAAJ;AAAAI,IAAA,MAAAO;AAAAP,IAAA,MAAAZ;AAAAY,IAAA,MAAAqB;AAAArB,IAAA,MAAAa;AAAAb,IAAA,MAAAe;AAAAf,IAAA,MAAAkB;AAAAlB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAsB;OAAAA,OAAAtB,EAAA;AAAA,QArDfsB"}

package/dist/components/navigation/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -101,9 +101,9 @@ function TabsComponent(props, ref) {
 			hasExplicitList = true;
 			tabChildren = Children.toArray(child.props.children);
 		} else if (isTabPanelElement(child)) {
-			const key = getRawKey(child);
-			if (key != null) panels.set(key, {
-				key,
+			const key_0 = getRawKey(child);
+			if (key_0 != null) panels.set(key_0, {
+				key: key_0,
 				content: child.props.children,
 				prerender: child.props.prerender,
 				keepMounted: child.props.keepMounted,
@@ -114,13 +114,13 @@ function TabsComponent(props, ref) {
 		}
 		if (!hasExplicitList) tabChildren = childArray;
 		let hasContent = panels.size > 0;
-		for (const child of tabChildren) if (isTabElement(child)) {
-			const key = getRawKey(child) ?? child.props.id;
-			if (key != null) {
-				const { id: _id, children: tabContent, ...tabProps } = child.props;
+		for (const child_0 of tabChildren) if (isTabElement(child_0)) {
+			const key_1 = getRawKey(child_0) ?? child_0.props.id;
+			if (key_1 != null) {
+				const { id: _id, children: tabContent, ...tabProps } = child_0.props;
 				tabs.push({
 					...tabProps,
-					key,
+					key: key_1,
 					content: tabContent
 				});
 				if (tabContent != null) hasContent = true;
@@ -134,34 +134,34 @@ function TabsComponent(props, ref) {
 	}, [children]);
 	const currentTabKeysSet = useMemo(() => new Set(parsedTabs.map((t) => t.key)), [parsedTabs]);
 	useEffect(() => {
-		for (const key of visitedKeysRef.current) if (!currentTabKeysSet.has(key)) visitedKeysRef.current.delete(key);
+		for (const key_2 of visitedKeysRef.current) if (!currentTabKeysSet.has(key_2)) visitedKeysRef.current.delete(key_2);
 	}, [currentTabKeysSet]);
 	const orderedParsedTabs = useMemo(() => {
 		if (!keyOrder || keyOrder.length === 0) return parsedTabs;
 		const tabMap = /* @__PURE__ */ new Map();
 		for (const tab of parsedTabs) tabMap.set(tab.key, tab);
 		const ordered = [];
-		for (const key of keyOrder) {
-			const tab = tabMap.get(String(key));
-			if (tab) {
-				ordered.push(tab);
-				tabMap.delete(String(key));
+		for (const key_3 of keyOrder) {
+			const tab_0 = tabMap.get(String(key_3));
+			if (tab_0) {
+				ordered.push(tab_0);
+				tabMap.delete(String(key_3));
 			}
 		}
-		for (const tab of parsedTabs) if (tabMap.has(tab.key)) ordered.push(tab);
+		for (const tab_1 of parsedTabs) if (tabMap.has(tab_1.key)) ordered.push(tab_1);
 		return ordered;
 	}, [parsedTabs, keyOrder]);
 	const collectionItems = useMemo(() => {
-		return orderedParsedTabs.map((tab) => /* @__PURE__ */ jsx(Item, {
-			textValue: typeof tab.title === "string" ? tab.title : String(tab.key),
-			children: tab.title
-		}, tab.key));
+		return orderedParsedTabs.map((tab_2) => /* @__PURE__ */ jsx(Item, {
+			textValue: typeof tab_2.title === "string" ? tab_2.title : String(tab_2.key),
+			children: tab_2.title
+		}, tab_2.key));
 	}, [orderedParsedTabs]);
 	const disabledKeys = useMemo(() => {
-		return new Set(parsedTabs.filter((tab) => tab.isDisabled).map((tab) => tab.key));
+		return new Set(parsedTabs.filter((tab_3) => tab_3.isDisabled).map((tab_4) => tab_4.key));
 	}, [parsedTabs]);
-	const handleSelectionChange = useEvent((key) => {
-		const keyStr = String(key);
+	const handleSelectionChange = useEvent((key_4) => {
+		const keyStr = String(key_4);
 		visitedKeysRef.current.add(keyStr);
 		onChange?.(keyStr);
 	});
@@ -189,11 +189,11 @@ function TabsComponent(props, ref) {
 		if (state.selectedKey != null) visitedKeysRef.current.add(String(state.selectedKey));
 	}, [state.selectedKey]);
 	const { tabListProps } = useTabList(ariaProps, state, listRef);
-	const handleTabPickerSelect = useEvent((key) => {
-		state.setSelectedKey(key);
-		handleSelectionChange(key);
+	const handleTabPickerSelect = useEvent((key_5) => {
+		state.setSelectedKey(key_5);
+		handleSelectionChange(key_5);
 	});
-	const orderToken = useMemo(() => orderedParsedTabs.map((t) => t.key).join(","), [orderedParsedTabs]);
+	const orderToken = useMemo(() => orderedParsedTabs.map((t_0) => t_0.key).join(","), [orderedParsedTabs]);
 	const indicatorStyle = useTabIndicator(listRef, state.selectedKey, effectiveType === "default" || effectiveType === "narrow", orientation, orderToken);
 	const isTinyScrollbar = effectiveType !== "radio";
 	const { handleHStyle, handleVStyle, hasOverflowX, hasOverflowY, isScrolling, isAtStartX, isAtEndX, isAtStartY, isAtEndY } = useTinyScrollbar(scrollRef, isTinyScrollbar);
@@ -225,14 +225,14 @@ function TabsComponent(props, ref) {
 		});
 	});
 	const handleScrollEnd = useEvent(() => {
-		const el = scrollRef.current;
-		if (!el) return;
-		if (orientation === "vertical") el.scrollTo({
-			top: el.scrollTop + el.clientHeight,
+		const el_0 = scrollRef.current;
+		if (!el_0) return;
+		if (orientation === "vertical") el_0.scrollTo({
+			top: el_0.scrollTop + el_0.clientHeight,
 			behavior: "smooth"
 		});
-		else el.scrollTo({
-			left: el.scrollLeft + el.clientWidth,
+		else el_0.scrollTo({
+			left: el_0.scrollLeft + el_0.clientWidth,
 			behavior: "smooth"
 		});
 	});
@@ -282,12 +282,12 @@ function TabsComponent(props, ref) {
 		"data-element": "TabList",
 		children: [/* @__PURE__ */ jsx(TabsProvider, {
 			value: contextValue,
-			children: orderedParsedTabs.map((tab, index) => {
-				const item = state.collection.getItem(tab.key);
+			children: orderedParsedTabs.map((tab_5, index) => {
+				const item = state.collection.getItem(tab_5.key);
 				if (!item) return null;
 				return /* @__PURE__ */ jsx(TabButton, {
 					item,
-					tabData: tab,
+					tabData: tab_5,
 					isLastTab: index === orderedParsedTabs.length - 1
 				}, item.key);
 			})
@@ -375,10 +375,10 @@ function TabsComponent(props, ref) {
 								children: isReorderable ? /* @__PURE__ */ jsx(DraggableTabList, {
 									state,
 									listRef,
-									orderedKeys: orderedParsedTabs.map((t) => t.key),
+									orderedKeys: orderedParsedTabs.map((t_1) => t_1.key),
 									orientation,
 									onReorder,
-									children: (dragState, dropState, collectionProps) => renderTabListContent(createContextValue(dragState, dropState), collectionProps)
+									children: (dragState_0, dropState_0, collectionProps_0) => renderTabListContent(createContextValue(dragState_0, dropState_0), collectionProps_0)
 								}) : renderTabListContent(createContextValue())
 							}), showTinyScrollbar && hasOverflow && /* @__PURE__ */ jsx("div", { "data-element": "Scrollbar" })]
 						}),
@@ -402,23 +402,23 @@ function TabsComponent(props, ref) {
 					keepMounted: effectiveKeepMounted,
 					visitedKeys: visitedKeysRef.current
 				}),
-				!renderPanel && hasAnyContent && parsedTabs.map((tab) => {
-					const explicitPanel = explicitPanels.get(tab.key);
-					const content = explicitPanel?.content ?? tab.content;
+				!renderPanel && hasAnyContent && parsedTabs.map((tab_6) => {
+					const explicitPanel = explicitPanels.get(tab_6.key);
+					const content = explicitPanel?.content ?? tab_6.content;
 					if (content == null) return null;
 					return /* @__PURE__ */ jsx(TabPanelRenderer, {
-						tabKey: tab.key,
+						tabKey: tab_6.key,
 						state,
 						content,
 						prerender,
 						keepMounted: effectiveKeepMounted,
-						tabPrerender: explicitPanel?.prerender ?? tab.prerender,
-						tabKeepMounted: explicitPanel?.keepMounted ?? tab.keepMounted,
+						tabPrerender: explicitPanel?.prerender ?? tab_6.prerender,
+						tabKeepMounted: explicitPanel?.keepMounted ?? tab_6.keepMounted,
 						visitedKeys: visitedKeysRef.current,
 						panelStyles: explicitPanel?.styles,
 						qa: explicitPanel?.qa,
 						qaVal: explicitPanel?.qaVal
-					}, tab.key);
+					}, tab_6.key);
 				})
 			]
 		})

package/dist/components/navigation/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["CollectionItem","mergeProps"],"sources":["../../../../src/components/navigation/Tabs/Tabs.tsx"],"sourcesContent":["import { mergeStyles, OUTER_STYLES } from '@tenphi/tasty';\nimport {\n  Children,\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { AriaTabListProps, useTabList } from 'react-aria';\nimport {\n  Item as CollectionItem,\n  DraggableCollectionState,\n  DroppableCollectionState,\n  useTabListState,\n} from 'react-stately';\n\nimport { useEvent, useWarn } from '../../../_internal/hooks';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps, useMergeStyles } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { useTinyScrollbar } from '../../content/Layout/hooks/useTinyScrollbar';\nimport { useBoardDragActive } from '../../layout/Board/board-context';\n\nimport { DraggableTabList } from './DraggableTabList';\nimport { TabIndicatorElement, TabsElement } from './styled';\nimport { TabButton } from './TabButton';\nimport { CachedPanelRenderer, TabPanelRenderer } from './TabPanel';\nimport { TabPicker } from './TabPicker';\nimport { TabsAction } from './TabsAction';\nimport { TabsContextValue, TabsProvider } from './TabsContext';\nimport { useTabEditing } from './use-tab-editing';\nimport { useTabIndicator } from './use-tab-indicator';\n\nimport type { Key } from '@react-types/shared';\nimport type {\n  CubeTabListProps,\n  CubeTabPanelProps,\n  CubeTabProps,\n  CubeTabsProps,\n  ParsedPanel,\n  ParsedTab,\n} from './types';\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Generic helper to check if a child is a specific component by displayName.\n */\nfunction isComponentElement<T>(\n  child: ReactNode,\n  displayName: string,\n): child is ReactElement<T> {\n  return (\n    isValidElement(child) &&\n    typeof child.type === 'function' &&\n    (child.type as any).displayName === displayName\n  );\n}\n\n/** Checks if a child is a Tab component. */\nconst isTabElement = (child: ReactNode): child is ReactElement<CubeTabProps> =>\n  isComponentElement<CubeTabProps>(child, 'CubeTab');\n\n/** Checks if a child is a TabPanel component. */\nconst isTabPanelElement = (\n  child: ReactNode,\n): child is ReactElement<CubeTabPanelProps> =>\n  isComponentElement<CubeTabPanelProps>(child, 'CubeTabPanel');\n\n/** Checks if a child is a TabList component. */\nconst isTabListElement = (\n  child: ReactNode,\n): child is ReactElement<CubeTabListProps> =>\n  isComponentElement<CubeTabListProps>(child, 'CubeTabList');\n\n/**\n * Extracts the raw key from a React element, stripping the \".$\" prefix\n * that React adds via Children.map/toArray.\n */\nfunction getRawKey(element: ReactElement): string | null {\n  if (element.key == null) return null;\n  const keyStr = String(element.key);\n  return keyStr.startsWith('.$') ? keyStr.slice(2) : keyStr;\n}\n\n// =============================================================================\n// Tab Component (configuration only - not rendered directly)\n// =============================================================================\n\nfunction Tab(_props: CubeTabProps): ReactElement | null {\n  return null;\n}\n\nTab.displayName = 'CubeTab';\n\n/**\n * Action for a tab's own `actions` slot, where it renders left of the built-in\n * menu trigger and delete button — which are `ItemAction`s themselves.\n *\n * Not to be confused with `Tabs.Action`, which is an `ItemButton` sized for the\n * tab bar's `prefix` / `suffix` slots rather than for a tab.\n */\nTab.Action = ItemAction;\n\n// =============================================================================\n// TabPanel Component (configuration only - not rendered directly)\n// =============================================================================\n\nfunction TabPanel(_props: CubeTabPanelProps): ReactElement | null {\n  return null;\n}\n\nTabPanel.displayName = 'CubeTabPanel';\n\n// =============================================================================\n// TabList Component (configuration only - not rendered directly)\n// =============================================================================\n\nfunction TabList(_props: CubeTabListProps): ReactElement | null {\n  return null;\n}\n\nTabList.displayName = 'CubeTabList';\n\n// =============================================================================\n// Main Tabs Component\n// =============================================================================\n\nfunction TabsComponent(\n  props: CubeTabsProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    label = 'Tabs',\n    defaultActiveKey,\n    activeKey,\n    size,\n    type = 'default',\n    placement = 'top',\n    onChange,\n    onDelete,\n    onTitleChange,\n    autoHideActions,\n    isEditable: parentIsEditable,\n    menu: parentMenu,\n    menuTriggerProps: parentMenuTriggerProps,\n    menuProps: parentMenuProps,\n    contextMenu: parentContextMenu,\n    onAction: parentOnAction,\n    children,\n    prefix,\n    suffix,\n    prerender = false,\n    keepMounted = false,\n    qa = 'Tabs',\n    renderPanel,\n    panelCacheKeys,\n    isReorderable = false,\n    keyOrder,\n    onReorder,\n    showTabPicker = false,\n    showScrollArrows = false,\n    tabPickerPosition = 'suffix',\n    scrollArrowsPosition = 'suffix',\n    hideTabListScroll = false,\n    tabListPadding,\n    barStyles,\n    tabListStyles,\n    prefixStyles,\n    suffixStyles,\n    ...otherProps\n  } = props;\n\n  // Derive orientation from placement\n  const orientation: 'horizontal' | 'vertical' =\n    placement === 'left' || placement === 'right' ? 'vertical' : 'horizontal';\n\n  // `narrow` only makes sense for a horizontal strip — its whole point is\n  // collapsed horizontal padding for a denser row of tabs. Force `default`\n  // when the strip is vertical.\n  const effectiveType =\n    orientation === 'vertical' && type === 'narrow' ? 'default' : type;\n\n  // Extract outer styles (these go on the new outer wrapper)\n  const baseStyles = extractStyles(otherProps, OUTER_STYLES);\n\n  // Build TabList padding style (memoized)\n  const tabListPaddingStyles = useMemo(\n    () =>\n      tabListPadding ? { '$tablist-padding': `${tabListPadding}` } : undefined,\n    [tabListPadding],\n  );\n\n  // Merge tabListPaddingStyles with tabListStyles (memoized)\n  const mergedTabListStyles = useMemo(\n    () => mergeStyles(tabListPaddingStyles, tabListStyles),\n    [tabListPaddingStyles, tabListStyles],\n  );\n\n  // Merge all sub-element styles into baseStyles. The outer `TabsElement`\n  // exposes `Bar`, `Prefix`, `Suffix`, `TabList`, `ScrollWrapper`, `Scroll`,\n  // and `Scrollbar` sub-elements (defined in styled.ts).\n  const combinedStyles = useMergeStyles(baseStyles, {\n    Bar: barStyles,\n    TabList: mergedTabListStyles,\n    Prefix: prefixStyles,\n    Suffix: suffixStyles,\n  });\n\n  // DOM element refs\n  const listRef = useRef<HTMLDivElement>(null);\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  // Track visited tabs for keepMounted functionality\n  const visitedKeysRef = useRef<Set<string>>(new Set());\n\n  // While a Board widget is being dragged (this Tabs sits inside a Board),\n  // force panels to stay mounted so a tab a widget is dragged out of - and its\n  // board owning the in-flight drag gesture - is not unmounted when the user\n  // spring-loads a different tab by hovering it. Always `false` outside a Board.\n  const isBoardDragActive = useBoardDragActive();\n  const effectiveKeepMounted = keepMounted || isBoardDragActive;\n\n  // =========================================================================\n  // Tab Title Editing Hook\n  // =========================================================================\n  const onTitleChangeRaf = useEvent((key: string, newTitle: string) => {\n    requestAnimationFrame(() => {\n      onTitleChange?.(key, newTitle);\n    });\n  });\n\n  const { editingKey, startEditing, cancelEditing, submitEditing } =\n    useTabEditing({\n      onChange,\n      onTitleChange: onTitleChange ? onTitleChangeRaf : undefined,\n    });\n\n  // =========================================================================\n  // Parse children to extract tabs and explicit panels\n  // =========================================================================\n  const { parsedTabs, explicitPanels, hasAnyContent } = useMemo(() => {\n    const childArray = Children.toArray(children);\n    const tabs: ParsedTab[] = [];\n    const panels = new Map<string, ParsedPanel>();\n    let hasExplicitList = false;\n    let tabChildren: ReactNode[] = [];\n\n    // Check for explicit Tabs.List / Tabs.Panel structure\n    for (const child of childArray) {\n      if (isTabListElement(child)) {\n        hasExplicitList = true;\n        tabChildren = Children.toArray(child.props.children);\n      } else if (isTabPanelElement(child)) {\n        const key = getRawKey(child as ReactElement);\n\n        if (key != null) {\n          panels.set(key, {\n            key,\n            content: child.props.children,\n            prerender: child.props.prerender,\n            keepMounted: child.props.keepMounted,\n            styles: child.props.styles,\n            qa: child.props.qa,\n            qaVal: child.props.qaVal,\n          });\n        }\n      }\n    }\n\n    // If no explicit list, use direct Tab children\n    if (!hasExplicitList) {\n      tabChildren = childArray;\n    }\n\n    // Parse Tab elements\n    let hasContent = panels.size > 0;\n\n    for (const child of tabChildren) {\n      if (isTabElement(child)) {\n        const key = getRawKey(child) ?? child.props.id;\n\n        if (key != null) {\n          const { id: _id, children: tabContent, ...tabProps } = child.props;\n\n          tabs.push({\n            ...tabProps,\n            key,\n            content: tabContent,\n          });\n\n          if (tabContent != null) {\n            hasContent = true;\n          }\n        }\n      }\n    }\n\n    return {\n      parsedTabs: tabs,\n      explicitPanels: panels,\n      hasAnyContent: hasContent,\n    };\n  }, [children]);\n\n  // Clean up visitedKeys when tabs are removed\n  const currentTabKeysSet = useMemo(\n    () => new Set(parsedTabs.map((t) => t.key)),\n    [parsedTabs],\n  );\n\n  useEffect(() => {\n    for (const key of visitedKeysRef.current) {\n      if (!currentTabKeysSet.has(key)) {\n        visitedKeysRef.current.delete(key);\n      }\n    }\n  }, [currentTabKeysSet]);\n\n  // =========================================================================\n  // Order tabs according to keyOrder\n  // =========================================================================\n  const orderedParsedTabs = useMemo(() => {\n    if (!keyOrder || keyOrder.length === 0) {\n      return parsedTabs;\n    }\n\n    const tabMap = new Map<string, ParsedTab>();\n    for (const tab of parsedTabs) {\n      tabMap.set(tab.key, tab);\n    }\n\n    const ordered: ParsedTab[] = [];\n    for (const key of keyOrder) {\n      const tab = tabMap.get(String(key));\n      if (tab) {\n        ordered.push(tab);\n        tabMap.delete(String(key));\n      }\n    }\n\n    // Append any tabs not in keyOrder\n    for (const tab of parsedTabs) {\n      if (tabMap.has(tab.key)) {\n        ordered.push(tab);\n      }\n    }\n\n    return ordered;\n  }, [parsedTabs, keyOrder]);\n\n  // Create collection items for React Stately\n  const collectionItems = useMemo(() => {\n    return orderedParsedTabs.map((tab) => (\n      <CollectionItem\n        key={tab.key}\n        textValue={typeof tab.title === 'string' ? tab.title : String(tab.key)}\n      >\n        {tab.title}\n      </CollectionItem>\n    ));\n  }, [orderedParsedTabs]);\n\n  // Determine disabled keys\n  const disabledKeys = useMemo(() => {\n    return new Set(\n      parsedTabs.filter((tab) => tab.isDisabled).map((tab) => tab.key),\n    );\n  }, [parsedTabs]);\n\n  // Handle selection change (converts React Aria's Key to string for our API)\n  const handleSelectionChange = useEvent((key: Key) => {\n    const keyStr = String(key);\n    visitedKeysRef.current.add(keyStr);\n    onChange?.(keyStr);\n  });\n\n  // Convert keys to strings for React Aria compatibility\n  const selectedKey = activeKey != null ? String(activeKey) : undefined;\n  const defaultSelectedKey =\n    defaultActiveKey != null ? String(defaultActiveKey) : undefined;\n\n  // Create aria props for useTabListState\n  const ariaProps: AriaTabListProps<object> = useMemo(\n    () => ({\n      selectedKey,\n      defaultSelectedKey,\n      onSelectionChange: handleSelectionChange,\n      disabledKeys,\n      children: collectionItems,\n      'aria-label': label,\n      orientation,\n    }),\n    [\n      selectedKey,\n      defaultSelectedKey,\n      handleSelectionChange,\n      disabledKeys,\n      collectionItems,\n      label,\n      orientation,\n    ],\n  );\n\n  // Create state using useTabListState\n  const state = useTabListState(ariaProps);\n\n  // Track initial selected key for visited tabs\n  useEffect(() => {\n    if (state.selectedKey != null) {\n      visitedKeysRef.current.add(String(state.selectedKey));\n    }\n  }, [state.selectedKey]);\n\n  // Get tablist props from react-aria\n  const { tabListProps } = useTabList(ariaProps, state, listRef);\n\n  // Handle selection from TabPicker (needs to update internal state in uncontrolled mode)\n  const handleTabPickerSelect = useEvent((key: string) => {\n    // Update internal state (for uncontrolled mode)\n    state.setSelectedKey(key);\n    // Also call the external onChange handler\n    handleSelectionChange(key);\n  });\n\n  // =========================================================================\n  // Tab Indicator (for default type)\n  // =========================================================================\n  // Create order token that changes when tab order changes (for indicator recalculation)\n  const orderToken = useMemo(\n    () => orderedParsedTabs.map((t) => t.key).join(','),\n    [orderedParsedTabs],\n  );\n\n  const indicatorStyle = useTabIndicator(\n    listRef,\n    state.selectedKey,\n    effectiveType === 'default' || effectiveType === 'narrow',\n    orientation,\n    orderToken,\n  );\n\n  // =========================================================================\n  // Tiny Scrollbar (not for radio type)\n  // =========================================================================\n  const isTinyScrollbar = effectiveType !== 'radio';\n  const {\n    handleHStyle,\n    handleVStyle,\n    hasOverflowX,\n    hasOverflowY,\n    isScrolling,\n    isAtStartX,\n    isAtEndX,\n    isAtStartY,\n    isAtEndY,\n  } = useTinyScrollbar(scrollRef, isTinyScrollbar);\n  const showTinyScrollbar = isTinyScrollbar && !hideTabListScroll;\n\n  // Active-axis aggregates (used everywhere downstream so we don't sprinkle\n  // orientation checks around).\n  const hasOverflow = orientation === 'vertical' ? hasOverflowY : hasOverflowX;\n  const isAtStart = orientation === 'vertical' ? isAtStartY : isAtStartX;\n  const isAtEnd = orientation === 'vertical' ? isAtEndY : isAtEndX;\n\n  const hasPanels = hasAnyContent || !!renderPanel;\n\n  // =========================================================================\n  // Tab Picker visibility\n  // =========================================================================\n  useWarn(showTabPicker && effectiveType === 'radio', {\n    key: ['tabs-tabpicker-radio-unsupported'],\n    args: [\n      'Tabs:',\n      '`showTabPicker` is not supported when `type=\"radio\"`. The TabPicker will not be rendered.',\n    ],\n  });\n\n  const shouldShowTabPicker =\n    effectiveType !== 'radio' &&\n    (showTabPicker === true || (showTabPicker === 'auto' && hasOverflow));\n\n  // =========================================================================\n  // Scroll Arrows visibility and handlers\n  // =========================================================================\n  useWarn(showScrollArrows && effectiveType === 'radio', {\n    key: ['tabs-scrollarrows-radio-unsupported'],\n    args: [\n      'Tabs:',\n      '`showScrollArrows` is not supported when `type=\"radio\"`. The scroll arrows will not be rendered.',\n    ],\n  });\n\n  const shouldShowScrollArrows =\n    effectiveType !== 'radio' &&\n    (showScrollArrows === true || (showScrollArrows === 'auto' && hasOverflow));\n\n  const handleScrollStart = useEvent(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    if (orientation === 'vertical') {\n      el.scrollTo({\n        top: el.scrollTop - el.clientHeight,\n        behavior: 'smooth',\n      });\n    } else {\n      el.scrollTo({\n        left: el.scrollLeft - el.clientWidth,\n        behavior: 'smooth',\n      });\n    }\n  });\n\n  const handleScrollEnd = useEvent(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    if (orientation === 'vertical') {\n      el.scrollTo({\n        top: el.scrollTop + el.clientHeight,\n        behavior: 'smooth',\n      });\n    } else {\n      el.scrollTo({\n        left: el.scrollLeft + el.clientWidth,\n        behavior: 'smooth',\n      });\n    }\n  });\n\n  // =========================================================================\n  // Base Context Value (without drag/drop states)\n  // =========================================================================\n  const baseContextValue = useMemo(\n    () => ({\n      state,\n      type: effectiveType,\n      size,\n      placement,\n      autoHideActions,\n      isEditable: parentIsEditable,\n      menu: parentMenu,\n      menuTriggerProps: parentMenuTriggerProps,\n      menuProps: parentMenuProps,\n      contextMenu: parentContextMenu,\n      onDelete,\n      onAction: parentOnAction,\n      editingKey,\n      startEditing,\n      submitEditing,\n      cancelEditing,\n    }),\n    [\n      state,\n      effectiveType,\n      size,\n      placement,\n      autoHideActions,\n      parentIsEditable,\n      parentMenu,\n      parentMenuTriggerProps,\n      parentMenuProps,\n      parentContextMenu,\n      onDelete,\n      parentOnAction,\n      editingKey,\n      startEditing,\n      submitEditing,\n      cancelEditing,\n    ],\n  );\n\n  // Helper to create full context value with optional drag/drop states\n  const createContextValue = (\n    dragState?: DraggableCollectionState,\n    dropState?: DroppableCollectionState,\n  ): TabsContextValue => ({\n    ...baseContextValue,\n    dragState,\n    dropState,\n  });\n\n  // =========================================================================\n  // Tab List Content Renderer\n  // =========================================================================\n  const renderTabListContent = (\n    contextValue: TabsContextValue,\n    collectionProps: Record<string, unknown> = {},\n  ) => (\n    <div\n      {...mergeProps(tabListProps, collectionProps)}\n      ref={listRef}\n      data-element=\"TabList\"\n    >\n      <TabsProvider value={contextValue}>\n        {orderedParsedTabs.map((tab, index) => {\n          const item = state.collection.getItem(tab.key);\n          if (!item) return null;\n\n          return (\n            <TabButton\n              key={item.key}\n              item={item}\n              tabData={tab}\n              isLastTab={index === orderedParsedTabs.length - 1}\n            />\n          );\n        })}\n      </TabsProvider>\n      {indicatorStyle && (\n        <TabIndicatorElement\n          mods={{ placement }}\n          style={\n            orientation === 'vertical'\n              ? {\n                  top: indicatorStyle.start,\n                  height: indicatorStyle.size,\n                }\n              : {\n                  left: indicatorStyle.start,\n                  width: indicatorStyle.size,\n                }\n          }\n        />\n      )}\n    </div>\n  );\n\n  // =========================================================================\n  // Mods for styling\n  // =========================================================================\n  const mods = useMemo(\n    () => ({\n      type: effectiveType,\n      size,\n      placement,\n      deletable: !!onDelete,\n      scrolling: showTinyScrollbar && isScrolling,\n      'fade-start': !isAtStart,\n      'fade-end': !isAtEnd,\n      'has-panels': hasPanels,\n    }),\n    [\n      effectiveType,\n      size,\n      placement,\n      onDelete,\n      showTinyScrollbar,\n      isScrolling,\n      isAtStart,\n      isAtEnd,\n      hasPanels,\n    ],\n  );\n\n  // =========================================================================\n  // Action Elements (TabPicker and Scroll Arrows)\n  // =========================================================================\n  const scrollArrowsElement = shouldShowScrollArrows ? (\n    <>\n      <TabsAction\n        icon={\n          <DirectionIcon to={orientation === 'vertical' ? 'top' : 'left'} />\n        }\n        aria-label={\n          orientation === 'vertical' ? 'Scroll tabs up' : 'Scroll tabs left'\n        }\n        isDisabled={isAtStart}\n        onPress={handleScrollStart}\n      />\n      <TabsAction\n        icon={\n          <DirectionIcon to={orientation === 'vertical' ? 'bottom' : 'right'} />\n        }\n        aria-label={\n          orientation === 'vertical' ? 'Scroll tabs down' : 'Scroll tabs right'\n        }\n        isDisabled={isAtEnd}\n        onPress={handleScrollEnd}\n      />\n    </>\n  ) : null;\n\n  const tabPickerElement = shouldShowTabPicker ? (\n    <TabPicker\n      tabs={orderedParsedTabs}\n      selectedKey={state.selectedKey}\n      size={size}\n      type={effectiveType}\n      placement={placement}\n      isReorderable={isReorderable}\n      onSelect={handleTabPickerSelect}\n      onDelete={onDelete}\n      onReorder={onReorder}\n    />\n  ) : null;\n\n  // Determine which actions go in prefix/suffix\n  // In prefix: TabPicker first (left), then scroll arrows (right)\n  // In suffix: scroll arrows first (left), then TabPicker (right)\n  const prefixHasActions =\n    (shouldShowTabPicker && tabPickerPosition === 'prefix') ||\n    (shouldShowScrollArrows && scrollArrowsPosition === 'prefix');\n\n  const suffixHasActions =\n    (shouldShowTabPicker && tabPickerPosition === 'suffix') ||\n    (shouldShowScrollArrows && scrollArrowsPosition === 'suffix');\n\n  // Apply the active-axis scrollbar handle vars to the outer wrapper so the\n  // `Scrollbar` sub-element can read them via CSS variables.\n  const handleStyle = showTinyScrollbar\n    ? orientation === 'vertical'\n      ? handleVStyle\n      : handleHStyle\n    : undefined;\n\n  // Wrap with TabsProvider so prefix/suffix can access context (size, type, placement).\n  // The inner TabsProvider in renderTabListContent will override for tab buttons.\n  return (\n    <TabsProvider value={baseContextValue}>\n      <TabsElement\n        ref={ref}\n        qa={qa}\n        mods={mods}\n        styles={combinedStyles}\n        style={handleStyle}\n        data-size={size}\n      >\n        <div data-element=\"Bar\">\n          {prefix || prefixHasActions ? (\n            <div data-element=\"Prefix\">\n              {tabPickerPosition === 'prefix' && tabPickerElement}\n              {scrollArrowsPosition === 'prefix' && scrollArrowsElement}\n              {prefix}\n            </div>\n          ) : null}\n          <div data-element=\"ScrollWrapper\">\n            <div ref={scrollRef} data-element=\"Scroll\">\n              {isReorderable ? (\n                <DraggableTabList\n                  state={state}\n                  listRef={listRef}\n                  orderedKeys={orderedParsedTabs.map((t) => t.key)}\n                  orientation={orientation}\n                  onReorder={onReorder}\n                >\n                  {(dragState, dropState, collectionProps) =>\n                    renderTabListContent(\n                      createContextValue(dragState, dropState),\n                      collectionProps,\n                    )\n                  }\n                </DraggableTabList>\n              ) : (\n                renderTabListContent(createContextValue())\n              )}\n            </div>\n            {showTinyScrollbar && hasOverflow && (\n              <div data-element=\"Scrollbar\" />\n            )}\n          </div>\n          {suffix || suffixHasActions ? (\n            <div data-element=\"Suffix\">\n              {scrollArrowsPosition === 'suffix' && scrollArrowsElement}\n              {tabPickerPosition === 'suffix' && tabPickerElement}\n              {suffix}\n            </div>\n          ) : null}\n        </div>\n\n        {/* Functional panel rendering with content caching */}\n        {renderPanel && (\n          <CachedPanelRenderer\n            parsedTabs={parsedTabs}\n            explicitPanels={explicitPanels}\n            state={state}\n            renderPanel={renderPanel}\n            panelCacheKeys={panelCacheKeys}\n            prerender={prerender}\n            keepMounted={effectiveKeepMounted}\n            visitedKeys={visitedKeysRef.current}\n          />\n        )}\n\n        {/* Static panel rendering (traditional children-based approach) */}\n        {!renderPanel &&\n          hasAnyContent &&\n          parsedTabs.map((tab) => {\n            const explicitPanel = explicitPanels.get(tab.key);\n            const content = explicitPanel?.content ?? tab.content;\n\n            if (content == null) return null;\n\n            return (\n              <TabPanelRenderer\n                key={tab.key}\n                tabKey={tab.key}\n                state={state}\n                content={content}\n                prerender={prerender}\n                keepMounted={effectiveKeepMounted}\n                tabPrerender={explicitPanel?.prerender ?? tab.prerender}\n                tabKeepMounted={explicitPanel?.keepMounted ?? tab.keepMounted}\n                visitedKeys={visitedKeysRef.current}\n                panelStyles={explicitPanel?.styles}\n                qa={explicitPanel?.qa}\n                qaVal={explicitPanel?.qaVal}\n              />\n            );\n          })}\n      </TabsElement>\n    </TabsProvider>\n  );\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nconst _Tabs = forwardRef(TabsComponent);\n\n/**\n * Tabs component for organizing content into multiple panels.\n * Built with React Aria for full accessibility support.\n *\n * **Note:** Tab keys are internally converted to strings for React Aria compatibility.\n *\n * @example\n * // Simple usage\n * <Tabs defaultActiveKey=\"tab1\">\n *   <Tab key=\"tab1\" title=\"Tab 1\">Content 1</Tab>\n *   <Tab key=\"tab2\" title=\"Tab 2\">Content 2</Tab>\n * </Tabs>\n *\n * @example\n * // Tabs-only (no panels)\n * <Tabs activeKey={activeTab} onChange={setActiveTab}>\n *   <Tab key=\"overview\" title=\"Overview\" />\n *   <Tab key=\"settings\" title=\"Settings\" />\n * </Tabs>\n *\n * @example\n * // Explicit panels\n * <Tabs defaultActiveKey=\"tab1\">\n *   <Tabs.List>\n *     <Tab key=\"tab1\" title=\"Tab 1\" />\n *     <Tab key=\"tab2\" title=\"Tab 2\" />\n *   </Tabs.List>\n *   <Tabs.Panel key=\"tab1\">Content 1</Tabs.Panel>\n *   <Tabs.Panel key=\"tab2\">Content 2</Tabs.Panel>\n * </Tabs>\n */\nexport const Tabs = Object.assign(_Tabs, {\n  Tab,\n  List: TabList,\n  Panel: TabPanel,\n  Action: TabsAction,\n});\n\nexport { Tab, TabList, TabPanel, TabsAction };\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","names":["mergeStyles","OUTER_STYLES","Children","ForwardedRef","forwardRef","isValidElement","ReactElement","ReactNode","useEffect","useMemo","useRef","AriaTabListProps","useTabList","Item","CollectionItem","DraggableCollectionState","DroppableCollectionState","useTabListState","useEvent","useWarn","DirectionIcon","mergeProps","useMergeStyles","extractStyles","ItemAction","useTinyScrollbar","useBoardDragActive","DraggableTabList","TabIndicatorElement","TabsElement","TabButton","CachedPanelRenderer","TabPanelRenderer","TabPicker","TabsAction","TabsContextValue","TabsProvider","useTabEditing","useTabIndicator","Key","CubeTabListProps","CubeTabPanelProps","CubeTabProps","CubeTabsProps","ParsedPanel","ParsedTab","isComponentElement","child","displayName","T","type","isTabElement","isTabPanelElement","isTabListElement","getRawKey","element","key","keyStr","String","startsWith","slice","Tab","_props","Action","TabPanel","TabList","TabsComponent","props","ref","HTMLDivElement","label","defaultActiveKey","activeKey","size","placement","onChange","onDelete","onTitleChange","autoHideActions","isEditable","parentIsEditable","menu","parentMenu","menuTriggerProps","parentMenuTriggerProps","menuProps","parentMenuProps","contextMenu","parentContextMenu","onAction","parentOnAction","children","prefix","suffix","prerender","keepMounted","qa","renderPanel","panelCacheKeys","isReorderable","keyOrder","onReorder","showTabPicker","showScrollArrows","tabPickerPosition","scrollArrowsPosition","hideTabListScroll","tabListPadding","barStyles","tabListStyles","prefixStyles","suffixStyles","otherProps","orientation","effectiveType","baseStyles","tabListPaddingStyles","undefined","mergedTabListStyles","combinedStyles","Bar","Prefix","Suffix","listRef","scrollRef","visitedKeysRef","Set","isBoardDragActive","effectiveKeepMounted","onTitleChangeRaf","newTitle","requestAnimationFrame","editingKey","startEditing","cancelEditing","submitEditing","parsedTabs","explicitPanels","hasAnyContent","childArray","toArray","tabs","panels","Map","hasExplicitList","tabChildren","set","content","styles","qaVal","hasContent","id","_id","tabContent","tabProps","push","currentTabKeysSet","map","t","current","has","delete","orderedParsedTabs","length","tabMap","tab","ordered","get","collectionItems","title","disabledKeys","filter","isDisabled","handleSelectionChange","add","selectedKey","defaultSelectedKey","ariaProps","onSelectionChange","state","tabListProps","handleTabPickerSelect","setSelectedKey","orderToken","join","indicatorStyle","isTinyScrollbar","handleHStyle","handleVStyle","hasOverflowX","hasOverflowY","isScrolling","isAtStartX","isAtEndX","isAtStartY","isAtEndY","showTinyScrollbar","hasOverflow","isAtStart","isAtEnd","hasPanels","args","shouldShowTabPicker","shouldShowScrollArrows","handleScrollStart","el","scrollTo","top","scrollTop","clientHeight","behavior","left","scrollLeft","clientWidth","handleScrollEnd","baseContextValue","createContextValue","dragState","dropState","renderTabListContent","contextValue","collectionProps","Record","index","item","collection","getItem","start","height","width","mods","deletable","scrolling","scrollArrowsElement","tabPickerElement","prefixHasActions","suffixHasActions","handleStyle","explicitPanel","_Tabs","Tabs","Object","assign","List","Panel"],"sources":["../../../../src/components/navigation/Tabs/Tabs.tsx"],"sourcesContent":["import { mergeStyles, OUTER_STYLES } from '@tenphi/tasty';\nimport {\n  Children,\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { AriaTabListProps, useTabList } from 'react-aria';\nimport {\n  Item as CollectionItem,\n  DraggableCollectionState,\n  DroppableCollectionState,\n  useTabListState,\n} from 'react-stately';\n\nimport { useEvent, useWarn } from '../../../_internal/hooks';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps, useMergeStyles } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { useTinyScrollbar } from '../../content/Layout/hooks/useTinyScrollbar';\nimport { useBoardDragActive } from '../../layout/Board/board-context';\n\nimport { DraggableTabList } from './DraggableTabList';\nimport { TabIndicatorElement, TabsElement } from './styled';\nimport { TabButton } from './TabButton';\nimport { CachedPanelRenderer, TabPanelRenderer } from './TabPanel';\nimport { TabPicker } from './TabPicker';\nimport { TabsAction } from './TabsAction';\nimport { TabsContextValue, TabsProvider } from './TabsContext';\nimport { useTabEditing } from './use-tab-editing';\nimport { useTabIndicator } from './use-tab-indicator';\n\nimport type { Key } from '@react-types/shared';\nimport type {\n  CubeTabListProps,\n  CubeTabPanelProps,\n  CubeTabProps,\n  CubeTabsProps,\n  ParsedPanel,\n  ParsedTab,\n} from './types';\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Generic helper to check if a child is a specific component by displayName.\n */\nfunction isComponentElement<T>(\n  child: ReactNode,\n  displayName: string,\n): child is ReactElement<T> {\n  return (\n    isValidElement(child) &&\n    typeof child.type === 'function' &&\n    (child.type as any).displayName === displayName\n  );\n}\n\n/** Checks if a child is a Tab component. */\nconst isTabElement = (child: ReactNode): child is ReactElement<CubeTabProps> =>\n  isComponentElement<CubeTabProps>(child, 'CubeTab');\n\n/** Checks if a child is a TabPanel component. */\nconst isTabPanelElement = (\n  child: ReactNode,\n): child is ReactElement<CubeTabPanelProps> =>\n  isComponentElement<CubeTabPanelProps>(child, 'CubeTabPanel');\n\n/** Checks if a child is a TabList component. */\nconst isTabListElement = (\n  child: ReactNode,\n): child is ReactElement<CubeTabListProps> =>\n  isComponentElement<CubeTabListProps>(child, 'CubeTabList');\n\n/**\n * Extracts the raw key from a React element, stripping the \".$\" prefix\n * that React adds via Children.map/toArray.\n */\nfunction getRawKey(element: ReactElement): string | null {\n  if (element.key == null) return null;\n  const keyStr = String(element.key);\n  return keyStr.startsWith('.$') ? keyStr.slice(2) : keyStr;\n}\n\n// =============================================================================\n// Tab Component (configuration only - not rendered directly)\n// =============================================================================\n\nfunction Tab(_props: CubeTabProps): ReactElement | null {\n  return null;\n}\n\nTab.displayName = 'CubeTab';\n\n/**\n * Action for a tab's own `actions` slot, where it renders left of the built-in\n * menu trigger and delete button — which are `ItemAction`s themselves.\n *\n * Not to be confused with `Tabs.Action`, which is an `ItemButton` sized for the\n * tab bar's `prefix` / `suffix` slots rather than for a tab.\n */\nTab.Action = ItemAction;\n\n// =============================================================================\n// TabPanel Component (configuration only - not rendered directly)\n// =============================================================================\n\nfunction TabPanel(_props: CubeTabPanelProps): ReactElement | null {\n  return null;\n}\n\nTabPanel.displayName = 'CubeTabPanel';\n\n// =============================================================================\n// TabList Component (configuration only - not rendered directly)\n// =============================================================================\n\nfunction TabList(_props: CubeTabListProps): ReactElement | null {\n  return null;\n}\n\nTabList.displayName = 'CubeTabList';\n\n// =============================================================================\n// Main Tabs Component\n// =============================================================================\n\nfunction TabsComponent(\n  props: CubeTabsProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    label = 'Tabs',\n    defaultActiveKey,\n    activeKey,\n    size,\n    type = 'default',\n    placement = 'top',\n    onChange,\n    onDelete,\n    onTitleChange,\n    autoHideActions,\n    isEditable: parentIsEditable,\n    menu: parentMenu,\n    menuTriggerProps: parentMenuTriggerProps,\n    menuProps: parentMenuProps,\n    contextMenu: parentContextMenu,\n    onAction: parentOnAction,\n    children,\n    prefix,\n    suffix,\n    prerender = false,\n    keepMounted = false,\n    qa = 'Tabs',\n    renderPanel,\n    panelCacheKeys,\n    isReorderable = false,\n    keyOrder,\n    onReorder,\n    showTabPicker = false,\n    showScrollArrows = false,\n    tabPickerPosition = 'suffix',\n    scrollArrowsPosition = 'suffix',\n    hideTabListScroll = false,\n    tabListPadding,\n    barStyles,\n    tabListStyles,\n    prefixStyles,\n    suffixStyles,\n    ...otherProps\n  } = props;\n\n  // Derive orientation from placement\n  const orientation: 'horizontal' | 'vertical' =\n    placement === 'left' || placement === 'right' ? 'vertical' : 'horizontal';\n\n  // `narrow` only makes sense for a horizontal strip — its whole point is\n  // collapsed horizontal padding for a denser row of tabs. Force `default`\n  // when the strip is vertical.\n  const effectiveType =\n    orientation === 'vertical' && type === 'narrow' ? 'default' : type;\n\n  // Extract outer styles (these go on the new outer wrapper)\n  const baseStyles = extractStyles(otherProps, OUTER_STYLES);\n\n  // Build TabList padding style (memoized)\n  const tabListPaddingStyles = useMemo(\n    () =>\n      tabListPadding ? { '$tablist-padding': `${tabListPadding}` } : undefined,\n    [tabListPadding],\n  );\n\n  // Merge tabListPaddingStyles with tabListStyles (memoized)\n  const mergedTabListStyles = useMemo(\n    () => mergeStyles(tabListPaddingStyles, tabListStyles),\n    [tabListPaddingStyles, tabListStyles],\n  );\n\n  // Merge all sub-element styles into baseStyles. The outer `TabsElement`\n  // exposes `Bar`, `Prefix`, `Suffix`, `TabList`, `ScrollWrapper`, `Scroll`,\n  // and `Scrollbar` sub-elements (defined in styled.ts).\n  const combinedStyles = useMergeStyles(baseStyles, {\n    Bar: barStyles,\n    TabList: mergedTabListStyles,\n    Prefix: prefixStyles,\n    Suffix: suffixStyles,\n  });\n\n  // DOM element refs\n  const listRef = useRef<HTMLDivElement>(null);\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  // Track visited tabs for keepMounted functionality\n  const visitedKeysRef = useRef<Set<string>>(new Set());\n\n  // While a Board widget is being dragged (this Tabs sits inside a Board),\n  // force panels to stay mounted so a tab a widget is dragged out of - and its\n  // board owning the in-flight drag gesture - is not unmounted when the user\n  // spring-loads a different tab by hovering it. Always `false` outside a Board.\n  const isBoardDragActive = useBoardDragActive();\n  const effectiveKeepMounted = keepMounted || isBoardDragActive;\n\n  // =========================================================================\n  // Tab Title Editing Hook\n  // =========================================================================\n  const onTitleChangeRaf = useEvent((key: string, newTitle: string) => {\n    requestAnimationFrame(() => {\n      onTitleChange?.(key, newTitle);\n    });\n  });\n\n  const { editingKey, startEditing, cancelEditing, submitEditing } =\n    useTabEditing({\n      onChange,\n      onTitleChange: onTitleChange ? onTitleChangeRaf : undefined,\n    });\n\n  // =========================================================================\n  // Parse children to extract tabs and explicit panels\n  // =========================================================================\n  const { parsedTabs, explicitPanels, hasAnyContent } = useMemo(() => {\n    const childArray = Children.toArray(children);\n    const tabs: ParsedTab[] = [];\n    const panels = new Map<string, ParsedPanel>();\n    let hasExplicitList = false;\n    let tabChildren: ReactNode[] = [];\n\n    // Check for explicit Tabs.List / Tabs.Panel structure\n    for (const child of childArray) {\n      if (isTabListElement(child)) {\n        hasExplicitList = true;\n        tabChildren = Children.toArray(child.props.children);\n      } else if (isTabPanelElement(child)) {\n        const key = getRawKey(child as ReactElement);\n\n        if (key != null) {\n          panels.set(key, {\n            key,\n            content: child.props.children,\n            prerender: child.props.prerender,\n            keepMounted: child.props.keepMounted,\n            styles: child.props.styles,\n            qa: child.props.qa,\n            qaVal: child.props.qaVal,\n          });\n        }\n      }\n    }\n\n    // If no explicit list, use direct Tab children\n    if (!hasExplicitList) {\n      tabChildren = childArray;\n    }\n\n    // Parse Tab elements\n    let hasContent = panels.size > 0;\n\n    for (const child of tabChildren) {\n      if (isTabElement(child)) {\n        const key = getRawKey(child) ?? child.props.id;\n\n        if (key != null) {\n          const { id: _id, children: tabContent, ...tabProps } = child.props;\n\n          tabs.push({\n            ...tabProps,\n            key,\n            content: tabContent,\n          });\n\n          if (tabContent != null) {\n            hasContent = true;\n          }\n        }\n      }\n    }\n\n    return {\n      parsedTabs: tabs,\n      explicitPanels: panels,\n      hasAnyContent: hasContent,\n    };\n  }, [children]);\n\n  // Clean up visitedKeys when tabs are removed\n  const currentTabKeysSet = useMemo(\n    () => new Set(parsedTabs.map((t) => t.key)),\n    [parsedTabs],\n  );\n\n  useEffect(() => {\n    for (const key of visitedKeysRef.current) {\n      if (!currentTabKeysSet.has(key)) {\n        visitedKeysRef.current.delete(key);\n      }\n    }\n  }, [currentTabKeysSet]);\n\n  // =========================================================================\n  // Order tabs according to keyOrder\n  // =========================================================================\n  const orderedParsedTabs = useMemo(() => {\n    if (!keyOrder || keyOrder.length === 0) {\n      return parsedTabs;\n    }\n\n    const tabMap = new Map<string, ParsedTab>();\n    for (const tab of parsedTabs) {\n      tabMap.set(tab.key, tab);\n    }\n\n    const ordered: ParsedTab[] = [];\n    for (const key of keyOrder) {\n      const tab = tabMap.get(String(key));\n      if (tab) {\n        ordered.push(tab);\n        tabMap.delete(String(key));\n      }\n    }\n\n    // Append any tabs not in keyOrder\n    for (const tab of parsedTabs) {\n      if (tabMap.has(tab.key)) {\n        ordered.push(tab);\n      }\n    }\n\n    return ordered;\n  }, [parsedTabs, keyOrder]);\n\n  // Create collection items for React Stately\n  const collectionItems = useMemo(() => {\n    return orderedParsedTabs.map((tab) => (\n      <CollectionItem\n        key={tab.key}\n        textValue={typeof tab.title === 'string' ? tab.title : String(tab.key)}\n      >\n        {tab.title}\n      </CollectionItem>\n    ));\n  }, [orderedParsedTabs]);\n\n  // Determine disabled keys\n  const disabledKeys = useMemo(() => {\n    return new Set(\n      parsedTabs.filter((tab) => tab.isDisabled).map((tab) => tab.key),\n    );\n  }, [parsedTabs]);\n\n  // Handle selection change (converts React Aria's Key to string for our API)\n  const handleSelectionChange = useEvent((key: Key) => {\n    const keyStr = String(key);\n    visitedKeysRef.current.add(keyStr);\n    onChange?.(keyStr);\n  });\n\n  // Convert keys to strings for React Aria compatibility\n  const selectedKey = activeKey != null ? String(activeKey) : undefined;\n  const defaultSelectedKey =\n    defaultActiveKey != null ? String(defaultActiveKey) : undefined;\n\n  // Create aria props for useTabListState\n  const ariaProps: AriaTabListProps<object> = useMemo(\n    () => ({\n      selectedKey,\n      defaultSelectedKey,\n      onSelectionChange: handleSelectionChange,\n      disabledKeys,\n      children: collectionItems,\n      'aria-label': label,\n      orientation,\n    }),\n    [\n      selectedKey,\n      defaultSelectedKey,\n      handleSelectionChange,\n      disabledKeys,\n      collectionItems,\n      label,\n      orientation,\n    ],\n  );\n\n  // Create state using useTabListState\n  const state = useTabListState(ariaProps);\n\n  // Track initial selected key for visited tabs\n  useEffect(() => {\n    if (state.selectedKey != null) {\n      visitedKeysRef.current.add(String(state.selectedKey));\n    }\n  }, [state.selectedKey]);\n\n  // Get tablist props from react-aria\n  const { tabListProps } = useTabList(ariaProps, state, listRef);\n\n  // Handle selection from TabPicker (needs to update internal state in uncontrolled mode)\n  const handleTabPickerSelect = useEvent((key: string) => {\n    // Update internal state (for uncontrolled mode)\n    state.setSelectedKey(key);\n    // Also call the external onChange handler\n    handleSelectionChange(key);\n  });\n\n  // =========================================================================\n  // Tab Indicator (for default type)\n  // =========================================================================\n  // Create order token that changes when tab order changes (for indicator recalculation)\n  const orderToken = useMemo(\n    () => orderedParsedTabs.map((t) => t.key).join(','),\n    [orderedParsedTabs],\n  );\n\n  const indicatorStyle = useTabIndicator(\n    listRef,\n    state.selectedKey,\n    effectiveType === 'default' || effectiveType === 'narrow',\n    orientation,\n    orderToken,\n  );\n\n  // =========================================================================\n  // Tiny Scrollbar (not for radio type)\n  // =========================================================================\n  const isTinyScrollbar = effectiveType !== 'radio';\n  const {\n    handleHStyle,\n    handleVStyle,\n    hasOverflowX,\n    hasOverflowY,\n    isScrolling,\n    isAtStartX,\n    isAtEndX,\n    isAtStartY,\n    isAtEndY,\n  } = useTinyScrollbar(scrollRef, isTinyScrollbar);\n  const showTinyScrollbar = isTinyScrollbar && !hideTabListScroll;\n\n  // Active-axis aggregates (used everywhere downstream so we don't sprinkle\n  // orientation checks around).\n  const hasOverflow = orientation === 'vertical' ? hasOverflowY : hasOverflowX;\n  const isAtStart = orientation === 'vertical' ? isAtStartY : isAtStartX;\n  const isAtEnd = orientation === 'vertical' ? isAtEndY : isAtEndX;\n\n  const hasPanels = hasAnyContent || !!renderPanel;\n\n  // =========================================================================\n  // Tab Picker visibility\n  // =========================================================================\n  useWarn(showTabPicker && effectiveType === 'radio', {\n    key: ['tabs-tabpicker-radio-unsupported'],\n    args: [\n      'Tabs:',\n      '`showTabPicker` is not supported when `type=\"radio\"`. The TabPicker will not be rendered.',\n    ],\n  });\n\n  const shouldShowTabPicker =\n    effectiveType !== 'radio' &&\n    (showTabPicker === true || (showTabPicker === 'auto' && hasOverflow));\n\n  // =========================================================================\n  // Scroll Arrows visibility and handlers\n  // =========================================================================\n  useWarn(showScrollArrows && effectiveType === 'radio', {\n    key: ['tabs-scrollarrows-radio-unsupported'],\n    args: [\n      'Tabs:',\n      '`showScrollArrows` is not supported when `type=\"radio\"`. The scroll arrows will not be rendered.',\n    ],\n  });\n\n  const shouldShowScrollArrows =\n    effectiveType !== 'radio' &&\n    (showScrollArrows === true || (showScrollArrows === 'auto' && hasOverflow));\n\n  const handleScrollStart = useEvent(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    if (orientation === 'vertical') {\n      el.scrollTo({\n        top: el.scrollTop - el.clientHeight,\n        behavior: 'smooth',\n      });\n    } else {\n      el.scrollTo({\n        left: el.scrollLeft - el.clientWidth,\n        behavior: 'smooth',\n      });\n    }\n  });\n\n  const handleScrollEnd = useEvent(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    if (orientation === 'vertical') {\n      el.scrollTo({\n        top: el.scrollTop + el.clientHeight,\n        behavior: 'smooth',\n      });\n    } else {\n      el.scrollTo({\n        left: el.scrollLeft + el.clientWidth,\n        behavior: 'smooth',\n      });\n    }\n  });\n\n  // =========================================================================\n  // Base Context Value (without drag/drop states)\n  // =========================================================================\n  const baseContextValue = useMemo(\n    () => ({\n      state,\n      type: effectiveType,\n      size,\n      placement,\n      autoHideActions,\n      isEditable: parentIsEditable,\n      menu: parentMenu,\n      menuTriggerProps: parentMenuTriggerProps,\n      menuProps: parentMenuProps,\n      contextMenu: parentContextMenu,\n      onDelete,\n      onAction: parentOnAction,\n      editingKey,\n      startEditing,\n      submitEditing,\n      cancelEditing,\n    }),\n    [\n      state,\n      effectiveType,\n      size,\n      placement,\n      autoHideActions,\n      parentIsEditable,\n      parentMenu,\n      parentMenuTriggerProps,\n      parentMenuProps,\n      parentContextMenu,\n      onDelete,\n      parentOnAction,\n      editingKey,\n      startEditing,\n      submitEditing,\n      cancelEditing,\n    ],\n  );\n\n  // Helper to create full context value with optional drag/drop states\n  const createContextValue = (\n    dragState?: DraggableCollectionState,\n    dropState?: DroppableCollectionState,\n  ): TabsContextValue => ({\n    ...baseContextValue,\n    dragState,\n    dropState,\n  });\n\n  // =========================================================================\n  // Tab List Content Renderer\n  // =========================================================================\n  const renderTabListContent = (\n    contextValue: TabsContextValue,\n    collectionProps: Record<string, unknown> = {},\n  ) => (\n    <div\n      {...mergeProps(tabListProps, collectionProps)}\n      ref={listRef}\n      data-element=\"TabList\"\n    >\n      <TabsProvider value={contextValue}>\n        {orderedParsedTabs.map((tab, index) => {\n          const item = state.collection.getItem(tab.key);\n          if (!item) return null;\n\n          return (\n            <TabButton\n              key={item.key}\n              item={item}\n              tabData={tab}\n              isLastTab={index === orderedParsedTabs.length - 1}\n            />\n          );\n        })}\n      </TabsProvider>\n      {indicatorStyle && (\n        <TabIndicatorElement\n          mods={{ placement }}\n          style={\n            orientation === 'vertical'\n              ? {\n                  top: indicatorStyle.start,\n                  height: indicatorStyle.size,\n                }\n              : {\n                  left: indicatorStyle.start,\n                  width: indicatorStyle.size,\n                }\n          }\n        />\n      )}\n    </div>\n  );\n\n  // =========================================================================\n  // Mods for styling\n  // =========================================================================\n  const mods = useMemo(\n    () => ({\n      type: effectiveType,\n      size,\n      placement,\n      deletable: !!onDelete,\n      scrolling: showTinyScrollbar && isScrolling,\n      'fade-start': !isAtStart,\n      'fade-end': !isAtEnd,\n      'has-panels': hasPanels,\n    }),\n    [\n      effectiveType,\n      size,\n      placement,\n      onDelete,\n      showTinyScrollbar,\n      isScrolling,\n      isAtStart,\n      isAtEnd,\n      hasPanels,\n    ],\n  );\n\n  // =========================================================================\n  // Action Elements (TabPicker and Scroll Arrows)\n  // =========================================================================\n  const scrollArrowsElement = shouldShowScrollArrows ? (\n    <>\n      <TabsAction\n        icon={\n          <DirectionIcon to={orientation === 'vertical' ? 'top' : 'left'} />\n        }\n        aria-label={\n          orientation === 'vertical' ? 'Scroll tabs up' : 'Scroll tabs left'\n        }\n        isDisabled={isAtStart}\n        onPress={handleScrollStart}\n      />\n      <TabsAction\n        icon={\n          <DirectionIcon to={orientation === 'vertical' ? 'bottom' : 'right'} />\n        }\n        aria-label={\n          orientation === 'vertical' ? 'Scroll tabs down' : 'Scroll tabs right'\n        }\n        isDisabled={isAtEnd}\n        onPress={handleScrollEnd}\n      />\n    </>\n  ) : null;\n\n  const tabPickerElement = shouldShowTabPicker ? (\n    <TabPicker\n      tabs={orderedParsedTabs}\n      selectedKey={state.selectedKey}\n      size={size}\n      type={effectiveType}\n      placement={placement}\n      isReorderable={isReorderable}\n      onSelect={handleTabPickerSelect}\n      onDelete={onDelete}\n      onReorder={onReorder}\n    />\n  ) : null;\n\n  // Determine which actions go in prefix/suffix\n  // In prefix: TabPicker first (left), then scroll arrows (right)\n  // In suffix: scroll arrows first (left), then TabPicker (right)\n  const prefixHasActions =\n    (shouldShowTabPicker && tabPickerPosition === 'prefix') ||\n    (shouldShowScrollArrows && scrollArrowsPosition === 'prefix');\n\n  const suffixHasActions =\n    (shouldShowTabPicker && tabPickerPosition === 'suffix') ||\n    (shouldShowScrollArrows && scrollArrowsPosition === 'suffix');\n\n  // Apply the active-axis scrollbar handle vars to the outer wrapper so the\n  // `Scrollbar` sub-element can read them via CSS variables.\n  const handleStyle = showTinyScrollbar\n    ? orientation === 'vertical'\n      ? handleVStyle\n      : handleHStyle\n    : undefined;\n\n  // Wrap with TabsProvider so prefix/suffix can access context (size, type, placement).\n  // The inner TabsProvider in renderTabListContent will override for tab buttons.\n  return (\n    <TabsProvider value={baseContextValue}>\n      <TabsElement\n        ref={ref}\n        qa={qa}\n        mods={mods}\n        styles={combinedStyles}\n        style={handleStyle}\n        data-size={size}\n      >\n        <div data-element=\"Bar\">\n          {prefix || prefixHasActions ? (\n            <div data-element=\"Prefix\">\n              {tabPickerPosition === 'prefix' && tabPickerElement}\n              {scrollArrowsPosition === 'prefix' && scrollArrowsElement}\n              {prefix}\n            </div>\n          ) : null}\n          <div data-element=\"ScrollWrapper\">\n            <div ref={scrollRef} data-element=\"Scroll\">\n              {isReorderable ? (\n                <DraggableTabList\n                  state={state}\n                  listRef={listRef}\n                  orderedKeys={orderedParsedTabs.map((t) => t.key)}\n                  orientation={orientation}\n                  onReorder={onReorder}\n                >\n                  {(dragState, dropState, collectionProps) =>\n                    renderTabListContent(\n                      createContextValue(dragState, dropState),\n                      collectionProps,\n                    )\n                  }\n                </DraggableTabList>\n              ) : (\n                renderTabListContent(createContextValue())\n              )}\n            </div>\n            {showTinyScrollbar && hasOverflow && (\n              <div data-element=\"Scrollbar\" />\n            )}\n          </div>\n          {suffix || suffixHasActions ? (\n            <div data-element=\"Suffix\">\n              {scrollArrowsPosition === 'suffix' && scrollArrowsElement}\n              {tabPickerPosition === 'suffix' && tabPickerElement}\n              {suffix}\n            </div>\n          ) : null}\n        </div>\n\n        {/* Functional panel rendering with content caching */}\n        {renderPanel && (\n          <CachedPanelRenderer\n            parsedTabs={parsedTabs}\n            explicitPanels={explicitPanels}\n            state={state}\n            renderPanel={renderPanel}\n            panelCacheKeys={panelCacheKeys}\n            prerender={prerender}\n            keepMounted={effectiveKeepMounted}\n            visitedKeys={visitedKeysRef.current}\n          />\n        )}\n\n        {/* Static panel rendering (traditional children-based approach) */}\n        {!renderPanel &&\n          hasAnyContent &&\n          parsedTabs.map((tab) => {\n            const explicitPanel = explicitPanels.get(tab.key);\n            const content = explicitPanel?.content ?? tab.content;\n\n            if (content == null) return null;\n\n            return (\n              <TabPanelRenderer\n                key={tab.key}\n                tabKey={tab.key}\n                state={state}\n                content={content}\n                prerender={prerender}\n                keepMounted={effectiveKeepMounted}\n                tabPrerender={explicitPanel?.prerender ?? tab.prerender}\n                tabKeepMounted={explicitPanel?.keepMounted ?? tab.keepMounted}\n                visitedKeys={visitedKeysRef.current}\n                panelStyles={explicitPanel?.styles}\n                qa={explicitPanel?.qa}\n                qaVal={explicitPanel?.qaVal}\n              />\n            );\n          })}\n      </TabsElement>\n    </TabsProvider>\n  );\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nconst _Tabs = forwardRef(TabsComponent);\n\n/**\n * Tabs component for organizing content into multiple panels.\n * Built with React Aria for full accessibility support.\n *\n * **Note:** Tab keys are internally converted to strings for React Aria compatibility.\n *\n * @example\n * // Simple usage\n * <Tabs defaultActiveKey=\"tab1\">\n *   <Tab key=\"tab1\" title=\"Tab 1\">Content 1</Tab>\n *   <Tab key=\"tab2\" title=\"Tab 2\">Content 2</Tab>\n * </Tabs>\n *\n * @example\n * // Tabs-only (no panels)\n * <Tabs activeKey={activeTab} onChange={setActiveTab}>\n *   <Tab key=\"overview\" title=\"Overview\" />\n *   <Tab key=\"settings\" title=\"Settings\" />\n * </Tabs>\n *\n * @example\n * // Explicit panels\n * <Tabs defaultActiveKey=\"tab1\">\n *   <Tabs.List>\n *     <Tab key=\"tab1\" title=\"Tab 1\" />\n *     <Tab key=\"tab2\" title=\"Tab 2\" />\n *   </Tabs.List>\n *   <Tabs.Panel key=\"tab1\">Content 1</Tabs.Panel>\n *   <Tabs.Panel key=\"tab2\">Content 2</Tabs.Panel>\n * </Tabs>\n */\nexport const Tabs = Object.assign(_Tabs, {\n  Tab,\n  List: TabList,\n  Panel: TabPanel,\n  Action: TabsAction,\n});\n\nexport { Tab, TabList, TabPanel, TabsAction };\n"],"mappings":"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"}