@cssui/react 1.0.0 → 1.0.2

package/dist/adapter-react/components/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA"}

package/dist/adapter-react/components/input/Input.d.ts

@@ -0,0 +1,10 @@
+import { type ChangeEvent, type ReactNode } from 'react';
+import { type InputProps as BaseInputProps } from '../../../components/input/index';
+import '../../../components/input/style.css';
+export interface InputProps extends Omit<BaseInputProps, 'onChange' | 'icon'> {
+    icon?: ReactNode;
+    onChange?: (value: string, event?: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLTextAreaElement>) => void;
+}
+export declare const Input: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>>;
+export default Input;
+//# sourceMappingURL=Input.d.ts.map

package/dist/adapter-react/components/input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAsB,KAAK,UAAU,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAM/F,OAAO,mCAAmC,CAAA;AAE1C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,WAAW,CAAC,mBAAmB,CAAC,KACrE,IAAI,CAAA;CACV;AAuFD,eAAO,MAAM,KAAK,qKAA8B,CAAA;AAEhD,eAAe,KAAK,CAAA"}

package/dist/adapter-react/components/input/Input.js

@@ -0,0 +1,79 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { getInputClassNames } from '../../../components/input/index.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import { forwardRef } from '../../runtime/forwardRef.js';
+import IconComponent from '../icon/Icon.js';
+import { mergeRefs } from '../../hooks/index.js';
+import { cn } from '../../../utils/src/index.js';
+import { useMergedState } from '../../hooks/useMergedState.js';
+
+const InputComponent = createComponent(
+  forwardRef((props, ref) => {
+    const {
+      label,
+      type = "text",
+      status = "default",
+      disabled = false,
+      value,
+      placeholder = "",
+      icon,
+      rows = 3,
+      className,
+      onChange
+    } = props;
+    const inputRef = useRef(null);
+    const [currentValue, setCurrentValue] = useMergedState(value ?? "", { value });
+    const classNames = cn(
+      getInputClassNames({ type, status, disabled, icon }),
+      className
+    );
+    const handleChange = (event) => {
+      setCurrentValue(event.target.value);
+      onChange?.(event.target.value, event);
+    };
+    if (type === "textarea") {
+      const content2 = /* @__PURE__ */ jsx("div", { className: classNames, children: /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref,
+          className: "css-input__control css-input__control--textarea",
+          value: currentValue,
+          placeholder,
+          rows,
+          disabled,
+          onChange: handleChange
+        }
+      ) });
+      return label ? /* @__PURE__ */ jsxs("div", { className: "css-input-field", children: [
+        /* @__PURE__ */ jsx("span", { className: "css-input-field__label", children: label }),
+        content2
+      ] }) : content2;
+    }
+    const content = /* @__PURE__ */ jsxs("div", { className: classNames, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: mergeRefs(ref, inputRef),
+          type,
+          className: "css-input__control",
+          value: currentValue,
+          placeholder,
+          disabled,
+          onChange: handleChange
+        }
+      ),
+      type === "search" || icon ? /* @__PURE__ */ jsx("span", { className: "css-input__icon", children: icon ?? /* @__PURE__ */ jsx(IconComponent, { name: "Search", size: 16 }) }) : null
+    ] });
+    return label ? /* @__PURE__ */ jsxs("div", { className: "css-input-field", children: [
+      /* @__PURE__ */ jsx("span", { className: "css-input-field__label", children: label }),
+      content
+    ] }) : content;
+  })
+);
+InputComponent.displayName = "CssInput";
+const Input = withInstall(InputComponent);
+
+export { Input, Input as default };
+//# sourceMappingURL=Input.js.map

package/dist/adapter-react/components/input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../adapter-react/components/input/Input.tsx"],"sourcesContent":["import { useRef, type ChangeEvent, type ReactNode } from 'react'\nimport { getInputClassNames, type InputProps as BaseInputProps } from '@cssui/components/input'\nimport { forwardRef, createComponent, withInstall } from '../../runtime'\nimport Icon from '../icon/Icon'\nimport { mergeRefs, useMergedState } from '../../hooks'\nimport { cn } from '@cssui/utils'\n\nimport '@cssui/components/input/style.css'\n\nexport interface InputProps extends Omit<BaseInputProps, 'onChange' | 'icon'> {\n  icon?: ReactNode\n  onChange?: (\n    value: string,\n    event?: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLTextAreaElement>\n  ) => void\n}\n\nconst InputComponent = createComponent(\n  forwardRef<HTMLInputElement | HTMLTextAreaElement, InputProps>((props, ref) => {\n    const {\n      label,\n      type = 'text',\n      status = 'default',\n      disabled = false,\n      value,\n      placeholder = '',\n      icon,\n      rows = 3,\n      className,\n      onChange,\n    } = props\n\n    const inputRef = useRef<HTMLInputElement>(null)\n    const [currentValue, setCurrentValue] = useMergedState(value ?? '', { value })\n\n    const classNames = cn(\n      getInputClassNames({ type, status, disabled, icon: icon as string }),\n      className\n    )\n\n    const handleChange = (\n      event: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLTextAreaElement>\n    ) => {\n      setCurrentValue(event.target.value)\n      onChange?.(event.target.value, event)\n    }\n\n    if (type === 'textarea') {\n      const content = (\n        <div className={classNames}>\n          <textarea\n            ref={ref as React.ForwardedRef<HTMLTextAreaElement>}\n            className=\"css-input__control css-input__control--textarea\"\n            value={currentValue}\n            placeholder={placeholder}\n            rows={rows}\n            disabled={disabled}\n            onChange={handleChange}\n          />\n        </div>\n      )\n\n      return label ? (\n        <div className=\"css-input-field\">\n          <span className=\"css-input-field__label\">{label}</span>\n          {content}\n        </div>\n      ) : (\n        content\n      )\n    }\n\n    const content = (\n      <div className={classNames}>\n        <input\n          ref={mergeRefs(ref as React.Ref<HTMLInputElement>, inputRef)}\n          type={type}\n          className=\"css-input__control\"\n          value={currentValue}\n          placeholder={placeholder}\n          disabled={disabled}\n          onChange={handleChange}\n        />\n        {type === 'search' || icon ? (\n          <span className=\"css-input__icon\">{icon ?? <Icon name=\"Search\" size={16} />}</span>\n        ) : null}\n      </div>\n    )\n\n    return label ? (\n      <div className=\"css-input-field\">\n        <span className=\"css-input-field__label\">{label}</span>\n        {content}\n      </div>\n    ) : (\n      content\n    )\n  })\n)\n\nInputComponent.displayName = 'CssInput'\n\nexport const Input = withInstall(InputComponent)\n\nexport default Input\n"],"names":["content","Icon"],"mappings":"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"}

package/dist/adapter-react/components/input/index.d.ts

@@ -0,0 +1,3 @@
+export { Input } from './Input';
+export type { InputProps } from './Input';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/components/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/dist/adapter-react/components/input-bar/InputBar.d.ts

@@ -0,0 +1,9 @@
+import { type InputBarProps as BaseInputBarProps } from '../../../components/input-bar/index';
+import '../../../components/input-bar/style.css';
+export interface InputBarProps extends BaseInputBarProps {
+    /** 非受控默认值 */
+    defaultValue?: number;
+}
+export declare const InputBar: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<InputBarProps & import("react").RefAttributes<HTMLInputElement>>>;
+export default InputBar;
+//# sourceMappingURL=InputBar.d.ts.map

package/dist/adapter-react/components/input-bar/InputBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBar.d.ts","sourceRoot":"","sources":["../../../components/input-bar/InputBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,6BAA6B,CAAA;AAGpC,OAAO,uCAAuC,CAAA;AAE9C,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,aAAa;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AA8ID,eAAO,MAAM,QAAQ,kJAAiC,CAAA;AACtD,eAAe,QAAQ,CAAA"}

package/dist/adapter-react/components/input-bar/InputBar.js

@@ -0,0 +1,136 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback } from 'react';
+import { getInputBarClassNames, getInputBarPercent } from '../../../components/input-bar/index.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import { forwardRef } from '../../runtime/forwardRef.js';
+
+const InputBarComponent = createComponent(
+  forwardRef((props, ref) => {
+    const {
+      label,
+      value: controlledValue,
+      defaultValue,
+      threshold = 25,
+      min = 0,
+      max = 100,
+      step = 1,
+      disabled = false,
+      unit = "",
+      placeholder = "",
+      onChange
+    } = props;
+    const [internalValue, setInternalValue] = useState(controlledValue ?? defaultValue ?? min);
+    const [isFocused, setIsFocused] = useState(false);
+    const inputRef = useRef(null);
+    const isControlled = controlledValue !== void 0;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    const percent = getInputBarPercent(currentValue, min, max);
+    const normalizedThreshold = Math.min(Math.max(threshold, min), max);
+    const thresholdPercent = getInputBarPercent(normalizedThreshold, min, max);
+    const isError = currentValue < normalizedThreshold || currentValue > max;
+    const updateValue = useCallback(
+      (newValue) => {
+        if (!isControlled) {
+          setInternalValue(newValue);
+        }
+        onChange?.(newValue);
+      },
+      [onChange, isControlled]
+    );
+    const handleInputChange = useCallback(
+      (e) => {
+        const raw = e.target.value;
+        if (raw === "") {
+          if (!isControlled) {
+            setInternalValue(min);
+          }
+          onChange?.(min);
+          return;
+        }
+        const num = Number(raw);
+        if (isNaN(num)) return;
+        updateValue(num);
+      },
+      [isControlled, min, updateValue]
+    );
+    const handleBlur = useCallback(
+      (e) => {
+        setIsFocused(false);
+        const raw = e.target.value;
+        if (raw === "") return;
+        const num = Number(raw);
+        if (isNaN(num)) return;
+        const stepped = Math.round(num / step) * step;
+        if (!isControlled) {
+          setInternalValue(stepped);
+        }
+        if (stepped !== currentValue) {
+          onChange?.(stepped);
+        }
+      },
+      [step, isControlled, currentValue, onChange]
+    );
+    const handleFocus = useCallback(() => {
+      setIsFocused(true);
+    }, []);
+    const handleClick = useCallback(() => {
+      if (disabled) return;
+      inputRef.current?.focus();
+      inputRef.current?.select();
+    }, [disabled]);
+    const displayValue = isFocused && !isControlled ? internalValue === min && internalValue === defaultValue ? "" : internalValue : currentValue;
+    const content = /* @__PURE__ */ jsxs("div", { className: getInputBarClassNames({ disabled, error: isError }), children: [
+      /* @__PURE__ */ jsxs("div", { className: "css-input-bar__input-wrapper", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: ref || inputRef,
+            type: "number",
+            className: "css-input-bar__input-box",
+            value: displayValue,
+            min,
+            max,
+            step,
+            disabled,
+            placeholder,
+            onChange: handleInputChange,
+            onBlur: handleBlur,
+            onFocus: handleFocus
+          }
+        ),
+        unit && /* @__PURE__ */ jsx("span", { className: "css-input-bar__suffix", children: unit })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "css-input-bar__track", onClick: handleClick, children: [
+        /* @__PURE__ */ jsx("div", { className: "css-input-bar__fill", style: { width: `${percent * 100}%` } }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "css-input-bar__threshold-line",
+            style: { left: `${thresholdPercent * 100}%` }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "css-input-bar__labels", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "css-input-bar__threshold-value",
+            style: { left: `${thresholdPercent * 100}%` },
+            children: normalizedThreshold
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: min }),
+        /* @__PURE__ */ jsx("span", { children: max })
+      ] })
+    ] });
+    return label ? /* @__PURE__ */ jsxs("div", { className: "css-input-bar-field", children: [
+      /* @__PURE__ */ jsx("span", { className: "css-input-bar-field__label", children: label }),
+      content
+    ] }) : content;
+  })
+);
+const InputBar = withInstall(InputBarComponent);
+
+export { InputBar, InputBar as default };
+//# sourceMappingURL=InputBar.js.map

package/dist/adapter-react/components/input-bar/InputBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBar.js","sources":["../../../../../adapter-react/components/input-bar/InputBar.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react'\nimport {\n  getInputBarClassNames,\n  getInputBarPercent,\n  type InputBarProps as BaseInputBarProps,\n} from '@cssui/components/input-bar'\nimport { forwardRef, createComponent, withInstall } from '../../runtime'\n\nimport '@cssui/components/input-bar/style.css'\n\nexport interface InputBarProps extends BaseInputBarProps {\n  /** 非受控默认值 */\n  defaultValue?: number\n}\n\nconst InputBarComponent = createComponent(\n  forwardRef<HTMLInputElement, InputBarProps>((props, ref) => {\n    const {\n      label,\n      value: controlledValue,\n      defaultValue,\n      threshold = 25,\n      min = 0,\n      max = 100,\n      step = 1,\n      disabled = false,\n      unit = '',\n      placeholder = '',\n      onChange,\n    } = props\n\n    const [internalValue, setInternalValue] = useState(controlledValue ?? defaultValue ?? min)\n    const [isFocused, setIsFocused] = useState(false)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const isControlled = controlledValue !== undefined\n    const currentValue = isControlled ? controlledValue : internalValue\n\n    const percent = getInputBarPercent(currentValue, min, max)\n    const normalizedThreshold = Math.min(Math.max(threshold, min), max)\n    const thresholdPercent = getInputBarPercent(normalizedThreshold, min, max)\n    const isError = currentValue < normalizedThreshold || currentValue > max\n\n    const updateValue = useCallback(\n      (newValue: number) => {\n        if (!isControlled) {\n          setInternalValue(newValue)\n        }\n        onChange?.(newValue)\n      },\n      [onChange, isControlled]\n    )\n\n    const handleInputChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = e.target.value\n        if (raw === '') {\n          if (!isControlled) {\n            setInternalValue(min)\n          }\n          onChange?.(min)\n          return\n        }\n        const num = Number(raw)\n        if (isNaN(num)) return\n        updateValue(num)\n      },\n      [isControlled, min, updateValue]\n    )\n\n    const handleBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setIsFocused(false)\n        const raw = e.target.value\n        if (raw === '') return\n        const num = Number(raw)\n        if (isNaN(num)) return\n        const stepped = Math.round(num / step) * step\n        if (!isControlled) {\n          setInternalValue(stepped)\n        }\n        if (stepped !== currentValue) {\n          onChange?.(stepped)\n        }\n      },\n      [step, isControlled, currentValue, onChange]\n    )\n\n    const handleFocus = useCallback(() => {\n      setIsFocused(true)\n    }, [])\n\n    const handleClick = useCallback(() => {\n      if (disabled) return\n      inputRef.current?.focus()\n      inputRef.current?.select()\n    }, [disabled])\n\n    const displayValue =\n      isFocused && !isControlled\n        ? internalValue === min && internalValue === defaultValue\n          ? ''\n          : internalValue\n        : currentValue\n\n    const content = (\n      <div className={getInputBarClassNames({ disabled, error: isError })}>\n        <div className=\"css-input-bar__input-wrapper\">\n          <input\n            ref={ref || inputRef}\n            type=\"number\"\n            className=\"css-input-bar__input-box\"\n            value={displayValue}\n            min={min}\n            max={max}\n            step={step}\n            disabled={disabled}\n            placeholder={placeholder}\n            onChange={handleInputChange}\n            onBlur={handleBlur}\n            onFocus={handleFocus}\n          />\n          {unit && <span className=\"css-input-bar__suffix\">{unit}</span>}\n        </div>\n        <div className=\"css-input-bar__track\" onClick={handleClick}>\n          <div className=\"css-input-bar__fill\" style={{ width: `${percent * 100}%` }} />\n          <div\n            className=\"css-input-bar__threshold-line\"\n            style={{ left: `${thresholdPercent * 100}%` }}\n          />\n        </div>\n        <div className=\"css-input-bar__labels\">\n          <span\n            className=\"css-input-bar__threshold-value\"\n            style={{ left: `${thresholdPercent * 100}%` }}\n          >\n            {normalizedThreshold}\n          </span>\n          <span>{min}</span>\n          <span>{max}</span>\n        </div>\n      </div>\n    )\n\n    return label ? (\n      <div className=\"css-input-bar-field\">\n        <span className=\"css-input-bar-field__label\">{label}</span>\n        {content}\n      </div>\n    ) : (\n      content\n    )\n  })\n)\n\nexport const InputBar = withInstall(InputBarComponent)\nexport default InputBar\n"],"names":[],"mappings":"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"}

package/dist/adapter-react/components/input-bar/index.d.ts

@@ -0,0 +1,3 @@
+export { InputBar } from './InputBar';
+export type { InputBarProps } from './InputBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/components/input-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/input-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/adapter-react/components/input-number/InputNumber.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import { type InputNumberProps as BaseInputNumberProps } from '../../../components/input-number/index';
+import '../../../components/input-number/style.css';
+export interface InputNumberProps extends BaseInputNumberProps {
+    onChange?: (value: number) => void;
+}
+export declare const InputNumber: import("../..").ComponentWithInstall<FC<InputNumberProps>>;
+export default InputNumber;
+//# sourceMappingURL=InputNumber.d.ts.map

package/dist/adapter-react/components/input-number/InputNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.d.ts","sourceRoot":"","sources":["../../../components/input-number/InputNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAgE,MAAM,OAAO,CAAA;AAC7F,OAAO,EAGL,KAAK,gBAAgB,IAAI,oBAAoB,EAC9C,MAAM,gCAAgC,CAAA;AAIvC,OAAO,0CAA0C,CAAA;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AA0ID,eAAO,MAAM,WAAW,4DAAyB,CAAA;AACjD,eAAe,WAAW,CAAA"}

package/dist/adapter-react/components/input-number/InputNumber.js

@@ -0,0 +1,135 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { clampValue, getInputNumberClassNames } from '../../../components/input-number/index.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import IconComponent from '../icon/Icon.js';
+
+const InputNumberComponent = (props) => {
+  const {
+    label,
+    value: controlledValue,
+    defaultValue = 0,
+    min = -Infinity,
+    max = Infinity,
+    step = 1,
+    inputWidth = 40,
+    disabled = false,
+    bordered = true,
+    className,
+    onChange,
+    ...restProps
+  } = props;
+  const [innerValue, setInnerValue] = useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const currentValue = isControlled ? controlledValue : innerValue;
+  const inputRef = useRef(null);
+  const updateValue = useCallback(
+    (newValue) => {
+      const clamped = clampValue(newValue, min, max);
+      if (isControlled) {
+        onChange?.(clamped);
+      } else {
+        setInnerValue(clamped);
+        onChange?.(clamped);
+      }
+    },
+    [isControlled, min, max, onChange]
+  );
+  const handleDecrease = useCallback(() => {
+    updateValue(currentValue - step);
+  }, [currentValue, step, updateValue]);
+  const handleIncrease = useCallback(() => {
+    updateValue(currentValue + step);
+  }, [currentValue, step, updateValue]);
+  const handleInputChange = useCallback(
+    (e) => {
+      const raw = e.target.value;
+      if (raw === "" || raw === "-") {
+        return;
+      }
+      const num = Number(raw);
+      if (!isNaN(num)) {
+        updateValue(num);
+      }
+    },
+    [updateValue]
+  );
+  const handleBlur = useCallback(() => {
+    if (inputRef.current) {
+      const clamped = clampValue(currentValue, min, max);
+      if (clamped !== currentValue) {
+        updateValue(clamped);
+      }
+      inputRef.current.value = String(clamped);
+    }
+  }, [currentValue, min, max, updateValue]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        handleIncrease();
+      } else if (e.key === "ArrowDown") {
+        e.preventDefault();
+        handleDecrease();
+      }
+    },
+    [handleIncrease, handleDecrease]
+  );
+  useEffect(() => {
+    if (inputRef.current && isControlled) {
+      inputRef.current.value = String(controlledValue);
+    }
+  }, [controlledValue, isControlled]);
+  const cls = getInputNumberClassNames({ disabled, bordered, className });
+  const content = /* @__PURE__ */ jsxs("div", { className: cls, ...restProps, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: "css-input-number__btn",
+        onClick: handleDecrease,
+        disabled,
+        tabIndex: -1,
+        "aria-label": "Decrease",
+        children: /* @__PURE__ */ jsx(IconComponent, { name: "DoNotDisturbOn", size: 20 })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        className: "css-input-number__input",
+        type: "number",
+        inputMode: "decimal",
+        value: currentValue,
+        disabled,
+        onChange: handleInputChange,
+        onBlur: handleBlur,
+        onKeyDown: handleKeyDown,
+        style: { width: typeof inputWidth === "number" ? `${inputWidth}px` : inputWidth },
+        "aria-label": "Input number"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: "css-input-number__btn",
+        onClick: handleIncrease,
+        disabled,
+        tabIndex: -1,
+        "aria-label": "Increase",
+        children: /* @__PURE__ */ jsx(IconComponent, { name: "AddCircle", size: 20 })
+      }
+    )
+  ] });
+  return label ? /* @__PURE__ */ jsxs("div", { className: "css-input-number-field", children: [
+    /* @__PURE__ */ jsx("span", { className: "css-input-number-field__label", children: label }),
+    content
+  ] }) : content;
+};
+const InputNumberWithInstall = withInstall(createComponent(InputNumberComponent));
+InputNumberWithInstall.displayName = "CssInputNumber";
+const InputNumber = InputNumberWithInstall;
+
+export { InputNumber, InputNumber as default };
+//# sourceMappingURL=InputNumber.js.map

package/dist/adapter-react/components/input-number/InputNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.js","sources":["../../../../../adapter-react/components/input-number/InputNumber.tsx"],"sourcesContent":["import { type FC, type KeyboardEvent, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  getInputNumberClassNames,\n  clampValue,\n  type InputNumberProps as BaseInputNumberProps,\n} from '@cssui/components/input-number'\nimport { createComponent, withInstall } from '../../runtime'\nimport Icon from '../icon/Icon'\n\nimport '@cssui/components/input-number/style.css'\n\nexport interface InputNumberProps extends BaseInputNumberProps {\n  onChange?: (value: number) => void\n}\n\nconst InputNumberComponent: FC<InputNumberProps> = props => {\n  const {\n    label,\n    value: controlledValue,\n    defaultValue = 0,\n    min = -Infinity,\n    max = Infinity,\n    step = 1,\n    inputWidth = 40,\n    disabled = false,\n    bordered = true,\n    className,\n    onChange,\n    ...restProps\n  } = props\n\n  const [innerValue, setInnerValue] = useState(defaultValue)\n  const isControlled = controlledValue !== undefined\n  const currentValue = isControlled ? controlledValue : innerValue\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const updateValue = useCallback(\n    (newValue: number) => {\n      const clamped = clampValue(newValue, min, max)\n      if (isControlled) {\n        onChange?.(clamped)\n      } else {\n        setInnerValue(clamped)\n        onChange?.(clamped)\n      }\n    },\n    [isControlled, min, max, onChange]\n  )\n\n  const handleDecrease = useCallback(() => {\n    updateValue(currentValue - step)\n  }, [currentValue, step, updateValue])\n\n  const handleIncrease = useCallback(() => {\n    updateValue(currentValue + step)\n  }, [currentValue, step, updateValue])\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const raw = e.target.value\n      if (raw === '' || raw === '-') {\n        return\n      }\n      const num = Number(raw)\n      if (!isNaN(num)) {\n        updateValue(num)\n      }\n    },\n    [updateValue]\n  )\n\n  const handleBlur = useCallback(() => {\n    if (inputRef.current) {\n      const clamped = clampValue(currentValue, min, max)\n      if (clamped !== currentValue) {\n        updateValue(clamped)\n      }\n      inputRef.current.value = String(clamped)\n    }\n  }, [currentValue, min, max, updateValue])\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        handleIncrease()\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        handleDecrease()\n      }\n    },\n    [handleIncrease, handleDecrease]\n  )\n\n  useEffect(() => {\n    if (inputRef.current && isControlled) {\n      inputRef.current.value = String(controlledValue)\n    }\n  }, [controlledValue, isControlled])\n\n  const cls = getInputNumberClassNames({ disabled, bordered, className })\n\n  const content = (\n    <div className={cls} {...restProps}>\n      <button\n        className=\"css-input-number__btn\"\n        onClick={handleDecrease}\n        disabled={disabled}\n        tabIndex={-1}\n        aria-label=\"Decrease\"\n      >\n        <Icon name=\"DoNotDisturbOn\" size={20} />\n      </button>\n      <input\n        ref={inputRef}\n        className=\"css-input-number__input\"\n        type=\"number\"\n        inputMode=\"decimal\"\n        value={currentValue}\n        disabled={disabled}\n        onChange={handleInputChange}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        style={{ width: typeof inputWidth === 'number' ? `${inputWidth}px` : inputWidth }}\n        aria-label=\"Input number\"\n      />\n      <button\n        className=\"css-input-number__btn\"\n        onClick={handleIncrease}\n        disabled={disabled}\n        tabIndex={-1}\n        aria-label=\"Increase\"\n      >\n        <Icon name=\"AddCircle\" size={20} />\n      </button>\n    </div>\n  )\n\n  return label ? (\n    <div className=\"css-input-number-field\">\n      <span className=\"css-input-number-field__label\">{label}</span>\n      {content}\n    </div>\n  ) : (\n    content\n  )\n}\n\nconst InputNumberWithInstall = withInstall(createComponent(InputNumberComponent))\nInputNumberWithInstall.displayName = 'CssInputNumber'\n\nexport const InputNumber = InputNumberWithInstall\nexport default InputNumber\n"],"names":["Icon"],"mappings":"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"}

package/dist/adapter-react/components/input-number/index.d.ts

@@ -0,0 +1,2 @@
+export { InputNumber, type InputNumberProps } from './InputNumber';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/components/input-number/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/input-number/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/adapter-react/components/modal/Modal.d.ts

@@ -0,0 +1,18 @@
+import { type FC, type MouseEventHandler, type ReactNode } from 'react';
+import { type ModalProps as BaseModalProps, type ModalType } from '../../../components/modal/index';
+import '../../../components/modal/style.css';
+export interface ModalProps extends BaseModalProps {
+    visible?: boolean;
+    type?: ModalType;
+    children?: ReactNode;
+    footer?: boolean | ReactNode;
+    okText?: string;
+    cancelText?: string;
+    onOk?: MouseEventHandler<HTMLElement>;
+    onCancel?: MouseEventHandler<HTMLElement>;
+    onClose?: MouseEventHandler<HTMLElement>;
+    onAfterClose?: () => void;
+}
+export declare const Modal: import("../..").ComponentWithInstall<FC<ModalProps>>;
+export default Modal;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/adapter-react/components/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,EAAE,EACP,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAA;AAEd,OAAO,EAEL,KAAK,UAAU,IAAI,cAAc,EACjC,KAAK,SAAS,EACf,MAAM,yBAAyB,CAAA;AAKhC,OAAO,mCAAmC,CAAA;AAE1C,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACzC,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAwID,eAAO,MAAM,KAAK,sDAAmB,CAAA;AACrC,eAAe,KAAK,CAAA"}

package/dist/adapter-react/components/modal/Modal.js

@@ -0,0 +1,108 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { getModalClassNames } from '../../../components/modal/index.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import { Button } from '../button/Button.js';
+import IconComponent from '../icon/Icon.js';
+
+const ModalComponent = (props) => {
+  const {
+    visible = false,
+    type,
+    title,
+    width,
+    zIndex = 1e3,
+    maskClosable = true,
+    okText = "\u786E\u5B9A",
+    cancelText = "\u53D6\u6D88",
+    footer = true,
+    className,
+    children,
+    onOk,
+    onCancel,
+    onClose,
+    ...restProps
+  } = props;
+  const [mounted, setMounted] = useState(false);
+  const maskClosableReadyRef = useRef(false);
+  useEffect(() => {
+    setMounted(true);
+    return () => setMounted(false);
+  }, []);
+  useEffect(() => {
+    if (!visible) {
+      maskClosableReadyRef.current = false;
+      return;
+    }
+    maskClosableReadyRef.current = false;
+    const timer = window.requestAnimationFrame(() => {
+      maskClosableReadyRef.current = true;
+    });
+    return () => {
+      window.cancelAnimationFrame(timer);
+      maskClosableReadyRef.current = false;
+    };
+  }, [visible]);
+  const handleClose = (e) => {
+    onClose?.(e);
+    onCancel?.(e);
+  };
+  const handleOk = (e) => {
+    onOk?.(e);
+  };
+  const handleMaskClick = (e) => {
+    if (maskClosable && maskClosableReadyRef.current) {
+      handleClose(e);
+    }
+  };
+  if (!mounted || !visible) {
+    return null;
+  }
+  const modalStyle = {
+    zIndex
+  };
+  if (width) {
+    const w = typeof width === "number" ? `${width}px` : width;
+    modalStyle["--css-modal-width"] = w;
+  }
+  const overlayClass = "css-modal-overlay";
+  const modalClass = getModalClassNames({ className });
+  return createPortal(
+    /* @__PURE__ */ jsx("div", { className: overlayClass, style: { zIndex }, onClick: handleMaskClick, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: modalClass,
+        style: modalStyle,
+        onClick: (e) => e.stopPropagation(),
+        ...restProps,
+        children: [
+          title && /* @__PURE__ */ jsxs("div", { className: "css-modal__header", children: [
+            /* @__PURE__ */ jsx("div", { className: "css-modal__title", children: title }),
+            /* @__PURE__ */ jsx("button", { className: "css-modal__close", onClick: handleClose, children: "\u2715" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "css-modal__icon-wrap", children: type && /* @__PURE__ */ jsx("div", { className: `css-modal__icon css-modal__icon--${type}`, children: type === "warning" ? /* @__PURE__ */ jsx(IconComponent, { name: "Warning", size: 80 }) : /* @__PURE__ */ jsx(IconComponent, { name: "Info", size: 80 }) }) }),
+          /* @__PURE__ */ jsx("div", { className: "css-modal__body", children }),
+          footer !== false && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `css-modal__footer${cancelText ? " css-modal__footer--with-cancel" : ""}`,
+              children: footer === true ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                cancelText && /* @__PURE__ */ jsx(Button, { type: "outline", onClick: handleClose, children: cancelText }),
+                /* @__PURE__ */ jsx(Button, { type: "primary", onClick: handleOk, children: okText })
+              ] }) : footer
+            }
+          )
+        ]
+      }
+    ) }),
+    document.body
+  );
+};
+const ModalWithInstall = withInstall(createComponent(ModalComponent));
+ModalWithInstall.displayName = "CssModal";
+const Modal = ModalWithInstall;
+
+export { Modal };
+//# sourceMappingURL=Modal.js.map

package/dist/adapter-react/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../../../adapter-react/components/modal/Modal.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  type FC,\n  type MouseEventHandler,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport {\n  getModalClassNames,\n  type ModalProps as BaseModalProps,\n  type ModalType,\n} from '@cssui/components/modal'\nimport { createComponent, withInstall } from '../../runtime'\nimport { Button } from '../button'\nimport Icon from '../icon/Icon'\n\nimport '@cssui/components/modal/style.css'\n\nexport interface ModalProps extends BaseModalProps {\n  visible?: boolean\n  type?: ModalType\n  children?: ReactNode\n  footer?: boolean | ReactNode\n  okText?: string\n  cancelText?: string\n  onOk?: MouseEventHandler<HTMLElement>\n  onCancel?: MouseEventHandler<HTMLElement>\n  onClose?: MouseEventHandler<HTMLElement>\n  onAfterClose?: () => void\n}\n\nconst ModalComponent: FC<ModalProps> = props => {\n  const {\n    visible = false,\n    type,\n    title,\n    width,\n    zIndex = 1000,\n    maskClosable = true,\n    okText = '确定',\n    cancelText = '取消',\n    footer = true,\n    className,\n    children,\n    onOk,\n    onCancel,\n    onClose,\n    ...restProps\n  } = props\n\n  const [mounted, setMounted] = useState(false)\n  const maskClosableReadyRef = useRef(false)\n\n  useEffect(() => {\n    setMounted(true)\n    return () => setMounted(false)\n  }, [])\n\n  useEffect(() => {\n    if (!visible) {\n      maskClosableReadyRef.current = false\n      return\n    }\n\n    maskClosableReadyRef.current = false\n    const timer = window.requestAnimationFrame(() => {\n      maskClosableReadyRef.current = true\n    })\n\n    return () => {\n      window.cancelAnimationFrame(timer)\n      maskClosableReadyRef.current = false\n    }\n  }, [visible])\n\n  const handleClose: MouseEventHandler<HTMLElement> = e => {\n    onClose?.(e)\n    onCancel?.(e)\n  }\n\n  const handleOk: MouseEventHandler<HTMLElement> = e => {\n    onOk?.(e)\n  }\n\n  const handleMaskClick: MouseEventHandler<HTMLElement> = e => {\n    if (maskClosable && maskClosableReadyRef.current) {\n      handleClose(e)\n    }\n  }\n\n  if (!mounted || !visible) {\n    return null\n  }\n\n  const modalStyle: CSSProperties & Record<string, any> = {\n    zIndex,\n  }\n\n  if (width) {\n    const w = typeof width === 'number' ? `${width}px` : width\n    modalStyle['--css-modal-width'] = w\n  }\n\n  const overlayClass = 'css-modal-overlay'\n  const modalClass = getModalClassNames({ className })\n\n  return createPortal(\n    <div className={overlayClass} style={{ zIndex }} onClick={handleMaskClick}>\n      <div\n        className={modalClass}\n        style={modalStyle}\n        onClick={e => e.stopPropagation()}\n        {...restProps}\n      >\n        {title && (\n          <div className=\"css-modal__header\">\n            <div className=\"css-modal__title\">{title}</div>\n            <button className=\"css-modal__close\" onClick={handleClose}>\n              ✕\n            </button>\n          </div>\n        )}\n\n        <div className=\"css-modal__icon-wrap\">\n          {type && (\n            <div className={`css-modal__icon css-modal__icon--${type}`}>\n              {type === 'warning' ? (\n                <Icon name=\"Warning\" size={80} />\n              ) : (\n                <Icon name=\"Info\" size={80} />\n              )}\n            </div>\n          )}\n        </div>\n        <div className=\"css-modal__body\">{children}</div>\n\n        {footer !== false && (\n          <div\n            className={`css-modal__footer${cancelText ? ' css-modal__footer--with-cancel' : ''}`}\n          >\n            {footer === true ? (\n              <>\n                {cancelText && (\n                  <Button type=\"outline\" onClick={handleClose}>\n                    {cancelText}\n                  </Button>\n                )}\n                <Button type=\"primary\" onClick={handleOk}>\n                  {okText}\n                </Button>\n              </>\n            ) : (\n              footer\n            )}\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  )\n}\n\nconst ModalWithInstall = withInstall(createComponent(ModalComponent))\nModalWithInstall.displayName = 'CssModal'\n\nexport const Modal = ModalWithInstall\nexport default Modal\n"],"names":["Icon"],"mappings":"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"}

package/dist/adapter-react/components/modal/index.d.ts

@@ -0,0 +1,6 @@
+import { Modal } from './Modal';
+export { Modal };
+export type { ModalProps } from './Modal';
+export type { ModalType } from '../../../components/modal/index';
+export default Modal;
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/components/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,EAAE,KAAK,EAAE,CAAA;AAChB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACxD,eAAe,KAAK,CAAA"}