@basic-ui/core 0.0.54 → 0.0.57

package/build/esm/Spinner/SpinnerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerButton.js","names":["forwardRef","useSpinnerContext","wrapEvent","SpinnerButton","props","forwardedRef","as","Comp","type","onClick","otherProps","spinnerContext","Error","handleClick","e","delta","onChange","value","disabled","maxValue","minValue","spinnerHasFocus","undefined"],"sources":["../../../src/Spinner/SpinnerButton.tsx"],"sourcesContent":["import type {\r\n  ButtonHTMLAttributes,\r\n  ElementType,\r\n  MouseEvent,\r\n  ReactNode,\r\n} from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport { useSpinnerContext } from './context';\r\nimport { wrapEvent } from '../utils';\r\n\r\nexport interface SpinnerButtonProps\r\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n  type: 'next' | 'previous';\r\n}\r\n\r\nexport const SpinnerButton = forwardRef<HTMLButtonElement, SpinnerButtonProps>(\r\n  function SpinnerButton(props, forwardedRef) {\r\n    const { as: Comp = 'button', type, onClick, ...otherProps } = props;\r\n    const spinnerContext = useSpinnerContext();\r\n\r\n    if (!spinnerContext) {\r\n      throw new Error('Missing <Spinner /> in component tree');\r\n    }\r\n\r\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\r\n      const delta = type === 'next' ? 1 : -1;\r\n\r\n      spinnerContext.onChange &&\r\n        spinnerContext.onChange(e, spinnerContext.value + delta);\r\n    };\r\n\r\n    const disabled =\r\n      type === 'next'\r\n        ? spinnerContext.value + 1 > spinnerContext.maxValue\r\n        : spinnerContext.value - 1 < spinnerContext.minValue;\r\n\r\n    return (\r\n      <Comp\r\n        {...otherProps}\r\n        type=\"button\"\r\n        ref={forwardedRef}\r\n        tabIndex={-1}\r\n        data-spinner-button=\"\"\r\n        data-spinner-has-focus={spinnerContext.spinnerHasFocus ? '' : undefined}\r\n        disabled={disabled}\r\n        onClick={wrapEvent(onClick, handleClick)}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AAMA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,iBAAT,QAAkC,WAAlC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAUA,OAAO,IAAMC,aAAa,gBAAGH,UAAU,CACrC,SAASG,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;EAC1C,gBAA8DD,KAA9D,CAAQE,EAAR;EAAA,IAAYC,IAAZ,0BAAmB,QAAnB;EAAA,IAA6BC,IAA7B,GAA8DJ,KAA9D,CAA6BI,IAA7B;EAAA,IAAmCC,OAAnC,GAA8DL,KAA9D,CAAmCK,OAAnC;EAAA,IAA+CC,UAA/C,4BAA8DN,KAA9D;;EACA,IAAMO,cAAc,GAAGV,iBAAiB,EAAxC;;EAEA,IAAI,CAACU,cAAL,EAAqB;IACnB,MAAM,IAAIC,KAAJ,CAAU,uCAAV,CAAN;EACD;;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAsC;IACxD,IAAMC,KAAK,GAAGP,IAAI,KAAK,MAAT,GAAkB,CAAlB,GAAsB,CAAC,CAArC;IAEAG,cAAc,CAACK,QAAf,IACEL,cAAc,CAACK,QAAf,CAAwBF,CAAxB,EAA2BH,cAAc,CAACM,KAAf,GAAuBF,KAAlD,CADF;EAED,CALD;;EAOA,IAAMG,QAAQ,GACZV,IAAI,KAAK,MAAT,GACIG,cAAc,CAACM,KAAf,GAAuB,CAAvB,GAA2BN,cAAc,CAACQ,QAD9C,GAEIR,cAAc,CAACM,KAAf,GAAuB,CAAvB,GAA2BN,cAAc,CAACS,QAHhD;EAKA,oBACE,KAAC,IAAD,wBACMV,UADN;IAEE,IAAI,EAAC,QAFP;IAGE,GAAG,EAAEL,YAHP;IAIE,QAAQ,EAAE,CAAC,CAJb;IAKE,uBAAoB,EALtB;IAME,0BAAwBM,cAAc,CAACU,eAAf,GAAiC,EAAjC,GAAsCC,SANhE;IAOE,QAAQ,EAAEJ,QAPZ;IAQE,OAAO,EAAEhB,SAAS,CAACO,OAAD,EAAUI,WAAV;EARpB,GADF;AAYD,CAjCoC,CAAhC"}
+{"version":3,"file":"SpinnerButton.js","names":["forwardRef","useSpinnerContext","wrapEvent","jsx","_jsx","SpinnerButton","props","forwardedRef","as","Comp","type","onClick","otherProps","spinnerContext","Error","handleClick","e","delta","onChange","value","disabled","maxValue","minValue","ref","tabIndex","spinnerHasFocus","undefined"],"sources":["../../../src/Spinner/SpinnerButton.tsx"],"sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  MouseEvent,\n  ReactNode,\n} from 'react';\nimport { forwardRef } from 'react';\n\nimport { useSpinnerContext } from './context';\nimport { wrapEvent } from '../utils';\n\nexport interface SpinnerButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  type: 'next' | 'previous';\n}\n\nexport const SpinnerButton = forwardRef<HTMLButtonElement, SpinnerButtonProps>(\n  function SpinnerButton(props, forwardedRef) {\n    const { as: Comp = 'button', type, onClick, ...otherProps } = props;\n    const spinnerContext = useSpinnerContext();\n\n    if (!spinnerContext) {\n      throw new Error('Missing <Spinner /> in component tree');\n    }\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      const delta = type === 'next' ? 1 : -1;\n\n      spinnerContext.onChange &&\n        spinnerContext.onChange(e, spinnerContext.value + delta);\n    };\n\n    const disabled =\n      type === 'next'\n        ? spinnerContext.value + 1 > spinnerContext.maxValue\n        : spinnerContext.value - 1 < spinnerContext.minValue;\n\n    return (\n      <Comp\n        {...otherProps}\n        type=\"button\"\n        ref={forwardedRef}\n        tabIndex={-1}\n        data-spinner-button=\"\"\n        data-spinner-has-focus={spinnerContext.spinnerHasFocus ? '' : undefined}\n        disabled={disabled}\n        onClick={wrapEvent(onClick, handleClick)}\n      />\n    );\n  }\n);\n"],"mappings":"AAMA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,iBAAiB,QAAQ,WAAW;AAC7C,SAASC,SAAS,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUrC,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACrC,SAASK,aAAaA,CAACC,KAAK,EAAEC,YAAY,EAAE;EAC1C,MAAM;IAAEC,EAAE,EAAEC,IAAI,GAAG,QAAQ;IAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;EAAW,CAAC,GAAGN,KAAK;EACnE,MAAMO,cAAc,GAAGZ,iBAAiB,CAAC,CAAC;EAE1C,IAAI,CAACY,cAAc,EAAE;IACnB,MAAM,IAAIC,KAAK,CAAC,uCAAuC,CAAC;EAC1D;EAEA,MAAMC,WAAW,GAAIC,CAAgC,IAAK;IACxD,MAAMC,KAAK,GAAGP,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;IAEtCG,cAAc,CAACK,QAAQ,IACrBL,cAAc,CAACK,QAAQ,CAACF,CAAC,EAAEH,cAAc,CAACM,KAAK,GAAGF,KAAK,CAAC;EAC5D,CAAC;EAED,MAAMG,QAAQ,GACZV,IAAI,KAAK,MAAM,GACXG,cAAc,CAACM,KAAK,GAAG,CAAC,GAAGN,cAAc,CAACQ,QAAQ,GAClDR,cAAc,CAACM,KAAK,GAAG,CAAC,GAAGN,cAAc,CAACS,QAAQ;EAExD,oBACElB,IAAA,CAACK,IAAI;IAAA,GACCG,UAAU;IACdF,IAAI,EAAC,QAAQ;IACba,GAAG,EAAEhB,YAAa;IAClBiB,QAAQ,EAAE,CAAC,CAAE;IACb,uBAAoB,EAAE;IACtB,0BAAwBX,cAAc,CAACY,eAAe,GAAG,EAAE,GAAGC,SAAU;IACxEN,QAAQ,EAAEA,QAAS;IACnBT,OAAO,EAAET,SAAS,CAACS,OAAO,EAAEI,WAAW;EAAE,CAC1C,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/build/esm/Spinner/context.d.ts

@@ -1,12 +1,12 @@
-import type { KeyboardEvent, MouseEvent } from 'react';
-export interface SpinnerContextProps {
-    value: number;
-    minValue: number;
-    maxValue: number;
-    stepSize: number;
-    onChange?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLDivElement>, value: number) => void;
-    clamp: (value: number) => number;
-    spinnerHasFocus: boolean;
-}
-export declare const SpinnerProvider: import("react").Provider<SpinnerContextProps | null>;
-export declare const useSpinnerContext: () => SpinnerContextProps | null;
+import type { KeyboardEvent, MouseEvent } from 'react';
+export interface SpinnerContextProps {
+    value: number;
+    minValue: number;
+    maxValue: number;
+    stepSize: number;
+    onChange?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLDivElement>, value: number) => void;
+    clamp: (value: number) => number;
+    spinnerHasFocus: boolean;
+}
+export declare const SpinnerProvider: import("react").Provider<SpinnerContextProps | null>;
+export declare const useSpinnerContext: () => SpinnerContextProps | null;

package/build/esm/Spinner/context.js

@@ -1,9 +1,10 @@
-import { createContext, useContext } from 'react'; // Spinner Component
+import { createContext, useContext } from 'react';
 
-var spinbuttonContext = /*#__PURE__*/createContext(null);
-var SpinnerProvider = spinbuttonContext.Provider;
-export { SpinnerProvider };
-export var useSpinnerContext = function useSpinnerContext() {
-  return useContext(spinbuttonContext);
-};
+// Spinner Component
+
+const spinbuttonContext = /*#__PURE__*/createContext(null);
+export const {
+  Provider: SpinnerProvider
+} = spinbuttonContext;
+export const useSpinnerContext = () => useContext(spinbuttonContext);
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext","spinbuttonContext","SpinnerProvider","Provider","useSpinnerContext"],"sources":["../../../src/Spinner/context.ts"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react';\r\nimport { createContext, useContext } from 'react';\r\n\r\n// Spinner Component\r\nexport interface SpinnerContextProps {\r\n  value: number;\r\n  minValue: number;\r\n  maxValue: number;\r\n  stepSize: number;\r\n  onChange?: (\r\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLDivElement>,\r\n    value: number\r\n  ) => void;\r\n  clamp: (value: number) => number;\r\n  spinnerHasFocus: boolean;\r\n}\r\n\r\nconst spinbuttonContext = createContext<SpinnerContextProps | null>(null);\r\nexport const { Provider: SpinnerProvider } = spinbuttonContext;\r\nexport const useSpinnerContext = () => useContext(spinbuttonContext);\r\n"],"mappings":"AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AAcA,IAAMC,iBAAiB,gBAAGF,aAAa,CAA6B,IAA7B,CAAvC;AACO,IAAkBG,eAAlB,GAAsCD,iBAAtC,CAAQE,QAAR;;AACP,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;EAAA,OAAMJ,UAAU,CAACC,iBAAD,CAAhB;AAAA,CAA1B"}
+{"version":3,"file":"context.js","names":["createContext","useContext","spinbuttonContext","Provider","SpinnerProvider","useSpinnerContext"],"sources":["../../../src/Spinner/context.ts"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react';\nimport { createContext, useContext } from 'react';\n\n// Spinner Component\nexport interface SpinnerContextProps {\n  value: number;\n  minValue: number;\n  maxValue: number;\n  stepSize: number;\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLDivElement>,\n    value: number\n  ) => void;\n  clamp: (value: number) => number;\n  spinnerHasFocus: boolean;\n}\n\nconst spinbuttonContext = createContext<SpinnerContextProps | null>(null);\nexport const { Provider: SpinnerProvider } = spinbuttonContext;\nexport const useSpinnerContext = () => useContext(spinbuttonContext);\n"],"mappings":"AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAEjD;;AAcA,MAAMC,iBAAiB,gBAAGF,aAAa,CAA6B,IAAI,CAAC;AACzE,OAAO,MAAM;EAAEG,QAAQ,EAAEC;AAAgB,CAAC,GAAGF,iBAAiB;AAC9D,OAAO,MAAMG,iBAAiB,GAAGA,CAAA,KAAMJ,UAAU,CAACC,iBAAiB,CAAC","ignoreList":[]}

package/build/esm/Spinner/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Spinner';
-export * from './SpinnerButton';
+export * from './Spinner';
+export * from './SpinnerButton';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Spinner/index.ts"],"sourcesContent":["export * from './Spinner';\r\nexport * from './SpinnerButton';\r\n"],"mappings":"AAAA,cAAc,WAAd;AACA,cAAc,iBAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Spinner/index.ts"],"sourcesContent":["export * from './Spinner';\nexport * from './SpinnerButton';\n"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,iBAAiB","ignoreList":[]}

package/build/esm/Tabs/Tab.d.ts

@@ -1,7 +1,7 @@
-import type { ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
-export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-}
-export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLButtonElement>>;
+import type { ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
+export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+}
+export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,9 +1,9 @@
-import type { HTMLAttributes, ElementType, ReactNode } from 'react';
-export interface TabListProps extends HTMLAttributes<HTMLDivElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    manualActivation?: boolean;
-    vertical?: boolean;
-    children?: ReactNode;
-}
-export declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { HTMLAttributes, ElementType, ReactNode } from 'react';
+export interface TabListProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    manualActivation?: boolean;
+    vertical?: boolean;
+    children?: ReactNode;
+}
+export declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<HTMLDivElement>>;

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';\r\nimport {\r\n  forwardRef,\r\n  useRef,\r\n  useEffect,\r\n  Children,\r\n  cloneElement,\r\n  useId,\r\n} from 'react';\r\n\r\nimport { TabListProvider, useTabsContext } from './context';\r\nimport { useScope } from '../hooks';\r\nimport { assignMultipleRefs } from '../utils';\r\n\r\nexport interface TabListProps extends HTMLAttributes<HTMLDivElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  manualActivation?: boolean;\r\n  vertical?: boolean;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(\r\n  function TabList(props, forwardedRef) {\r\n    const {\r\n      as: Comp = 'div',\r\n      manualActivation = false,\r\n      vertical = false,\r\n      children: childrenProps,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const ref = useRef();\r\n    const tabsScope = useScope(ref);\r\n    const tabsContext = useTabsContext();\r\n    const id = useId();\r\n\r\n    if (!tabsContext) {\r\n      throw new Error('Missing <Tabs /> in the component tree');\r\n    }\r\n\r\n    useEffect(() => {\r\n      if (id !== undefined) {\r\n        tabsContext.setTabListId(id);\r\n\r\n        return () => {\r\n          tabsContext.setTabListId(null);\r\n        };\r\n      }\r\n\r\n      return;\r\n    }, [id, tabsContext, tabsContext.setTabListId]);\r\n\r\n    const children = Children.map(childrenProps, (node, index) =>\r\n      cloneElement(node as any, { index })\r\n    );\r\n\r\n    return (\r\n      <TabListProvider value={{ tabsScope, manualActivation, vertical }}>\r\n        <Comp\r\n          ref={assignMultipleRefs(forwardedRef, ref)}\r\n          data-tab-list=\"\"\r\n          role=\"tablist\"\r\n          {...otherProps}\r\n        >\r\n          {children}\r\n        </Comp>\r\n      </TabListProvider>\r\n    );\r\n  }\r\n);\r\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.d.ts

@@ -1,8 +1,8 @@
-import type { ElementType, HTMLAttributes, ReactNode } from 'react';
-export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-    lazy?: boolean;
-}
-export declare const TabPanel: import("react").ForwardRefExoticComponent<TabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
+export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+    lazy?: boolean;
+}
+export declare const TabPanel: import("react").ForwardRefExoticComponent<TabPanelProps & import("react").RefAttributes<HTMLDivElement>>;

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';\r\nimport { forwardRef } from 'react';\r\n\r\nimport { useTabsContext } from './context';\r\n\r\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n  lazy?: boolean;\r\n}\r\n\r\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\r\n  function TabPanel(props, forwardedRef) {\r\n    const {\r\n      as: Comp = 'div',\r\n      index,\r\n      lazy = false,\r\n      children,\r\n      ...otherProps\r\n    } = props as TabPanelProps & { index: number };\r\n    const tabsContext = useTabsContext();\r\n\r\n    if (!tabsContext) {\r\n      throw new Error('Missing <Tabs /> in the component tree.');\r\n    }\r\n\r\n    const isSelected = tabsContext.currentIndex === index;\r\n\r\n    return (\r\n      <Comp\r\n        ref={forwardedRef}\r\n        data-tab-panel=\"\"\r\n        role=\"tabpanel\"\r\n        id={\r\n          tabsContext.tabListId !== null\r\n            ? `tabpanel-${tabsContext.tabListId}-${index}`\r\n            : undefined\r\n        }\r\n        aria-labelledby={\r\n          tabsContext.tabListId !== null\r\n            ? `tab-${tabsContext.tabListId}-${index}`\r\n            : undefined\r\n        }\r\n        hidden={isSelected ? undefined : 'hidden'}\r\n        tabIndex={0}\r\n        {...otherProps}\r\n      >\r\n        {(isSelected || !lazy) && children}\r\n      </Comp>\r\n    );\r\n  }\r\n);\r\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.d.ts

@@ -1,8 +1,8 @@
-import type { ElementType, ReactNode } from 'react';
-export interface TabPanelsProps {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    lazy?: boolean;
-    children?: ReactNode;
-}
-export declare const TabPanels: import("react").ForwardRefExoticComponent<TabPanelsProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { ElementType, ReactNode } from 'react';
+export interface TabPanelsProps {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    lazy?: boolean;
+    children?: ReactNode;
+}
+export declare const TabPanels: import("react").ForwardRefExoticComponent<TabPanelsProps & import("react").RefAttributes<HTMLDivElement>>;

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';\r\nimport { forwardRef, Fragment, Children, cloneElement } from 'react';\r\n\r\nexport interface TabPanelsProps {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  lazy?: boolean;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const TabPanels = forwardRef<HTMLDivElement, TabPanelsProps>(\r\n  function TabPanels(props, forwardedRef) {\r\n    const {\r\n      as: Comp = Fragment,\r\n      children: childrenProps,\r\n      lazy,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const children = Children.map(childrenProps, (node, index) =>\r\n      cloneElement(node as any, { index, lazy })\r\n    );\r\n\r\n    return (\r\n      <Comp ref={forwardedRef} {...otherProps}>\r\n        {children}\r\n      </Comp>\r\n    );\r\n  }\r\n);\r\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":[]}