@koine/react 2.0.0-beta.8 → 2.0.0-beta.82

package/Tabs/TabsMui.d.ts

@@ -1,85 +0,0 @@
-/// <reference types="react" />
-import TabUnstyled, { type TabProps as TabUnstyledProps } from "@mui/base/Tab";
-import TabPanelUnstyled, { type TabPanelProps as TabPanelUnstyledProps } from "@mui/base/TabPanel";
-import TabsUnstyled, { type TabsProps as TabsUnstyledProps } from "@mui/base/Tabs";
-import TabsListUnstyled, { type TabsListProps as TabsListUnstyledProps } from "@mui/base/TabsList";
-import { type UseTabReturnValue } from "@mui/base/useTab";
-import type { MotionProps } from "framer-motion";
-import type { Simplify } from "@koine/utils";
-import { type WithComponents } from "../helpers";
-type ReducedTabsUnstyledProps = Omit<TabsUnstyledProps, "component" | "slots" | "slotProps">;
-export type OwnProps = React.PropsWithChildren<ReducedTabsUnstyledProps & {
-    mTab?: MotionProps;
-}>;
-export 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<UseTabReturnValue, "active" | /* "disabled" | */ "selected">>;
-        motionable: true;
-    };
-    Panel: {
-        type: typeof TabPanelUnstyled;
-        props: TabPanelUnstyledProps;
-    };
-};
-export type ComponentsProps = {
-    [Name in keyof Components]: Components[Name]["props"];
-};
-export type Props = Simplify<WithComponents<OwnProps, Components>>;
-export type TabsProps = Props;
-export type KoineTabsProps = Props;
-export declare const Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
-export declare const List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
-export declare const Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
-    children?: import("react").ReactNode;
-}>>;
-export declare const Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
-export declare const Tab: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
-export declare const KoineTabs: ((props: Omit<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-    mTab?: MotionProps | undefined;
-    children?: import("react").ReactNode;
-    Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
-    List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
-    Tab: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tab").TabTypeMap<{}, "button">>;
-    Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
-        children?: import("react").ReactNode;
-    }>>;
-    Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
-    Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
-    List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
-    Tab: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
-    Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
-        children?: import("react").ReactNode;
-    }>>;
-    Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
-} & {
-    defaultProps: {
-        Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
-        List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
-        Tab: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
-        Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<UseTabReturnValue, "selected" | "active"> & {
-            children?: import("react").ReactNode;
-        }>>;
-        Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
-    };
-};
-export {};

package/Tabs/TabsMui.js

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Root: function() {
-        return Root;
-    },
-    List: function() {
-        return List;
-    },
-    Indicator: function() {
-        return Indicator;
-    },
-    Panel: function() {
-        return Panel;
-    },
-    Tab: function() {
-        return Tab;
-    },
-    KoineTabs: function() {
-        return KoineTabs;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _Tab = /*#__PURE__*/ _interop_require_default._(require("@mui/base/Tab"));
-const _TabPanel = /*#__PURE__*/ _interop_require_default._(require("@mui/base/TabPanel"));
-const _Tabs = /*#__PURE__*/ _interop_require_default._(require("@mui/base/Tabs"));
-const _TabsList = /*#__PURE__*/ _interop_require_default._(require("@mui/base/TabsList"));
-const _useTab = /*#__PURE__*/ _interop_require_default._(require("@mui/base/useTab"));
-const _react = require("react");
-const _helpers = require("../helpers");
-const Root = _Tabs.default;
-const List = _TabsList.default;
-const Indicator = "span";
-const Panel = _TabPanel.default;
-const Tab = /*#__PURE__*/ (0, _react.forwardRef)(function Tab({ children, // component,
-slot, slotProps, slots, Indicator, ...props }, ref) {
-    const { active, /* disabled, */ selected } = (0, _useTab.default)({
-        ...props,
-        rootRef: ref
-    });
-    const indicatorProps = {
-        active,
-        /* disabled, */ selected
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Tab.default, {
-        ...props,
-        children: [
-            children,
-            Indicator && /*#__PURE__*/ (0, _jsxruntime.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 = /*#__PURE__*/ (0, _react.forwardRef)(function Tabs({ Root: _Root, List: _List, Tab: _Tab, Indicator: _Indicator, Panel: _Panel, ...props }, ref) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Root, {
-        ...props,
-        ref: ref
-    });
-});
-const KoineTabs = (0, _helpers.extendComponent)(TabsWithRef, {
-    Root,
-    List,
-    Tab,
-    Indicator,
-    Panel
-}); // export default Tabs;

package/Tabs/TabsMui.mjs

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import TabUnstyled from "@mui/base/Tab";
-import TabPanelUnstyled from "@mui/base/TabPanel";
-import TabsUnstyled from "@mui/base/Tabs";
-import TabsListUnstyled from "@mui/base/TabsList";
-import useTab from "@mui/base/useTab";
-import { forwardRef } from "react";
-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 = /*#__PURE__*/ forwardRef(function Tab({ children, // component,
-slot, slotProps, slots, Indicator, ...props }, ref) {
-    const { active, /* disabled, */ selected } = useTab({
-        ...props,
-        rootRef: ref
-    });
-    const indicatorProps = {
-        active,
-        /* disabled, */ selected
-    };
-    return /*#__PURE__*/ _jsxs(TabUnstyled, {
-        ...props,
-        children: [
-            children,
-            Indicator && /*#__PURE__*/ _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 = /*#__PURE__*/ forwardRef(function Tabs({ Root: _Root, List: _List, Tab: _Tab, Indicator: _Indicator, Panel: _Panel, ...props }, ref) {
-    return /*#__PURE__*/ _jsx(Root, {
-        ...props,
-        ref: ref
-    });
-});
-export const KoineTabs = extendComponent(TabsWithRef, {
-    Root,
-    List,
-    Tab,
-    Indicator,
-    Panel
-}); // export default Tabs;

package/Tabs/TabsMui.stories.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    default: function() {
-        return _default;
-    },
-    Bare: function() {
-        return Bare;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _stories = require("@koine/stories");
-const _TabsMui = require("./TabsMui");
-const _default = {
-    component: _TabsMui.KoineTabs,
-    title: "Base/Tabs",
-    ..._stories.storyTabsMeta
-};
-const BareTemplate = (args)=>{
-    // return <StoryTabs {...args} Tabs={KoineTabs} />;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stories.StoryTabs, {
-        ...args,
-        Tabs: _TabsMui.KoineTabs
-    });
-// return <div><Tabs {...args} /></div>;
-};
-const Bare = BareTemplate.bind({});
-Bare.args = {
-    ..._stories.storyTabsArgs
-};

package/Tabs/TabsMui.stories.mjs

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StoryTabs, storyTabsArgs, storyTabsMeta } from "@koine/stories";
-import { KoineTabs } from "./TabsMui";
-export default {
-    component: KoineTabs,
-    title: "Base/Tabs",
-    ...storyTabsMeta
-};
-const BareTemplate = (args)=>{
-    // return <StoryTabs {...args} Tabs={KoineTabs} />;
-    return /*#__PURE__*/ _jsx(StoryTabs, {
-        ...args,
-        Tabs: KoineTabs
-    });
-// return <div><Tabs {...args} /></div>;
-};
-export const Bare = BareTemplate.bind({});
-Bare.args = {
-    ...storyTabsArgs
-};

package/Tabs/index.d.ts

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

package/Tabs/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./TabsMui"), exports);

package/Tabs/index.mjs

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

package/Tabs/sc/bare.d.ts

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

package/Tabs/sc/bare.js

@@ -1,86 +0,0 @@
-// <reference types="@reach/utils/dist/declarations/src/polymorphic" />
-/**
- * @file
- *
- * Here we manage only "vertical" oriented tabs for now
- */ // import styled from "styled-components";
-// import {
-//   Tabs as _Tabs,
-//   TabList as _TabList,
-//   Tab as _Tab,
-//   TabPanels as _TabPanels,
-//   TabPanel as _TabPanel,
-//   TabProps as _TabProps,
-//   TabsProps as _TabsProps,
-//   useTabsContext,
-// } from "@reach/tabs";
-// import { min } from "../../styles/media";
-// import { UnderlineSkewed } from "../../Animations/Underline";
-// import { btnStyleReset } from "../../Buttons/Button";
-// export const Tabs = styled(_Tabs)<TabsProps>`
-//   ${min.sm} {
-//     display: flex;
-//     ${(p) => p.$vertical && "flex-direction: column;"}
-//   }
-// `;
-// export type TabsProps = React.PropsWithChildren<_TabsProps> & {
-//   $vertical?: boolean;
-// };
-// export const TabList = styled(_TabList)`
-//   display: flex;
-//   flex-direction: column;
-//   ${min.sm} {
-//     border-right: 1px solid var(--grey800);
-//   }
-// `;
-// export const TabWrap = styled(_Tab)<TabProps & TabStyledProps>`
-//   ${btnStyleReset}
-//   position: relative;
-//   justify-content: flex-end;
-//   padding: 0.7em;
-//   margin-bottom: 1em;
-//   font-weight: bold;
-//   color: ${(p) => (p.$active ? "var(--accent200)" : "var(--grey300)")};
-//   ${min.sm} {
-//     padding-right: var(--gutter-half);
-//   }
-//   &:hover {
-//     color: ${(p) => (p.$active ? "var(--accent200)" : "var(--accent300)")};
-//   }
-// `;
-// export const TabText = styled.span<TabStyledProps>`
-//   position: relative;
-//   z-index: 1;
-// `;
-// export const TabUnderline = styled(UnderlineSkewed)<TabStyledProps>``;
-// export type TabStyledProps = {
-//   $active: boolean;
-//   $focused: boolean;
-// };
-// export type TabProps = _TabProps & {
-//   idx: number;
-// };
-// export const Tab = ({ children, ...props }: TabProps) => {
-//   const { selectedIndex, focusedIndex } = useTabsContext();
-//   const styledProps = {
-//     $active: props.idx === selectedIndex,
-//     $focused: props.idx === focusedIndex,
-//   };
-//   return (
-//     <TabWrap {...props} {...styledProps}>
-//       {styledProps.$active && (
-//         <TabUnderline {...styledProps} layoutId="Tab-underline" />
-//       )}
-//       <TabText {...styledProps}>{children}</TabText>
-//     </TabWrap>
-//   );
-// };
-// export const TabPanels = styled(_TabPanels)`
-//   flex: 1;
-// `;
-// export const TabPanel = styled(_TabPanel)`
-//   ${min.sm} {
-//     padding-left: var(--gutter-half);
-//   }
-// `;
-"use strict";

package/Tabs/sc/bare.mjs

@@ -1,85 +0,0 @@
-// <reference types="@reach/utils/dist/declarations/src/polymorphic" />
-/**
- * @file
- *
- * Here we manage only "vertical" oriented tabs for now
- */ // import styled from "styled-components";
-// import {
-//   Tabs as _Tabs,
-//   TabList as _TabList,
-//   Tab as _Tab,
-//   TabPanels as _TabPanels,
-//   TabPanel as _TabPanel,
-//   TabProps as _TabProps,
-//   TabsProps as _TabsProps,
-//   useTabsContext,
-// } from "@reach/tabs";
-// import { min } from "../../styles/media";
-// import { UnderlineSkewed } from "../../Animations/Underline";
-// import { btnStyleReset } from "../../Buttons/Button";
-// export const Tabs = styled(_Tabs)<TabsProps>`
-//   ${min.sm} {
-//     display: flex;
-//     ${(p) => p.$vertical && "flex-direction: column;"}
-//   }
-// `;
-// export type TabsProps = React.PropsWithChildren<_TabsProps> & {
-//   $vertical?: boolean;
-// };
-// export const TabList = styled(_TabList)`
-//   display: flex;
-//   flex-direction: column;
-//   ${min.sm} {
-//     border-right: 1px solid var(--grey800);
-//   }
-// `;
-// export const TabWrap = styled(_Tab)<TabProps & TabStyledProps>`
-//   ${btnStyleReset}
-//   position: relative;
-//   justify-content: flex-end;
-//   padding: 0.7em;
-//   margin-bottom: 1em;
-//   font-weight: bold;
-//   color: ${(p) => (p.$active ? "var(--accent200)" : "var(--grey300)")};
-//   ${min.sm} {
-//     padding-right: var(--gutter-half);
-//   }
-//   &:hover {
-//     color: ${(p) => (p.$active ? "var(--accent200)" : "var(--accent300)")};
-//   }
-// `;
-// export const TabText = styled.span<TabStyledProps>`
-//   position: relative;
-//   z-index: 1;
-// `;
-// export const TabUnderline = styled(UnderlineSkewed)<TabStyledProps>``;
-// export type TabStyledProps = {
-//   $active: boolean;
-//   $focused: boolean;
-// };
-// export type TabProps = _TabProps & {
-//   idx: number;
-// };
-// export const Tab = ({ children, ...props }: TabProps) => {
-//   const { selectedIndex, focusedIndex } = useTabsContext();
-//   const styledProps = {
-//     $active: props.idx === selectedIndex,
-//     $focused: props.idx === focusedIndex,
-//   };
-//   return (
-//     <TabWrap {...props} {...styledProps}>
-//       {styledProps.$active && (
-//         <TabUnderline {...styledProps} layoutId="Tab-underline" />
-//       )}
-//       <TabText {...styledProps}>{children}</TabText>
-//     </TabWrap>
-//   );
-// };
-// export const TabPanels = styled(_TabPanels)`
-//   flex: 1;
-// `;
-// export const TabPanel = styled(_TabPanel)`
-//   ${min.sm} {
-//     padding-left: var(--gutter-half);
-//   }
-// `;

package/Tabs/sc/index.stories.js

@@ -1 +0,0 @@
-"use strict";

package/Tabs/tw/bare.d.ts

@@ -1,86 +0,0 @@
-/// <reference types="react" />
-export type { KoineTabsProps } from "../TabsMui";
-export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>;
-export declare const List: import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>;
-export declare const Tab: import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>>>;
-export declare const Indicator: import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-    children?: import("react").ReactNode;
-}>>>>;
-export declare const Panel: import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>;
-export declare const KoineTabs: ((props: Omit<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-    mTab?: import("framer-motion").MotionProps | undefined;
-    children?: import("react").ReactNode;
-    Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
-    List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
-    Tab: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tab").TabTypeMap<{}, "button">>;
-    Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-        children?: import("react").ReactNode;
-    }>>;
-    Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
-    Root: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>;
-    List: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>;
-    Tab: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>>>;
-    Indicator: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-        children?: import("react").ReactNode;
-    }>>>>;
-    Panel: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>;
-} & {
-    defaultProps: {
-        Root: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>;
-        List: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>;
-        Tab: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>>>;
-        Indicator: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-            children?: import("react").ReactNode;
-        }>>>>;
-        Panel: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>;
-    };
-};

package/Tabs/tw/bare.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Root: function() {
-        return Root;
-    },
-    List: function() {
-        return List;
-    },
-    Tab: function() {
-        return Tab;
-    },
-    Indicator: function() {
-        return Indicator;
-    },
-    Panel: function() {
-        return Panel;
-    },
-    KoineTabs: function() {
-        return KoineTabs;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _helpers = require("../../helpers");
-const _TabsMui = /*#__PURE__*/ _interop_require_wildcard._(require("../TabsMui"));
-const Root = (0, _helpers.classed)(_TabsMui.Root)`< class="tabs`;
-const List = (0, _helpers.classed)(_TabsMui.List)`< class="tabsList flex`;
-const Tab = (0, _helpers.classed)(_TabsMui.Tab)`< class="tabsTab inline-flex items-center justify-center [-webkit-tap-highlight-color:transparent] appearance-none select-none`;
-const Indicator = (0, _helpers.classed)(_TabsMui.Indicator)`< class="tabsIndicator`;
-const Panel = (0, _helpers.classed)(_TabsMui.Panel)`< class="tabsPanel`;
-const KoineTabs = (0, _helpers.extendComponent)(_TabsMui.KoineTabs, {
-    Root,
-    List,
-    Tab,
-    Indicator,
-    Panel
-});

package/Tabs/tw/bare.mjs

@@ -1,15 +0,0 @@
-import { classed, extendComponent } from "../../helpers";
-// import type { ComponentsProps } from "../TabsMui";
-import * as _ from "../TabsMui";
-export const Root = classed(_.Root)`< class="tabs`;
-export const List = classed(_.List)`< class="tabsList flex`;
-export const Tab = classed(_.Tab)`< class="tabsTab inline-flex items-center justify-center [-webkit-tap-highlight-color:transparent] appearance-none select-none`;
-export const Indicator = classed(_.Indicator)`< class="tabsIndicator`;
-export const Panel = classed(_.Panel)`< class="tabsPanel`;
-export const KoineTabs = extendComponent(_.KoineTabs, {
-    Root,
-    List,
-    Tab,
-    Indicator,
-    Panel
-});