@easypost/easy-ui 1.0.0-alpha.8 → 1.0.0-alpha.80

package/TabPanels/index.js

@@ -0,0 +1,322 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Item = require("../__chunks__/Item-h_oPjYVR.js");
+const useListState = require("../__chunks__/useListState-CU712DaQ.js");
+const index = require("../__chunks__/index-CUcRN4NO.js");
+const SelectionManager = require("../__chunks__/SelectionManager-BZ_5U5QP.js");
+const mergeProps = require("../__chunks__/mergeProps-d7wJkv71.js");
+const useLabels = require("../__chunks__/useLabels-DMDlcCM_.js");
+const useHasTabbableChild = require("../__chunks__/useHasTabbableChild-D23JzSLZ.js");
+const Tabs = require("../__chunks__/Tabs-J924obQC.js");
+const useSingleSelectListState = require("../__chunks__/useSingleSelectListState-Br2JooAG.js");
+const context = require("../__chunks__/context-Dxz9OXQY.js");
+const useSelectableItem = require("../__chunks__/useSelectableItem-iCGDFQiY.js");
+const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
+const usePress = require("../__chunks__/usePress-Btah4Wrd.js");
+const useFocusable = require("../__chunks__/useFocusable-HXkH_Kuc.js");
+function $76f919a04c5a7d14$export$4ba071daf4e486(props) {
+  var _props_defaultSelectedKey, _ref;
+  let state = useSingleSelectListState.$a0d645289fe9b86b$export$e7f05e985daf4b5f(__spreadProps(__spreadValues({}, props), {
+    suppressTextValueWarning: true,
+    defaultSelectedKey: (_ref = (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : $76f919a04c5a7d14$var$findDefaultSelectedKey(props.collection, props.disabledKeys ? new Set(props.disabledKeys) : /* @__PURE__ */ new Set())) !== null && _ref !== void 0 ? _ref : void 0
+  }));
+  let { selectionManager, collection, selectedKey: currentSelectedKey } = state;
+  let lastSelectedKey = React.useRef(currentSelectedKey);
+  React.useEffect(() => {
+    let selectedKey = currentSelectedKey;
+    if (props.selectedKey == null && (selectionManager.isEmpty || selectedKey == null || !collection.getItem(selectedKey))) {
+      selectedKey = $76f919a04c5a7d14$var$findDefaultSelectedKey(collection, state.disabledKeys);
+      if (selectedKey != null)
+        selectionManager.setSelectedKeys([
+          selectedKey
+        ]);
+    }
+    if (selectedKey != null && selectionManager.focusedKey == null || !selectionManager.isFocused && selectedKey !== lastSelectedKey.current) selectionManager.setFocusedKey(selectedKey);
+    lastSelectedKey.current = selectedKey;
+  });
+  return __spreadProps(__spreadValues({}, state), {
+    isDisabled: props.isDisabled || false
+  });
+}
+function $76f919a04c5a7d14$var$findDefaultSelectedKey(collection, disabledKeys) {
+  let selectedKey = null;
+  if (collection) {
+    var _collection_getItem_props, _collection_getItem, _collection_getItem_props1, _collection_getItem1;
+    selectedKey = collection.getFirstKey();
+    while (selectedKey != null && (disabledKeys.has(selectedKey) || ((_collection_getItem = collection.getItem(selectedKey)) === null || _collection_getItem === void 0 ? void 0 : (_collection_getItem_props = _collection_getItem.props) === null || _collection_getItem_props === void 0 ? void 0 : _collection_getItem_props.isDisabled)) && selectedKey !== collection.getLastKey()) selectedKey = collection.getKeyAfter(selectedKey);
+    if (selectedKey != null && (disabledKeys.has(selectedKey) || ((_collection_getItem1 = collection.getItem(selectedKey)) === null || _collection_getItem1 === void 0 ? void 0 : (_collection_getItem_props1 = _collection_getItem1.props) === null || _collection_getItem_props1 === void 0 ? void 0 : _collection_getItem_props1.isDisabled)) && selectedKey === collection.getLastKey()) selectedKey = collection.getFirstKey();
+  }
+  return selectedKey;
+}
+const $99b62ae3ff97ec45$export$c5f62239608282b6 = /* @__PURE__ */ new WeakMap();
+function $99b62ae3ff97ec45$export$567fc7097e064344(state, key, role) {
+  if (!state)
+    return "";
+  if (typeof key === "string") key = key.replace(/\s+/g, "");
+  let baseId = $99b62ae3ff97ec45$export$c5f62239608282b6.get(state);
+  return `${baseId}-${role}-${key}`;
+}
+function $0175d55c2a017ebc$export$fdf4756d5b8ef90a(props, state, ref) {
+  let { key, isDisabled: propsDisabled, shouldSelectOnPressUp } = props;
+  let { selectionManager: manager, selectedKey } = state;
+  let isSelected = key === selectedKey;
+  let isDisabled = propsDisabled || state.isDisabled || state.selectionManager.isDisabled(key);
+  let { itemProps, isPressed } = useSelectableItem.$880e95eb8b93ba9a$export$ecf600387e221c37({
+    selectionManager: manager,
+    key,
+    ref,
+    isDisabled,
+    shouldSelectOnPressUp,
+    linkBehavior: "selection"
+  });
+  let tabId = $99b62ae3ff97ec45$export$567fc7097e064344(state, key, "tab");
+  let tabPanelId = $99b62ae3ff97ec45$export$567fc7097e064344(state, key, "tabpanel");
+  let { tabIndex } = itemProps;
+  let item = state.collection.getItem(key);
+  let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(item === null || item === void 0 ? void 0 : item.props, {
+    labelable: true
+  });
+  delete domProps.id;
+  let linkProps = usePress.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(item === null || item === void 0 ? void 0 : item.props);
+  let { focusableProps } = useFocusable.$f645667febf57a63$export$4c014de7c8940b4c({
+    isDisabled
+  }, ref);
+  return {
+    tabProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, focusableProps, linkProps, itemProps, {
+      id: tabId,
+      "aria-selected": isSelected,
+      "aria-disabled": isDisabled || void 0,
+      "aria-controls": isSelected ? tabPanelId : void 0,
+      tabIndex: isDisabled ? void 0 : tabIndex,
+      role: "tab"
+    }),
+    isSelected,
+    isDisabled,
+    isPressed
+  };
+}
+function $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref) {
+  let tabIndex = useHasTabbableChild.$83013635b024ae3d$export$eac1895992b9f3d6(ref) ? void 0 : 0;
+  var _props_id;
+  const id = $99b62ae3ff97ec45$export$567fc7097e064344(state, (_props_id = props.id) !== null && _props_id !== void 0 ? _props_id : state === null || state === void 0 ? void 0 : state.selectedKey, "tabpanel");
+  const tabPanelProps = useLabels.$313b98861ee5dd6c$export$d6875122194c7b44(__spreadProps(__spreadValues({}, props), {
+    id,
+    "aria-labelledby": $99b62ae3ff97ec45$export$567fc7097e064344(state, state === null || state === void 0 ? void 0 : state.selectedKey, "tab")
+  }));
+  return {
+    tabPanelProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(tabPanelProps, {
+      tabIndex,
+      role: "tabpanel",
+      "aria-describedby": props["aria-describedby"],
+      "aria-details": props["aria-details"]
+    })
+  };
+}
+class $bfc6f2d60b8a4c40$export$15010ca3c1abe90b {
+  getKeyLeftOf(key) {
+    if (this.flipDirection) return this.getNextKey(key);
+    return this.getPreviousKey(key);
+  }
+  getKeyRightOf(key) {
+    if (this.flipDirection) return this.getPreviousKey(key);
+    return this.getNextKey(key);
+  }
+  isDisabled(key) {
+    var _this_collection_getItem_props, _this_collection_getItem;
+    return this.disabledKeys.has(key) || !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === void 0 ? void 0 : (_this_collection_getItem_props = _this_collection_getItem.props) === null || _this_collection_getItem_props === void 0 ? void 0 : _this_collection_getItem_props.isDisabled);
+  }
+  getFirstKey() {
+    let key = this.collection.getFirstKey();
+    if (key != null && this.isDisabled(key)) key = this.getNextKey(key);
+    return key;
+  }
+  getLastKey() {
+    let key = this.collection.getLastKey();
+    if (key != null && this.isDisabled(key)) key = this.getPreviousKey(key);
+    return key;
+  }
+  getKeyAbove(key) {
+    if (this.tabDirection) return null;
+    return this.getPreviousKey(key);
+  }
+  getKeyBelow(key) {
+    if (this.tabDirection) return null;
+    return this.getNextKey(key);
+  }
+  getNextKey(startKey) {
+    let key = startKey;
+    do {
+      key = this.collection.getKeyAfter(key);
+      if (key == null) key = this.collection.getFirstKey();
+    } while (key != null && this.isDisabled(key));
+    return key;
+  }
+  getPreviousKey(startKey) {
+    let key = startKey;
+    do {
+      key = this.collection.getKeyBefore(key);
+      if (key == null) key = this.collection.getLastKey();
+    } while (key != null && this.isDisabled(key));
+    return key;
+  }
+  constructor(collection, direction, orientation, disabledKeys = /* @__PURE__ */ new Set()) {
+    this.collection = collection;
+    this.flipDirection = direction === "rtl" && orientation === "horizontal";
+    this.disabledKeys = disabledKeys;
+    this.tabDirection = orientation === "horizontal";
+  }
+}
+function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
+  let { orientation = "horizontal", keyboardActivation = "automatic" } = props;
+  let { collection, selectionManager: manager, disabledKeys } = state;
+  let { direction } = context.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let delegate = React.useMemo(() => new $bfc6f2d60b8a4c40$export$15010ca3c1abe90b(collection, direction, orientation, disabledKeys), [
+    collection,
+    disabledKeys,
+    orientation,
+    direction
+  ]);
+  let { collectionProps } = useSelectableItem.$ae20dd8cbca75726$export$d6daf82dcd84e87c({
+    ref,
+    selectionManager: manager,
+    keyboardDelegate: delegate,
+    selectOnFocus: keyboardActivation === "automatic",
+    disallowEmptySelection: true,
+    scrollRef: ref,
+    linkBehavior: "selection"
+  });
+  let tabsId = mergeProps.$bdb11010cef70236$export$f680877a34711e37();
+  $99b62ae3ff97ec45$export$c5f62239608282b6.set(state, tabsId);
+  let tabListLabelProps = useLabels.$313b98861ee5dd6c$export$d6875122194c7b44(__spreadProps(__spreadValues({}, props), {
+    id: tabsId
+  }));
+  return {
+    tabListProps: __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(collectionProps, tabListLabelProps)), {
+      role: "tablist",
+      "aria-orientation": orientation,
+      tabIndex: void 0
+    })
+  };
+}
+function TabPanelsItem(_props) {
+  return null;
+}
+Object.assign(TabPanelsItem, Item.$c1d7fb2ec91bae71$export$6d08773d2e66f8f2);
+const TabPanelsContext = React.createContext(null);
+const useTabPanels = () => {
+  const tabPanelsContext = React.useContext(TabPanelsContext);
+  if (!tabPanelsContext) {
+    throw new Error("useTabPanels must be used within a TabPanels");
+  }
+  return tabPanelsContext;
+};
+function TabPanelsPanels(props) {
+  const { tabListState } = useTabPanels();
+  const factory = React.useCallback((nodes) => new useListState.$a02d57049d202695$export$d085fb9e920b5ca7(nodes), []);
+  const collection = SelectionManager.$7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, {
+    suppressTextValueWarning: true
+  });
+  if (!tabListState) {
+    return null;
+  }
+  const selectedItem = tabListState.selectedKey === null ? null : collection.getItem(tabListState.selectedKey);
+  return React.createElement(TabPanelsPanel, __spreadProps(__spreadValues({}, props), {
+    key: tabListState == null ? void 0 : tabListState.selectedKey,
+    state: tabListState
+  }), selectedItem && selectedItem.props.children);
+}
+function TabPanelsPanel(_a) {
+  var _b = _a, { state } = _b, props = __objRest(_b, ["state"]);
+  const { children } = props;
+  const ref = React.useRef(null);
+  const { tabPanelProps } = $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref);
+  return children && React.isValidElement(children) && !index.reactIsExports.isFragment(children) ? React.cloneElement(children, __spreadValues(__spreadValues({
+    ref
+  }, tabPanelProps), children.props)) : React.createElement("div", __spreadValues({
+    ref
+  }, tabPanelProps), children);
+}
+function TabPanelsTabs(props) {
+  const { tabProps, setTabListState } = useTabPanels();
+  const ref = React.useRef(null);
+  const mergedProps = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(tabProps, props);
+  const state = $76f919a04c5a7d14$export$4ba071daf4e486(mergedProps);
+  const { tabListProps } = $58d314389b21fa3f$export$773e389e644c5874(mergedProps, state, ref);
+  React.useEffect(() => {
+    setTabListState(state);
+  }, [state.disabledKeys, state.selectedItem, state.selectedKey, props.children]);
+  return React.createElement(Tabs.Tabs, {
+    containerComponent: "div",
+    containerProps: {},
+    listComponent: "div",
+    listProps: tabListProps,
+    listRef: ref
+  }, [...state.collection].map((item) => React.createElement(TabPanelsTab, {
+    key: item.key,
+    item,
+    state
+  })));
+}
+function TabPanelsTab({ item, state }) {
+  const ref = React.useRef(null);
+  const { tabProps } = $0175d55c2a017ebc$export$fdf4756d5b8ef90a({
+    key: item.key
+  }, state, ref);
+  const isSelected = state.selectedItem === item;
+  const isDisabled = state.disabledKeys.has(item.key) || state.isDisabled;
+  return React.createElement(Tabs.Tabs.Item, __spreadValues({
+    tabComponent: "div",
+    tabRef: ref,
+    isSelected,
+    isDisabled
+  }, tabProps), item.rendered);
+}
+function TabPanels(props) {
+  const [tabListState, setTabListState] = React.useState(null);
+  const context2 = React.useMemo(() => {
+    return {
+      tabProps: props,
+      tabListState,
+      setTabListState
+    };
+  }, [tabListState, props]);
+  return React.createElement(TabPanelsContext.Provider, {
+    value: context2
+  }, props.children);
+}
+TabPanels.Tabs = TabPanelsTabs;
+TabPanels.Panels = TabPanelsPanels;
+TabPanels.Item = TabPanelsItem;
+exports.TabPanels = TabPanels;

package/TabPanels/index.mjs

@@ -0,0 +1,322 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React__default, { useRef, useEffect, useMemo, createContext, useContext, useCallback, isValidElement, useState } from "react";
+import { $ as $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 } from "../__chunks__/Item-FD89BR0i.mjs";
+import { a as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../__chunks__/useListState-Doymm1MR.mjs";
+import { r as reactIsExports } from "../__chunks__/index-Izk6uvQC.mjs";
+import { a as $7613b1592d41b092$export$6cd28814d92fa9c9 } from "../__chunks__/SelectionManager-VOfe5ZyB.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37 } from "../__chunks__/mergeProps-CORsYhTp.mjs";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../__chunks__/useLabels-DWprW4wx.mjs";
+import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../__chunks__/useHasTabbableChild-C5KDnOFZ.mjs";
+import { T as Tabs } from "../__chunks__/Tabs-BkzVKvWV.mjs";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../__chunks__/useSingleSelectListState-ByDUc5Ex.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-BEoWr5Bw.mjs";
+import { $ as $880e95eb8b93ba9a$export$ecf600387e221c37, b as $ae20dd8cbca75726$export$d6daf82dcd84e87c } from "../__chunks__/useSelectableItem-CBqJNF3F.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
+import { b as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../__chunks__/usePress-BGHDb_ce.mjs";
+import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "../__chunks__/useFocusable-C6giMIa8.mjs";
+function $76f919a04c5a7d14$export$4ba071daf4e486(props) {
+  var _props_defaultSelectedKey, _ref;
+  let state = $a0d645289fe9b86b$export$e7f05e985daf4b5f(__spreadProps(__spreadValues({}, props), {
+    suppressTextValueWarning: true,
+    defaultSelectedKey: (_ref = (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : $76f919a04c5a7d14$var$findDefaultSelectedKey(props.collection, props.disabledKeys ? new Set(props.disabledKeys) : /* @__PURE__ */ new Set())) !== null && _ref !== void 0 ? _ref : void 0
+  }));
+  let { selectionManager, collection, selectedKey: currentSelectedKey } = state;
+  let lastSelectedKey = useRef(currentSelectedKey);
+  useEffect(() => {
+    let selectedKey = currentSelectedKey;
+    if (props.selectedKey == null && (selectionManager.isEmpty || selectedKey == null || !collection.getItem(selectedKey))) {
+      selectedKey = $76f919a04c5a7d14$var$findDefaultSelectedKey(collection, state.disabledKeys);
+      if (selectedKey != null)
+        selectionManager.setSelectedKeys([
+          selectedKey
+        ]);
+    }
+    if (selectedKey != null && selectionManager.focusedKey == null || !selectionManager.isFocused && selectedKey !== lastSelectedKey.current) selectionManager.setFocusedKey(selectedKey);
+    lastSelectedKey.current = selectedKey;
+  });
+  return __spreadProps(__spreadValues({}, state), {
+    isDisabled: props.isDisabled || false
+  });
+}
+function $76f919a04c5a7d14$var$findDefaultSelectedKey(collection, disabledKeys) {
+  let selectedKey = null;
+  if (collection) {
+    var _collection_getItem_props, _collection_getItem, _collection_getItem_props1, _collection_getItem1;
+    selectedKey = collection.getFirstKey();
+    while (selectedKey != null && (disabledKeys.has(selectedKey) || ((_collection_getItem = collection.getItem(selectedKey)) === null || _collection_getItem === void 0 ? void 0 : (_collection_getItem_props = _collection_getItem.props) === null || _collection_getItem_props === void 0 ? void 0 : _collection_getItem_props.isDisabled)) && selectedKey !== collection.getLastKey()) selectedKey = collection.getKeyAfter(selectedKey);
+    if (selectedKey != null && (disabledKeys.has(selectedKey) || ((_collection_getItem1 = collection.getItem(selectedKey)) === null || _collection_getItem1 === void 0 ? void 0 : (_collection_getItem_props1 = _collection_getItem1.props) === null || _collection_getItem_props1 === void 0 ? void 0 : _collection_getItem_props1.isDisabled)) && selectedKey === collection.getLastKey()) selectedKey = collection.getFirstKey();
+  }
+  return selectedKey;
+}
+const $99b62ae3ff97ec45$export$c5f62239608282b6 = /* @__PURE__ */ new WeakMap();
+function $99b62ae3ff97ec45$export$567fc7097e064344(state, key, role) {
+  if (!state)
+    return "";
+  if (typeof key === "string") key = key.replace(/\s+/g, "");
+  let baseId = $99b62ae3ff97ec45$export$c5f62239608282b6.get(state);
+  return `${baseId}-${role}-${key}`;
+}
+function $0175d55c2a017ebc$export$fdf4756d5b8ef90a(props, state, ref) {
+  let { key, isDisabled: propsDisabled, shouldSelectOnPressUp } = props;
+  let { selectionManager: manager, selectedKey } = state;
+  let isSelected = key === selectedKey;
+  let isDisabled = propsDisabled || state.isDisabled || state.selectionManager.isDisabled(key);
+  let { itemProps, isPressed } = $880e95eb8b93ba9a$export$ecf600387e221c37({
+    selectionManager: manager,
+    key,
+    ref,
+    isDisabled,
+    shouldSelectOnPressUp,
+    linkBehavior: "selection"
+  });
+  let tabId = $99b62ae3ff97ec45$export$567fc7097e064344(state, key, "tab");
+  let tabPanelId = $99b62ae3ff97ec45$export$567fc7097e064344(state, key, "tabpanel");
+  let { tabIndex } = itemProps;
+  let item = state.collection.getItem(key);
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(item === null || item === void 0 ? void 0 : item.props, {
+    labelable: true
+  });
+  delete domProps.id;
+  let linkProps = $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(item === null || item === void 0 ? void 0 : item.props);
+  let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c({
+    isDisabled
+  }, ref);
+  return {
+    tabProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, focusableProps, linkProps, itemProps, {
+      id: tabId,
+      "aria-selected": isSelected,
+      "aria-disabled": isDisabled || void 0,
+      "aria-controls": isSelected ? tabPanelId : void 0,
+      tabIndex: isDisabled ? void 0 : tabIndex,
+      role: "tab"
+    }),
+    isSelected,
+    isDisabled,
+    isPressed
+  };
+}
+function $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref) {
+  let tabIndex = $83013635b024ae3d$export$eac1895992b9f3d6(ref) ? void 0 : 0;
+  var _props_id;
+  const id = $99b62ae3ff97ec45$export$567fc7097e064344(state, (_props_id = props.id) !== null && _props_id !== void 0 ? _props_id : state === null || state === void 0 ? void 0 : state.selectedKey, "tabpanel");
+  const tabPanelProps = $313b98861ee5dd6c$export$d6875122194c7b44(__spreadProps(__spreadValues({}, props), {
+    id,
+    "aria-labelledby": $99b62ae3ff97ec45$export$567fc7097e064344(state, state === null || state === void 0 ? void 0 : state.selectedKey, "tab")
+  }));
+  return {
+    tabPanelProps: $3ef42575df84b30b$export$9d1611c77c2fe928(tabPanelProps, {
+      tabIndex,
+      role: "tabpanel",
+      "aria-describedby": props["aria-describedby"],
+      "aria-details": props["aria-details"]
+    })
+  };
+}
+class $bfc6f2d60b8a4c40$export$15010ca3c1abe90b {
+  getKeyLeftOf(key) {
+    if (this.flipDirection) return this.getNextKey(key);
+    return this.getPreviousKey(key);
+  }
+  getKeyRightOf(key) {
+    if (this.flipDirection) return this.getPreviousKey(key);
+    return this.getNextKey(key);
+  }
+  isDisabled(key) {
+    var _this_collection_getItem_props, _this_collection_getItem;
+    return this.disabledKeys.has(key) || !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === void 0 ? void 0 : (_this_collection_getItem_props = _this_collection_getItem.props) === null || _this_collection_getItem_props === void 0 ? void 0 : _this_collection_getItem_props.isDisabled);
+  }
+  getFirstKey() {
+    let key = this.collection.getFirstKey();
+    if (key != null && this.isDisabled(key)) key = this.getNextKey(key);
+    return key;
+  }
+  getLastKey() {
+    let key = this.collection.getLastKey();
+    if (key != null && this.isDisabled(key)) key = this.getPreviousKey(key);
+    return key;
+  }
+  getKeyAbove(key) {
+    if (this.tabDirection) return null;
+    return this.getPreviousKey(key);
+  }
+  getKeyBelow(key) {
+    if (this.tabDirection) return null;
+    return this.getNextKey(key);
+  }
+  getNextKey(startKey) {
+    let key = startKey;
+    do {
+      key = this.collection.getKeyAfter(key);
+      if (key == null) key = this.collection.getFirstKey();
+    } while (key != null && this.isDisabled(key));
+    return key;
+  }
+  getPreviousKey(startKey) {
+    let key = startKey;
+    do {
+      key = this.collection.getKeyBefore(key);
+      if (key == null) key = this.collection.getLastKey();
+    } while (key != null && this.isDisabled(key));
+    return key;
+  }
+  constructor(collection, direction, orientation, disabledKeys = /* @__PURE__ */ new Set()) {
+    this.collection = collection;
+    this.flipDirection = direction === "rtl" && orientation === "horizontal";
+    this.disabledKeys = disabledKeys;
+    this.tabDirection = orientation === "horizontal";
+  }
+}
+function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
+  let { orientation = "horizontal", keyboardActivation = "automatic" } = props;
+  let { collection, selectionManager: manager, disabledKeys } = state;
+  let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let delegate = useMemo(() => new $bfc6f2d60b8a4c40$export$15010ca3c1abe90b(collection, direction, orientation, disabledKeys), [
+    collection,
+    disabledKeys,
+    orientation,
+    direction
+  ]);
+  let { collectionProps } = $ae20dd8cbca75726$export$d6daf82dcd84e87c({
+    ref,
+    selectionManager: manager,
+    keyboardDelegate: delegate,
+    selectOnFocus: keyboardActivation === "automatic",
+    disallowEmptySelection: true,
+    scrollRef: ref,
+    linkBehavior: "selection"
+  });
+  let tabsId = $bdb11010cef70236$export$f680877a34711e37();
+  $99b62ae3ff97ec45$export$c5f62239608282b6.set(state, tabsId);
+  let tabListLabelProps = $313b98861ee5dd6c$export$d6875122194c7b44(__spreadProps(__spreadValues({}, props), {
+    id: tabsId
+  }));
+  return {
+    tabListProps: __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(collectionProps, tabListLabelProps)), {
+      role: "tablist",
+      "aria-orientation": orientation,
+      tabIndex: void 0
+    })
+  };
+}
+function TabPanelsItem(_props) {
+  return null;
+}
+Object.assign(TabPanelsItem, $c1d7fb2ec91bae71$export$6d08773d2e66f8f2);
+const TabPanelsContext = createContext(null);
+const useTabPanels = () => {
+  const tabPanelsContext = useContext(TabPanelsContext);
+  if (!tabPanelsContext) {
+    throw new Error("useTabPanels must be used within a TabPanels");
+  }
+  return tabPanelsContext;
+};
+function TabPanelsPanels(props) {
+  const { tabListState } = useTabPanels();
+  const factory = useCallback((nodes) => new $a02d57049d202695$export$d085fb9e920b5ca7(nodes), []);
+  const collection = $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, {
+    suppressTextValueWarning: true
+  });
+  if (!tabListState) {
+    return null;
+  }
+  const selectedItem = tabListState.selectedKey === null ? null : collection.getItem(tabListState.selectedKey);
+  return React__default.createElement(TabPanelsPanel, __spreadProps(__spreadValues({}, props), {
+    key: tabListState == null ? void 0 : tabListState.selectedKey,
+    state: tabListState
+  }), selectedItem && selectedItem.props.children);
+}
+function TabPanelsPanel(_a) {
+  var _b = _a, { state } = _b, props = __objRest(_b, ["state"]);
+  const { children } = props;
+  const ref = React__default.useRef(null);
+  const { tabPanelProps } = $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref);
+  return children && isValidElement(children) && !reactIsExports.isFragment(children) ? React__default.cloneElement(children, __spreadValues(__spreadValues({
+    ref
+  }, tabPanelProps), children.props)) : React__default.createElement("div", __spreadValues({
+    ref
+  }, tabPanelProps), children);
+}
+function TabPanelsTabs(props) {
+  const { tabProps, setTabListState } = useTabPanels();
+  const ref = React__default.useRef(null);
+  const mergedProps = $3ef42575df84b30b$export$9d1611c77c2fe928(tabProps, props);
+  const state = $76f919a04c5a7d14$export$4ba071daf4e486(mergedProps);
+  const { tabListProps } = $58d314389b21fa3f$export$773e389e644c5874(mergedProps, state, ref);
+  useEffect(() => {
+    setTabListState(state);
+  }, [state.disabledKeys, state.selectedItem, state.selectedKey, props.children]);
+  return React__default.createElement(Tabs, {
+    containerComponent: "div",
+    containerProps: {},
+    listComponent: "div",
+    listProps: tabListProps,
+    listRef: ref
+  }, [...state.collection].map((item) => React__default.createElement(TabPanelsTab, {
+    key: item.key,
+    item,
+    state
+  })));
+}
+function TabPanelsTab({ item, state }) {
+  const ref = React__default.useRef(null);
+  const { tabProps } = $0175d55c2a017ebc$export$fdf4756d5b8ef90a({
+    key: item.key
+  }, state, ref);
+  const isSelected = state.selectedItem === item;
+  const isDisabled = state.disabledKeys.has(item.key) || state.isDisabled;
+  return React__default.createElement(Tabs.Item, __spreadValues({
+    tabComponent: "div",
+    tabRef: ref,
+    isSelected,
+    isDisabled
+  }, tabProps), item.rendered);
+}
+function TabPanels(props) {
+  const [tabListState, setTabListState] = useState(null);
+  const context = useMemo(() => {
+    return {
+      tabProps: props,
+      tabListState,
+      setTabListState
+    };
+  }, [tabListState, props]);
+  return React__default.createElement(TabPanelsContext.Provider, {
+    value: context
+  }, props.children);
+}
+TabPanels.Tabs = TabPanelsTabs;
+TabPanels.Panels = TabPanelsPanels;
+TabPanels.Item = TabPanelsItem;
+export {
+  TabPanels
+};

package/Tabs/Edge.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type EdgeProps = {
+    side: "left" | "right";
+    isUnderScroll: boolean;
+};
+export declare function Edge({ side, isUnderScroll }: EdgeProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Edge.d.ts.map

package/Tabs/Edge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edge.d.ts","sourceRoot":"","sources":["../../src/Tabs/Edge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,SAAS,qBAOtD"}

package/Tabs/Tabs.d.ts

@@ -0,0 +1,23 @@
+import React, { MutableRefObject, ReactNode } from "react";
+import { TabsItem } from "./TabsItem";
+export type TabsProps = {
+    containerComponent: "div" | "nav";
+    containerProps: object;
+    listComponent: "div" | "ul";
+    listProps: object;
+    listRef?: MutableRefObject<null>;
+    children: ReactNode;
+};
+/**
+ * `Tabs` is the underlying implementation to the presentation of tabs in
+ * `TabNav` and `TabPanels`. The specifics of each implementation is handled
+ * by the respective component.
+ *
+ * @private
+ * @ignore
+ */
+export declare function Tabs(props: TabsProps): React.JSX.Element;
+export declare namespace Tabs {
+    var Item: typeof TabsItem;
+}
+//# sourceMappingURL=Tabs.d.ts.map

package/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,gBAAgB,EAChB,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAMtC,MAAM,MAAM,SAAS,GAAG;IACtB,kBAAkB,EAAE,KAAK,GAAG,KAAK,CAAC;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,qBA2DpC;yBA3De,IAAI"}