@tamagui/tabs 1.125.34 → 1.126.0

package/dist/cjs/StyledContext.cjs

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var StyledContext_exports = {};
+__export(StyledContext_exports, {
+  TabsProvider: () => TabsProvider,
+  useTabsContext: () => useTabsContext
+});
+module.exports = __toCommonJS(StyledContext_exports);
+var import_core = require("@tamagui/core");
+const {
+  Provider: TabsProvider,
+  useStyledContext: useTabsContext
+} = (0, import_core.createStyledContext)();

package/dist/cjs/StyledContext.js

@@ -0,0 +1,23 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var StyledContext_exports = {};
+__export(StyledContext_exports, {
+  TabsProvider: () => TabsProvider,
+  useTabsContext: () => useTabsContext
+});
+module.exports = __toCommonJS(StyledContext_exports);
+var import_core = require("@tamagui/core");
+const { Provider: TabsProvider, useStyledContext: useTabsContext } = (0, import_core.createStyledContext)();
+//# sourceMappingURL=StyledContext.js.map

package/dist/cjs/StyledContext.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/StyledContext.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAoC;AAgB7B,MAAM,EAAE,UAAU,cAAc,kBAAkB,eAAe,QACtE,iCAAsC;",
+  "names": []
+}

package/dist/cjs/StyledContext.native.js

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var StyledContext_exports = {};
+__export(StyledContext_exports, {
+  TabsProvider: () => TabsProvider,
+  useTabsContext: () => useTabsContext
+});
+module.exports = __toCommonJS(StyledContext_exports);
+var import_core = require("@tamagui/core"), { Provider: TabsProvider, useStyledContext: useTabsContext } = (0, import_core.createStyledContext)();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TabsProvider,
+  useTabsContext
+});
+//# sourceMappingURL=StyledContext.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/StyledContext.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AACA;;;;;;kBAAoC,0BAgBvB,EAAEA,UAAUC,cAAcC,kBAAkBC,eAAc,QACrEC,iCAAAA;",
+  "names": ["Provider", "TabsProvider", "useStyledContext", "useTabsContext", "createStyledContext"]
+}

package/dist/cjs/Tabs.cjs

@@ -1,9 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
     for (var name in all) __defProp(target, name, {
       get: all[name],
@@ -17,66 +15,25 @@ var __export = (target, all) => {
     });
     return to;
   };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
 var Tabs_exports = {};
 __export(Tabs_exports, {
-  Tabs: () => Tabs2,
-  useTabsContext: () => useTabsContext
+  DefaultTabsContentFrame: () => DefaultTabsContentFrame,
+  DefaultTabsFrame: () => DefaultTabsFrame,
+  DefaultTabsTabFrame: () => DefaultTabsTabFrame
 });
 module.exports = __toCommonJS(Tabs_exports);
-var import_compose_refs = require("@tamagui/compose-refs"),
-  import_constants = require("@tamagui/constants"),
-  import_get_button_sized = require("@tamagui/get-button-sized"),
-  import_group = require("@tamagui/group"),
-  import_helpers = require("@tamagui/helpers"),
-  import_roving_focus = require("@tamagui/roving-focus"),
+var import_core = require("@tamagui/core"),
   import_stacks = require("@tamagui/stacks"),
-  import_use_controllable_state = require("@tamagui/use-controllable-state"),
-  import_use_direction = require("@tamagui/use-direction"),
-  import_web = require("@tamagui/web"),
-  React = __toESM(require("react")),
-  import_jsx_runtime = require("react/jsx-runtime");
-const TABS_CONTEXT = "TabsContext",
-  TAB_LIST_NAME = "TabsList",
-  TabsList = React.forwardRef((props, forwardedRef) => {
-    const {
-        __scopeTabs,
-        loop = !0,
-        children,
-        ...listProps
-      } = props,
-      context = useTabsContext(__scopeTabs);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
-      __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
-      orientation: context.orientation,
-      dir: context.dir,
-      loop,
-      asChild: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_group.Group, {
-        role: "tablist",
-        componentName: TAB_LIST_NAME,
-        "aria-orientation": context.orientation,
-        ref: forwardedRef,
-        orientation: context.orientation,
-        ...listProps,
-        children
-      })
-    });
-  });
-TabsList.displayName = TAB_LIST_NAME;
-const TRIGGER_NAME = "TabsTrigger",
-  TabsTriggerFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+  import_get_button_sized = require("@tamagui/get-button-sized");
+const TABS_NAME = "Tabs",
+  DefaultTabsFrame = (0, import_core.styled)(import_stacks.SizableStack, {
+    name: TABS_NAME
+  }),
+  TRIGGER_NAME = "TabsTrigger",
+  DefaultTabsTabFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
     name: TRIGGER_NAME,
     tag: "button",
     variants: {
@@ -124,188 +81,7 @@ const TRIGGER_NAME = "TabsTrigger",
       unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
   }),
-  TabsTrigger = TabsTriggerFrame.styleable((props, forwardedRef) => {
-    const {
-        __scopeTabs,
-        value,
-        disabled = !1,
-        onInteraction,
-        disableActiveTheme,
-        ...triggerProps
-      } = props,
-      context = useTabsContext(__scopeTabs),
-      triggerId = makeTriggerId(context.baseId, value),
-      contentId = makeContentId(context.baseId, value),
-      isSelected = value === context.value,
-      [layout, setLayout] = React.useState(null),
-      triggerRef = React.useRef(null),
-      groupItemProps = (0, import_group.useGroupItem)({
-        disabled: !!disabled
-      });
-    return React.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React.useEffect(() => {
-      if (!triggerRef.current || !import_constants.isWeb) return;
-      function getTriggerSize() {
-        triggerRef.current && setLayout({
-          width: triggerRef.current.offsetWidth,
-          height: triggerRef.current.offsetHeight,
-          x: triggerRef.current.offsetLeft,
-          y: triggerRef.current.offsetTop
-        });
-      }
-      getTriggerSize();
-      const observer = new ResizeObserver(getTriggerSize);
-      return observer.observe(triggerRef.current), () => {
-        triggerRef.current && observer.unobserve(triggerRef.current);
-      };
-    }, [context.triggersCount]), React.useEffect(() => {
-      isSelected && layout && onInteraction?.("select", layout);
-    }, [isSelected, value, layout]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_web.Theme, {
-      name: isSelected && !disableActiveTheme ? "active" : null,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
-        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
-        asChild: !0,
-        focusable: !disabled,
-        active: isSelected,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsTriggerFrame, {
-          onLayout: event => {
-            import_constants.isWeb || setLayout(event.nativeEvent.layout);
-          },
-          onHoverIn: (0, import_helpers.composeEventHandlers)(props.onHoverIn, () => {
-            layout && onInteraction?.("hover", layout);
-          }),
-          onHoverOut: (0, import_helpers.composeEventHandlers)(props.onHoverOut, () => {
-            onInteraction?.("hover", null);
-          }),
-          role: "tab",
-          "aria-selected": isSelected,
-          "aria-controls": contentId,
-          "data-state": isSelected ? "active" : "inactive",
-          "data-disabled": disabled ? "" : void 0,
-          disabled,
-          id: triggerId,
-          ...(!props.unstyled && {
-            size: context.size
-          }),
-          ...(isSelected && {
-            forceStyle: "focus"
-          }),
-          ...groupItemProps,
-          ...triggerProps,
-          ref: (0, import_compose_refs.composeRefs)(forwardedRef, triggerRef),
-          onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, event => {
-            const webChecks = !import_constants.isWeb || event.button === 0 && event.ctrlKey === !1;
-            !disabled && !isSelected && webChecks ? context.onChange(value) : event.preventDefault();
-          }),
-          ...(import_constants.isWeb && {
-            type: "button",
-            onKeyDown: (0, import_helpers.composeEventHandlers)(props.onKeyDown, event => {
-              [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
-            }),
-            onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, event => {
-              layout && onInteraction?.("focus", layout);
-              const isAutomaticActivation = context.activationMode !== "manual";
-              !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
-            }),
-            onBlur: (0, import_helpers.composeEventHandlers)(props.onFocus, () => {
-              onInteraction?.("focus", null);
-            })
-          })
-        })
-      })
-    });
-  });
-TabsTrigger.displayName = TRIGGER_NAME;
-const CONTENT_NAME = "TabsContent",
-  TabsContentFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+  CONTENT_NAME = "TabsContent",
+  DefaultTabsContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
     name: CONTENT_NAME
-  }),
-  TabsContent = TabsContentFrame.styleable(function (props, forwardedRef) {
-    const {
-        __scopeTabs,
-        value,
-        forceMount,
-        children,
-        ...contentProps
-      } = props,
-      context = useTabsContext(__scopeTabs),
-      isSelected = value === context.value,
-      show = forceMount || isSelected,
-      triggerId = makeTriggerId(context.baseId, value),
-      contentId = makeContentId(context.baseId, value);
-    return show ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContentFrame, {
-      "data-state": isSelected ? "active" : "inactive",
-      "data-orientation": context.orientation,
-      role: "tabpanel",
-      "aria-labelledby": triggerId,
-      hidden: !show,
-      id: contentId,
-      tabIndex: 0,
-      ...contentProps,
-      ref: forwardedRef,
-      children
-    }, value) : null;
-  }),
-  TABS_NAME = "Tabs",
-  {
-    Provider: TabsProvider,
-    useStyledContext: useTabsContext
-  } = (0, import_web.createStyledContext)(),
-  TabsFrame = (0, import_web.styled)(import_stacks.SizableStack, {
-    name: TABS_NAME
-  }),
-  TabsComponent = TabsFrame.styleable(function (props, forwardedRef) {
-    const {
-        __scopeTabs,
-        value: valueProp,
-        onValueChange,
-        defaultValue,
-        orientation = "horizontal",
-        dir,
-        activationMode = "automatic",
-        size = "$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] = React.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_runtime.jsx)(TabsProvider, {
-      scope: __scopeTabs,
-      baseId: React.useId(),
-      value,
-      onChange: setValue,
-      orientation,
-      dir: direction,
-      activationMode,
-      size,
-      registerTrigger,
-      triggersCount,
-      unregisterTrigger,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsFrame, {
-        direction,
-        "data-orientation": orientation,
-        ...tabsProps,
-        ref: forwardedRef
-      })
-    });
-  }),
-  Tabs2 = (0, import_helpers.withStaticProperties)(TabsComponent, {
-    List: TabsList,
-    /**
-     * @deprecated Use Tabs.Tab instead
-     */
-    Trigger: TabsTrigger,
-    Tab: TabsTrigger,
-    Content: TabsContent
-  });
-function makeTriggerId(baseId, value) {
-  return `${baseId}-trigger-${value}`;
-}
-function makeContentId(baseId, value) {
-  return `${baseId}-content-${value}`;
-}
+  });

package/dist/cjs/Tabs.js

@@ -1,8 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,50 +11,18 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var Tabs_exports = {};
 __export(Tabs_exports, {
-  Tabs: () => Tabs2,
-  useTabsContext: () => useTabsContext
+  DefaultTabsContentFrame: () => DefaultTabsContentFrame,
+  DefaultTabsFrame: () => DefaultTabsFrame,
+  DefaultTabsTabFrame: () => DefaultTabsTabFrame
 });
 module.exports = __toCommonJS(Tabs_exports);
-var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_get_button_sized = require("@tamagui/get-button-sized"), import_group = require("@tamagui/group"), import_helpers = require("@tamagui/helpers"), import_roving_focus = require("@tamagui/roving-focus"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
-const TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsList = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(__scopeTabs);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_roving_focus.RovingFocusGroup,
-      {
-        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
-        orientation: context.orientation,
-        dir: context.dir,
-        loop,
-        asChild: !0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_group.Group,
-          {
-            role: "tablist",
-            componentName: TAB_LIST_NAME,
-            "aria-orientation": context.orientation,
-            ref: forwardedRef,
-            orientation: context.orientation,
-            ...listProps,
-            children
-          }
-        )
-      }
-    );
-  }
-);
-TabsList.displayName = TAB_LIST_NAME;
-const TRIGGER_NAME = "TabsTrigger", TabsTriggerFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), import_get_button_sized = require("@tamagui/get-button-sized");
+const TABS_NAME = "Tabs", DefaultTabsFrame = (0, import_core.styled)(import_stacks.SizableStack, {
+  name: TABS_NAME
+}), TRIGGER_NAME = "TabsTrigger", DefaultTabsTabFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
   name: TRIGGER_NAME,
   tag: "button",
   variants: {
@@ -102,174 +69,7 @@ const TRIGGER_NAME = "TabsTrigger", TabsTriggerFrame = (0, import_web.styled)(im
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
-}), TabsTrigger = TabsTriggerFrame.styleable(
-  (props, forwardedRef) => {
-    const {
-      __scopeTabs,
-      value,
-      disabled = !1,
-      onInteraction,
-      disableActiveTheme,
-      ...triggerProps
-    } = props, context = useTabsContext(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React.useState(null), triggerRef = React.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled: !!disabled });
-    return React.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React.useEffect(() => {
-      if (!triggerRef.current || !import_constants.isWeb) return;
-      function getTriggerSize() {
-        triggerRef.current && setLayout({
-          width: triggerRef.current.offsetWidth,
-          height: triggerRef.current.offsetHeight,
-          x: triggerRef.current.offsetLeft,
-          y: triggerRef.current.offsetTop
-        });
-      }
-      getTriggerSize();
-      const observer = new ResizeObserver(getTriggerSize);
-      return observer.observe(triggerRef.current), () => {
-        triggerRef.current && observer.unobserve(triggerRef.current);
-      };
-    }, [context.triggersCount]), React.useEffect(() => {
-      isSelected && layout && onInteraction?.("select", layout);
-    }, [isSelected, value, layout]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Theme, { name: isSelected && !disableActiveTheme ? "active" : null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_roving_focus.RovingFocusGroup.Item,
-      {
-        __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
-        asChild: !0,
-        focusable: !disabled,
-        active: isSelected,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          TabsTriggerFrame,
-          {
-            onLayout: (event) => {
-              import_constants.isWeb || setLayout(event.nativeEvent.layout);
-            },
-            onHoverIn: (0, import_helpers.composeEventHandlers)(props.onHoverIn, () => {
-              layout && onInteraction?.("hover", layout);
-            }),
-            onHoverOut: (0, import_helpers.composeEventHandlers)(props.onHoverOut, () => {
-              onInteraction?.("hover", null);
-            }),
-            role: "tab",
-            "aria-selected": isSelected,
-            "aria-controls": contentId,
-            "data-state": isSelected ? "active" : "inactive",
-            "data-disabled": disabled ? "" : void 0,
-            disabled,
-            id: triggerId,
-            ...!props.unstyled && {
-              size: context.size
-            },
-            ...isSelected && {
-              forceStyle: "focus"
-            },
-            ...groupItemProps,
-            ...triggerProps,
-            ref: (0, import_compose_refs.composeRefs)(forwardedRef, triggerRef),
-            onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, (event) => {
-              const webChecks = !import_constants.isWeb || event.button === 0 && event.ctrlKey === !1;
-              !disabled && !isSelected && webChecks ? context.onChange(value) : event.preventDefault();
-            }),
-            ...import_constants.isWeb && {
-              type: "button",
-              onKeyDown: (0, import_helpers.composeEventHandlers)(
-                props.onKeyDown,
-                (event) => {
-                  [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
-                }
-              ),
-              onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, (event) => {
-                layout && onInteraction?.("focus", layout);
-                const isAutomaticActivation = context.activationMode !== "manual";
-                !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
-              }),
-              onBlur: (0, import_helpers.composeEventHandlers)(props.onFocus, () => {
-                onInteraction?.("focus", null);
-              })
-            }
-          }
-        )
-      }
-    ) });
-  }
-);
-TabsTrigger.displayName = TRIGGER_NAME;
-const CONTENT_NAME = "TabsContent", TabsContentFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
+}), CONTENT_NAME = "TabsContent", DefaultTabsContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
   name: CONTENT_NAME
-}), TabsContent = TabsContentFrame.styleable(
-  function(props, forwardedRef) {
-    const { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = useTabsContext(__scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
-    return show ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      TabsContentFrame,
-      {
-        "data-state": isSelected ? "active" : "inactive",
-        "data-orientation": context.orientation,
-        role: "tabpanel",
-        "aria-labelledby": triggerId,
-        hidden: !show,
-        id: contentId,
-        tabIndex: 0,
-        ...contentProps,
-        ref: forwardedRef,
-        children
-      },
-      value
-    ) : null;
-  }
-), TABS_NAME = "Tabs", { Provider: TabsProvider, useStyledContext: useTabsContext } = (0, import_web.createStyledContext)(), TabsFrame = (0, import_web.styled)(import_stacks.SizableStack, {
-  name: TABS_NAME
-}), TabsComponent = TabsFrame.styleable(function(props, forwardedRef) {
-  const {
-    __scopeTabs,
-    value: valueProp,
-    onValueChange,
-    defaultValue,
-    orientation = "horizontal",
-    dir,
-    activationMode = "automatic",
-    size = "$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] = React.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_runtime.jsx)(
-    TabsProvider,
-    {
-      scope: __scopeTabs,
-      baseId: React.useId(),
-      value,
-      onChange: setValue,
-      orientation,
-      dir: direction,
-      activationMode,
-      size,
-      registerTrigger,
-      triggersCount,
-      unregisterTrigger,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        TabsFrame,
-        {
-          direction,
-          "data-orientation": orientation,
-          ...tabsProps,
-          ref: forwardedRef
-        }
-      )
-    }
-  );
-}), Tabs2 = (0, import_helpers.withStaticProperties)(TabsComponent, {
-  List: TabsList,
-  /**
-   * @deprecated Use Tabs.Tab instead
-   */
-  Trigger: TabsTrigger,
-  Tab: TabsTrigger,
-  Content: TabsContent
 });
-function makeTriggerId(baseId, value) {
-  return `${baseId}-trigger-${value}`;
-}
-function makeContentId(baseId, value) {
-  return `${baseId}-content-${value}`;
-}
 //# sourceMappingURL=Tabs.js.map

package/dist/cjs/Tabs.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Tabs.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,cAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,0BAA4B,kCAC5B,mBAAsB,+BAEtB,0BAA+B,sCAE/B,eAAoC,2BACpC,iBAA2D,6BAC3D,sBAAiC,kCACjC,gBAA6C,4BAC7C,gCAAqC,4CACrC,uBAA6B,mCAW7B,aAA6D,yBAC7D,QAAuB,2BAkCf;AA/BR,MAAM,eAAe,eAMf,gBAAgB,YAYhB,WAAW,MAAM;AAAA,EACrB,CAAC,OAAmC,iBAAiB;AACnD,UAAM,EAAE,aAAa,OAAO,IAAM,UAAU,GAAG,UAAU,IAAI,OACvD,UAAU,eAAe,WAAW;AAE1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB,eAAe;AAAA,QACxC,aAAa,QAAQ;AAAA,QACrB,KAAK,QAAQ;AAAA,QACb;AAAA,QACA,SAAO;AAAA,QAEP;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,eAAe;AAAA,YACf,oBAAkB,QAAQ;AAAA,YAC1B,KAAK;AAAA,YACL,aAAa,QAAQ;AAAA,YACpB,GAAG;AAAA,YAEH;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;AAMvB,MAAM,eAAe,eAEf,uBAAmB,mBAAO,8BAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,aAAa;AAAA,QACb,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,eAAe;AAAA,QACf,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GA2BK,cAAc,iBAAiB;AAAA,EACnC,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,UAAU,eAAe,WAAW,GACpC,YAAY,cAAc,QAAQ,QAAQ,KAAK,GAC/C,YAAY,cAAc,QAAQ,QAAQ,KAAK,GAC/C,aAAa,UAAU,QAAQ,OAC/B,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA2B,IAAI,GAC3D,aAAa,MAAM,OAA0B,IAAI,GACjD,qBAAiB,2BAAa,EAAE,UAAU,CAAC,CAAC,SAAS,CAAC;AAE5D,iBAAM,UAAU,OACd,QAAQ,gBAAgB,GACjB,MAAM,QAAQ,kBAAkB,IACtC,CAAC,CAAC,GAEL,MAAM,UAAU,MAAM;AACpB,UAAI,CAAC,WAAW,WAAW,CAAC,uBAAO;AAEnC,eAAS,iBAAiB;AACxB,QAAK,WAAW,WAChB,UAAU;AAAA,UACR,OAAO,WAAW,QAAQ;AAAA,UAC1B,QAAQ,WAAW,QAAQ;AAAA,UAC3B,GAAG,WAAW,QAAQ;AAAA,UACtB,GAAG,WAAW,QAAQ;AAAA,QACxB,CAAC;AAAA,MACH;AACA,qBAAe;AAEf,YAAM,WAAW,IAAI,eAAe,cAAc;AAClD,sBAAS,QAAQ,WAAW,OAAO,GAE5B,MAAM;AACX,QAAK,WAAW,WAChB,SAAS,UAAU,WAAW,OAAO;AAAA,MACvC;AAAA,IACF,GAAG,CAAC,QAAQ,aAAa,CAAC,GAE1B,MAAM,UAAU,MAAM;AACpB,MAAI,cAAc,UAChB,gBAAgB,UAAU,MAAM;AAAA,IAEpC,GAAG,CAAC,YAAY,OAAO,MAAM,CAAC,GAG5B,4CAAC,oBAAM,MAAM,cAAc,CAAC,qBAAqB,WAAW,MAC1D;AAAA,MAAC,qCAAiB;AAAA,MAAjB;AAAA,QACC,yBAAyB,eAAe;AAAA,QACxC,SAAO;AAAA,QACP,WAAW,CAAC;AAAA,QACZ,QAAQ;AAAA,QAER;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,CAAC,UAAU;AACnB,cAAK,0BACH,UAAU,MAAM,YAAY,MAAM;AAAA,YAEtC;AAAA,YACA,eAAW,qCAAqB,MAAM,WAAW,MAAM;AACrD,cAAI,UACF,gBAAgB,SAAS,MAAM;AAAA,YAEnC,CAAC;AAAA,YACD,gBAAY,qCAAqB,MAAM,YAAY,MAAM;AACvD,8BAAgB,SAAS,IAAI;AAAA,YAC/B,CAAC;AAAA,YACD,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,cAAY,aAAa,WAAW;AAAA,YACpC,iBAAe,WAAW,KAAK;AAAA,YAC/B;AAAA,YACA,IAAI;AAAA,YACH,GAAI,CAAC,MAAM,YAAY;AAAA,cACtB,MAAM,QAAQ;AAAA,YAChB;AAAA,YACC,GAAI,cAAc;AAAA,cACjB,YAAY;AAAA,YACd;AAAA,YACC,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,SAAK,iCAAY,cAAc,UAAU;AAAA,YACzC,aAAS,qCAAqB,MAAM,WAAW,QAAW,CAAC,UAAU;AAInE,oBAAM,YACJ,CAAC,0BACC,MAAsC,WAAW,KAChD,MAAsC,YAAY;AACvD,cAAI,CAAC,YAAY,CAAC,cAAc,YAC9B,QAAQ,SAAS,KAAK,IAGtB,MAAM,eAAe;AAAA,YAEzB,CAAC;AAAA,YACA,GAAI,0BAAS;AAAA,cACZ,MAAM;AAAA,cACN,eAAW;AAAA,gBACR,MAA6C;AAAA,gBAC9C,CAAC,UAAU;AACT,kBAAI,CAAC,KAAK,OAAO,EAAE,SAAS,MAAM,GAAG,MACnC,QAAQ,SAAS,KAAK,GACtB,MAAM,eAAe;AAAA,gBAEzB;AAAA,cACF;AAAA,cACA,aAAS,qCAAqB,MAAM,SAAS,CAAC,UAAU;AACtD,gBAAI,UACF,gBAAgB,SAAS,MAAM;AAIjC,sBAAM,wBAAwB,QAAQ,mBAAmB;AACzD,gBAAI,CAAC,cAAc,CAAC,YAAY,yBAC9B,QAAQ,SAAS,KAAK;AAAA,cAE1B,CAAC;AAAA,cACD,YAAQ,qCAAqB,MAAM,SAAS,MAAM;AAChD,gCAAgB,SAAS,IAAI;AAAA,cAC/B,CAAC;AAAA,YACH;AAAA;AAAA,QACF;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAM1B,MAAM,eAAe,eAEf,uBAAmB,mBAAO,8BAAgB;AAAA,EAC9C,MAAM;AACR,CAAC,GAgBK,cAAc,iBAAiB;AAAA,EACnC,SAAqB,OAAsC,cAAc;AACvE,UAAM,EAAE,aAAa,OAAO,YAAY,UAAU,GAAG,aAAa,IAAI,OAChE,UAAU,eAAe,WAAW,GACpC,aAAa,UAAU,QAAQ,OAC/B,OAAO,cAAc,YAErB,YAAY,cAAc,QAAQ,QAAQ,KAAK,GAC/C,YAAY,cAAc,QAAQ,QAAQ,KAAK;AAErD,WAAK,OAKH;AAAA,MAAC;AAAA;AAAA,QAEC,cAAY,aAAa,WAAW;AAAA,QACpC,oBAAkB,QAAQ;AAAA,QAC1B,MAAK;AAAA,QACL,mBAAiB;AAAA,QAEjB,QAAQ,CAAC;AAAA,QACT,IAAI;AAAA,QACJ,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,KAAK;AAAA,QAEJ;AAAA;AAAA,MAZI;AAAA,IAaP,IAlBO;AAAA,EAoBX;AACF,GAMM,YAAY,QAqBZ,EAAE,UAAU,cAAc,kBAAkB,eAAe,QAC/D,gCAAsC,GAElC,gBAAY,mBAAO,4BAAc;AAAA,EACrC,MAAM;AACR,CAAC,GAgCK,gBAAgB,UAAU,UAA0B,SACxD,OACA,cACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI,OACE,gBAAY,mCAAa,GAAG,GAC5B,CAAC,OAAO,QAAQ,QAAI,oDAAqB;AAAA,IAC7C,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa,gBAAgB;AAAA,EAC/B,CAAC,GACK,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,CAAC,GACpD,sBAAkB,qBAAS,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC,GAC/D,wBAAoB,qBAAS,MAAM,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ,MAAM,MAAM;AAAA,MACpB;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UAEA,oBAAkB;AAAA,UACjB,GAAG;AAAA,UACJ,KAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ,CAAC,GASYA,YAAO,qCAAqB,eAAe;AAAA,EACtD,MAAM;AAAA;AAAA;AAAA;AAAA,EAIN,SAAS;AAAA,EACT,KAAK;AAAA,EACL,SAAS;AACX,CAAC;AAID,SAAS,cAAc,QAAgB,OAAe;AACpD,SAAO,GAAG,MAAM,YAAY,KAAK;AACnC;AAEA,SAAS,cAAc,QAAgB,OAAe;AACpD,SAAO,GAAG,MAAM,YAAY,KAAK;AACnC;",
-  "names": ["Tabs"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB,0BACvB,gBAA6C,4BAC7C,0BAA+B;AAE/B,MAAM,YAAY,QACL,uBAAmB,oBAAO,4BAAc;AAAA,EACnD,MAAM;AACR,CAAC,GAEK,eAAe,eAER,0BAAsB,oBAAO,8BAAgB;AAAA,EACxD,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,aAAa;AAAA,QACb,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,eAAe;AAAA,QACf,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,eAAe,eAER,8BAA0B,oBAAO,8BAAgB;AAAA,EAC5D,MAAM;AACR,CAAC;",
+  "names": []
 }