tiny-ui 1.0.3 → 1.0.4

package/es/modal/modal.js

@@ -1,82 +1,149 @@
-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, Flex } from '..';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { useLocale } from '../_utils/use-locale';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import Button from "../button/button.js";
+import { useLocale } from "../_utils/use-locale.js";
+import overlay_default from "../overlay/index.js";
+import Flex from "../flex/flex.js";
+import React, { useContext, useEffect, useId, useRef, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CSSTransition } from "react-transition-group";
+//#region components/modal/modal.tsx
 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(Flex, { gap: "sm", justify: 'end', 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()] }) }) }) }) }));
+	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 = 1e3, 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 prefixCls = getPrefixCls("modal", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, { [`${prefixCls}_centered`]: centered });
+	const nodeRef = useRef(null);
+	const previousFocusRef = useRef(null);
+	const titleId = useId();
+	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);
+		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 /* @__PURE__ */ jsxs(Flex, {
+			gap: "sm",
+			justify: "end",
+			className: `${prefixCls}__footer`,
+			style: footerStyle,
+			children: [/* @__PURE__ */ jsx(Button, {
+				onClick: onCancel,
+				className: `${prefixCls}__footer-btn`,
+				...cancelButtonProps,
+				children: cancelText
+			}), /* @__PURE__ */ jsx(Button, {
+				loading: confirmLoading,
+				onClick: onConfirm,
+				btnType: "primary",
+				className: `${prefixCls}__footer-btn`,
+				...confirmButtonProps,
+				children: confirmText
+			})]
+		});
+	};
+	return /* @__PURE__ */ jsx(overlay_default, {
+		onEnter: () => setModalVisible(true),
+		onExit: () => setModalVisible(false),
+		zIndex,
+		type: maskType,
+		unmountOnExit: unmountOnClose,
+		isShow: visible,
+		onExited: afterClose,
+		clickCallback: (e) => {
+			maskClosable && onCancel && onCancel(e);
+		},
+		style: maskStyle,
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			className: cls,
+			style: { top },
+			children: /* @__PURE__ */ jsx("div", {
+				style: {
+					width,
+					...style
+				},
+				children: /* @__PURE__ */ jsx(CSSTransition, {
+					appear: true,
+					nodeRef,
+					in: modalVisible,
+					classNames: `${prefixCls}__content_${animation}`,
+					timeout: 0,
+					children: /* @__PURE__ */ jsxs("div", {
+						ref: nodeRef,
+						className: `${prefixCls}__content`,
+						role: "dialog",
+						"aria-modal": "true",
+						"aria-labelledby": header ? titleId : void 0,
+						onClick: (e) => e.stopPropagation(),
+						children: [
+							closable && /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: `${prefixCls}__close-btn`,
+								onClick: onCancel,
+								"aria-label": "Close",
+								children: "✕"
+							}),
+							header && /* @__PURE__ */ jsx("div", {
+								className: `${prefixCls}__header`,
+								style: headerStyle,
+								children: /* @__PURE__ */ jsx("div", {
+									className: `${prefixCls}__title`,
+									id: titleId,
+									children: header
+								})
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: `${prefixCls}__body`,
+								style: bodyStyle,
+								children
+							}),
+							renderFooter()
+						]
+					})
+				})
+			})
+		})
+	});
 });
-Modal.displayName = 'Modal';
-export default Modal;
+Modal.displayName = "Modal";
+//#endregion
+export { Modal as default };
+
 //# sourceMappingURL=modal.js.map

package/es/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../components/modal/modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"modal.js","names":["Overlay"],"sources":["../../components/modal/modal.tsx"],"sourcesContent":["import React, { useContext, useEffect, useId, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport Overlay from '../overlay';\nimport Button from '../button/button';\nimport Flex from '../flex/flex';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useLocale } from '../_utils/use-locale';\nimport { ModalProps } from './types';\n\nconst Modal = React.forwardRef<HTMLDivElement, ModalProps>((props, ref) => {\n  const locale = useLocale();\n  const {\n    visible = false,\n    width = 520,\n    centered = false,\n    closable = true,\n    unmountOnClose = true,\n    maskType = 'default',\n    maskClosable = true,\n    confirmText = locale.Modal.okText,\n    cancelText = locale.Modal.cancelText,\n    confirmLoading = false,\n    animation = 'slide',\n    zIndex = 1000,\n    onConfirm,\n    onCancel: onCancelProp,\n    onClose: onCloseProp,\n    top,\n    header,\n    footer,\n    afterClose,\n    confirmButtonProps,\n    cancelButtonProps,\n    className,\n    children,\n    style,\n    maskStyle,\n    headerStyle,\n    bodyStyle,\n    footerStyle,\n    prefixCls: customisedCls,\n  } = props;\n  const onCancel = onCloseProp ?? onCancelProp;\n  const [modalVisible, setModalVisible] = useState(visible);\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('modal', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, { [`${prefixCls}_centered`]: centered });\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const previousFocusRef = useRef<HTMLElement | null>(null);\n  const titleId = useId();\n\n  // Focus trap + Escape key\n  useEffect(() => {\n    if (!visible) return;\n    previousFocusRef.current = document.activeElement as HTMLElement;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onCancel?.(e as unknown as React.MouseEvent);\n        return;\n      }\n      if (e.key === 'Tab' && nodeRef.current) {\n        const focusable = nodeRef.current.querySelectorAll<HTMLElement>(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (focusable.length === 0) return;\n        const first = focusable[0];\n        const last = focusable[focusable.length - 1];\n        if (e.shiftKey) {\n          if (document.activeElement === first) { e.preventDefault(); last.focus(); }\n        } else {\n          if (document.activeElement === last) { e.preventDefault(); first.focus(); }\n        }\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown);\n\n    // Focus first focusable element\n    requestAnimationFrame(() => {\n      if (nodeRef.current) {\n        const focusable = nodeRef.current.querySelectorAll<HTMLElement>(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (focusable.length > 0) focusable[0].focus();\n      }\n    });\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      previousFocusRef.current?.focus();\n    };\n  }, [visible, onCancel]);\n\n  const renderFooter = (): React.ReactNode => {\n    if (React.isValidElement(footer)) {\n      return footer;\n    } else if (footer === null) {\n      return null;\n    } else {\n      return (\n        <Flex gap=\"sm\" justify='end' className={`${prefixCls}__footer`} style={footerStyle}>\n          <Button onClick={onCancel} className={`${prefixCls}__footer-btn`} {...cancelButtonProps}>\n            {cancelText}\n          </Button>\n          <Button\n            loading={confirmLoading}\n            onClick={onConfirm}\n            btnType=\"primary\"\n            className={`${prefixCls}__footer-btn`}\n            {...confirmButtonProps}>\n            {confirmText}\n          </Button>\n        </Flex>\n      );\n    }\n  };\n\n  return (\n    <Overlay\n      onEnter={(): void => setModalVisible(true)}\n      onExit={(): void => setModalVisible(false)}\n      zIndex={zIndex}\n      type={maskType}\n      unmountOnExit={unmountOnClose}\n      isShow={visible}\n      onExited={afterClose}\n      clickCallback={(e: React.MouseEvent): void => {\n        maskClosable && onCancel ? onCancel(e) : undefined;\n      }}\n      style={maskStyle}>\n      <div ref={ref} className={cls} style={{ top }}>\n        <div style={{ width, ...style }}>\n          <CSSTransition\n            appear={true}\n            nodeRef={nodeRef}\n            in={modalVisible}\n            classNames={`${prefixCls}__content_${animation}`}\n            timeout={0}>\n            <div\n              ref={nodeRef}\n              className={`${prefixCls}__content`}\n              role=\"dialog\"\n              aria-modal=\"true\"\n              aria-labelledby={header ? titleId : undefined}\n              onClick={(e): void => e.stopPropagation()}>\n              {closable && (\n                <button type=\"button\" className={`${prefixCls}__close-btn`} onClick={onCancel} aria-label=\"Close\">\n                  ✕\n                </button>\n              )}\n              {header && (\n                <div className={`${prefixCls}__header`} style={headerStyle}>\n                  <div className={`${prefixCls}__title`} id={titleId}>{header}</div>\n                </div>\n              )}\n              <div className={`${prefixCls}__body`} style={bodyStyle}>\n                {children}\n              </div>\n              {renderFooter()}\n            </div>\n          </CSSTransition>\n        </div>\n      </div>\n    </Overlay>\n  );\n});\n\nModal.displayName = 'Modal';\n\nexport default Modal;\n"],"mappings":"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"}

package/es/modal/style/index.css

@@ -0,0 +1,94 @@
+.ty-modal {
+  position: relative;
+  box-sizing: border-box;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  top: 100px;
+}
+.ty-modal__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;
+}
+.ty-modal__content_slide-enter {
+  transform: translateY(-20px);
+  transition: none;
+}
+.ty-modal__content_slide-enter-done {
+  transform: translateY(0);
+}
+.ty-modal__content_slide-exit {
+  transform: translateY(0);
+}
+.ty-modal__content_slide-exit-done {
+  transform: translateY(-20px);
+}
+.ty-modal__content_scale-enter {
+  transform: scale(0);
+  transition: none;
+}
+.ty-modal__content_scale-enter-done {
+  transform: scale(1);
+}
+.ty-modal__content_scale-exit {
+  transform: scale(1);
+}
+.ty-modal__content_scale-exit-done {
+  transform: scale(0);
+}
+.ty-modal__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;
+}
+.ty-modal__title {
+  margin: 0;
+  color: var(--ty-color-text);
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 22px;
+}
+.ty-modal__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;
+}
+.ty-modal__body {
+  box-sizing: border-box;
+  padding: 24px;
+  font-size: 14px;
+  line-height: 1.5;
+  word-wrap: break-word;
+}
+.ty-modal__footer {
+  box-sizing: border-box;
+  padding: 12px 16px;
+  border-top: 1px solid var(--ty-modal-footer-border);
+  border-radius: 0 0 4px 4px;
+}
+.ty-modal__footer-btn {
+  margin-bottom: 0;
+}
+.ty-modal_centered {
+  align-items: center;
+  top: 0;
+}

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

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

package/es/modal/style/index.js

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

package/es/modal/types.d.ts

@@ -1,33 +1,38 @@
-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;
+import { BaseProps } from "../_utils/props.js";
+import { ButtonProps } from "../button/types.js";
+import { OverlayMaskType } from "../overlay/types.js";
+import React, { CSSProperties, ReactNode } from "react";
+
+//#region components/modal/types.d.ts
+type ModalAnimation = 'slide' | 'scale';
+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;
 }
+//#endregion
+export { ModalProps };
+//# sourceMappingURL=types.d.ts.map

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

@@ -1,9 +1,13 @@
-import NativeSelect from './native-select';
-import NativeOption from './native-option';
-import NativeOptGroup from './native-opt-group';
+import { NativeSelect } from "./native-select.js";
+import { NativeOption } from "./native-option.js";
+import { NativeOptGroup } from "./native-opt-group.js";
+
+//#region components/native-select/index.d.ts
 type ISelect = typeof NativeSelect & {
-    Option: typeof NativeOption;
-    OptGroup: typeof NativeOptGroup;
+  Option: typeof NativeOption;
+  OptGroup: typeof NativeOptGroup;
 };
 declare const DefaultSelect: ISelect;
-export default DefaultSelect;
+//#endregion
+export { DefaultSelect };
+//# sourceMappingURL=index.d.ts.map

package/es/native-select/index.js

@@ -1,8 +1,13 @@
-import NativeSelect from './native-select';
-import NativeOption from './native-option';
-import NativeOptGroup from './native-opt-group';
+import '../style/base.css';
+import './style/index.css';
+import NativeSelect from "./native-select.js";
+import NativeOption from "./native-option.js";
+import NativeOptGroup from "./native-opt-group.js";
+//#region components/native-select/index.tsx
 const DefaultSelect = NativeSelect;
 DefaultSelect.Option = NativeOption;
 DefaultSelect.OptGroup = NativeOptGroup;
-export default DefaultSelect;
+//#endregion
+export { DefaultSelect as default };
+
 //# sourceMappingURL=index.js.map

package/es/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,MAAM,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","names":[],"sources":["../../components/native-select/index.tsx"],"sourcesContent":["import NativeSelect from './native-select';\nimport NativeOption from './native-option';\nimport NativeOptGroup from './native-opt-group';\n\ntype ISelect = typeof NativeSelect & {\n  Option: typeof NativeOption;\n  OptGroup: typeof NativeOptGroup;\n};\n\nconst DefaultSelect = NativeSelect as ISelect;\nDefaultSelect.Option = NativeOption;\nDefaultSelect.OptGroup = NativeOptGroup;\n\nexport default DefaultSelect;\n"],"mappings":";;;;AASA,MAAM,gBAAgB;AACtB,cAAc,SAAS;AACvB,cAAc,WAAW"}

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

@@ -1,5 +1,9 @@
-import React from 'react';
+import React from "react";
+
+//#region components/native-select/native-opt-group.d.ts
 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?: ((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;
+//#endregion
+export { NativeOptGroup };
+//# sourceMappingURL=native-opt-group.d.ts.map

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

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

package/es/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,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"}
+{"version":3,"file":"native-opt-group.js","names":[],"sources":["../../components/native-select/native-opt-group.tsx"],"sourcesContent":["import React from 'react';\nimport { NativeSelectGroupProps } from './types';\n\nconst NativeOptGroup = React.forwardRef<HTMLOptGroupElement, NativeSelectGroupProps>(\n  (props: NativeSelectGroupProps, ref): React.ReactElement => {\n    return (\n      <optgroup ref={ref} {...props}>\n        {props.children}\n      </optgroup>\n    );\n  }\n);\n\nNativeOptGroup.displayName = 'NativeSelectOptGroup';\n\nexport default NativeOptGroup;\n"],"mappings":";;;AAGA,MAAM,iBAAiB,MAAM,YAC1B,OAA+B,QAA4B;AAC1D,QACE,oBAAC,YAAD;EAAe;EAAK,GAAI;YACrB,MAAM;EACE,CAAA;EAGhB;AAED,eAAe,cAAc"}

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

@@ -1,5 +1,9 @@
-import React from 'react';
+import React from "react";
+
+//#region components/native-select/native-option.d.ts
 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?: ((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;
+//#endregion
+export { NativeOption };
+//# sourceMappingURL=native-option.d.ts.map

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

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

package/es/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,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"}
+{"version":3,"file":"native-option.js","names":[],"sources":["../../components/native-select/native-option.tsx"],"sourcesContent":["import React from 'react';\nimport { NativeSelectOptionProps } from './types';\n\nconst NativeOption = React.forwardRef<HTMLOptionElement, NativeSelectOptionProps>(\n  (props: NativeSelectOptionProps, ref): React.ReactElement => {\n    return <option ref={ref} {...props} />;\n  }\n);\n\nNativeOption.displayName = 'NativeOption';\n\nexport default NativeOption;\n"],"mappings":";;;AAGA,MAAM,eAAe,MAAM,YACxB,OAAgC,QAA4B;AAC3D,QAAO,oBAAC,UAAD;EAAa;EAAK,GAAI;EAAS,CAAA;EAEzC;AAED,aAAa,cAAc"}

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

@@ -1,4 +1,8 @@
-import React from 'react';
-import { NativeSelectProps } from './types';
+import { NativeSelectProps } from "./types.js";
+import React from "react";
+
+//#region components/native-select/native-select.d.ts
 declare const NativeSelect: React.ForwardRefExoticComponent<Omit<NativeSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
-export default NativeSelect;
+//#endregion
+export { NativeSelect };
+//# sourceMappingURL=native-select.d.ts.map