tiny-ui 0.0.94 → 1.0.0

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const NativeOption: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & {
+    ref?: ((instance: HTMLOptionElement | 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<HTMLOptionElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLOptionElement>>;
+export default NativeOption;

package/es/native-select/native-option.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"native-option.js","sourceRoot":"","sources":["../../components/native-select/native-option.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,KAA8B,EAAE,GAAG,EAAsB,EAAE;IAC1D,OAAO,iBAAQ,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AACzC,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NativeSelectProps } from './types';
+declare const NativeSelect: React.ForwardRefExoticComponent<Omit<NativeSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+export default NativeSelect;

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const NativeSelect = React.forwardRef((props, ref) => {
+    const { size = 'md', disabled = false, className, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('select-native', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_${size}`]: size,
+        [`${prefixCls}_disabled`]: disabled,
+    });
+    return (_jsx("select", { ref: ref, ...otherProps, className: cls, children: React.Children.map(children, (child) => {
+            const childProps = {
+                disabled,
+            };
+            return React.cloneElement(child, childProps);
+        }) }));
+});
+NativeSelect.displayName = 'NativeSelect';
+export default NativeSelect;
+//# sourceMappingURL=native-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.js","sourceRoot":"","sources":["../../components/native-select/native-select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,KAAwB,EAAE,GAAG,EAAE,EAAE;IAChC,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,eAAe,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACxF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI;QAC9B,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,iBAAQ,GAAG,EAAE,GAAG,KAAM,UAAU,EAAE,SAAS,EAAE,GAAG,YAC7C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAyB,EAAE,EAAE;YAC1D,MAAM,UAAU,GAA8D;gBAC5E,QAAQ;aACT,CAAC;YACF,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QAC/C,CAAC,CAAC,GACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/es/native-select/style/_index.scss

@@ -0,0 +1,65 @@
+@use '../../style/variables' as *;
+@use './mixin' as *;
+
+$select-arrow: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==';
+
+.#{$prefix}-select-native {
+  display: inline-flex;
+  -webkit-appearance: none;
+  cursor: pointer;
+  color: var(--ty-color-text);
+  min-width: 200px;
+  margin: 0;
+  line-height: 18px;
+  vertical-align: middle;
+  box-sizing: border-box;
+  border: 1px solid var(--ty-input-border);
+  border-radius: $native-select-border-radius;
+  background-color: var(--ty-native-select-bg);
+  background-image: url($select-arrow);
+  background-repeat: no-repeat, repeat;
+  background-position: right 0.7em top 50%, 0 0;
+  background-size: 0.62em auto, 100%;
+  transition: all 0.3s;
+  outline: none;
+
+  &:hover {
+    border-color: var(--ty-color-primary);
+  }
+
+  &:focus {
+    border-color: var(--ty-input-focus-border);
+    box-shadow: var(--ty-input-focus-shadow);
+  }
+
+  &_disabled {
+    background-image: url($select-arrow);
+    background-size: 0.52em auto, 100%;
+    background-color: var(--ty-native-select-disabled-bg);
+    opacity: 0.75;
+    color: var(--ty-native-select-disabled-color);
+    cursor: not-allowed;
+    resize: none;
+
+    &:hover {
+      border-color: transparent;
+    }
+
+    &:focus {
+      border-color: transparent;
+      box-shadow: none;
+    }
+  }
+
+  &_sm {
+    @include native-size($native-select-sm-padding, $native-select-sm-font-size);
+  }
+
+  &_md {
+    @include native-size($native-select-md-padding, $native-select-md-font-size);
+  }
+
+  &_lg {
+    @include native-size($native-select-lg-padding, $native-select-lg-font-size);
+  }
+}

package/es/native-select/style/css.js

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseProps, SizeType } from '../_utils/props';
+export type NativeSelectGroupProps = React.PropsWithRef<JSX.IntrinsicElements['optgroup']>;
+export type NativeSelectOptionProps = React.PropsWithRef<JSX.IntrinsicElements['option']>;
+export interface NativeSelectProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['select']>, 'size'> {
+    size?: SizeType;
+    children: React.ReactElement<NativeSelectGroupProps | NativeSelectOptionProps>;
+}

package/es/native-select/types.js

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

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

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

package/es/notification/index.d.ts

@@ -0,0 +1,2 @@
+declare const notificationContainer: any;
+export default notificationContainer;

package/es/notification/index.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import Notification from './notification';
+import { camelCaseToDash } from '../_utils/general';
+const className = 'ty-notification-container';
+const rootMap = new Map();
+let offset;
+const unmountDom = (queryName, containerDiv, position, height, direction) => {
+    const root = rootMap.get(containerDiv);
+    if (root) {
+        root.unmount();
+        rootMap.delete(containerDiv);
+    }
+    document.body.removeChild(containerDiv);
+    requestAnimationFrame(() => {
+        const containers = document.querySelectorAll(`.${queryName}`);
+        const len = containers.length;
+        for (let i = 0; i < len; i++) {
+            const element = containers[i];
+            const elementPosition = parseInt(element.style[direction] || '0', 10);
+            elementPosition > position &&
+                (element.style[direction] = `${elementPosition - height - offset}px`);
+        }
+    });
+};
+const createComponent = (options, type) => {
+    const placement = options.placement || 'topRight';
+    const queryName = `${className}_${camelCaseToDash(placement)}`;
+    const containers = document.querySelectorAll(`.${queryName}`);
+    const lastContainer = containers.length > 0 ? containers[containers.length - 1] : null;
+    const div = document.createElement('div');
+    div.className = `${className} ${queryName}`;
+    document.body.appendChild(div);
+    offset = options.offset || 24;
+    const direction = placement.includes('top') ? 'top' : 'bottom';
+    const position = lastContainer
+        ? parseInt(lastContainer.style[direction] || '0', 10) + lastContainer.offsetHeight + offset
+        : options.margin || 16;
+    div.style[direction] = `${position}px`;
+    const props = {
+        type,
+        title: options.title,
+        description: options.description,
+        footer: options.footer,
+        duration: options.duration,
+        onClose: options.onClose,
+        onClick: options.onClick,
+        icon: options.icon,
+        didMount: () => {
+            placement.includes('Right') ? (div.style.right = `0px`) : (div.style.left = `0px`);
+        },
+        willUnmount: (height) => {
+            const updatedPosition = parseInt(div.style[direction] || '0', 10);
+            unmountDom(queryName, div, updatedPosition, height, direction);
+        },
+    };
+    const element = React.createElement(Notification, props);
+    const root = createRoot(div);
+    rootMap.set(div, root);
+    root.render(element);
+};
+const open = (options) => {
+    createComponent(options, undefined);
+};
+const notificationContainer = {};
+['success', 'error', 'warning', 'info'].forEach((type) => {
+    notificationContainer[type] = (options) => {
+        createComponent(options, type);
+    };
+});
+notificationContainer.open = open;
+notificationContainer.warn = notificationContainer.warning;
+export default notificationContainer;
+//# sourceMappingURL=index.js.map

package/es/notification/index.js.map

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

package/es/notification/notification.d.ts

@@ -0,0 +1,3 @@
+import { NotificationProps } from './types';
+declare const Notification: (props: NotificationProps) => JSX.Element;
+export default Notification;

package/es/notification/notification.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import { CheckCircle, CloseCircle, InfoCircle, WarningCircle } from '../_utils/components';
+const Notification = (props) => {
+    const { duration = 4500, title, description, footer, type, icon, willUnmount, didMount, onClick, onClose, className, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('notification', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className);
+    const ref = useRef(null);
+    const timerRef = useRef();
+    const height = useRef(0);
+    const closeBtnOnClick = (e) => {
+        timerRef.current && window.clearTimeout(timerRef.current);
+        willUnmount(height.current);
+        onClose && onClose(e);
+    };
+    const renderIcon = () => {
+        if (React.isValidElement(icon)) {
+            return icon;
+        }
+        else if (typeof type === 'string') {
+            const iconSize = 40;
+            switch (type) {
+                case 'success':
+                    return _jsx(CheckCircle, { size: iconSize, className: `${prefixCls}__icon` });
+                case 'info':
+                    return _jsx(InfoCircle, { size: iconSize, className: `${prefixCls}__icon` });
+                case 'warning':
+                    return _jsx(WarningCircle, { size: iconSize, className: `${prefixCls}__icon` });
+                case 'error':
+                    return _jsx(CloseCircle, { size: iconSize, className: `${prefixCls}__icon` });
+            }
+        }
+        return null;
+    };
+    useEffect(() => {
+        didMount();
+        const node = ref.current;
+        height.current = node ? node.offsetHeight : 0;
+        if (duration !== 0) {
+            timerRef.current = window.setTimeout(() => {
+                willUnmount(height.current);
+            }, duration);
+        }
+    }, [didMount, duration, willUnmount]);
+    return (_jsxs("div", { ...otherProps, className: cls, onClick: onClick, ref: ref, children: [renderIcon(), _jsxs("div", { children: [_jsx("div", { className: `${prefixCls}__title`, children: title }), description, footer, _jsx("button", { type: "button", className: `${prefixCls}__close`, onClick: closeBtnOnClick, "aria-label": "Close", children: "\u2715" })] })] }));
+};
+export default Notification;
+//# sourceMappingURL=notification.js.map

package/es/notification/notification.js.map

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

package/es/notification/style/_index.scss

@@ -0,0 +1,66 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-notification {
+  position: relative;
+  padding: 16px 24px;
+  border-radius: 3px;
+  color: var(--ty-color-text-secondary);
+  font-size: $font-size-base;
+  box-shadow: var(--ty-shadow-modal);
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-start;
+
+  &-container {
+    width: $notification-width;
+    position: fixed;
+    background-color: var(--ty-notification-bg);
+    z-index: 999;
+    box-sizing: border-box;
+    transition: all 200ms;
+
+    &_top-right,
+    &_bottom-right {
+      right: -($notification-width + $notification-margin);
+      margin-right: $notification-margin;
+    }
+
+    &_top-left,
+    &_bottom-left {
+      left: -($notification-width + $notification-margin);
+      margin-left: $notification-margin;
+    }
+  }
+
+  &__close {
+    position: absolute;
+    right: 24px;
+    top: 16px;
+    cursor: pointer;
+    color: var(--ty-notification-close-color);
+    user-select: none;
+    transition: all 300ms;
+    background: none;
+    border: none;
+    padding: 0;
+    font-size: inherit;
+    line-height: inherit;
+
+    &:hover {
+      color: var(--ty-notification-close-hover);
+    }
+  }
+
+  &__title {
+    padding-right: 24px;
+    margin-bottom: 5px;
+    color: var(--ty-color-text);
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  &__icon {
+    margin-right: 15px;
+    height: 30px;
+  }
+}

package/es/notification/style/css.js

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

package/es/notification/style/index.js

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

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

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

package/es/notification/types.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { BaseProps } from '../_utils/props';
+export type NotificationType = 'success' | 'error' | 'warning' | 'info' | undefined;
+export interface NotificationProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'title'> {
+    type: NotificationType;
+    title?: ReactNode;
+    description?: ReactNode;
+    footer?: ReactNode;
+    onClick?: (e: React.MouseEvent) => void;
+    onClose?: (e: React.MouseEvent) => void;
+    icon?: ReactNode | boolean;
+    willUnmount: (height: number) => void;
+    didMount: () => void;
+    duration?: number;
+    children?: React.ReactNode;
+}

package/es/notification/types.js

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

package/es/notification/types.js.map

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

package/es/overlay/index.d.ts

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

package/es/overlay/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import Portal from '../portal';
+import { CSSTransition } from 'react-transition-group';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const Overlay = (props) => {
+    const { isShow = false, blurred = false, unmountOnExit = true, zIndex = 1000, type = 'default', clickCallback, onEnter, onEntered, onExit, onExited, children, style, prefixCls: customisedCls, } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('overlay', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, `${prefixCls}_${type}`, { [`${prefixCls}_blurred`]: blurred });
+    const nodeRef = useRef(null);
+    useEffect(() => {
+        if (isShow) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+    });
+    return (_jsx(Portal, { children: _jsx(CSSTransition, { appear: true, nodeRef: nodeRef, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, in: isShow, mountOnEnter: true, unmountOnExit: unmountOnExit, classNames: `${prefixCls}_fade`, timeout: { exit: 300, enter: 0 }, children: _jsx("div", { ref: nodeRef, tabIndex: -1, className: cls, onClick: clickCallback, style: { zIndex, ...style }, children: children }) }) }));
+};
+Overlay.displayName = 'Overlay';
+export default Overlay;
+//# sourceMappingURL=index.js.map

package/es/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/overlay/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAe,EAAE;IACnD,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,IAAI,EACpB,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,SAAS,EAChB,aAAa,EACb,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,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,GAAG,SAAS,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IACjG,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACpC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,MAAM,cACL,KAAC,aAAa,IACZ,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,MAAM,EACV,YAAY,EAAE,IAAI,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,GAAG,SAAS,OAAO,EAC/B,OAAO,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,YAChC,cAAK,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,YACjG,QAAQ,GACL,GACQ,GACT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,eAAe,OAAO,CAAC"}

package/es/overlay/style/_index.scss

@@ -0,0 +1,51 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transition: opacity 300ms;
+  opacity: 0;
+
+  &_default {
+    background-color: var(--ty-color-overlay-bg);
+  }
+
+  &_blurred {
+    backdrop-filter: blur(3px);
+  }
+
+  &_inverted {
+    background-color: var(--ty-color-overlay-inverted);
+  }
+
+  &_none {
+  }
+
+  &_fade {
+    &-enter {
+      opacity: 0;
+    }
+
+    &-enter-done {
+      opacity: 1;
+    }
+
+    &-exit {
+      opacity: 1;
+    }
+
+    &-exit-active {
+      opacity: 0;
+    }
+
+    &-exit-done {
+      opacity: 0;
+      display: none;
+    }
+  }
+}

package/es/overlay/style/css.js

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

package/es/overlay/style/index.js

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

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

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

package/es/overlay/types.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BaseProps } from '../_utils/props';
+export type OverlayMaskType = 'default' | 'inverted' | 'none';
+export interface OverlayProps extends BaseProps {
+    isShow?: boolean;
+    blurred?: boolean;
+    unmountOnExit?: boolean;
+    clickCallback?: (e: React.MouseEvent) => void;
+    zIndex?: number;
+    onEnter?: () => void;
+    onExit?: () => void;
+    onEntered?: () => void;
+    onExited?: () => void;
+    type?: OverlayMaskType;
+    children?: React.ReactNode;
+}

package/es/overlay/types.js

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

package/es/overlay/types.js.map

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

package/es/pagination/index.d.ts

@@ -0,0 +1,3 @@
+import { PaginationProps } from './types';
+declare const Pagination: (props: PaginationProps) => JSX.Element;
+export default Pagination;