@zuzjs/ui 0.10.6 → 0.10.7

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

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useEffect, useMemo, useRef } from "react";
-import Box from "../Box";
-import TColumn from "./col";
-import { CHECKBOX, TRANSITION_CURVES, TRANSITIONS } from "../../types/enums";
-import { useDelayed } from "../../hooks";
-import CheckBox from "../CheckBox";
-const TRow = (props) => {
-    const { index, pubsub, schema, data, ids, styles, animate, selectable, tableRef, rowClassName, onSelect, onContextMenu } = props;
-    const mounted = useDelayed();
-    const _animation = useMemo(() => ({
-        transition: TRANSITIONS.SlideInBottom,
-        curve: TRANSITION_CURVES.EaseInOut,
-        delay: .02 * (index + 1),
-    }), []);
-    const checkbox = useRef(null);
-    const handleSelector = (chk, id) => {
-        if (index == -1) {
-            pubsub.emit(`ALL_ROWS_${chk ? `CHECKED` : `UNCHECKED`}`, chk);
-        }
-        else {
-            if (onSelect)
-                onSelect(data, chk);
-            pubsub.emit(`ROW_${chk ? `CHECKED` : `UNCHECKED`}`, chk, id);
-        }
-    };
-    const Selector = (idx, id, value) => _jsx(TColumn, { idx: idx, id: id, as: `--selector`, pubsub: pubsub, value: _jsx(CheckBox, { value: value, ref: checkbox, 
-            // checked={checked || false} 
-            onSwitch: handleSelector, type: CHECKBOX.Default }) });
-    useEffect(() => {
-        const onRowChecked = (mod, id) => {
-            checkbox.current?.setChecked(mod, false);
-        };
-        const onRowUnchecked = (mod, id) => {
-            let anyChecked = false;
-            if (tableRef?.current) {
-                // tableRef.current.querySelectorAll(`.--selector input[type=checkbox]`).forEach((e) => {
-                tableRef.current.querySelectorAll(`.--row`).forEach((e) => {
-                    const _row = e;
-                    if (!_row.classList.contains(`--row-head`)) {
-                        const _checkbox = _row.querySelector(`.--selector input[type=checkbox]`);
-                        if (_checkbox && _checkbox.checked && !anyChecked)
-                            anyChecked = _checkbox.checked;
-                    }
-                });
-            }
-            checkbox.current.setChecked(anyChecked, false);
-        };
-        const onAllRowsChecked = (mod) => {
-            checkbox.current?.setChecked(mod, false);
-            if (onSelect)
-                onSelect(data, mod);
-        };
-        const onAllRowsUnchecked = (mod) => {
-            checkbox.current?.setChecked(mod, false);
-            if (onSelect)
-                onSelect(data, mod);
-        };
-        if (index == -1) {
-            pubsub.on(`ROW_CHECKED`, onRowChecked);
-            pubsub.on(`ROW_UNCHECKED`, onRowUnchecked);
-            return () => {
-                pubsub.off(`ROW_CHECKED`, onRowChecked);
-                pubsub.off(`ROW_UNCHECKED`, onRowUnchecked);
-            };
-        }
-        else {
-            pubsub.on(`ALL_ROWS_CHECKED`, onAllRowsChecked);
-            pubsub.on(`ALL_ROWS_UNCHECKED`, onAllRowsUnchecked);
-            return () => {
-                pubsub.off(`ALL_ROWS_CHECKED`, onAllRowsChecked);
-                pubsub.off(`ALL_ROWS_UNCHECKED`, onAllRowsUnchecked);
-            };
-        }
-    }, []);
-    return _jsxs(Box, { onContextMenu: e => onContextMenu ? onContextMenu(e, data) : null, "data-index": index, ...(animate ? { animate: { ..._animation, when: mounted } } : {}), as: `--row flex aic ${index == -1 ? `--row-head` : ``} ${rowClassName || ``}`, children: [index == -1 && schema.map((c, i) => {
-                const { renderWhenHeader, render, value, ...cc } = c;
-                return _jsxs(Fragment, { children: [selectable && i == 0 && Selector(-1, `--selector-${c.id}`, `all`), _jsx(TColumn, { idx: -1, 
-                            // value={renderWhenHeader && render ? render!(index == -1 ? c as dynamicObject : data as T, index) : value as string} 
-                            value: value, ...cc, pubsub: pubsub, style: styles[c.id] })] }, `--col-${c.id}`);
-            }), index > -1 && ids && data && schema.map((c, i) => {
-                return _jsxs(Fragment, { children: [selectable && i == 0 && Selector(i, `--selector-${c.id}`, c.id.toString()), ids.includes(String(c.id)) ? _jsx(TColumn, { pubsub: pubsub, idx: i, id: String(c.id), style: styles[String(c.id)], value: c.render ? c.render(data, index) : data[c.id] }) : null] }, `--${String(c.id)}-val-${i}`);
-            })] });
-};
-export default TRow;

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

@@ -1,53 +0,0 @@
-import { ReactNode, RefObject } from "react";
-import { BoxProps } from "../Box";
-import { dynamicObject } from "../../types";
-import { PaginationCallback } from "../Pagination/types";
-import { PubSub } from "../..";
-export type RowSelectCallback<T> = (row: T, selected: boolean) => void;
-export type Row<T> = {
-    index: number;
-    schema: Column<T>[];
-    styles: dynamicObject;
-    ids?: string[];
-    animate?: boolean;
-    data?: T;
-    rowClassName?: string;
-    selectable?: boolean;
-    onSelect?: RowSelectCallback<T>;
-    pubsub: PubSub;
-    tableRef?: RefObject<HTMLDivElement | null>;
-    onContextMenu?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, row: T) => void;
-};
-export type Column<T> = {
-    id: string | number;
-    value: string | ReactNode | dynamicObject;
-    weight?: number;
-    w?: number | string;
-    maxW?: number | string;
-    minW?: number | string;
-    h?: number | string;
-    maxH?: number | string;
-    minH?: number | string;
-    resize?: boolean;
-    sort?: boolean;
-    as?: string;
-    renderWhenHeader?: boolean;
-    render?: (row: T, index: number) => ReactNode;
-};
-export type TableProps<T> = BoxProps & {
-    schema: Column<T>[];
-    rows: T[];
-    rowCount?: number;
-    rowsPerPage?: number;
-    rowClassName?: string;
-    currentPage?: number;
-    pagination?: boolean;
-    showPaginationOnZeroPageCount?: boolean;
-    animateRows?: boolean;
-    header?: boolean;
-    selectableRows?: boolean;
-    hoverable?: boolean;
-    onRowSelectToggle?: RowSelectCallback<T>;
-    onRowContextMenu?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, row: T) => void;
-    onPageChange?: PaginationCallback;
-};

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

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

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

@@ -1,11 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { Props } from '../../types';
-export type TextProps = Props<`h1` | `h2` | `h3` | `h4` | `h5` | `h6`> & {
-    h?: number;
-    html?: ReactNode | string;
-};
-declare const Text: import("react").ForwardRefExoticComponent<import("../..").ZuzProps & Omit<Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, keyof import("../..").ZuzProps> & {
-    h?: number;
-    html?: ReactNode | string;
-} & import("react").RefAttributes<HTMLHeadingElement>>;
-export default Text;

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

@@ -1,12 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useBase } from '../../hooks';
-import Span from '../Span';
-const Text = forwardRef((props, ref) => {
-    const { h, html, children, ...pops } = props;
-    const { style, className, rest } = useBase(pops);
-    const Tag = `h${props.h || 1}`;
-    return _jsx(Tag, { ref: ref, style: style, className: className, ...rest, children: html ? _jsx(Span, { dangerouslySetInnerHTML: { __html: html } }) : children });
-});
-export default Text;

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

@@ -1,11 +0,0 @@
-import { Props } from '../../types';
-import { Variant } from '../../types/enums';
-export type TextAreaProps = Props<`textarea`> & {
-    autoResize?: boolean;
-    variant?: Variant;
-};
-declare const TextArea: import("react").ForwardRefExoticComponent<import("../..").ZuzProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, keyof import("../..").ZuzProps> & {
-    autoResize?: boolean;
-    variant?: Variant;
-} & import("react").RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;

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

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useBase } from '../../hooks';
-import { Variant } from '../../types/enums';
-const TextArea = forwardRef((props, ref) => {
-    const { autoResize, variant, ...pops } = props;
-    const { style, className, rest } = useBase(pops);
-    const handleInput = (event) => {
-    };
-    return _jsx("textarea", { className: `--input --textarea --${variant || Variant.Small} flex ${className}`.trim(), style: style, onInput: handleInput, ref: ref, ...rest });
-});
-export default TextArea;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { TextWheelHandler } from './types';
-declare const TextWheel: React.ForwardRefExoticComponent<Omit<import("..").BoxProps, "name"> & {
-    value?: number | string;
-    color?: string;
-    direction?: `up` | `down`;
-} & React.RefAttributes<TextWheelHandler>>;
-export default TextWheel;

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

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { forwardRef } from 'react';
-import Box from '../Box';
-import Span from '../Span';
-const TextWheel = forwardRef((props, ref) => {
-    const { as, value, color, direction, ...rest } = props;
-    const divRef = useRef(null);
-    const [_value, _setValue] = useState(value || 0);
-    useImperativeHandle(ref, () => ({
-        updateValue(v) {
-            if (_value.toString().length != v.toString().length) {
-                _setValue(v);
-            }
-        },
-        setValue(v) {
-            this.updateValue(v);
-            if (divRef.current) {
-                const chars = v.toString().split('');
-                divRef.current.querySelectorAll('.wheel-char').forEach((charElement, index) => {
-                    const char = chars[index];
-                    if (charElement instanceof HTMLElement) {
-                        charElement.setAttribute('data-value', char);
-                        const track = charElement.querySelector('.wheel-char-track');
-                        if (track instanceof HTMLElement) {
-                            track.style.setProperty('--v', char);
-                        }
-                    }
-                });
-            }
-        }
-    }));
-    useEffect(() => {
-        // console.log(value)
-        _setValue(value || 0);
-    }, [value]);
-    return _jsxs(Box, { className: `text-wheel flex aic jcc rel`, "aria-hidden": true, as: as, ref: divRef, ...rest, children: [(_value || 0).toString().split('').map((char, index) => {
-                if (isNaN(parseInt(char, 10))) {
-                    return _jsx(Span, { className: "wheel-char wheel-char-symbol grid", children: char }, `wheel-char-${index}`);
-                }
-                return _jsx(Span, { "data-value": char, className: `wheel-char grid ${index > char.toString().split('').length - 3 ? 'wheel-fraction' : ''}`.trim(), children: _jsxs(Span, { className: `wheel-char-track wheel-track-${direction || `down`} grid`, style: {
-                            '--v': char
-                        }, children: [_jsx(Span, { children: !direction || direction == `down` ? 0 : 9 }), (!direction || direction == `down` ?
-                                [9, 8, 7, 6, 5, 4, 3, 2, 1, 0]
-                                : [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]).map((val, indx) => {
-                                return _jsx(Span, { children: val }, `${index}--${indx}`);
-                            }), _jsx(Span, { children: !direction || direction == `down` ? 9 : 0 })] }) }, `wheel-char-${index}`);
-            }), color && _jsx(Box, { className: `abs fillx`, style: {
-                    zIndex: 1,
-                    background: `linear-gradient(0deg, ${color}, transparent, transparent, transparent, ${color})`,
-                } })] });
-});
-export default TextWheel;

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

@@ -1,10 +0,0 @@
-import { BoxProps } from "../Box";
-export type TextWheelProps = Omit<BoxProps, "name"> & {
-    value?: number | string;
-    color?: string;
-    direction?: `up` | `down`;
-};
-export interface TextWheelHandler {
-    setValue: (v: number | string) => void;
-    updateValue: (v: number | string) => void;
-}

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

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

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

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

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

@@ -1,7 +0,0 @@
-import { BoxProps } from '../Box';
-import { Position } from '../../types/enums';
-declare const ToolTip: import("react").ForwardRefExoticComponent<BoxProps & {
-    position?: Position;
-    margin?: number;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export default ToolTip;

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

@@ -1,56 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
-import { useBase, useDimensions } from '../../hooks';
-import Box from '../Box';
-import Text from '../Text';
-import { Position, TRANSITION_CURVES } from '../../types/enums';
-const ToolTip = forwardRef((props, ref) => {
-    const { title, position, margin, children, ...pops } = props;
-    const { style, className, rest } = useBase(pops);
-    const [hovered, setHovered] = useState(false);
-    const dx = useMemo(() => position || Position.Top, []);
-    const tooltipWrapper = useRef(null);
-    const tooltip = useRef(null);
-    const handleObserve = (entries) => { };
-    const observer = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(handleObserve) : { observe: () => { }, unobserve: () => { } };
-    const resize = useDimensions();
-    const pos = useMemo(() => {
-        if (!tooltip.current)
-            return { left: 0, top: 0 };
-        const firstChild = tooltip.current.previousElementSibling;
-        if (firstChild) {
-            const bc = firstChild.getBoundingClientRect();
-            observer.observe(firstChild);
-            // console.log(bc)
-            switch (dx) {
-                case Position.Top:
-                    return { left: bc.left + bc.width / 2, top: bc.top - (margin || 25) };
-                case Position.Bottom:
-                    return { left: bc.left + bc.width / 2, top: bc.top + (margin || 25) };
-                case Position.Left:
-                    return { left: bc.left - bc.width / 2, top: bc.top + bc.height / 2 };
-                case Position.Right:
-                    return { left: bc.right, top: bc.top + bc.height / 2 };
-                default:
-                    return { left: 0, top: 0 };
-            }
-        }
-    }, [tooltip.current, resize, observer]);
-    useEffect(() => {
-    }, []);
-    return _jsxs(Box, { ref: tooltipWrapper, className: `--with-tooltip rel`, onMouseEnter: e => setHovered(true), onMouseLeave: e => setHovered(false), children: [children, _jsx(Box, { ref: tooltip, style: {
-                    left: pos?.left + "px",
-                    top: pos?.top + "px"
-                }, className: `--tooltip --${position || Position.Top} fixed ${className}`.trim(), animate: {
-                    from: dx == Position.Bottom || dx == Position.Top ?
-                        { opacity: 0, x: `-50%`, y: dx == Position.Top ? -5 : 5 }
-                        : { opacity: 0, y: `-50%`, x: dx == Position.Right ? 15 : -25 },
-                    to: dx == Position.Bottom || dx == Position.Top ?
-                        { opacity: 1, x: `-50%`, y: 0 }
-                        : { opacity: 1, y: `-50%`, x: dx == Position.Right ? 10 : -20 },
-                    curve: TRANSITION_CURVES.EaseInOut,
-                    when: hovered
-                }, children: _jsx(Text, { className: `--text rel`, children: title }) })] });
-});
-export default ToolTip;

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

@@ -1,6 +0,0 @@
-import { Position } from "../../types/enums";
-import { BoxProps } from "../Box";
-export type ToolTipProps = BoxProps & {
-    position?: Position;
-    margin?: number;
-};

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

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

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

@@ -1,11 +0,0 @@
-import { TreeViewHandler } from "./types";
-import { BoxProps } from "../Box";
-declare const TreeView: import("react").ForwardRefExoticComponent<Omit<BoxProps, "tag"> & {
-    tag?: string;
-    roots: string[];
-    nodes: import("./types").TreeNode[];
-    onNodeSelect: (tag: string) => void;
-    icons?: import("./types").TreeNodeIcons;
-    selected?: string;
-} & import("react").RefAttributes<TreeViewHandler>>;
-export default TreeView;

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useState } from "react";
-import Box from "../Box";
-import TreeItem from "./item";
-const TreeView = forwardRef((props, ref) => {
-    const { as, nodes, onNodeSelect, tag: treeViewTag, icons, roots, selected: _selected, ...rest } = props;
-    const [selected, setSelected] = useState(_selected);
-    useImperativeHandle(ref, () => ({
-        getSelected: () => selected
-    }), [onNodeSelect]);
-    const handleSelect = (tag) => {
-        setSelected(tag);
-        onNodeSelect && onNodeSelect(tag);
-    };
-    useEffect(() => {
-        if (selected != _selected) {
-            setSelected(_selected);
-        }
-    }, [_selected]);
-    return _jsx(Box, { className: `--treeview flex cols`, children: nodes
-            .filter(node => roots.includes(node.tag))
-            .map(node => _jsx(TreeItem, { treeTag: treeViewTag ? `-${treeViewTag}` : ``, selected: selected, onSelect: e => handleSelect(e), icons: icons, meta: node, skeleton: rest.skeleton, nodes: nodes }, `--node-${node.tag}`)) });
-});
-export default TreeView;

package/dist/cjs/src/comps/Treeview/item.d.ts

@@ -1,11 +0,0 @@
-import { TreeItemHandler } from "./types";
-import { BoxProps } from "../Box";
-declare const TreeItem: import("react").ForwardRefExoticComponent<BoxProps & {
-    treeTag: string;
-    meta: import("./types").TreeNode;
-    nodes: import("./types").TreeNode[];
-    onSelect: (tag: string) => void;
-    selected?: String;
-    icons?: import("./types").TreeNodeIcons;
-} & import("react").RefAttributes<TreeItemHandler>>;
-export default TreeItem;

package/dist/cjs/src/comps/Treeview/item.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useState } from "react";
-import Box from "../Box";
-import Button from "../Button";
-import Icon from "../Icon";
-import Text from "../Text";
-import SVGIcons from "../svgicons";
-const TreeItem = forwardRef((props, ref) => {
-    const { as, meta, nodes, icons, onSelect, treeTag, selected, ...rest } = props;
-    const { tag, label, icon, under, isHead } = meta;
-    const [isOpen, setIsOpen] = useState(tag == `root`);
-    const toggle = () => {
-        localStorage.setItem(`--tn${treeTag}-${tag}`, isOpen ? `0` : `1`);
-        setIsOpen(!isOpen);
-    };
-    useEffect(() => {
-        if (tag == `root` && !localStorage.getItem(`--tn${treeTag}-${tag}`)) {
-            localStorage.setItem(`--tn${treeTag}-${tag}`, `1`);
-            setIsOpen(true);
-        }
-        else
-            setIsOpen(localStorage.getItem(`--tn${treeTag}-${tag}`) == `1`);
-    }, []);
-    const _nodes = nodes.filter(x => x.under == tag);
-    return _jsxs(Box, { className: `--treenode --treenode-${tag} flex cols`, children: [_jsxs(Box, { className: `--node --node-${tag} flex aic${selected == tag ? ` --selected` : ``}`, children: [_jsx(Button, { skeleton: rest.skeleton, onClick: toggle, className: `--node-aro-btn`, disabled: _nodes.length == 0, children: icons ? _jsx(Icon, { skeleton: rest.skeleton, className: `--node-aro-icon`, name: _nodes.length == 0 ? icons?.arrowDisabled || icons?.arrowClose : isOpen ? icons?.arrowOpen : icons?.arrowClose })
-                            : _nodes.length == 0 ? SVGIcons.chevronBottom : isOpen ? SVGIcons.chevronBottom : SVGIcons.chevronRight }), _jsxs(Button, { className: `--node-meta flex aic`, onClick: (e) => onSelect(tag), children: [icons?.nodeOpen && icons?.nodeClose && _jsx(Icon, { skeleton: rest.skeleton, className: `--node-icon`, name: icon || (isOpen ? icons?.nodeOpen : icons?.nodeClose) }), _jsx(Text, { ...{ className: `--node-label` }, skeleton: rest.skeleton, children: label })] })] }), isOpen && _nodes.length > 0 && _jsx(Box, { className: `--sub-node tree-sub-node-${tag} flex cols`, children: _nodes.map(node => _jsx(TreeItem, { treeTag: treeTag, selected: selected, onSelect: onSelect, icons: icons, meta: node, nodes: nodes }, `--node-${node.tag}`)) })] });
-});
-export default TreeItem;

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

@@ -1,40 +0,0 @@
-import { ReactNode } from "react";
-import { BoxProps } from "../Box";
-export interface TreeNodeIcons {
-    nodeOpen?: ReactNode;
-    nodeClose?: ReactNode;
-    arrowOpen: ReactNode;
-    arrowClose: ReactNode;
-    arrowDisabled?: ReactNode;
-}
-export type TreeViewProps = Omit<BoxProps, `tag`> & {
-    tag?: string;
-    roots: string[];
-    nodes: TreeNode[];
-    onNodeSelect: (tag: string) => void;
-    icons?: TreeNodeIcons;
-    selected?: string;
-};
-export interface TreeViewHandler {
-    getSelected?: () => String;
-}
-export interface TreeNode {
-    tag: string;
-    label: string;
-    icon?: ReactNode;
-    under?: string;
-    selected?: string;
-    expanded?: boolean;
-    isHead?: boolean;
-}
-export type TreeItemProps = BoxProps & {
-    treeTag: string;
-    meta: TreeNode;
-    nodes: TreeNode[];
-    onSelect: (tag: string) => void;
-    selected?: String;
-    icons?: TreeNodeIcons;
-};
-export interface TreeItemHandler {
-    onSelect?: (v: TreeNode) => void;
-}

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

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

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

@@ -1,75 +0,0 @@
-/**Components */
-export { default as Accordion } from './Accordion';
-export * from './Accordion/types';
-export { default as ActionBar } from './Actionbar';
-export * from './Actionbar/types';
-export { default as Alert } from './Alert';
-export * from './Alert/types';
-export { default as AutoComplete } from './AutoComplete';
-export * from './AutoComplete/types';
-export { default as Avatar } from './Avatar';
-export * from './Avatar/types';
-export { type BoxProps, default as Box } from './Box';
-export { default as Button } from './Button';
-export * from './Button/types';
-export { default as CheckBox } from './CheckBox';
-export * from './CheckBox/types';
-export { default as ColorScheme } from './ColorScheme';
-export { default as ContextMenu } from './ContextMenu';
-export * from './ContextMenu/types';
-export { default as CookiesConsent } from './CookiesConsent';
-export * from './CookiesConsent/types';
-export { type CoverProps, default as Cover } from './Cover';
-export { default as Drawer } from './Drawer';
-export * from './Drawer/types';
-/**Editor */
-export { default as ZuzBuilder } from './Editor';
-export { default as TimeLine } from './Editor/Timeline';
-export * from './Editor/types';
-export { default as withEditor } from './Editor/withEditor';
-export { default as Fab } from './Fab';
-export * from './Fab/types';
-export { type FilterProps, default as Filters } from './Filters';
-export { type FormProps, default as Form } from './Form';
-export { type IconProps, default as Icon } from './Icon';
-export { type ImageProps, default as Image } from './Image';
-export { type InputProps, default as Input } from './Input';
-export { type LabelProps, default as Label } from './Label';
-export { default as List } from './List';
-export * from './List/types';
-export { default as NetworkStatus } from './Network';
-export * from './Network/types';
-export { type OverlayProps, default as Overlay } from './Overlay';
-export { type PasswordProps, default as Password } from './Password';
-export { type PinInputProps, default as PinInput } from './PinInput';
-export { default as Pagination } from './Pagination';
-export * from './Pagination/types';
-export { default as ProgressBar } from './ProgressBar';
-export * from './ProgressBar/types';
-export { default as Radio } from './Radio';
-export * from './Radio/types';
-export { type SearchProps, default as Search } from './Search';
-export { default as SelectTabs } from './Segmented';
-export * from './Segmented/types';
-export { default as Select } from './Select';
-export * from './Select/types';
-export { type SheetProps, type SheetHandler, default as Sheet } from './Sheet';
-export { default as SideBar } from './Sidebar';
-export * from './Sidebar/types';
-export { type SliderProps, default as Slider } from './Slider';
-export { type SpanProps, default as Span } from './Span';
-export { type SpinnerProps, default as Spinner } from './Spinner';
-export { default as Switch } from './Switch';
-export { default as Table } from './Table';
-export * from './Table/types';
-export { default as TabView } from './TabView';
-export * from './TabView/types';
-export { type TextProps, default as Text } from './Text';
-export { type TextAreaProps, default as Textarea } from './TextArea';
-export { default as TextWheel } from './TextWheel';
-export * from './TextWheel/types';
-export { default as ToolTip } from './Tooltip';
-export * from './Tooltip/types';
-export { default as TreeView } from './Treeview';
-export * from './Treeview/types';
-export { ThemeProvider } from '../hooks/useColorScheme';

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

@@ -1,75 +0,0 @@
-/**Components */
-export { default as Accordion } from './Accordion';
-export * from './Accordion/types';
-export { default as ActionBar } from './Actionbar';
-export * from './Actionbar/types';
-export { default as Alert } from './Alert';
-export * from './Alert/types';
-export { default as AutoComplete } from './AutoComplete';
-export * from './AutoComplete/types';
-export { default as Avatar } from './Avatar';
-export * from './Avatar/types';
-export { default as Box } from './Box';
-export { default as Button } from './Button';
-export * from './Button/types';
-export { default as CheckBox } from './CheckBox';
-export * from './CheckBox/types';
-export { default as ColorScheme } from './ColorScheme';
-export { default as ContextMenu } from './ContextMenu';
-export * from './ContextMenu/types';
-export { default as CookiesConsent } from './CookiesConsent';
-export * from './CookiesConsent/types';
-export { default as Cover } from './Cover';
-export { default as Drawer } from './Drawer';
-export * from './Drawer/types';
-/**Editor */
-export { default as ZuzBuilder } from './Editor';
-export { default as TimeLine } from './Editor/Timeline';
-export * from './Editor/types';
-export { default as withEditor } from './Editor/withEditor';
-export { default as Fab } from './Fab';
-export * from './Fab/types';
-export { default as Filters } from './Filters';
-export { default as Form } from './Form';
-export { default as Icon } from './Icon';
-export { default as Image } from './Image';
-export { default as Input } from './Input';
-export { default as Label } from './Label';
-export { default as List } from './List';
-export * from './List/types';
-export { default as NetworkStatus } from './Network';
-export * from './Network/types';
-export { default as Overlay } from './Overlay';
-export { default as Password } from './Password';
-export { default as PinInput } from './PinInput';
-export { default as Pagination } from './Pagination';
-export * from './Pagination/types';
-export { default as ProgressBar } from './ProgressBar';
-export * from './ProgressBar/types';
-export { default as Radio } from './Radio';
-export * from './Radio/types';
-export { default as Search } from './Search';
-export { default as SelectTabs } from './Segmented';
-export * from './Segmented/types';
-export { default as Select } from './Select';
-export * from './Select/types';
-export { default as Sheet } from './Sheet';
-export { default as SideBar } from './Sidebar';
-export * from './Sidebar/types';
-export { default as Slider } from './Slider';
-export { default as Span } from './Span';
-export { default as Spinner } from './Spinner';
-export { default as Switch } from './Switch';
-export { default as Table } from './Table';
-export * from './Table/types';
-export { default as TabView } from './TabView';
-export * from './TabView/types';
-export { default as Text } from './Text';
-export { default as Textarea } from './TextArea';
-export { default as TextWheel } from './TextWheel';
-export * from './TextWheel/types';
-export { default as ToolTip } from './Tooltip';
-export * from './Tooltip/types';
-export { default as TreeView } from './Treeview';
-export * from './Treeview/types';
-export { ThemeProvider } from '../hooks/useColorScheme';