tiny-ui 1.0.3 → 1.0.4

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

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

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

@@ -1 +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"}
+{"version":3,"file":"native-select.js","names":[],"sources":["../../components/native-select/native-select.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { NativeSelectGroupProps, NativeSelectOptionProps, NativeSelectProps } from './types';\n\nconst NativeSelect = React.forwardRef<HTMLSelectElement, NativeSelectProps>(\n  (props: NativeSelectProps, ref) => {\n    const {\n      size = 'md',\n      disabled = false,\n      className,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('select-native', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className, {\n      [`${prefixCls}_${size}`]: size,\n      [`${prefixCls}_disabled`]: disabled,\n    });\n\n    return (\n      <select ref={ref} {...otherProps} className={cls}>\n        {React.Children.map(children, (child: React.ReactElement) => {\n          const childProps: Partial<NativeSelectOptionProps | NativeSelectGroupProps> = {\n            disabled,\n          };\n          return React.cloneElement(child, childProps);\n        })}\n      </select>\n    );\n  }\n);\n\nNativeSelect.displayName = 'NativeSelect';\n\nexport default NativeSelect;\n"],"mappings":";;;;;;AAMA,MAAM,eAAe,MAAM,YACxB,OAA0B,QAAQ;CACjC,MAAM,EACJ,OAAO,MACP,WAAW,OACX,WACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAY,aAAa,iBADT,WAAW,cAAc,CACe,WAAW,cAAc;CACvF,MAAM,MAAM,WAAW,WAAW,WAAW;GAC1C,GAAG,UAAU,GAAG,SAAS;GACzB,GAAG,UAAU,aAAa;EAC5B,CAAC;AAEF,QACE,oBAAC,UAAD;EAAa;EAAK,GAAI;EAAY,WAAW;YAC1C,MAAM,SAAS,IAAI,WAAW,UAA8B;GAC3D,MAAM,aAAwE,EAC5E,UACD;AACD,UAAO,MAAM,aAAa,OAAO,WAAW;IAC5C;EACK,CAAA;EAGd;AAED,aAAa,cAAc"}

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

@@ -0,0 +1,55 @@
+.ty-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: 2px;
+  background-color: var(--ty-native-select-bg);
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==");
+  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;
+}
+.ty-select-native:hover {
+  border-color: var(--ty-color-primary);
+}
+.ty-select-native:focus {
+  border-color: var(--ty-input-focus-border);
+  box-shadow: var(--ty-input-focus-shadow);
+}
+.ty-select-native_disabled {
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==");
+  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;
+}
+.ty-select-native_disabled:hover {
+  border-color: transparent;
+}
+.ty-select-native_disabled:focus {
+  border-color: transparent;
+  box-shadow: none;
+}
+.ty-select-native_sm {
+  padding: 3px 25px 3px 7px;
+  font-size: 0.875rem;
+}
+.ty-select-native_md {
+  padding: 6px 25px 6px 7px;
+  font-size: 1rem;
+}
+.ty-select-native_lg {
+  padding: 9px 25px 9px 7px;
+  font-size: 1.25rem;
+}

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

@@ -1 +1 @@
-import './index.scss';
+export { };

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

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

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

@@ -1,8 +1,13 @@
-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>;
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region components/native-select/types.d.ts
+type NativeSelectGroupProps = React.PropsWithRef<JSX.IntrinsicElements['optgroup']>;
+type NativeSelectOptionProps = React.PropsWithRef<JSX.IntrinsicElements['option']>;
+interface NativeSelectProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['select']>, 'size'> {
+  size?: SizeType;
+  children: React.ReactElement<NativeSelectGroupProps | NativeSelectOptionProps>;
 }
+//#endregion
+export { NativeSelectProps };
+//# sourceMappingURL=types.d.ts.map

package/es/notification/index.js

@@ -1,3 +1,9 @@
-import notificationContainer from './notification-container';
-export default notificationContainer;
+import '../style/base.css';
+import './style/index.css';
+import notificationContainer from "./notification-container.js";
+//#region components/notification/index.tsx
+var notification_default = notificationContainer;
+//#endregion
+export { notification_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/notification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAE7D,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/notification/index.tsx"],"sourcesContent":["import notificationContainer from './notification-container';\n\nexport default notificationContainer;\n"],"mappings":";;AAEA,IAAA,uBAAe"}

package/es/notification/notification-container.d.ts

@@ -1,2 +1,5 @@
+//#region components/notification/notification-container.d.ts
 declare const notificationContainer: any;
-export default notificationContainer;
+//#endregion
+export { notificationContainer };
+//# sourceMappingURL=notification-container.d.ts.map

package/es/notification/notification-container.js

@@ -1,74 +1,78 @@
-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();
+import { camelCaseToDash } from "../_utils/general.js";
+import Notification from "./notification.js";
+import React from "react";
+import { createRoot } from "react-dom/client";
+//#region components/notification/notification-container.tsx
+const className = "ty-notification-container";
+const rootMap = /* @__PURE__ */ 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 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 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) => {
+			unmountDom(queryName, div, parseInt(div.style[direction] || "0", 10), 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);
+	createComponent(options, void 0);
 };
 const notificationContainer = {};
-['success', 'error', 'warning', 'info'].forEach((type) => {
-    notificationContainer[type] = (options) => {
-        createComponent(options, type);
-    };
+[
+	"success",
+	"error",
+	"warning",
+	"info"
+].forEach((type) => {
+	notificationContainer[type] = (options) => {
+		createComponent(options, type);
+	};
 });
 notificationContainer.open = open;
 notificationContainer.warn = notificationContainer.warning;
-export default notificationContainer;
+//#endregion
+export { notificationContainer as default };
+
 //# sourceMappingURL=notification-container.js.map

package/es/notification/notification-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-container.js","sourceRoot":"","sources":["../../components/notification/notification-container.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"notification-container.js","names":[],"sources":["../../components/notification/notification-container.tsx"],"sourcesContent":["import React, { ReactNode, MouseEventHandler } from 'react';\nimport { createRoot, Root } from 'react-dom/client';\nimport Notification from './notification';\nimport { camelCaseToDash } from '../_utils/general';\nimport { NotificationProps, NotificationType } from './types';\n\nconst className = 'ty-notification-container';\nconst rootMap = new Map<HTMLElement, Root>();\n\ntype Direction = 'top' | 'bottom';\ntype NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';\ntype Options = {\n  margin?: number;\n  offset?: number;\n  title?: ReactNode;\n  description?: ReactNode;\n  footer?: ReactNode;\n  duration?: number;\n  placement?: NotificationPlacement;\n  onClose?: MouseEventHandler;\n  onClick?: MouseEventHandler;\n  icon?: ReactNode;\n};\ntype UnmountDom = (\n  queryName: string,\n  containerDiv: HTMLElement,\n  position: number,\n  height: number,\n  direction: Direction\n) => void;\n\nlet offset: number;\n\nconst unmountDom: UnmountDom = (queryName, containerDiv, position, height, direction) => {\n  const root = rootMap.get(containerDiv);\n  if (root) {\n    root.unmount();\n    rootMap.delete(containerDiv);\n  }\n  document.body.removeChild(containerDiv);\n  requestAnimationFrame(() => {\n    const containers = document.querySelectorAll(`.${queryName}`);\n    const len = containers.length;\n    for (let i = 0; i < len; i++) {\n      const element = containers[i] as HTMLElement;\n      const elementPosition = parseInt((element as HTMLElement).style[direction] || '0', 10);\n      elementPosition > position &&\n        (element.style[direction] = `${elementPosition - height - offset}px`);\n    }\n  });\n};\n\nconst createComponent = (options: Options, type: NotificationType) => {\n  const placement = options.placement || 'topRight';\n  const queryName = `${className}_${camelCaseToDash(placement)}`;\n  const containers = document.querySelectorAll(`.${queryName}`);\n  const lastContainer =\n    containers.length > 0 ? (containers[containers.length - 1] as HTMLElement) : null;\n\n  const div = document.createElement('div');\n  div.className = `${className} ${queryName}`;\n  document.body.appendChild(div);\n\n  offset = options.offset || 24;\n  const direction: Direction = placement.includes('top') ? 'top' : 'bottom';\n  const position = lastContainer\n    ? parseInt(lastContainer.style[direction] || '0', 10) + lastContainer.offsetHeight + offset\n    : options.margin || 16;\n  div.style[direction] = `${position}px`;\n\n  const props: NotificationProps = {\n    type,\n    title: options.title,\n    description: options.description,\n    footer: options.footer,\n    duration: options.duration,\n    onClose: options.onClose,\n    onClick: options.onClick,\n    icon: options.icon,\n    didMount: () => {\n      placement.includes('Right') ? (div.style.right = `0px`) : (div.style.left = `0px`);\n    },\n    willUnmount: (height) => {\n      const updatedPosition = parseInt(div.style[direction] || '0', 10);\n      unmountDom(queryName, div, updatedPosition, height, direction);\n    },\n  };\n  const element = React.createElement(Notification, props);\n  const root = createRoot(div);\n  rootMap.set(div, root);\n  root.render(element);\n};\n\nconst open = (options: Options) => {\n  createComponent(options, undefined);\n};\n\nconst notificationContainer: any = {};\n\n['success', 'error', 'warning', 'info'].forEach((type) => {\n  notificationContainer[type] = (options: Options) => {\n    createComponent(options, type as NotificationType);\n  };\n});\n\nnotificationContainer.open = open;\nnotificationContainer.warn = notificationContainer.warning;\n\nexport default notificationContainer;\n"],"mappings":";;;;;AAMA,MAAM,YAAY;AAClB,MAAM,0BAAU,IAAI,KAAwB;AAwB5C,IAAI;AAEJ,MAAM,cAA0B,WAAW,cAAc,UAAU,QAAQ,cAAc;CACvF,MAAM,OAAO,QAAQ,IAAI,aAAa;AACtC,KAAI,MAAM;AACR,OAAK,SAAS;AACd,UAAQ,OAAO,aAAa;;AAE9B,UAAS,KAAK,YAAY,aAAa;AACvC,6BAA4B;EAC1B,MAAM,aAAa,SAAS,iBAAiB,IAAI,YAAY;EAC7D,MAAM,MAAM,WAAW;AACvB,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,KAAK;GAC5B,MAAM,UAAU,WAAW;GAC3B,MAAM,kBAAkB,SAAU,QAAwB,MAAM,cAAc,KAAK,GAAG;AACtF,qBAAkB,aACf,QAAQ,MAAM,aAAa,GAAG,kBAAkB,SAAS,OAAO;;GAErE;;AAGJ,MAAM,mBAAmB,SAAkB,SAA2B;CACpE,MAAM,YAAY,QAAQ,aAAa;CACvC,MAAM,YAAY,GAAG,UAAU,GAAG,gBAAgB,UAAU;CAC5D,MAAM,aAAa,SAAS,iBAAiB,IAAI,YAAY;CAC7D,MAAM,gBACJ,WAAW,SAAS,IAAK,WAAW,WAAW,SAAS,KAAqB;CAE/E,MAAM,MAAM,SAAS,cAAc,MAAM;AACzC,KAAI,YAAY,GAAG,UAAU,GAAG;AAChC,UAAS,KAAK,YAAY,IAAI;AAE9B,UAAS,QAAQ,UAAU;CAC3B,MAAM,YAAuB,UAAU,SAAS,MAAM,GAAG,QAAQ;CACjE,MAAM,WAAW,gBACb,SAAS,cAAc,MAAM,cAAc,KAAK,GAAG,GAAG,cAAc,eAAe,SACnF,QAAQ,UAAU;AACtB,KAAI,MAAM,aAAa,GAAG,SAAS;CAEnC,MAAM,QAA2B;EAC/B;EACA,OAAO,QAAQ;EACf,aAAa,QAAQ;EACrB,QAAQ,QAAQ;EAChB,UAAU,QAAQ;EAClB,SAAS,QAAQ;EACjB,SAAS,QAAQ;EACjB,MAAM,QAAQ;EACd,gBAAgB;AACd,aAAU,SAAS,QAAQ,GAAI,IAAI,MAAM,QAAQ,QAAU,IAAI,MAAM,OAAO;;EAE9E,cAAc,WAAW;AAEvB,cAAW,WAAW,KADE,SAAS,IAAI,MAAM,cAAc,KAAK,GAAG,EACrB,QAAQ,UAAU;;EAEjE;CACD,MAAM,UAAU,MAAM,cAAc,cAAc,MAAM;CACxD,MAAM,OAAO,WAAW,IAAI;AAC5B,SAAQ,IAAI,KAAK,KAAK;AACtB,MAAK,OAAO,QAAQ;;AAGtB,MAAM,QAAQ,YAAqB;AACjC,iBAAgB,SAAS,KAAA,EAAU;;AAGrC,MAAM,wBAA6B,EAAE;AAErC;CAAC;CAAW;CAAS;CAAW;CAAO,CAAC,SAAS,SAAS;AACxD,uBAAsB,SAAS,YAAqB;AAClD,kBAAgB,SAAS,KAAyB;;EAEpD;AAEF,sBAAsB,OAAO;AAC7B,sBAAsB,OAAO,sBAAsB"}

package/es/notification/notification.js

@@ -1,52 +1,82 @@
-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';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { CheckCircle, CloseCircle, InfoCircle, WarningCircle } from "../_utils/components.js";
+import React, { useContext, useEffect, useRef } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/notification/notification.tsx
 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" })] })] }));
+	const { duration = 4500, title, description, footer, type, icon, willUnmount, didMount, onClick, onClose, className, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = getPrefixCls("notification", useContext(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 /* @__PURE__ */ jsx(CheckCircle, {
+					size: iconSize,
+					className: `${prefixCls}__icon`
+				});
+				case "info": return /* @__PURE__ */ jsx(InfoCircle, {
+					size: iconSize,
+					className: `${prefixCls}__icon`
+				});
+				case "warning": return /* @__PURE__ */ jsx(WarningCircle, {
+					size: iconSize,
+					className: `${prefixCls}__icon`
+				});
+				case "error": return /* @__PURE__ */ 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 /* @__PURE__ */ jsxs("div", {
+		...otherProps,
+		className: cls,
+		onClick,
+		ref,
+		children: [renderIcon(), /* @__PURE__ */ jsxs("div", { children: [
+			/* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__title`,
+				children: title
+			}),
+			description,
+			footer,
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: `${prefixCls}__close`,
+				onClick: closeBtnOnClick,
+				"aria-label": "Close",
+				children: "✕"
+			})
+		] })]
+	});
 };
-export default Notification;
+//#endregion
+export { Notification as default };
+
 //# sourceMappingURL=notification.js.map

package/es/notification/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../components/notification/notification.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"notification.js","names":[],"sources":["../../components/notification/notification.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CheckCircle, CloseCircle, InfoCircle, WarningCircle } from '../_utils/components';\nimport { NotificationProps } from './types';\n\nconst Notification = (props: NotificationProps): JSX.Element => {\n  const {\n    duration = 4500,\n    title,\n    description,\n    footer,\n    type,\n    icon,\n    willUnmount,\n    didMount,\n    onClick,\n    onClose,\n    className,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('notification', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n  const ref = useRef<HTMLDivElement | null>(null);\n  const timerRef = useRef<number>();\n  const height = useRef(0);\n\n  const closeBtnOnClick = (e: React.MouseEvent): void => {\n    timerRef.current && window.clearTimeout(timerRef.current);\n    willUnmount(height.current);\n    onClose && onClose(e);\n  };\n\n  const renderIcon = (): React.ReactNode => {\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else if (typeof type === 'string') {\n      const iconSize = 40;\n      switch (type) {\n        case 'success':\n          return <CheckCircle size={iconSize} className={`${prefixCls}__icon`} />;\n        case 'info':\n          return <InfoCircle size={iconSize} className={`${prefixCls}__icon`} />;\n        case 'warning':\n          return <WarningCircle size={iconSize} className={`${prefixCls}__icon`} />;\n        case 'error':\n          return <CloseCircle size={iconSize} className={`${prefixCls}__icon`} />;\n      }\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    didMount();\n    const node = ref.current;\n    height.current = node ? node.offsetHeight : 0;\n\n    if (duration !== 0) {\n      timerRef.current = window.setTimeout(() => {\n        willUnmount(height.current);\n      }, duration);\n    }\n  }, [didMount, duration, willUnmount]);\n\n  return (\n    <div {...otherProps} className={cls} onClick={onClick} ref={ref}>\n      {renderIcon()}\n      <div>\n        <div className={`${prefixCls}__title`}>{title}</div>\n        {description}\n        {footer}\n        <button type=\"button\" className={`${prefixCls}__close`} onClick={closeBtnOnClick} aria-label=\"Close\">\n          ✕\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default Notification;\n"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB,UAA0C;CAC9D,MAAM,EACJ,WAAW,MACX,OACA,aACA,QACA,MACA,MACA,aACA,UACA,SACA,SACA,WACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAY,aAAa,gBADT,WAAW,cAAc,CACc,WAAW,cAAc;CACtF,MAAM,MAAM,WAAW,WAAW,UAAU;CAC5C,MAAM,MAAM,OAA8B,KAAK;CAC/C,MAAM,WAAW,QAAgB;CACjC,MAAM,SAAS,OAAO,EAAE;CAExB,MAAM,mBAAmB,MAA8B;AACrD,WAAS,WAAW,OAAO,aAAa,SAAS,QAAQ;AACzD,cAAY,OAAO,QAAQ;AAC3B,aAAW,QAAQ,EAAE;;CAGvB,MAAM,mBAAoC;AACxC,MAAI,MAAM,eAAe,KAAK,CAC5B,QAAO;WACE,OAAO,SAAS,UAAU;GACnC,MAAM,WAAW;AACjB,WAAQ,MAAR;IACE,KAAK,UACH,QAAO,oBAAC,aAAD;KAAa,MAAM;KAAU,WAAW,GAAG,UAAU;KAAW,CAAA;IACzE,KAAK,OACH,QAAO,oBAAC,YAAD;KAAY,MAAM;KAAU,WAAW,GAAG,UAAU;KAAW,CAAA;IACxE,KAAK,UACH,QAAO,oBAAC,eAAD;KAAe,MAAM;KAAU,WAAW,GAAG,UAAU;KAAW,CAAA;IAC3E,KAAK,QACH,QAAO,oBAAC,aAAD;KAAa,MAAM;KAAU,WAAW,GAAG,UAAU;KAAW,CAAA;;;AAI7E,SAAO;;AAGT,iBAAgB;AACd,YAAU;EACV,MAAM,OAAO,IAAI;AACjB,SAAO,UAAU,OAAO,KAAK,eAAe;AAE5C,MAAI,aAAa,EACf,UAAS,UAAU,OAAO,iBAAiB;AACzC,eAAY,OAAO,QAAQ;KAC1B,SAAS;IAEb;EAAC;EAAU;EAAU;EAAY,CAAC;AAErC,QACE,qBAAC,OAAD;EAAK,GAAI;EAAY,WAAW;EAAc;EAAc;YAA5D,CACG,YAAY,EACb,qBAAC,OAAD,EAAA,UAAA;GACE,oBAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAW;IAAY,CAAA;GACnD;GACA;GACD,oBAAC,UAAD;IAAQ,MAAK;IAAS,WAAW,GAAG,UAAU;IAAU,SAAS;IAAiB,cAAW;cAAQ;IAE5F,CAAA;GACL,EAAA,CAAA,CACF"}

package/es/notification/style/index.css

@@ -0,0 +1,57 @@
+.ty-notification {
+  position: relative;
+  padding: 16px 24px;
+  border-radius: 3px;
+  color: var(--ty-color-text-secondary);
+  font-size: 1rem;
+  box-shadow: var(--ty-shadow-modal);
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-start;
+}
+.ty-notification-container {
+  width: 380px;
+  position: fixed;
+  background-color: var(--ty-notification-bg);
+  z-index: 999;
+  box-sizing: border-box;
+  transition: all 200ms;
+}
+.ty-notification-container_top-right, .ty-notification-container_bottom-right {
+  right: -400px;
+  margin-right: 20px;
+}
+.ty-notification-container_top-left, .ty-notification-container_bottom-left {
+  left: -400px;
+  margin-left: 20px;
+}
+.ty-notification__close {
+  position: absolute;
+  right: 24px;
+  top: 16px;
+  cursor: pointer;
+  color: var(--ty-notification-close-color);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  transition: all 300ms;
+  background: none;
+  border: none;
+  padding: 0;
+  font-size: inherit;
+  line-height: inherit;
+}
+.ty-notification__close:hover {
+  color: var(--ty-notification-close-hover);
+}
+.ty-notification__title {
+  padding-right: 24px;
+  margin-bottom: 5px;
+  color: var(--ty-color-text);
+  font-size: 16px;
+  line-height: 24px;
+}
+.ty-notification__icon {
+  margin-right: 15px;
+  height: 30px;
+}

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

@@ -1 +1 @@
-import './index.scss';
+export { };

package/es/notification/style/index.js

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

package/es/overlay/index.d.ts

@@ -1,2 +1 @@
-import Overlay from './overlay';
-export default Overlay;
+import { Overlay } from "./overlay.js";

package/es/overlay/index.js

@@ -1,3 +1,9 @@
-import Overlay from './overlay';
-export default Overlay;
+import '../style/base.css';
+import './style/index.css';
+import Overlay from "./overlay.js";
+//#region components/overlay/index.tsx
+var overlay_default = Overlay;
+//#endregion
+export { overlay_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/overlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/overlay/index.tsx"],"sourcesContent":["import Overlay from './overlay';\n\nexport default Overlay;\n"],"mappings":";;AAEA,IAAA,kBAAe"}

package/es/overlay/overlay.d.ts

@@ -1,6 +1,10 @@
-import { OverlayProps } from './types';
+import { OverlayProps } from "./types.js";
+
+//#region components/overlay/overlay.d.ts
 declare const Overlay: {
-    (props: OverlayProps): JSX.Element;
-    displayName: string;
+  (props: OverlayProps): JSX.Element;
+  displayName: string;
 };
-export default Overlay;
+//#endregion
+export { Overlay };
+//# sourceMappingURL=overlay.d.ts.map