@koine/react 2.0.0-beta.9 → 2.0.0-beta.91

package/Tabs/tw/index.stories.js

@@ -1,46 +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, {
-    // import { classed } from "../../helpers";
-    default: function() {
-        return _default;
-    },
-    bare: function() {
-        return bare;
-    },
-    material: function() {
-        return material;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _stories = require("@koine/stories");
-const _bare = require("./bare");
-const _material = require("./material");
-const _default = {
-    title: "Base/Tabs/Tailwind",
-    ..._stories.storyTabsMeta
-};
-const bareTemplate = (args)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stories.StoryTabs, {
-        ...args,
-        Tabs: _bare.KoineTabs
-    });
-};
-const bare = bareTemplate.bind({});
-bare.args = _stories.storyTabsArgs;
-const materialTemplate = (args)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stories.StoryTabs, {
-        ...args,
-        Tabs: _material.KoineTabs
-    });
-};
-const material = materialTemplate.bind({});
-material.args = _stories.storyTabsArgs;

package/Tabs/tw/index.stories.mjs

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StoryTabs, storyTabsArgs, storyTabsMeta } from "@koine/stories";
-import { KoineTabs as bareComp } from "./bare";
-import { KoineTabs as materialComp } from "./material";
-// import { classed } from "../../helpers";
-export default {
-    title: "Base/Tabs/Tailwind",
-    ...storyTabsMeta
-};
-const bareTemplate = (args)=>{
-    return /*#__PURE__*/ _jsx(StoryTabs, {
-        ...args,
-        Tabs: bareComp
-    });
-};
-export const bare = bareTemplate.bind({});
-bare.args = storyTabsArgs;
-const materialTemplate = (args)=>{
-    return /*#__PURE__*/ _jsx(StoryTabs, {
-        ...args,
-        Tabs: materialComp
-    });
-};
-export const material = materialTemplate.bind({});
-material.args = storyTabsArgs;

package/Tabs/tw/material.d.ts

@@ -1,119 +0,0 @@
-/// <reference types="react" />
-export type { KoineTabsProps } from "./bare";
-export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<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("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<any, "ref"> & import("react").RefAttributes<any>>;
-export declare const Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-    children?: import("react").ReactNode;
-} & {
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-    children?: import("react").ReactNode;
-} & {
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref">) & import("react").RefAttributes<any>>;
-export declare const Panel: import("react").ForwardRefExoticComponent<Omit<{
-    className?: string | undefined;
-    ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<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("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("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<any, "ref"> & import("react").RefAttributes<any>>;
-    Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref">) & import("react").RefAttributes<any>>;
-    Panel: import("react").ForwardRefExoticComponent<Omit<{
-        className?: string | undefined;
-        ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<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("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("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<any, "ref"> & import("react").RefAttributes<any>>;
-        Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-            children?: import("react").ReactNode;
-        } & {
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
-            children?: import("react").ReactNode;
-        } & {
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref">) & import("react").RefAttributes<any>>;
-        Panel: import("react").ForwardRefExoticComponent<Omit<{
-            className?: string | undefined;
-            ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<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/material.js

@@ -1,44 +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 _helpers = require("../../helpers");
-const _bare = require("./bare");
-const Root = (0, _helpers.classed)(_bare.KoineTabs.Root)`< class="`;
-const List = (0, _helpers.classed)(_bare.KoineTabs.List)`< class="border-b-gray-200 border-b border-solid`;
-const Tab = (0, _helpers.classed)(_bare.KoineTabs.Tab)`< class="flex-col relative py-3 px-4 uppercase`; // ${p => p.selected ? "text-cyan-600" : ""}
-const Indicator = (0, _helpers.classed)(_bare.KoineTabs.Indicator)`< class="absolute bottom-0 w-full h-[2px] ${(p)=>p.selected ? "bg-current" : ""}`;
-const Panel = (0, _helpers.classed)(_bare.KoineTabs.Panel)`< class="tabsPanel`;
-const KoineTabs = (0, _helpers.extendComponent)(_bare.KoineTabs, {
-    Root,
-    List,
-    Tab,
-    Indicator,
-    Panel
-});

package/Tabs/tw/material.mjs

@@ -1,14 +0,0 @@
-import { classed, extendComponent } from "../../helpers";
-import { KoineTabs as _ } from "./bare";
-export const Root = classed(_.Root)`< class="`;
-export const List = classed(_.List)`< class="border-b-gray-200 border-b border-solid`;
-export const Tab = classed(_.Tab)`< class="flex-col relative py-3 px-4 uppercase`; // ${p => p.selected ? "text-cyan-600" : ""}
-export const Indicator = classed(_.Indicator)`< class="absolute bottom-0 w-full h-[2px] ${(p)=>p.selected ? "bg-current" : ""}`;
-export const Panel = classed(_.Panel)`< class="tabsPanel`;
-export const KoineTabs = extendComponent(_, {
-    Root,
-    List,
-    Tab,
-    Indicator,
-    Panel
-});

package/Tabs/useTabs.d.ts

@@ -1,43 +0,0 @@
-import React from "react";
-export interface UseTabsProps {
-    /**
-     * The value of the currently selected `Tab`.
-     * If you don't want any selected `Tab`, you can set this prop to `false`.
-     */
-    value?: string | number | false;
-    /**
-     * The default value. Use when the component is not controlled.
-     */
-    defaultValue?: string | number | false;
-    /**
-     * The component orientation (layout flow direction).
-     * @default 'horizontal'
-     */
-    orientation?: "horizontal" | "vertical";
-    /**
-     * The direction of the text.
-     * @default 'ltr'
-     */
-    direction?: "ltr" | "rtl";
-    /**
-     * Callback invoked when new value is being set.
-     */
-    onChange?: (event: React.SyntheticEvent, value: number | string) => void;
-    /**
-     * If `true` the selected tab changes on focus. Otherwise it only
-     * changes on activation.
-     */
-    selectionFollowsFocus?: boolean;
-}
-export declare const useTabs: (props: UseTabsProps) => {
-    getRootProps: () => {};
-    tabsContextValue: {
-        idPrefix: string;
-        value: string | number | false;
-        onSelected: (event: React.SyntheticEvent, value: number | string) => void;
-        orientation: "horizontal" | "vertical" | undefined;
-        direction: "ltr" | "rtl" | undefined;
-        selectionFollowsFocus: boolean | undefined;
-    };
-};
-export default useTabs;

package/Tabs/useTabs.js

@@ -1,66 +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, {
-    useTabs: function() {
-        return useTabs;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _useControlled = /*#__PURE__*/ _interop_require_default._(require("@mui/utils/useControlled"));
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const useTabs = (props)=>{
-    const { value: valueProp, defaultValue, onChange, orientation, direction, selectionFollowsFocus } = props;
-    const [value, setValue] = (0, _useControlled.default)({
-        controlled: valueProp,
-        default: defaultValue,
-        name: "Tabs",
-        state: "value"
-    });
-    const idPrefix = (0, _react.useId)();
-    const onSelected = (0, _react.useCallback)((e, newValue)=>{
-        setValue(newValue);
-        if (onChange) {
-            onChange(e, newValue);
-        }
-    }, [
-        onChange,
-        setValue
-    ]);
-    const getRootProps = ()=>{
-        return {};
-    };
-    const tabsContextValue = (0, _react.useMemo)(()=>{
-        return {
-            idPrefix,
-            value,
-            onSelected,
-            orientation,
-            direction,
-            selectionFollowsFocus
-        };
-    }, [
-        idPrefix,
-        value,
-        onSelected,
-        orientation,
-        direction,
-        selectionFollowsFocus
-    ]);
-    return {
-        getRootProps,
-        tabsContextValue
-    };
-};
-const _default = useTabs;

package/Tabs/useTabs.mjs

@@ -1,46 +0,0 @@
-import useControlled from "@mui/utils/useControlled";
-import React, { useCallback, useId, useMemo } from "react";
-export const useTabs = (props)=>{
-    const { value: valueProp, defaultValue, onChange, orientation, direction, selectionFollowsFocus } = props;
-    const [value, setValue] = useControlled({
-        controlled: valueProp,
-        default: defaultValue,
-        name: "Tabs",
-        state: "value"
-    });
-    const idPrefix = useId();
-    const onSelected = useCallback((e, newValue)=>{
-        setValue(newValue);
-        if (onChange) {
-            onChange(e, newValue);
-        }
-    }, [
-        onChange,
-        setValue
-    ]);
-    const getRootProps = ()=>{
-        return {};
-    };
-    const tabsContextValue = useMemo(()=>{
-        return {
-            idPrefix,
-            value,
-            onSelected,
-            orientation,
-            direction,
-            selectionFollowsFocus
-        };
-    }, [
-        idPrefix,
-        value,
-        onSelected,
-        orientation,
-        direction,
-        selectionFollowsFocus
-    ]);
-    return {
-        getRootProps,
-        tabsContextValue
-    };
-};
-export default useTabs;

package/Typography/CopyPasteVisible.d.ts

@@ -1 +0,0 @@
-export declare const CopyPasteVisible: any;

package/Typography/CopyPasteVisible.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "CopyPasteVisible", {
-    enumerable: true,
-    get: function() {
-        return CopyPasteVisible;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const CopyPasteVisible = _styledcomponents.default.span`
-  color: transparent;
-  opacity: 0;
-  font-size: 0;
-`;

package/Typography/CopyPasteVisible.mjs

@@ -1,6 +0,0 @@
-import styled from "styled-components";
-export const CopyPasteVisible = styled.span`
-  color: transparent;
-  opacity: 0;
-  font-size: 0;
-`;

package/Typography/Native.d.ts

@@ -1,10 +0,0 @@
-export declare const p = "\n  margin: 0 0 1em 0;\n";
-export declare const h1: string;
-export declare const h2 = "\n  margin: 0 0 1em 0;\n  font-size: 24px;\n  font-weight: 800;\n  line-height: var(--headingsLineHeight);\n";
-export declare const h3 = "\n  margin: 0 0 1em 0;\n  font-size: 20px;\n  font-weight: 600;\n  line-height: var(--headingsLineHeight);\n";
-export declare const h4 = "\n  margin: 0 0 1em 0;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: var(--headingsLineHeight);\n";
-export declare const P: any;
-export declare const H1: any;
-export declare const H2: any;
-export declare const H3: any;
-export declare const H4: any;

package/Typography/Native.js

@@ -1,90 +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, {
-    p: function() {
-        return p;
-    },
-    h1: function() {
-        return h1;
-    },
-    h2: function() {
-        return h2;
-    },
-    h3: function() {
-        return h3;
-    },
-    h4: function() {
-        return h4;
-    },
-    P: function() {
-        return P;
-    },
-    H1: function() {
-        return H1;
-    },
-    H2: function() {
-        return H2;
-    },
-    H3: function() {
-        return H3;
-    },
-    H4: function() {
-        return H4;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const _media = require("../styles/media");
-const p = `
-  margin: 0 0 1em 0;
-`;
-const h1 = `
-  margin: 0 0 10px 0;
-  font-size: 30px;
-  font-weight: 800;
-  line-height: var(--headingsLineHeight);
-  ${_media.min.md} {
-    font-size: 50px;
-  }
-`;
-const h2 = `
-  margin: 0 0 1em 0;
-  font-size: 24px;
-  font-weight: 800;
-  line-height: var(--headingsLineHeight);
-`;
-const h3 = `
-  margin: 0 0 1em 0;
-  font-size: 20px;
-  font-weight: 600;
-  line-height: var(--headingsLineHeight);
-`;
-const h4 = `
-  margin: 0 0 1em 0;
-  font-size: 13px;
-  font-weight: 600;
-  line-height: var(--headingsLineHeight);
-`;
-const P = _styledcomponents.default.div`
-  ${p}
-`;
-const H1 = _styledcomponents.default.div`
-  ${h1}
-`;
-const H2 = _styledcomponents.default.div`
-  ${h2}
-`;
-const H3 = _styledcomponents.default.div`
-  ${h3}
-`;
-const H4 = _styledcomponents.default.div`
-  ${h4}
-`;

package/Typography/Native.mjs

@@ -1,47 +0,0 @@
-import styled from "styled-components";
-import { min } from "../styles/media";
-export const p = `
-  margin: 0 0 1em 0;
-`;
-export const h1 = `
-  margin: 0 0 10px 0;
-  font-size: 30px;
-  font-weight: 800;
-  line-height: var(--headingsLineHeight);
-  ${min.md} {
-    font-size: 50px;
-  }
-`;
-export const h2 = `
-  margin: 0 0 1em 0;
-  font-size: 24px;
-  font-weight: 800;
-  line-height: var(--headingsLineHeight);
-`;
-export const h3 = `
-  margin: 0 0 1em 0;
-  font-size: 20px;
-  font-weight: 600;
-  line-height: var(--headingsLineHeight);
-`;
-export const h4 = `
-  margin: 0 0 1em 0;
-  font-size: 13px;
-  font-weight: 600;
-  line-height: var(--headingsLineHeight);
-`;
-export const P = styled.div`
-  ${p}
-`;
-export const H1 = styled.div`
-  ${h1}
-`;
-export const H2 = styled.div`
-  ${h2}
-`;
-export const H3 = styled.div`
-  ${h3}
-`;
-export const H4 = styled.div`
-  ${h4}
-`;

package/Typography/ReadMore.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export type ReadMoreProps = React.ComponentPropsWithoutRef<"div"> & {
-    lines?: number;
-    lineHeight?: number;
-    fontSize?: number;
-    bg?: React.CSSProperties["background"];
-    /** @default "Expand" */
-    expand?: string;
-    /** @default "Collapse" */
-    collapse?: string;
-};
-export declare const ReadMore: ({ lines, lineHeight, fontSize, bg, expand, collapse, ...props }: ReadMoreProps) => import("react/jsx-runtime").JSX.Element;