@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Input/components/Password/index.js

@@ -1,37 +1,34 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["size", "className", "disabled"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import AntdPassword from 'antd/lib/input/Password';
-import classnames from 'classnames';
-import React, { useContext } from 'react';
-import SizeContext from "../../../ConfigProvider/sizeContext";
-import { EyeOffLine, EyeOnLine } from "../../../Icon";
-import IconButton from "../../../IconButton";
-import { getSizeType } from "../Input";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export default /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var customSize = props.size,
-    className = props.className,
-    disabled = props.disabled,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var contentSize = useContext(SizeContext);
-  var size = customSize || contentSize || 'middle';
-  return /*#__PURE__*/React.createElement(AntdPassword, _extends({}, restProps, {
-    ref: ref,
-    spellCheck: false,
-    disabled: disabled,
-    autoComplete: "off",
-    className: classnames('ald-input', 'ald-input-password', "ald-input-".concat(getSizeType(size)), _defineProperty({}, "ald-input-disabled", disabled), className),
-    iconRender: function iconRender(visible) {
-      return /*#__PURE__*/React.createElement(IconButton, {
-        size: "small",
-        icon: visible ? /*#__PURE__*/React.createElement(EyeOnLine, null) : /*#__PURE__*/React.createElement(EyeOffLine, null)
-      });
-    }
-  }));
-});
+import { cn } from "../../../lib/utils.js";
+import Memo from "../../../Icon/components/EyeOffLine.js";
+import Memo$1 from "../../../Icon/components/EyeOnLine.js";
+import DisabledContext from "../../../ConfigProvider/DisabledContext.js";
+import SizeContext from "../../../ConfigProvider/sizeContext.js";
+import Input, { getSizeType } from "../Input/index.js";
+import IconButton from "../../../IconButton/index.js";
+import { forwardRef, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Input/components/Password/index.tsx
+var Password_default = forwardRef((props, ref) => {
+	const { size: customSize, className, disabled, visibilityToggle = true, ...restProps } = props;
+	const contextDisabled = useContext(DisabledContext);
+	const mergedDisabled = disabled ?? contextDisabled;
+	const contentSize = useContext(SizeContext);
+	const size = customSize || contentSize || "middle";
+	const [visible, setVisible] = useState(false);
+	return /* @__PURE__ */ jsx(Input, {
+		...restProps,
+		ref,
+		disabled: mergedDisabled,
+		type: visible ? "text" : "password",
+		className: cn("ald-input-password", `ald-input-${getSizeType(size)}`, mergedDisabled && "ald-input-disabled", className),
+		suffix: visibilityToggle ? /* @__PURE__ */ jsx(IconButton, {
+			size: "small",
+			icon: visible ? /* @__PURE__ */ jsx(Memo$1, {}) : /* @__PURE__ */ jsx(Memo, {}),
+			onClick: () => setVisible(!visible)
+		}) : void 0
+	});
+});
+//#endregion
+export { Password_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Input/components/Password/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Input/components/Password/index.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useState } from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport SizeContext from '../../../ConfigProvider/sizeContext';\nimport { EyeOffLine, EyeOnLine } from '../../../Icon';\nimport IconButton from '../../../IconButton';\nimport { cn } from '../../../lib/utils';\nimport Input, { IInputProps, TSize, getSizeType } from '../Input';\n\nexport interface IPasswordProps extends Omit<IInputProps, 'type'> {\n  visibilityToggle?: boolean;\n  size?: TSize;\n}\n\nexport default forwardRef<HTMLInputElement, IPasswordProps>((props, ref) => {\n  const {\n    size: customSize,\n    className,\n    disabled,\n    visibilityToggle = true,\n    ...restProps\n  } = props;\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const size = customSize || contentSize || 'middle';\n  const [visible, setVisible] = useState(false);\n\n  return (\n    <Input\n      {...restProps}\n      ref={ref}\n      disabled={mergedDisabled}\n      type={visible ? 'text' : 'password'}\n      className={cn(\n        'ald-input-password',\n        `ald-input-${getSizeType(size)}`,\n        mergedDisabled && 'ald-input-disabled',\n        className,\n      )}\n      suffix={\n        visibilityToggle ? (\n          <IconButton\n            size=\"small\"\n            icon={visible ? <EyeOnLine /> : <EyeOffLine />}\n            onClick={() => setVisible(!visible)}\n          />\n        ) : undefined\n      }\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;AAaA,IAAA,mBAAe,YAA8C,OAAO,QAAQ;CAC1E,MAAM,EACJ,MAAM,YACN,WACA,UACA,mBAAmB,MACnB,GAAG,cACD;CACJ,MAAM,kBAAkB,WAAW,gBAAgB;CACnD,MAAM,iBAAiB,YAAY;CAEnC,MAAM,cAAc,WAAW,YAAY;CAC3C,MAAM,OAAO,cAAc,eAAe;CAC1C,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAE7C,QACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,UAAU;EACV,MAAM,UAAU,SAAS;EACzB,WAAW,GACT,sBACA,aAAa,YAAY,KAAK,IAC9B,kBAAkB,sBAClB,UACD;EACD,QACE,mBACE,oBAAC,YAAD;GACE,MAAK;GACL,MAAM,UAAU,oBAAC,QAAD,EAAa,CAAA,GAAG,oBAAC,MAAD,EAAc,CAAA;GAC9C,eAAe,WAAW,CAAC,QAAQ;GACnC,CAAA,GACA;EAEN,CAAA;EAEJ"}

package/dist/Input/components/TextArea/index.d.ts

@@ -1,65 +1,37 @@
-import { TextAreaProps, TextAreaRef } from 'antd/lib/input/TextArea';
-import React from 'react';
+import { default as React } from 'react';
 import { TSize } from '../Input';
-export type { TextAreaRef };
-export interface ITextAreaProps extends Omit<TextAreaProps, 'onPressEnter' | 'size'> {
-    /**
-     * @description 可以点击清除图标删除内容
-     * @default false
-     */
+export type TextAreaRef = HTMLTextAreaElement;
+export interface ITextAreaProps {
     allowClear?: boolean;
-    /**
-     * @description 自适应内容高度，可设置为 true | false 或对象：{ minRows: 2, maxRows: 6 }
-     * @default false
-     */
-    autoSize?: boolean | object;
-    /**
-     * @description 输入框默认内容
-     * @default false
-     */
+    autoSize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
     defaultValue?: string;
-    /**
-     * @description 内容最大长度
-     */
     maxLength?: number;
-    /**
-     * @description 是否展示字数
-     * @default false
-     */
     showCount?: boolean | {
         formatter: (args: {
             count: number;
             maxLength?: number;
         }) => string;
     };
-    /**
-     * @description 输入框内容
-     */
     value?: string;
-    /**
-     * @description 按下回车的回调
-     * @type function(e)
-     */
     onPressEnter?: React.KeyboardEventHandler<HTMLTextAreaElement>;
-    /**
-     * @description resize 回调
-     * @type function({ width, height })
-     */
     onResize?: (size: {
         width: number;
         height: number;
     }) => void;
-    /**
-     * @description 是否有边框
-     * @type boolean
-     */
     border?: boolean;
+    bordered?: boolean;
     className?: string;
-    /**
-     * @description 尺寸大小
-     * @default middle
-     */
     size?: TSize;
+    disabled?: boolean;
+    placeholder?: string;
+    rows?: number;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
+    style?: React.CSSProperties;
 }
-declare const _default: React.ForwardRefExoticComponent<ITextAreaProps & React.RefAttributes<TextAreaRef>>;
+declare const _default: React.ForwardRefExoticComponent<ITextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default _default;

package/dist/Input/components/TextArea/index.js

@@ -1,44 +1,78 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["bordered", "size", "disabled", "className", "allowClear"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import AntdTextArea from 'antd/lib/input/TextArea';
-import classnames from 'classnames';
-import React, { useContext } from 'react';
-import SizeContext from "../../../ConfigProvider/sizeContext";
-import { CloseCircleFill } from "../../../Icon";
-import IconButton from "../../../IconButton";
-import { getSizeType } from "../Input";
-export default /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$bordered = props.bordered,
-    bordered = _props$bordered === void 0 ? true : _props$bordered,
-    customSize = props.size,
-    disabled = props.disabled,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$allowClear = props.allowClear,
-    allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
-    rest = _objectWithoutProperties(props, _excluded);
-  var contentSize = useContext(SizeContext);
-  var size = customSize || contentSize || 'middle';
-  return /*#__PURE__*/React.createElement(AntdTextArea, _extends({}, rest, {
-    autoComplete: "off",
-    disabled: disabled,
-    spellCheck: false,
-    className: classnames('ald-input', 'ald-input-textarea', "ald-input-textarea-".concat(getSizeType(size)), _defineProperty({}, "ald-input-disabled", disabled), className),
-    allowClear: allowClear ? {
-      clearIcon: /*#__PURE__*/React.createElement(IconButton, {
-        size: "small",
-        icon: /*#__PURE__*/React.createElement(CloseCircleFill, {
-          color: "var(--alias-colors-icon-subtle)"
-        })
-      })
-    } : false,
-    ref: ref,
-    bordered: bordered
-  }));
-});
+import { cn } from "../../../lib/utils.js";
+import Memo from "../../../Icon/components/CloseCircleFill.js";
+import DisabledContext from "../../../ConfigProvider/DisabledContext.js";
+import SizeContext from "../../../ConfigProvider/sizeContext.js";
+import { getSizeType } from "../Input/index.js";
+import React, { forwardRef, useContext, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Input/components/TextArea/index.tsx
+var TextArea_default = forwardRef((props, ref) => {
+	const { bordered, border, size: customSize, disabled, className = "", allowClear = false, value: controlledValue, defaultValue, onChange, onPressEnter, maxLength, showCount, autoSize, placeholder, rows, onBlur, onFocus, style } = props;
+	const isBordered = bordered ?? border ?? true;
+	const contextDisabled = useContext(DisabledContext);
+	const mergedDisabled = disabled ?? contextDisabled;
+	const contentSize = useContext(SizeContext);
+	const size = customSize || contentSize || "middle";
+	const isControlled = "value" in props;
+	const [innerValue, setInnerValue] = useState(defaultValue ?? "");
+	const currentValue = isControlled ? controlledValue ?? "" : innerValue;
+	const textareaRef = useRef(null);
+	React.useImperativeHandle(ref, () => textareaRef.current);
+	const handleChange = (e) => {
+		if (!isControlled) setInnerValue(e.target.value);
+		onChange?.(e);
+	};
+	const handleClear = () => {
+		if (!isControlled) setInnerValue("");
+		onChange?.({ target: { value: "" } });
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter") onPressEnter?.(e);
+	};
+	const minRows = typeof autoSize === "object" ? autoSize.minRows : void 0;
+	const maxRows = typeof autoSize === "object" ? autoSize.maxRows : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-input ald-input-textarea tw-relative", `ald-input-textarea-${getSizeType(size)}`, isBordered && "tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-default)]", mergedDisabled && "ald-input-disabled tw-opacity-50", className),
+		style,
+		children: [
+			/* @__PURE__ */ jsx("textarea", {
+				ref: textareaRef,
+				className: "tw-w-full tw-resize-y tw-border-0 tw-bg-transparent tw-px-3 tw-py-2 tw-text-sm tw-text-[var(--content-primary)] tw-outline-none",
+				value: currentValue,
+				onChange: handleChange,
+				onBlur,
+				onFocus,
+				onKeyDown: handleKeyDown,
+				disabled: mergedDisabled,
+				placeholder,
+				maxLength,
+				rows: rows || (minRows ?? 3),
+				spellCheck: false,
+				autoComplete: "off",
+				style: {
+					minHeight: minRows ? `${minRows * 22}px` : void 0,
+					maxHeight: maxRows ? `${maxRows * 22}px` : void 0
+				}
+			}),
+			allowClear && currentValue && !mergedDisabled && /* @__PURE__ */ jsx("span", {
+				className: "tw-absolute tw-right-2 tw-top-2 tw-cursor-pointer",
+				onClick: handleClear,
+				children: /* @__PURE__ */ jsx(Memo, {
+					size: 16,
+					color: "var(--alias-colors-icon-subtle)"
+				})
+			}),
+			showCount && /* @__PURE__ */ jsx("div", {
+				className: "tw-px-2 tw-pb-1 tw-text-right tw-text-xs tw-text-[var(--content-tertiary)]",
+				children: typeof showCount === "object" ? showCount.formatter({
+					count: currentValue.length,
+					maxLength
+				}) : `${currentValue.length}${maxLength ? `/${maxLength}` : ""}`
+			})
+		]
+	});
+});
+//#endregion
+export { TextArea_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Input/components/TextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Input/components/TextArea/index.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useRef, useState } from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport SizeContext from '../../../ConfigProvider/sizeContext';\nimport { CloseCircleFill } from '../../../Icon';\nimport { cn } from '../../../lib/utils';\nimport { TSize, getSizeType } from '../Input';\n\nexport type TextAreaRef = HTMLTextAreaElement;\n\nexport interface ITextAreaProps {\n  allowClear?: boolean;\n  autoSize?: boolean | { minRows?: number; maxRows?: number };\n  defaultValue?: string;\n  maxLength?: number;\n  showCount?:\n    | boolean\n    | { formatter: (args: { count: number; maxLength?: number }) => string };\n  value?: string;\n  onPressEnter?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n  onResize?: (size: { width: number; height: number }) => void;\n  border?: boolean;\n  bordered?: boolean;\n  className?: string;\n  size?: TSize;\n  disabled?: boolean;\n  placeholder?: string;\n  rows?: number;\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;\n  onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;\n  style?: React.CSSProperties;\n}\n\nexport default forwardRef<TextAreaRef, ITextAreaProps>((props, ref) => {\n  const {\n    bordered,\n    border,\n    size: customSize,\n    disabled,\n    className = '',\n    allowClear = false,\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onPressEnter,\n    maxLength,\n    showCount,\n    autoSize,\n    placeholder,\n    rows,\n    onBlur,\n    onFocus,\n    style,\n  } = props;\n\n  const isBordered = bordered ?? border ?? true;\n\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const size = customSize || contentSize || 'middle';\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState(defaultValue ?? '');\n  const currentValue = isControlled ? controlledValue ?? '' : innerValue;\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  React.useImperativeHandle(ref, () => textareaRef.current!);\n\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    if (!isControlled) setInnerValue(e.target.value);\n    onChange?.(e);\n  };\n\n  const handleClear = () => {\n    if (!isControlled) setInnerValue('');\n    onChange?.({\n      target: { value: '' },\n    } as React.ChangeEvent<HTMLTextAreaElement>);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter') onPressEnter?.(e);\n  };\n\n  const minRows = typeof autoSize === 'object' ? autoSize.minRows : undefined;\n  const maxRows = typeof autoSize === 'object' ? autoSize.maxRows : undefined;\n\n  return (\n    <div\n      className={cn(\n        'ald-input ald-input-textarea tw-relative',\n        `ald-input-textarea-${getSizeType(size)}`,\n        isBordered &&\n          'tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-default)]',\n        mergedDisabled && 'ald-input-disabled tw-opacity-50',\n        className,\n      )}\n      style={style}\n    >\n      <textarea\n        ref={textareaRef}\n        className=\"tw-w-full tw-resize-y tw-border-0 tw-bg-transparent tw-px-3 tw-py-2 tw-text-sm tw-text-[var(--content-primary)] tw-outline-none\"\n        value={currentValue}\n        onChange={handleChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={handleKeyDown}\n        disabled={mergedDisabled}\n        placeholder={placeholder}\n        maxLength={maxLength}\n        rows={rows || (minRows ?? 3)}\n        spellCheck={false}\n        autoComplete=\"off\"\n        style={{\n          minHeight: minRows ? `${minRows * 22}px` : undefined,\n          maxHeight: maxRows ? `${maxRows * 22}px` : undefined,\n        }}\n      />\n      {allowClear && currentValue && !mergedDisabled && (\n        <span\n          className=\"tw-absolute tw-right-2 tw-top-2 tw-cursor-pointer\"\n          onClick={handleClear}\n        >\n          <CloseCircleFill size={16} color=\"var(--alias-colors-icon-subtle)\" />\n        </span>\n      )}\n      {showCount && (\n        <div className=\"tw-px-2 tw-pb-1 tw-text-right tw-text-xs tw-text-[var(--content-tertiary)]\">\n          {typeof showCount === 'object'\n            ? showCount.formatter({ count: currentValue.length, maxLength })\n            : `${currentValue.length}${maxLength ? `/${maxLength}` : ''}`}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;AAiCA,IAAA,mBAAe,YAAyC,OAAO,QAAQ;CACrE,MAAM,EACJ,UACA,QACA,MAAM,YACN,UACA,YAAY,IACZ,aAAa,OACb,OAAO,iBACP,cACA,UACA,cACA,WACA,WACA,UACA,aACA,MACA,QACA,SACA,UACE;CAEJ,MAAM,aAAa,YAAY,UAAU;CAEzC,MAAM,kBAAkB,WAAW,gBAAgB;CACnD,MAAM,iBAAiB,YAAY;CAEnC,MAAM,cAAc,WAAW,YAAY;CAC3C,MAAM,OAAO,cAAc,eAAe;CAC1C,MAAM,eAAe,WAAW;CAChC,MAAM,CAAC,YAAY,iBAAiB,SAAS,gBAAgB,GAAG;CAChE,MAAM,eAAe,eAAe,mBAAmB,KAAK;CAC5D,MAAM,cAAc,OAA4B,KAAK;AAErD,OAAM,oBAAoB,WAAW,YAAY,QAAS;CAE1D,MAAM,gBAAgB,MAA8C;AAClE,MAAI,CAAC,aAAc,eAAc,EAAE,OAAO,MAAM;AAChD,aAAW,EAAE;;CAGf,MAAM,oBAAoB;AACxB,MAAI,CAAC,aAAc,eAAc,GAAG;AACpC,aAAW,EACT,QAAQ,EAAE,OAAO,IAAI,EACtB,CAA2C;;CAG9C,MAAM,iBAAiB,MAAgD;AACrE,MAAI,EAAE,QAAQ,QAAS,gBAAe,EAAE;;CAG1C,MAAM,UAAU,OAAO,aAAa,WAAW,SAAS,UAAU;CAClE,MAAM,UAAU,OAAO,aAAa,WAAW,SAAS,UAAU;AAElE,QACE,qBAAC,OAAD;EACE,WAAW,GACT,4CACA,sBAAsB,YAAY,KAAK,IACvC,cACE,+EACF,kBAAkB,oCAClB,UACD;EACM;YATT;GAWE,oBAAC,YAAD;IACE,KAAK;IACL,WAAU;IACV,OAAO;IACP,UAAU;IACF;IACC;IACT,WAAW;IACX,UAAU;IACG;IACF;IACX,MAAM,SAAS,WAAW;IAC1B,YAAY;IACZ,cAAa;IACb,OAAO;KACL,WAAW,UAAU,GAAG,UAAU,GAAG,MAAM;KAC3C,WAAW,UAAU,GAAG,UAAU,GAAG,MAAM;KAC5C;IACD,CAAA;GACD,cAAc,gBAAgB,CAAC,kBAC9B,oBAAC,QAAD;IACE,WAAU;IACV,SAAS;cAET,oBAAC,MAAD;KAAiB,MAAM;KAAI,OAAM;KAAoC,CAAA;IAChE,CAAA;GAER,aACC,oBAAC,OAAD;IAAK,WAAU;cACZ,OAAO,cAAc,WAClB,UAAU,UAAU;KAAE,OAAO,aAAa;KAAQ;KAAW,CAAC,GAC9D,GAAG,aAAa,SAAS,YAAY,IAAI,cAAc;IACvD,CAAA;GAEJ;;EAER"}

package/dist/Input/index.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { IInputProps, InputRef } from './components/Input';
-import Password from './components/Password';
-import TextArea from './components/TextArea';
-export type { IInputProps, InputRef, TSize } from './components/Input';
-export type { IPasswordProps } from './components/Password';
-export type { ITextAreaProps, TextAreaRef } from './components/TextArea';
+import { IInputProps, InputRef } from './components/Input.js';
+import { default as Password } from './components/Password.js';
+import { default as TextArea } from './components/TextArea.js';
+export type { IInputProps, InputRef, TSize } from './components/Input.js';
+export type { IPasswordProps } from './components/Password.js';
+export type { ITextAreaProps, TextAreaRef } from './components/TextArea.js';
 interface ICompoundedComponent extends React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<InputRef>> {
     TextArea: typeof TextArea;
     Password: typeof Password;

package/dist/Input/index.js

@@ -1,7 +1,11 @@
-import InternalInput from "./components/Input";
-import Password from "./components/Password";
-import TextArea from "./components/TextArea";
-var Input = InternalInput;
-Input.TextArea = TextArea;
-Input.Password = Password;
-export default Input;
+import Input$1 from "./components/Input/index.js";
+import Password_default from "./components/Password/index.js";
+import TextArea_default from "./components/TextArea/index.js";
+//#region src/Input/index.tsx
+var Input = Input$1;
+Input.TextArea = TextArea_default;
+Input.Password = Password_default;
+//#endregion
+export { Input as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Input/index.tsx"],"sourcesContent":["import InternalInput, { IInputProps, InputRef } from './components/Input';\nimport Password from './components/Password';\nimport TextArea from './components/TextArea';\n\nexport type { IInputProps, InputRef, TSize } from './components/Input';\nexport type { IPasswordProps } from './components/Password';\nexport type { ITextAreaProps, TextAreaRef } from './components/TextArea';\n\ninterface ICompoundedComponent\n  extends React.ForwardRefExoticComponent<\n    IInputProps & React.RefAttributes<InputRef>\n  > {\n  TextArea: typeof TextArea;\n  Password: typeof Password;\n}\n\nconst Input = InternalInput as ICompoundedComponent;\n\nInput.TextArea = TextArea;\nInput.Password = Password;\nexport default Input;\n"],"mappings":";;;;AAgBA,IAAM,QAAQ;AAEd,MAAM,WAAW;AACjB,MAAM,WAAW"}

package/dist/InputNumber/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-import { IInputNumberProps } from './type';
-export default function InputNumber(props: IInputNumberProps): React.JSX.Element;
+import { IInputNumberProps } from './type.js';
+export default function InputNumber(props: IInputNumberProps): import("react/jsx-runtime").JSX.Element;
 export type { IInputNumberProps };

package/dist/InputNumber/index.js

@@ -1,44 +1,123 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["className", "disabled", "size", "status"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { InputNumber as AntInputNumber } from 'antd';
-import DisabledContext from 'antd/lib/config-provider/DisabledContext';
-import { FormItemInputContext } from 'antd/lib/form/context';
-import { getMergedStatus } from 'antd/lib/_util/statusUtils';
-import classnames from 'classnames';
-import React, { useContext } from 'react';
-import SizeContext from "../ConfigProvider/sizeContext";
-export default function InputNumber(props) {
-  var className = props.className,
-    customDisabled = props.disabled,
-    customSize = props.size,
-    customStatus = props.status,
-    rest = _objectWithoutProperties(props, _excluded);
-  var contentSize = useContext(SizeContext);
-  var size = customSize || contentSize || 'middle';
-  var _React$useContext = React.useContext(FormItemInputContext),
-    contextStatus = _React$useContext.status;
-  var mergedStatus = getMergedStatus(contextStatus, customStatus);
-  // ===================== Disabled =====================
-  var disabled = React.useContext(DisabledContext);
-  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
-  var getClassName = function getClassName() {
-    var _classnames;
-    return classnames(className, 'ald-input-number', (_classnames = {
-      'ald-input-number-disabled': mergedDisabled
-    }, _defineProperty(_classnames, "ald-input-number-large", size === 'large'), _defineProperty(_classnames, "ald-input-number-small", size === 'small'), _defineProperty(_classnames, "ald-input-number-middle", size !== 'large' && size !== 'small'), _classnames));
-  };
-  return /*#__PURE__*/React.createElement(AntInputNumber, _extends({}, rest, {
-    disabled: mergedDisabled
-    // @ts-ignore
-    ,
-    status: mergedStatus,
-    size: size,
-    className: getClassName()
-  }));
-}
+import { cn } from "../lib/utils.js";
+import DisabledContext from "../ConfigProvider/DisabledContext.js";
+import SizeContext from "../ConfigProvider/sizeContext.js";
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/InputNumber/index.tsx
+function InputNumber(props) {
+	const { className, disabled: customDisabled, size: customSize, status, value: controlledValue, defaultValue, min = -Infinity, max = Infinity, step = 1, precision, onChange, onPressEnter, onBlur, onFocus, formatter, parser, prefix, addonBefore, addonAfter, placeholder, autoFocus, bordered = true, keyboard = true, readonly: readOnly, style, id } = props;
+	const contentSize = useContext(SizeContext);
+	const size = customSize || contentSize || "middle";
+	const disabled = useContext(DisabledContext);
+	const mergedDisabled = customDisabled ?? disabled;
+	const isControlled = "value" in props;
+	const [innerValue, setInnerValue] = useState(defaultValue ?? null);
+	const currentValue = isControlled ? controlledValue : innerValue;
+	const [inputStr, setInputStr] = useState(currentValue !== null && currentValue !== void 0 ? String(currentValue) : "");
+	const inputRef = useRef(null);
+	useEffect(() => {
+		if (currentValue !== null && currentValue !== void 0) setInputStr(String(currentValue));
+		else setInputStr("");
+	}, [currentValue]);
+	const clamp = useCallback((val) => {
+		let v = Math.max(min, Math.min(max, val));
+		if (precision !== void 0) v = Number(v.toFixed(precision));
+		return v;
+	}, [
+		min,
+		max,
+		precision
+	]);
+	const updateValue = useCallback((newVal) => {
+		const clamped = newVal !== null ? clamp(newVal) : null;
+		if (!isControlled) setInnerValue(clamped);
+		onChange?.(clamped);
+	}, [
+		clamp,
+		isControlled,
+		onChange
+	]);
+	const handleChange = (e) => {
+		const raw = e.target.value;
+		setInputStr(raw);
+		if (raw === "" || raw === "-") return;
+		const parsed = parser ? parser(raw) : Number(raw);
+		if (!isNaN(parsed)) updateValue(parsed);
+	};
+	const handleBlur = (e) => {
+		if (inputStr === "" || inputStr === "-") {
+			updateValue(null);
+			setInputStr("");
+		} else {
+			const parsed = parser ? parser(inputStr) : Number(inputStr);
+			if (!isNaN(parsed)) {
+				const clamped = clamp(parsed);
+				updateValue(clamped);
+				setInputStr(String(clamped));
+			}
+		}
+		onBlur?.(e);
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter") onPressEnter?.(e);
+		if (!keyboard) return;
+		const numStep = typeof step === "string" ? Number(step) : step;
+		if (e.key === "ArrowUp") {
+			e.preventDefault();
+			updateValue(clamp((currentValue ?? 0) + numStep));
+		} else if (e.key === "ArrowDown") {
+			e.preventDefault();
+			updateValue(clamp((currentValue ?? 0) - numStep));
+		}
+	};
+	const displayValue = formatter ? formatter(currentValue ?? void 0, {
+		userTyping: document.activeElement === inputRef.current,
+		input: inputStr
+	}) : inputStr;
+	const hasAddon = addonBefore || addonAfter;
+	const sizeClasses = cn(size === "large" && "ald-input-number-large tw-h-9 tw-text-base", size === "small" && "ald-input-number-small tw-h-7 tw-text-xs", size !== "large" && size !== "small" && "ald-input-number-middle tw-h-8 tw-text-sm");
+	const radiusClasses = cn(size === "large" && "tw-rounded-[8px]", size === "small" && "tw-rounded-[4px]", size !== "large" && size !== "small" && "tw-rounded-[6px]");
+	const inputBox = /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-input-number tw-inline-flex tw-min-w-0 tw-items-center tw-overflow-hidden", bordered && "tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]", mergedDisabled ? "ald-input-number-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]" : "tw-bg-[var(--interaction-background-form-field)] tw-text-[var(--content-primary)] hover:tw-border-[var(--interaction-border-hover)]", !hasAddon && sizeClasses, hasAddon ? "tw-h-auto tw-flex-1 tw-self-stretch tw-rounded-none" : radiusClasses, status === "error" && "tw-border-[var(--border-negative-strong)]", status === "warning" && "tw-border-[var(--border-warning-subtle)]", "focus-within:tw-border-[var(--interaction-border-hover)] focus-within:tw-outline focus-within:tw-outline-1 focus-within:tw-outline-[var(--global-blue-500)]", !hasAddon && className),
+		style: !hasAddon ? style : void 0,
+		children: [prefix && /* @__PURE__ */ jsx("span", {
+			className: "tw-px-2 tw-text-[var(--content-secondary)]",
+			children: prefix
+		}), /* @__PURE__ */ jsx("input", {
+			ref: inputRef,
+			id,
+			type: "text",
+			inputMode: "numeric",
+			className: cn("tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-transparent tw-px-[7px] tw-text-inherit tw-outline-none", mergedDisabled && "tw-cursor-not-allowed tw-text-[var(--content-secondary)]"),
+			value: displayValue,
+			onChange: handleChange,
+			onBlur: handleBlur,
+			onFocus,
+			onKeyDown: handleKeyDown,
+			disabled: mergedDisabled,
+			readOnly,
+			autoFocus,
+			placeholder
+		})]
+	});
+	if (!hasAddon) return inputBox;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-input-number-group tw-inline-flex tw-w-full tw-items-stretch", sizeClasses, radiusClasses, mergedDisabled && "ald-input-number-disabled", className),
+		style,
+		children: [
+			addonBefore && /* @__PURE__ */ jsx("span", {
+				className: cn("ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-r-0 tw-border-solid tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]", size === "large" && "tw-rounded-l-[8px]", size === "small" && "tw-rounded-l-[4px]", size !== "large" && size !== "small" && "tw-rounded-l-[6px]"),
+				children: addonBefore
+			}),
+			inputBox,
+			addonAfter && /* @__PURE__ */ jsx("span", {
+				className: cn("ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-l-0 tw-border-solid tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]", size === "large" && "tw-rounded-r-[8px]", size === "small" && "tw-rounded-r-[4px]", size !== "large" && size !== "small" && "tw-rounded-r-[6px]"),
+				children: addonAfter
+			})
+		]
+	});
+}
+//#endregion
+export { InputNumber as default };
+
+//# sourceMappingURL=index.js.map

package/dist/InputNumber/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/InputNumber/index.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\nimport { IInputNumberProps } from './type';\n\nexport default function InputNumber(props: IInputNumberProps) {\n  const {\n    className,\n    disabled: customDisabled,\n    size: customSize,\n    status,\n    value: controlledValue,\n    defaultValue,\n    min = -Infinity,\n    max = Infinity,\n    step = 1,\n    precision,\n    onChange,\n    onPressEnter,\n    onBlur,\n    onFocus,\n    formatter,\n    parser,\n    prefix,\n    addonBefore,\n    addonAfter,\n    placeholder,\n    autoFocus,\n    bordered = true,\n    keyboard = true,\n    readonly: readOnly,\n    style,\n    id,\n  } = props;\n\n  const contentSize = useContext(SizeContext);\n  const size = customSize || contentSize || 'middle';\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState<number | null | undefined>(\n    defaultValue ?? null,\n  );\n  const currentValue = isControlled ? controlledValue : innerValue;\n\n  const [inputStr, setInputStr] = useState(\n    currentValue !== null && currentValue !== undefined\n      ? String(currentValue)\n      : '',\n  );\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (currentValue !== null && currentValue !== undefined) {\n      setInputStr(String(currentValue));\n    } else {\n      setInputStr('');\n    }\n  }, [currentValue]);\n\n  const clamp = useCallback(\n    (val: number) => {\n      let v = Math.max(min, Math.min(max, val));\n      if (precision !== undefined) {\n        v = Number(v.toFixed(precision));\n      }\n      return v;\n    },\n    [min, max, precision],\n  );\n\n  const updateValue = useCallback(\n    (newVal: number | null) => {\n      const clamped = newVal !== null ? clamp(newVal) : null;\n      if (!isControlled) setInnerValue(clamped);\n      onChange?.(clamped);\n    },\n    [clamp, isControlled, onChange],\n  );\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setInputStr(raw);\n    if (raw === '' || raw === '-') return;\n    const parsed = parser ? parser(raw) : Number(raw);\n    if (!isNaN(parsed)) {\n      updateValue(parsed);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (inputStr === '' || inputStr === '-') {\n      updateValue(null);\n      setInputStr('');\n    } else {\n      const parsed = parser ? parser(inputStr) : Number(inputStr);\n      if (!isNaN(parsed)) {\n        const clamped = clamp(parsed);\n        updateValue(clamped);\n        setInputStr(String(clamped));\n      }\n    }\n    onBlur?.(e);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      onPressEnter?.(e);\n    }\n    if (!keyboard) return;\n    const numStep = typeof step === 'string' ? Number(step) : step;\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      updateValue(clamp((currentValue ?? 0) + numStep));\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      updateValue(clamp((currentValue ?? 0) - numStep));\n    }\n  };\n\n  const displayValue = formatter\n    ? formatter(currentValue ?? undefined, {\n        userTyping: document.activeElement === inputRef.current,\n        input: inputStr,\n      })\n    : inputStr;\n\n  const hasAddon = addonBefore || addonAfter;\n\n  const sizeClasses = cn(\n    size === 'large' && 'ald-input-number-large tw-h-9 tw-text-base',\n    size === 'small' && 'ald-input-number-small tw-h-7 tw-text-xs',\n    size !== 'large' &&\n      size !== 'small' &&\n      'ald-input-number-middle tw-h-8 tw-text-sm',\n  );\n\n  const radiusClasses = cn(\n    size === 'large' && 'tw-rounded-[8px]',\n    size === 'small' && 'tw-rounded-[4px]',\n    size !== 'large' && size !== 'small' && 'tw-rounded-[6px]',\n  );\n\n  const inputBox = (\n    <div\n      className={cn(\n        'ald-input-number tw-inline-flex tw-min-w-0 tw-items-center tw-overflow-hidden',\n        bordered &&\n          'tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]',\n        mergedDisabled\n          ? 'ald-input-number-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]'\n          : 'tw-bg-[var(--interaction-background-form-field)] tw-text-[var(--content-primary)] hover:tw-border-[var(--interaction-border-hover)]',\n        !hasAddon && sizeClasses,\n        hasAddon\n          ? 'tw-h-auto tw-flex-1 tw-self-stretch tw-rounded-none'\n          : radiusClasses,\n        status === 'error' && 'tw-border-[var(--border-negative-strong)]',\n        status === 'warning' && 'tw-border-[var(--border-warning-subtle)]',\n        'focus-within:tw-border-[var(--interaction-border-hover)] focus-within:tw-outline focus-within:tw-outline-1 focus-within:tw-outline-[var(--global-blue-500)]',\n        !hasAddon && className,\n      )}\n      style={!hasAddon ? style : undefined}\n    >\n      {prefix && (\n        <span className=\"tw-px-2 tw-text-[var(--content-secondary)]\">\n          {prefix}\n        </span>\n      )}\n      <input\n        ref={inputRef}\n        id={id}\n        type=\"text\"\n        inputMode=\"numeric\"\n        className={cn(\n          'tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-transparent tw-px-[7px] tw-text-inherit tw-outline-none',\n          mergedDisabled &&\n            'tw-cursor-not-allowed tw-text-[var(--content-secondary)]',\n        )}\n        value={displayValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={onFocus}\n        onKeyDown={handleKeyDown}\n        disabled={mergedDisabled}\n        readOnly={readOnly}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n      />\n    </div>\n  );\n\n  if (!hasAddon) return inputBox;\n\n  return (\n    <div\n      className={cn(\n        'ald-input-number-group tw-inline-flex tw-w-full tw-items-stretch',\n        sizeClasses,\n        radiusClasses,\n        mergedDisabled && 'ald-input-number-disabled',\n        className,\n      )}\n      style={style}\n    >\n      {addonBefore && (\n        <span\n          className={cn(\n            'ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-r-0 tw-border-solid tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]',\n            size === 'large' && 'tw-rounded-l-[8px]',\n            size === 'small' && 'tw-rounded-l-[4px]',\n            size !== 'large' && size !== 'small' && 'tw-rounded-l-[6px]',\n          )}\n        >\n          {addonBefore}\n        </span>\n      )}\n      {inputBox}\n      {addonAfter && (\n        <span\n          className={cn(\n            'ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-l-0 tw-border-solid tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]',\n            size === 'large' && 'tw-rounded-r-[8px]',\n            size === 'small' && 'tw-rounded-r-[4px]',\n            size !== 'large' && size !== 'small' && 'tw-rounded-r-[6px]',\n          )}\n        >\n          {addonAfter}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport type { IInputNumberProps };\n"],"mappings":"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"}