@koine/react 2.0.0-beta.37 → 2.0.0-beta.39

package/Rating/Rating.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-export type RatingStarProps = React.ComponentPropsWithoutRef<"svg"> & RatingStarModel & {
-    size?: number;
-    value: number;
-    colorBg?: React.CSSProperties["color"];
-    colorStroke?: React.CSSProperties["color"];
-};
-export declare const RatingStarRoot: any;
-export declare const RatingStar: ({ value, colorBg, colorStroke, size, ...props }: RatingStarProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RatingDetails: any;
-export declare const RatingCount: any;
-export declare const RatingValue: any;
-export declare const RatingRoot: any;
-export type RatingStarModel = {
-    value: number;
-    idx?: number;
-    dataIdx?: number;
-};
-export type RatingProps = {
-    value: number;
-    count?: number;
-    min?: number;
-    max?: number;
-    showDetails?: boolean;
-    starSize?: RatingStarProps["size"];
-} & Pick<RatingStarProps, "colorBg" | "colorStroke">;
-export declare const Rating: ({ value, count, min, max, showDetails, colorBg, colorStroke, starSize, }: RatingProps) => import("react/jsx-runtime").JSX.Element;

package/Rating/Rating.js

@@ -1,43 +0,0 @@
-import { __assign, __makeTemplateObject, __read, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useId, useState } from "react";
-import styled from "styled-components";
-export var RatingStarRoot = styled.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 1px;\n"], ["\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 1px;\n"])));
-export var RatingStar = function (_a) {
-    var value = _a.value, _b = _a.colorBg, colorBg = _b === void 0 ? "#FFD84C" : _b, _c = _a.colorStroke, colorStroke = _c === void 0 ? "#947813" : _c, size = _a.size, props = __rest(_a, ["value", "colorBg", "colorStroke", "size"]);
-    var id = useId();
-    return (_jsxs(RatingStarRoot, __assign({ viewBox: "0 0 16 16", "data-value": value, width: size + "px", height: size + "px" }, props, { children: [_jsx("defs", { children: _jsxs("linearGradient", { id: id, x1: "0", y1: "0", x2: "1", y2: "0", children: [_jsx("stop", { offset: "0", stopColor: colorBg }), _jsx("stop", { offset: value, stopColor: colorBg }), _jsx("stop", { offset: value, stopColor: "rgba(255, 255, 255, 0)" })] }) }), _jsx("path", { stroke: colorStroke, strokeWidth: "0.5", fill: "url(#".concat(id, ")"), d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" })] })));
-};
-export var RatingDetails = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding-left: 0.5em;\n  font-size: 12px;\n  color: var(--grey100);\n\n  &:before {\n    content: \"(\";\n  }\n  &:after {\n    content: \")\";\n  }\n"], ["\n  padding-left: 0.5em;\n  font-size: 12px;\n  color: var(--grey100);\n\n  &:before {\n    content: \"(\";\n  }\n  &:after {\n    content: \")\";\n  }\n"])));
-export var RatingCount = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
-export var RatingValue = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
-export var RatingRoot = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  &:hover ", " {\n    display: inline-block;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n\n  &:hover ", " {\n    display: inline-block;\n  }\n"])), RatingValue);
-export var Rating = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? 0 : _b, count = _a.count, _c = _a.min, min = _c === void 0 ? 0 : _c, _d = _a.max, max = _d === void 0 ? 5 : _d, _e = _a.showDetails, showDetails = _e === void 0 ? true : _e, colorBg = _a.colorBg, colorStroke = _a.colorStroke, _f = _a.starSize, starSize = _f === void 0 ? 16 : _f;
-    var id = useId();
-    var _g = __read(useState(value), 1), currentValue = _g[0];
-    var _h = __read(useState([]), 2), stars = _h[0], setStars = _h[1];
-    var getStars = useCallback(function (activeCount) {
-        var stars = [];
-        for (var currentStar = min + 1; currentStar < max + 1; currentStar++) {
-            var starValue = void 0;
-            var roundedActiveCount = Math.floor(activeCount);
-            if (roundedActiveCount === currentStar - 1) {
-                starValue = 1 - (currentStar - activeCount);
-            }
-            else if (roundedActiveCount >= currentStar) {
-                starValue = 1;
-            }
-            else {
-                starValue = 0;
-            }
-            stars.push({ value: starValue });
-        }
-        return stars;
-    }, [min, max]);
-    useEffect(function () {
-        setStars(getStars(currentValue));
-    }, [currentValue, getStars]);
-    return (_jsxs(RatingRoot, { children: [stars.map(function (star, idx) { return (_jsx(RatingStar, { idx: idx, dataIdx: idx, size: starSize, value: star.value, colorBg: colorBg, colorStroke: colorStroke }, id + idx)); }), " ", showDetails && count && (_jsxs(RatingDetails, { children: [_jsx(RatingCount, { children: count }), _jsx(RatingValue, { children: " - ".concat(value) })] }))] }));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/Rating/index.d.ts

@@ -1,8 +0,0 @@
-export * from "./Rating.js";
-export declare const getRatingWord: (value: number, precision?: number) => any;
-export declare const getRatingValue: (value: number) => string | number;
-export declare function convertRange(value: number, r1: number[], r2: number[]): number;
-export declare const deriveRating: (title: string, date: Date, minValue?: number, maxValue?: number, minQuantity?: number) => {
-    value: number;
-    count: number;
-};

package/Rating/index.js

@@ -1,45 +0,0 @@
-export * from "./Rating.js";
-var RATING_WORDS = {
-    0: "Worst",
-    1: "Bad",
-    2: "Mediocre",
-    3: "Good",
-    4: "Great",
-    4.5: "Excellent",
-    5: "Best",
-};
-export var getRatingWord = function (value, precision) {
-    if (precision === void 0) { precision = 0.5; }
-    var buffer = 0;
-    var word;
-    while (buffer < value) {
-        word = RATING_WORDS[buffer];
-        buffer += precision;
-    }
-    return word;
-};
-export var getRatingValue = function (value) {
-    var converted = convertRange(value, [0, 5], [0, 10]);
-    if (converted % 1 === 0) {
-        return converted;
-    }
-    return converted.toFixed(1);
-};
-export function convertRange(value, r1, r2) {
-    return ((value - r1[0]) * (r2[1] - r2[0])) / (r1[1] - r1[0]) + r2[0];
-}
-export var deriveRating = function (title, date, minValue, maxValue, minQuantity) {
-    if (minValue === void 0) { minValue = 3.8; }
-    if (maxValue === void 0) { maxValue = 5; }
-    if (minQuantity === void 0) { minQuantity = 9; }
-    var entityTime = date.getTime();
-    var nowTime = new Date().getTime();
-    var length = title.length;
-    var value = Number(convertRange(length, [0, 90], [minValue, maxValue]).toFixed(2));
-    var timeDifference = convertRange(nowTime - entityTime, [0, 10000000000000], [minQuantity, 999999]);
-    var count = Math.round(timeDifference / length);
-    return {
-        value: value,
-        count: count,
-    };
-};

package/Select/SelectDownshift.d.ts

@@ -1,5 +0,0 @@
-import type { Option } from "../types.js";
-export type SelectProps = {
-    options?: Option[];
-};
-export declare const Select: null;

package/Select/SelectDownshift.js

@@ -1 +0,0 @@
-export var Select = null;

package/Select/components.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const SelectArrowStyled: any;
-export type SelectArrowProps = {
-    isOpen?: boolean;
-};
-export declare const SelectArrow: import("react").ForwardRefExoticComponent<SelectArrowProps & import("react").RefAttributes<HTMLSpanElement>>;

package/Select/components.js

@@ -1,12 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { m } from "framer-motion";
-import { forwardRef } from "react";
-import { BsBoxArrowInDown as IconCollapse } from "react-icons/bs";
-import styled from "styled-components";
-export var SelectArrowStyled = styled(m.span)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2em;\n\n  &:not([disabled]) {\n    cursor: pointer;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2em;\n\n  &:not([disabled]) {\n    cursor: pointer;\n  }\n"])));
-export var SelectArrow = forwardRef(function SelectArrow(_a, ref) {
-    var isOpen = _a.isOpen, props = __rest(_a, ["isOpen"]);
-    return (_jsx(SelectArrowStyled, __assign({ animate: { rotate: isOpen ? 180 : 0 }, ref: ref }, props, { children: _jsx(IconCollapse, {}) })));
-});
-var templateObject_1;

package/Select/index.d.ts

@@ -1,2 +0,0 @@
-export type { SelectProps } from "./SelectDownshift.js";
-export { Select } from "./SelectDownshift.js";

package/Select/index.js

@@ -1 +0,0 @@
-export { Select } from "./SelectDownshift.js";

package/Sidebar/Sidebar.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export type SidebarProps = React.PropsWithChildren<unknown>;
-export declare const Sidebar: ({ children }: SidebarProps) => import("react/jsx-runtime").JSX.Element;

package/Sidebar/Sidebar.js

@@ -1,23 +0,0 @@
-import { __makeTemplateObject, __read } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { CgCloseR as IconClose } from "react-icons/cg";
-import { GrFolderOpen as IconOpen } from "react-icons/gr";
-import styled from "styled-components";
-import { IconButtonFab } from "../Buttons/index.js";
-import { useHeader } from "../Header/index.js";
-import { max, min } from "../styles/media.js";
-var SidebarWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
-    return "".concat(max.md, " {\n      z-index: 20;\n      display: flex;\n      flex-direction: column;\n      position: fixed;\n      right: 0;\n      left: var(--gutter-half);\n      top: ").concat(p.$top || 0, "px;\n      bottom: 0;\n      padding: var(--gutter-half);\n      transform: ").concat(p.$open ? "translateX(0)" : "translateX(100%)", ";\n      transition: transform .18s ease-in-out, box-shadow .18s ease-in-out;\n      background: white;\n      box-shadow: ").concat(p.$open ? "0 0 0 100vh rgba(0, 0, 0, .3)" : "0 0 100vh rgba(0, 0, 0, 0)", ";\n      will-change: transform, box-shadow;\n      pointer-events: ").concat(p.$open ? "all" : "none", "\n    }");
-});
-var SidebarToggle = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  z-index: 21;\n  position: fixed;\n  right: var(--gutter-half);\n  bottom: var(--gutter-half);\n  ", " {\n    display: none;\n  }\n\n  path {\n    stroke: currentColor;\n  }\n"], ["\n  z-index: 21;\n  position: fixed;\n  right: var(--gutter-half);\n  bottom: var(--gutter-half);\n  ", " {\n    display: none;\n  }\n\n  path {\n    stroke: currentColor;\n  }\n"])), min.md);
-export var Sidebar = function (_a) {
-    var children = _a.children;
-    var _b = __read(useState(false), 2), open = _b[0], setOpen = _b[1];
-    var _c = __read(useHeader(), 3), headerHeight = _c[2];
-    var handleClickToggle = useCallback(function () {
-        setOpen(function (prevOpen) { return !prevOpen; });
-    }, []);
-    return (_jsxs(_Fragment, { children: [_jsx(SidebarToggle, { onClick: handleClickToggle, children: _jsx(IconButtonFab, { "$variant": "contained", children: open ? _jsx(IconClose, {}) : _jsx(IconOpen, {}) }) }), _jsx(SidebarWrapper, { "$open": open, "$top": headerHeight, children: children })] }));
-};
-var templateObject_1, templateObject_2;

package/Sidebar/index.d.ts

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

package/Sidebar/index.js

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

package/Spacing/Spacing.d.ts

@@ -1,17 +0,0 @@
-import { SpacingDevices, SpacingDirectionAxis, SpacingFactor, SpacingProperty, SpacingSize } from "../styles/spacing.js";
-export type SpacingPropsStyled = {
-    $top?: SpacingFnArgs;
-    $bottom?: SpacingFnArgs;
-};
-type SpacingFnArgs = [
-    SpacingSize,
-    SpacingFactor,
-    SpacingProperty,
-    SpacingDevices[]
-];
-type SpacingSyntaxFactor = string;
-type SpacingSyntaxDevices = `${SpacingDevices}` | `${SpacingDevices},${SpacingDevices}` | `${SpacingDevices},${SpacingDevices},${SpacingDevices}`;
-type SpacingSyntax = `${SpacingSize}` | `${SpacingSize}:${SpacingSyntaxFactor}` | `${SpacingSize}:${SpacingSyntaxFactor}:${SpacingProperty}` | `${SpacingSize}:${SpacingSyntaxFactor}:${SpacingProperty}:${SpacingSyntaxDevices}`;
-export type SpacingProps = React.ComponentPropsWithoutRef<"div"> & Partial<Record<SpacingDirectionAxis, SpacingSyntax>>;
-export declare const Spacing: ({ top, bottom, vertical, ...props }: SpacingProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/Spacing/Spacing.js

@@ -1,32 +0,0 @@
-import { __assign, __makeTemplateObject, __read, __rest, __spreadArray } from "tslib";
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-import { isUndefined } from "@koine/utils";
-import { spacingBottom, spacingTop, } from "../styles/spacing.js";
-var Root = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (p) { return p.$top && spacingTop.call.apply(spacingTop, __spreadArray([p.theme], __read(p.$top), false)); }, function (p) { return p.$bottom && spacingBottom.call.apply(spacingBottom, __spreadArray([p.theme], __read(p.$bottom), false)); });
-var extractDirectionArgs = function (raw) {
-    var _a = __read(raw.split(":"), 4), size = _a[0], factor = _a[1], property = _a[2], devices = _a[3];
-    var factorArg = isUndefined(factor) ? undefined : parseFloat(factor);
-    var devicesArg = devices === null || devices === void 0 ? void 0 : devices.split(",");
-    return [size, factorArg, property, devicesArg];
-};
-export var Spacing = function (_a) {
-    var top = _a.top, bottom = _a.bottom, vertical = _a.vertical, props = __rest(_a, ["top", "bottom", "vertical"]);
-    var $top;
-    var $bottom;
-    if (top) {
-        $top = extractDirectionArgs(top);
-    }
-    if (bottom) {
-        $bottom = extractDirectionArgs(bottom);
-    }
-    if (vertical) {
-        $top = extractDirectionArgs(vertical);
-        $bottom = $top;
-    }
-    if (!$top && !$bottom && !vertical) {
-        return _jsx(_Fragment, { children: props.children });
-    }
-    return _jsx(Root, __assign({ "$top": $top, "$bottom": $bottom }, props));
-};
-var templateObject_1;

package/Spacing/index.d.ts

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

package/Spacing/index.js

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

package/Sticky/Sticky.d.ts

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

package/Sticky/Sticky.js

@@ -1 +0,0 @@
-export var Sticky = null;

package/Sticky/StickyCss.d.ts

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

package/Sticky/StickyCss.js

@@ -1,6 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var StickyCss = function (_a) {
-    var top = _a.top, props = __rest(_a, ["top"]);
-    return _jsx("div", __assign({ style: { position: "sticky", top: 100 } }, props));
-};

package/Sticky/index.d.ts

@@ -1 +0,0 @@
-export { StickyCss, StickyCssProps } from "./StickyCss.js";

package/Sticky/index.js

@@ -1 +0,0 @@
-export { StickyCss } from "./StickyCss.js";

package/Tabs/TabsMui.d.ts

@@ -1,84 +0,0 @@
-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 "../extendComponent.js";
-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" | "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" | "onDragStart" | "onDragEnd" | "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" | "onDragStart" | "onDragEnd" | "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" | "onDragStart" | "onDragEnd" | "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" | "onDragStart" | "onDragEnd" | "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,30 +0,0 @@
-import { __assign, __rest } from "tslib";
-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 "../extendComponent.js";
-export var Root = TabsUnstyled;
-export var List = TabsListUnstyled;
-export var Indicator = "span";
-export var Panel = TabPanelUnstyled;
-export var Tab = forwardRef(function Tab(_a, ref) {
-    var children = _a.children, slot = _a.slot, slotProps = _a.slotProps, slots = _a.slots, Indicator = _a.Indicator, props = __rest(_a, ["children", "slot", "slotProps", "slots", "Indicator"]);
-    var _b = useTab(__assign(__assign({}, props), { rootRef: ref })), active = _b.active, selected = _b.selected;
-    var indicatorProps = { active: active, selected: selected };
-    return (_jsxs(TabUnstyled, __assign({}, props, { children: [children, Indicator && _jsx(Indicator, __assign({}, indicatorProps))] })));
-});
-var TabsWithRef = forwardRef(function Tabs(_a, ref) {
-    var _Root = _a.Root, _List = _a.List, _Tab = _a.Tab, _Indicator = _a.Indicator, _Panel = _a.Panel, props = __rest(_a, ["Root", "List", "Tab", "Indicator", "Panel"]);
-    return _jsx(Root, __assign({}, props, { ref: ref }));
-});
-export var KoineTabs = extendComponent(TabsWithRef, {
-    Root: Root,
-    List: List,
-    Tab: Tab,
-    Indicator: Indicator,
-    Panel: Panel,
-});

package/Tabs/index.d.ts

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

package/Tabs/index.js

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

package/Tabs/sc/bare.js

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

package/Tabs/tw/bare.d.ts

@@ -1,85 +0,0 @@
-export type { KoineTabsProps } from "../TabsMui.js";
-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" | "onDragStart" | "onDragEnd" | "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" | "onDragStart" | "onDragEnd" | "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" | "onDragStart" | "onDragEnd" | "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" | "onDragStart" | "onDragEnd" | "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,17 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { classed } from "../../classed.js";
-import { extendComponent } from "../../extendComponent.js";
-import * as _ from "../TabsMui.js";
-export var Root = classed(_.Root)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["< class=\"tabs"], ["< class=\"tabs"])));
-export var List = classed(_.List)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["< class=\"tabsList flex"], ["< class=\"tabsList flex"])));
-export var Tab = classed(_.Tab)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["< class=\"tabsTab inline-flex items-center justify-center [-webkit-tap-highlight-color:transparent] appearance-none select-none"], ["< class=\"tabsTab inline-flex items-center justify-center [-webkit-tap-highlight-color:transparent] appearance-none select-none"])));
-export var Indicator = classed(_.Indicator)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["< class=\"tabsIndicator"], ["< class=\"tabsIndicator"])));
-export var Panel = classed(_.Panel)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["< class=\"tabsPanel"], ["< class=\"tabsPanel"])));
-export var KoineTabs = extendComponent(_.KoineTabs, {
-    Root: Root,
-    List: List,
-    Tab: Tab,
-    Indicator: Indicator,
-    Panel: Panel,
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;