tiny-ui 1.0.3 → 1.0.4

package/lib/input-number/input-number.js

@@ -1,65 +1,101 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const components_1 = require("../_utils/components");
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/input-number/input-number.tsx
 /**
- * Valid the string is a number
- * @param val
- */
+* Valid the string is a number
+* @param val
+*/
 const isValid = (val) => {
-    return !isNaN(+val);
+	return !isNaN(+val);
 };
 const toPrecision = (val, precision) => {
-    if (precision === undefined)
-        return val;
-    return parseFloat(val.toFixed(precision));
+	if (precision === void 0) return val;
+	return parseFloat(val.toFixed(precision));
 };
-const InputNumber = react_1.default.forwardRef((props, ref) => {
-    const { size = 'md', disabled = false, defaultValue = 0, step = 1, precision, controls = false, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY, onChange, className, prefixCls: customisedCls, style, } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('input-number', configContext.prefixCls, customisedCls);
-    const inputSize = props.size || configContext.componentSize || size;
-    const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${inputSize}`, {
-        [`${prefixCls}_disabled`]: disabled,
-        [`${prefixCls}_always-controls`]: controls,
-    });
-    const [value, setValue] = (0, react_1.useState)('value' in props ? props.value : defaultValue);
-    const inputOnChange = (e) => {
-        const raw = Number(e.target.value.trim());
-        const val = toPrecision(raw, precision);
-        !('value' in props) && setValue(val);
-        onChange && isValid(val) && onChange(val, e);
-    };
-    const plusOnClick = (e) => {
-        e.stopPropagation();
-        if (!disabled && isValid(step)) {
-            const val = toPrecision(+value + +step, precision);
-            if (val <= max) {
-                !('value' in props) && setValue(val);
-                onChange && onChange(val, e);
-            }
-        }
-    };
-    const minusOnClick = (e) => {
-        e.stopPropagation();
-        if (!disabled && isValid(step)) {
-            const val = toPrecision(+value - +step, precision);
-            if (val >= min) {
-                !('value' in props) && setValue(val);
-                onChange && onChange(val, e);
-            }
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        'value' in props && setValue(props.value);
-    }, [props]);
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: cls, style: style, children: [(0, jsx_runtime_1.jsx)("input", { autoComplete: "off", disabled: disabled, value: precision !== undefined ? value.toFixed(precision) : value, type: "number", className: `${prefixCls}__input`, max: max, min: min, step: step, onChange: inputOnChange, "aria-valuenow": value, "aria-valuemax": max, "aria-valuemin": min, "aria-disabled": disabled }), (0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__controls`, children: [(0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__up`, onClick: plusOnClick, children: (0, jsx_runtime_1.jsx)(components_1.ArrowDown, { size: 8, className: `${prefixCls}__icon ${prefixCls}__icon_reverse` }) }), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__down`, onClick: minusOnClick, children: (0, jsx_runtime_1.jsx)(components_1.ArrowDown, { size: 8, className: `${prefixCls}__icon` }) })] })] }));
+const InputNumber = react.default.forwardRef((props, ref) => {
+	const { size = "md", disabled = false, defaultValue = 0, step = 1, precision, controls = false, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY, onChange, className, prefixCls: customisedCls, style } = props;
+	const configContext = (0, react.useContext)(require_config_context.ConfigContext);
+	const prefixCls = require_general.getPrefixCls("input-number", configContext.prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, `${prefixCls}_${props.size || configContext.componentSize || size}`, {
+		[`${prefixCls}_disabled`]: disabled,
+		[`${prefixCls}_always-controls`]: controls
+	});
+	const [value, setValue] = (0, react.useState)("value" in props ? props.value : defaultValue);
+	const inputOnChange = (e) => {
+		const val = toPrecision(Number(e.target.value.trim()), precision);
+		!("value" in props) && setValue(val);
+		onChange && isValid(val) && onChange(val, e);
+	};
+	const plusOnClick = (e) => {
+		e.stopPropagation();
+		if (!disabled && isValid(step)) {
+			const val = toPrecision(+value + +step, precision);
+			if (val <= max) {
+				!("value" in props) && setValue(val);
+				onChange && onChange(val, e);
+			}
+		}
+	};
+	const minusOnClick = (e) => {
+		e.stopPropagation();
+		if (!disabled && isValid(step)) {
+			const val = toPrecision(+value - +step, precision);
+			if (val >= min) {
+				!("value" in props) && setValue(val);
+				onChange && onChange(val, e);
+			}
+		}
+	};
+	(0, react.useEffect)(() => {
+		"value" in props && setValue(props.value);
+	}, [props]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: cls,
+		style,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			autoComplete: "off",
+			disabled,
+			value: precision !== void 0 ? value.toFixed(precision) : value,
+			type: "number",
+			className: `${prefixCls}__input`,
+			max,
+			min,
+			step,
+			onChange: inputOnChange,
+			"aria-valuenow": value,
+			"aria-valuemax": max,
+			"aria-valuemin": min,
+			"aria-disabled": disabled
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${prefixCls}__controls`,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: `${prefixCls}__up`,
+				onClick: plusOnClick,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ArrowDown, {
+					size: 8,
+					className: `${prefixCls}__icon ${prefixCls}__icon_reverse`
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: `${prefixCls}__down`,
+				onClick: minusOnClick,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ArrowDown, {
+					size: 8,
+					className: `${prefixCls}__icon`
+				})
+			})]
+		})]
+	});
 });
-InputNumber.displayName = 'InputNumber';
+InputNumber.displayName = "InputNumber";
+//#endregion
 exports.default = InputNumber;
+
 //# sourceMappingURL=input-number.js.map

package/lib/input-number/input-number.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-number.js","sourceRoot":"","sources":["../../components/input-number/input-number.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"input-number.js","names":["React","ConfigContext","getPrefixCls","ArrowDown"],"sources":["../../components/input-number/input-number.tsx"],"sourcesContent":["import React, { useEffect, useState, MouseEvent, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { InputNumberProps } from './types';\nimport { ArrowDown } from '../_utils/components';\n\n/**\n * Valid the string is a number\n * @param val\n */\nconst isValid = (val: string | number): boolean => {\n  return !isNaN(+val);\n};\n\nconst toPrecision = (val: number, precision?: number): number => {\n  if (precision === undefined) return val;\n  return parseFloat(val.toFixed(precision));\n};\n\nconst InputNumber = React.forwardRef<HTMLDivElement, InputNumberProps>((props, ref) => {\n  const {\n    size = 'md',\n    disabled = false,\n    defaultValue = 0,\n    step = 1,\n    precision,\n    controls = false,\n    min = Number.NEGATIVE_INFINITY,\n    max = Number.POSITIVE_INFINITY,\n    onChange,\n    className,\n    prefixCls: customisedCls,\n    style,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('input-number', configContext.prefixCls, customisedCls);\n  const inputSize = props.size || configContext.componentSize || size;\n  const cls = classNames(prefixCls, className, `${prefixCls}_${inputSize}`, {\n    [`${prefixCls}_disabled`]: disabled,\n    [`${prefixCls}_always-controls`]: controls,\n  });\n  const [value, setValue] = useState<number>(\n    'value' in props ? (props.value as number) : defaultValue\n  );\n\n  const inputOnChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const raw = Number(e.target.value.trim());\n    const val = toPrecision(raw, precision);\n    !('value' in props) && setValue(val);\n    onChange && isValid(val) && onChange(val, e);\n  };\n\n  const plusOnClick = (e: MouseEvent<HTMLSpanElement>): void => {\n    e.stopPropagation();\n    if (!disabled && isValid(step)) {\n      const val = toPrecision(+value + +step, precision);\n      if (val <= max) {\n        !('value' in props) && setValue(val);\n        onChange && onChange(val, e);\n      }\n    }\n  };\n\n  const minusOnClick = (e: MouseEvent<HTMLSpanElement>): void => {\n    e.stopPropagation();\n    if (!disabled && isValid(step)) {\n      const val = toPrecision(+value - +step, precision);\n      if (val >= min) {\n        !('value' in props) && setValue(val);\n        onChange && onChange(val, e);\n      }\n    }\n  };\n\n  useEffect(() => {\n    'value' in props && setValue(props.value as number);\n  }, [props]);\n\n  return (\n    <div ref={ref} className={cls} style={style}>\n      <input\n        autoComplete=\"off\"\n        disabled={disabled}\n        value={precision !== undefined ? value.toFixed(precision) : value}\n        type=\"number\"\n        className={`${prefixCls}__input`}\n        max={max}\n        min={min}\n        step={step}\n        onChange={inputOnChange}\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-disabled={disabled}\n      />\n      <div className={`${prefixCls}__controls`}>\n        <span className={`${prefixCls}__up`} onClick={plusOnClick}>\n          <ArrowDown size={8} className={`${prefixCls}__icon ${prefixCls}__icon_reverse`} />\n        </span>\n        <span className={`${prefixCls}__down`} onClick={minusOnClick}>\n          <ArrowDown size={8} className={`${prefixCls}__icon`} />\n        </span>\n      </div>\n    </div>\n  );\n});\n\nInputNumber.displayName = 'InputNumber';\n\nexport default InputNumber;\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,WAAW,QAAkC;AACjD,QAAO,CAAC,MAAM,CAAC,IAAI;;AAGrB,MAAM,eAAe,KAAa,cAA+B;AAC/D,KAAI,cAAc,KAAA,EAAW,QAAO;AACpC,QAAO,WAAW,IAAI,QAAQ,UAAU,CAAC;;AAG3C,MAAM,cAAcA,MAAAA,QAAM,YAA8C,OAAO,QAAQ;CACrF,MAAM,EACJ,OAAO,MACP,WAAW,OACX,eAAe,GACf,OAAO,GACP,WACA,WAAW,OACX,MAAM,OAAO,mBACb,MAAM,OAAO,mBACb,UACA,WACA,WAAW,eACX,UACE;CACJ,MAAM,iBAAA,GAAA,MAAA,YAA2BC,uBAAAA,cAAc;CAC/C,MAAM,YAAYC,gBAAAA,aAAa,gBAAgB,cAAc,WAAW,cAAc;CAEtF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAAG,UAAU,GADxC,MAAM,QAAQ,cAAc,iBAAiB,QACW;GACvE,GAAG,UAAU,aAAa;GAC1B,GAAG,UAAU,oBAAoB;EACnC,CAAC;CACF,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACZ,WAAW,QAAS,MAAM,QAAmB,aAC9C;CAED,MAAM,iBAAiB,MAAiD;EAEtE,MAAM,MAAM,YADA,OAAO,EAAE,OAAO,MAAM,MAAM,CAAC,EACZ,UAAU;AACvC,IAAE,WAAW,UAAU,SAAS,IAAI;AACpC,cAAY,QAAQ,IAAI,IAAI,SAAS,KAAK,EAAE;;CAG9C,MAAM,eAAe,MAAyC;AAC5D,IAAE,iBAAiB;AACnB,MAAI,CAAC,YAAY,QAAQ,KAAK,EAAE;GAC9B,MAAM,MAAM,YAAY,CAAC,QAAQ,CAAC,MAAM,UAAU;AAClD,OAAI,OAAO,KAAK;AACd,MAAE,WAAW,UAAU,SAAS,IAAI;AACpC,gBAAY,SAAS,KAAK,EAAE;;;;CAKlC,MAAM,gBAAgB,MAAyC;AAC7D,IAAE,iBAAiB;AACnB,MAAI,CAAC,YAAY,QAAQ,KAAK,EAAE;GAC9B,MAAM,MAAM,YAAY,CAAC,QAAQ,CAAC,MAAM,UAAU;AAClD,OAAI,OAAO,KAAK;AACd,MAAE,WAAW,UAAU,SAAS,IAAI;AACpC,gBAAY,SAAS,KAAK,EAAE;;;;AAKlC,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,SAAS,SAAS,MAAM,MAAgB;IAClD,CAAC,MAAM,CAAC;AAEX,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAU;EAAK,WAAW;EAAY;YAAtC,CACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;GACE,cAAa;GACH;GACV,OAAO,cAAc,KAAA,IAAY,MAAM,QAAQ,UAAU,GAAG;GAC5D,MAAK;GACL,WAAW,GAAG,UAAU;GACnB;GACA;GACC;GACN,UAAU;GACV,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,CAAA,EACF,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAA7B,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAW,GAAG,UAAU;IAAO,SAAS;cAC5C,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,WAAD;KAAW,MAAM;KAAG,WAAW,GAAG,UAAU,SAAS,UAAU;KAAmB,CAAA;IAC7E,CAAA,EACP,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAW,GAAG,UAAU;IAAS,SAAS;cAC9C,iBAAA,GAAA,kBAAA,KAACA,mBAAAA,WAAD;KAAW,MAAM;KAAG,WAAW,GAAG,UAAU;KAAW,CAAA;IAClD,CAAA,CACH;KACF;;EAER;AAEF,YAAY,cAAc"}

package/lib/input-number/style/index.css

@@ -0,0 +1,123 @@
+.ty-input-number {
+  position: relative;
+  box-sizing: border-box;
+}
+.ty-input-number:hover .ty-input-number__controls {
+  opacity: 1;
+}
+.ty-input-number__input {
+  box-sizing: border-box;
+  width: 100%;
+  margin: 0;
+  color: var(--ty-color-text);
+  border: 1px solid var(--ty-input-border);
+  transition: all 0.3s;
+  outline: 0;
+  border-radius: 2px;
+  font-size: 1rem;
+  background-color: var(--ty-input-bg);
+}
+.ty-input-number__input:hover {
+  border-color: var(--ty-color-primary);
+}
+.ty-input-number__input:focus {
+  border-color: var(--ty-input-focus-border);
+  box-shadow: var(--ty-input-focus-shadow);
+}
+.ty-input-number__input::-moz-placeholder {
+  color: var(--ty-color-text-placeholder);
+}
+.ty-input-number__input::placeholder {
+  color: var(--ty-color-text-placeholder);
+}
+.ty-input-number__input {
+  padding-left: 7px;
+  padding-right: 25px;
+}
+.ty-input-number__input::-webkit-inner-spin-button, .ty-input-number__input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+}
+.ty-input-number__controls {
+  box-sizing: border-box;
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 1px;
+  opacity: 0;
+  transition: all 300ms;
+}
+.ty-input-number__up, .ty-input-number__down {
+  cursor: pointer;
+  box-sizing: border-box;
+  flex: 1;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 7px;
+  border-left: 1px solid var(--ty-input-number-control-border);
+  transition: all 300ms;
+}
+.ty-input-number__up:hover, .ty-input-number__down:hover {
+  flex: 2;
+}
+.ty-input-number__up:hover .ty-icon, .ty-input-number__down:hover .ty-icon {
+  color: var(--ty-color-primary) !important;
+}
+.ty-input-number__up:active, .ty-input-number__down:active {
+  background-color: var(--ty-input-number-control-active-bg);
+}
+.ty-input-number__up {
+  border-bottom: 1px solid var(--ty-input-number-control-border);
+}
+.ty-input-number__down {
+  padding-top: 1px;
+}
+.ty-input-number__icon {
+  color: var(--ty-input-number-icon-color);
+}
+.ty-input-number__icon_reverse {
+  transform: rotate(180deg);
+}
+.ty-input-number_sm .ty-input-number__input {
+  font-size: 0.875rem;
+  height: 24px;
+  line-height: 24px;
+}
+.ty-input-number_md .ty-input-number__input {
+  font-size: 1rem;
+  height: 32px;
+  line-height: 32px;
+}
+.ty-input-number_lg .ty-input-number__input {
+  font-size: 1.25rem;
+  height: 42px;
+  line-height: 42px;
+}
+.ty-input-number_disabled .ty-input-number__input {
+  cursor: not-allowed;
+  background-color: var(--ty-input-disabled-bg);
+  color: var(--ty-input-disabled-color);
+}
+.ty-input-number_disabled .ty-input-number__input:hover {
+  border-color: var(--ty-input-border);
+}
+.ty-input-number_disabled .ty-input-number__up, .ty-input-number_disabled .ty-input-number__down {
+  cursor: not-allowed;
+}
+.ty-input-number_disabled .ty-input-number__up .ty-icon, .ty-input-number_disabled .ty-input-number__down .ty-icon {
+  color: var(--ty-input-number-icon-color) !important;
+}
+.ty-input-number_disabled .ty-input-number__up:hover, .ty-input-number_disabled .ty-input-number__down:hover {
+  flex: 1;
+}
+.ty-input-number_disabled .ty-input-number__up:active, .ty-input-number_disabled .ty-input-number__down:active {
+  background-color: transparent;
+}
+.ty-input-number_always-controls .ty-input-number__controls {
+  opacity: 1;
+}

package/lib/input-number/style/index.d.ts

@@ -1,2 +1 @@
-import './index.scss';
-import '../../input/style/index.scss';
+export { };

package/lib/input-number/style/index.js

@@ -1,5 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-require("../../input/style/index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");
+require("../../input/style/index.css");

package/lib/input-number/types.d.ts

@@ -1,16 +1,21 @@
-import React from 'react';
-import { BaseProps, SizeType } from '../_utils/props';
-export interface InputNumberProps extends BaseProps {
-    min?: number;
-    max?: number;
-    step?: number;
-    precision?: number;
-    defaultValue?: number;
-    value?: number;
-    onChange?: (value: number, e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement>) => void;
-    size?: SizeType;
-    disabled?: boolean;
-    /** Determine whether always display the control button  */
-    controls?: boolean;
-    children?: React.ReactNode;
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region components/input-number/types.d.ts
+interface InputNumberProps extends BaseProps {
+  min?: number;
+  max?: number;
+  step?: number;
+  precision?: number;
+  defaultValue?: number;
+  value?: number;
+  onChange?: (value: number, e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement>) => void;
+  size?: SizeType;
+  disabled?: boolean;
+  /** Determine whether always display the control button  */
+  controls?: boolean;
+  children?: React.ReactNode;
 }
+//#endregion
+export { InputNumberProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/input-password/index.js

@@ -1,6 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const input_password_1 = tslib_1.__importDefault(require("./input-password"));
-exports.default = input_password_1.default;
+require('../style/base.css');
+require('./style/index.css');
+require('../input/style/index.css');
+//#region components/input-password/index.tsx
+var input_password_default = require("./input-password.js").default;
+//#endregion
+exports.default = input_password_default;
+
 //# sourceMappingURL=index.js.map

package/lib/input-password/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/input-password/index.tsx"],"names":[],"mappings":";;;AAAA,8EAA6C;AAE7C,kBAAe,wBAAa,CAAC"}
+{"version":3,"file":"index.js","names":["InputPassword"],"sources":["../../components/input-password/index.tsx"],"sourcesContent":["import InputPassword from './input-password';\n\nexport default InputPassword;\n"],"mappings":";AAEA,IAAA,wDAAeA"}

package/lib/input-password/input-password.d.ts

@@ -1,3 +1,7 @@
-import { InputPasswordProps } from './types';
+import { InputPasswordProps } from "./types.js";
+
+//#region components/input-password/input-password.d.ts
 declare const InputPassword: (props: InputPasswordProps) => JSX.Element;
-export default InputPassword;
+//#endregion
+export { InputPassword };
+//# sourceMappingURL=input-password.d.ts.map

package/lib/input-password/input-password.js

@@ -1,24 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const input_1 = tslib_1.__importDefault(require("../input"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const components_1 = require("../_utils/components");
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+const require_index = require("../input/index.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/input-password/input-password.tsx
 const InputPassword = (props) => {
-    const { suffix = true, visibleOnClick, className, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('input-pwd', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className);
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    const renderSuffix = () => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__suffix`, "aria-label": "Toggle password visibility", onClick: () => {
-            setVisible(!visible);
-            visibleOnClick && visibleOnClick();
-        }, children: visible ? ((0, jsx_runtime_1.jsx)(components_1.Eye, { size: 17, className: `${prefixCls}__icon` })) : ((0, jsx_runtime_1.jsx)(components_1.EyeClose, { size: 17, className: `${prefixCls}__icon` })) }));
-    return ((0, jsx_runtime_1.jsx)(input_1.default, { ...otherProps, className: cls, type: visible ? 'text' : 'password', suffix: suffix ? renderSuffix() : null }));
+	const { suffix = true, visibleOnClick, className, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("input-pwd", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	const [visible, setVisible] = (0, react.useState)(false);
+	const renderSuffix = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		className: `${prefixCls}__suffix`,
+		"aria-label": "Toggle password visibility",
+		onClick: () => {
+			setVisible(!visible);
+			visibleOnClick && visibleOnClick();
+		},
+		children: visible ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.Eye, {
+			size: 17,
+			className: `${prefixCls}__icon`
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.EyeClose, {
+			size: 17,
+			className: `${prefixCls}__icon`
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		...otherProps,
+		className: cls,
+		type: visible ? "text" : "password",
+		suffix: suffix ? renderSuffix() : null
+	});
 };
+//#endregion
 exports.default = InputPassword;
+
 //# sourceMappingURL=input-password.js.map

package/lib/input-password/input-password.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-password.js","sourceRoot":"","sources":["../../components/input-password/input-password.tsx"],"names":[],"mappings":";;;;AAAA,iCAAoD;AACpD,oEAAoC;AACpC,6DAA6B;AAC7B,sEAAkE;AAClE,+CAAiD;AAEjD,qDAAqD;AAErD,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IAC/D,MAAM,EACJ,MAAM,GAAG,IAAI,EACb,cAAc,EACd,SAAS,EACT,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,WAAW,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACpF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,GAAuB,EAAE,CAAC,CAC7C,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,SAAS,UAAU,gBACtB,4BAA4B,EACvC,OAAO,EAAE,GAAS,EAAE;YAClB,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;YACrB,cAAc,IAAI,cAAc,EAAE,CAAC;QACrC,CAAC,YACA,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,gBAAG,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,QAAQ,GAAI,CACnD,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,QAAQ,GAAI,CACxD,GACM,CACV,CAAC;IAEF,OAAO,CACL,uBAAC,eAAK,OACA,UAAU,EACd,SAAS,EAAE,GAAG,EACd,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACnC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,GACtC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"input-password.js","names":["getPrefixCls","ConfigContext","Eye","EyeClose","Input"],"sources":["../../components/input-password/input-password.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport Input from '../input';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { InputPasswordProps } from './types';\nimport { Eye, EyeClose } from '../_utils/components';\n\nconst InputPassword = (props: InputPasswordProps): JSX.Element => {\n  const {\n    suffix = true,\n    visibleOnClick,\n    className,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('input-pwd', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n  const [visible, setVisible] = useState(false);\n\n  const renderSuffix = (): React.ReactElement => (\n    <button\n      type=\"button\"\n      className={`${prefixCls}__suffix`}\n      aria-label=\"Toggle password visibility\"\n      onClick={(): void => {\n        setVisible(!visible);\n        visibleOnClick && visibleOnClick();\n      }}>\n      {visible ? (\n        <Eye size={17} className={`${prefixCls}__icon`} />\n      ) : (\n        <EyeClose size={17} className={`${prefixCls}__icon`} />\n      )}\n    </button>\n  );\n\n  return (\n    <Input\n      {...otherProps}\n      className={cls}\n      type={visible ? 'text' : 'password'}\n      suffix={suffix ? renderSuffix() : null}\n    />\n  );\n};\n\nexport default InputPassword;\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,iBAAiB,UAA2C;CAChE,MAAM,EACJ,SAAS,MACT,gBACA,WACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAYA,gBAAAA,aAAa,cAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACW,WAAW,cAAc;CACnF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;CAC5C,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAE7C,MAAM,qBACJ,iBAAA,GAAA,kBAAA,KAAC,UAAD;EACE,MAAK;EACL,WAAW,GAAG,UAAU;EACxB,cAAW;EACX,eAAqB;AACnB,cAAW,CAAC,QAAQ;AACpB,qBAAkB,gBAAgB;;YAEnC,UACC,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,KAAD;GAAK,MAAM;GAAI,WAAW,GAAG,UAAU;GAAW,CAAA,GAElD,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,UAAD;GAAU,MAAM;GAAI,WAAW,GAAG,UAAU;GAAW,CAAA;EAElD,CAAA;AAGX,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;EACE,GAAI;EACJ,WAAW;EACX,MAAM,UAAU,SAAS;EACzB,QAAQ,SAAS,cAAc,GAAG;EAClC,CAAA"}

package/lib/input-password/style/index.css

@@ -0,0 +1,14 @@
+.ty-input-pwd__suffix {
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  color: inherit;
+}
+.ty-input-pwd__icon {
+  color: var(--ty-color-text-tertiary);
+  transition: color 250ms;
+}
+.ty-input-pwd__icon:hover {
+  color: var(--ty-color-text-secondary);
+}

package/lib/input-password/style/index.d.ts

@@ -1,2 +1 @@
-import './index.scss';
-import '../../input/style/index.scss';
+export { };

package/lib/input-password/style/index.js

@@ -1,5 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-require("../../input/style/index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");
+require("../../input/style/index.css");

package/lib/input-password/types.d.ts

@@ -1,7 +1,12 @@
-import React from 'react';
-import { InputProps } from '../input/types';
-export interface InputPasswordProps extends InputProps {
-    suffix?: boolean;
-    visibleOnClick?: () => void;
-    children?: React.ReactNode;
+import { InputProps } from "../input/types.js";
+import React from "react";
+
+//#region components/input-password/types.d.ts
+interface InputPasswordProps extends InputProps {
+  suffix?: boolean;
+  visibleOnClick?: () => void;
+  children?: React.ReactNode;
 }
+//#endregion
+export { InputPasswordProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/intl-provider/index.js

@@ -1,6 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const intl_provider_1 = tslib_1.__importDefault(require("./intl-provider"));
-exports.default = intl_provider_1.default;
+//#region components/intl-provider/index.tsx
+var intl_provider_default = require("./intl-provider.js").default;
+//#endregion
+exports.default = intl_provider_default;
+
 //# sourceMappingURL=index.js.map

package/lib/intl-provider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/intl-provider/index.tsx"],"names":[],"mappings":";;;AAAA,4EAA2C;AAE3C,kBAAe,uBAAY,CAAC"}
+{"version":3,"file":"index.js","names":["IntlProvider"],"sources":["../../components/intl-provider/index.tsx"],"sourcesContent":["import IntlProvider from './intl-provider';\n\nexport default IntlProvider;\n"],"mappings":";AAEA,IAAA,sDAAeA"}

package/lib/intl-provider/intl-context.js

@@ -1,7 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const en_US_1 = tslib_1.__importDefault(require("../locale/en_US"));
-exports.default = react_1.default.createContext(en_US_1.default);
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_en_US = require("../locale/en_US.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region components/intl-provider/intl-context.tsx
+var intl_context_default = react.default.createContext(require_en_US.default);
+//#endregion
+exports.default = intl_context_default;
+
 //# sourceMappingURL=intl-context.js.map

package/lib/intl-provider/intl-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"intl-context.js","sourceRoot":"","sources":["../../components/intl-provider/intl-context.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B,oEAAoC;AAEpC,kBAAe,eAAK,CAAC,aAAa,CAAS,eAAK,CAAC,CAAC"}
+{"version":3,"file":"intl-context.js","names":["React","en_US"],"sources":["../../components/intl-provider/intl-context.tsx"],"sourcesContent":["import React from 'react';\nimport { Locale } from '../locale/types';\nimport en_US from '../locale/en_US';\n\nexport default React.createContext<Locale>(en_US);\n"],"mappings":";;;;;AAIA,IAAA,uBAAeA,MAAAA,QAAM,cAAsBC,cAAAA,QAAM"}

package/lib/intl-provider/intl-provider.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
-import { Locale } from '../locale/types';
-export interface IntlProviderProps {
-    locale: Locale;
-    children: React.ReactNode;
+import { Locale } from "../locale/types.js";
+import React from "react";
+
+//#region components/intl-provider/intl-provider.d.ts
+interface IntlProviderProps {
+  locale: Locale;
+  children: React.ReactNode;
 }
 declare const IntlProvider: (props: IntlProviderProps) => React.ReactElement;
-export default IntlProvider;
+//#endregion
+export { IntlProvider };
+//# sourceMappingURL=intl-provider.d.ts.map

package/lib/intl-provider/intl-provider.js

@@ -1,11 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const intl_context_1 = tslib_1.__importDefault(require("./intl-context"));
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_intl_context = require("./intl-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/intl-provider/intl-provider.tsx
 const IntlProvider = (props) => {
-    const { locale, children } = props;
-    return (0, jsx_runtime_1.jsx)(intl_context_1.default.Provider, { value: locale, children: children });
+	const { locale, children } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_intl_context.default.Provider, {
+		value: locale,
+		children
+	});
 };
+//#endregion
 exports.default = IntlProvider;
+
 //# sourceMappingURL=intl-provider.js.map