@tamagui/tabs 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/Tabs.native.cjs

@@ -0,0 +1,250 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Tabs_exports = {};
+__export(Tabs_exports, {
+	Tabs: () => Tabs2,
+	TabsContent: () => TabsContent,
+	TabsContentFrame: () => TabsContentFrame,
+	TabsFrame: () => TabsFrame,
+	TabsList: () => TabsList,
+	TabsListFrame: () => TabsListFrame,
+	TabsTab: () => TabsTab,
+	TabsTabFrame: () => TabsTabFrame
+});
+module.exports = __toCommonJS(Tabs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_helpers = require("@tamagui/helpers");
+var import_roving_focus = require("@tamagui/roving-focus");
+var import_size = require("@tamagui/size");
+var import_tabs_headless = require("@tamagui/tabs-headless");
+var import_web = require("@tamagui/web");
+var React = __toESM(require("react"), 1);
+var import_StyledContext = require("./StyledContext.native.js");
+var TABS_CONTEXT = "TabsContext";
+var TabsFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "Tabs",
+	context: import_size.SizeContext
+});
+var TabsListFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "TabsList",
+	context: import_size.SizeContext,
+	role: "tablist"
+});
+var TabsTabFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "TabsTrigger",
+	context: import_size.SizeContext,
+	role: "tab",
+	variants: { disabled: { true: { pointerEvents: "none" } } }
+});
+var TabsContentFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "TabsContent",
+	context: import_size.SizeContext
+});
+var TabsListDisabledContext = /* @__PURE__ */ React.createContext(false);
+var TabsList = (0, import_core.createStyledHOC)(TabsListFrame, function TabsList2(props, forwardedRef) {
+	var { __scopeTabs, loop = true, disabled = false, children, ...listProps } = props;
+	var context = (0, import_StyledContext.useTabsContext)(__scopeTabs);
+	var { listProps: headlessListProps } = (0, import_tabs_headless.useTabsList)({
+		orientation: context.orientation,
+		disabled
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsListDisabledContext.Provider, {
+		value: disabled,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
+			__scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
+			orientation: context.orientation,
+			dir: context.dir,
+			loop,
+			asChild: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsListFrame, {
+				...headlessListProps,
+				flexDirection: context.orientation === "vertical" ? "column" : "row",
+				ref: forwardedRef,
+				...listProps,
+				children
+			})
+		})
+	});
+});
+var TabsTab = (0, import_core.createStyledHOC)(TabsTabFrame, function TabsTab2(props, forwardedRef) {
+	var { __scopeTabs, value, disabled: disabledProp, onInteraction, activeStyle, activeTheme, onLayout, onMouseEnter, onMouseLeave, onPress, onKeyDown, onFocus, onBlur, ...triggerProps } = props;
+	var context = (0, import_StyledContext.useTabsContext)(__scopeTabs);
+	var listDisabled = React.useContext(TabsListDisabledContext);
+	var disabled = disabledProp !== null && disabledProp !== void 0 ? disabledProp : listDisabled;
+	var { isSelected, tabProps } = (0, import_tabs_headless.useTab)({
+		baseId: context.baseId,
+		value,
+		selectedValue: context.value,
+		disabled,
+		activationMode: context.activationMode,
+		onChange: context.onChange
+	});
+	var { onPress: activateOnPress, onKeyDown: activateOnKeyDown, onFocus: activateOnFocus, ...tabA11yProps } = tabProps;
+	var [layout, setLayout] = React.useState(null);
+	var triggerRef = React.useRef(null);
+	var emitInteraction = (0, import_web.useEvent)(function(type, layout2) {
+		onInteraction === null || onInteraction === void 0 ? void 0 : onInteraction(type, layout2);
+	});
+	React.useEffect(function() {
+		context.registerTrigger();
+		return function() {
+			return context.unregisterTrigger();
+		};
+	}, []);
+	React.useEffect(function() {
+		if (!triggerRef.current || !import_constants.isWeb) return;
+		var element = triggerRef.current;
+		function updateTriggerSize() {
+			var next = {
+				width: element.offsetWidth,
+				height: element.offsetHeight,
+				x: element.offsetLeft,
+				y: element.offsetTop
+			};
+			setLayout(function(previous) {
+				return previous && previous.width === next.width && previous.height === next.height && previous.x === next.x && previous.y === next.y ? previous : next;
+			});
+		}
+		updateTriggerSize();
+		var observer = new ResizeObserver(updateTriggerSize);
+		observer.observe(element);
+		return function() {
+			return observer.disconnect();
+		};
+	}, [context.triggersCount]);
+	React.useEffect(function() {
+		if (isSelected && layout) {
+			emitInteraction("select", layout);
+		}
+	}, [
+		emitInteraction,
+		isSelected,
+		layout
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+		__scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
+		asChild: true,
+		tabIndex: disabled ? -1 : 0,
+		active: isSelected,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTabFrame, {
+			onLayout: import_constants.isWeb ? onLayout : (0, import_helpers.composeEventHandlers)(onLayout, function(event) {
+				setLayout(event.nativeEvent.layout);
+			}),
+			onMouseEnter: (0, import_helpers.composeEventHandlers)(onMouseEnter, function() {
+				if (layout) {
+					emitInteraction("hover", layout);
+				}
+			}),
+			onMouseLeave: (0, import_helpers.composeEventHandlers)(onMouseLeave, function() {
+				emitInteraction("hover", null);
+			}),
+			...tabA11yProps,
+			theme: isSelected ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
+			size: context.size,
+			...triggerProps,
+			...isSelected && activeStyle,
+			ref: (0, import_compose_refs.composeRefs)(forwardedRef, triggerRef),
+			onPress: (0, import_helpers.composeEventHandlers)(onPress !== null && onPress !== void 0 ? onPress : void 0, activateOnPress),
+			...import_constants.isWeb && {
+				onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, activateOnKeyDown),
+				onFocus: (0, import_helpers.composeEventHandlers)(onFocus, (0, import_helpers.composeEventHandlers)(function() {
+					if (layout) {
+						emitInteraction("focus", layout);
+					}
+				}, activateOnFocus)),
+				onBlur: (0, import_helpers.composeEventHandlers)(onBlur, function() {
+					emitInteraction("focus", null);
+				})
+			}
+		})
+	});
+});
+var TabsContent = (0, import_core.createStyledHOC)(TabsContentFrame, function TabsContent2(props, forwardedRef) {
+	var { __scopeTabs, value, forceMount, children, ...contentProps } = props;
+	var context = (0, import_StyledContext.useTabsContext)(__scopeTabs);
+	var { shouldMount, contentProps: headlessContentProps } = (0, import_tabs_headless.useTabContent)({
+		baseId: context.baseId,
+		value,
+		selectedValue: context.value,
+		orientation: context.orientation,
+		forceMount
+	});
+	if (!shouldMount) {
+		return null;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContentFrame, {
+		...headlessContentProps,
+		...contentProps,
+		ref: forwardedRef,
+		children
+	}, value);
+});
+var TabsComponent = (0, import_core.createStyledHOC)(TabsFrame, function Tabs(props, forwardedRef) {
+	var { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", size = true, ...tabsProps } = props;
+	var { value, setValue, baseId, direction, triggersCount, registerTrigger, unregisterTrigger, tabsProps: headlessTabsProps } = (0, import_tabs_headless.useTabs)({
+		value: valueProp,
+		onValueChange,
+		defaultValue,
+		orientation,
+		dir,
+		activationMode
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_size.SizeContext.Provider, {
+		size,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledContext.TabsProvider, {
+			scope: __scopeTabs,
+			baseId,
+			value,
+			onChange: setValue,
+			orientation,
+			dir: direction,
+			activationMode,
+			size,
+			registerTrigger,
+			triggersCount,
+			unregisterTrigger,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsFrame, {
+				direction,
+				...headlessTabsProps,
+				...tabsProps,
+				ref: forwardedRef
+			})
+		})
+	});
+});
+var Tabs2 = (0, import_helpers.withStaticProperties)(TabsComponent, {
+	Frame: TabsFrame,
+	List: TabsList,
+	Tab: TabsTab,
+	Content: TabsContent
+});

package/dist/cjs/Tabs.native.js

@@ -1,86 +1,252 @@
 "use strict";
 
+
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Tabs_exports = {};
 __export(Tabs_exports, {
-  DefaultTabsContentFrame: () => DefaultTabsContentFrame,
-  DefaultTabsFrame: () => DefaultTabsFrame,
-  DefaultTabsTabFrame: () => DefaultTabsTabFrame
+	Tabs: () => Tabs2,
+	TabsContent: () => TabsContent,
+	TabsContentFrame: () => TabsContentFrame,
+	TabsFrame: () => TabsFrame,
+	TabsList: () => TabsList,
+	TabsListFrame: () => TabsListFrame,
+	TabsTab: () => TabsTab,
+	TabsTabFrame: () => TabsTabFrame
 });
 module.exports = __toCommonJS(Tabs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_constants = require("@tamagui/constants");
 var import_core = require("@tamagui/core");
-var import_get_button_sized = require("@tamagui/get-button-sized");
-var import_stacks = require("@tamagui/stacks");
-var TABS_NAME = "Tabs";
-var DefaultTabsFrame = (0, import_core.styled)(import_stacks.SizableStack, {
-  name: TABS_NAME
+var import_helpers = require("@tamagui/helpers");
+var import_roving_focus = require("@tamagui/roving-focus");
+var import_size = require("@tamagui/size");
+var import_tabs_headless = require("@tamagui/tabs-headless");
+var import_web = require("@tamagui/web");
+var React = __toESM(require("react"), 1);
+var import_StyledContext = require("./StyledContext.native.js");
+var TABS_CONTEXT = "TabsContext";
+var TabsFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "Tabs",
+	context: import_size.SizeContext
+});
+var TabsListFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "TabsList",
+	context: import_size.SizeContext,
+	role: "tablist"
+});
+var TabsTabFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "TabsTrigger",
+	context: import_size.SizeContext,
+	role: "tab",
+	variants: { disabled: { true: { pointerEvents: "none" } } }
+});
+var TabsContentFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "TabsContent",
+	context: import_size.SizeContext
 });
-var TRIGGER_NAME = "TabsTrigger";
-var DefaultTabsTabFrame = (0, import_core.styled)(import_core.View, {
-  name: TRIGGER_NAME,
-  role: "tab",
-  variants: {
-    size: {
-      "...size": import_get_button_sized.getButtonSized
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none"
-      }
-    },
-    unstyled: {
-      false: {
-        borderWidth: 0,
-        backgroundColor: "$background",
-        userSelect: "none",
-        justifyContent: "center",
-        alignItems: "center",
-        flexWrap: "nowrap",
-        flexDirection: "row",
-        cursor: "pointer",
-        pressStyle: {
-          backgroundColor: "$backgroundPress"
-        },
-        focusVisibleStyle: {
-          outlineColor: "$outlineColor",
-          outlineWidth: 2,
-          outlineStyle: "solid",
-          zIndex: 10
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}, {
-  accept: {
-    activeStyle: "style"
-  }
+var TabsListDisabledContext = /* @__PURE__ */ React.createContext(false);
+var TabsList = (0, import_core.createStyledHOC)(TabsListFrame, function TabsList2(props, forwardedRef) {
+	var { __scopeTabs, loop = true, disabled = false, children, ...listProps } = props;
+	var context = (0, import_StyledContext.useTabsContext)(__scopeTabs);
+	var { listProps: headlessListProps } = (0, import_tabs_headless.useTabsList)({
+		orientation: context.orientation,
+		disabled
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsListDisabledContext.Provider, {
+		value: disabled,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
+			__scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
+			orientation: context.orientation,
+			dir: context.dir,
+			loop,
+			asChild: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsListFrame, {
+				...headlessListProps,
+				flexDirection: context.orientation === "vertical" ? "column" : "row",
+				ref: forwardedRef,
+				...listProps,
+				children
+			})
+		})
+	});
 });
-var CONTENT_NAME = "TabsContent";
-var DefaultTabsContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
-  name: CONTENT_NAME
+var TabsTab = (0, import_core.createStyledHOC)(TabsTabFrame, function TabsTab2(props, forwardedRef) {
+	var { __scopeTabs, value, disabled: disabledProp, onInteraction, activeStyle, activeTheme, onLayout, onMouseEnter, onMouseLeave, onPress, onKeyDown, onFocus, onBlur, ...triggerProps } = props;
+	var context = (0, import_StyledContext.useTabsContext)(__scopeTabs);
+	var listDisabled = React.useContext(TabsListDisabledContext);
+	var disabled = disabledProp !== null && disabledProp !== void 0 ? disabledProp : listDisabled;
+	var { isSelected, tabProps } = (0, import_tabs_headless.useTab)({
+		baseId: context.baseId,
+		value,
+		selectedValue: context.value,
+		disabled,
+		activationMode: context.activationMode,
+		onChange: context.onChange
+	});
+	var { onPress: activateOnPress, onKeyDown: activateOnKeyDown, onFocus: activateOnFocus, ...tabA11yProps } = tabProps;
+	var [layout, setLayout] = React.useState(null);
+	var triggerRef = React.useRef(null);
+	var emitInteraction = (0, import_web.useEvent)(function(type, layout2) {
+		onInteraction === null || onInteraction === void 0 ? void 0 : onInteraction(type, layout2);
+	});
+	React.useEffect(function() {
+		context.registerTrigger();
+		return function() {
+			return context.unregisterTrigger();
+		};
+	}, []);
+	React.useEffect(function() {
+		if (!triggerRef.current || !import_constants.isWeb) return;
+		var element = triggerRef.current;
+		function updateTriggerSize() {
+			var next = {
+				width: element.offsetWidth,
+				height: element.offsetHeight,
+				x: element.offsetLeft,
+				y: element.offsetTop
+			};
+			setLayout(function(previous) {
+				return previous && previous.width === next.width && previous.height === next.height && previous.x === next.x && previous.y === next.y ? previous : next;
+			});
+		}
+		updateTriggerSize();
+		var observer = new ResizeObserver(updateTriggerSize);
+		observer.observe(element);
+		return function() {
+			return observer.disconnect();
+		};
+	}, [context.triggersCount]);
+	React.useEffect(function() {
+		if (isSelected && layout) {
+			emitInteraction("select", layout);
+		}
+	}, [
+		emitInteraction,
+		isSelected,
+		layout
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+		__scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
+		asChild: true,
+		tabIndex: disabled ? -1 : 0,
+		active: isSelected,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTabFrame, {
+			onLayout: import_constants.isWeb ? onLayout : (0, import_helpers.composeEventHandlers)(onLayout, function(event) {
+				setLayout(event.nativeEvent.layout);
+			}),
+			onMouseEnter: (0, import_helpers.composeEventHandlers)(onMouseEnter, function() {
+				if (layout) {
+					emitInteraction("hover", layout);
+				}
+			}),
+			onMouseLeave: (0, import_helpers.composeEventHandlers)(onMouseLeave, function() {
+				emitInteraction("hover", null);
+			}),
+			...tabA11yProps,
+			theme: isSelected ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
+			size: context.size,
+			...triggerProps,
+			...isSelected && activeStyle,
+			ref: (0, import_compose_refs.composeRefs)(forwardedRef, triggerRef),
+			onPress: (0, import_helpers.composeEventHandlers)(onPress !== null && onPress !== void 0 ? onPress : void 0, activateOnPress),
+			...import_constants.isWeb && {
+				onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, activateOnKeyDown),
+				onFocus: (0, import_helpers.composeEventHandlers)(onFocus, (0, import_helpers.composeEventHandlers)(function() {
+					if (layout) {
+						emitInteraction("focus", layout);
+					}
+				}, activateOnFocus)),
+				onBlur: (0, import_helpers.composeEventHandlers)(onBlur, function() {
+					emitInteraction("focus", null);
+				})
+			}
+		})
+	});
 });
+var TabsContent = (0, import_core.createStyledHOC)(TabsContentFrame, function TabsContent2(props, forwardedRef) {
+	var { __scopeTabs, value, forceMount, children, ...contentProps } = props;
+	var context = (0, import_StyledContext.useTabsContext)(__scopeTabs);
+	var { shouldMount, contentProps: headlessContentProps } = (0, import_tabs_headless.useTabContent)({
+		baseId: context.baseId,
+		value,
+		selectedValue: context.value,
+		orientation: context.orientation,
+		forceMount
+	});
+	if (!shouldMount) {
+		return null;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContentFrame, {
+		...headlessContentProps,
+		...contentProps,
+		ref: forwardedRef,
+		children
+	}, value);
+});
+var TabsComponent = (0, import_core.createStyledHOC)(TabsFrame, function Tabs(props, forwardedRef) {
+	var { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", size = true, ...tabsProps } = props;
+	var { value, setValue, baseId, direction, triggersCount, registerTrigger, unregisterTrigger, tabsProps: headlessTabsProps } = (0, import_tabs_headless.useTabs)({
+		value: valueProp,
+		onValueChange,
+		defaultValue,
+		orientation,
+		dir,
+		activationMode
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_size.SizeContext.Provider, {
+		size,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledContext.TabsProvider, {
+			scope: __scopeTabs,
+			baseId,
+			value,
+			onChange: setValue,
+			orientation,
+			dir: direction,
+			activationMode,
+			size,
+			registerTrigger,
+			triggersCount,
+			unregisterTrigger,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsFrame, {
+				direction,
+				...headlessTabsProps,
+				...tabsProps,
+				ref: forwardedRef
+			})
+		})
+	});
+});
+var Tabs2 = (0, import_helpers.withStaticProperties)(TabsComponent, {
+	Frame: TabsFrame,
+	List: TabsList,
+	Tab: TabsTab,
+	Content: TabsContent
+});
+
 //# sourceMappingURL=Tabs.native.js.map

package/dist/cjs/Tabs.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Tabs_exports","__export","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","module","exports","import_core","require","import_get_button_sized","import_stacks","TABS_NAME","styled","SizableStack","name","TRIGGER_NAME","View","role","variants","size","getButtonSized","disabled","true","pointerEvents","unstyled","false","borderWidth","backgroundColor","userSelect","justifyContent","alignItems","flexWrap","flexDirection","cursor","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","CONTENT_NAME","ThemeableStack"],"sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,uBAAA,EAAAA,CAAA,KAAAA,uBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAA6B,CAAAK,YAAA;AAC7B,IAAAO,WAAA,GAAAC,OAAA,gBAA+B;AAC/B,IAAAC,uBAA6C,GAAAD,OAAA;AAE7C,IAAAE,aAAM,GAAYF,OAAA;AACX,IAAAG,SAAM;AAAwC,IACnDR,gBAAM,OAAAI,WAAA,CAAAK,MAAA,EAAAF,aAAA,CAAAG,YAAA;EACPC,IAAA,EAAAH;AAED;AAEO,IAAAI,YAAM,gBAAsB;AAAA,IACjCX,mBAAA,OAAAG,WAAA,CAAAK,MAAA,EAAAL,WAAA,CAAAS,IAAA;EACAF,IAAA,EAAAC,YAAA;EAAAE,IACE,OAAM;EAAAC,QACA;IAENC,IAAA;MACE,SAAM,EAAAV,uBAAA,CAAAW;IAAA;IACOC,QACb;MAEAC,IAAA;QACEC,aAAM;MAAA;IACW;IACjBC,QACF;MAEAC,KAAA;QACEC,WAAO;QAAAC,eACQ;QAAAC,UACb;QAAiBC,cACL;QAAAC,UACZ,UAAgB;QAAAC,QAChB,UAAY;QAAAC,aACF;QAAAC,MACV,WAAe;QAAAC,UACP;UAERP,eAAY;QAAA;QACOQ,iBACnB;UAEAC,YAAA,iBAAmB;UAAAC,YACjB;UAAcC,YACd,SAAc;UAAAC,MACd;QAAc;MACN;IACV;EACF;EACFC,eACF;IAEAhB,QAAA,EAAAiB,OAAiB,CAAAC,GAAA,CAAAC,gBAAA;EAAA;AAC4B;EAE/CC,MAAA;IACAC,WAAA;EAAA;AACU;AACO,IACfC,YAAA;AAAA,IACF5C,uBAAA,OAAAK,WAAA,CAAAK,MAAA,EAAAF,aAAA,CAAAqC,cAAA;EACFjC,IAAA,EAAAgC;AAEA","ignoreList":[]}
+{"version":3,"file":"Tabs.native.js","names":[],"sources":["cjs/Tabs.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Tabs_exports = {};\n__export(Tabs_exports, {\n  Tabs: () => Tabs2,\n  TabsContent: () => TabsContent,\n  TabsContentFrame: () => TabsContentFrame,\n  TabsFrame: () => TabsFrame,\n  TabsList: () => TabsList,\n  TabsListFrame: () => TabsListFrame,\n  TabsTab: () => TabsTab,\n  TabsTabFrame: () => TabsTabFrame\n});\nmodule.exports = __toCommonJS(Tabs_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_roving_focus = require(\"@tamagui/roving-focus\");\nvar import_size = require(\"@tamagui/size\");\nvar import_tabs_headless = require(\"@tamagui/tabs-headless\");\nvar import_web = require(\"@tamagui/web\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_StyledContext = require(\"./StyledContext\");\nvar TABS_CONTEXT = \"TabsContext\";\nvar TabsFrame = (0, import_core.styled)(import_core.View, {\n  displayName: \"Tabs\",\n  context: import_size.SizeContext\n});\nvar TabsListFrame = (0, import_core.styled)(import_core.View, {\n  displayName: \"TabsList\",\n  context: import_size.SizeContext,\n  role: \"tablist\"\n});\nvar TabsTabFrame = (0, import_core.styled)(import_core.View, {\n  displayName: \"TabsTrigger\",\n  context: import_size.SizeContext,\n  role: \"tab\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar TabsContentFrame = (0, import_core.styled)(import_core.View, {\n  displayName: \"TabsContent\",\n  context: import_size.SizeContext\n});\nvar TabsListDisabledContext = /* @__PURE__ */ React.createContext(false);\nvar TabsList = (0, import_core.createStyledHOC)(TabsListFrame, function TabsList2(props, forwardedRef) {\n  var { __scopeTabs, loop = true, disabled = false, children, ...listProps } = props;\n  var context = (0, import_StyledContext.useTabsContext)(__scopeTabs);\n  var { listProps: headlessListProps } = (0, import_tabs_headless.useTabsList)({\n    orientation: context.orientation,\n    disabled\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsListDisabledContext.Provider, {\n    value: disabled,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n      __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n      orientation: context.orientation,\n      dir: context.dir,\n      loop,\n      asChild: true,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsListFrame, {\n        ...headlessListProps,\n        flexDirection: context.orientation === \"vertical\" ? \"column\" : \"row\",\n        ref: forwardedRef,\n        ...listProps,\n        children\n      })\n    })\n  });\n});\nvar TabsTab = (0, import_core.createStyledHOC)(TabsTabFrame, function TabsTab2(props, forwardedRef) {\n  var { __scopeTabs, value, disabled: disabledProp, onInteraction, activeStyle, activeTheme, onLayout, onMouseEnter, onMouseLeave, onPress, onKeyDown, onFocus, onBlur, ...triggerProps } = props;\n  var context = (0, import_StyledContext.useTabsContext)(__scopeTabs);\n  var listDisabled = React.useContext(TabsListDisabledContext);\n  var disabled = disabledProp !== null && disabledProp !== void 0 ? disabledProp : listDisabled;\n  var { isSelected, tabProps } = (0, import_tabs_headless.useTab)({\n    baseId: context.baseId,\n    value,\n    selectedValue: context.value,\n    disabled,\n    activationMode: context.activationMode,\n    onChange: context.onChange\n  });\n  var { onPress: activateOnPress, onKeyDown: activateOnKeyDown, onFocus: activateOnFocus, ...tabA11yProps } = tabProps;\n  var [layout, setLayout] = React.useState(null);\n  var triggerRef = React.useRef(null);\n  var emitInteraction = (0, import_web.useEvent)(function(type, layout2) {\n    onInteraction === null || onInteraction === void 0 ? void 0 : onInteraction(type, layout2);\n  });\n  React.useEffect(function() {\n    context.registerTrigger();\n    return function() {\n      return context.unregisterTrigger();\n    };\n  }, []);\n  React.useEffect(function() {\n    if (!triggerRef.current || !import_constants.isWeb) return;\n    var element = triggerRef.current;\n    function updateTriggerSize() {\n      var next = {\n        width: element.offsetWidth,\n        height: element.offsetHeight,\n        x: element.offsetLeft,\n        y: element.offsetTop\n      };\n      setLayout(function(previous) {\n        return previous && previous.width === next.width && previous.height === next.height && previous.x === next.x && previous.y === next.y ? previous : next;\n      });\n    }\n    updateTriggerSize();\n    var observer = new ResizeObserver(updateTriggerSize);\n    observer.observe(element);\n    return function() {\n      return observer.disconnect();\n    };\n  }, [\n    context.triggersCount\n  ]);\n  React.useEffect(function() {\n    if (isSelected && layout) {\n      emitInteraction(\"select\", layout);\n    }\n  }, [\n    emitInteraction,\n    isSelected,\n    layout\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n    __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n    asChild: true,\n    tabIndex: disabled ? -1 : 0,\n    active: isSelected,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTabFrame, {\n      onLayout: import_constants.isWeb ? onLayout : (0, import_helpers.composeEventHandlers)(onLayout, function(event) {\n        setLayout(event.nativeEvent.layout);\n      }),\n      onMouseEnter: (0, import_helpers.composeEventHandlers)(onMouseEnter, function() {\n        if (layout) {\n          emitInteraction(\"hover\", layout);\n        }\n      }),\n      onMouseLeave: (0, import_helpers.composeEventHandlers)(onMouseLeave, function() {\n        emitInteraction(\"hover\", null);\n      }),\n      ...tabA11yProps,\n      theme: isSelected ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,\n      size: context.size,\n      ...triggerProps,\n      // after triggerProps so active styles beat base styles from styled() skins\n      ...isSelected && activeStyle,\n      ref: (0, import_compose_refs.composeRefs)(forwardedRef, triggerRef),\n      onPress: (0, import_helpers.composeEventHandlers)(onPress !== null && onPress !== void 0 ? onPress : void 0, activateOnPress),\n      ...import_constants.isWeb && {\n        onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, activateOnKeyDown),\n        // emit the focus interaction before activating, matching the order\n        // the indicator animations were built against\n        onFocus: (0, import_helpers.composeEventHandlers)(onFocus, (0, import_helpers.composeEventHandlers)(function() {\n          if (layout) {\n            emitInteraction(\"focus\", layout);\n          }\n        }, activateOnFocus)),\n        onBlur: (0, import_helpers.composeEventHandlers)(onBlur, function() {\n          emitInteraction(\"focus\", null);\n        })\n      }\n    })\n  });\n});\nvar TabsContent = (0, import_core.createStyledHOC)(TabsContentFrame, function TabsContent2(props, forwardedRef) {\n  var { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n  var context = (0, import_StyledContext.useTabsContext)(__scopeTabs);\n  var { shouldMount, contentProps: headlessContentProps } = (0, import_tabs_headless.useTabContent)({\n    baseId: context.baseId,\n    value,\n    selectedValue: context.value,\n    orientation: context.orientation,\n    forceMount\n  });\n  if (!shouldMount) {\n    return null;\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContentFrame, {\n    // @ts-ignore hidden is a web-only accessibility attribute\n    ...headlessContentProps,\n    ...contentProps,\n    ref: forwardedRef,\n    children\n  }, value);\n});\nvar TabsComponent = (0, import_core.createStyledHOC)(TabsFrame, function Tabs(props, forwardedRef) {\n  var { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = \"horizontal\", dir, activationMode = \"automatic\", size = true, ...tabsProps } = props;\n  var { value, setValue, baseId, direction, triggersCount, registerTrigger, unregisterTrigger, tabsProps: headlessTabsProps } = (0, import_tabs_headless.useTabs)({\n    value: valueProp,\n    onValueChange,\n    defaultValue,\n    orientation,\n    dir,\n    activationMode\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_size.SizeContext.Provider, {\n    size,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledContext.TabsProvider, {\n      scope: __scopeTabs,\n      baseId,\n      value,\n      onChange: setValue,\n      orientation,\n      dir: direction,\n      activationMode,\n      size,\n      registerTrigger,\n      triggersCount,\n      unregisterTrigger,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsFrame, {\n        direction,\n        ...headlessTabsProps,\n        ...tabsProps,\n        ref: forwardedRef\n      })\n    })\n  });\n});\nvar Tabs2 = (0, import_helpers.withStaticProperties)(TabsComponent, {\n  Frame: TabsFrame,\n  List: TabsList,\n  Tab: TabsTab,\n  Content: TabsContent\n});\n//# sourceMappingURL=Tabs.js.map\n"],"mappings":"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"}

package/dist/cjs/index.cjs

@@ -1,37 +1,20 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
-__export(index_exports, {
-  Tabs: () => Tabs
-});
 module.exports = __toCommonJS(index_exports);
-var import_createTabs = require("./createTabs.cjs");
-var import_Tabs = require("./Tabs.cjs");
-__reExport(index_exports, require("./createTabs.cjs"), module.exports);
 __reExport(index_exports, require("./StyledContext.cjs"), module.exports);
-const Tabs = (0, import_createTabs.createTabs)({
-  ContentFrame: import_Tabs.DefaultTabsContentFrame,
-  TabFrame: import_Tabs.DefaultTabsTabFrame,
-  TabsFrame: import_Tabs.DefaultTabsFrame
-});
+__reExport(index_exports, require("./Tabs.cjs"), module.exports);