@tamagui/tabs-headless 2.0.0-1

package/dist/cjs/index.cjs

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useTabs.cjs"), module.exports);

package/dist/cjs/index.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useTabs"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,sBAAd;",
+  "names": []
+}

package/dist/cjs/index.native.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useTabs.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}

package/dist/cjs/useTabs.cjs

@@ -0,0 +1,258 @@
+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 __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 __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 useTabs_exports = {};
+__export(useTabs_exports, {
+  TabsProvider: () => TabsProvider,
+  useTab: () => useTab,
+  useTabContent: () => useTabContent,
+  useTabs: () => useTabs,
+  useTabsContext: () => useTabsContext
+});
+module.exports = __toCommonJS(useTabs_exports);
+var import_helpers = require("@tamagui/helpers"),
+  import_use_controllable_state = require("@tamagui/use-controllable-state"),
+  import_use_direction = require("@tamagui/use-direction"),
+  React = __toESM(require("react"), 1),
+  import_react = require("react");
+function useTabs(props = {}) {
+  const {
+      value: valueProp,
+      onValueChange,
+      defaultValue = "",
+      orientation = "horizontal",
+      dir,
+      activationMode = "automatic",
+      loop = !0
+    } = props,
+    direction = (0, import_use_direction.useDirection)(dir),
+    baseId = (0, import_react.useId)(),
+    [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+      prop: valueProp,
+      onChange: onValueChange,
+      defaultProp: defaultValue
+    }),
+    tabRefs = (0, import_react.useRef)(/* @__PURE__ */new Map()),
+    [tabValues, setTabValues] = (0, import_react.useState)([]),
+    registerTab = (0, import_react.useCallback)((tabValue, element) => {
+      element ? (tabRefs.current.set(tabValue, element), setTabValues(prev => prev.includes(tabValue) ? prev : [...prev, tabValue])) : (tabRefs.current.delete(tabValue), setTabValues(prev => prev.filter(v => v !== tabValue)));
+    }, []),
+    focusTab = (0, import_react.useCallback)(tabValue => {
+      tabRefs.current.get(tabValue)?.focus();
+    }, []),
+    getNextTab = (0, import_react.useCallback)((currentValue, direction2) => {
+      const currentIndex = tabValues.indexOf(currentValue);
+      if (currentIndex === -1) return null;
+      let nextIndex = currentIndex + direction2;
+      if (loop) nextIndex = (nextIndex + tabValues.length) % tabValues.length;else if (nextIndex < 0 || nextIndex >= tabValues.length) return null;
+      return tabValues[nextIndex] ?? null;
+    }, [tabValues, loop]),
+    handleKeyDown = (0, import_react.useCallback)(tabValue => event => {
+      const isHorizontal = orientation === "horizontal",
+        isRtl = direction === "rtl";
+      let nextTab = null;
+      switch (event.key) {
+        case "ArrowRight":
+          isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? -1 : 1));
+          break;
+        case "ArrowLeft":
+          isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? 1 : -1));
+          break;
+        case "ArrowDown":
+          isHorizontal || (nextTab = getNextTab(tabValue, 1));
+          break;
+        case "ArrowUp":
+          isHorizontal || (nextTab = getNextTab(tabValue, -1));
+          break;
+        case "Home":
+          nextTab = tabValues[0] ?? null;
+          break;
+        case "End":
+          nextTab = tabValues[tabValues.length - 1] ?? null;
+          break;
+        case " ":
+        case "Enter":
+          activationMode === "manual" && (setValue(tabValue), event.preventDefault());
+          return;
+      }
+      nextTab && (event.preventDefault(), focusTab(nextTab), activationMode === "automatic" && setValue(nextTab));
+    }, [orientation, direction, getNextTab, tabValues, activationMode, setValue, focusTab]),
+    getTabProps = (0, import_react.useCallback)((tabValue, disabled) => {
+      const isSelected = value === tabValue,
+        triggerId = makeTriggerId(baseId, tabValue),
+        contentId = makeContentId(baseId, tabValue);
+      return {
+        role: "tab",
+        id: triggerId,
+        "aria-selected": isSelected,
+        "aria-controls": contentId,
+        "data-state": isSelected ? "active" : "inactive",
+        ...(disabled && {
+          "data-disabled": ""
+        }),
+        disabled,
+        tabIndex: isSelected ? 0 : -1,
+        onKeyDown: disabled ? () => {} : handleKeyDown(tabValue),
+        onClick: event => {
+          !disabled && !isSelected && setValue(tabValue);
+        },
+        onFocus: event => {
+          registerTab(tabValue, event.currentTarget), !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
+        }
+      };
+    }, [value, baseId, handleKeyDown, setValue, activationMode, registerTab]),
+    getContentProps = (0, import_react.useCallback)(tabValue => {
+      const isSelected = value === tabValue,
+        triggerId = makeTriggerId(baseId, tabValue);
+      return {
+        role: "tabpanel",
+        id: makeContentId(baseId, tabValue),
+        "aria-labelledby": triggerId,
+        "data-state": isSelected ? "active" : "inactive",
+        "data-orientation": orientation,
+        hidden: !isSelected,
+        tabIndex: 0
+      };
+    }, [value, baseId, orientation]);
+  return {
+    value,
+    setValue,
+    direction,
+    tabsProps: {
+      "data-orientation": orientation,
+      dir: direction
+    },
+    listProps: {
+      role: "tablist",
+      "aria-orientation": orientation
+    },
+    getTabProps,
+    getContentProps,
+    contextValue: {
+      baseId,
+      value,
+      setValue,
+      orientation,
+      direction,
+      activationMode,
+      loop
+    }
+  };
+}
+const TabsContext = React.createContext(null),
+  TabsProvider = TabsContext.Provider;
+function useTabsContext() {
+  const context = React.useContext(TabsContext);
+  if (!context) throw new Error("useTabsContext must be used within a TabsProvider");
+  return context;
+}
+function useTab(props) {
+  const {
+      value: tabValue,
+      disabled,
+      onPress,
+      onKeyDown,
+      onFocus
+    } = props,
+    context = useTabsContext(),
+    {
+      value,
+      setValue,
+      baseId,
+      activationMode,
+      orientation,
+      direction,
+      loop
+    } = context,
+    isSelected = value === tabValue,
+    triggerId = makeTriggerId(baseId, tabValue),
+    contentId = makeContentId(baseId, tabValue),
+    ref = (0, import_react.useRef)(null);
+  return {
+    isSelected,
+    tabProps: {
+      ref,
+      role: "tab",
+      id: triggerId,
+      "aria-selected": isSelected,
+      "aria-controls": contentId,
+      "data-state": isSelected ? "active" : "inactive",
+      ...(disabled && {
+        "data-disabled": ""
+      }),
+      disabled,
+      tabIndex: isSelected ? 0 : -1,
+      onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, event => {
+        disabled || [" ", "Enter"].includes(event.key) && (setValue(tabValue), event.preventDefault());
+      }),
+      onPress: (0, import_helpers.composeEventHandlers)(onPress, () => {
+        !disabled && !isSelected && setValue(tabValue);
+      }),
+      onFocus: (0, import_helpers.composeEventHandlers)(onFocus, () => {
+        !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
+      })
+    }
+  };
+}
+function useTabContent(props) {
+  const {
+      value: tabValue,
+      forceMount
+    } = props,
+    context = useTabsContext(),
+    {
+      value,
+      baseId,
+      orientation
+    } = context,
+    isSelected = value === tabValue,
+    triggerId = makeTriggerId(baseId, tabValue),
+    contentId = makeContentId(baseId, tabValue);
+  return {
+    isSelected,
+    shouldMount: forceMount || isSelected,
+    contentProps: {
+      role: "tabpanel",
+      id: contentId,
+      "aria-labelledby": triggerId,
+      "data-state": isSelected ? "active" : "inactive",
+      "data-orientation": orientation,
+      hidden: !isSelected,
+      tabIndex: 0
+    }
+  };
+}
+function makeTriggerId(baseId, value) {
+  return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+  return `${baseId}-content-${value}`;
+}

package/dist/cjs/useTabs.js

@@ -0,0 +1,210 @@
+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 __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 __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 useTabs_exports = {};
+__export(useTabs_exports, {
+  TabsProvider: () => TabsProvider,
+  useTab: () => useTab,
+  useTabContent: () => useTabContent,
+  useTabs: () => useTabs,
+  useTabsContext: () => useTabsContext
+});
+module.exports = __toCommonJS(useTabs_exports);
+var import_helpers = require("@tamagui/helpers"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), React = __toESM(require("react"), 1), import_react = require("react");
+function useTabs(props = {}) {
+  const {
+    value: valueProp,
+    onValueChange,
+    defaultValue = "",
+    orientation = "horizontal",
+    dir,
+    activationMode = "automatic",
+    loop = !0
+  } = props, direction = (0, import_use_direction.useDirection)(dir), baseId = (0, import_react.useId)(), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+    prop: valueProp,
+    onChange: onValueChange,
+    defaultProp: defaultValue
+  }), tabRefs = (0, import_react.useRef)(/* @__PURE__ */ new Map()), [tabValues, setTabValues] = (0, import_react.useState)([]), registerTab = (0, import_react.useCallback)((tabValue, element) => {
+    element ? (tabRefs.current.set(tabValue, element), setTabValues((prev) => prev.includes(tabValue) ? prev : [...prev, tabValue])) : (tabRefs.current.delete(tabValue), setTabValues((prev) => prev.filter((v) => v !== tabValue)));
+  }, []), focusTab = (0, import_react.useCallback)((tabValue) => {
+    tabRefs.current.get(tabValue)?.focus();
+  }, []), getNextTab = (0, import_react.useCallback)(
+    (currentValue, direction2) => {
+      const currentIndex = tabValues.indexOf(currentValue);
+      if (currentIndex === -1) return null;
+      let nextIndex = currentIndex + direction2;
+      if (loop)
+        nextIndex = (nextIndex + tabValues.length) % tabValues.length;
+      else if (nextIndex < 0 || nextIndex >= tabValues.length) return null;
+      return tabValues[nextIndex] ?? null;
+    },
+    [tabValues, loop]
+  ), handleKeyDown = (0, import_react.useCallback)(
+    (tabValue) => (event) => {
+      const isHorizontal = orientation === "horizontal", isRtl = direction === "rtl";
+      let nextTab = null;
+      switch (event.key) {
+        case "ArrowRight":
+          isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? -1 : 1));
+          break;
+        case "ArrowLeft":
+          isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? 1 : -1));
+          break;
+        case "ArrowDown":
+          isHorizontal || (nextTab = getNextTab(tabValue, 1));
+          break;
+        case "ArrowUp":
+          isHorizontal || (nextTab = getNextTab(tabValue, -1));
+          break;
+        case "Home":
+          nextTab = tabValues[0] ?? null;
+          break;
+        case "End":
+          nextTab = tabValues[tabValues.length - 1] ?? null;
+          break;
+        case " ":
+        case "Enter":
+          activationMode === "manual" && (setValue(tabValue), event.preventDefault());
+          return;
+      }
+      nextTab && (event.preventDefault(), focusTab(nextTab), activationMode === "automatic" && setValue(nextTab));
+    },
+    [orientation, direction, getNextTab, tabValues, activationMode, setValue, focusTab]
+  ), getTabProps = (0, import_react.useCallback)(
+    (tabValue, disabled) => {
+      const isSelected = value === tabValue, triggerId = makeTriggerId(baseId, tabValue), contentId = makeContentId(baseId, tabValue);
+      return {
+        role: "tab",
+        id: triggerId,
+        "aria-selected": isSelected,
+        "aria-controls": contentId,
+        "data-state": isSelected ? "active" : "inactive",
+        ...disabled && { "data-disabled": "" },
+        disabled,
+        tabIndex: isSelected ? 0 : -1,
+        onKeyDown: disabled ? () => {
+        } : handleKeyDown(tabValue),
+        onClick: (event) => {
+          !disabled && !isSelected && setValue(tabValue);
+        },
+        onFocus: (event) => {
+          registerTab(tabValue, event.currentTarget), !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
+        }
+      };
+    },
+    [value, baseId, handleKeyDown, setValue, activationMode, registerTab]
+  ), getContentProps = (0, import_react.useCallback)(
+    (tabValue) => {
+      const isSelected = value === tabValue, triggerId = makeTriggerId(baseId, tabValue);
+      return {
+        role: "tabpanel",
+        id: makeContentId(baseId, tabValue),
+        "aria-labelledby": triggerId,
+        "data-state": isSelected ? "active" : "inactive",
+        "data-orientation": orientation,
+        hidden: !isSelected,
+        tabIndex: 0
+      };
+    },
+    [value, baseId, orientation]
+  );
+  return {
+    value,
+    setValue,
+    direction,
+    tabsProps: {
+      "data-orientation": orientation,
+      dir: direction
+    },
+    listProps: {
+      role: "tablist",
+      "aria-orientation": orientation
+    },
+    getTabProps,
+    getContentProps,
+    contextValue: {
+      baseId,
+      value,
+      setValue,
+      orientation,
+      direction,
+      activationMode,
+      loop
+    }
+  };
+}
+const TabsContext = React.createContext(null), TabsProvider = TabsContext.Provider;
+function useTabsContext() {
+  const context = React.useContext(TabsContext);
+  if (!context)
+    throw new Error("useTabsContext must be used within a TabsProvider");
+  return context;
+}
+function useTab(props) {
+  const { value: tabValue, disabled, onPress, onKeyDown, onFocus } = props, context = useTabsContext(), { value, setValue, baseId, activationMode, orientation, direction, loop } = context, isSelected = value === tabValue, triggerId = makeTriggerId(baseId, tabValue), contentId = makeContentId(baseId, tabValue), ref = (0, import_react.useRef)(null);
+  return {
+    isSelected,
+    tabProps: {
+      ref,
+      role: "tab",
+      id: triggerId,
+      "aria-selected": isSelected,
+      "aria-controls": contentId,
+      "data-state": isSelected ? "active" : "inactive",
+      ...disabled && { "data-disabled": "" },
+      disabled,
+      tabIndex: isSelected ? 0 : -1,
+      onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, (event) => {
+        disabled || [" ", "Enter"].includes(event.key) && (setValue(tabValue), event.preventDefault());
+      }),
+      onPress: (0, import_helpers.composeEventHandlers)(onPress, () => {
+        !disabled && !isSelected && setValue(tabValue);
+      }),
+      onFocus: (0, import_helpers.composeEventHandlers)(onFocus, () => {
+        !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
+      })
+    }
+  };
+}
+function useTabContent(props) {
+  const { value: tabValue, forceMount } = props, context = useTabsContext(), { value, baseId, orientation } = context, isSelected = value === tabValue, triggerId = makeTriggerId(baseId, tabValue), contentId = makeContentId(baseId, tabValue);
+  return {
+    isSelected,
+    shouldMount: forceMount || isSelected,
+    contentProps: {
+      role: "tabpanel",
+      id: contentId,
+      "aria-labelledby": triggerId,
+      "data-state": isSelected ? "active" : "inactive",
+      "data-orientation": orientation,
+      hidden: !isSelected,
+      tabIndex: 0
+    }
+  };
+}
+function makeTriggerId(baseId, value) {
+  return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+  return `${baseId}-content-${value}`;
+}
+//# sourceMappingURL=useTabs.js.map

package/dist/cjs/useTabs.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useTabs.tsx"],
+  "mappings": "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",
+  "names": ["direction"]
+}