@zuzjs/ui 0.10.6 → 0.10.7

package/dist/cjs/src/comps/Sheet/index.js

@@ -1,187 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { SHEET, SHEET_ACTION_POSITION, TRANSITION_CURVES } from "../../types/enums";
-import Box from "../Box";
-import { useBase } from "../../hooks";
-import { uuid } from "../../funs";
-import { animationTransition } from "../../funs/css";
-import Button from "../Button";
-import Cover from "../Cover";
-import Overlay from "../Overlay";
-let _sheetTimeout = null;
-let _sheetWobbleTimeout = null;
-const Sheet = forwardRef((props, ref) => {
-    const { title: _title, message, transition, curve, speed, type, actionPosition, spinner, loadingMessage, ...pops } = props;
-    const { className, style, rest } = useBase(pops);
-    const [title, setTitle] = useState(_title || ``);
-    const [msg, setMsg] = useState(message || ``);
-    const [action, setAction] = useState(null);
-    const [sheetType, setSheetType] = useState(type || SHEET.Default);
-    const sheetID = useMemo(() => uuid(), []);
-    const [visible, setVisible] = useState(false);
-    const innerRef = useRef(null);
-    const lastTransform = useRef(null);
-    const [loading, setLoading] = useState(false);
-    const [render, setRender] = useState(true);
-    const _render = useRef(null);
-    const renderMessage = msg; //useMemo(() => msg, [msg])
-    useImperativeHandle(ref, () => ({
-        setLoading(mode) {
-            setLoading(mode);
-        },
-        showDialog(title, message, action, onShow) {
-            if (_sheetTimeout) {
-                clearTimeout(_sheetTimeout);
-                if (_sheetWobbleTimeout) {
-                    clearTimeout(_sheetWobbleTimeout);
-                }
-                innerRef.current.classList.remove(`--wobble`);
-                setTimeout(() => innerRef.current.classList.add(`--wobble`), 50);
-                _sheetWobbleTimeout = setTimeout(() => {
-                    innerRef.current.classList.remove(`--wobble`);
-                    _sheetWobbleTimeout = null;
-                }, 500);
-            }
-            setSheetType(SHEET.Dialog);
-            if (message)
-                setMsg(message);
-            if (title)
-                setTitle(title);
-            if (action)
-                setAction(action.reduce((ar, b) => {
-                    ar.push({
-                        ...b,
-                        key: b.key || uuid()
-                    });
-                    return ar;
-                }, []));
-            setVisible(true);
-            setTimeout(() => onShow ? onShow() : () => { }, 1000);
-        },
-        dialog(title, message, action, 
-        // actionRef?: React.RefObject<HTMLElement>,
-        onShow) {
-            if (_sheetTimeout) {
-                clearTimeout(_sheetTimeout);
-                if (_sheetWobbleTimeout) {
-                    clearTimeout(_sheetWobbleTimeout);
-                }
-                innerRef.current.classList.remove(`--wobble`);
-                setTimeout(() => innerRef.current.classList.add(`--wobble`), 50);
-                _sheetWobbleTimeout = setTimeout(() => {
-                    innerRef.current.classList.remove(`--wobble`);
-                    _sheetWobbleTimeout = null;
-                }, 500);
-            }
-            setSheetType(SHEET.Dialog);
-            setMsg(message);
-            setTitle(title);
-            if (action)
-                setAction(action.reduce((ar, b) => {
-                    ar.push({
-                        ...b,
-                        key: b.key || uuid()
-                    });
-                    return ar;
-                }, []));
-            setVisible(true);
-            setTimeout(() => onShow ? onShow() : () => { }, 1000);
-        },
-        error(message, duration) {
-            this.show(message, duration, SHEET.Error);
-        },
-        warn(message, duration) {
-            this.show(message, duration, SHEET.Warn);
-        },
-        success(message, duration) {
-            this.show(message, duration, SHEET.Success);
-        },
-        show(message, duration, type) {
-            if (_sheetTimeout) {
-                clearTimeout(_sheetTimeout);
-                if (_sheetWobbleTimeout) {
-                    clearTimeout(_sheetWobbleTimeout);
-                }
-                // if ( lastTransform ) innerRef.current!.style.transform = _lastTransform
-                lastTransform.current = innerRef.current.style.transform;
-                innerRef.current.style.transform = ``;
-                innerRef.current.classList.remove(`--wobble`);
-                setTimeout(() => {
-                    innerRef.current.classList.add(`--wobble`);
-                    innerRef.current.style.transform = `${lastTransform.current} scale(.9)`.trim();
-                }, 50);
-                _sheetWobbleTimeout = setTimeout(() => {
-                    innerRef.current.classList.remove(`--wobble`);
-                    innerRef.current.style.transform = lastTransform.current || ``;
-                    _sheetWobbleTimeout = null;
-                }, 500);
-            }
-            _sheetTimeout = setTimeout(() => {
-                setVisible(false);
-                _sheetTimeout = null;
-                _sheetWobbleTimeout = null;
-            }, (duration || 4) * 1000);
-            setSheetType(type || SHEET.Default);
-            setMsg(message);
-            setVisible(true);
-        },
-        hide() {
-            setVisible(false);
-        }
-    }));
-    const buildAnimation = useMemo(() => {
-        const base = {
-            when: visible,
-            duration: speed || 0.3,
-            delay: 0.1,
-        };
-        if (sheetType == SHEET.Dialog) {
-            if (transition) {
-                const { from, to } = animationTransition(transition);
-                return {
-                    from: { ...from, x: `-50%`, y: `-50%` },
-                    to: { ...to, x: `-50%`, y: `-50%` },
-                    curve: curve || TRANSITION_CURVES.EaseInOut,
-                    ...base
-                };
-            }
-            return {
-                from: { scale: 0, x: `-50%`, y: `-50%`, opacity: 0 },
-                to: { scale: 1, x: `-50%`, y: `-50%`, opacity: 1 },
-                curve: TRANSITION_CURVES.Spring,
-                ...base
-            };
-        }
-        else {
-            return {
-                from: { scale: 0, x: `-50%`, y: `-10vh`, opacity: 0 },
-                to: { scale: 1, x: `-50%`, y: 0, opacity: 1 },
-                curve: TRANSITION_CURVES.Spring,
-                ...base
-            };
-        }
-    }, [visible, sheetType]);
-    useEffect(() => {
-        if (_render.current)
-            clearTimeout(_render.current);
-        if (!visible) {
-            _render.current = setTimeout(() => setRender(false), 1000);
-        }
-        else {
-            setRender(true);
-        }
-    }, [visible]);
-    if (sheetType == SHEET.Dialog) {
-        return _jsxs(_Fragment, { children: [_jsx(Overlay, { when: visible }), _jsxs(Box, { className: `--sheet --sheet-${sheetType.toLowerCase()} ${className} fixed`.trim(), style: style, animate: buildAnimation, ...rest, ref: innerRef, children: [_jsx(Cover, { when: loading, spinner: spinner, message: loadingMessage }), _jsxs(Box, { className: `--head flex aic rel`, children: [_jsx(Box, { className: `--${title ? `title` : `dot`} flex aic rel`, children: title || `` }), _jsx(Button, { onClick: (e) => setVisible(false), className: `--closer abs`, children: "\u00D7" })] }), _jsx(Box, { className: `--body flex aic rel ${action ? `` : `--no-action`}`.trim(), children: render ? renderMessage : null }), action && _jsx(Box, { className: `--footer flex aic rel ${actionPosition ? actionPosition == SHEET_ACTION_POSITION.Center ? `jcc` : `` : `jce`}`.trim(), children: action.map((a, i) => _jsx(Button, { onClick: (e) => a.handler ? a.handler() : a.onClick ? a.onClick() : console.log(`onClick Handler missing`), className: `--action`, children: a.label }, `sheet-${sheetID}-action-${a.key}`)) })] })] });
-    }
-    return _jsx(Box, { className: `--sheet --sheet-${sheetType.toLowerCase()} ${className} abs`.trim(), style: style, ...rest, animate: buildAnimation, ref: innerRef, children: visible ? msg : null });
-});
-export const isSheetHandler = (src) => {
-    return typeof src === `object`
-        && null != src
-        && `setLoading` in src
-        && `success` in src
-        && `error` in src;
-};
-export default Sheet;

package/dist/cjs/src/comps/Sidebar/index.d.ts

@@ -1,3 +0,0 @@
-import { SidebarProps } from "./types";
-declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Sidebar;

package/dist/cjs/src/comps/Sidebar/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import Box from "../Box";
-const Sidebar = forwardRef((props, ref) => {
-    const { layout, logo } = props;
-    return _jsxs(Box, { ref: ref, className: `--sidebar --${layout || `2-columns`} flex cols`, children: [_jsx(Box, { as: `--logo`, children: logo }), _jsx(Box, { as: `--nav flex cols` })] });
-});
-export default Sidebar;

package/dist/cjs/src/comps/Sidebar/types.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from "react";
-export type SidebarProps = {
-    layout?: `3-columns` | `2-columns` | `1-column`;
-    logo?: ReactNode;
-};

package/dist/cjs/src/comps/Sidebar/types.js

@@ -1 +0,0 @@
-export {};

package/dist/cjs/src/comps/Slider/index.d.ts

@@ -1,21 +0,0 @@
-import { BoxProps } from "../Box";
-import { SLIDER } from "../../types/enums";
-export type SliderProps = BoxProps & {
-    type?: SLIDER;
-    value?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    roundValue?: boolean;
-    onChange?: (value: number) => void;
-};
-declare const Slider: import("react").ForwardRefExoticComponent<BoxProps & {
-    type?: SLIDER;
-    value?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    roundValue?: boolean;
-    onChange?: (value: number) => void;
-} & import("react").RefAttributes<HTMLInputElement>>;
-export default Slider;

package/dist/cjs/src/comps/Slider/index.js

@@ -1,81 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useRef, useState } from "react";
-import Box from "../Box";
-import { SLIDER } from "../../types/enums";
-import { useBase } from "../../hooks";
-import Input from "../Input";
-import Text from "../Text";
-const Slider = forwardRef((props, ref) => {
-    const { type, value: _value, min: _min, max: _max, step: _step, onChange, roundValue, ...pops } = props;
-    const { className, style, rest } = useBase(pops);
-    const step = useRef(_step || 0.01).current;
-    const min = useRef(_min || 0).current;
-    const max = useRef(_max || 1).current;
-    const value = useRef(_value || 0).current;
-    const input = useRef(null);
-    const slider = useRef(null);
-    const knob = useRef(null);
-    const fill = useRef(null);
-    const track = useRef(null);
-    const text = useRef(null);
-    const percent = (value, min, max) => ((value - min) / (max - min)) * 100;
-    const handleInput = (e) => {
-        if (slider.current) {
-            const value = parseFloat(e.currentTarget.value);
-            const percentage = percent(value, parseFloat(e.currentTarget.min), parseFloat(e.currentTarget.max));
-            slider.current.style.setProperty(`--value`, `${percentage}`);
-            slider.current.setAttribute(`data-value`, `${value}`);
-            onChange && onChange(roundValue ? +value.toFixed(2) : value);
-        }
-    };
-    const [isDragging, setIsDragging] = useState(false);
-    const [startX, setStartX] = useState(0);
-    const [startValue, setStartValue] = useState(0);
-    const handleMouseDown = (e) => {
-        setIsDragging(true);
-        setStartX(e.clientX);
-        setStartValue(slider.current ? parseFloat(slider.current.getAttribute(`data-value`)) : 0);
-        document.body.style.cursor = `ew-resize`;
-    };
-    const handleMouseMove = (e) => {
-        if (isDragging) {
-            const deltaX = e.clientX - startX;
-            const newValue = Math.max(min, Math.min(startValue + deltaX * step, max)); // Adjust sensitivity as needed
-            if (slider.current) {
-                slider.current.setAttribute(`data-value`, `${newValue}`);
-                text.current.textContent = roundValue ? newValue.toFixed(2) : newValue.toString();
-                onChange && onChange(roundValue ? +newValue.toFixed(2) : newValue);
-            }
-        }
-    };
-    const handleMouseUp = () => {
-        setIsDragging(false);
-        document.body.style.cursor = `auto`;
-    };
-    useEffect(() => {
-        if (slider.current) {
-            slider.current
-                .style
-                .setProperty(`--value`, input.current ?
-                `${percent(parseFloat(input.current.value), parseFloat(input.current.min), parseFloat(input.current.max))}`
-                : value.toString());
-        }
-    }, []);
-    useEffect(() => {
-        if (isDragging) {
-            document.addEventListener('mousemove', handleMouseMove);
-            document.addEventListener('mouseup', handleMouseUp);
-        }
-        else {
-            document.removeEventListener('mousemove', handleMouseMove);
-            document.removeEventListener('mouseup', handleMouseUp);
-        }
-        return () => {
-            document.removeEventListener('mousemove', handleMouseMove);
-            document.removeEventListener('mouseup', handleMouseUp);
-        };
-    }, [isDragging]);
-    return _jsx(Box, { ref: slider, "data-value": value || 0, className: `--slider --${type || SLIDER.Default} flex rel ${className}`.trim(), style: { ...style }, children: SLIDER.Text === type ? _jsx(_Fragment, { children: _jsx(Text, { ref: text, onMouseDown: handleMouseDown, className: `--slider-text`, children: value || 0 }) }) : _jsxs(_Fragment, { children: [_jsx(Box, { ref: track, className: `--slider-track abs fill` }), _jsx(Box, { ref: knob, className: `--slider-knob abs` }), _jsx(Input, { ref: input, onInput: handleInput, className: `abs fill`, tabIndex: 0, type: type || SLIDER.Default, defaultValue: value || 0, step: step, max: max, min: min })] }) });
-});
-export default Slider;

package/dist/cjs/src/comps/Span/index.d.ts

@@ -1,4 +0,0 @@
-import { Props } from '../../types';
-export type SpanProps = Props<`span`> & {};
-declare const Span: import("react").ForwardRefExoticComponent<import("../..").ZuzProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof import("../..").ZuzProps> & import("react").RefAttributes<HTMLSpanElement>>;
-export default Span;

package/dist/cjs/src/comps/Span/index.js

@@ -1,10 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useBase } from '../../hooks';
-const Span = forwardRef((props, ref) => {
-    const { style, ...pops } = props;
-    const { style: _style, className, rest } = useBase(pops);
-    return _jsx("span", { ref: ref, style: style, className: className, ...rest });
-});
-export default Span;

package/dist/cjs/src/comps/Spinner/index.d.ts

@@ -1,21 +0,0 @@
-import { BoxProps } from "../Box";
-import { Size, SPINNER } from "../../types/enums";
-export type SpinnerProps = BoxProps & {
-    type?: SPINNER;
-    size?: Size | number;
-    width?: number;
-    color?: string;
-    background?: string;
-    foreground?: string;
-    speed?: number;
-};
-declare const Spinner: import("react").ForwardRefExoticComponent<BoxProps & {
-    type?: SPINNER;
-    size?: Size | number;
-    width?: number;
-    color?: string;
-    background?: string;
-    foreground?: string;
-    speed?: number;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export default Spinner;

package/dist/cjs/src/comps/Spinner/index.js

@@ -1,56 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import Box from "../Box";
-import { Size, SPINNER } from "../../types/enums";
-import { useBase } from "../../hooks";
-import { hexToRgba } from "../../funs";
-const Spinner = forwardRef((props, ref) => {
-    const { type, size, width, speed, color, background, foreground, ...pops } = props;
-    const defaultColor = `#000000`;
-    const { className, style, rest } = useBase(pops);
-    const build = () => {
-        const c = color && color.startsWith(`var`) ? color : hexToRgba(color || defaultColor);
-        const bg = color && color.startsWith(`var`) ? color : hexToRgba(color || defaultColor, .3);
-        const sizes = {
-            [Size.Small]: 20,
-            [Size.Medium]: 30,
-            [Size.Large]: 50,
-            default: 20
-        };
-        const _size = size ? Object.values(Size).includes(size) ? sizes[size] : size : sizes.default;
-        const _animationSetting = {
-            animationDuration: `${speed || .6}s`,
-            animationTimingFunction: `linear`
-        };
-        const _props = (type || SPINNER.Simple) == SPINNER.Simple ? {
-            width: _size,
-            height: _size,
-            border: `${width || 3}px solid ${bg}`,
-            borderRadius: `50%`,
-            borderTopColor: c,
-            ..._animationSetting
-        } : {
-        // ..._animationSetting
-        };
-        return _props;
-    };
-    const child = () => {
-        switch (type || SPINNER.Simple) {
-            case SPINNER.Simple:
-                return null;
-                break;
-            case SPINNER.Wave:
-                return _jsxs(_Fragment, { children: [_jsx(Box, { as: `--dot --dot-1` }), _jsx(Box, { as: `--dot --dot-2` }), _jsx(Box, { as: `--dot --dot-3` })] });
-                break;
-            case SPINNER.Roller:
-                return null;
-                break;
-        }
-    };
-    return _jsx(Box, { className: `${className} --spinner --${(type || SPINNER.Simple).toLowerCase()} --${size || Size.Default}`.trim(), style: {
-            ...style,
-            ...build()
-        }, ...rest, children: child() });
-});
-export default Spinner;

package/dist/cjs/src/comps/Switch/index.d.ts

@@ -1,9 +0,0 @@
-import { CheckboxHandler } from "../CheckBox/types";
-import { CHECKBOX } from "../../types/enums";
-declare const Switch: import("react").ForwardRefExoticComponent<import("../..").ZuzProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof import("../..").ZuzProps> & {
-    type?: CHECKBOX;
-    size?: import("../..").Size;
-    variant?: import("../..").Variant;
-    onSwitch?: (checked: boolean, value: string | number | readonly string[]) => void;
-} & import("react").RefAttributes<CheckboxHandler>>;
-export default Switch;

package/dist/cjs/src/comps/Switch/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import CheckBox from "../CheckBox";
-import { CHECKBOX } from "../../types/enums";
-const Switch = forwardRef((props, ref) => {
-    return _jsx(CheckBox, { type: CHECKBOX.Switch, ...props, ref: ref });
-});
-export default Switch;

package/dist/cjs/src/comps/TabView/body.d.ts

@@ -1,11 +0,0 @@
-import React, { ReactNode } from 'react';
-declare const TabBody: React.FC<{
-    size: {
-        width: number;
-    };
-    index: number;
-    active: boolean;
-    render: boolean;
-    content: string | ReactNode | ReactNode[];
-}>;
-export default TabBody;

package/dist/cjs/src/comps/TabView/body.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import Box from '../Box';
-const TabBody = ({ size, index, active, render, content }) => {
-    const _ref = useRef(null);
-    const [style, setStyle] = useState({});
-    useEffect(() => {
-        if (_ref.current) {
-            const d = _ref.current.closest(`.--track`)?.getBoundingClientRect();
-            // console.log(d?.height)
-            setStyle({ height: d?.height });
-        }
-    }, [_ref.current]);
-    return _jsx(Box, { ref: _ref, style: {
-            width: size.width,
-            minWidth: size.width,
-            maxWidth: size.width,
-            opacity: active ? 1 : 0,
-            transition: 'opacity 0.5s ease',
-            ...style
-        }, className: `--content`, children: (render || active) && content });
-};
-export default TabBody;

package/dist/cjs/src/comps/TabView/index.d.ts

@@ -1,10 +0,0 @@
-import { Tab, TabViewHandler } from "./types";
-import { BoxProps } from "../Box";
-declare const TabView: import("react").ForwardRefExoticComponent<BoxProps & {
-    onChange?: (tab: Tab, index: number) => void;
-    speed?: number;
-    variant?: "fixed" | "default";
-    tabs: Tab[];
-    prerender?: boolean;
-} & import("react").RefAttributes<TabViewHandler>>;
-export default TabView;

package/dist/cjs/src/comps/TabView/index.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import { uuid } from "../../funs";
-import { useBase, useResizeObserver } from "../../hooks";
-import Box from "../Box";
-import { SelectTabs } from "../..";
-import TabBody from "./body";
-const TabView = forwardRef((props, ref) => {
-    const { tabs: _tabs, speed, prerender, variant, onChange, ...rest } = props;
-    const tabs = useMemo(() => _tabs.reduce((ts, t) => {
-        ts.push({
-            ...t,
-            key: t.key || uuid()
-        });
-        return ts;
-    }, []), [_tabs]);
-    const tabview = useRef(null);
-    const tabViewID = useMemo(() => uuid(), []);
-    const [activeTab, setActiveTab] = useState(0);
-    const size = useResizeObserver(tabview);
-    const render = useMemo(() => prerender == undefined || prerender == true ? true : false, []);
-    const { style, className } = useBase(rest);
-    const handleTabClick = (index) => {
-        setActiveTab(index);
-    };
-    useEffect(() => {
-        onChange && onChange(tabs[0], 0);
-    }, []);
-    return _jsxs(Box, { ref: tabview, style: style, className: `--tabview --${variant || "default"} flex cols ${className}`, children: [_jsx(SelectTabs, { as: `--tabview-head`, onSwitch: (segment) => {
-                    handleTabClick(segment.index);
-                    const tab = tabs.find((t) => t.tag == segment.tag);
-                    if (tab && tab.onSelect) {
-                        tab.onSelect(tab, segment.index);
-                        onChange && onChange(tab, segment.index);
-                    }
-                }, selected: activeTab, items: tabs.reduce((arr, c, index) => {
-                    arr.push({
-                        icon: c.icon,
-                        index,
-                        label: c.label,
-                        tag: c.tag
-                    });
-                    return arr;
-                }, []) }), _jsx(Box, { className: `--tabview-body rel`, children: _jsx(Box, { className: `--track flex aic`, style: {
-                        transition: `all ${speed || 0.3}s ease-in-out 0s`, transform: `translate(-${activeTab * size.width}px, 0)`
-                    }, children: tabs.map((tab, index) => _jsx(TabBody, { index: index, active: index === activeTab, size: size, render: render, content: tab.body }, `tab-body-${tab.key || index}-${tabViewID}`)) }) })] });
-});
-export default TabView;

package/dist/cjs/src/comps/TabView/tab.d.ts

@@ -1,3 +0,0 @@
-import { TabProps } from "./types";
-declare const TabItem: ({ tab, index, activeTab, onClick }: TabProps) => import("react/jsx-runtime").JSX.Element;
-export default TabItem;

package/dist/cjs/src/comps/TabView/tab.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Button from "../Button";
-import Icon from "../Icon";
-import Text from "../Text";
-const TabItem = ({ tab, index, activeTab, onClick }) => {
-    const { icon, label } = tab;
-    return _jsxs(Button, { onClick: e => onClick(index), className: `--tab jcc ${index === activeTab ? '--active' : ''}`.trim(), children: [icon && (typeof icon === 'string' ? _jsx(Icon, { className: `--icon`, name: icon }) : icon), _jsx(Text, { className: `--label rel`, children: label })] });
-};
-export default TabItem;

package/dist/cjs/src/comps/TabView/types.d.ts

@@ -1,27 +0,0 @@
-import { ReactNode } from "react";
-import { BoxProps } from "../Box";
-export interface Tab {
-    onSelect: (tab: Tab, index: number) => void;
-    tag?: string;
-    key?: string;
-    icon?: ReactNode | ReactNode[];
-    label: string | ReactNode | ReactNode[];
-    body: string | ReactNode | ReactNode[];
-    render?: boolean;
-}
-export type TabProps = {
-    tab: Tab;
-    index: number;
-    activeTab: number;
-    onClick: (index: number) => void;
-};
-export type TabViewProps = BoxProps & {
-    onChange?: (tab: Tab, index: number) => void;
-    speed?: number;
-    variant?: "fixed" | "default";
-    tabs: Tab[];
-    prerender?: boolean;
-};
-export interface TabViewHandler {
-    setTab: (index: number) => void;
-}

package/dist/cjs/src/comps/TabView/types.js

@@ -1 +0,0 @@
-export {};

package/dist/cjs/src/comps/Table/col.d.ts

@@ -1,9 +0,0 @@
-import { CSSProperties } from "react";
-import type { Column } from "./types";
-import { PubSub } from "../..";
-declare const TColumn: <T>(props: Column<T> & {
-    idx: number;
-    style?: CSSProperties;
-    pubsub: PubSub;
-}) => import("react/jsx-runtime").JSX.Element;
-export default TColumn;

package/dist/cjs/src/comps/Table/col.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Box from "../Box";
-const TColumn = (props) => {
-    const { idx, id, as, weight, style, value, render, resize, sort } = props;
-    return _jsx(Box, { style: {
-            flex: weight || 1,
-            ...style
-        }, as: `--col flex aic ${as || ``}`, children: value });
-};
-export default TColumn;

package/dist/cjs/src/comps/Table/index.d.ts

@@ -1,6 +0,0 @@
-import { JSX, Ref } from "react";
-import type { TableProps } from "./types";
-declare const ForwardedTable: <T>(props: TableProps<T> & {
-    ref?: Ref<HTMLDivElement>;
-}) => JSX.Element;
-export default ForwardedTable;

package/dist/cjs/src/comps/Table/index.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo, useRef } from "react";
-import Box from "../Box";
-import { useBase } from "../../hooks";
-import TRow from "./row";
-import Pagination from "../Pagination";
-import { PaginationStyle } from "../Pagination/types";
-import { PubSub, uuid } from "../..";
-// const Table = forwardRef<HTMLDivElement, TableProps>((props, ref) => {
-const Table = (props, ref) => {
-    const { schema, rows, rowCount, rowsPerPage, currentPage, pagination, animateRows, header, showPaginationOnZeroPageCount, rowClassName, selectableRows, hoverable, onRowSelectToggle, onPageChange, onRowContextMenu, ...pops } = props;
-    const _schemaParsed = useMemo(() => schema.reduce((prev, c) => {
-        prev[c.id] = {
-            flex: c.weight || 1,
-            ...(c.w && { width: c.w }),
-            ...(c.maxW && { maxWidth: c.maxW }),
-            ...(c.minW && { minWidth: c.minW }),
-            ...(c.h && { height: c.h }),
-            ...(c.maxH && { maxHeight: c.maxH }),
-            ...(c.minH && { minHeight: c.minH }),
-        };
-        // prev.push(c.id.toString())
-        return prev;
-    }, {}), [schema]);
-    const _cols = useMemo(() => Object.keys(_schemaParsed), [schema]);
-    const _header = useMemo(() => header == undefined ? true : header, [header]);
-    const { style, className, rest } = useBase(pops);
-    const _tableRef = useRef(null);
-    const pubsub = useMemo(() => new PubSub(), []);
-    const rowKeys = useMemo(() => rows.map(() => uuid()), [rows]);
-    return _jsxs(Box, { as: `--table ${(hoverable ?? true) ? `--hoverable` : ``} flex cols ${className}`, ref: _tableRef, children: [_header == true && _jsx(TRow, { tableRef: _tableRef, pubsub: pubsub, selectable: selectableRows, index: -1, schema: schema, styles: _schemaParsed }), rows && rows.map((row, index) => _jsx(TRow, { tableRef: _tableRef, pubsub: pubsub, index: index, schema: schema, ids: _cols, styles: _schemaParsed, animate: animateRows, data: row, rowClassName: rowClassName, selectable: selectableRows, onSelect: onRowSelectToggle, onContextMenu: onRowContextMenu }, `--trow-${rowKeys[index]}-${schema[0].id}`)), pagination && _jsx(Box, { as: `--row flex aic --row-footer`, children: _jsx(Pagination, { renderOnZeroPageCount: showPaginationOnZeroPageCount, onPageChange: onPageChange, paginationStyle: PaginationStyle.Table, itemCount: rowCount || (rows ? rows.length : 0), itemsPerPage: rowsPerPage || 10 }) })] });
-};
-const ForwardedTable = forwardRef(Table);
-export default ForwardedTable;

package/dist/cjs/src/comps/Table/row.d.ts

@@ -1,3 +0,0 @@
-import type { Row } from "./types";
-declare const TRow: <T>(props: Row<T>) => import("react/jsx-runtime").JSX.Element;
-export default TRow;