@koine/react 1.0.10 → 1.0.11

package/Spacing/index.d.ts

@@ -0,0 +1 @@
+export * from "./Spacing";

package/Spacing/index.js

@@ -0,0 +1 @@
+export * from "./Spacing";

package/Spacing/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Spacing/index.js",
+  "types": "./index.d.ts"
+}

package/Sticky/Sticky.d.ts

@@ -0,0 +1,2 @@
+export declare type StickyProps = {};
+export declare const Sticky: null;

package/Sticky/Sticky.js

@@ -0,0 +1,219 @@
+export const Sticky = null;
+// import {
+//   Ref,
+//   CSSProperties,
+//   useState,
+//   useCallback,
+//   useEffect,
+//   useRef,
+// } from "react";
+// /**
+//  * Get current coordinates `left` and `top` of specific element.
+//  */
+// const offsetRelative = (element: HTMLElement) => {
+//   var result = { l: 0, t: 0 };
+//   do {
+//     let offsetTop = element.offsetTop;
+//     let offsetLeft = element.offsetLeft;
+//     if (!isNaN(offsetTop)) result.t += offsetTop;
+//     if (!isNaN(offsetLeft)) result.l += offsetLeft;
+//     // @ts-expect-error just rething everyhting in this file
+//     element =
+//       "BODY" === element.tagName ? element.parentElement : element.offsetParent;
+//   } while (element);
+//   return result;
+// };
+// export type StickyElementProps = {
+//   ref: Ref<HTMLDivElement>;
+//   sticky?: boolean;
+//   style: CSSProperties;
+// };
+// /**
+//  * - `0`: "STATIC": Static position as nothing happened
+//  * - `1`: "VIEWPORT-TOP": Sticked to the top screen edge
+//  * - `2`: "VIEWPORT-BOTTOM": Sticked to the bottom screen edge
+//  * - `4`: "VIEWPORT-UNBOTTOM": ? Scrolling in the middle of the element, neither sticked nor static
+//  * - `3`: "CONTAINER-BOTTOM": ?
+//  */
+// export type StickyStatus = 0 | 1 | 2 | 3;
+// type DimensionsBasic = [
+//   /** containerTop */
+//   number,
+//   /** containerHeight */
+//   number,
+//   /** containerBottom */
+//   number,
+//   /** elementHeight */
+//   number,
+//   /** elementWidth */
+//   number,
+//   /** viewportHeight */
+//   number,
+//   /** maxTranslateY */
+//   number
+// ];
+// type DimensionsOnScroll = [
+//   /** elementLeft */
+//   number,
+//   /** viewportTop */
+//   number,
+//   /** viewportBottom */
+//   number,
+//   /** viewportLeft */
+//   number,
+//   /** topSpacing */
+//   number,
+//   /** bottomSpacing */
+//   number
+//   /** translateY */
+//   // number,
+//   /** lastTopSpacing */
+//   // number,
+//   /** lastBottomSpacing */
+//   // number,
+//   /** lastViewportTop */
+//   // number,
+// ];
+// type Dimensions = DimensionsBasic & DimensionsOnScroll;
+// const getDimensionsBasic = (container: HTMLElement, inner: HTMLElement) => {
+//   const containerTop = offsetRelative(container).t;
+//   const containerHeight = container.clientHeight;
+//   const containerBottom = containerTop + containerHeight;
+//   const elementHeight = inner.offsetHeight;
+//   const elementWidth = inner.offsetWidth;
+//   const viewportHeight = window.innerHeight;
+//   const maxTranslateY = containerHeight - elementHeight;
+//   return [
+//     containerTop,
+//     containerHeight,
+//     containerBottom,
+//     elementHeight,
+//     elementWidth,
+//     viewportHeight,
+//     maxTranslateY,
+//   ] as DimensionsBasic;
+// };
+// const getDimensionsOnScroll = (
+//   wrapper: HTMLElement,
+//   container: HTMLElement,
+//   inner: HTMLElement
+// ) => {
+//   const elementLeft = offsetRelative(wrapper).l;
+//   const viewportTop =
+//     document.documentElement.scrollTop || document.body.scrollTop;
+//   const viewportBottom = viewportTop + window.innerHeight;
+//   const viewportLeft =
+//     document.documentElement.scrollLeft || document.body.scrollLeft;
+//   const topSpacing = 0; // TODO: make it a prop?
+//   const bottomSpacing = 0; // TODO: make it a prop?
+//   // const lastTopSpacing = topSpacing;
+//   // const lastBottomSpacing = bottomSpacing;
+//   return [
+//     elementLeft,
+//     viewportTop,
+//     viewportBottom,
+//     viewportLeft,
+//     topSpacing,
+//     bottomSpacing,
+//   ] as DimensionsOnScroll;
+// };
+// // const getTranslateYonScroll = (dimensions: DimensionsOnScroll, status: StickyStatus) => {
+// //   if (status === 1) {
+// //     // Adjust translate Y in the case decrease top spacing value.
+// //     if (dimensions[5] < dims.lastTopSpacing) {
+// //       dims.translateY += dims.lastTopSpacing - dims.topSpacing;
+// //       this._reStyle = true;
+// //     }
+// //   } else if (status === 2) {
+// //     // Adjust translate Y in the case decrease bottom spacing value.
+// //     if (dims.bottomSpacing < dims.lastBottomSpacing) {
+// //       dims.translateY += dims.lastBottomSpacing - dims.bottomSpacing;
+// //       this._reStyle = true;
+// //     }
+// //   }
+// // }
+// export type StickyProps = {
+//   /** @default "div" */
+//   Wrapper?: FC<StickyElementProps>;
+//   /** @default "div" */
+//   Inner?: FC<StickyElementProps>;
+//   top: number;
+// };
+// export const Sticky: FC<StickyProps> = ({
+//   Wrapper = "div",
+//   Inner = "div",
+//   children,
+//   top,
+//   ...props
+// }) => {
+//   const [sticky, setSticky] = useState(false);
+//   const [shouldRestyle, setShouldRestyle] = useState<boolean>();
+//   const stickyStatus = useRef<StickyStatus>(0);
+//   const [dimensionsBasic, setDimensionsBasic] = useState<DimensionsBasic>();
+//   const [dimensionsOnScroll, setDimensionsOnScroll] =
+//     useState<DimensionsOnScroll>();
+//   const [translateY, setTranslateY] = useState<number>(0);
+//   const [styleWrapper, setStyleWrapper] = useState({});
+//   const [styleInner, setStyleInner] = useState({});
+//   const [innerWidth, setInnerWidth] = useState<string>();
+//   const wrapperRef = useRef<HTMLDivElement>(null);
+//   const innerRef = useRef<HTMLDivElement>(null);
+//   const handleScroll = useCallback(() => {
+//     const wrapper = wrapperRef?.current;
+//     const container = wrapper?.parentElement || null;
+//     const inner = innerRef?.current;
+//     if (wrapper && inner && container) {
+//       const dimensions = getDimensionsOnScroll(wrapper, container, inner);
+//       setDimensionsOnScroll(dimensions);
+//     }
+//   }, []);
+//   const handleResize = useCallback(() => {
+//     const container = wrapperRef?.current?.parentElement || null;
+//     const inner = innerRef?.current;
+//     if (inner && container) {
+//       setDimensionsBasic(getDimensionsBasic(container, inner));
+//       // if (innerRef?.current) {
+//       //   setInnerWidth(window.getComputedStyle(innerRef.current).width);
+//       // }
+//       // setSticky(wrapperRef.current.getBoundingClientRect().top <= top);
+//     }
+//   }, []);
+//   useEffect(() => {
+//     const container = wrapperRef?.current?.parentElement || null;
+//     const inner = innerRef?.current;
+//     if (inner && container) {
+//       setDimensionsBasic(getDimensionsBasic(container, inner));
+//     }
+//     window.addEventListener("scroll", handleScroll, { passive: true });
+//     window.addEventListener("resize", handleResize, { passive: true });
+//     return () => {
+//       window.removeEventListener("scroll", () => handleScroll);
+//       window.removeEventListener("resize", () => handleResize);
+//     };
+//   }, [wrapperRef, innerRef, handleScroll, handleResize]);
+//   // useEffect(() => {
+//   //   if (sticky) {
+//   //     setStyleInner({
+//   //       position: "fixed",
+//   //       zIndex: 1,
+//   //       top,
+//   //       width: innerWidth,
+//   //     });
+//   //   } else {
+//   //     setStyleInner({});
+//   //   }
+//   // }, [sticky, top, innerWidth]);
+//   return (
+//     <Wrapper
+//       ref={wrapperRef}
+//       sticky={Wrapper === "div" ? undefined : sticky}
+//       style={{
+//         position: "relative",
+//       }}
+//     >
+//       <Inner ref={innerRef} style={styleInner}>
+//         {children}
+//       </Inner>
+//     </Wrapper>
+//   );
+// };

package/Sticky/StickyCss.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare type StickyCssProps = React.ComponentProps<"div"> & {
+    top: number;
+};
+export declare const StickyCss: ({ top, ...props }: StickyCssProps) => JSX.Element;

package/Sticky/StickyCss.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const StickyCss = ({ top, ...props }) => {
+    return _jsx("div", { style: { position: "sticky", top: 100 }, ...props });
+};

package/Sticky/index.d.ts

@@ -0,0 +1 @@
+export * from "./StickyCss";

package/Sticky/index.js

@@ -0,0 +1 @@
+export * from "./StickyCss";

package/Sticky/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Sticky/index.js",
+  "types": "./index.d.ts"
+}

package/Tabs/TabsMui.d.ts

@@ -0,0 +1,244 @@
+/// <reference types="react" />
+import TabsUnstyled, { type TabsUnstyledProps } from "@mui/base/TabsUnstyled";
+import TabsListUnstyled, { TabsListUnstyledProps } from "@mui/base/TabsListUnstyled";
+import TabUnstyled, { TabUnstyledProps, useTab } from "@mui/base/TabUnstyled";
+import TabPanelUnstyled, { TabPanelUnstyledProps } from "@mui/base/TabPanelUnstyled";
+import { type MotionProps } from "framer-motion";
+import { type WithComponents, type Simplify } from "../helpers";
+declare type ReducedTabsUnstyledProps = Omit<TabsUnstyledProps, "component" | "components" | "componentsProps">;
+export declare type OwnProps = React.PropsWithChildren<ReducedTabsUnstyledProps & {
+    mTab?: MotionProps;
+}>;
+export declare type Components = {
+    Root: {
+        type: typeof TabsUnstyled;
+        props: React.PropsWithChildren<ReducedTabsUnstyledProps>;
+    };
+    List: {
+        type: typeof TabsListUnstyled;
+        props: TabsListUnstyledProps;
+    };
+    Tab: {
+        type: typeof TabUnstyled;
+        props: TabUnstyledProps & {
+            Indicator?: Props["Indicator"];
+        };
+        motionable: true;
+    };
+    Indicator: {
+        type: "span";
+        props: React.PropsWithChildren<Pick<ReturnType<typeof useTab>, "active" | "disabled" | "selected">>;
+        motionable: true;
+    };
+    Panel: {
+        type: typeof TabPanelUnstyled;
+        props: TabPanelUnstyledProps;
+    };
+};
+export declare type ComponentsProps = {
+    [Name in keyof Components]: Components[Name]["props"];
+};
+export declare type Props = Simplify<WithComponents<OwnProps, Components>>;
+export declare type TabsProps = Props;
+export declare type KoineTabsProps = Props;
+export declare const Root: import("@mui/types").OverridableComponent<import("@mui/base/TabsUnstyled/TabsUnstyledProps").TabsUnstyledTypeMap<{}, "div">>;
+export declare const List: import("@mui/types").OverridableComponent<import("@mui/base/TabsListUnstyled/TabsListUnstyledProps").TabsListUnstyledTypeMap<{}, "div">>;
+export declare const Indicator: import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<{
+    selected: boolean;
+    focusVisible: boolean;
+    setFocusVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    disabled: boolean;
+    active: boolean;
+    getRootProps: (otherHandlers?: Record<string, (event: any) => void> | undefined) => {
+        role: string;
+        'aria-controls': string | null;
+        id: string | null;
+        'aria-selected': boolean;
+        disabled: boolean;
+        onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
+        'aria-disabled'?: boolean | "true" | "false" | undefined;
+        tabIndex?: number | undefined;
+        type?: "button" | "reset" | "submit" | undefined;
+        onBlur: import("react").FocusEventHandler<Element>;
+        onFocus: import("react").FocusEventHandler<Element>;
+        onKeyDown: import("react").KeyboardEventHandler<Element>;
+        onKeyUp: import("react").KeyboardEventHandler<Element>;
+        onMouseDown: import("react").MouseEventHandler<Element>;
+        onMouseLeave: import("react").MouseEventHandler<Element>;
+        onMouseUp: import("react").MouseEventHandler<Element>;
+        ref: import("react").Ref<any>;
+    };
+}, "disabled" | "selected" | "active"> & {
+    children?: import("react").ReactNode;
+}>;
+export declare const Panel: import("@mui/types").OverridableComponent<import("@mui/base/TabPanelUnstyled/TabPanelUnstyledProps").TabPanelUnstyledTypeMap<{}, "div">>;
+export declare const Tab: import("react").ForwardRefExoticComponent<Pick<import("@mui/base/TabUnstyled/TabUnstyledProps").TabUnstyledOwnProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, keyof import("@mui/base/TabUnstyled/TabUnstyledProps").TabUnstyledOwnProps> & {
+    component?: "button" | undefined;
+} & {
+    Indicator?: import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<{
+        selected: boolean;
+        focusVisible: boolean;
+        setFocusVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+        disabled: boolean;
+        active: boolean;
+        getRootProps: (otherHandlers?: Record<string, (event: any) => void> | undefined) => {
+            role: string;
+            'aria-controls': string | null;
+            id: string | null;
+            'aria-selected': boolean;
+            disabled: boolean;
+            onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
+            'aria-disabled'?: boolean | "true" | "false" | undefined;
+            tabIndex?: number | undefined;
+            type?: "button" | "reset" | "submit" | undefined;
+            onBlur: import("react").FocusEventHandler<Element>;
+            onFocus: import("react").FocusEventHandler<Element>;
+            onKeyDown: import("react").KeyboardEventHandler<Element>;
+            onKeyUp: import("react").KeyboardEventHandler<Element>;
+            onMouseDown: import("react").MouseEventHandler<Element>;
+            onMouseLeave: import("react").MouseEventHandler<Element>;
+            onMouseUp: import("react").MouseEventHandler<Element>;
+            ref: import("react").Ref<any>;
+        };
+    }, "disabled" | "selected" | "active"> & {
+        children?: import("react").ReactNode;
+    }> | undefined;
+}, "key" | "id" | "title" | "color" | "form" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "component" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof import("@mui/base/TabUnstyled/TabUnstyledProps").TabUnstyledOwnProps | "Indicator"> & import("react").RefAttributes<unknown>>;
+export declare const KoineTabs: ((props: Pick<Simplify<WithComponents<OwnProps, Components>>, "key" | "value" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "direction" | "orientation" | "selectionFollowsFocus" | keyof Components | "mTab"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
+    Root: import("@mui/types").OverridableComponent<import("@mui/base/TabsUnstyled/TabsUnstyledProps").TabsUnstyledTypeMap<{}, "div">>;
+    List: import("@mui/types").OverridableComponent<import("@mui/base/TabsListUnstyled/TabsListUnstyledProps").TabsListUnstyledTypeMap<{}, "div">>;
+    Tab: import("react").ForwardRefExoticComponent<Pick<import("@mui/base/TabUnstyled/TabUnstyledProps").TabUnstyledOwnProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+    }, keyof import("@mui/base/TabUnstyled/TabUnstyledProps").TabUnstyledOwnProps> & {
+        component?: "button" | undefined;
+    } & {
+        Indicator?: import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<{
+            selected: boolean;
+            focusVisible: boolean;
+            setFocusVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+            disabled: boolean;
+            active: boolean;
+            getRootProps: (otherHandlers?: Record<string, (event: any) => void> | undefined) => {
+                role: string;
+                'aria-controls': string | null;
+                id: string | null;
+                'aria-selected': boolean;
+                disabled: boolean;
+                onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
+                'aria-disabled'?: boolean | "true" | "false" | undefined;
+                tabIndex?: number | undefined;
+                type?: "button" | "reset" | "submit" | undefined;
+                onBlur: import("react").FocusEventHandler<Element>;
+                onFocus: import("react").FocusEventHandler<Element>;
+                onKeyDown: import("react").KeyboardEventHandler<Element>;
+                onKeyUp: import("react").KeyboardEventHandler<Element>;
+                onMouseDown: import("react").MouseEventHandler<Element>;
+                onMouseLeave: import("react").MouseEventHandler<Element>;
+                onMouseUp: import("react").MouseEventHandler<Element>;
+                ref: import("react").Ref<any>;
+            };
+        }, "disabled" | "selected" | "active"> & {
+            children?: import("react").ReactNode;
+        }> | undefined;
+    }, "key" | "id" | "title" | "color" | "form" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "component" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof import("@mui/base/TabUnstyled/TabUnstyledProps").TabUnstyledOwnProps | "Indicator"> & import("react").RefAttributes<unknown>>;
+    Indicator: import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<{
+        selected: boolean;
+        focusVisible: boolean;
+        setFocusVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+        disabled: boolean;
+        active: boolean;
+        getRootProps: (otherHandlers?: Record<string, (event: any) => void> | undefined) => {
+            role: string;
+            'aria-controls': string | null;
+            id: string | null;
+            'aria-selected': boolean;
+            disabled: boolean;
+            onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
+            'aria-disabled'?: boolean | "true" | "false" | undefined;
+            tabIndex?: number | undefined;
+            type?: "button" | "reset" | "submit" | undefined;
+            onBlur: import("react").FocusEventHandler<Element>;
+            onFocus: import("react").FocusEventHandler<Element>;
+            onKeyDown: import("react").KeyboardEventHandler<Element>;
+            onKeyUp: import("react").KeyboardEventHandler<Element>;
+            onMouseDown: import("react").MouseEventHandler<Element>;
+            onMouseLeave: import("react").MouseEventHandler<Element>;
+            onMouseUp: import("react").MouseEventHandler<Element>;
+            ref: import("react").Ref<any>;
+        };
+    }, "disabled" | "selected" | "active"> & {
+        children?: import("react").ReactNode;
+    }>;
+    Panel: import("@mui/types").OverridableComponent<import("@mui/base/TabPanelUnstyled/TabPanelUnstyledProps").TabPanelUnstyledTypeMap<{}, "div">>;
+} & {
+    defaultProps: {
+        Root: import("@mui/types").OverridableComponent<import("@mui/base/TabsUnstyled/TabsUnstyledProps").TabsUnstyledTypeMap<{}, "div">>;
+        List: import("@mui/types").OverridableComponent<import("@mui/base/TabsListUnstyled/TabsListUnstyledProps").TabsListUnstyledTypeMap<{}, "div">>;
+        Tab: import("react").ForwardRefExoticComponent<Pick<import("@mui/base/TabUnstyled/TabUnstyledProps").TabUnstyledOwnProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+            ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+        }, keyof import("@mui/base/TabUnstyled/TabUnstyledProps").TabUnstyledOwnProps> & {
+            component?: "button" | undefined;
+        } & {
+            Indicator?: import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<{
+                selected: boolean;
+                focusVisible: boolean;
+                setFocusVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+                disabled: boolean;
+                active: boolean;
+                getRootProps: (otherHandlers?: Record<string, (event: any) => void> | undefined) => {
+                    role: string;
+                    'aria-controls': string | null;
+                    id: string | null;
+                    'aria-selected': boolean;
+                    disabled: boolean;
+                    onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
+                    'aria-disabled'?: boolean | "true" | "false" | undefined;
+                    tabIndex?: number | undefined;
+                    type?: "button" | "reset" | "submit" | undefined;
+                    onBlur: import("react").FocusEventHandler<Element>;
+                    onFocus: import("react").FocusEventHandler<Element>;
+                    onKeyDown: import("react").KeyboardEventHandler<Element>;
+                    onKeyUp: import("react").KeyboardEventHandler<Element>;
+                    onMouseDown: import("react").MouseEventHandler<Element>;
+                    onMouseLeave: import("react").MouseEventHandler<Element>;
+                    onMouseUp: import("react").MouseEventHandler<Element>;
+                    ref: import("react").Ref<any>;
+                };
+            }, "disabled" | "selected" | "active"> & {
+                children?: import("react").ReactNode;
+            }> | undefined;
+        }, "key" | "id" | "title" | "color" | "form" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "component" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof import("@mui/base/TabUnstyled/TabUnstyledProps").TabUnstyledOwnProps | "Indicator"> & import("react").RefAttributes<unknown>>;
+        Indicator: import("react").ElementType<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<{
+            selected: boolean;
+            focusVisible: boolean;
+            setFocusVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+            disabled: boolean;
+            active: boolean;
+            getRootProps: (otherHandlers?: Record<string, (event: any) => void> | undefined) => {
+                role: string;
+                'aria-controls': string | null;
+                id: string | null;
+                'aria-selected': boolean;
+                disabled: boolean;
+                onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
+                'aria-disabled'?: boolean | "true" | "false" | undefined;
+                tabIndex?: number | undefined;
+                type?: "button" | "reset" | "submit" | undefined;
+                onBlur: import("react").FocusEventHandler<Element>;
+                onFocus: import("react").FocusEventHandler<Element>;
+                onKeyDown: import("react").KeyboardEventHandler<Element>;
+                onKeyUp: import("react").KeyboardEventHandler<Element>;
+                onMouseDown: import("react").MouseEventHandler<Element>;
+                onMouseLeave: import("react").MouseEventHandler<Element>;
+                onMouseUp: import("react").MouseEventHandler<Element>;
+                ref: import("react").Ref<any>;
+            };
+        }, "disabled" | "selected" | "active"> & {
+            children?: import("react").ReactNode;
+        }>;
+        Panel: import("@mui/types").OverridableComponent<import("@mui/base/TabPanelUnstyled/TabPanelUnstyledProps").TabPanelUnstyledTypeMap<{}, "div">>;
+    };
+};
+export {};

package/Tabs/TabsMui.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import TabsUnstyled from "@mui/base/TabsUnstyled";
+import TabsListUnstyled from "@mui/base/TabsListUnstyled";
+import TabUnstyled, { useTab } from "@mui/base/TabUnstyled";
+import TabPanelUnstyled from "@mui/base/TabPanelUnstyled";
+import { extendComponent, } from "../helpers";
+export const Root = TabsUnstyled;
+export const List = TabsListUnstyled;
+// export const Tab = TabUnstyled as unknown as Props["Tab"];
+export const Indicator = "span";
+export const Panel = TabPanelUnstyled;
+export const Tab = forwardRef(function Tab({ children, component, componentsProps, components, Indicator, ...props }, ref) {
+    const { active, disabled, selected } = useTab({ ...props, ref });
+    const indicatorProps = { active, disabled, selected };
+    return (_jsxs(TabUnstyled /* ref={ref}  */, { ...props, children: [children, Indicator && _jsx(Indicator, { ...indicatorProps })] }));
+});
+/**
+ *
+ * Main differences from [Mui Tabs](https://mui.com/material-ui/react-dialog):
+ *
+ * @resources
+ * - [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices/#tabpanel)
+ * - [WAI-ARIA example](https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html)
+ * - [[Proposal] New tags tabsection, tablist, tab, tabpanel](https://github.com/whatwg/html/issues/1809)
+ * - [Native <tab> elements](https://github.com/w3c/html/issues/1704)
+ * - [Let's talk about Native HTML Tabs](https://daverupert.com/2021/10/native-html-tabs/)
+ *
+ * @similar
+ * - [Zertz/react-headless-tabs](https://github.com/Zertz/react-headless-tabs)
+ *
+ * FIXME: it actually works even without forwardRef, check if we do need it
+ */
+const TabsWithRef = forwardRef(function Tabs({ Root: _Root, List: _List, Tab: _Tab, Indicator: _Indicator, Panel: _Panel, ...props }, ref) {
+    return _jsx(Root, { ...props, ref: ref });
+});
+export const KoineTabs = extendComponent(TabsWithRef, {
+    Root,
+    List,
+    Tab,
+    Indicator,
+    Panel,
+});

package/Tabs/index.d.ts

@@ -0,0 +1 @@
+export * from "./TabsMui";

package/Tabs/index.js

@@ -0,0 +1 @@
+export * from "./TabsMui";

package/Tabs/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Tabs/index.js",
+  "types": "./index.d.ts"
+}

package/Tabs/sc/bare.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @file
+ *
+ * Here we manage only "vertical" oriented tabs for now
+ */