tiny-ui 1.0.2 → 1.0.4

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

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.scss

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

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

@@ -0,0 +1,4 @@
+@mixin native-size($padding, $font-size){
+  padding: $padding;
+  font-size: $font-size;
+}

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