tamagui 1.75.2 → 1.75.4

package/dist/native.js

@@ -18129,6 +18129,16 @@ var require_Tabs_native = __commonJS({
             pointerEvents: "none"
           }
         },
+        active: {
+          true: {
+            hoverStyle: {
+              backgroundColor: "$background"
+            },
+            focusStyle: {
+              backgroundColor: "$background"
+            }
+          }
+        },
         unstyled: {
           false: {
             backgroundColor: "$background",
@@ -18258,63 +18268,58 @@ var require_Tabs_native = __commonJS({
       }
     ), TABS_NAME = "Tabs", { Provider: TabsProvider, useStyledContext: useTabsContext } = (0, import_web.createStyledContext)(), TabsFrame = (0, import_web.styled)(import_stacks3.SizableStack, {
       name: TABS_NAME
-    }), Tabs = (0, import_web.withStaticProperties)(
-      TabsFrame.extractable(
-        React2.forwardRef(
-          (props, forwardedRef) => {
-            let {
-              __scopeTabs,
-              value: valueProp,
-              onValueChange,
-              defaultValue,
-              orientation = "horizontal",
-              dir,
-              activationMode = "automatic",
-              size: size2 = "$true",
-              ...tabsProps
-            } = props, direction = (0, import_use_direction.useDirection)(dir), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
-              prop: valueProp,
-              onChange: onValueChange,
-              defaultProp: defaultValue ?? ""
-            }), [triggersCount, setTriggersCount] = React2.useState(0), registerTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v + 1)), unregisterTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v - 1));
-            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              TabsProvider,
+    }), TabsComponent = TabsFrame.styleable(
+      (props, forwardedRef) => {
+        let {
+          __scopeTabs,
+          value: valueProp,
+          onValueChange,
+          defaultValue,
+          orientation = "horizontal",
+          dir,
+          activationMode = "automatic",
+          size: size2 = "$true",
+          ...tabsProps
+        } = props, direction = (0, import_use_direction.useDirection)(dir), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+          prop: valueProp,
+          onChange: onValueChange,
+          defaultProp: defaultValue ?? ""
+        }), [triggersCount, setTriggersCount] = React2.useState(0), registerTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v + 1)), unregisterTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v - 1));
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          TabsProvider,
+          {
+            scope: __scopeTabs,
+            baseId: React2.useId(),
+            value,
+            onChange: setValue,
+            orientation,
+            dir: direction,
+            activationMode,
+            size: size2,
+            registerTrigger,
+            triggersCount,
+            unregisterTrigger,
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              TabsFrame,
               {
-                scope: __scopeTabs,
-                baseId: React2.useId(),
-                value,
-                onChange: setValue,
-                orientation,
-                dir: direction,
-                activationMode,
-                size: size2,
-                registerTrigger,
-                triggersCount,
-                unregisterTrigger,
-                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  TabsFrame,
-                  {
-                    direction,
-                    "data-orientation": orientation,
-                    ...tabsProps,
-                    ref: forwardedRef
-                  }
-                )
+                direction,
+                "data-orientation": orientation,
+                ...tabsProps,
+                ref: forwardedRef
               }
-            );
+            )
           }
-        )
-      ),
-      {
-        List: TabsList,
-        /**
-         * @deprecated Use Tabs.Tab instead
-         */
-        Trigger: TabsTrigger,
-        Tab: TabsTrigger,
-        Content: TabsContent
+        );
       }
-    );
+    ), Tabs = (0, import_web.withStaticProperties)(TabsComponent, {
+      List: TabsList,
+      /**
+       * @deprecated Use Tabs.Tab instead
+       */
+      Trigger: TabsTrigger,
+      Tab: TabsTrigger,
+      Content: TabsContent
+    });
     Tabs.displayName = TABS_NAME;
     function makeTriggerId(baseId, value) {
       return `${baseId}-trigger-${value}`;