tiny-ui 0.0.94 → 1.0.0

package/lib/modal/index.js

@@ -1,44 +1,89 @@
-import { __assign } from "tslib";
-import React, { useContext, 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';
-var Modal = function (props) {
-    var _a;
-    var _b = props.visible, visible = _b === void 0 ? false : _b, _c = props.width, width = _c === void 0 ? 520 : _c, _d = props.centered, centered = _d === void 0 ? false : _d, _e = props.closable, closable = _e === void 0 ? true : _e, _f = props.unmountOnClose, unmountOnClose = _f === void 0 ? true : _f, _g = props.maskType, maskType = _g === void 0 ? 'default' : _g, _h = props.maskClosable, maskClosable = _h === void 0 ? true : _h, _j = props.confirmText, confirmText = _j === void 0 ? 'OK' : _j, _k = props.cancelText, cancelText = _k === void 0 ? 'Cancel' : _k, _l = props.confirmLoading, confirmLoading = _l === void 0 ? false : _l, _m = props.animation, animation = _m === void 0 ? 'slide' : _m, _o = props.zIndex, zIndex = _o === void 0 ? 1000 : _o, onConfirm = props.onConfirm, onCancel = props.onCancel, top = props.top, header = props.header, footer = props.footer, afterClose = props.afterClose, confirmButtonProps = props.confirmButtonProps, cancelButtonProps = props.cancelButtonProps, className = props.className, children = props.children, style = props.style, maskStyle = props.maskStyle, headerStyle = props.headerStyle, bodyStyle = props.bodyStyle, footerStyle = props.footerStyle, customisedCls = props.prefixCls;
-    var _p = useState(visible), modalVisible = _p[0], setModalVisible = _p[1];
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('modal', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className, (_a = {}, _a[prefixCls + "_centered"] = centered, _a));
-    var renderFooter = function () {
-        if (React.isValidElement(footer)) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_transition_group_1 = require("react-transition-group");
+const overlay_1 = tslib_1.__importDefault(require("../overlay"));
+const button_1 = tslib_1.__importDefault(require("../button/button"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const use_locale_1 = require("../_utils/use-locale");
+const modal_context_1 = require("./modal-context");
+const Modal = react_1.default.forwardRef((props, ref) => {
+    const locale = (0, use_locale_1.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] = (0, react_1.useState)(visible);
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('modal', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className, { [`${prefixCls}_centered`]: centered });
+    const nodeRef = (0, react_1.useRef)(null);
+    const previousFocusRef = (0, react_1.useRef)(null);
+    const titleId = (0, react_1.useId)();
+    // Focus trap + Escape key
+    (0, react_1.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_1.default.isValidElement(footer)) {
             return footer;
         }
         else if (footer === null) {
             return null;
         }
         else {
-            return (React.createElement("div", { className: prefixCls + "__footer", style: footerStyle },
-                React.createElement(Button, __assign({ onClick: onCancel, className: prefixCls + "__footer-btn" }, cancelButtonProps), cancelText),
-                React.createElement(Button, __assign({ loading: confirmLoading, onClick: onConfirm, btnType: "primary", className: prefixCls + "__footer-btn" }, confirmButtonProps), confirmText)));
+            return ((0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__footer`, style: footerStyle, children: [(0, jsx_runtime_1.jsx)(button_1.default, { onClick: onCancel, className: `${prefixCls}__footer-btn`, ...cancelButtonProps, children: cancelText }), (0, jsx_runtime_1.jsx)(button_1.default, { loading: confirmLoading, onClick: onConfirm, btnType: "primary", className: `${prefixCls}__footer-btn`, ...confirmButtonProps, children: confirmText })] }));
         }
     };
-    return (React.createElement(Overlay, { onEnter: function () { return setModalVisible(true); }, onExit: function () { return setModalVisible(false); }, zIndex: zIndex, type: maskType, unmountOnExit: unmountOnClose, isShow: visible, onExited: afterClose, clickCallback: function (e) {
+    return ((0, jsx_runtime_1.jsx)(overlay_1.default, { 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 },
-        React.createElement("div", { className: cls, style: { top: top } },
-            React.createElement("div", { style: __assign({ width: width }, style) },
-                React.createElement(CSSTransition, { appear: true, in: modalVisible, classNames: prefixCls + "__content_" + animation, timeout: 0 },
-                    React.createElement("div", { className: prefixCls + "__content", onClick: function (e) { return e.stopPropagation(); } },
-                        closable && (React.createElement("div", { role: "button", className: prefixCls + "__close-btn", onClick: onCancel }, "\u2715")),
-                        header && (React.createElement("div", { className: prefixCls + "__header", style: headerStyle },
-                            React.createElement("div", { className: prefixCls + "__title" }, header))),
-                        React.createElement("div", { className: prefixCls + "__body", style: bodyStyle }, children),
-                        renderFooter()))))));
-};
+        }, style: maskStyle, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, className: cls, style: { top }, children: (0, jsx_runtime_1.jsx)("div", { style: { width, ...style }, children: (0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { appear: true, nodeRef: nodeRef, in: modalVisible, classNames: `${prefixCls}__content_${animation}`, timeout: 0, children: (0, jsx_runtime_1.jsxs)("div", { ref: nodeRef, className: `${prefixCls}__content`, role: "dialog", "aria-modal": "true", "aria-labelledby": header ? titleId : undefined, onClick: (e) => e.stopPropagation(), children: [closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: onCancel, "aria-label": "Close", children: "\u2715" })), header && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__header`, style: headerStyle, children: (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__title`, id: titleId, children: header }) })), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__body`, style: bodyStyle, children: children }), renderFooter()] }) }) }) }) }));
+});
 Modal.displayName = 'Modal';
-export default Modal;
+const ModalWithContext = Modal;
+ModalWithContext.Provider = modal_context_1.ModalProvider;
+ModalWithContext.useModal = modal_context_1.useModal;
+exports.default = ModalWithContext;
 //# sourceMappingURL=index.js.map

package/lib/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/modal/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/modal/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAA8E;AAC9E,oEAAoC;AACpC,mEAAuD;AACvD,iEAAiC;AACjC,sEAAsC;AACtC,sEAAkE;AAClE,+CAAiD;AACjD,qDAAiD;AAEjD,mDAA0D;AAG1D,MAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxE,MAAM,MAAM,GAAG,IAAA,sBAAS,GAAE,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,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAChF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtF,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,0BAA0B;IAC1B,IAAA,iBAAS,EAAC,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,eAAK,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,iCAAK,SAAS,EAAE,GAAG,SAAS,UAAU,EAAE,KAAK,EAAE,WAAW,aACxD,uBAAC,gBAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,cAAc,KAAM,iBAAiB,YACpF,UAAU,GACJ,EACT,uBAAC,gBAAM,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,uBAAC,iBAAO,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,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,YAC3C,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,YAC7B,uBAAC,sCAAa,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,iCACE,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,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,SAAS,aAAa,EAAE,OAAO,EAAE,QAAQ,gBAAa,OAAO,uBAExF,CACV,EACA,MAAM,IAAI,CACT,gCAAK,SAAS,EAAE,GAAG,SAAS,UAAU,EAAE,KAAK,EAAE,WAAW,YACxD,gCAAK,SAAS,EAAE,GAAG,SAAS,SAAS,EAAE,EAAE,EAAE,OAAO,YAAG,MAAM,GAAO,GAC9D,CACP,EACD,gCAAK,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,6BAAa,CAAC;AAC1C,gBAAgB,CAAC,QAAQ,GAAG,wBAAQ,CAAC;AAErC,kBAAe,gBAAgB,CAAC"}

package/lib/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/lib/modal/modal-context.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalProvider = ModalProvider;
+exports.useModal = useModal;
+exports.modalReducer = modalReducer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("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 = (0, react_1.createContext)(null);
+function ModalProvider({ modals: controlledModals, dispatch: controlledDispatch, children }) {
+    const [internalModals, internalDispatch] = (0, react_1.useReducer)(modalReducer, {});
+    const modals = controlledModals ?? internalModals;
+    const dispatch = controlledDispatch ?? internalDispatch;
+    const value = (0, react_1.useMemo)(() => ({ modals, dispatch }), [modals, dispatch]);
+    return (0, jsx_runtime_1.jsx)(ModalContext.Provider, { value: value, children: children });
+}
+function useModal(id) {
+    const ctx = (0, react_1.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 = (0, react_1.useCallback)(() => dispatch({ type: 'SHOW', id }), [dispatch, id]);
+    const close = (0, react_1.useCallback)(() => dispatch({ type: 'HIDE', id }), [dispatch, id]);
+    const toggle = (0, react_1.useCallback)(() => dispatch({ type: 'TOGGLE', id }), [dispatch, id]);
+    return (0, react_1.useMemo)(() => ({ visible, show, close, toggle }), [visible, show, close, toggle]);
+}
+//# sourceMappingURL=modal-context.js.map

package/lib/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/lib/modal/style/_index.scss

@@ -1,4 +1,4 @@
-@import '../../style/variables';
+@use '../../style/variables' as *;
 
 .#{$prefix}-modal {
   position: relative;
@@ -10,12 +10,12 @@
 
   &__content {
     box-sizing: border-box;
-    background-color: #fff;
+    background-color: var(--ty-modal-bg);
     position: relative;
     background-clip: padding-box;
     border: 0;
     border-radius: 4px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    box-shadow: var(--ty-shadow-modal);
     transition: all 300ms;
 
     &_slide {
@@ -58,15 +58,15 @@
   &__header {
     box-sizing: border-box;
     padding: 16px 24px;
-    color: rgba(0, 0, 0, 0.65);
-    background: #fff;
-    border-bottom: 1px solid #e8e8e8;
+    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: rgba(0, 0, 0, 0.85);
+    color: var(--ty-color-text);
     font-weight: 500;
     font-size: 16px;
     line-height: 22px;
@@ -74,7 +74,7 @@
 
   &__close-btn {
     cursor: pointer;
-    color: rgba(0, 0, 0, 0.45);
+    color: var(--ty-color-text-tertiary);
     width: 56px;
     height: 56px;
     line-height: 56px;
@@ -82,6 +82,10 @@
     top: 0;
     right: 0;
     text-align: center;
+    background: none;
+    border: none;
+    padding: 0;
+    font-size: inherit;
   }
 
   &__body {
@@ -96,7 +100,7 @@
     box-sizing: border-box;
     padding: 12px 16px;
     text-align: right;
-    border-top: 1px solid #e8e8e8;
+    border-top: 1px solid var(--ty-modal-footer-border);
     border-radius: 0 0 4px 4px;
   }
 

package/lib/modal/style/css.js

@@ -1,4 +1,7 @@
-import './index.css';
-import '../../overlay/style/index.css';
-import '../../button/style/index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
+// style dependencies
+require("../../overlay/style/index.css");
+require("../../button/style/index.css");
 //# sourceMappingURL=index.js.map

package/lib/modal/style/index.js

@@ -1,4 +1,7 @@
-import './index.scss';
-import '../../overlay/style/index.scss';
-import '../../button/style/index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
+// style dependencies
+require("../../overlay/style/index.scss");
+require("../../button/style/index.scss");
 //# sourceMappingURL=index.js.map

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

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

package/lib/modal/types.d.ts

@@ -2,7 +2,7 @@ import React, { CSSProperties, ReactNode } from 'react';
 import { BaseProps } from '../_utils/props';
 import { OverlayMaskType } from '../overlay/types';
 import { ButtonProps } from '../button/types';
-export declare type ModalAnimation = 'slide' | 'scale';
+export type ModalAnimation = 'slide' | 'scale';
 export interface ModalProps extends BaseProps {
     visible?: boolean;
     header?: ReactNode;
@@ -17,6 +17,7 @@ export interface ModalProps extends BaseProps {
     confirmLoading?: boolean;
     onConfirm?: (e: React.MouseEvent) => void;
     onCancel?: (e: React.MouseEvent) => void;
+    onClose?: (e: React.MouseEvent) => void;
     confirmText?: string;
     cancelText?: string;
     confirmButtonProps?: ButtonProps;

package/lib/modal/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

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

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

package/lib/native-select/index.js

@@ -1,8 +1,11 @@
-import NativeSelect from './native-select';
-import NativeOption from './native-option';
-import NativeOptGroup from './native-opt-group';
-var DefaultSelect = NativeSelect;
-DefaultSelect.Option = NativeOption;
-DefaultSelect.OptGroup = NativeOptGroup;
-export default DefaultSelect;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const native_select_1 = tslib_1.__importDefault(require("./native-select"));
+const native_option_1 = tslib_1.__importDefault(require("./native-option"));
+const native_opt_group_1 = tslib_1.__importDefault(require("./native-opt-group"));
+const DefaultSelect = native_select_1.default;
+DefaultSelect.Option = native_option_1.default;
+DefaultSelect.OptGroup = native_opt_group_1.default;
+exports.default = DefaultSelect;
 //# sourceMappingURL=index.js.map

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

@@ -1 +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,IAAM,aAAa,GAAG,YAAuB,CAAC;AAC9C,aAAa,CAAC,MAAM,GAAG,YAAY,CAAC;AACpC,aAAa,CAAC,QAAQ,GAAG,cAAc,CAAC;AAExC,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/native-select/index.tsx"],"names":[],"mappings":";;;AAAA,4EAA2C;AAC3C,4EAA2C;AAC3C,kFAAgD;AAOhD,MAAM,aAAa,GAAG,uBAAuB,CAAC;AAC9C,aAAa,CAAC,MAAM,GAAG,uBAAY,CAAC;AACpC,aAAa,CAAC,QAAQ,GAAG,0BAAc,CAAC;AAExC,kBAAe,aAAa,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const NativeOptGroup: React.ForwardRefExoticComponent<Pick<Pick<React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "disabled"> & {
-    ref?: ((instance: HTMLOptGroupElement | null) => void) | React.RefObject<HTMLOptGroupElement> | null | undefined;
-}, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "disabled"> & React.RefAttributes<HTMLOptGroupElement>>;
+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/lib/native-select/native-opt-group.js

@@ -1,8 +1,11 @@
-import { __assign } from "tslib";
-import React from 'react';
-var NativeOptGroup = React.forwardRef(function (props, ref) {
-    return (React.createElement("optgroup", __assign({ ref: ref }, props), props.children));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const NativeOptGroup = react_1.default.forwardRef((props, ref) => {
+    return ((0, jsx_runtime_1.jsx)("optgroup", { ref: ref, ...props, children: props.children }));
 });
 NativeOptGroup.displayName = 'NativeSelectOptGroup';
-export default NativeOptGroup;
+exports.default = NativeOptGroup;
 //# sourceMappingURL=native-opt-group.js.map

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

@@ -1 +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,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,UAAC,KAA6B,EAAE,GAAG;IACjC,OAAO,CACL,2CAAU,GAAG,EAAE,GAAG,IAAM,KAAK,GAC1B,KAAK,CAAC,QAAQ,CACN,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAEpD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"native-opt-group.js","sourceRoot":"","sources":["../../components/native-select/native-opt-group.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAG1B,MAAM,cAAc,GAAG,eAAK,CAAC,UAAU,CACrC,CAAC,KAA6B,EAAE,GAAG,EAAsB,EAAE;IACzD,OAAO,CACL,qCAAU,GAAG,EAAE,GAAG,KAAM,KAAK,YAC1B,KAAK,CAAC,QAAQ,GACN,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAEpD,kBAAe,cAAc,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const NativeOption: React.ForwardRefExoticComponent<Pick<Pick<React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "value" | "disabled" | "selected"> & {
-    ref?: ((instance: HTMLOptionElement | null) => void) | React.RefObject<HTMLOptionElement> | null | undefined;
-}, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "value" | "disabled" | "selected"> & React.RefAttributes<HTMLOptionElement>>;
+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/lib/native-select/native-option.js

@@ -1,8 +1,11 @@
-import { __assign } from "tslib";
-import React from 'react';
-var NativeOption = React.forwardRef(function (props, ref) {
-    return React.createElement("option", __assign({ ref: ref }, props));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const NativeOption = react_1.default.forwardRef((props, ref) => {
+    return (0, jsx_runtime_1.jsx)("option", { ref: ref, ...props });
 });
 NativeOption.displayName = 'NativeOption';
-export default NativeOption;
+exports.default = NativeOption;
 //# sourceMappingURL=native-option.js.map

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

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

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { NativeSelectProps } from './types';
-declare const NativeSelect: React.ForwardRefExoticComponent<Pick<NativeSelectProps, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "form" | "prefixCls" | "value" | "multiple" | "disabled" | "autoComplete" | "autoFocus" | "name" | "required"> & React.RefAttributes<HTMLSelectElement>>;
+declare const NativeSelect: React.ForwardRefExoticComponent<Omit<NativeSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
 export default NativeSelect;