@hanzogui/tabs-headless 2.0.0

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.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_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_use_controllable_state = require("@hanzo/gui-use-controllable-state"),
+  import_gui_use_direction = require("@hanzo/gui-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_gui_use_direction.useDirection)(dir),
+    baseId = (0, import_react.useId)(),
+    [value, setValue] = (0, import_gui_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_gui_helpers.composeEventHandlers)(onKeyDown, event => {
+        disabled || [" ", "Enter"].includes(event.key) && (setValue(tabValue), event.preventDefault());
+      }),
+      onPress: (0, import_gui_helpers.composeEventHandlers)(onPress, () => {
+        !disabled && !isSelected && setValue(tabValue);
+      }),
+      onFocus: (0, import_gui_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.native.js

@@ -0,0 +1,276 @@
+"use strict";
+
+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_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_use_controllable_state = require("@hanzo/gui-use-controllable-state"),
+  import_gui_use_direction = require("@hanzo/gui-use-direction"),
+  React = __toESM(require("react"), 1),
+  import_react = require("react");
+function useTabs() {
+  var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+    {
+      value: valueProp,
+      onValueChange,
+      defaultValue = "",
+      orientation = "horizontal",
+      dir,
+      activationMode = "automatic",
+      loop = !0
+    } = props,
+    direction = (0, import_gui_use_direction.useDirection)(dir),
+    baseId = (0, import_react.useId)(),
+    [value, setValue] = (0, import_gui_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)(function (tabValue, element) {
+      element ? (tabRefs.current.set(tabValue, element), setTabValues(function (prev) {
+        return prev.includes(tabValue) ? prev : [...prev, tabValue];
+      })) : (tabRefs.current.delete(tabValue), setTabValues(function (prev) {
+        return prev.filter(function (v) {
+          return v !== tabValue;
+        });
+      }));
+    }, []),
+    focusTab = (0, import_react.useCallback)(function (tabValue) {
+      var element = tabRefs.current.get(tabValue);
+      element?.focus();
+    }, []),
+    getNextTab = (0, import_react.useCallback)(function (currentValue, direction2) {
+      var currentIndex = tabValues.indexOf(currentValue);
+      if (currentIndex === -1) return null;
+      var nextIndex = currentIndex + direction2;
+      if (loop) nextIndex = (nextIndex + tabValues.length) % tabValues.length;else if (nextIndex < 0 || nextIndex >= tabValues.length) return null;
+      var _tabValues_nextIndex;
+      return (_tabValues_nextIndex = tabValues[nextIndex]) !== null && _tabValues_nextIndex !== void 0 ? _tabValues_nextIndex : null;
+    }, [tabValues, loop]),
+    handleKeyDown = (0, import_react.useCallback)(function (tabValue) {
+      return function (event) {
+        var isHorizontal = orientation === "horizontal",
+          isRtl = direction === "rtl",
+          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":
+            var _tabValues_;
+            nextTab = (_tabValues_ = tabValues[0]) !== null && _tabValues_ !== void 0 ? _tabValues_ : null;
+            break;
+          case "End":
+            var _tabValues_1;
+            nextTab = (_tabValues_1 = tabValues[tabValues.length - 1]) !== null && _tabValues_1 !== void 0 ? _tabValues_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)(function (tabValue, disabled) {
+      var 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 ? function () {} : handleKeyDown(tabValue),
+        onClick: function (event) {
+          !disabled && !isSelected && setValue(tabValue);
+        },
+        onFocus: function (event) {
+          registerTab(tabValue, event.currentTarget), !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
+        }
+      };
+    }, [value, baseId, handleKeyDown, setValue, activationMode, registerTab]),
+    getContentProps = (0, import_react.useCallback)(function (tabValue) {
+      var isSelected = value === tabValue,
+        triggerId = makeTriggerId(baseId, tabValue),
+        contentId = makeContentId(baseId, tabValue);
+      return {
+        role: "tabpanel",
+        id: contentId,
+        "aria-labelledby": triggerId,
+        "data-state": isSelected ? "active" : "inactive",
+        "data-orientation": orientation,
+        hidden: !isSelected,
+        tabIndex: 0
+      };
+    }, [value, baseId, orientation]),
+    contextValue = {
+      baseId,
+      value,
+      setValue,
+      orientation,
+      direction,
+      activationMode,
+      loop
+    };
+  return {
+    value,
+    setValue,
+    direction,
+    tabsProps: {
+      "data-orientation": orientation,
+      dir: direction
+    },
+    listProps: {
+      role: "tablist",
+      "aria-orientation": orientation
+    },
+    getTabProps,
+    getContentProps,
+    contextValue
+  };
+}
+var TabsContext = /* @__PURE__ */React.createContext(null),
+  TabsProvider = TabsContext.Provider;
+function useTabsContext() {
+  var context = React.useContext(TabsContext);
+  if (!context) throw new Error("useTabsContext must be used within a TabsProvider");
+  return context;
+}
+function useTab(props) {
+  var {
+      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_gui_helpers.composeEventHandlers)(onKeyDown, function (event) {
+        disabled || [" ", "Enter"].includes(event.key) && (setValue(tabValue), event.preventDefault());
+      }),
+      onPress: (0, import_gui_helpers.composeEventHandlers)(onPress, function () {
+        !disabled && !isSelected && setValue(tabValue);
+      }),
+      onFocus: (0, import_gui_helpers.composeEventHandlers)(onFocus, function () {
+        !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
+      })
+    }
+  };
+}
+function useTabContent(props) {
+  var {
+      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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useTabs_exports","__export","TabsProvider","useTab","useTabContent","useTabs","useTabsContext","module","exports","import_gui_helpers","require","import_gui_use_controllable_state","import_gui_use_direction","React","__toESM","import_react","props","arguments","length","valueProp","onValueChange","defaultValue","orientation","dir","activationMode","loop","direction","useDirection","baseId","useId","setValue","useControllableState","prop","onChange","defaultProp","tabRefs","useRef","Map","tabValues","setTabValues","useState","registerTab","useCallback","tabValue","element","current","set","prev","includes","delete","filter","v","focusTab","get","focus","getNextTab","currentValue","direction2","currentIndex","indexOf","nextIndex","_tabValues_nextIndex","handleKeyDown","event","isHorizontal","isRtl","nextTab","key","_tabValues_","_tabValues_1","preventDefault","getTabProps","disabled","isSelected","triggerId","makeTriggerId","contentId","makeContentId","role","id","tabIndex","onKeyDown","onClick","onFocus","currentTarget","getContentProps","hidden","contextValue","tabsProps","listProps","TabsContext","createContext","Provider","context","useContext","Error","onPress","ref","tabProps","composeEventHandlers"],"sources":["../../src/useTabs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from "./useTabs.mjs";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,2 @@
+export * from "./useTabs.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,2 @@
+export * from "./useTabs.native.js";
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}