@zuzjs/ui 0.10.6 → 0.10.8

package/dist/esm/comps/Actionbar/index.d.ts

@@ -1,23 +0,0 @@
-import { Position } from "../../types/enums";
-import { BoxProps } from "../Box";
-import { ActionBarHandler } from "./types";
-/**
- * ActionBar renders a list of buttons with tooltips.
- *
- * @example
- * ```tsx
- * const items = [
- *   { label: 'Edit', icon: <EditIcon />, onClick: () => console.log('Edit clicked') },
- *   { label: 'Delete', icon: <DeleteIcon />, onClick: () => console.log('Delete clicked') }
- * ];
- *
- * <ActionBar items={items} />
- * ```
- */
-declare const ActionBar: import("react").ForwardRefExoticComponent<BoxProps & {
-    selected?: number | string;
-    onSwitch?: (tag: string) => void;
-    items: import("./types").ActionBarItem[];
-    position?: Position;
-} & import("react").RefAttributes<ActionBarHandler>>;
-export default ActionBar;

package/dist/esm/comps/Actionbar/index.js

@@ -1,63 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
-import { useBase } from "../../hooks";
-import { Position } from "../../types/enums";
-import Box from "../Box";
-import ActionItem from "./item";
-/**
- * ActionBar renders a list of buttons with tooltips.
- *
- * @example
- * ```tsx
- * const items = [
- *   { label: 'Edit', icon: <EditIcon />, onClick: () => console.log('Edit clicked') },
- *   { label: 'Delete', icon: <DeleteIcon />, onClick: () => console.log('Delete clicked') }
- * ];
- *
- * <ActionBar items={items} />
- * ```
- */
-const ActionBar = forwardRef((props, ref) => {
-    const { items, name, selected, position, ...pops } = props;
-    const self = useRef(null);
-    const [_selected, setSelected] = useState(selected || items[0].tag || 0);
-    const track = useCallback(({ x, y }) => {
-        if (self.current) {
-            const bounds = self.current.getBoundingClientRect();
-            document.documentElement.style.setProperty(`--tip-x`, `${x - bounds.left}`);
-            document.documentElement.style.setProperty(`--tip-y`, `${y - bounds.top}`);
-            document.documentElement.style.setProperty(`--tip-s`, `1`);
-        }
-    }, []);
-    const tear = useCallback(() => {
-        if (self.current) {
-            self.current.removeEventListener(`pointerleave`, tear);
-            self.current.removeEventListener(`pointermove`, track);
-            document.documentElement.style.setProperty(`--tip-s`, `0`);
-        }
-    }, []);
-    const initTrack = useCallback(() => {
-        if (self.current) {
-            self.current.addEventListener(`pointerleave`, tear);
-            self.current.addEventListener(`pointermove`, track);
-        }
-    }, []);
-    useEffect(() => {
-        if (self.current) {
-            document.documentElement.style.setProperty(`--tip-w`, items.reduce((longest, item) => {
-                return item.label.length > longest.length ? item.label : longest;
-            }, '').length.toString());
-            document.documentElement.style.setProperty(`--tip-s`, `0`);
-            document.documentElement.style.setProperty(`--tip-l`, `${items.length}`);
-            self.current?.addEventListener(`pointerenter`, initTrack);
-        }
-    }, []);
-    const { className, style, rest } = useBase(pops);
-    return _jsxs(Box, { ref: self, style: style, className: [
-            `--actionbar flex aic ${className}`,
-            `${!position || position == Position.Auto ? `rel` : `--${position}`}`
-        ].join(` `).trim(), ...rest, children: [items.map((item, index) => _jsx(ActionItem, { selected: _selected === item.tag || selected == index, ...item, idx: index }, `actionbar-action-${item.label.toLowerCase().replace(/\s+/g, `-`)}`)), _jsx(Box, { className: `--tip abs`, children: _jsx(Box, { className: `--track flex aic`, children: items.map(({ label }) => _jsx(Box, { className: `--lb`, children: label }, `tool-tip-${label.toLowerCase().replace(/\s+/g, `-`)}`)) }) })] });
-});
-ActionBar.displayName = `Zuz.ActionBar`;
-export default ActionBar;

package/dist/esm/comps/Actionbar/item.d.ts

@@ -1,6 +0,0 @@
-import { ActionBarItem } from './types';
-declare const ActionItem: ({ label, icon, onClick, idx, selected }: ActionBarItem & {
-    idx: number;
-    selected?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ActionItem;

package/dist/esm/comps/Actionbar/item.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Button from '../Button';
-import Icon from '../Icon';
-const ActionItem = ({ label, icon, onClick, idx, selected }) => {
-    return _jsx(Button, { onClick: onClick, onMouseMove: e => document.documentElement.style.setProperty(`--tip-m`, `${idx}`), className: `--action ${selected ? `--selected` : ``} aic jcc rel`.trim(), children: typeof icon == `string` ? _jsx(Icon, { name: icon }) : icon });
-};
-export default ActionItem;

package/dist/esm/comps/Actionbar/types.d.ts

@@ -1,32 +0,0 @@
-import { ReactNode } from "react";
-import { BoxProps } from "../Box";
-import { Position } from "../../types/enums";
-export interface ActionBarHandler {
-    show: () => void;
-}
-/**
- * Represents an item in the ActionBar.
- */
-export interface ActionBarItem {
-    /** Specific tag for action item */
-    tag?: string;
-    /** The label of the action item */
-    label: string;
-    /** The icon to display for the action item */
-    icon: ReactNode;
-    /** The callback function to execute when the action item is clicked */
-    onClick: () => void;
-}
-/**
- * Props for the ActionBar component.
- */
-export type ActionBarProps = BoxProps & {
-    /** The index of the initially selected action item */
-    selected?: number | string;
-    /** Callback function to execute when an action item is clicked */
-    onSwitch?: (tag: string) => void;
-    /** Array of action items to display in the ActionBar */
-    items: ActionBarItem[];
-    /** Position of ActionBar */
-    position?: Position;
-};

package/dist/esm/comps/Actionbar/types.js

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

package/dist/esm/comps/Alert/index.d.ts

@@ -1,11 +0,0 @@
-import { ALERT } from "../../types/enums";
-import { BoxProps } from "../Box";
-import { AlertHandler } from "./types";
-declare const Alert: import("react").ForwardRefExoticComponent<BoxProps & {
-    type?: ALERT;
-    icon?: string;
-    iconSize?: number;
-    message?: string | import("react").ReactNode;
-    title: string | import("react").ReactNode;
-} & import("react").RefAttributes<AlertHandler>>;
-export default Alert;

package/dist/esm/comps/Alert/index.js

@@ -1,15 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { useBase } from "../../hooks";
-import { ALERT } from "../../types/enums";
-import Box from "../Box";
-import SVGIcons from "../svgicons";
-import Text from "../Text";
-const Alert = forwardRef((props, ref) => {
-    const { type, icon, title, message, iconSize, ...pops } = props;
-    const { className, style, rest } = useBase(pops);
-    return _jsxs(Box, { className: `--alert --${(type || ALERT.Info)} flex aic ${className}`.trim(), style: style, ...rest, children: [_jsx(Box, { className: `--icon icon-${icon || `auto-matic`}`, style: iconSize ? { fontSize: iconSize, width: iconSize, height: iconSize } : {}, children: !icon && SVGIcons[type || ALERT.Info] }), _jsxs(Box, { className: `--meta flex cols`, children: [_jsx(Text, { className: `--title ${message ? `--tm` : ``}`, children: title || `Lorem ipsum dolor sit amet, consectetur adipiscing elit.` }), message && _jsx(Text, { className: `--message`, h: 2, children: message })] })] });
-});
-Alert.displayName = `Zuz.Alert`;
-export default Alert;

package/dist/esm/comps/Alert/types.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from "react";
-import { ALERT } from "../../types/enums";
-import { BoxProps } from "../Box";
-export type AlertProps = BoxProps & {
-    type?: ALERT;
-    icon?: string;
-    iconSize?: number;
-    message?: string | ReactNode;
-    title: string | ReactNode;
-};
-export interface AlertHandler {
-    open: () => void;
-    close: () => void;
-}

package/dist/esm/comps/Alert/types.js

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

package/dist/esm/comps/AutoComplete/index.d.ts

@@ -1,13 +0,0 @@
-import { Size } from "../../types/enums";
-declare const AutoComplete: import("react").ForwardRefExoticComponent<import("../..").ZuzProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof import("../..").ZuzProps> & {
-    numeric?: boolean;
-    size?: Size;
-    variant?: import("../..").Variant;
-    with?: import("../..").FORMVALIDATION | `${import("../..").FORMVALIDATION}${string}`;
-    onConfirm?: (value: string) => void;
-} & {
-    action?: string;
-    data?: string[];
-    withStyle?: string;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export default AutoComplete;

package/dist/esm/comps/AutoComplete/index.js

@@ -1,176 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { withPost } from "@zuzjs/core";
-import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import { clamp, isArray, uuid } from "../../funs";
-import { useBase, useDebounce } from "../../hooks";
-import { Size, TRANSITION_CURVES, TRANSITIONS } from "../../types/enums";
-import Box from "../Box";
-import Input from "../Input";
-import List from "../List";
-import SVGIcons from "../svgicons";
-const AutoComplete = forwardRef((props, ref) => {
-    const { animate, action, data, withStyle, onChange, ...pops } = props;
-    const { className: autoCompleteStyle } = useBase({ as: withStyle || `` });
-    const { style } = useBase(pops);
-    const [choosing, setChoosing] = useState(false);
-    const [items, setItems] = useState(data || []);
-    const innerRef = useRef(null);
-    const autoRef = useRef(null);
-    const suggestionRef = useRef(null);
-    const _id = useMemo(() => pops.name || uuid(), []);
-    const [highlightedIndex, setHighlightedIndex] = useState(null);
-    const [lastQuery, setLastQuery] = useState(null);
-    const [lastSuggestions, setLastSuggestions] = useState([]);
-    const handleChange = (e) => {
-        if (e.target.value == ``) {
-            setChoosing(false);
-            setItems([]);
-        }
-        else if (action && e.target.value.trim() != ``) {
-            withPost(action, { query: e.target.value })
-                .then((resp) => {
-                if (`items` in resp && isArray(resp.items)) {
-                    setItems(resp.items);
-                    setLastQuery(e.target.value);
-                    setLastSuggestions(resp.items);
-                }
-                else {
-                    console.error(`Action Response should contain items array`);
-                }
-                setHighlightedIndex(null);
-            })
-                .catch((err) => {
-                setHighlightedIndex(null);
-                setItems([]);
-            });
-        }
-    };
-    const debounce = useDebounce(handleChange, 250);
-    const handlePosition = () => {
-        if (autoRef.current) {
-            const boundingBox = autoRef.current.getBoundingClientRect();
-            const spaceBelow = window.innerHeight - boundingBox.bottom;
-            const spaceAbove = boundingBox.top;
-            if (suggestionRef.current) {
-                const suggestionList = suggestionRef.current;
-                if (spaceBelow < suggestionList.offsetHeight && spaceAbove > spaceBelow) {
-                    suggestionList.style.top = 'auto';
-                    suggestionList.style.bottom = `${boundingBox.height}px`;
-                    suggestionList.style.maxHeight = `${spaceAbove - 150}px`;
-                }
-                else {
-                    suggestionList.style.top = `${boundingBox.height + 5}px`;
-                    suggestionList.style.bottom = 'auto';
-                    suggestionList.style.maxHeight = `${spaceBelow - 150}px`;
-                }
-            }
-        }
-    };
-    const handleKeyDown = (e) => {
-        if (items.length > 0) {
-            if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
-                e.preventDefault();
-                e.stopPropagation();
-            }
-            if (e.key === 'Escape') {
-                setHighlightedIndex(null);
-                setChoosing(false);
-                setItems([]);
-            }
-            else if (e.key === 'ArrowDown') {
-                setHighlightedIndex((prevIndex) => {
-                    const newIndex = prevIndex === null || prevIndex === items.length - 1 ? 0 : prevIndex + 1;
-                    updateInputValue(newIndex);
-                    return newIndex;
-                });
-            }
-            else if (e.key === 'ArrowUp') {
-                setHighlightedIndex((prevIndex) => {
-                    const newIndex = prevIndex === null || prevIndex === 0 ? items.length - 1 : prevIndex - 1;
-                    updateInputValue(newIndex);
-                    return newIndex;
-                });
-            }
-            else if (e.key === 'Enter' && highlightedIndex !== null) {
-                const selectedItem = items[highlightedIndex];
-                if (innerRef.current) {
-                    innerRef.current.value = selectedItem;
-                    setChoosing(false);
-                    setItems([]);
-                    // if (onChange) {
-                    //     onChange(selectedItem);
-                    // }
-                }
-            }
-        }
-    };
-    const handleMouseSelect = (item) => {
-        if (innerRef.current) {
-            innerRef.current.value = item;
-            setChoosing(false);
-            setItems([]);
-            // if (onChange) {
-            //     onChange(item);
-            // }
-        }
-    };
-    const updateInputValue = (index) => {
-        const selectedItem = items[index];
-        if (selectedItem && innerRef.current) {
-            innerRef.current.value = selectedItem;
-            // Move cursor to the end of the input value
-            innerRef.current.setSelectionRange(selectedItem.length, selectedItem.length);
-        }
-        // Auto-scroll the suggestion list to the selected index
-        if (suggestionRef.current) {
-            const suggestionList = suggestionRef.current;
-            const selectedItemElement = suggestionList.children[index];
-            if (selectedItemElement) {
-                selectedItemElement.scrollIntoView({ block: 'nearest' });
-            }
-        }
-    };
-    const handleClickOutside = (event) => {
-        if (autoRef.current && !autoRef.current.contains(event.target)) {
-            setChoosing(false);
-            setItems([]);
-        }
-    };
-    const handleFocus = () => {
-        if (innerRef.current && innerRef.current.value === lastQuery) {
-            setItems(lastSuggestions);
-            setHighlightedIndex(null); // Reset highlighted index
-            handlePosition();
-        }
-    };
-    useEffect(() => {
-        window.addEventListener('resize', handlePosition);
-        window.addEventListener('scroll', handlePosition, true);
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => {
-            window.removeEventListener('resize', handlePosition);
-            window.removeEventListener('scroll', handlePosition, true);
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, []);
-    useEffect(() => {
-        handlePosition();
-    }, [items]);
-    return _jsxs(Box, { style: style, ref: autoRef, className: `--autocomplete --${props.size || Size.Small} flex aic rel ${autoCompleteStyle}`.trim(), children: [_jsx(Input, { ref: innerRef, autoComplete: "off", onChange: debounce, onKeyDown: handleKeyDown, onFocus: handleFocus, ...pops }), _jsx(Box, { className: `--arrow rel flex aic jcc`, children: items.length > 0 ? SVGIcons.arrowUp : SVGIcons.arrowDown }), items.length > 0 && _jsx(List, { id: _id, ref: suggestionRef, className: `--suggestion-list flex cols abs`, items: items.map((item, index) => ({
-                    label: item,
-                    onClick: (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        handleMouseSelect(item);
-                    },
-                    className: highlightedIndex === index ? '--current' : '',
-                    animate: {
-                        transition: TRANSITIONS.SlideInBottom,
-                        curve: TRANSITION_CURVES.EaseInOut,
-                        delay: clamp(0.02 * index, 0.02, 0.5)
-                    }
-                })) })] });
-});
-AutoComplete.displayName = `Zuz.AutoComplete`;
-export default AutoComplete;

package/dist/esm/comps/AutoComplete/types.d.ts

@@ -1,6 +0,0 @@
-import { InputProps } from "../Input";
-export type AutoCompleteProps = InputProps & {
-    action?: string;
-    data?: string[];
-    withStyle?: string;
-};

package/dist/esm/comps/AutoComplete/types.js

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

package/dist/esm/comps/Avatar/index.d.ts

@@ -1,12 +0,0 @@
-import { AVATAR } from "../../types/enums";
-import { AvatarHandler } from "./types";
-declare const Avatar: import("react").ForwardRefExoticComponent<import("../..").ZuzProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref">, keyof import("../..").ZuzProps> & {
-    type?: AVATAR;
-    size?: number;
-    variant?: import("../..").Variant;
-    src?: string;
-    color?: string;
-    crossOrigin?: "anonymous" | "use-credentials";
-    referrerPolicy?: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url";
-} & import("react").RefAttributes<AvatarHandler>>;
-export default Avatar;

package/dist/esm/comps/Avatar/index.js

@@ -1,37 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect } from "react";
-import { useBase, useImage } from "../../hooks";
-import { AVATAR, Size } from "../../types/enums";
-import Box from "../Box";
-import Image from "../Image";
-import Text from "../Text";
-const Avatar = forwardRef((props, ref) => {
-    const { src, size, variant, type, crossOrigin, referrerPolicy, fx, as, alt, color, ...pops } = props;
-    const [img, imgStatus, imgError] = useImage(src ?? "", crossOrigin, referrerPolicy);
-    const { className, style, rest } = useBase({ fx, as });
-    useEffect(() => {
-        if (type == AVATAR.Square && !document.getElementById('squareRadiusClipPath')) {
-            const svgNS = "http://www.w3.org/2000/svg";
-            const svg = document.createElementNS(svgNS, "svg");
-            svg.setAttribute("width", "0");
-            svg.setAttribute("height", "0");
-            const defs = document.createElementNS(svgNS, "defs");
-            const clipPath = document.createElementNS(svgNS, "clipPath");
-            clipPath.setAttribute("id", "squareRadiusClipPath");
-            clipPath.setAttribute("clipPathUnits", "objectBoundingBox");
-            const path = document.createElementNS(svgNS, "path");
-            path.setAttribute("d", "M0.986 0.347C0.951 0.11 0.777 -0.002 0.5 0C0.223 -0.002 0.049 0.11 0.014 0.347C0.005 0.404 0 0.452 0 0.5C0 0.548 0.005 0.596 0.014 0.653C0.049 0.89 0.223 1.002 0.5 1C0.777 1.002 0.951 0.89 0.986 0.653C0.995 0.596 1 0.548 1 0.5C1 0.452 0.995 0.404 0.986 0.347Z");
-            clipPath.appendChild(path);
-            defs.appendChild(clipPath);
-            svg.appendChild(defs);
-            document.body.appendChild(svg);
-        }
-    }, [src]);
-    return _jsx(Box, { className: `--avatar --${variant || Size.Small} --${(type || AVATAR.Circle).toLowerCase()} rel flex aic jcc ${className}`.trim(), style: {
-            background: color || `var(--primary)`,
-            ...style,
-        }, ...rest, children: src ? _jsx(Image, { src: img, crossOrigin: crossOrigin, referrerPolicy: referrerPolicy, ...pops }) : _jsx(Text, { className: `--avatar-label`, children: (alt ? alt.charAt(0) : `A`).toUpperCase() }) });
-});
-Avatar.displayName = `Zuz.Avatar`;
-export default Avatar;

package/dist/esm/comps/Avatar/types.d.ts

@@ -1,13 +0,0 @@
-import { Props } from "../../types";
-import { AVATAR, Variant } from "../../types/enums";
-export type AvatarProps = Props<"img"> & {
-    type?: AVATAR;
-    size?: number;
-    variant?: Variant;
-    src?: string;
-    color?: string;
-    crossOrigin?: 'anonymous' | 'use-credentials';
-    referrerPolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
-};
-export interface AvatarHandler {
-}

package/dist/esm/comps/Avatar/types.js

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

package/dist/esm/comps/Box/index.d.ts

@@ -1,6 +0,0 @@
-import { Props } from "../../types";
-export interface BoxProps extends Partial<Props<`div`>> {
-    name?: string;
-}
-declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Box;

package/dist/esm/comps/Box/index.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo, useRef } from "react";
-import { useBase } from "../../hooks";
-const Box = forwardRef((props, ref) => {
-    const { style, withEditor, ...pops } = props;
-    const innerRef = useRef(null);
-    const targetRef = useMemo(() => ref && typeof ref !== "function" && ref.current ? ref : innerRef, [ref]);
-    const { style: _style, className, rest } = useBase(pops, targetRef);
-    return _jsx("div", { ref: ref || innerRef, className: `${className} ${withEditor ? `--with-zuz-editor` : ``}`.trim(), style: {
-            ..._style,
-            ...(style || {})
-        }, ...rest });
-});
-Box.displayName = `Zuz.Box`;
-export default Box;

package/dist/esm/comps/Button/index.d.ts

@@ -1,13 +0,0 @@
-import { Size, SPINNER } from '../../types/enums';
-import { ButtonState } from './types';
-declare const Button: import("react").ForwardRefExoticComponent<import("../..").ZuzProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, keyof import("../..").ZuzProps> & {
-    icon?: string | null;
-    iconSize?: Size;
-    withLabel?: boolean;
-    spinner?: SPINNER;
-    state?: ButtonState;
-    size?: Size;
-    variant?: Size | import("../..").Variant;
-    reset?: boolean;
-} & import("react").RefAttributes<HTMLButtonElement>>;
-export default Button;

package/dist/esm/comps/Button/index.js

@@ -1,16 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useBase } from '../../hooks';
-import { Size, SPINNER } from '../../types/enums';
-import Icon from '../Icon';
-import Span from '../Span';
-import Spinner from '../Spinner';
-import { ButtonState } from './types';
-const Button = forwardRef((props, ref) => {
-    const { reset, size, variant, icon, iconSize, children, withLabel, spinner, state, disabled, ...pops } = props;
-    const { style, className, rest } = useBase(pops);
-    return _jsxs("button", { className: `--button ${variant ? `--${variant}` : ``} ${size ? `--${size}` : ``} flex aic ${!reset ? `jcc` : ``} ${icon ? `ico-btn` : ``} ${className}`.trim().replace(/\s+/g, ' '), style: style, ref: ref, disabled: state == ButtonState.Loading || props.skeleton?.enabled || disabled, ...rest, children: [state == ButtonState.Loading && _jsx(Spinner, { size: Size.Small, type: spinner || SPINNER.Simple }), (!state || state == ButtonState.Normal) && _jsxs(_Fragment, { children: [icon && _jsx(Icon, { size: iconSize, name: icon }), withLabel === true ? _jsx(Span, { children: children }) : children] })] });
-});
-Button.displayName = `Zuz.Button`;
-export default Button;

package/dist/esm/comps/Button/types.d.ts

@@ -1,23 +0,0 @@
-import { Props } from "../../types";
-import { Size, SPINNER, Variant } from "../../types/enums";
-export type ButtonProps = Props<`button`> & {
-    icon?: string | null;
-    iconSize?: Size;
-    withLabel?: boolean;
-    spinner?: SPINNER;
-    state?: ButtonState;
-    /**
-     * @deprecated "Use `variant` instead. `size` will be removed in the next major release."
-     */
-    size?: Size;
-    variant?: Size | Variant;
-    reset?: boolean;
-};
-export interface ButtonHandler extends HTMLButtonElement {
-    reset: () => void;
-    setState: (mod: ButtonState) => void;
-}
-export declare enum ButtonState {
-    Loading = "loading",
-    Normal = "normal"
-}

package/dist/esm/comps/Button/types.js

@@ -1,5 +0,0 @@
-export var ButtonState;
-(function (ButtonState) {
-    ButtonState["Loading"] = "loading";
-    ButtonState["Normal"] = "normal";
-})(ButtonState || (ButtonState = {}));

package/dist/esm/comps/Calendar/index.d.ts

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