@tamagui/tabs 3.0.0-beta.831.1 → 3.0.0-beta.889.1

package/dist/cjs/Tabs.cjs

@@ -163,7 +163,7 @@ const TabsTab = (0, import_core.createStyledHOC)(TabsTabFrame, function TabsTab2
 			theme: isSelected ? activeTheme ?? null : null,
 			size: context.size,
 			...triggerProps,
-			...isSelected && activeStyle,
+			style: [triggerProps.style, isSelected && activeStyle],
 			ref: (0, import_compose_refs.composeRefs)(forwardedRef, triggerRef),
 			onPress: (0, import_helpers.composeEventHandlers)(onPress ?? void 0, activateOnPress),
 			...import_constants.isWeb && {

package/dist/cjs/Tabs.native.cjs

@@ -171,7 +171,7 @@ var TabsTab = (0, import_core.createStyledHOC)(TabsTabFrame, function TabsTab2(p
 			theme: isSelected ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
 			size: context.size,
 			...triggerProps,
-			...isSelected && activeStyle,
+			style: [triggerProps.style, 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 && {

package/dist/cjs/Tabs.native.js

@@ -171,7 +171,7 @@ var TabsTab = (0, import_core.createStyledHOC)(TabsTabFrame, function TabsTab2(p
 			theme: isSelected ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
 			size: context.size,
 			...triggerProps,
-			...isSelected && activeStyle,
+			style: [triggerProps.style, 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 && {

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

@@ -1 +1 @@
-{"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) === true;\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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"}
+{"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) === true;\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      style: [\n        triggerProps.style,\n        isSelected && activeStyle\n      ],\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/esm/Tabs.mjs

@@ -126,7 +126,7 @@ const TabsTab = createStyledHOC(TabsTabFrame, function TabsTab2(props, forwarded
 			theme: isSelected ? activeTheme ?? null : null,
 			size: context.size,
 			...triggerProps,
-			...isSelected && activeStyle,
+			style: [triggerProps.style, isSelected && activeStyle],
 			ref: composeRefs(forwardedRef, triggerRef),
 			onPress: composeEventHandlers(onPress ?? void 0, activateOnPress),
 			...isWeb && {

package/dist/esm/Tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":[],"sources":["esm/Tabs.js"],"sourcesContent":["import { composeRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { createStyledHOC, styled, View } from \"@tamagui/core\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { SizeContext } from \"@tamagui/size\";\nimport { useTab, useTabContent, useTabs, useTabsList } from \"@tamagui/tabs-headless\";\nimport { useEvent } from \"@tamagui/web\";\nimport * as React from \"react\";\nimport { TabsProvider, useTabsContext } from \"./StyledContext\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TABS_CONTEXT = \"TabsContext\";\nconst TabsFrame = styled(View, {\n  displayName: \"Tabs\",\n  context: SizeContext\n});\nconst TabsListFrame = styled(View, {\n  displayName: \"TabsList\",\n  context: SizeContext,\n  role: \"tablist\"\n});\nconst TabsTabFrame = styled(View, {\n  displayName: \"TabsTrigger\",\n  context: SizeContext,\n  role: \"tab\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nconst TabsContentFrame = styled(View, {\n  displayName: \"TabsContent\",\n  context: SizeContext\n});\nconst TabsListDisabledContext = React.createContext(false);\nconst TabsList = createStyledHOC(\n  TabsListFrame,\n  function TabsList2(props, forwardedRef) {\n    const { __scopeTabs, loop = true, disabled = false, children, ...listProps } = props;\n    const context = useTabsContext(__scopeTabs);\n    const { listProps: headlessListProps } = useTabsList({\n      orientation: context.orientation,\n      disabled\n    });\n    return /* @__PURE__ */ jsx(TabsListDisabledContext.Provider, { value: disabled, children: /* @__PURE__ */ jsx(\n      RovingFocusGroup,\n      {\n        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        asChild: true,\n        children: /* @__PURE__ */ jsx(\n          TabsListFrame,\n          {\n            ...headlessListProps,\n            flexDirection: context.orientation === \"vertical\" ? \"column\" : \"row\",\n            ref: forwardedRef,\n            ...listProps,\n            children\n          }\n        )\n      }\n    ) });\n  }\n);\nconst TabsTab = createStyledHOC(\n  TabsTabFrame,\n  function TabsTab2(props, forwardedRef) {\n    const {\n      __scopeTabs,\n      value,\n      disabled: disabledProp,\n      onInteraction,\n      activeStyle,\n      activeTheme,\n      onLayout,\n      onMouseEnter,\n      onMouseLeave,\n      onPress,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      ...triggerProps\n    } = props;\n    const context = useTabsContext(__scopeTabs);\n    const listDisabled = React.useContext(TabsListDisabledContext);\n    const disabled = (disabledProp ?? listDisabled) === true;\n    const { isSelected, tabProps } = useTab({\n      baseId: context.baseId,\n      value,\n      selectedValue: context.value,\n      disabled,\n      activationMode: context.activationMode,\n      onChange: context.onChange\n    });\n    const {\n      onPress: activateOnPress,\n      onKeyDown: activateOnKeyDown,\n      onFocus: activateOnFocus,\n      ...tabA11yProps\n    } = tabProps;\n    const [layout, setLayout] = React.useState(null);\n    const triggerRef = React.useRef(null);\n    const emitInteraction = useEvent(\n      (type, layout2) => {\n        onInteraction?.(type, layout2);\n      }\n    );\n    React.useEffect(() => {\n      context.registerTrigger();\n      return () => context.unregisterTrigger();\n    }, []);\n    React.useEffect(() => {\n      if (!triggerRef.current || !isWeb) return;\n      const element = triggerRef.current;\n      function updateTriggerSize() {\n        const next = {\n          width: element.offsetWidth,\n          height: element.offsetHeight,\n          x: element.offsetLeft,\n          y: element.offsetTop\n        };\n        setLayout(\n          (previous) => previous && previous.width === next.width && previous.height === next.height && previous.x === next.x && previous.y === next.y ? previous : next\n        );\n      }\n      updateTriggerSize();\n      const observer = new ResizeObserver(updateTriggerSize);\n      observer.observe(element);\n      return () => observer.disconnect();\n    }, [context.triggersCount]);\n    React.useEffect(() => {\n      if (isSelected && layout) {\n        emitInteraction(\"select\", layout);\n      }\n    }, [emitInteraction, isSelected, layout]);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n        asChild: true,\n        tabIndex: disabled ? -1 : 0,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          TabsTabFrame,\n          {\n            onLayout: isWeb ? onLayout : composeEventHandlers(onLayout, (event) => {\n              setLayout(event.nativeEvent.layout);\n            }),\n            onMouseEnter: composeEventHandlers(onMouseEnter, () => {\n              if (layout) {\n                emitInteraction(\"hover\", layout);\n              }\n            }),\n            onMouseLeave: composeEventHandlers(onMouseLeave, () => {\n              emitInteraction(\"hover\", null);\n            }),\n            ...tabA11yProps,\n            theme: isSelected ? activeTheme ?? null : null,\n            size: context.size,\n            ...triggerProps,\n            ...isSelected && activeStyle,\n            ref: composeRefs(forwardedRef, triggerRef),\n            onPress: composeEventHandlers(onPress ?? void 0, activateOnPress),\n            ...isWeb && {\n              onKeyDown: composeEventHandlers(onKeyDown, activateOnKeyDown),\n              // emit the focus interaction before activating, matching the order\n              // the indicator animations were built against\n              onFocus: composeEventHandlers(\n                onFocus,\n                composeEventHandlers(() => {\n                  if (layout) {\n                    emitInteraction(\"focus\", layout);\n                  }\n                }, activateOnFocus)\n              ),\n              onBlur: composeEventHandlers(onBlur, () => {\n                emitInteraction(\"focus\", null);\n              })\n            }\n          }\n        )\n      }\n    );\n  }\n);\nconst TabsContent = createStyledHOC(\n  TabsContentFrame,\n  function TabsContent2(props, forwardedRef) {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(__scopeTabs);\n    const { shouldMount, contentProps: headlessContentProps } = 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__ */ jsx(\n      TabsContentFrame,\n      {\n        ...headlessContentProps,\n        ...contentProps,\n        ref: forwardedRef,\n        children\n      },\n      value\n    );\n  }\n);\nconst TabsComponent = createStyledHOC(\n  TabsFrame,\n  function Tabs(props, forwardedRef) {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      size = true,\n      ...tabsProps\n    } = props;\n    const {\n      value,\n      setValue,\n      baseId,\n      direction,\n      triggersCount,\n      registerTrigger,\n      unregisterTrigger,\n      tabsProps: headlessTabsProps\n    } = useTabs({\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation,\n      dir,\n      activationMode\n    });\n    return /* @__PURE__ */ jsx(SizeContext.Provider, { size, children: /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\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__ */ jsx(\n          TabsFrame,\n          {\n            direction,\n            ...headlessTabsProps,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    ) });\n  }\n);\nconst Tabs2 = withStaticProperties(TabsComponent, {\n  Frame: TabsFrame,\n  List: TabsList,\n  Tab: TabsTab,\n  Content: TabsContent\n});\nexport {\n  Tabs2 as Tabs,\n  TabsContent,\n  TabsContentFrame,\n  TabsFrame,\n  TabsList,\n  TabsListFrame,\n  TabsTab,\n  TabsTabFrame\n};\n//# sourceMappingURL=Tabs.js.map\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,eAAe;AACrB,MAAM,YAAY,OAAO,MAAM;CAC7B,aAAa;CACb,SAAS;AACX,CAAC;AACD,MAAM,gBAAgB,OAAO,MAAM;CACjC,aAAa;CACb,SAAS;CACT,MAAM;AACR,CAAC;AACD,MAAM,eAAe,OAAO,MAAM;CAChC,aAAa;CACb,SAAS;CACT,MAAM;CACN,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,MAAM,mBAAmB,OAAO,MAAM;CACpC,aAAa;CACb,SAAS;AACX,CAAC;AACD,MAAM,0BAA0B,MAAM,cAAc,KAAK;AACzD,MAAM,WAAW,gBACf,eACA,SAAS,UAAU,OAAO,cAAc;CACtC,MAAM,EAAE,aAAa,OAAO,MAAM,WAAW,OAAO,UAAU,GAAG,cAAc;CAC/E,MAAM,UAAU,eAAe,WAAW;CAC1C,MAAM,EAAE,WAAW,sBAAsB,YAAY;EACnD,aAAa,QAAQ;EACrB;CACF,CAAC;CACD,OAAuB,oBAAI,wBAAwB,UAAU;EAAE,OAAO;EAAU,UAA0B,oBACxG,kBACA;GACE,yBAAyB,eAAe;GACxC,aAAa,QAAQ;GACrB,KAAK,QAAQ;GACb;GACA,SAAS;GACT,UAA0B,oBACxB,eACA;IACE,GAAG;IACH,eAAe,QAAQ,gBAAgB,aAAa,WAAW;IAC/D,KAAK;IACL,GAAG;IACH;GACF,CACF;EACF,CACF;CAAE,CAAC;AACL,CACF;AACA,MAAM,UAAU,gBACd,cACA,SAAS,SAAS,OAAO,cAAc;CACrC,MAAM,EACJ,aACA,OACA,UAAU,cACV,eACA,aACA,aACA,UACA,cACA,cACA,SACA,WACA,SACA,QACA,GAAG,iBACD;CACJ,MAAM,UAAU,eAAe,WAAW;CAC1C,MAAM,eAAe,MAAM,WAAW,uBAAuB;CAC7D,MAAM,YAAY,gBAAgB,kBAAkB;CACpD,MAAM,EAAE,YAAY,aAAa,OAAO;EACtC,QAAQ,QAAQ;EAChB;EACA,eAAe,QAAQ;EACvB;EACA,gBAAgB,QAAQ;EACxB,UAAU,QAAQ;CACpB,CAAC;CACD,MAAM,EACJ,SAAS,iBACT,WAAW,mBACX,SAAS,iBACT,GAAG,iBACD;CACJ,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,IAAI;CAC/C,MAAM,aAAa,MAAM,OAAO,IAAI;CACpC,MAAM,kBAAkB,UACrB,MAAM,YAAY;EACjB,gBAAgB,MAAM,OAAO;CAC/B,CACF;CACA,MAAM,gBAAgB;EACpB,QAAQ,gBAAgB;EACxB,aAAa,QAAQ,kBAAkB;CACzC,GAAG,CAAC,CAAC;CACL,MAAM,gBAAgB;EACpB,IAAI,CAAC,WAAW,WAAW,CAAC,OAAO;EACnC,MAAM,UAAU,WAAW;EAC3B,SAAS,oBAAoB;GAC3B,MAAM,OAAO;IACX,OAAO,QAAQ;IACf,QAAQ,QAAQ;IAChB,GAAG,QAAQ;IACX,GAAG,QAAQ;GACb;GACA,WACG,aAAa,YAAY,SAAS,UAAU,KAAK,SAAS,SAAS,WAAW,KAAK,UAAU,SAAS,MAAM,KAAK,KAAK,SAAS,MAAM,KAAK,IAAI,WAAW,IAC5J;EACF;EACA,kBAAkB;EAClB,MAAM,WAAW,IAAI,eAAe,iBAAiB;EACrD,SAAS,QAAQ,OAAO;EACxB,aAAa,SAAS,WAAW;CACnC,GAAG,CAAC,QAAQ,aAAa,CAAC;CAC1B,MAAM,gBAAgB;EACpB,IAAI,cAAc,QAAQ;GACxB,gBAAgB,UAAU,MAAM;EAClC;CACF,GAAG;EAAC;EAAiB;EAAY;CAAM,CAAC;CACxC,OAAuB,oBACrB,iBAAiB,MACjB;EACE,yBAAyB,eAAe;EACxC,SAAS;EACT,UAAU,WAAW,CAAC,IAAI;EAC1B,QAAQ;EACR,UAA0B,oBACxB,cACA;GACE,UAAU,QAAQ,WAAW,qBAAqB,WAAW,UAAU;IACrE,UAAU,MAAM,YAAY,MAAM;GACpC,CAAC;GACD,cAAc,qBAAqB,oBAAoB;IACrD,IAAI,QAAQ;KACV,gBAAgB,SAAS,MAAM;IACjC;GACF,CAAC;GACD,cAAc,qBAAqB,oBAAoB;IACrD,gBAAgB,SAAS,IAAI;GAC/B,CAAC;GACD,GAAG;GACH,OAAO,aAAa,eAAe,OAAO;GAC1C,MAAM,QAAQ;GACd,GAAG;GACH,GAAG,cAAc;GACjB,KAAK,YAAY,cAAc,UAAU;GACzC,SAAS,qBAAqB,WAAW,KAAK,GAAG,eAAe;GAChE,GAAG,SAAS;IACV,WAAW,qBAAqB,WAAW,iBAAiB;IAG5D,SAAS,qBACP,SACA,2BAA2B;KACzB,IAAI,QAAQ;MACV,gBAAgB,SAAS,MAAM;KACjC;IACF,GAAG,eAAe,CACpB;IACA,QAAQ,qBAAqB,cAAc;KACzC,gBAAgB,SAAS,IAAI;IAC/B,CAAC;GACH;EACF,CACF;CACF,CACF;AACF,CACF;AACA,MAAM,cAAc,gBAClB,kBACA,SAAS,aAAa,OAAO,cAAc;CACzC,MAAM,EAAE,aAAa,OAAO,YAAY,UAAU,GAAG,iBAAiB;CACtE,MAAM,UAAU,eAAe,WAAW;CAC1C,MAAM,EAAE,aAAa,cAAc,yBAAyB,cAAc;EACxE,QAAQ,QAAQ;EAChB;EACA,eAAe,QAAQ;EACvB,aAAa,QAAQ;EACrB;CACF,CAAC;CACD,IAAI,CAAC,aAAa;EAChB,OAAO;CACT;CACA,OAAuB,oBACrB,kBACA;EACE,GAAG;EACH,GAAG;EACH,KAAK;EACL;CACF,GACA,KACF;AACF,CACF;AACA,MAAM,gBAAgB,gBACpB,WACA,SAAS,KAAK,OAAO,cAAc;CACjC,MAAM,EACJ,aACA,OAAO,WACP,eACA,cACA,cAAc,cACd,KACA,iBAAiB,aACjB,OAAO,MACP,GAAG,cACD;CACJ,MAAM,EACJ,OACA,UACA,QACA,WACA,eACA,iBACA,mBACA,WAAW,sBACT,QAAQ;EACV,OAAO;EACP;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAI,YAAY,UAAU;EAAE;EAAM,UAA0B,oBACjF,cACA;GACE,OAAO;GACP;GACA;GACA,UAAU;GACV;GACA,KAAK;GACL;GACA;GACA;GACA;GACA;GACA,UAA0B,oBACxB,WACA;IACE;IACA,GAAG;IACH,GAAG;IACH,KAAK;GACP,CACF;EACF,CACF;CAAE,CAAC;AACL,CACF;AACA,MAAM,QAAQ,qBAAqB,eAAe;CAChD,OAAO;CACP,MAAM;CACN,KAAK;CACL,SAAS;AACX,CAAC"}
+{"version":3,"file":"Tabs.js","names":[],"sources":["esm/Tabs.js"],"sourcesContent":["import { composeRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { createStyledHOC, styled, View } from \"@tamagui/core\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { SizeContext } from \"@tamagui/size\";\nimport { useTab, useTabContent, useTabs, useTabsList } from \"@tamagui/tabs-headless\";\nimport { useEvent } from \"@tamagui/web\";\nimport * as React from \"react\";\nimport { TabsProvider, useTabsContext } from \"./StyledContext\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TABS_CONTEXT = \"TabsContext\";\nconst TabsFrame = styled(View, {\n  displayName: \"Tabs\",\n  context: SizeContext\n});\nconst TabsListFrame = styled(View, {\n  displayName: \"TabsList\",\n  context: SizeContext,\n  role: \"tablist\"\n});\nconst TabsTabFrame = styled(View, {\n  displayName: \"TabsTrigger\",\n  context: SizeContext,\n  role: \"tab\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nconst TabsContentFrame = styled(View, {\n  displayName: \"TabsContent\",\n  context: SizeContext\n});\nconst TabsListDisabledContext = React.createContext(false);\nconst TabsList = createStyledHOC(\n  TabsListFrame,\n  function TabsList2(props, forwardedRef) {\n    const { __scopeTabs, loop = true, disabled = false, children, ...listProps } = props;\n    const context = useTabsContext(__scopeTabs);\n    const { listProps: headlessListProps } = useTabsList({\n      orientation: context.orientation,\n      disabled\n    });\n    return /* @__PURE__ */ jsx(TabsListDisabledContext.Provider, { value: disabled, children: /* @__PURE__ */ jsx(\n      RovingFocusGroup,\n      {\n        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        asChild: true,\n        children: /* @__PURE__ */ jsx(\n          TabsListFrame,\n          {\n            ...headlessListProps,\n            flexDirection: context.orientation === \"vertical\" ? \"column\" : \"row\",\n            ref: forwardedRef,\n            ...listProps,\n            children\n          }\n        )\n      }\n    ) });\n  }\n);\nconst TabsTab = createStyledHOC(\n  TabsTabFrame,\n  function TabsTab2(props, forwardedRef) {\n    const {\n      __scopeTabs,\n      value,\n      disabled: disabledProp,\n      onInteraction,\n      activeStyle,\n      activeTheme,\n      onLayout,\n      onMouseEnter,\n      onMouseLeave,\n      onPress,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      ...triggerProps\n    } = props;\n    const context = useTabsContext(__scopeTabs);\n    const listDisabled = React.useContext(TabsListDisabledContext);\n    const disabled = (disabledProp ?? listDisabled) === true;\n    const { isSelected, tabProps } = useTab({\n      baseId: context.baseId,\n      value,\n      selectedValue: context.value,\n      disabled,\n      activationMode: context.activationMode,\n      onChange: context.onChange\n    });\n    const {\n      onPress: activateOnPress,\n      onKeyDown: activateOnKeyDown,\n      onFocus: activateOnFocus,\n      ...tabA11yProps\n    } = tabProps;\n    const [layout, setLayout] = React.useState(null);\n    const triggerRef = React.useRef(null);\n    const emitInteraction = useEvent(\n      (type, layout2) => {\n        onInteraction?.(type, layout2);\n      }\n    );\n    React.useEffect(() => {\n      context.registerTrigger();\n      return () => context.unregisterTrigger();\n    }, []);\n    React.useEffect(() => {\n      if (!triggerRef.current || !isWeb) return;\n      const element = triggerRef.current;\n      function updateTriggerSize() {\n        const next = {\n          width: element.offsetWidth,\n          height: element.offsetHeight,\n          x: element.offsetLeft,\n          y: element.offsetTop\n        };\n        setLayout(\n          (previous) => previous && previous.width === next.width && previous.height === next.height && previous.x === next.x && previous.y === next.y ? previous : next\n        );\n      }\n      updateTriggerSize();\n      const observer = new ResizeObserver(updateTriggerSize);\n      observer.observe(element);\n      return () => observer.disconnect();\n    }, [context.triggersCount]);\n    React.useEffect(() => {\n      if (isSelected && layout) {\n        emitInteraction(\"select\", layout);\n      }\n    }, [emitInteraction, isSelected, layout]);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n        asChild: true,\n        tabIndex: disabled ? -1 : 0,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          TabsTabFrame,\n          {\n            onLayout: isWeb ? onLayout : composeEventHandlers(onLayout, (event) => {\n              setLayout(event.nativeEvent.layout);\n            }),\n            onMouseEnter: composeEventHandlers(onMouseEnter, () => {\n              if (layout) {\n                emitInteraction(\"hover\", layout);\n              }\n            }),\n            onMouseLeave: composeEventHandlers(onMouseLeave, () => {\n              emitInteraction(\"hover\", null);\n            }),\n            ...tabA11yProps,\n            theme: isSelected ? activeTheme ?? null : null,\n            size: context.size,\n            ...triggerProps,\n            style: [triggerProps.style, isSelected && activeStyle],\n            ref: composeRefs(forwardedRef, triggerRef),\n            onPress: composeEventHandlers(onPress ?? void 0, activateOnPress),\n            ...isWeb && {\n              onKeyDown: composeEventHandlers(onKeyDown, activateOnKeyDown),\n              // emit the focus interaction before activating, matching the order\n              // the indicator animations were built against\n              onFocus: composeEventHandlers(\n                onFocus,\n                composeEventHandlers(() => {\n                  if (layout) {\n                    emitInteraction(\"focus\", layout);\n                  }\n                }, activateOnFocus)\n              ),\n              onBlur: composeEventHandlers(onBlur, () => {\n                emitInteraction(\"focus\", null);\n              })\n            }\n          }\n        )\n      }\n    );\n  }\n);\nconst TabsContent = createStyledHOC(\n  TabsContentFrame,\n  function TabsContent2(props, forwardedRef) {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(__scopeTabs);\n    const { shouldMount, contentProps: headlessContentProps } = 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__ */ jsx(\n      TabsContentFrame,\n      {\n        ...headlessContentProps,\n        ...contentProps,\n        ref: forwardedRef,\n        children\n      },\n      value\n    );\n  }\n);\nconst TabsComponent = createStyledHOC(\n  TabsFrame,\n  function Tabs(props, forwardedRef) {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      size = true,\n      ...tabsProps\n    } = props;\n    const {\n      value,\n      setValue,\n      baseId,\n      direction,\n      triggersCount,\n      registerTrigger,\n      unregisterTrigger,\n      tabsProps: headlessTabsProps\n    } = useTabs({\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation,\n      dir,\n      activationMode\n    });\n    return /* @__PURE__ */ jsx(SizeContext.Provider, { size, children: /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\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__ */ jsx(\n          TabsFrame,\n          {\n            direction,\n            ...headlessTabsProps,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    ) });\n  }\n);\nconst Tabs2 = withStaticProperties(TabsComponent, {\n  Frame: TabsFrame,\n  List: TabsList,\n  Tab: TabsTab,\n  Content: TabsContent\n});\nexport {\n  Tabs2 as Tabs,\n  TabsContent,\n  TabsContentFrame,\n  TabsFrame,\n  TabsList,\n  TabsListFrame,\n  TabsTab,\n  TabsTabFrame\n};\n//# sourceMappingURL=Tabs.js.map\n"],"mappings":"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"}

package/dist/esm/Tabs.native.js

@@ -132,7 +132,7 @@ var TabsTab = createStyledHOC(TabsTabFrame, function TabsTab2(props, forwardedRe
 			theme: isSelected ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
 			size: context.size,
 			...triggerProps,
-			...isSelected && activeStyle,
+			style: [triggerProps.style, isSelected && activeStyle],
 			ref: composeRefs(forwardedRef, triggerRef),
 			onPress: composeEventHandlers(onPress !== null && onPress !== void 0 ? onPress : void 0, activateOnPress),
 			...isWeb && {

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.native.js","names":[],"sources":["esm/Tabs.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { composeRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { createStyledHOC, styled, View } from \"@tamagui/core\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { SizeContext } from \"@tamagui/size\";\nimport { useTab, useTabContent, useTabs, useTabsList } from \"@tamagui/tabs-headless\";\nimport { useEvent } from \"@tamagui/web\";\nimport * as React from \"react\";\nimport { TabsProvider, useTabsContext } from \"./StyledContext\";\nvar TABS_CONTEXT = \"TabsContext\";\nvar TabsFrame = styled(View, {\n  displayName: \"Tabs\",\n  context: SizeContext\n});\nvar TabsListFrame = styled(View, {\n  displayName: \"TabsList\",\n  context: SizeContext,\n  role: \"tablist\"\n});\nvar TabsTabFrame = styled(View, {\n  displayName: \"TabsTrigger\",\n  context: SizeContext,\n  role: \"tab\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar TabsContentFrame = styled(View, {\n  displayName: \"TabsContent\",\n  context: SizeContext\n});\nvar TabsListDisabledContext = /* @__PURE__ */ React.createContext(false);\nvar TabsList = createStyledHOC(TabsListFrame, function TabsList2(props, forwardedRef) {\n  var { __scopeTabs, loop = true, disabled = false, children, ...listProps } = props;\n  var context = useTabsContext(__scopeTabs);\n  var { listProps: headlessListProps } = useTabsList({\n    orientation: context.orientation,\n    disabled\n  });\n  return /* @__PURE__ */ _jsx(TabsListDisabledContext.Provider, {\n    value: disabled,\n    children: /* @__PURE__ */ _jsx(RovingFocusGroup, {\n      __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n      orientation: context.orientation,\n      dir: context.dir,\n      loop,\n      asChild: true,\n      children: /* @__PURE__ */ _jsx(TabsListFrame, {\n        ...headlessListProps,\n        flexDirection: context.orientation === \"vertical\" ? \"column\" : \"row\",\n        ref: forwardedRef,\n        ...listProps,\n        children\n      })\n    })\n  });\n});\nvar TabsTab = 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 = useTabsContext(__scopeTabs);\n  var listDisabled = React.useContext(TabsListDisabledContext);\n  var disabled = (disabledProp !== null && disabledProp !== void 0 ? disabledProp : listDisabled) === true;\n  var { isSelected, tabProps } = 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 = 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 || !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__ */ _jsx(RovingFocusGroup.Item, {\n    __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n    asChild: true,\n    tabIndex: disabled ? -1 : 0,\n    active: isSelected,\n    children: /* @__PURE__ */ _jsx(TabsTabFrame, {\n      onLayout: isWeb ? onLayout : composeEventHandlers(onLayout, function(event) {\n        setLayout(event.nativeEvent.layout);\n      }),\n      onMouseEnter: composeEventHandlers(onMouseEnter, function() {\n        if (layout) {\n          emitInteraction(\"hover\", layout);\n        }\n      }),\n      onMouseLeave: 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: composeRefs(forwardedRef, triggerRef),\n      onPress: composeEventHandlers(onPress !== null && onPress !== void 0 ? onPress : void 0, activateOnPress),\n      ...isWeb && {\n        onKeyDown: composeEventHandlers(onKeyDown, activateOnKeyDown),\n        // emit the focus interaction before activating, matching the order\n        // the indicator animations were built against\n        onFocus: composeEventHandlers(onFocus, composeEventHandlers(function() {\n          if (layout) {\n            emitInteraction(\"focus\", layout);\n          }\n        }, activateOnFocus)),\n        onBlur: composeEventHandlers(onBlur, function() {\n          emitInteraction(\"focus\", null);\n        })\n      }\n    })\n  });\n});\nvar TabsContent = createStyledHOC(TabsContentFrame, function TabsContent2(props, forwardedRef) {\n  var { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n  var context = useTabsContext(__scopeTabs);\n  var { shouldMount, contentProps: headlessContentProps } = 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__ */ _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 = 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 } = useTabs({\n    value: valueProp,\n    onValueChange,\n    defaultValue,\n    orientation,\n    dir,\n    activationMode\n  });\n  return /* @__PURE__ */ _jsx(SizeContext.Provider, {\n    size,\n    children: /* @__PURE__ */ _jsx(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__ */ _jsx(TabsFrame, {\n        direction,\n        ...headlessTabsProps,\n        ...tabsProps,\n        ref: forwardedRef\n      })\n    })\n  });\n});\nvar Tabs2 = withStaticProperties(TabsComponent, {\n  Frame: TabsFrame,\n  List: TabsList,\n  Tab: TabsTab,\n  Content: TabsContent\n});\nexport {\n  Tabs2 as Tabs,\n  TabsContent,\n  TabsContentFrame,\n  TabsFrame,\n  TabsList,\n  TabsListFrame,\n  TabsTab,\n  TabsTabFrame\n};\n//# sourceMappingURL=Tabs.js.map\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.native.js","names":[],"sources":["esm/Tabs.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { composeRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { createStyledHOC, styled, View } from \"@tamagui/core\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { SizeContext } from \"@tamagui/size\";\nimport { useTab, useTabContent, useTabs, useTabsList } from \"@tamagui/tabs-headless\";\nimport { useEvent } from \"@tamagui/web\";\nimport * as React from \"react\";\nimport { TabsProvider, useTabsContext } from \"./StyledContext\";\nvar TABS_CONTEXT = \"TabsContext\";\nvar TabsFrame = styled(View, {\n  displayName: \"Tabs\",\n  context: SizeContext\n});\nvar TabsListFrame = styled(View, {\n  displayName: \"TabsList\",\n  context: SizeContext,\n  role: \"tablist\"\n});\nvar TabsTabFrame = styled(View, {\n  displayName: \"TabsTrigger\",\n  context: SizeContext,\n  role: \"tab\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar TabsContentFrame = styled(View, {\n  displayName: \"TabsContent\",\n  context: SizeContext\n});\nvar TabsListDisabledContext = /* @__PURE__ */ React.createContext(false);\nvar TabsList = createStyledHOC(TabsListFrame, function TabsList2(props, forwardedRef) {\n  var { __scopeTabs, loop = true, disabled = false, children, ...listProps } = props;\n  var context = useTabsContext(__scopeTabs);\n  var { listProps: headlessListProps } = useTabsList({\n    orientation: context.orientation,\n    disabled\n  });\n  return /* @__PURE__ */ _jsx(TabsListDisabledContext.Provider, {\n    value: disabled,\n    children: /* @__PURE__ */ _jsx(RovingFocusGroup, {\n      __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n      orientation: context.orientation,\n      dir: context.dir,\n      loop,\n      asChild: true,\n      children: /* @__PURE__ */ _jsx(TabsListFrame, {\n        ...headlessListProps,\n        flexDirection: context.orientation === \"vertical\" ? \"column\" : \"row\",\n        ref: forwardedRef,\n        ...listProps,\n        children\n      })\n    })\n  });\n});\nvar TabsTab = 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 = useTabsContext(__scopeTabs);\n  var listDisabled = React.useContext(TabsListDisabledContext);\n  var disabled = (disabledProp !== null && disabledProp !== void 0 ? disabledProp : listDisabled) === true;\n  var { isSelected, tabProps } = 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 = 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 || !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__ */ _jsx(RovingFocusGroup.Item, {\n    __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n    asChild: true,\n    tabIndex: disabled ? -1 : 0,\n    active: isSelected,\n    children: /* @__PURE__ */ _jsx(TabsTabFrame, {\n      onLayout: isWeb ? onLayout : composeEventHandlers(onLayout, function(event) {\n        setLayout(event.nativeEvent.layout);\n      }),\n      onMouseEnter: composeEventHandlers(onMouseEnter, function() {\n        if (layout) {\n          emitInteraction(\"hover\", layout);\n        }\n      }),\n      onMouseLeave: 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      style: [\n        triggerProps.style,\n        isSelected && activeStyle\n      ],\n      ref: composeRefs(forwardedRef, triggerRef),\n      onPress: composeEventHandlers(onPress !== null && onPress !== void 0 ? onPress : void 0, activateOnPress),\n      ...isWeb && {\n        onKeyDown: composeEventHandlers(onKeyDown, activateOnKeyDown),\n        // emit the focus interaction before activating, matching the order\n        // the indicator animations were built against\n        onFocus: composeEventHandlers(onFocus, composeEventHandlers(function() {\n          if (layout) {\n            emitInteraction(\"focus\", layout);\n          }\n        }, activateOnFocus)),\n        onBlur: composeEventHandlers(onBlur, function() {\n          emitInteraction(\"focus\", null);\n        })\n      }\n    })\n  });\n});\nvar TabsContent = createStyledHOC(TabsContentFrame, function TabsContent2(props, forwardedRef) {\n  var { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n  var context = useTabsContext(__scopeTabs);\n  var { shouldMount, contentProps: headlessContentProps } = 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__ */ _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 = 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 } = useTabs({\n    value: valueProp,\n    onValueChange,\n    defaultValue,\n    orientation,\n    dir,\n    activationMode\n  });\n  return /* @__PURE__ */ _jsx(SizeContext.Provider, {\n    size,\n    children: /* @__PURE__ */ _jsx(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__ */ _jsx(TabsFrame, {\n        direction,\n        ...headlessTabsProps,\n        ...tabsProps,\n        ref: forwardedRef\n      })\n    })\n  });\n});\nvar Tabs2 = withStaticProperties(TabsComponent, {\n  Frame: TabsFrame,\n  List: TabsList,\n  Tab: TabsTab,\n  Content: TabsContent\n});\nexport {\n  Tabs2 as Tabs,\n  TabsContent,\n  TabsContentFrame,\n  TabsFrame,\n  TabsList,\n  TabsListFrame,\n  TabsTab,\n  TabsTabFrame\n};\n//# sourceMappingURL=Tabs.js.map\n"],"mappings":"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"}

package/dist/jsx/Tabs.mjs

@@ -126,7 +126,7 @@ const TabsTab = createStyledHOC(TabsTabFrame, function TabsTab2(props, forwarded
 			theme: isSelected ? activeTheme ?? null : null,
 			size: context.size,
 			...triggerProps,
-			...isSelected && activeStyle,
+			style: [triggerProps.style, isSelected && activeStyle],
 			ref: composeRefs(forwardedRef, triggerRef),
 			onPress: composeEventHandlers(onPress ?? void 0, activateOnPress),
 			...isWeb && {

package/dist/jsx/Tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":[],"sources":["jsx/Tabs.js"],"sourcesContent":["import { composeRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { createStyledHOC, styled, View } from \"@tamagui/core\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { SizeContext } from \"@tamagui/size\";\nimport { useTab, useTabContent, useTabs, useTabsList } from \"@tamagui/tabs-headless\";\nimport { useEvent } from \"@tamagui/web\";\nimport * as React from \"react\";\nimport { TabsProvider, useTabsContext } from \"./StyledContext\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TABS_CONTEXT = \"TabsContext\";\nconst TabsFrame = styled(View, {\n  displayName: \"Tabs\",\n  context: SizeContext\n});\nconst TabsListFrame = styled(View, {\n  displayName: \"TabsList\",\n  context: SizeContext,\n  role: \"tablist\"\n});\nconst TabsTabFrame = styled(View, {\n  displayName: \"TabsTrigger\",\n  context: SizeContext,\n  role: \"tab\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nconst TabsContentFrame = styled(View, {\n  displayName: \"TabsContent\",\n  context: SizeContext\n});\nconst TabsListDisabledContext = React.createContext(false);\nconst TabsList = createStyledHOC(\n  TabsListFrame,\n  function TabsList2(props, forwardedRef) {\n    const { __scopeTabs, loop = true, disabled = false, children, ...listProps } = props;\n    const context = useTabsContext(__scopeTabs);\n    const { listProps: headlessListProps } = useTabsList({\n      orientation: context.orientation,\n      disabled\n    });\n    return /* @__PURE__ */ jsx(TabsListDisabledContext.Provider, { value: disabled, children: /* @__PURE__ */ jsx(\n      RovingFocusGroup,\n      {\n        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        asChild: true,\n        children: /* @__PURE__ */ jsx(\n          TabsListFrame,\n          {\n            ...headlessListProps,\n            flexDirection: context.orientation === \"vertical\" ? \"column\" : \"row\",\n            ref: forwardedRef,\n            ...listProps,\n            children\n          }\n        )\n      }\n    ) });\n  }\n);\nconst TabsTab = createStyledHOC(\n  TabsTabFrame,\n  function TabsTab2(props, forwardedRef) {\n    const {\n      __scopeTabs,\n      value,\n      disabled: disabledProp,\n      onInteraction,\n      activeStyle,\n      activeTheme,\n      onLayout,\n      onMouseEnter,\n      onMouseLeave,\n      onPress,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      ...triggerProps\n    } = props;\n    const context = useTabsContext(__scopeTabs);\n    const listDisabled = React.useContext(TabsListDisabledContext);\n    const disabled = (disabledProp ?? listDisabled) === true;\n    const { isSelected, tabProps } = useTab({\n      baseId: context.baseId,\n      value,\n      selectedValue: context.value,\n      disabled,\n      activationMode: context.activationMode,\n      onChange: context.onChange\n    });\n    const {\n      onPress: activateOnPress,\n      onKeyDown: activateOnKeyDown,\n      onFocus: activateOnFocus,\n      ...tabA11yProps\n    } = tabProps;\n    const [layout, setLayout] = React.useState(null);\n    const triggerRef = React.useRef(null);\n    const emitInteraction = useEvent(\n      (type, layout2) => {\n        onInteraction?.(type, layout2);\n      }\n    );\n    React.useEffect(() => {\n      context.registerTrigger();\n      return () => context.unregisterTrigger();\n    }, []);\n    React.useEffect(() => {\n      if (!triggerRef.current || !isWeb) return;\n      const element = triggerRef.current;\n      function updateTriggerSize() {\n        const next = {\n          width: element.offsetWidth,\n          height: element.offsetHeight,\n          x: element.offsetLeft,\n          y: element.offsetTop\n        };\n        setLayout(\n          (previous) => previous && previous.width === next.width && previous.height === next.height && previous.x === next.x && previous.y === next.y ? previous : next\n        );\n      }\n      updateTriggerSize();\n      const observer = new ResizeObserver(updateTriggerSize);\n      observer.observe(element);\n      return () => observer.disconnect();\n    }, [context.triggersCount]);\n    React.useEffect(() => {\n      if (isSelected && layout) {\n        emitInteraction(\"select\", layout);\n      }\n    }, [emitInteraction, isSelected, layout]);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n        asChild: true,\n        tabIndex: disabled ? -1 : 0,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          TabsTabFrame,\n          {\n            onLayout: isWeb ? onLayout : composeEventHandlers(onLayout, (event) => {\n              setLayout(event.nativeEvent.layout);\n            }),\n            onMouseEnter: composeEventHandlers(onMouseEnter, () => {\n              if (layout) {\n                emitInteraction(\"hover\", layout);\n              }\n            }),\n            onMouseLeave: composeEventHandlers(onMouseLeave, () => {\n              emitInteraction(\"hover\", null);\n            }),\n            ...tabA11yProps,\n            theme: isSelected ? activeTheme ?? null : null,\n            size: context.size,\n            ...triggerProps,\n            ...isSelected && activeStyle,\n            ref: composeRefs(forwardedRef, triggerRef),\n            onPress: composeEventHandlers(onPress ?? void 0, activateOnPress),\n            ...isWeb && {\n              onKeyDown: composeEventHandlers(onKeyDown, activateOnKeyDown),\n              // emit the focus interaction before activating, matching the order\n              // the indicator animations were built against\n              onFocus: composeEventHandlers(\n                onFocus,\n                composeEventHandlers(() => {\n                  if (layout) {\n                    emitInteraction(\"focus\", layout);\n                  }\n                }, activateOnFocus)\n              ),\n              onBlur: composeEventHandlers(onBlur, () => {\n                emitInteraction(\"focus\", null);\n              })\n            }\n          }\n        )\n      }\n    );\n  }\n);\nconst TabsContent = createStyledHOC(\n  TabsContentFrame,\n  function TabsContent2(props, forwardedRef) {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(__scopeTabs);\n    const { shouldMount, contentProps: headlessContentProps } = 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__ */ jsx(\n      TabsContentFrame,\n      {\n        ...headlessContentProps,\n        ...contentProps,\n        ref: forwardedRef,\n        children\n      },\n      value\n    );\n  }\n);\nconst TabsComponent = createStyledHOC(\n  TabsFrame,\n  function Tabs(props, forwardedRef) {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      size = true,\n      ...tabsProps\n    } = props;\n    const {\n      value,\n      setValue,\n      baseId,\n      direction,\n      triggersCount,\n      registerTrigger,\n      unregisterTrigger,\n      tabsProps: headlessTabsProps\n    } = useTabs({\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation,\n      dir,\n      activationMode\n    });\n    return /* @__PURE__ */ jsx(SizeContext.Provider, { size, children: /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\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__ */ jsx(\n          TabsFrame,\n          {\n            direction,\n            ...headlessTabsProps,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    ) });\n  }\n);\nconst Tabs2 = withStaticProperties(TabsComponent, {\n  Frame: TabsFrame,\n  List: TabsList,\n  Tab: TabsTab,\n  Content: TabsContent\n});\nexport {\n  Tabs2 as Tabs,\n  TabsContent,\n  TabsContentFrame,\n  TabsFrame,\n  TabsList,\n  TabsListFrame,\n  TabsTab,\n  TabsTabFrame\n};\n//# sourceMappingURL=Tabs.js.map\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","names":[],"sources":["jsx/Tabs.js"],"sourcesContent":["import { composeRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { createStyledHOC, styled, View } from \"@tamagui/core\";\nimport { composeEventHandlers, withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { SizeContext } from \"@tamagui/size\";\nimport { useTab, useTabContent, useTabs, useTabsList } from \"@tamagui/tabs-headless\";\nimport { useEvent } from \"@tamagui/web\";\nimport * as React from \"react\";\nimport { TabsProvider, useTabsContext } from \"./StyledContext\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TABS_CONTEXT = \"TabsContext\";\nconst TabsFrame = styled(View, {\n  displayName: \"Tabs\",\n  context: SizeContext\n});\nconst TabsListFrame = styled(View, {\n  displayName: \"TabsList\",\n  context: SizeContext,\n  role: \"tablist\"\n});\nconst TabsTabFrame = styled(View, {\n  displayName: \"TabsTrigger\",\n  context: SizeContext,\n  role: \"tab\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nconst TabsContentFrame = styled(View, {\n  displayName: \"TabsContent\",\n  context: SizeContext\n});\nconst TabsListDisabledContext = React.createContext(false);\nconst TabsList = createStyledHOC(\n  TabsListFrame,\n  function TabsList2(props, forwardedRef) {\n    const { __scopeTabs, loop = true, disabled = false, children, ...listProps } = props;\n    const context = useTabsContext(__scopeTabs);\n    const { listProps: headlessListProps } = useTabsList({\n      orientation: context.orientation,\n      disabled\n    });\n    return /* @__PURE__ */ jsx(TabsListDisabledContext.Provider, { value: disabled, children: /* @__PURE__ */ jsx(\n      RovingFocusGroup,\n      {\n        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        asChild: true,\n        children: /* @__PURE__ */ jsx(\n          TabsListFrame,\n          {\n            ...headlessListProps,\n            flexDirection: context.orientation === \"vertical\" ? \"column\" : \"row\",\n            ref: forwardedRef,\n            ...listProps,\n            children\n          }\n        )\n      }\n    ) });\n  }\n);\nconst TabsTab = createStyledHOC(\n  TabsTabFrame,\n  function TabsTab2(props, forwardedRef) {\n    const {\n      __scopeTabs,\n      value,\n      disabled: disabledProp,\n      onInteraction,\n      activeStyle,\n      activeTheme,\n      onLayout,\n      onMouseEnter,\n      onMouseLeave,\n      onPress,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      ...triggerProps\n    } = props;\n    const context = useTabsContext(__scopeTabs);\n    const listDisabled = React.useContext(TabsListDisabledContext);\n    const disabled = (disabledProp ?? listDisabled) === true;\n    const { isSelected, tabProps } = useTab({\n      baseId: context.baseId,\n      value,\n      selectedValue: context.value,\n      disabled,\n      activationMode: context.activationMode,\n      onChange: context.onChange\n    });\n    const {\n      onPress: activateOnPress,\n      onKeyDown: activateOnKeyDown,\n      onFocus: activateOnFocus,\n      ...tabA11yProps\n    } = tabProps;\n    const [layout, setLayout] = React.useState(null);\n    const triggerRef = React.useRef(null);\n    const emitInteraction = useEvent(\n      (type, layout2) => {\n        onInteraction?.(type, layout2);\n      }\n    );\n    React.useEffect(() => {\n      context.registerTrigger();\n      return () => context.unregisterTrigger();\n    }, []);\n    React.useEffect(() => {\n      if (!triggerRef.current || !isWeb) return;\n      const element = triggerRef.current;\n      function updateTriggerSize() {\n        const next = {\n          width: element.offsetWidth,\n          height: element.offsetHeight,\n          x: element.offsetLeft,\n          y: element.offsetTop\n        };\n        setLayout(\n          (previous) => previous && previous.width === next.width && previous.height === next.height && previous.x === next.x && previous.y === next.y ? previous : next\n        );\n      }\n      updateTriggerSize();\n      const observer = new ResizeObserver(updateTriggerSize);\n      observer.observe(element);\n      return () => observer.disconnect();\n    }, [context.triggersCount]);\n    React.useEffect(() => {\n      if (isSelected && layout) {\n        emitInteraction(\"select\", layout);\n      }\n    }, [emitInteraction, isSelected, layout]);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,\n        asChild: true,\n        tabIndex: disabled ? -1 : 0,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          TabsTabFrame,\n          {\n            onLayout: isWeb ? onLayout : composeEventHandlers(onLayout, (event) => {\n              setLayout(event.nativeEvent.layout);\n            }),\n            onMouseEnter: composeEventHandlers(onMouseEnter, () => {\n              if (layout) {\n                emitInteraction(\"hover\", layout);\n              }\n            }),\n            onMouseLeave: composeEventHandlers(onMouseLeave, () => {\n              emitInteraction(\"hover\", null);\n            }),\n            ...tabA11yProps,\n            theme: isSelected ? activeTheme ?? null : null,\n            size: context.size,\n            ...triggerProps,\n            style: [triggerProps.style, isSelected && activeStyle],\n            ref: composeRefs(forwardedRef, triggerRef),\n            onPress: composeEventHandlers(onPress ?? void 0, activateOnPress),\n            ...isWeb && {\n              onKeyDown: composeEventHandlers(onKeyDown, activateOnKeyDown),\n              // emit the focus interaction before activating, matching the order\n              // the indicator animations were built against\n              onFocus: composeEventHandlers(\n                onFocus,\n                composeEventHandlers(() => {\n                  if (layout) {\n                    emitInteraction(\"focus\", layout);\n                  }\n                }, activateOnFocus)\n              ),\n              onBlur: composeEventHandlers(onBlur, () => {\n                emitInteraction(\"focus\", null);\n              })\n            }\n          }\n        )\n      }\n    );\n  }\n);\nconst TabsContent = createStyledHOC(\n  TabsContentFrame,\n  function TabsContent2(props, forwardedRef) {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(__scopeTabs);\n    const { shouldMount, contentProps: headlessContentProps } = 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__ */ jsx(\n      TabsContentFrame,\n      {\n        ...headlessContentProps,\n        ...contentProps,\n        ref: forwardedRef,\n        children\n      },\n      value\n    );\n  }\n);\nconst TabsComponent = createStyledHOC(\n  TabsFrame,\n  function Tabs(props, forwardedRef) {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      size = true,\n      ...tabsProps\n    } = props;\n    const {\n      value,\n      setValue,\n      baseId,\n      direction,\n      triggersCount,\n      registerTrigger,\n      unregisterTrigger,\n      tabsProps: headlessTabsProps\n    } = useTabs({\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation,\n      dir,\n      activationMode\n    });\n    return /* @__PURE__ */ jsx(SizeContext.Provider, { size, children: /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\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__ */ jsx(\n          TabsFrame,\n          {\n            direction,\n            ...headlessTabsProps,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    ) });\n  }\n);\nconst Tabs2 = withStaticProperties(TabsComponent, {\n  Frame: TabsFrame,\n  List: TabsList,\n  Tab: TabsTab,\n  Content: TabsContent\n});\nexport {\n  Tabs2 as Tabs,\n  TabsContent,\n  TabsContentFrame,\n  TabsFrame,\n  TabsList,\n  TabsListFrame,\n  TabsTab,\n  TabsTabFrame\n};\n//# sourceMappingURL=Tabs.js.map\n"],"mappings":"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"}

package/dist/jsx/Tabs.native.cjs

@@ -171,7 +171,7 @@ var TabsTab = (0, import_core.createStyledHOC)(TabsTabFrame, function TabsTab2(p
 			theme: isSelected ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
 			size: context.size,
 			...triggerProps,
-			...isSelected && activeStyle,
+			style: [triggerProps.style, 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 && {

package/dist/jsx/Tabs.native.js

@@ -171,7 +171,7 @@ var TabsTab = (0, import_core.createStyledHOC)(TabsTabFrame, function TabsTab2(p
 			theme: isSelected ? activeTheme !== null && activeTheme !== void 0 ? activeTheme : null : null,
 			size: context.size,
 			...triggerProps,
-			...isSelected && activeStyle,
+			style: [triggerProps.style, 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 && {

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.native.js","names":[],"sources":["jsx/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) === true;\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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"}
+{"version":3,"file":"Tabs.native.js","names":[],"sources":["jsx/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) === true;\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      style: [\n        triggerProps.style,\n        isSelected && activeStyle\n      ],\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/tabs",
-  "version": "3.0.0-beta.831.1",
+  "version": "3.0.0-beta.889.1",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -35,17 +35,17 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "3.0.0-beta.831.1",
-    "@tamagui/constants": "3.0.0-beta.831.1",
-    "@tamagui/core": "3.0.0-beta.831.1",
-    "@tamagui/helpers": "3.0.0-beta.831.1",
-    "@tamagui/roving-focus": "3.0.0-beta.831.1",
-    "@tamagui/size": "3.0.0-beta.831.1",
-    "@tamagui/tabs-headless": "3.0.0-beta.831.1",
-    "@tamagui/web": "3.0.0-beta.831.1"
+    "@tamagui/compose-refs": "3.0.0-beta.889.1",
+    "@tamagui/constants": "3.0.0-beta.889.1",
+    "@tamagui/core": "3.0.0-beta.889.1",
+    "@tamagui/helpers": "3.0.0-beta.889.1",
+    "@tamagui/roving-focus": "3.0.0-beta.889.1",
+    "@tamagui/size": "3.0.0-beta.889.1",
+    "@tamagui/tabs-headless": "3.0.0-beta.889.1",
+    "@tamagui/web": "3.0.0-beta.889.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.831.1",
+    "@tamagui/build": "3.0.0-beta.889.1",
     "react": "19.2.3",
     "react-native": "0.86.2"
   },

package/src/Tabs.tsx

@@ -5,7 +5,7 @@ import { composeEventHandlers, withStaticProperties } from '@tamagui/helpers'
 import { RovingFocusGroup, type RovingFocusGroupProps } from '@tamagui/roving-focus'
 import { SizeContext, type TokenSize } from '@tamagui/size'
 import { useTab, useTabContent, useTabs, useTabsList } from '@tamagui/tabs-headless'
-import type { GetProps, TamaguiElement } from '@tamagui/web'
+import type { GetProps, StylePiece, TamaguiElement } from '@tamagui/web'
 import { useEvent } from '@tamagui/web'
 import * as React from 'react'
 import type { LayoutRectangle } from 'react-native'
@@ -95,7 +95,7 @@ type TabsTabExtraProps = TabsScopeProps & {
   /** Reports the measured trigger rectangle for custom indicators. */
   onInteraction?: (type: InteractionType, layout: TabLayout | null) => void
   /** Custom styles to apply while this trigger is selected. */
-  activeStyle?: GetProps<typeof TabsTabFrame>
+  activeStyle?: StylePiece
   /** Theme to apply while this trigger is selected. */
   activeTheme?: string | null
 }
@@ -261,7 +261,7 @@ export const TabsTab = createStyledHOC(
           size={context.size}
           {...triggerProps}
           // after triggerProps so active styles beat base styles from styled() skins
-          {...(isSelected && activeStyle)}
+          style={[triggerProps.style, isSelected && activeStyle]}
           ref={composeRefs(forwardedRef, triggerRef)}
           onPress={composeEventHandlers(onPress ?? undefined, activateOnPress as any)}
           {...(isWeb && {

package/types/Tabs.d.ts

@@ -1,6 +1,6 @@
 import { type RovingFocusGroupProps } from '@tamagui/roving-focus';
 import { type TokenSize } from '@tamagui/size';
-import type { GetProps, TamaguiElement } from '@tamagui/web';
+import type { GetProps, StylePiece, TamaguiElement } from '@tamagui/web';
 import * as React from 'react';
 import type { LayoutRectangle } from 'react-native';
 export declare const TabsFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
@@ -95,7 +95,7 @@ type TabsTabExtraProps = TabsScopeProps & {
     /** Reports the measured trigger rectangle for custom indicators. */
     onInteraction?: (type: InteractionType, layout: TabLayout | null) => void;
     /** Custom styles to apply while this trigger is selected. */
-    activeStyle?: GetProps<typeof TabsTabFrame>;
+    activeStyle?: StylePiece;
     /** Theme to apply while this trigger is selected. */
     activeTheme?: string | null;
 };
@@ -116,7 +116,7 @@ export declare const TabsList: import("@tamagui/web").TamaguiComponent<Omit<impo
     loop?: boolean;
     /** Disables every trigger in the list. */
     disabled?: boolean;
-}, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
+}, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
     size?: TokenSize | undefined;
 }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & TabsScopeProps & {
     /** Whether keyboard navigation loops after the first or last trigger. */
@@ -138,10 +138,10 @@ export declare const TabsTab: import("@tamagui/web").TamaguiComponent<Omit<impor
     /** Reports the measured trigger rectangle for custom indicators. */
     onInteraction?: (type: InteractionType, layout: TabLayout | null) => void;
     /** Custom styles to apply while this trigger is selected. */
-    activeStyle?: GetProps<typeof TabsTabFrame>;
+    activeStyle?: StylePiece;
     /** Theme to apply while this trigger is selected. */
     activeTheme?: string | null;
-}, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "disabled" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
+}, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "disabled" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
     disabled?: boolean | undefined;
     size?: TokenSize | undefined;
 }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & TabsScopeProps & {
@@ -150,7 +150,7 @@ export declare const TabsTab: import("@tamagui/web").TamaguiComponent<Omit<impor
     /** Reports the measured trigger rectangle for custom indicators. */
     onInteraction?: (type: InteractionType, layout: TabLayout | null) => void;
     /** Custom styles to apply while this trigger is selected. */
-    activeStyle?: GetProps<typeof TabsTabFrame>;
+    activeStyle?: StylePiece;
     /** Theme to apply while this trigger is selected. */
     activeTheme?: string | null;
 }, import("@tamagui/web").StackStyleBase, {
@@ -166,7 +166,7 @@ export declare const TabsContent: import("@tamagui/web").TamaguiComponent<Omit<i
     value: string;
     /** Mounts the content even when its value is not selected. */
     forceMount?: boolean;
-}, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
+}, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
     size?: TokenSize | undefined;
 }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & TabsScopeProps & {
     /** The value that selects this content. */
@@ -204,7 +204,7 @@ export declare const Tabs: React.FunctionComponent<Omit<import("@tamagui/web").G
      */
     activationMode?: 'automatic' | 'manual';
 } & {
-    ref?: React.Ref<import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods)> | undefined;
+    ref?: React.Ref<TamaguiElement> | undefined;
 }> & import("@tamagui/web").StaticComponentObject<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
     size?: TokenSize | undefined;
 }>, "__scopeTabs" | "activationMode" | "defaultValue" | "dir" | "onValueChange" | "orientation" | "size" | "value" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/web").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
@@ -232,7 +232,7 @@ export declare const Tabs: React.FunctionComponent<Omit<import("@tamagui/web").G
      * @defaultValue automatic
      */
     activationMode?: 'automatic' | 'manual';
-}, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
+}, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
     size?: TokenSize | undefined;
 }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & TabsScopeProps & {
     /** The value for the selected tab, if controlled */
@@ -287,7 +287,7 @@ export declare const Tabs: React.FunctionComponent<Omit<import("@tamagui/web").G
          * @defaultValue automatic
          */
         activationMode?: 'automatic' | 'manual';
-    }, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
+    }, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
         size?: TokenSize | undefined;
     }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & TabsScopeProps & {
         /** The value for the selected tab, if controlled */
@@ -336,7 +336,7 @@ export declare const Tabs: React.FunctionComponent<Omit<import("@tamagui/web").G
         loop?: boolean;
         /** Disables every trigger in the list. */
         disabled?: boolean;
-    }, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
+    }, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
         size?: TokenSize | undefined;
     }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & TabsScopeProps & {
         /** Whether keyboard navigation loops after the first or last trigger. */
@@ -358,10 +358,10 @@ export declare const Tabs: React.FunctionComponent<Omit<import("@tamagui/web").G
         /** Reports the measured trigger rectangle for custom indicators. */
         onInteraction?: (type: InteractionType, layout: TabLayout | null) => void;
         /** Custom styles to apply while this trigger is selected. */
-        activeStyle?: GetProps<typeof TabsTabFrame>;
+        activeStyle?: StylePiece;
         /** Theme to apply while this trigger is selected. */
         activeTheme?: string | null;
-    }, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "disabled" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
+    }, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "disabled" | "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
         disabled?: boolean | undefined;
         size?: TokenSize | undefined;
     }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & TabsScopeProps & {
@@ -370,7 +370,7 @@ export declare const Tabs: React.FunctionComponent<Omit<import("@tamagui/web").G
         /** Reports the measured trigger rectangle for custom indicators. */
         onInteraction?: (type: InteractionType, layout: TabLayout | null) => void;
         /** Custom styles to apply while this trigger is selected. */
-        activeStyle?: GetProps<typeof TabsTabFrame>;
+        activeStyle?: StylePiece;
         /** Theme to apply while this trigger is selected. */
         activeTheme?: string | null;
     }, import("@tamagui/web").StackStyleBase, {
@@ -386,7 +386,7 @@ export declare const Tabs: React.FunctionComponent<Omit<import("@tamagui/web").G
         value: string;
         /** Mounts the content even when its value is not selected. */
         forceMount?: boolean;
-    }, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
+    }, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
         size?: TokenSize | undefined;
     }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & TabsScopeProps & {
         /** The value that selects this content. */

package/types/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"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"}