@basic-ui/core 0.0.53 → 0.0.56

package/build/esm/Tabs/Tab.js

@@ -1,60 +1,46 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "onKeyDown", "onClick", "index"];
 import { forwardRef, useRef } from 'react';
 import { useTabsContext, useTabListContext } from './context';
 import { assignMultipleRefs, getCircularIndex, wrapEvent } from '../utils';
 import { scopeQuery } from './scopeQuery';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function getNextIndex(desiredIndex, delta, allTabs) {
-  for (var i = 0; i < allTabs.length; i++) {
-    var nextIndex = getCircularIndex(desiredIndex + delta * i, allTabs.length);
-
+  for (let i = 0; i < allTabs.length; i++) {
+    const nextIndex = getCircularIndex(desiredIndex + delta * i, allTabs.length);
     if (nextIndex !== null && !allTabs[nextIndex].disabled) {
       return nextIndex;
     }
   }
-
   return null;
 }
-
-export var Tab = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
-  var _ref = props,
-      _ref$as = _ref.as,
-      Comp = _ref$as === void 0 ? 'button' : _ref$as,
-      onKeyDown = _ref.onKeyDown,
-      onClick = _ref.onClick,
-      _ref$index = _ref.index,
-      tabIndex = _ref$index === void 0 ? -1 : _ref$index,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  var tabContext = useTabsContext();
-  var tabListContext = useTabListContext();
-  var ref = useRef(undefined);
-
+export const Tab = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
+  const {
+    as: Comp = 'button',
+    onKeyDown,
+    onClick,
+    index: tabIndex = -1,
+    ...otherProps
+  } = props;
+  const tabContext = useTabsContext();
+  const tabListContext = useTabListContext();
+  const ref = useRef(undefined);
   if (!tabContext || !tabListContext) {
     throw new Error('Missing <Tabs /> or <TabList /> in the component tree');
   }
-
-  var handleKeyDown = function handleKeyDown(e) {
-    var right = tabListContext.vertical ? 'ArrowDown' : 'ArrowRight';
-    var left = tabListContext.vertical ? 'ArrowUp' : 'ArrowLeft';
-    var first = 'Home';
-    var last = 'End';
-
-    var navigateIndex = function navigateIndex(desiredIndex, isLast) {
-      var delta = e.key === right || e.key === first ? 1 : -1;
-      var allTabs = tabListContext.tabsScope.current.queryAllNodes(scopeQuery);
-      var currentIndex = ref.current ? allTabs.indexOf(ref.current) : -1;
-      var nextIndex = getNextIndex(isLast ? desiredIndex : currentIndex + desiredIndex, delta, allTabs);
-
+  const handleKeyDown = e => {
+    const right = tabListContext.vertical ? 'ArrowDown' : 'ArrowRight';
+    const left = tabListContext.vertical ? 'ArrowUp' : 'ArrowLeft';
+    const first = 'Home';
+    const last = 'End';
+    const navigateIndex = (desiredIndex, isLast) => {
+      const delta = e.key === right || e.key === first ? 1 : -1;
+      const allTabs = tabListContext.tabsScope.current.queryAllNodes(scopeQuery);
+      const currentIndex = ref.current ? allTabs.indexOf(ref.current) : -1;
+      const nextIndex = getNextIndex(isLast ? desiredIndex : currentIndex + desiredIndex, delta, allTabs);
       if (nextIndex !== null && nextIndex !== currentIndex && tabContext.onChange) {
         allTabs[nextIndex].focus();
         !tabListContext.manualActivation && tabContext.onChange(e, nextIndex);
       }
     };
-
     switch (e.key) {
       case right:
       case left:
@@ -62,9 +48,7 @@ export var Tab = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
           navigateIndex(e.key === right ? 1 : -1, false);
           break;
         }
-
       case first: // Home / End
-
       case last:
         {
           navigateIndex(e.key === first ? 0 : -1, true);
@@ -72,28 +56,26 @@ export var Tab = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
         }
     }
   };
-
-  var handleClick = function handleClick(e) {
-    var allTabs = tabListContext.tabsScope.current.queryAllNodes(scopeQuery);
-    var currentIndex = ref.current ? allTabs.indexOf(ref.current) : -1;
-
+  const handleClick = e => {
+    const allTabs = tabListContext.tabsScope.current.queryAllNodes(scopeQuery);
+    const currentIndex = ref.current ? allTabs.indexOf(ref.current) : -1;
     if (currentIndex >= 0) {
       tabContext.onChange && tabContext.onChange(e, currentIndex);
     }
   };
-
-  var isSelected = tabIndex === tabContext.currentIndex;
-  return /*#__PURE__*/_jsx(Comp, _extends(_extends({}, otherProps), {}, {
+  const isSelected = tabIndex === tabContext.currentIndex;
+  return /*#__PURE__*/_jsx(Comp, {
+    ...otherProps,
     ref: assignMultipleRefs(ref, forwardedRef),
     "data-tab": "",
-    id: tabContext.tabListId !== null && tabIndex >= 0 ? "tab-".concat(tabContext.tabListId, "-").concat(tabIndex) : undefined,
-    "aria-controls": tabContext.tabListId !== null && tabIndex >= 0 ? "tabpanel-".concat(tabContext.tabListId, "-").concat(tabIndex) : undefined,
+    id: tabContext.tabListId !== null && tabIndex >= 0 ? `tab-${tabContext.tabListId}-${tabIndex}` : undefined,
+    "aria-controls": tabContext.tabListId !== null && tabIndex >= 0 ? `tabpanel-${tabContext.tabListId}-${tabIndex}` : undefined,
     role: "tab",
     tabIndex: isSelected ? 0 : -1,
     "aria-selected": isSelected,
     selected: isSelected,
     onKeyDown: wrapEvent(onKeyDown, handleKeyDown),
     onClick: wrapEvent(onClick, handleClick)
-  }));
+  });
 });
 //# sourceMappingURL=Tab.js.map

package/build/esm/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["forwardRef","useRef","useTabsContext","useTabListContext","assignMultipleRefs","getCircularIndex","wrapEvent","scopeQuery","getNextIndex","desiredIndex","delta","allTabs","i","length","nextIndex","disabled","Tab","props","forwardedRef","as","Comp","onKeyDown","onClick","index","tabIndex","otherProps","tabContext","tabListContext","ref","undefined","Error","handleKeyDown","e","right","vertical","left","first","last","navigateIndex","isLast","key","tabsScope","current","queryAllNodes","currentIndex","indexOf","onChange","focus","manualActivation","handleClick","isSelected","tabListId"],"sources":["../../../src/Tabs/Tab.tsx"],"sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from 'react';\nimport { forwardRef, useRef } from 'react';\n\nimport { useTabsContext, useTabListContext } from './context';\nimport { assignMultipleRefs, getCircularIndex, wrapEvent } from '../utils';\nimport { scopeQuery } from './scopeQuery';\n\nfunction getNextIndex(\n  desiredIndex: number,\n  delta: number,\n  allTabs: HTMLButtonElement[]\n) {\n  for (let i = 0; i < allTabs.length; i++) {\n    const nextIndex = getCircularIndex(\n      desiredIndex + delta * i,\n      allTabs.length\n    );\n\n    if (nextIndex !== null && !allTabs[nextIndex].disabled) {\n      return nextIndex;\n    }\n  }\n\n  return null;\n}\n\nexport interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = 'button',\n    onKeyDown,\n    onClick,\n    index: tabIndex = -1,\n    ...otherProps\n  } = props as TabProps & { index: number };\n  const tabContext = useTabsContext();\n  const tabListContext = useTabListContext();\n\n  const ref = useRef<HTMLButtonElement | undefined>(undefined);\n\n  if (!tabContext || !tabListContext) {\n    throw new Error('Missing <Tabs /> or <TabList /> in the component tree');\n  }\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    const right = tabListContext.vertical ? 'ArrowDown' : 'ArrowRight';\n    const left = tabListContext.vertical ? 'ArrowUp' : 'ArrowLeft';\n    const first = 'Home';\n    const last = 'End';\n\n    const navigateIndex = (desiredIndex: number, isLast: boolean) => {\n      const delta = e.key === right || e.key === first ? 1 : -1;\n\n      const allTabs =\n        tabListContext.tabsScope.current.queryAllNodes(scopeQuery);\n      const currentIndex = ref.current ? allTabs.indexOf(ref.current) : -1;\n\n      const nextIndex = getNextIndex(\n        isLast ? desiredIndex : currentIndex + desiredIndex,\n        delta,\n        allTabs as HTMLButtonElement[]\n      );\n\n      if (\n        nextIndex !== null &&\n        nextIndex !== currentIndex &&\n        tabContext.onChange\n      ) {\n        allTabs[nextIndex].focus();\n        !tabListContext.manualActivation && tabContext.onChange(e, nextIndex);\n      }\n    };\n\n    switch (e.key) {\n      case right:\n      case left: {\n        navigateIndex(e.key === right ? 1 : -1, false);\n        break;\n      }\n      case first: // Home / End\n      case last: {\n        navigateIndex(e.key === first ? 0 : -1, true);\n        break;\n      }\n    }\n  };\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    const allTabs = tabListContext.tabsScope.current.queryAllNodes(scopeQuery);\n    const currentIndex = ref.current ? allTabs.indexOf(ref.current) : -1;\n\n    if (currentIndex >= 0) {\n      tabContext.onChange && tabContext.onChange(e, currentIndex);\n    }\n  };\n\n  const isSelected = tabIndex === tabContext.currentIndex;\n\n  return (\n    <Comp\n      {...otherProps}\n      ref={assignMultipleRefs(ref, forwardedRef)}\n      data-tab=\"\"\n      id={\n        tabContext.tabListId !== null && tabIndex >= 0\n          ? `tab-${tabContext.tabListId}-${tabIndex}`\n          : undefined\n      }\n      aria-controls={\n        tabContext.tabListId !== null && tabIndex >= 0\n          ? `tabpanel-${tabContext.tabListId}-${tabIndex}`\n          : undefined\n      }\n      role=\"tab\"\n      tabIndex={isSelected ? 0 : -1}\n      aria-selected={isSelected}\n      selected={isSelected}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      onClick={wrapEvent(onClick, handleClick)}\n    />\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Tab.js","names":["forwardRef","useRef","useTabsContext","useTabListContext","assignMultipleRefs","getCircularIndex","wrapEvent","scopeQuery","jsx","_jsx","getNextIndex","desiredIndex","delta","allTabs","i","length","nextIndex","disabled","Tab","props","forwardedRef","as","Comp","onKeyDown","onClick","index","tabIndex","otherProps","tabContext","tabListContext","ref","undefined","Error","handleKeyDown","e","right","vertical","left","first","last","navigateIndex","isLast","key","tabsScope","current","queryAllNodes","currentIndex","indexOf","onChange","focus","manualActivation","handleClick","isSelected","id","tabListId","role","selected"],"sources":["../../../src/Tabs/Tab.tsx"],"sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from 'react';\nimport { forwardRef, useRef } from 'react';\n\nimport { useTabsContext, useTabListContext } from './context';\nimport { assignMultipleRefs, getCircularIndex, wrapEvent } from '../utils';\nimport { scopeQuery } from './scopeQuery';\n\nfunction getNextIndex(\n  desiredIndex: number,\n  delta: number,\n  allTabs: HTMLButtonElement[]\n) {\n  for (let i = 0; i < allTabs.length; i++) {\n    const nextIndex = getCircularIndex(\n      desiredIndex + delta * i,\n      allTabs.length\n    );\n\n    if (nextIndex !== null && !allTabs[nextIndex].disabled) {\n      return nextIndex;\n    }\n  }\n\n  return null;\n}\n\nexport interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = 'button',\n    onKeyDown,\n    onClick,\n    index: tabIndex = -1,\n    ...otherProps\n  } = props as TabProps & { index: number };\n  const tabContext = useTabsContext();\n  const tabListContext = useTabListContext();\n\n  const ref = useRef<HTMLButtonElement | undefined>(undefined);\n\n  if (!tabContext || !tabListContext) {\n    throw new Error('Missing <Tabs /> or <TabList /> in the component tree');\n  }\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    const right = tabListContext.vertical ? 'ArrowDown' : 'ArrowRight';\n    const left = tabListContext.vertical ? 'ArrowUp' : 'ArrowLeft';\n    const first = 'Home';\n    const last = 'End';\n\n    const navigateIndex = (desiredIndex: number, isLast: boolean) => {\n      const delta = e.key === right || e.key === first ? 1 : -1;\n\n      const allTabs =\n        tabListContext.tabsScope.current.queryAllNodes(scopeQuery);\n      const currentIndex = ref.current ? allTabs.indexOf(ref.current) : -1;\n\n      const nextIndex = getNextIndex(\n        isLast ? desiredIndex : currentIndex + desiredIndex,\n        delta,\n        allTabs as HTMLButtonElement[]\n      );\n\n      if (\n        nextIndex !== null &&\n        nextIndex !== currentIndex &&\n        tabContext.onChange\n      ) {\n        allTabs[nextIndex].focus();\n        !tabListContext.manualActivation && tabContext.onChange(e, nextIndex);\n      }\n    };\n\n    switch (e.key) {\n      case right:\n      case left: {\n        navigateIndex(e.key === right ? 1 : -1, false);\n        break;\n      }\n      case first: // Home / End\n      case last: {\n        navigateIndex(e.key === first ? 0 : -1, true);\n        break;\n      }\n    }\n  };\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    const allTabs = tabListContext.tabsScope.current.queryAllNodes(scopeQuery);\n    const currentIndex = ref.current ? allTabs.indexOf(ref.current) : -1;\n\n    if (currentIndex >= 0) {\n      tabContext.onChange && tabContext.onChange(e, currentIndex);\n    }\n  };\n\n  const isSelected = tabIndex === tabContext.currentIndex;\n\n  return (\n    <Comp\n      {...otherProps}\n      ref={assignMultipleRefs(ref, forwardedRef)}\n      data-tab=\"\"\n      id={\n        tabContext.tabListId !== null && tabIndex >= 0\n          ? `tab-${tabContext.tabListId}-${tabIndex}`\n          : undefined\n      }\n      aria-controls={\n        tabContext.tabListId !== null && tabIndex >= 0\n          ? `tabpanel-${tabContext.tabListId}-${tabIndex}`\n          : undefined\n      }\n      role=\"tab\"\n      tabIndex={isSelected ? 0 : -1}\n      aria-selected={isSelected}\n      selected={isSelected}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      onClick={wrapEvent(onClick, handleClick)}\n    />\n  );\n});\n"],"mappings":"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","ignoreList":[]}

package/build/esm/Tabs/TabList.js

@@ -1,58 +1,48 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "manualActivation", "vertical", "children"];
 import { forwardRef, useRef, useEffect, Children, cloneElement, useId } from 'react';
 import { TabListProvider, useTabsContext } from './context';
 import { useScope } from '../hooks';
 import { assignMultipleRefs } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var TabList = /*#__PURE__*/forwardRef(function TabList(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? 'div' : _props$as,
-      _props$manualActivati = props.manualActivation,
-      manualActivation = _props$manualActivati === void 0 ? false : _props$manualActivati,
-      _props$vertical = props.vertical,
-      vertical = _props$vertical === void 0 ? false : _props$vertical,
-      childrenProps = props.children,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var ref = useRef();
-  var tabsScope = useScope(ref);
-  var tabsContext = useTabsContext();
-  var id = useId();
-
+export const TabList = /*#__PURE__*/forwardRef(function TabList(props, forwardedRef) {
+  const {
+    as: Comp = 'div',
+    manualActivation = false,
+    vertical = false,
+    children: childrenProps,
+    ...otherProps
+  } = props;
+  const ref = useRef(null);
+  const tabsScope = useScope(ref);
+  const tabsContext = useTabsContext();
+  const id = useId();
   if (!tabsContext) {
     throw new Error('Missing <Tabs /> in the component tree');
   }
-
-  useEffect(function () {
+  useEffect(() => {
     if (id !== undefined) {
       tabsContext.setTabListId(id);
-      return function () {
+      return () => {
         tabsContext.setTabListId(null);
       };
     }
-
     return;
   }, [id, tabsContext, tabsContext.setTabListId]);
-  var children = Children.map(childrenProps, function (node, index) {
-    return /*#__PURE__*/cloneElement(node, {
-      index: index
-    });
-  });
+  const children = Children.map(childrenProps, (node, index) => /*#__PURE__*/cloneElement(node, {
+    index
+  }));
   return /*#__PURE__*/_jsx(TabListProvider, {
     value: {
-      tabsScope: tabsScope,
-      manualActivation: manualActivation,
-      vertical: vertical
+      tabsScope,
+      manualActivation,
+      vertical
     },
-    children: /*#__PURE__*/_jsx(Comp, _extends(_extends({
+    children: /*#__PURE__*/_jsx(Comp, {
       ref: assignMultipleRefs(forwardedRef, ref),
       "data-tab-list": "",
-      role: "tablist"
-    }, otherProps), {}, {
+      role: "tablist",
+      ...otherProps,
       children: children
-    }))
+    })
   });
 });
 //# sourceMappingURL=TabList.js.map

package/build/esm/Tabs/TabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.js","names":["forwardRef","useRef","useEffect","Children","cloneElement","useId","TabListProvider","useTabsContext","useScope","assignMultipleRefs","TabList","props","forwardedRef","as","Comp","manualActivation","vertical","childrenProps","children","otherProps","ref","tabsScope","tabsContext","id","Error","undefined","setTabListId","map","node","index"],"sources":["../../../src/Tabs/TabList.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, ReactNode } from 'react';\nimport {\n  forwardRef,\n  useRef,\n  useEffect,\n  Children,\n  cloneElement,\n  useId,\n} from 'react';\n\nimport { TabListProvider, useTabsContext } from './context';\nimport { useScope } from '../hooks';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface TabListProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  manualActivation?: boolean;\n  vertical?: boolean;\n  children?: ReactNode;\n}\n\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(\n  function TabList(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      manualActivation = false,\n      vertical = false,\n      children: childrenProps,\n      ...otherProps\n    } = props;\n\n    const ref = useRef();\n    const tabsScope = useScope(ref);\n    const tabsContext = useTabsContext();\n    const id = useId();\n\n    if (!tabsContext) {\n      throw new Error('Missing <Tabs /> in the component tree');\n    }\n\n    useEffect(() => {\n      if (id !== undefined) {\n        tabsContext.setTabListId(id);\n\n        return () => {\n          tabsContext.setTabListId(null);\n        };\n      }\n\n      return;\n    }, [id, tabsContext, tabsContext.setTabListId]);\n\n    const children = Children.map(childrenProps, (node, index) =>\n      cloneElement(node as any, { index })\n    );\n\n    return (\n      <TabListProvider value={{ tabsScope, manualActivation, vertical }}>\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, ref)}\n          data-tab-list=\"\"\n          role=\"tablist\"\n          {...otherProps}\n        >\n          {children}\n        </Comp>\n      </TabListProvider>\n    );\n  }\n);\n"],"mappings":";;;AACA,SACEA,UADF,EAEEC,MAFF,EAGEC,SAHF,EAIEC,QAJF,EAKEC,YALF,EAMEC,KANF,QAOO,OAPP;AASA,SAASC,eAAT,EAA0BC,cAA1B,QAAgD,WAAhD;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAUA,OAAO,IAAMC,OAAO,gBAAGV,UAAU,CAC/B,SAASU,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;EACpC,gBAMID,KANJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,KADb;EAAA,4BAMIH,KANJ,CAEEI,gBAFF;EAAA,IAEEA,gBAFF,sCAEqB,KAFrB;EAAA,sBAMIJ,KANJ,CAGEK,QAHF;EAAA,IAGEA,QAHF,gCAGa,KAHb;EAAA,IAIYC,aAJZ,GAMIN,KANJ,CAIEO,QAJF;EAAA,IAKKC,UALL,4BAMIR,KANJ;;EAQA,IAAMS,GAAG,GAAGnB,MAAM,EAAlB;EACA,IAAMoB,SAAS,GAAGb,QAAQ,CAACY,GAAD,CAA1B;EACA,IAAME,WAAW,GAAGf,cAAc,EAAlC;EACA,IAAMgB,EAAE,GAAGlB,KAAK,EAAhB;;EAEA,IAAI,CAACiB,WAAL,EAAkB;IAChB,MAAM,IAAIE,KAAJ,CAAU,wCAAV,CAAN;EACD;;EAEDtB,SAAS,CAAC,YAAM;IACd,IAAIqB,EAAE,KAAKE,SAAX,EAAsB;MACpBH,WAAW,CAACI,YAAZ,CAAyBH,EAAzB;MAEA,OAAO,YAAM;QACXD,WAAW,CAACI,YAAZ,CAAyB,IAAzB;MACD,CAFD;IAGD;;IAED;EACD,CAVQ,EAUN,CAACH,EAAD,EAAKD,WAAL,EAAkBA,WAAW,CAACI,YAA9B,CAVM,CAAT;EAYA,IAAMR,QAAQ,GAAGf,QAAQ,CAACwB,GAAT,CAAaV,aAAb,EAA4B,UAACW,IAAD,EAAOC,KAAP;IAAA,oBAC3CzB,YAAY,CAACwB,IAAD,EAAc;MAAEC,KAAK,EAALA;IAAF,CAAd,CAD+B;EAAA,CAA5B,CAAjB;EAIA,oBACE,KAAC,eAAD;IAAiB,KAAK,EAAE;MAAER,SAAS,EAATA,SAAF;MAAaN,gBAAgB,EAAhBA,gBAAb;MAA+BC,QAAQ,EAARA;IAA/B,CAAxB;IAAA,uBACE,KAAC,IAAD;MACE,GAAG,EAAEP,kBAAkB,CAACG,YAAD,EAAeQ,GAAf,CADzB;MAEE,iBAAc,EAFhB;MAGE,IAAI,EAAC;IAHP,GAIMD,UAJN;MAAA,UAMGD;IANH;EADF,EADF;AAYD,CA/C8B,CAA1B"}
+{"version":3,"file":"TabList.js","names":["forwardRef","useRef","useEffect","Children","cloneElement","useId","TabListProvider","useTabsContext","useScope","assignMultipleRefs","jsx","_jsx","TabList","props","forwardedRef","as","Comp","manualActivation","vertical","children","childrenProps","otherProps","ref","tabsScope","tabsContext","id","Error","undefined","setTabListId","map","node","index","value","role"],"sources":["../../../src/Tabs/TabList.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, ReactNode } from 'react';\nimport {\n  forwardRef,\n  useRef,\n  useEffect,\n  Children,\n  cloneElement,\n  useId,\n} from 'react';\n\nimport { TabListProvider, useTabsContext } from './context';\nimport { useScope } from '../hooks';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface TabListProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  manualActivation?: boolean;\n  vertical?: boolean;\n  children?: ReactNode;\n}\n\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(\n  function TabList(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      manualActivation = false,\n      vertical = false,\n      children: childrenProps,\n      ...otherProps\n    } = props;\n\n    const ref = useRef(null);\n    const tabsScope = useScope(ref);\n    const tabsContext = useTabsContext();\n    const id = useId();\n\n    if (!tabsContext) {\n      throw new Error('Missing <Tabs /> in the component tree');\n    }\n\n    useEffect(() => {\n      if (id !== undefined) {\n        tabsContext.setTabListId(id);\n\n        return () => {\n          tabsContext.setTabListId(null);\n        };\n      }\n\n      return;\n    }, [id, tabsContext, tabsContext.setTabListId]);\n\n    const children = Children.map(childrenProps, (node, index) =>\n      cloneElement(node as any, { index })\n    );\n\n    return (\n      <TabListProvider value={{ tabsScope, manualActivation, vertical }}>\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, ref)}\n          data-tab-list=\"\"\n          role=\"tablist\"\n          {...otherProps}\n        >\n          {children}\n        </Comp>\n      </TabListProvider>\n    );\n  }\n);\n"],"mappings":"AACA,SACEA,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,YAAY,EACZC,KAAK,QACA,OAAO;AAEd,SAASC,eAAe,EAAEC,cAAc,QAAQ,WAAW;AAC3D,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,kBAAkB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU9C,OAAO,MAAMC,OAAO,gBAAGZ,UAAU,CAC/B,SAASY,OAAOA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACpC,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAChBC,gBAAgB,GAAG,KAAK;IACxBC,QAAQ,GAAG,KAAK;IAChBC,QAAQ,EAAEC,aAAa;IACvB,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAMS,GAAG,GAAGrB,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMsB,SAAS,GAAGf,QAAQ,CAACc,GAAG,CAAC;EAC/B,MAAME,WAAW,GAAGjB,cAAc,CAAC,CAAC;EACpC,MAAMkB,EAAE,GAAGpB,KAAK,CAAC,CAAC;EAElB,IAAI,CAACmB,WAAW,EAAE;IAChB,MAAM,IAAIE,KAAK,CAAC,wCAAwC,CAAC;EAC3D;EAEAxB,SAAS,CAAC,MAAM;IACd,IAAIuB,EAAE,KAAKE,SAAS,EAAE;MACpBH,WAAW,CAACI,YAAY,CAACH,EAAE,CAAC;MAE5B,OAAO,MAAM;QACXD,WAAW,CAACI,YAAY,CAAC,IAAI,CAAC;MAChC,CAAC;IACH;IAEA;EACF,CAAC,EAAE,CAACH,EAAE,EAAED,WAAW,EAAEA,WAAW,CAACI,YAAY,CAAC,CAAC;EAE/C,MAAMT,QAAQ,GAAGhB,QAAQ,CAAC0B,GAAG,CAACT,aAAa,EAAE,CAACU,IAAI,EAAEC,KAAK,kBACvD3B,YAAY,CAAC0B,IAAI,EAAS;IAAEC;EAAM,CAAC,CACrC,CAAC;EAED,oBACEpB,IAAA,CAACL,eAAe;IAAC0B,KAAK,EAAE;MAAET,SAAS;MAAEN,gBAAgB;MAAEC;IAAS,CAAE;IAAAC,QAAA,eAChER,IAAA,CAACK,IAAI;MACHM,GAAG,EAAEb,kBAAkB,CAACK,YAAY,EAAEQ,GAAG,CAAE;MAC3C,iBAAc,EAAE;MAChBW,IAAI,EAAC,SAAS;MAAA,GACVZ,UAAU;MAAAF,QAAA,EAEbA;IAAQ,CACL;EAAC,CACQ,CAAC;AAEtB,CACF,CAAC","ignoreList":[]}

package/build/esm/Tabs/TabPanel.js

@@ -1,36 +1,29 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "index", "lazy", "children"];
 import { forwardRef } from 'react';
 import { useTabsContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var TabPanel = /*#__PURE__*/forwardRef(function TabPanel(props, forwardedRef) {
-  var _ref = props,
-      _ref$as = _ref.as,
-      Comp = _ref$as === void 0 ? 'div' : _ref$as,
-      index = _ref.index,
-      _ref$lazy = _ref.lazy,
-      lazy = _ref$lazy === void 0 ? false : _ref$lazy,
-      children = _ref.children,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  var tabsContext = useTabsContext();
-
+export const TabPanel = /*#__PURE__*/forwardRef(function TabPanel(props, forwardedRef) {
+  const {
+    as: Comp = 'div',
+    index,
+    lazy = false,
+    children,
+    ...otherProps
+  } = props;
+  const tabsContext = useTabsContext();
   if (!tabsContext) {
     throw new Error('Missing <Tabs /> in the component tree.');
   }
-
-  var isSelected = tabsContext.currentIndex === index;
-  return /*#__PURE__*/_jsx(Comp, _extends(_extends({
+  const isSelected = tabsContext.currentIndex === index;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: forwardedRef,
     "data-tab-panel": "",
     role: "tabpanel",
-    id: tabsContext.tabListId !== null ? "tabpanel-".concat(tabsContext.tabListId, "-").concat(index) : undefined,
-    "aria-labelledby": tabsContext.tabListId !== null ? "tab-".concat(tabsContext.tabListId, "-").concat(index) : undefined,
+    id: tabsContext.tabListId !== null ? `tabpanel-${tabsContext.tabListId}-${index}` : undefined,
+    "aria-labelledby": tabsContext.tabListId !== null ? `tab-${tabsContext.tabListId}-${index}` : undefined,
     hidden: isSelected ? undefined : 'hidden',
-    tabIndex: 0
-  }, otherProps), {}, {
+    tabIndex: 0,
+    ...otherProps,
     children: (isSelected || !lazy) && children
-  }));
+  });
 });
 //# sourceMappingURL=TabPanel.js.map

package/build/esm/Tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":["forwardRef","useTabsContext","TabPanel","props","forwardedRef","as","Comp","index","lazy","children","otherProps","tabsContext","Error","isSelected","currentIndex","tabListId","undefined"],"sources":["../../../src/Tabs/TabPanel.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useTabsContext } from './context';\n\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  lazy?: boolean;\n}\n\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanel(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      index,\n      lazy = false,\n      children,\n      ...otherProps\n    } = props as TabPanelProps & { index: number };\n    const tabsContext = useTabsContext();\n\n    if (!tabsContext) {\n      throw new Error('Missing <Tabs /> in the component tree.');\n    }\n\n    const isSelected = tabsContext.currentIndex === index;\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        data-tab-panel=\"\"\n        role=\"tabpanel\"\n        id={\n          tabsContext.tabListId !== null\n            ? `tabpanel-${tabsContext.tabListId}-${index}`\n            : undefined\n        }\n        aria-labelledby={\n          tabsContext.tabListId !== null\n            ? `tab-${tabsContext.tabListId}-${index}`\n            : undefined\n        }\n        hidden={isSelected ? undefined : 'hidden'}\n        tabIndex={0}\n        {...otherProps}\n      >\n        {(isSelected || !lazy) && children}\n      </Comp>\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,cAAT,QAA+B,WAA/B;;AASA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAChC,SAASE,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;EACrC,WAMID,KANJ;EAAA,mBACEE,EADF;EAAA,IACMC,IADN,wBACa,KADb;EAAA,IAEEC,KAFF,QAEEA,KAFF;EAAA,qBAGEC,IAHF;EAAA,IAGEA,IAHF,0BAGS,KAHT;EAAA,IAIEC,QAJF,QAIEA,QAJF;EAAA,IAKKC,UALL;;EAOA,IAAMC,WAAW,GAAGV,cAAc,EAAlC;;EAEA,IAAI,CAACU,WAAL,EAAkB;IAChB,MAAM,IAAIC,KAAJ,CAAU,yCAAV,CAAN;EACD;;EAED,IAAMC,UAAU,GAAGF,WAAW,CAACG,YAAZ,KAA6BP,KAAhD;EAEA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEH,YADP;IAEE,kBAAe,EAFjB;IAGE,IAAI,EAAC,UAHP;IAIE,EAAE,EACAO,WAAW,CAACI,SAAZ,KAA0B,IAA1B,sBACgBJ,WAAW,CAACI,SAD5B,cACyCR,KADzC,IAEIS,SAPR;IASE,mBACEL,WAAW,CAACI,SAAZ,KAA0B,IAA1B,iBACWJ,WAAW,CAACI,SADvB,cACoCR,KADpC,IAEIS,SAZR;IAcE,MAAM,EAAEH,UAAU,GAAGG,SAAH,GAAe,QAdnC;IAeE,QAAQ,EAAE;EAfZ,GAgBMN,UAhBN;IAAA,UAkBG,CAACG,UAAU,IAAI,CAACL,IAAhB,KAAyBC;EAlB5B,GADF;AAsBD,CAvC+B,CAA3B"}
+{"version":3,"file":"TabPanel.js","names":["forwardRef","useTabsContext","jsx","_jsx","TabPanel","props","forwardedRef","as","Comp","index","lazy","children","otherProps","tabsContext","Error","isSelected","currentIndex","ref","role","id","tabListId","undefined","hidden","tabIndex"],"sources":["../../../src/Tabs/TabPanel.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useTabsContext } from './context';\n\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  lazy?: boolean;\n}\n\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanel(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      index,\n      lazy = false,\n      children,\n      ...otherProps\n    } = props as TabPanelProps & { index: number };\n    const tabsContext = useTabsContext();\n\n    if (!tabsContext) {\n      throw new Error('Missing <Tabs /> in the component tree.');\n    }\n\n    const isSelected = tabsContext.currentIndex === index;\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        data-tab-panel=\"\"\n        role=\"tabpanel\"\n        id={\n          tabsContext.tabListId !== null\n            ? `tabpanel-${tabsContext.tabListId}-${index}`\n            : undefined\n        }\n        aria-labelledby={\n          tabsContext.tabListId !== null\n            ? `tab-${tabsContext.tabListId}-${index}`\n            : undefined\n        }\n        hidden={isSelected ? undefined : 'hidden'}\n        tabIndex={0}\n        {...otherProps}\n      >\n        {(isSelected || !lazy) && children}\n      </Comp>\n    );\n  }\n);\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS3C,OAAO,MAAMC,QAAQ,gBAAGJ,UAAU,CAChC,SAASI,QAAQA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACrC,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAChBC,KAAK;IACLC,IAAI,GAAG,KAAK;IACZC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGP,KAA0C;EAC9C,MAAMQ,WAAW,GAAGZ,cAAc,CAAC,CAAC;EAEpC,IAAI,CAACY,WAAW,EAAE;IAChB,MAAM,IAAIC,KAAK,CAAC,yCAAyC,CAAC;EAC5D;EAEA,MAAMC,UAAU,GAAGF,WAAW,CAACG,YAAY,KAAKP,KAAK;EAErD,oBACEN,IAAA,CAACK,IAAI;IACHS,GAAG,EAAEX,YAAa;IAClB,kBAAe,EAAE;IACjBY,IAAI,EAAC,UAAU;IACfC,EAAE,EACAN,WAAW,CAACO,SAAS,KAAK,IAAI,GAC1B,YAAYP,WAAW,CAACO,SAAS,IAAIX,KAAK,EAAE,GAC5CY,SACL;IACD,mBACER,WAAW,CAACO,SAAS,KAAK,IAAI,GAC1B,OAAOP,WAAW,CAACO,SAAS,IAAIX,KAAK,EAAE,GACvCY,SACL;IACDC,MAAM,EAAEP,UAAU,GAAGM,SAAS,GAAG,QAAS;IAC1CE,QAAQ,EAAE,CAAE;IAAA,GACRX,UAAU;IAAAD,QAAA,EAEb,CAACI,UAAU,IAAI,CAACL,IAAI,KAAKC;EAAQ,CAC9B,CAAC;AAEX,CACF,CAAC","ignoreList":[]}

package/build/esm/Tabs/TabPanels.js

@@ -1,25 +1,20 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "children", "lazy"];
 import { forwardRef, Fragment, Children, cloneElement } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var TabPanels = /*#__PURE__*/forwardRef(function TabPanels(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? Fragment : _props$as,
-      childrenProps = props.children,
-      lazy = props.lazy,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var children = Children.map(childrenProps, function (node, index) {
-    return /*#__PURE__*/cloneElement(node, {
-      index: index,
-      lazy: lazy
-    });
-  });
-  return /*#__PURE__*/_jsx(Comp, _extends(_extends({
-    ref: forwardedRef
-  }, otherProps), {}, {
-    children: children
+export const TabPanels = /*#__PURE__*/forwardRef(function TabPanels(props, forwardedRef) {
+  const {
+    as: Comp = Fragment,
+    children: childrenProps,
+    lazy,
+    ...otherProps
+  } = props;
+  const children = Children.map(childrenProps, (node, index) => /*#__PURE__*/cloneElement(node, {
+    index,
+    lazy
   }));
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: forwardedRef,
+    ...otherProps,
+    children: children
+  });
 });
 //# sourceMappingURL=TabPanels.js.map

package/build/esm/Tabs/TabPanels.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanels.js","names":["forwardRef","Fragment","Children","cloneElement","TabPanels","props","forwardedRef","as","Comp","childrenProps","children","lazy","otherProps","map","node","index"],"sources":["../../../src/Tabs/TabPanels.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\nimport { forwardRef, Fragment, Children, cloneElement } from 'react';\n\nexport interface TabPanelsProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  lazy?: boolean;\n  children?: ReactNode;\n}\n\nexport const TabPanels = forwardRef<HTMLDivElement, TabPanelsProps>(\n  function TabPanels(props, forwardedRef) {\n    const {\n      as: Comp = Fragment,\n      children: childrenProps,\n      lazy,\n      ...otherProps\n    } = props;\n\n    const children = Children.map(childrenProps, (node, index) =>\n      cloneElement(node as any, { index, lazy })\n    );\n\n    return (\n      <Comp ref={forwardedRef} {...otherProps}>\n        {children}\n      </Comp>\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,QAA/B,EAAyCC,YAAzC,QAA6D,OAA7D;;AASA,OAAO,IAAMC,SAAS,gBAAGJ,UAAU,CACjC,SAASI,SAAT,CAAmBC,KAAnB,EAA0BC,YAA1B,EAAwC;EACtC,gBAKID,KALJ,CACEE,EADF;EAAA,IACMC,IADN,0BACaP,QADb;EAAA,IAEYQ,aAFZ,GAKIJ,KALJ,CAEEK,QAFF;EAAA,IAGEC,IAHF,GAKIN,KALJ,CAGEM,IAHF;EAAA,IAIKC,UAJL,4BAKIP,KALJ;;EAOA,IAAMK,QAAQ,GAAGR,QAAQ,CAACW,GAAT,CAAaJ,aAAb,EAA4B,UAACK,IAAD,EAAOC,KAAP;IAAA,oBAC3CZ,YAAY,CAACW,IAAD,EAAc;MAAEC,KAAK,EAALA,KAAF;MAASJ,IAAI,EAAJA;IAAT,CAAd,CAD+B;EAAA,CAA5B,CAAjB;EAIA,oBACE,KAAC,IAAD;IAAM,GAAG,EAAEL;EAAX,GAA6BM,UAA7B;IAAA,UACGF;EADH,GADF;AAKD,CAlBgC,CAA5B"}
+{"version":3,"file":"TabPanels.js","names":["forwardRef","Fragment","Children","cloneElement","jsx","_jsx","TabPanels","props","forwardedRef","as","Comp","children","childrenProps","lazy","otherProps","map","node","index","ref"],"sources":["../../../src/Tabs/TabPanels.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\nimport { forwardRef, Fragment, Children, cloneElement } from 'react';\n\nexport interface TabPanelsProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  lazy?: boolean;\n  children?: ReactNode;\n}\n\nexport const TabPanels = forwardRef<HTMLDivElement, TabPanelsProps>(\n  function TabPanels(props, forwardedRef) {\n    const {\n      as: Comp = Fragment,\n      children: childrenProps,\n      lazy,\n      ...otherProps\n    } = props;\n\n    const children = Children.map(childrenProps, (node, index) =>\n      cloneElement(node as any, { index, lazy })\n    );\n\n    return (\n      <Comp ref={forwardedRef} {...otherProps}>\n        {children}\n      </Comp>\n    );\n  }\n);\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASrE,OAAO,MAAMC,SAAS,gBAAGN,UAAU,CACjC,SAASM,SAASA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACtC,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAGT,QAAQ;IACnBU,QAAQ,EAAEC,aAAa;IACvBC,IAAI;IACJ,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMI,QAAQ,GAAGT,QAAQ,CAACa,GAAG,CAACH,aAAa,EAAE,CAACI,IAAI,EAAEC,KAAK,kBACvDd,YAAY,CAACa,IAAI,EAAS;IAAEC,KAAK;IAAEJ;EAAK,CAAC,CAC3C,CAAC;EAED,oBACER,IAAA,CAACK,IAAI;IAACQ,GAAG,EAAEV,YAAa;IAAA,GAAKM,UAAU;IAAAH,QAAA,EACpCA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}

package/build/esm/Tabs/Tabs.js

@@ -1,44 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "index", "onChange", "defaultIndex"];
 import { forwardRef, Fragment, useState } from 'react';
 import { TabsProvider } from './context';
 import { useControlledState } from '../hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Tabs = /*#__PURE__*/forwardRef(function Tabs(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? Fragment : _props$as,
-      indexProp = props.index,
-      onChangeProp = props.onChange,
-      _props$defaultIndex = props.defaultIndex,
-      defaultIndex = _props$defaultIndex === void 0 ? 0 : _props$defaultIndex,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var _useControlledState = useControlledState(indexProp, onChangeProp, defaultIndex, function (setState) {
-    return function (e, idx) {
-      return setState(idx);
-    };
-  }),
-      _useControlledState2 = _slicedToArray(_useControlledState, 2),
-      index = _useControlledState2[0],
-      onChange = _useControlledState2[1];
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      tabListId = _useState2[0],
-      setTabListId = _useState2[1];
-
+export const Tabs = /*#__PURE__*/forwardRef(function Tabs(props, forwardedRef) {
+  const {
+    as: Comp = Fragment,
+    index: indexProp,
+    onChange: onChangeProp,
+    defaultIndex = 0,
+    ...otherProps
+  } = props;
+  const [index, onChange] = useControlledState(indexProp, onChangeProp, defaultIndex, setState => (e, idx) => setState(idx));
+  const [tabListId, setTabListId] = useState(null);
   return /*#__PURE__*/_jsx(TabsProvider, {
     value: {
       currentIndex: index || 0,
-      onChange: onChange,
-      tabListId: tabListId,
-      setTabListId: setTabListId
+      onChange,
+      tabListId,
+      setTabListId
     },
-    children: /*#__PURE__*/_jsx(Comp, _extends({
-      ref: forwardedRef
-    }, otherProps))
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: forwardedRef,
+      ...otherProps
+    })
   });
 });
 //# sourceMappingURL=Tabs.js.map

package/build/esm/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["forwardRef","Fragment","useState","TabsProvider","useControlledState","Tabs","props","forwardedRef","as","Comp","indexProp","index","onChangeProp","onChange","defaultIndex","otherProps","setState","e","idx","tabListId","setTabListId","currentIndex"],"sources":["../../../src/Tabs/Tabs.tsx"],"sourcesContent":["import type { ElementType, KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { forwardRef, Fragment, useState } from 'react';\n\nimport { TabsProvider } from './context';\nimport { useControlledState } from '../hooks';\n\nexport interface TabsProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    value: number\n  ) => void;\n  index?: number;\n  defaultIndex?: number;\n}\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = Fragment,\n    index: indexProp,\n    onChange: onChangeProp,\n    defaultIndex = 0,\n    ...otherProps\n  } = props;\n  const [index, onChange] = useControlledState(\n    indexProp,\n    onChangeProp,\n    defaultIndex,\n    (setState) => (e, idx) => setState(idx)\n  );\n\n  const [tabListId, setTabListId] = useState<string | null>(null);\n\n  return (\n    <TabsProvider\n      value={{ currentIndex: index || 0, onChange, tabListId, setTabListId }}\n    >\n      <Comp ref={forwardedRef} {...otherProps} />\n    </TabsProvider>\n  );\n});\n"],"mappings":";;;;AACA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,QAA/B,QAA+C,OAA/C;AAEA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAcA,OAAO,IAAMC,IAAI,gBAAGL,UAAU,CAA4B,SAASK,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;EACA,gBAMID,KANJ,CACEE,EADF;EAAA,IACMC,IADN,0BACaR,QADb;EAAA,IAESS,SAFT,GAMIJ,KANJ,CAEEK,KAFF;EAAA,IAGYC,YAHZ,GAMIN,KANJ,CAGEO,QAHF;EAAA,0BAMIP,KANJ,CAIEQ,YAJF;EAAA,IAIEA,YAJF,oCAIiB,CAJjB;EAAA,IAKKC,UALL,4BAMIT,KANJ;;EAOA,0BAA0BF,kBAAkB,CAC1CM,SAD0C,EAE1CE,YAF0C,EAG1CE,YAH0C,EAI1C,UAACE,QAAD;IAAA,OAAc,UAACC,CAAD,EAAIC,GAAJ;MAAA,OAAYF,QAAQ,CAACE,GAAD,CAApB;IAAA,CAAd;EAAA,CAJ0C,CAA5C;EAAA;EAAA,IAAOP,KAAP;EAAA,IAAcE,QAAd;;EAOA,gBAAkCX,QAAQ,CAAgB,IAAhB,CAA1C;EAAA;EAAA,IAAOiB,SAAP;EAAA,IAAkBC,YAAlB;;EAEA,oBACE,KAAC,YAAD;IACE,KAAK,EAAE;MAAEC,YAAY,EAAEV,KAAK,IAAI,CAAzB;MAA4BE,QAAQ,EAARA,QAA5B;MAAsCM,SAAS,EAATA,SAAtC;MAAiDC,YAAY,EAAZA;IAAjD,CADT;IAAA,uBAGE,KAAC,IAAD;MAAM,GAAG,EAAEb;IAAX,GAA6BQ,UAA7B;EAHF,EADF;AAOD,CA3B6B,CAAvB"}
+{"version":3,"file":"Tabs.js","names":["forwardRef","Fragment","useState","TabsProvider","useControlledState","jsx","_jsx","Tabs","props","forwardedRef","as","Comp","index","indexProp","onChange","onChangeProp","defaultIndex","otherProps","setState","e","idx","tabListId","setTabListId","value","currentIndex","children","ref"],"sources":["../../../src/Tabs/Tabs.tsx"],"sourcesContent":["import type { ElementType, KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { forwardRef, Fragment, useState } from 'react';\n\nimport { TabsProvider } from './context';\nimport { useControlledState } from '../hooks';\n\nexport interface TabsProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    value: number\n  ) => void;\n  index?: number;\n  defaultIndex?: number;\n}\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = Fragment,\n    index: indexProp,\n    onChange: onChangeProp,\n    defaultIndex = 0,\n    ...otherProps\n  } = props;\n  const [index, onChange] = useControlledState(\n    indexProp,\n    onChangeProp,\n    defaultIndex,\n    (setState) => (e, idx) => setState(idx)\n  );\n\n  const [tabListId, setTabListId] = useState<string | null>(null);\n\n  return (\n    <TabsProvider\n      value={{ currentIndex: index || 0, onChange, tabListId, setTabListId }}\n    >\n      <Comp ref={forwardedRef} {...otherProps} />\n    </TabsProvider>\n  );\n});\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,OAAO;AAEtD,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,kBAAkB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc9C,OAAO,MAAMC,IAAI,gBAAGP,UAAU,CAA4B,SAASO,IAAIA,CACrEC,KAAK,EACLC,YAAY,EACZ;EACA,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAGV,QAAQ;IACnBW,KAAK,EAAEC,SAAS;IAChBC,QAAQ,EAAEC,YAAY;IACtBC,YAAY,GAAG,CAAC;IAChB,GAAGC;EACL,CAAC,GAAGT,KAAK;EACT,MAAM,CAACI,KAAK,EAAEE,QAAQ,CAAC,GAAGV,kBAAkB,CAC1CS,SAAS,EACTE,YAAY,EACZC,YAAY,EACXE,QAAQ,IAAK,CAACC,CAAC,EAAEC,GAAG,KAAKF,QAAQ,CAACE,GAAG,CACxC,CAAC;EAED,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGpB,QAAQ,CAAgB,IAAI,CAAC;EAE/D,oBACEI,IAAA,CAACH,YAAY;IACXoB,KAAK,EAAE;MAAEC,YAAY,EAAEZ,KAAK,IAAI,CAAC;MAAEE,QAAQ;MAAEO,SAAS;MAAEC;IAAa,CAAE;IAAAG,QAAA,eAEvEnB,IAAA,CAACK,IAAI;MAACe,GAAG,EAAEjB,YAAa;MAAA,GAAKQ;IAAU,CAAG;EAAC,CAC/B,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}

package/build/esm/Tabs/context.js

@@ -1,15 +1,18 @@
 import { createContext, useContext } from 'react';
-var tabsContext = /*#__PURE__*/createContext(null);
-var TabsProvider = tabsContext.Provider;
-export { TabsProvider };
-export var useTabsContext = function useTabsContext() {
-  return useContext(tabsContext);
-}; // TabList Component
-
-var tablistContext = /*#__PURE__*/createContext(null);
-var TabListProvider = tablistContext.Provider;
-export { TabListProvider };
-export var useTabListContext = function useTabListContext() {
-  return useContext(tablistContext);
-};
+
+// Tabs Component
+
+const tabsContext = /*#__PURE__*/createContext(null);
+export const {
+  Provider: TabsProvider
+} = tabsContext;
+export const useTabsContext = () => useContext(tabsContext);
+
+// TabList Component
+
+const tablistContext = /*#__PURE__*/createContext(null);
+export const {
+  Provider: TabListProvider
+} = tablistContext;
+export const useTabListContext = () => useContext(tablistContext);
 //# sourceMappingURL=context.js.map

package/build/esm/Tabs/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext","tabsContext","TabsProvider","Provider","useTabsContext","tablistContext","TabListProvider","useTabListContext"],"sources":["../../../src/Tabs/context.ts"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { Scope } from '../hooks/useScope';\n\n// Tabs Component\nexport interface TabsContextProps {\n  currentIndex: number;\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    value: number\n  ) => void;\n  tabListId: string | null;\n  setTabListId: (v: string | null) => void;\n}\n\nconst tabsContext = createContext<TabsContextProps | null>(null);\nexport const { Provider: TabsProvider } = tabsContext;\nexport const useTabsContext = () => useContext(tabsContext);\n\n// TabList Component\nexport interface TabListContextProps {\n  tabsScope: Scope<HTMLElement>;\n  manualActivation: boolean;\n  vertical: boolean;\n}\n\nconst tablistContext = createContext<TabListContextProps | null>(null);\nexport const { Provider: TabListProvider } = tablistContext;\nexport const useTabListContext = () => useContext(tablistContext);\n"],"mappings":"AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAeA,IAAMC,WAAW,gBAAGF,aAAa,CAA0B,IAA1B,CAAjC;AACO,IAAkBG,YAAlB,GAAmCD,WAAnC,CAAQE,QAAR;;AACP,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;EAAA,OAAMJ,UAAU,CAACC,WAAD,CAAhB;AAAA,CAAvB,C,CAEP;;AAOA,IAAMI,cAAc,gBAAGN,aAAa,CAA6B,IAA7B,CAApC;AACO,IAAkBO,eAAlB,GAAsCD,cAAtC,CAAQF,QAAR;;AACP,OAAO,IAAMI,iBAAiB,GAAG,SAApBA,iBAAoB;EAAA,OAAMP,UAAU,CAACK,cAAD,CAAhB;AAAA,CAA1B"}
+{"version":3,"file":"context.js","names":["createContext","useContext","tabsContext","Provider","TabsProvider","useTabsContext","tablistContext","TabListProvider","useTabListContext"],"sources":["../../../src/Tabs/context.ts"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { Scope } from '../hooks/useScope';\n\n// Tabs Component\nexport interface TabsContextProps {\n  currentIndex: number;\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    value: number\n  ) => void;\n  tabListId: string | null;\n  setTabListId: (v: string | null) => void;\n}\n\nconst tabsContext = createContext<TabsContextProps | null>(null);\nexport const { Provider: TabsProvider } = tabsContext;\nexport const useTabsContext = () => useContext(tabsContext);\n\n// TabList Component\nexport interface TabListContextProps {\n  tabsScope: Scope<HTMLElement>;\n  manualActivation: boolean;\n  vertical: boolean;\n}\n\nconst tablistContext = createContext<TabListContextProps | null>(null);\nexport const { Provider: TabListProvider } = tablistContext;\nexport const useTabListContext = () => useContext(tablistContext);\n"],"mappings":"AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAIjD;;AAWA,MAAMC,WAAW,gBAAGF,aAAa,CAA0B,IAAI,CAAC;AAChE,OAAO,MAAM;EAAEG,QAAQ,EAAEC;AAAa,CAAC,GAAGF,WAAW;AACrD,OAAO,MAAMG,cAAc,GAAGA,CAAA,KAAMJ,UAAU,CAACC,WAAW,CAAC;;AAE3D;;AAOA,MAAMI,cAAc,gBAAGN,aAAa,CAA6B,IAAI,CAAC;AACtE,OAAO,MAAM;EAAEG,QAAQ,EAAEI;AAAgB,CAAC,GAAGD,cAAc;AAC3D,OAAO,MAAME,iBAAiB,GAAGA,CAAA,KAAMP,UAAU,CAACK,cAAc,CAAC","ignoreList":[]}

package/build/esm/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Tabs/index.tsx"],"sourcesContent":["export * from './Tabs';\nexport * from './Tab';\nexport * from './TabList';\nexport * from './TabPanels';\nexport * from './TabPanel';\n"],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,OAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Tabs/index.tsx"],"sourcesContent":["export * from './Tabs';\nexport * from './Tab';\nexport * from './TabList';\nexport * from './TabPanels';\nexport * from './TabPanel';\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,YAAY","ignoreList":[]}

package/build/esm/Tabs/scopeQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"scopeQuery.js","names":["scopeQuery","nodeType","props"],"sources":["../../../src/Tabs/scopeQuery.ts"],"sourcesContent":["export function scopeQuery(\n  nodeType: string,\n  props: Record<string, unknown>\n): boolean {\n  return props['data-tab'] === '';\n}\n"],"mappings":"AAAA,OAAO,SAASA,UAAT,CACLC,QADK,EAELC,KAFK,EAGI;EACT,OAAOA,KAAK,CAAC,UAAD,CAAL,KAAsB,EAA7B;AACD"}
+{"version":3,"file":"scopeQuery.js","names":["scopeQuery","nodeType","props"],"sources":["../../../src/Tabs/scopeQuery.ts"],"sourcesContent":["export function scopeQuery(\n  nodeType: string,\n  props: Record<string, unknown>\n): boolean {\n  return props['data-tab'] === '';\n}\n"],"mappings":"AAAA,OAAO,SAASA,UAAUA,CACxBC,QAAgB,EAChBC,KAA8B,EACrB;EACT,OAAOA,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE;AACjC","ignoreList":[]}

package/build/esm/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { ElementType, HTMLAttributes, ReactNode, RefAttributes } from 'react';
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
 export type { InjectedTooltipProps } from './useTooltip';
 export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
     as?: ElementType<any>;
@@ -7,4 +7,4 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
     label: ReactNode;
     disabled?: boolean;
 }
-export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement>>;