@tamagui/tabs-headless 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/index.cjs

@@ -1,20 +1,19 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 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 = {};
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./useTabs.cjs"), module.exports);
+__reExport(index_exports, require("./useTabs.cjs"), module.exports);

package/dist/cjs/index.native.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useTabs.native.js"), module.exports);

package/dist/cjs/index.native.js

@@ -1,23 +1,23 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 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 = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./useTabs.native.js"), module.exports);
+
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./useTabs\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,qBAAW,GAAG,OAAO,OAAO"}

package/dist/cjs/useTabs.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,301 +6,134 @@ 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useTabs_exports = {};
 __export(useTabs_exports, {
-  TabsProvider: () => TabsProvider,
-  useTab: () => useTab,
-  useTabContent: () => useTabContent,
-  useTabs: () => useTabs,
-  useTabsContext: () => useTabsContext
+	makeContentId: () => makeContentId,
+	makeTriggerId: () => makeTriggerId,
+	useTab: () => useTab,
+	useTabContent: () => useTabContent,
+	useTabs: () => useTabs,
+	useTabsList: () => useTabsList
 });
 module.exports = __toCommonJS(useTabs_exports);
-var import_helpers = require("@tamagui/helpers");
+var import_constants = require("@tamagui/constants");
 var import_use_controllable_state = require("@tamagui/use-controllable-state");
 var import_use_direction = require("@tamagui/use-direction");
 var React = __toESM(require("react"), 1);
-var import_react = require("react");
+function makeTriggerId(baseId, value) {
+	return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+	return `${baseId}-content-${value}`;
+}
 function useTabs(props = {}) {
-  const {
-    value: valueProp,
-    onValueChange,
-    defaultValue = "",
-    orientation = "horizontal",
-    dir,
-    activationMode = "automatic",
-    loop = true
-  } = props;
-  const direction = (0, import_use_direction.useDirection)(dir);
-  const baseId = (0, import_react.useId)();
-  const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
-    prop: valueProp,
-    onChange: onValueChange,
-    defaultProp: defaultValue
-  });
-  const tabRefs = (0, import_react.useRef)(/* @__PURE__ */new Map());
-  const [tabValues, setTabValues] = (0, import_react.useState)([]);
-  const registerTab = (0, import_react.useCallback)((tabValue, element) => {
-    if (element) {
-      tabRefs.current.set(tabValue, element);
-      setTabValues(prev => prev.includes(tabValue) ? prev : [...prev, tabValue]);
-    } else {
-      tabRefs.current.delete(tabValue);
-      setTabValues(prev => prev.filter(v => v !== tabValue));
-    }
-  }, []);
-  const focusTab = (0, import_react.useCallback)(tabValue => {
-    const element = tabRefs.current.get(tabValue);
-    element?.focus();
-  }, []);
-  const getNextTab = (0, import_react.useCallback)((currentValue, direction2) => {
-    const currentIndex = tabValues.indexOf(currentValue);
-    if (currentIndex === -1) return null;
-    let nextIndex = currentIndex + direction2;
-    if (loop) {
-      nextIndex = (nextIndex + tabValues.length) % tabValues.length;
-    } else {
-      if (nextIndex < 0 || nextIndex >= tabValues.length) return null;
-    }
-    return tabValues[nextIndex] ?? null;
-  }, [tabValues, loop]);
-  const handleKeyDown = (0, import_react.useCallback)(tabValue => event => {
-    const isHorizontal = orientation === "horizontal";
-    const isRtl = direction === "rtl";
-    let nextTab = null;
-    switch (event.key) {
-      case "ArrowRight":
-        if (isHorizontal) {
-          nextTab = getNextTab(tabValue, isRtl ? -1 : 1);
-        }
-        break;
-      case "ArrowLeft":
-        if (isHorizontal) {
-          nextTab = getNextTab(tabValue, isRtl ? 1 : -1);
-        }
-        break;
-      case "ArrowDown":
-        if (!isHorizontal) {
-          nextTab = getNextTab(tabValue, 1);
-        }
-        break;
-      case "ArrowUp":
-        if (!isHorizontal) {
-          nextTab = getNextTab(tabValue, -1);
-        }
-        break;
-      case "Home":
-        nextTab = tabValues[0] ?? null;
-        break;
-      case "End":
-        nextTab = tabValues[tabValues.length - 1] ?? null;
-        break;
-      case " ":
-      case "Enter":
-        if (activationMode === "manual") {
-          setValue(tabValue);
-          event.preventDefault();
-        }
-        return;
-    }
-    if (nextTab) {
-      event.preventDefault();
-      focusTab(nextTab);
-      if (activationMode === "automatic") {
-        setValue(nextTab);
-      }
-    }
-  }, [orientation, direction, getNextTab, tabValues, activationMode, setValue, focusTab]);
-  const getTabProps = (0, import_react.useCallback)((tabValue, disabled) => {
-    const isSelected = value === tabValue;
-    const triggerId = makeTriggerId(baseId, tabValue);
-    const contentId = makeContentId(baseId, tabValue);
-    return {
-      role: "tab",
-      id: triggerId,
-      "aria-selected": isSelected,
-      "aria-controls": contentId,
-      "data-state": isSelected ? "active" : "inactive",
-      ...(disabled && {
-        "data-disabled": ""
-      }),
-      disabled,
-      tabIndex: isSelected ? 0 : -1,
-      onKeyDown: disabled ? () => {} : handleKeyDown(tabValue),
-      onClick: event => {
-        if (!disabled && !isSelected) {
-          setValue(tabValue);
-        }
-      },
-      onFocus: event => {
-        registerTab(tabValue, event.currentTarget);
-        if (!disabled && !isSelected && activationMode === "automatic") {
-          setValue(tabValue);
-        }
-      }
-    };
-  }, [value, baseId, handleKeyDown, setValue, activationMode, registerTab]);
-  const getContentProps = (0, import_react.useCallback)(tabValue => {
-    const isSelected = value === tabValue;
-    const triggerId = makeTriggerId(baseId, tabValue);
-    const contentId = makeContentId(baseId, tabValue);
-    return {
-      role: "tabpanel",
-      id: contentId,
-      "aria-labelledby": triggerId,
-      "data-state": isSelected ? "active" : "inactive",
-      "data-orientation": orientation,
-      hidden: !isSelected,
-      tabIndex: 0
-    };
-  }, [value, baseId, orientation]);
-  const contextValue = {
-    baseId,
-    value,
-    setValue,
-    orientation,
-    direction,
-    activationMode,
-    loop
-  };
-  return {
-    value,
-    setValue,
-    direction,
-    tabsProps: {
-      "data-orientation": orientation,
-      dir: direction
-    },
-    listProps: {
-      role: "tablist",
-      "aria-orientation": orientation
-    },
-    getTabProps,
-    getContentProps,
-    contextValue
-  };
+	const { value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic" } = props;
+	const direction = (0, import_use_direction.useDirection)(dir);
+	const baseId = React.useId();
+	const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+		prop: valueProp,
+		onChange: onValueChange,
+		defaultProp: defaultValue ?? ""
+	});
+	const [triggersCount, setTriggersCount] = React.useState(0);
+	const registerTrigger = React.useCallback(() => setTriggersCount((count) => count + 1), []);
+	const unregisterTrigger = React.useCallback(() => setTriggersCount((count) => count - 1), []);
+	return {
+		value,
+		setValue,
+		baseId,
+		direction,
+		orientation,
+		activationMode,
+		triggersCount,
+		registerTrigger,
+		unregisterTrigger,
+		tabsProps: { "data-orientation": orientation }
+	};
 }
-const TabsContext = React.createContext(null);
-const TabsProvider = TabsContext.Provider;
-function useTabsContext() {
-  const context = React.useContext(TabsContext);
-  if (!context) {
-    throw new Error("useTabsContext must be used within a TabsProvider");
-  }
-  return context;
+function useTabsList(props) {
+	const { orientation = "horizontal", disabled = false } = props;
+	return { listProps: {
+		role: "tablist",
+		"aria-orientation": orientation,
+		"aria-disabled": disabled || void 0,
+		"data-orientation": orientation,
+		"data-disabled": disabled ? "" : void 0
+	} };
 }
 function useTab(props) {
-  const {
-    value: tabValue,
-    disabled,
-    onPress,
-    onKeyDown,
-    onFocus
-  } = props;
-  const context = useTabsContext();
-  const {
-    value,
-    setValue,
-    baseId,
-    activationMode,
-    orientation,
-    direction,
-    loop
-  } = context;
-  const isSelected = value === tabValue;
-  const triggerId = makeTriggerId(baseId, tabValue);
-  const contentId = makeContentId(baseId, tabValue);
-  const ref = (0, import_react.useRef)(null);
-  return {
-    isSelected,
-    tabProps: {
-      ref,
-      role: "tab",
-      id: triggerId,
-      "aria-selected": isSelected,
-      "aria-controls": contentId,
-      "data-state": isSelected ? "active" : "inactive",
-      ...(disabled && {
-        "data-disabled": ""
-      }),
-      disabled,
-      tabIndex: isSelected ? 0 : -1,
-      onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, event => {
-        if (disabled) return;
-        if ([" ", "Enter"].includes(event.key)) {
-          setValue(tabValue);
-          event.preventDefault();
-        }
-      }),
-      onPress: (0, import_helpers.composeEventHandlers)(onPress, () => {
-        if (!disabled && !isSelected) {
-          setValue(tabValue);
-        }
-      }),
-      onFocus: (0, import_helpers.composeEventHandlers)(onFocus, () => {
-        if (!disabled && !isSelected && activationMode === "automatic") {
-          setValue(tabValue);
-        }
-      })
-    }
-  };
+	const { baseId, value, selectedValue, disabled = false, activationMode = "automatic", onChange } = props;
+	const isSelected = value === selectedValue;
+	const triggerId = makeTriggerId(baseId, value);
+	const contentId = makeContentId(baseId, value);
+	return {
+		isSelected,
+		triggerId,
+		contentId,
+		tabProps: {
+			role: "tab",
+			id: triggerId,
+			"aria-selected": isSelected,
+			"aria-controls": contentId,
+			"data-state": isSelected ? "active" : "inactive",
+			"data-disabled": disabled ? "" : void 0,
+			disabled,
+			onPress: (event) => {
+				const isPrimaryPointer = !import_constants.isWeb || event?.button === 0 && event?.ctrlKey === false;
+				if (!disabled && !isSelected && isPrimaryPointer) {
+					onChange(value);
+				}
+			},
+			...import_constants.isWeb && {
+				onKeyDown: (event) => {
+					if (!disabled && [" ", "Enter"].includes(event.key)) {
+						onChange(value);
+						event.preventDefault();
+					}
+				},
+				onFocus: () => {
+					if (!isSelected && !disabled && activationMode !== "manual") {
+						onChange(value);
+					}
+				}
+			}
+		}
+	};
 }
 function useTabContent(props) {
-  const {
-    value: tabValue,
-    forceMount
-  } = props;
-  const context = useTabsContext();
-  const {
-    value,
-    baseId,
-    orientation
-  } = context;
-  const isSelected = value === tabValue;
-  const triggerId = makeTriggerId(baseId, tabValue);
-  const contentId = makeContentId(baseId, tabValue);
-  return {
-    isSelected,
-    shouldMount: forceMount || isSelected,
-    contentProps: {
-      role: "tabpanel",
-      id: contentId,
-      "aria-labelledby": triggerId,
-      "data-state": isSelected ? "active" : "inactive",
-      "data-orientation": orientation,
-      hidden: !isSelected,
-      tabIndex: 0
-    }
-  };
+	const { baseId, value, selectedValue, orientation = "horizontal", forceMount } = props;
+	const isSelected = value === selectedValue;
+	const shouldMount = Boolean(forceMount) || isSelected;
+	return {
+		isSelected,
+		shouldMount,
+		contentProps: {
+			role: "tabpanel",
+			id: makeContentId(baseId, value),
+			"aria-labelledby": makeTriggerId(baseId, value),
+			"data-state": isSelected ? "active" : "inactive",
+			"data-orientation": orientation,
+			hidden: !shouldMount,
+			tabIndex: 0
+		}
+	};
 }
-function makeTriggerId(baseId, value) {
-  return `${baseId}-trigger-${value}`;
-}
-function makeContentId(baseId, value) {
-  return `${baseId}-content-${value}`;
-}

package/dist/cjs/useTabs.native.cjs

@@ -0,0 +1,150 @@
+"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 useTabs_exports = {};
+__export(useTabs_exports, {
+	makeContentId: () => makeContentId,
+	makeTriggerId: () => makeTriggerId,
+	useTab: () => useTab,
+	useTabContent: () => useTabContent,
+	useTabs: () => useTabs,
+	useTabsList: () => useTabsList
+});
+module.exports = __toCommonJS(useTabs_exports);
+var import_constants = require("@tamagui/constants");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_use_direction = require("@tamagui/use-direction");
+var React = __toESM(require("react"), 1);
+function makeTriggerId(baseId, value) {
+	return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+	return `${baseId}-content-${value}`;
+}
+function useTabs() {
+	var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+	var { value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic" } = props;
+	var direction = (0, import_use_direction.useDirection)(dir);
+	var baseId = React.useId();
+	var [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+		prop: valueProp,
+		onChange: onValueChange,
+		defaultProp: defaultValue !== null && defaultValue !== void 0 ? defaultValue : ""
+	});
+	var [triggersCount, setTriggersCount] = React.useState(0);
+	var registerTrigger = React.useCallback(function() {
+		return setTriggersCount(function(count) {
+			return count + 1;
+		});
+	}, []);
+	var unregisterTrigger = React.useCallback(function() {
+		return setTriggersCount(function(count) {
+			return count - 1;
+		});
+	}, []);
+	return {
+		value,
+		setValue,
+		baseId,
+		direction,
+		orientation,
+		activationMode,
+		triggersCount,
+		registerTrigger,
+		unregisterTrigger,
+		tabsProps: { "data-orientation": orientation }
+	};
+}
+function useTabsList(props) {
+	var { orientation = "horizontal", disabled = false } = props;
+	return { listProps: {
+		role: "tablist",
+		"aria-orientation": orientation,
+		"aria-disabled": disabled || void 0,
+		"data-orientation": orientation,
+		"data-disabled": disabled ? "" : void 0
+	} };
+}
+function useTab(props) {
+	var { baseId, value, selectedValue, disabled = false, activationMode = "automatic", onChange } = props;
+	var isSelected = value === selectedValue;
+	var triggerId = makeTriggerId(baseId, value);
+	var contentId = makeContentId(baseId, value);
+	return {
+		isSelected,
+		triggerId,
+		contentId,
+		tabProps: {
+			role: "tab",
+			id: triggerId,
+			"aria-selected": isSelected,
+			"aria-controls": contentId,
+			"data-state": isSelected ? "active" : "inactive",
+			"data-disabled": disabled ? "" : void 0,
+			disabled,
+			onPress: function(event) {
+				var isPrimaryPointer = !import_constants.isWeb || (event === null || event === void 0 ? void 0 : event.button) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey) === false;
+				if (!disabled && !isSelected && isPrimaryPointer) {
+					onChange(value);
+				}
+			},
+			...import_constants.isWeb && {
+				onKeyDown: function(event) {
+					if (!disabled && [" ", "Enter"].includes(event.key)) {
+						onChange(value);
+						event.preventDefault();
+					}
+				},
+				onFocus: function() {
+					if (!isSelected && !disabled && activationMode !== "manual") {
+						onChange(value);
+					}
+				}
+			}
+		}
+	};
+}
+function useTabContent(props) {
+	var { baseId, value, selectedValue, orientation = "horizontal", forceMount } = props;
+	var isSelected = value === selectedValue;
+	var shouldMount = Boolean(forceMount) || isSelected;
+	return {
+		isSelected,
+		shouldMount,
+		contentProps: {
+			role: "tabpanel",
+			id: makeContentId(baseId, value),
+			"aria-labelledby": makeTriggerId(baseId, value),
+			"data-state": isSelected ? "active" : "inactive",
+			"data-orientation": orientation,
+			hidden: !shouldMount,
+			tabIndex: 0
+		}
+	};
+}