tiny-ui 0.0.94 → 1.0.0

package/es/message/index.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import Message from './message';
+const className = '.ty-message-container';
+const rootMap = new Map();
+let offset;
+const unmountDom = (containerDiv, top, height, onClose) => {
+    const root = rootMap.get(containerDiv);
+    if (root) {
+        root.unmount();
+        rootMap.delete(containerDiv);
+    }
+    document.body.removeChild(containerDiv);
+    requestAnimationFrame(() => {
+        const containers = document.querySelectorAll(className);
+        const len = containers.length;
+        for (let i = 0; i < len; i++) {
+            const element = containers[i];
+            const elementTop = parseInt(element.style.top || '0', 10);
+            elementTop > top && (element.style.top = `${elementTop - height - offset}px`);
+        }
+    });
+    onClose && onClose();
+};
+const createComponent = (type, content, duration = 3000, onClose, options = {}) => {
+    const containers = document.querySelectorAll(className);
+    const lastContainer = containers.length > 0 ? containers[containers.length - 1] : null;
+    offset = options.offset || 16;
+    const top = lastContainer
+        ? parseInt(lastContainer.style.top || '0', 10) + lastContainer.offsetHeight + offset
+        : options.top || 15;
+    const div = document.createElement('div');
+    div.className = 'ty-message-container';
+    document.body.appendChild(div);
+    div.style.top = `${top}px`;
+    const props = {
+        type,
+        content,
+        duration,
+        icon: options.icon,
+        extra: options.extra,
+        className: options.className,
+        willUnmount: (height) => {
+            const updatedTop = parseInt(div.style.top || '0', 10);
+            unmountDom(div, updatedTop, height, onClose);
+        },
+    };
+    const component = React.createElement(Message, props);
+    const root = createRoot(div);
+    rootMap.set(div, root);
+    root.render(component);
+};
+const messageContainer = (content, duration, onClose, options) => {
+    createComponent(undefined, content, duration, onClose, options);
+};
+['success', 'error', 'warning', 'info', 'loading'].forEach((type) => {
+    messageContainer[type] = (content, duration, onClose, options) => {
+        createComponent(type, content, duration, onClose, options);
+    };
+});
+messageContainer.warn = messageContainer.warning;
+export default messageContainer;
+//# sourceMappingURL=index.js.map

package/es/message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/message/index.tsx"],"names":[],"mappings":"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"}

package/es/message/message.d.ts

@@ -0,0 +1,6 @@
+import { MessageProps } from './types';
+declare const Message: {
+    (props: MessageProps): JSX.Element;
+    displayName: string;
+};
+export default Message;

package/es/message/message.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState, useContext } from 'react';
+import classNames from 'classnames';
+import { CSSTransition } from 'react-transition-group';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import { CheckCircle, CloseCircle, InfoCircle, LoadingCircle, WarningCircle, } from '../_utils/components';
+const Message = (props) => {
+    const { type, icon, content, duration, willUnmount, extra, className, style, prefixCls: customisedCls, } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('message', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className);
+    const ref = useRef(null);
+    const [visible, setVisible] = useState(true);
+    const renderIcon = () => {
+        if (React.isValidElement(icon)) {
+            return icon;
+        }
+        else if (typeof type === 'string') {
+            switch (type) {
+                case 'success':
+                    return _jsx(CheckCircle, { size: 16, className: `${prefixCls}__icon` });
+                case 'info':
+                    return _jsx(InfoCircle, { size: 16, className: `${prefixCls}__icon` });
+                case 'warning':
+                    return _jsx(WarningCircle, { size: 16, className: `${prefixCls}__icon` });
+                case 'error':
+                    return _jsx(CloseCircle, { size: 16, className: `${prefixCls}__icon` });
+                case 'loading':
+                    return (_jsx(LoadingCircle, { size: 16, className: classNames(`${prefixCls}__icon`, {
+                            [`${prefixCls}__icon_loading`]: type === 'loading',
+                        }) }));
+            }
+        }
+        return null;
+    };
+    useEffect(() => {
+        const node = ref.current;
+        const height = (node && node.offsetHeight) || 0;
+        const timer = window.setTimeout(() => {
+            setVisible(false);
+            willUnmount(height);
+        }, duration);
+        return () => {
+            window.clearTimeout(timer);
+        };
+    }, [duration, willUnmount]);
+    return (_jsx(CSSTransition, { nodeRef: ref, in: visible, appear: true, timeout: 0, classNames: `${prefixCls}_fade-slide`, children: _jsxs("div", { role: "alert", className: cls, style: style, ref: ref, children: [renderIcon(), _jsx("span", { className: `${prefixCls}__content`, children: content }), extra && _jsx("div", { className: `${prefixCls}__extra`, children: extra })] }) }));
+};
+Message.displayName = 'Message';
+export default Message;
+//# sourceMappingURL=message.js.map

package/es/message/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../components/message/message.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,EACb,aAAa,GACd,MAAM,sBAAsB,CAAC;AAG9B,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAe,EAAE;IACnD,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,EAAE,aAAa,GACzB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAClF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,UAAU,GAAG,GAAoB,EAAE;QACvC,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAC;QACd,CAAC;aAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YACpC,QAAQ,IAAI,EAAE,CAAC;gBACb,KAAK,SAAS;oBACZ,OAAO,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,QAAQ,GAAI,CAAC;gBACpE,KAAK,MAAM;oBACT,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,QAAQ,GAAI,CAAC;gBACnE,KAAK,SAAS;oBACZ,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,QAAQ,GAAI,CAAC;gBACtE,KAAK,OAAO;oBACV,OAAO,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,QAAQ,GAAI,CAAC;gBACpE,KAAK,SAAS;oBACZ,OAAO,CACL,KAAC,aAAa,IACZ,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,UAAU,CAAC,GAAG,SAAS,QAAQ,EAAE;4BAC1C,CAAC,GAAG,SAAS,gBAAgB,CAAC,EAAE,IAAI,KAAK,SAAS;yBACnD,CAAC,GACF,CACH,CAAC;YACN,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;QACzB,MAAM,MAAM,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAChD,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACnC,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,WAAW,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC,EAAE,QAAQ,CAAC,CAAC;QAEb,OAAO,GAAS,EAAE;YAChB,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,KAAC,aAAa,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,SAAS,aAAa,YACvG,eAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,aACrD,UAAU,EAAE,EACb,eAAM,SAAS,EAAE,GAAG,SAAS,WAAW,YAAG,OAAO,GAAQ,EACzD,KAAK,IAAI,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,KAAK,GAAO,IAC1D,GACQ,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,eAAe,OAAO,CAAC"}

package/es/message/style/_index.scss

@@ -0,0 +1,59 @@
+@use '../../style/variables' as *;
+@use '../../style/animation' as *;
+
+.#{$prefix}-message {
+  position: relative;
+  padding: 10px 16px;
+  background: var(--ty-message-bg);
+  border-radius: 4px;
+  box-shadow: var(--ty-shadow-modal);
+  transition: all 300ms;
+  opacity: 0;
+  transform: translateY(-5px);
+  box-sizing: border-box;
+  display: flex;
+  font-size: 14px;
+  align-items: center;
+  pointer-events: all;
+
+  &-container {
+    display: flex;
+    justify-content: center;
+    position: fixed;
+    width: 100%;
+    pointer-events: none;
+    transition: top 200ms;
+    z-index: 999;
+    box-sizing: border-box;
+  }
+
+  &__content {
+    font-size: 14px;
+    line-height: 14px;
+    color: var(--ty-color-text-secondary);
+  }
+
+  &_fade-slide {
+    &-enter {
+      opacity: 0;
+      transform: translateY(-5px);
+    }
+
+    &-enter-done {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &__icon {
+    margin-right: 5px;
+
+    &_loading{
+      animation: ty-rotate 1s linear infinite;
+    }
+  }
+
+  &__extra {
+    margin-left: 15px;
+  }
+}

package/es/message/style/css.js

@@ -0,0 +1,2 @@
+import './index.css';
+//# sourceMappingURL=index.js.map

package/es/message/style/index.js

@@ -0,0 +1,2 @@
+import './index.scss';
+//# sourceMappingURL=index.js.map

package/es/message/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/message/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}

package/es/message/types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../_utils/props';
+export type MessageType = 'success' | 'error' | 'warning' | 'info' | 'loading' | undefined;
+export interface MessageProps extends BaseProps {
+    type: MessageType;
+    content: string;
+    duration: number;
+    icon?: ReactNode;
+    extra?: ReactNode;
+    willUnmount: (height: number) => void;
+}

package/es/message/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/message/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/message/types.ts"],"names":[],"mappings":""}

package/es/modal/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ModalProps } from './types';
+import { ModalProvider, useModal } from './modal-context';
+import type { ModalProviderProps, UseModalReturn } from './modal-context';
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+type ModalComponent = typeof Modal & {
+    Provider: typeof ModalProvider;
+    useModal: typeof useModal;
+};
+declare const ModalWithContext: ModalComponent;
+export default ModalWithContext;
+export type { ModalProviderProps, UseModalReturn };

package/es/modal/index.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useEffect, useId, useRef, useState } from 'react';
+import classNames from 'classnames';
+import { CSSTransition } from 'react-transition-group';
+import Overlay from '../overlay';
+import Button from '../button/button';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import { useLocale } from '../_utils/use-locale';
+import { ModalProvider, useModal } from './modal-context';
+const Modal = React.forwardRef((props, ref) => {
+    const locale = useLocale();
+    const { visible = false, width = 520, centered = false, closable = true, unmountOnClose = true, maskType = 'default', maskClosable = true, confirmText = locale.Modal.okText, cancelText = locale.Modal.cancelText, confirmLoading = false, animation = 'slide', zIndex = 1000, onConfirm, onCancel: onCancelProp, onClose: onCloseProp, top, header, footer, afterClose, confirmButtonProps, cancelButtonProps, className, children, style, maskStyle, headerStyle, bodyStyle, footerStyle, prefixCls: customisedCls, } = props;
+    const onCancel = onCloseProp ?? onCancelProp;
+    const [modalVisible, setModalVisible] = useState(visible);
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('modal', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, { [`${prefixCls}_centered`]: centered });
+    const nodeRef = useRef(null);
+    const previousFocusRef = useRef(null);
+    const titleId = useId();
+    // Focus trap + Escape key
+    useEffect(() => {
+        if (!visible)
+            return;
+        previousFocusRef.current = document.activeElement;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                onCancel?.(e);
+                return;
+            }
+            if (e.key === 'Tab' && nodeRef.current) {
+                const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                if (focusable.length === 0)
+                    return;
+                const first = focusable[0];
+                const last = focusable[focusable.length - 1];
+                if (e.shiftKey) {
+                    if (document.activeElement === first) {
+                        e.preventDefault();
+                        last.focus();
+                    }
+                }
+                else {
+                    if (document.activeElement === last) {
+                        e.preventDefault();
+                        first.focus();
+                    }
+                }
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        // Focus first focusable element
+        requestAnimationFrame(() => {
+            if (nodeRef.current) {
+                const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                if (focusable.length > 0)
+                    focusable[0].focus();
+            }
+        });
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+            previousFocusRef.current?.focus();
+        };
+    }, [visible, onCancel]);
+    const renderFooter = () => {
+        if (React.isValidElement(footer)) {
+            return footer;
+        }
+        else if (footer === null) {
+            return null;
+        }
+        else {
+            return (_jsxs("div", { className: `${prefixCls}__footer`, style: footerStyle, children: [_jsx(Button, { onClick: onCancel, className: `${prefixCls}__footer-btn`, ...cancelButtonProps, children: cancelText }), _jsx(Button, { loading: confirmLoading, onClick: onConfirm, btnType: "primary", className: `${prefixCls}__footer-btn`, ...confirmButtonProps, children: confirmText })] }));
+        }
+    };
+    return (_jsx(Overlay, { onEnter: () => setModalVisible(true), onExit: () => setModalVisible(false), zIndex: zIndex, type: maskType, unmountOnExit: unmountOnClose, isShow: visible, onExited: afterClose, clickCallback: (e) => {
+            maskClosable && onCancel ? onCancel(e) : undefined;
+        }, style: maskStyle, children: _jsx("div", { ref: ref, className: cls, style: { top }, children: _jsx("div", { style: { width, ...style }, children: _jsx(CSSTransition, { appear: true, nodeRef: nodeRef, in: modalVisible, classNames: `${prefixCls}__content_${animation}`, timeout: 0, children: _jsxs("div", { ref: nodeRef, className: `${prefixCls}__content`, role: "dialog", "aria-modal": "true", "aria-labelledby": header ? titleId : undefined, onClick: (e) => e.stopPropagation(), children: [closable && (_jsx("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: onCancel, "aria-label": "Close", children: "\u2715" })), header && (_jsx("div", { className: `${prefixCls}__header`, style: headerStyle, children: _jsx("div", { className: `${prefixCls}__title`, id: titleId, children: header }) })), _jsx("div", { className: `${prefixCls}__body`, style: bodyStyle, children: children }), renderFooter()] }) }) }) }) }));
+});
+Modal.displayName = 'Modal';
+const ModalWithContext = Modal;
+ModalWithContext.Provider = ModalProvider;
+ModalWithContext.useModal = useModal;
+export default ModalWithContext;
+//# sourceMappingURL=index.js.map

package/es/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/modal/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG1D,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EACJ,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,GAAG,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,cAAc,GAAG,IAAI,EACrB,QAAQ,GAAG,SAAS,EACpB,YAAY,GAAG,IAAI,EACnB,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,EACjC,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,EACpC,cAAc,GAAG,KAAK,EACtB,SAAS,GAAG,OAAO,EACnB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,GAAG,EACH,MAAM,EACN,MAAM,EACN,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EAAE,aAAa,GACzB,GAAG,KAAK,CAAC;IACV,MAAM,QAAQ,GAAG,WAAW,IAAI,YAAY,CAAC;IAC7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAChF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtF,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,gBAAgB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,0BAA0B;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAA4B,CAAC;QAEjE,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YACzC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,QAAQ,EAAE,CAAC,CAAgC,CAAC,CAAC;gBAC7C,OAAO;YACT,CAAC;YACD,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACvC,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAChD,0EAA0E,CAC3E,CAAC;gBACF,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;oBAAE,OAAO;gBACnC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;gBAC3B,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC7C,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;oBACf,IAAI,QAAQ,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;wBAAC,CAAC,CAAC,cAAc,EAAE,CAAC;wBAAC,IAAI,CAAC,KAAK,EAAE,CAAC;oBAAC,CAAC;gBAC7E,CAAC;qBAAM,CAAC;oBACN,IAAI,QAAQ,CAAC,aAAa,KAAK,IAAI,EAAE,CAAC;wBAAC,CAAC,CAAC,cAAc,EAAE,CAAC;wBAAC,KAAK,CAAC,KAAK,EAAE,CAAC;oBAAC,CAAC;gBAC7E,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAEpD,gCAAgC;QAChC,qBAAqB,CAAC,GAAG,EAAE;YACzB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAChD,0EAA0E,CAC3E,CAAC;gBACF,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;oBAAE,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YACjD,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACvD,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,GAAoB,EAAE;QACzC,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;YACjC,OAAO,MAAM,CAAC;QAChB,CAAC;aAAM,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC;QACd,CAAC;aAAM,CAAC;YACN,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,SAAS,UAAU,EAAE,KAAK,EAAE,WAAW,aACxD,KAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,cAAc,KAAM,iBAAiB,YACpF,UAAU,GACJ,EACT,KAAC,MAAM,IACL,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,GAAG,SAAS,cAAc,KACjC,kBAAkB,YACrB,WAAW,GACL,IACL,CACP,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,IACN,OAAO,EAAE,GAAS,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAC1C,MAAM,EAAE,GAAS,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAC1C,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,QAAQ,EACd,aAAa,EAAE,cAAc,EAC7B,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,UAAU,EACpB,aAAa,EAAE,CAAC,CAAmB,EAAQ,EAAE;YAC3C,YAAY,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,SAAS,YAChB,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,YAC3C,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,YAC7B,KAAC,aAAa,IACZ,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,YAAY,EAChB,UAAU,EAAE,GAAG,SAAS,aAAa,SAAS,EAAE,EAChD,OAAO,EAAE,CAAC,YACV,eACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,IAAI,EAAC,QAAQ,gBACF,MAAM,qBACA,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC7C,OAAO,EAAE,CAAC,CAAC,EAAQ,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aACxC,QAAQ,IAAI,CACX,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,SAAS,aAAa,EAAE,OAAO,EAAE,QAAQ,gBAAa,OAAO,uBAExF,CACV,EACA,MAAM,IAAI,CACT,cAAK,SAAS,EAAE,GAAG,SAAS,UAAU,EAAE,KAAK,EAAE,WAAW,YACxD,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,EAAE,EAAE,EAAE,OAAO,YAAG,MAAM,GAAO,GAC9D,CACP,EACD,cAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,EAAE,KAAK,EAAE,SAAS,YACnD,QAAQ,GACL,EACL,YAAY,EAAE,IACX,GACQ,GACZ,GACF,GACE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAO5B,MAAM,gBAAgB,GAAG,KAAuB,CAAC;AACjD,gBAAgB,CAAC,QAAQ,GAAG,aAAa,CAAC;AAC1C,gBAAgB,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAErC,eAAe,gBAAgB,CAAC"}

package/es/modal/modal-context.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+type ModalState = Record<string, boolean>;
+type ModalAction = {
+    type: 'SHOW';
+    id: string;
+} | {
+    type: 'HIDE';
+    id: string;
+} | {
+    type: 'TOGGLE';
+    id: string;
+} | {
+    type: 'PURGE';
+};
+declare function modalReducer(state: ModalState, action: ModalAction): ModalState;
+interface ModalProviderProps {
+    modals?: ModalState;
+    dispatch?: React.Dispatch<ModalAction>;
+    children: React.ReactNode;
+}
+declare function ModalProvider({ modals: controlledModals, dispatch: controlledDispatch, children }: ModalProviderProps): import("react/jsx-runtime").JSX.Element;
+interface UseModalReturn {
+    visible: boolean;
+    show: () => void;
+    close: () => void;
+    toggle: () => void;
+}
+declare function useModal(id: string): UseModalReturn;
+export { ModalProvider, useModal, modalReducer };
+export type { ModalState, ModalAction, ModalProviderProps, UseModalReturn };

package/es/modal/modal-context.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useReducer } from 'react';
+function modalReducer(state, action) {
+    switch (action.type) {
+        case 'SHOW':
+            return state[action.id] === true ? state : { ...state, [action.id]: true };
+        case 'HIDE':
+            return state[action.id] === false ? state : { ...state, [action.id]: false };
+        case 'TOGGLE':
+            return { ...state, [action.id]: !state[action.id] };
+        case 'PURGE':
+            return {};
+        default:
+            return state;
+    }
+}
+const ModalContext = createContext(null);
+function ModalProvider({ modals: controlledModals, dispatch: controlledDispatch, children }) {
+    const [internalModals, internalDispatch] = useReducer(modalReducer, {});
+    const modals = controlledModals ?? internalModals;
+    const dispatch = controlledDispatch ?? internalDispatch;
+    const value = useMemo(() => ({ modals, dispatch }), [modals, dispatch]);
+    return _jsx(ModalContext.Provider, { value: value, children: children });
+}
+function useModal(id) {
+    const ctx = useContext(ModalContext);
+    if (!ctx) {
+        throw new Error('useModal must be used within a <Modal.Provider>');
+    }
+    const { modals, dispatch } = ctx;
+    const visible = !!modals[id];
+    const show = useCallback(() => dispatch({ type: 'SHOW', id }), [dispatch, id]);
+    const close = useCallback(() => dispatch({ type: 'HIDE', id }), [dispatch, id]);
+    const toggle = useCallback(() => dispatch({ type: 'TOGGLE', id }), [dispatch, id]);
+    return useMemo(() => ({ visible, show, close, toggle }), [visible, show, close, toggle]);
+}
+export { ModalProvider, useModal, modalReducer };
+//# sourceMappingURL=modal-context.js.map

package/es/modal/modal-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-context.js","sourceRoot":"","sources":["../../components/modal/modal-context.tsx"],"names":[],"mappings":"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"}

package/es/modal/style/_index.scss

@@ -0,0 +1,115 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-modal {
+  position: relative;
+  box-sizing: border-box;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  top: 100px;
+
+  &__content {
+    box-sizing: border-box;
+    background-color: var(--ty-modal-bg);
+    position: relative;
+    background-clip: padding-box;
+    border: 0;
+    border-radius: 4px;
+    box-shadow: var(--ty-shadow-modal);
+    transition: all 300ms;
+
+    &_slide {
+      &-enter {
+        transform: translateY(-20px);
+      }
+
+      &-enter-done {
+        transform: translateY(0);
+      }
+
+      &-exit {
+        transform: translateY(0);
+      }
+
+      &-exit-done {
+        transform: translateY(-20px);
+      }
+    }
+
+    &_scale {
+      &-enter {
+        transform: scale(0);
+      }
+
+      &-enter-done {
+        transform: scale(1);
+      }
+
+      &-exit {
+        transform: scale(1);
+      }
+
+      &-exit-done {
+        transform: scale(0);
+      }
+    }
+  }
+
+  &__header {
+    box-sizing: border-box;
+    padding: 16px 24px;
+    color: var(--ty-color-text-secondary);
+    background: var(--ty-modal-header-bg);
+    border-bottom: 1px solid var(--ty-modal-header-border);
+    border-radius: 4px 4px 0 0;
+  }
+
+  &__title {
+    margin: 0;
+    color: var(--ty-color-text);
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 22px;
+  }
+
+  &__close-btn {
+    cursor: pointer;
+    color: var(--ty-color-text-tertiary);
+    width: 56px;
+    height: 56px;
+    line-height: 56px;
+    position: absolute;
+    top: 0;
+    right: 0;
+    text-align: center;
+    background: none;
+    border: none;
+    padding: 0;
+    font-size: inherit;
+  }
+
+  &__body {
+    box-sizing: border-box;
+    padding: 24px;
+    font-size: 14px;
+    line-height: 1.5;
+    word-wrap: break-word;
+  }
+
+  &__footer {
+    box-sizing: border-box;
+    padding: 12px 16px;
+    text-align: right;
+    border-top: 1px solid var(--ty-modal-footer-border);
+    border-radius: 0 0 4px 4px;
+  }
+
+  &__footer-btn {
+    margin-bottom: 0;
+  }
+
+  &_centered {
+    align-items: center;
+    top: 0;
+  }
+}

package/es/modal/style/css.js

@@ -0,0 +1,5 @@
+import './index.css';
+// style dependencies
+import '../../overlay/style/index.css';
+import '../../button/style/index.css';
+//# sourceMappingURL=index.js.map

package/es/modal/style/index.d.ts

@@ -0,0 +1,3 @@
+import './index.scss';
+import '../../overlay/style/index.scss';
+import '../../button/style/index.scss';

package/es/modal/style/index.js

@@ -0,0 +1,5 @@
+import './index.scss';
+// style dependencies
+import '../../overlay/style/index.scss';
+import '../../button/style/index.scss';
+//# sourceMappingURL=index.js.map

package/es/modal/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/modal/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,qBAAqB;AACrB,OAAO,gCAAgC,CAAC;AACxC,OAAO,+BAA+B,CAAC"}

package/es/modal/types.d.ts

@@ -0,0 +1,33 @@
+import React, { CSSProperties, ReactNode } from 'react';
+import { BaseProps } from '../_utils/props';
+import { OverlayMaskType } from '../overlay/types';
+import { ButtonProps } from '../button/types';
+export type ModalAnimation = 'slide' | 'scale';
+export interface ModalProps extends BaseProps {
+    visible?: boolean;
+    header?: ReactNode;
+    footer?: ReactNode;
+    width?: number | string;
+    centered?: boolean;
+    closable?: boolean;
+    unmountOnClose?: boolean;
+    afterClose?: () => void;
+    maskType?: OverlayMaskType;
+    maskClosable?: boolean;
+    confirmLoading?: boolean;
+    onConfirm?: (e: React.MouseEvent) => void;
+    onCancel?: (e: React.MouseEvent) => void;
+    onClose?: (e: React.MouseEvent) => void;
+    confirmText?: string;
+    cancelText?: string;
+    confirmButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    animation?: ModalAnimation;
+    top?: number;
+    zIndex?: number;
+    headerStyle?: CSSProperties;
+    bodyStyle?: CSSProperties;
+    footerStyle?: CSSProperties;
+    maskStyle?: CSSProperties;
+    children?: ReactNode;
+}

package/es/modal/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/modal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/modal/types.ts"],"names":[],"mappings":""}

package/es/native-select/index.d.ts

@@ -0,0 +1,9 @@
+import NativeSelect from './native-select';
+import NativeOption from './native-option';
+import NativeOptGroup from './native-opt-group';
+type ISelect = typeof NativeSelect & {
+    Option: typeof NativeOption;
+    OptGroup: typeof NativeOptGroup;
+};
+declare const DefaultSelect: ISelect;
+export default DefaultSelect;

package/es/native-select/index.js

@@ -0,0 +1,8 @@
+import NativeSelect from './native-select';
+import NativeOption from './native-option';
+import NativeOptGroup from './native-opt-group';
+const DefaultSelect = NativeSelect;
+DefaultSelect.Option = NativeOption;
+DefaultSelect.OptGroup = NativeOptGroup;
+export default DefaultSelect;
+//# sourceMappingURL=index.js.map

package/es/native-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/native-select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAOhD,MAAM,aAAa,GAAG,YAAuB,CAAC;AAC9C,aAAa,CAAC,MAAM,GAAG,YAAY,CAAC;AACpC,aAAa,CAAC,QAAQ,GAAG,cAAc,CAAC;AAExC,eAAe,aAAa,CAAC"}

package/es/native-select/native-opt-group.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const NativeOptGroup: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, "ref"> & {
+    ref?: ((instance: HTMLOptGroupElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLOptGroupElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLOptGroupElement>>;
+export default NativeOptGroup;

package/es/native-select/native-opt-group.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+const NativeOptGroup = React.forwardRef((props, ref) => {
+    return (_jsx("optgroup", { ref: ref, ...props, children: props.children }));
+});
+NativeOptGroup.displayName = 'NativeSelectOptGroup';
+export default NativeOptGroup;
+//# sourceMappingURL=native-opt-group.js.map

package/es/native-select/native-opt-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-opt-group.js","sourceRoot":"","sources":["../../components/native-select/native-opt-group.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,KAA6B,EAAE,GAAG,EAAsB,EAAE;IACzD,OAAO,CACL,mBAAU,GAAG,EAAE,GAAG,KAAM,KAAK,YAC1B,KAAK,CAAC,QAAQ,GACN,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAEpD,eAAe,cAAc,CAAC"}