@choice-ui/react 1.4.3 → 1.4.6

package/dist/components/modal/dist/index.js

@@ -55,33 +55,40 @@ var ModalBackdropTv = tcv({
 });
 var ModalContent = forwardRef((props, ref) => {
   const { className, ...rest } = props;
-  const styles = ModalContentTv();
+  const tv = ModalContentTv();
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
-      className: tcx(styles.root(), className),
+      className: tcx(tv.root(), className),
       ...rest
     }
   );
 });
 ModalContent.displayName = "ModalContent";
 var ModalHeader = forwardRef((props, ref) => {
-  const { className, children, title, onClose, ...rest } = props;
+  const { className, children, title, onClose, closeButtonProps, ...rest } = props;
   const validElement = useMemo(() => {
     return isValidElement(title);
   }, [title]);
-  const styles = ModalHeaderTv({ validElement, close: !!onClose });
+  const tv = ModalHeaderTv({ validElement, close: !!onClose });
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
-      className: tcx(styles.root(), className),
+      className: tcx(tv.root(), className),
       ...rest,
       children: [
-        title && /* @__PURE__ */ jsx("div", { className: styles.title(), children: /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: title }) }),
+        title && /* @__PURE__ */ jsx("div", { className: tv.title(), children: /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: title }) }),
         children,
-        onClose && /* @__PURE__ */ jsx("div", { className: styles.close(), children: /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(Remove, {}) }) })
+        onClose && /* @__PURE__ */ jsx("div", { className: tv.close(), children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: onClose,
+            ...closeButtonProps,
+            children: /* @__PURE__ */ jsx(Remove, {})
+          }
+        ) })
       ]
     }
   );
@@ -89,12 +96,12 @@ var ModalHeader = forwardRef((props, ref) => {
 ModalHeader.displayName = "ModalHeader";
 var ModalFooter = forwardRef((props, ref) => {
   const { className, ...rest } = props;
-  const styles = ModalFooterTv();
+  const tv = ModalFooterTv();
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
-      className: tcx(styles.root(), className),
+      className: tcx(tv.root(), className),
       ...rest
     }
   );
@@ -180,12 +187,12 @@ var ModalTextarea = memo(
 ModalTextarea.displayName = "ModalTextarea";
 var ModalBase = forwardRef((props, ref) => {
   const { className, title, onClose, ...rest } = props;
-  const styles = ModalTv();
+  const tv = ModalTv();
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
-      className: tcx(styles.root(), className),
+      className: tcx(tv.root(), className),
       ...rest
     }
   );

package/dist/components/modal/src/components/modal-content.js

@@ -4,12 +4,12 @@ import { ModalContentTv } from "../tv.js";
 import { tcx } from "../../../../shared/utils/tcx/tcx.js";
 const ModalContent = forwardRef((props, ref) => {
   const { className, ...rest } = props;
-  const styles = ModalContentTv();
+  const tv = ModalContentTv();
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
-      className: tcx(styles.root(), className),
+      className: tcx(tv.root(), className),
       ...rest
     }
   );

package/dist/components/modal/src/components/modal-footer.js

@@ -4,12 +4,12 @@ import { ModalFooterTv } from "../tv.js";
 import { tcx } from "../../../../shared/utils/tcx/tcx.js";
 const ModalFooter = forwardRef((props, ref) => {
   const { className, ...rest } = props;
-  const styles = ModalFooterTv();
+  const tv = ModalFooterTv();
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
-      className: tcx(styles.root(), className),
+      className: tcx(tv.root(), className),
       ...rest
     }
   );

package/dist/components/modal/src/components/modal-header.d.ts

@@ -1,6 +1,8 @@
+import { IconButtonProps } from '../../../icon-button/src';
 import { HTMLProps, ReactNode } from 'react';
 export interface ModalHeaderProps extends Omit<HTMLProps<HTMLDivElement>, "title"> {
-    onClose?: () => void;
     title?: ReactNode;
+    closeButtonProps?: IconButtonProps;
+    onClose?: () => void;
 }
 export declare const ModalHeader: import('react').ForwardRefExoticComponent<Omit<ModalHeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/modal/src/components/modal-header.js

@@ -5,21 +5,28 @@ import { forwardRef, useMemo, isValidElement } from "react";
 import { ModalHeaderTv } from "../tv.js";
 import { tcx } from "../../../../shared/utils/tcx/tcx.js";
 const ModalHeader = forwardRef((props, ref) => {
-  const { className, children, title, onClose, ...rest } = props;
+  const { className, children, title, onClose, closeButtonProps, ...rest } = props;
   const validElement = useMemo(() => {
     return isValidElement(title);
   }, [title]);
-  const styles = ModalHeaderTv({ validElement, close: !!onClose });
+  const tv = ModalHeaderTv({ validElement, close: !!onClose });
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
-      className: tcx(styles.root(), className),
+      className: tcx(tv.root(), className),
       ...rest,
       children: [
-        title && /* @__PURE__ */ jsx("div", { className: styles.title(), children: /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: title }) }),
+        title && /* @__PURE__ */ jsx("div", { className: tv.title(), children: /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: title }) }),
         children,
-        onClose && /* @__PURE__ */ jsx("div", { className: styles.close(), children: /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(Remove, {}) }) })
+        onClose && /* @__PURE__ */ jsx("div", { className: tv.close(), children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: onClose,
+            ...closeButtonProps,
+            children: /* @__PURE__ */ jsx(Remove, {})
+          }
+        ) })
       ]
     }
   );

package/dist/components/modal/src/modal.js

@@ -11,12 +11,12 @@ import { ModalBackdrop } from "./components/modal-backdrop.js";
 import { tcx } from "../../../shared/utils/tcx/tcx.js";
 const ModalBase = forwardRef((props, ref) => {
   const { className, title, onClose, ...rest } = props;
-  const styles = ModalTv();
+  const tv = ModalTv();
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
-      className: tcx(styles.root(), className),
+      className: tcx(tv.root(), className),
       ...rest
     }
   );

package/dist/components/multi-select/dist/index.js

@@ -104,7 +104,7 @@ var MultiSelectTrigger = memo(
       ...rest
     } = props;
     const containerRef = useRef(null);
-    const style = multiSelectTriggerTv({
+    const tv = multiSelectTriggerTv({
       size: size2,
       disabled,
       hasValues: values.length > 0,
@@ -140,7 +140,7 @@ var MultiSelectTrigger = memo(
     );
     const renderChips = useMemo(() => {
       if (!hasValues) return null;
-      return /* @__PURE__ */ jsxs("div", { className: style.chips(), children: [
+      return /* @__PURE__ */ jsxs("div", { className: tv.chips(), children: [
         displayValues.map((value, index) => {
           const chipDisabled = !!valueDisabledMap[value] || disabled;
           const handleRemove = !chipDisabled && !readOnly && onRemove ? (e) => {
@@ -194,20 +194,20 @@ var MultiSelectTrigger = memo(
       readOnly,
       onRemove,
       getDisplayValue,
-      style,
+      tv,
       renderChip,
       variant,
       valueDisabledMap
     ]);
     const renderPlaceholder = useMemo(() => {
       if (hasValues) return null;
-      return /* @__PURE__ */ jsx("span", { className: style.placeholder(), children: placeholder });
-    }, [hasValues, placeholder, style]);
+      return /* @__PURE__ */ jsx("span", { className: tv.placeholder(), children: placeholder });
+    }, [hasValues, placeholder, tv]);
     return /* @__PURE__ */ jsxs(
       "div",
       {
         ref: mergeRefs(ref, containerRef),
-        className: tcx(style.root(), className),
+        className: tcx(tv.root(), className),
         tabIndex: disabled ? -1 : 0,
         onClick: handleContainerClick,
         onKeyDown: handleKeyDown,
@@ -220,7 +220,7 @@ var MultiSelectTrigger = memo(
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: style.content(),
+              className: tv.content(),
               onClick: (e) => {
                 const target = e.target;
                 if (target.closest("[data-remove-button]") || target.closest('button[aria-label*="Remove"]')) {
@@ -233,7 +233,7 @@ var MultiSelectTrigger = memo(
               ]
             }
           ),
-          suffixElement && /* @__PURE__ */ jsx("span", { className: style.suffix(), children: suffixElement })
+          suffixElement && /* @__PURE__ */ jsx("span", { className: tv.suffix(), children: suffixElement })
         ]
       }
     );
@@ -487,8 +487,10 @@ var MultiSelectComponent = memo(
           apply(args) {
             var _a;
             const { elements, availableHeight, rects } = args;
-            const contentHeight = ((_a = scrollRef.current) == null ? void 0 : _a.scrollHeight) || elements.floating.scrollHeight;
-            const maxHeight = Math.min(contentHeight, availableHeight);
+            const floatingScrollHeight = elements.floating.scrollHeight;
+            const scrollRefHeight = ((_a = scrollRef.current) == null ? void 0 : _a.scrollHeight) || 0;
+            const contentHeight = Math.max(floatingScrollHeight, scrollRefHeight);
+            const maxHeight = contentHeight > 0 ? Math.min(contentHeight, availableHeight) : availableHeight;
             Object.assign(elements.floating.style, {
               maxHeight: `${maxHeight}px`,
               display: "flex",
@@ -561,7 +563,7 @@ var MultiSelectComponent = memo(
       setScrollTop,
       touch,
       isSelect: false,
-      // 使用 dropdown 的滚动逻辑
+      // Use dropdown scroll logic
       fallback: false
     });
     const { handleSelect: baseHandleSelect, handleRemove: baseHandleRemove } = useMultiSelectSelection({

package/dist/components/multi-select/src/components/multi-select-trigger.js

@@ -26,7 +26,7 @@ const MultiSelectTrigger = memo(
       ...rest
     } = props;
     const containerRef = useRef(null);
-    const style = multiSelectTriggerTv({
+    const tv = multiSelectTriggerTv({
       size,
       disabled,
       hasValues: values.length > 0,
@@ -62,7 +62,7 @@ const MultiSelectTrigger = memo(
     );
     const renderChips = useMemo(() => {
       if (!hasValues) return null;
-      return /* @__PURE__ */ jsxs("div", { className: style.chips(), children: [
+      return /* @__PURE__ */ jsxs("div", { className: tv.chips(), children: [
         displayValues.map((value, index) => {
           const chipDisabled = !!valueDisabledMap[value] || disabled;
           const handleRemove = !chipDisabled && !readOnly && onRemove ? (e) => {
@@ -116,20 +116,20 @@ const MultiSelectTrigger = memo(
       readOnly,
       onRemove,
       getDisplayValue,
-      style,
+      tv,
       renderChip,
       variant,
       valueDisabledMap
     ]);
     const renderPlaceholder = useMemo(() => {
       if (hasValues) return null;
-      return /* @__PURE__ */ jsx("span", { className: style.placeholder(), children: placeholder });
-    }, [hasValues, placeholder, style]);
+      return /* @__PURE__ */ jsx("span", { className: tv.placeholder(), children: placeholder });
+    }, [hasValues, placeholder, tv]);
     return /* @__PURE__ */ jsxs(
       "div",
       {
         ref: mergeRefs(ref, containerRef),
-        className: tcx(style.root(), className),
+        className: tcx(tv.root(), className),
         tabIndex: disabled ? -1 : 0,
         onClick: handleContainerClick,
         onKeyDown: handleKeyDown,
@@ -142,7 +142,7 @@ const MultiSelectTrigger = memo(
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: style.content(),
+              className: tv.content(),
               onClick: (e) => {
                 const target = e.target;
                 if (target.closest("[data-remove-button]") || target.closest('button[aria-label*="Remove"]')) {
@@ -155,7 +155,7 @@ const MultiSelectTrigger = memo(
               ]
             }
           ),
-          suffixElement && /* @__PURE__ */ jsx("span", { className: style.suffix(), children: suffixElement })
+          suffixElement && /* @__PURE__ */ jsx("span", { className: tv.suffix(), children: suffixElement })
         ]
       }
     );

package/dist/components/multi-select/src/multi-select.js

@@ -105,8 +105,10 @@ const MultiSelectComponent = memo(
           apply(args) {
             var _a;
             const { elements, availableHeight, rects } = args;
-            const contentHeight = ((_a = scrollRef.current) == null ? void 0 : _a.scrollHeight) || elements.floating.scrollHeight;
-            const maxHeight = Math.min(contentHeight, availableHeight);
+            const floatingScrollHeight = elements.floating.scrollHeight;
+            const scrollRefHeight = ((_a = scrollRef.current) == null ? void 0 : _a.scrollHeight) || 0;
+            const contentHeight = Math.max(floatingScrollHeight, scrollRefHeight);
+            const maxHeight = contentHeight > 0 ? Math.min(contentHeight, availableHeight) : availableHeight;
             Object.assign(elements.floating.style, {
               maxHeight: `${maxHeight}px`,
               display: "flex",
@@ -179,7 +181,7 @@ const MultiSelectComponent = memo(
       setScrollTop,
       touch,
       isSelect: false,
-      // 使用 dropdown 的滚动逻辑
+      // Use dropdown scroll logic
       fallback: false
     });
     const { handleSelect: baseHandleSelect, handleRemove: baseHandleRemove } = useMultiSelectSelection({

package/dist/components/numeric-input/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { default as React__default, ReactNode, HTMLProps, RefObject } from 'react';
+import { TooltipProps } from '../../tooltip/src';
+import { default as react__default, ReactNode, HTMLProps } from 'react';
 import { IconButtonProps } from '../../icon-button/src';
 import { PressMoveProps } from '../../../../../shared/src';
-import { TooltipProps } from '../../tooltip/src';
-import * as React$1 from 'react';
+import * as react from 'react';
 
 type ElementType = "action" | "handler" | "menu";
 interface NumericInputElementProps {
@@ -11,18 +11,18 @@ interface NumericInputElementProps {
     position?: "prefix" | "suffix";
     type?: ElementType;
 }
-declare const NumericInputElement: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<NumericInputElementProps & React$1.RefAttributes<HTMLDivElement>>>;
+declare const NumericInputElement: react.MemoExoticComponent<react.ForwardRefExoticComponent<NumericInputElementProps & react.RefAttributes<HTMLDivElement>>>;
 
 interface NumericInputMenuTriggerProps extends IconButtonProps {
     className?: string;
     type?: "menu" | "action";
 }
-declare const NumericInputMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NumericInputMenuTriggerProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NumericInputMenuTrigger: react.ForwardRefExoticComponent<Omit<NumericInputMenuTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 interface NumericInputMenuActionPromptProps extends HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     className?: string;
 }
-declare const NumericInputMenuActionPrompt: React$1.ForwardRefExoticComponent<Omit<NumericInputMenuActionPromptProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const NumericInputMenuActionPrompt: react.ForwardRefExoticComponent<Omit<NumericInputMenuActionPromptProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 interface NumericInputVariableProps {
     className?: string;
@@ -30,7 +30,7 @@ interface NumericInputVariableProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     value?: number | null;
 }
-declare const NumericInputVariable: React$1.ForwardRefExoticComponent<NumericInputVariableProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const NumericInputVariable: react.ForwardRefExoticComponent<NumericInputVariableProps & react.RefAttributes<HTMLDivElement>>;
 
 type NumericInputValue = string | number | (string | number | undefined)[] | Record<string, number>;
 type NumberResult = {
@@ -40,112 +40,6 @@ type NumberResult = {
 };
 type NumericChangeDetail = NumberResult;
 
-interface UseNumericInputProps<T extends NumericInputValue> extends Omit<HTMLProps<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "onWheel"> {
-    containerRef?: React__default.RefObject<HTMLElement>;
-    decimal?: number;
-    defaultValue?: T;
-    disabled?: boolean;
-    expression?: string;
-    max?: number;
-    min?: number;
-    onChange?: (value: T, obj: NumberResult) => void;
-    onEmpty?: () => void;
-    onPressEnd?: PressMoveProps["onPressEnd"];
-    onPressStart?: PressMoveProps["onPressStart"];
-    readOnly?: boolean;
-    ref?: React__default.Ref<HTMLInputElement>;
-    shiftStep?: number;
-    step?: number;
-    value?: T;
-}
-/**
- * 数值输入控件的主钩子，整合各种交互功能
- * @param props 配置选项
- * @returns 处理状态和事件处理器
- */
-declare function useNumericInput<T extends NumericInputValue>(props: UseNumericInputProps<T>): {
-    handlerPressed: boolean;
-    inputProps: {
-        onChange: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
-        onFocus: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
-        onBlur: () => void;
-        onKeyDown: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
-        ref: (node: HTMLInputElement | null) => void;
-        disabled: boolean | undefined;
-        readOnly: boolean | undefined;
-        value: string;
-    };
-    handlerProps: {
-        ref: (el: HTMLElement | null) => void;
-        onPointerDown: (e: React__default.PointerEvent<HTMLElement>) => void;
-        style?: React__default.CSSProperties;
-    };
-};
-
-/**
- * 计算数值步进大小的钩子
- * @param shiftPressed Shift键是否按下
- * @param metaPressed Meta/Alt键是否按下
- * @param shiftStep Shift按下时的步进值
- * @param step 正常步进值
- * @returns 计算步进值的函数
- */
-declare function useStepCalculation(shiftPressed: boolean, metaPressed: boolean, shiftStep: number, step: number): () => number;
-
-interface UseNumericValueProcessingProps<T extends NumericInputValue> {
-    decimal?: number;
-    defaultValue?: T;
-    expression: string;
-    max?: number;
-    min?: number;
-    value?: T;
-}
-/**
- * 处理数值输入和转换的钩子
- * @param props 数值处理配置
- * @returns 处理后的值和表达式引用
- */
-declare function useNumericValueProcessing<T extends NumericInputValue>({ value, defaultValue, expression, min, max, decimal, }: UseNumericValueProcessingProps<T>): {
-    valuePre: NumberResult | undefined;
-    defaultValuePre: NumberResult | undefined;
-    expressionRef: React$1.MutableRefObject<string>;
-};
-
-interface UseInputInteractionsProps<T extends NumericInputValue> {
-    decimal?: number;
-    disabled?: boolean;
-    displayValue: string;
-    expression: string;
-    getCurrentStep: () => number;
-    innerValue?: NumberResult;
-    inputRef: RefObject<HTMLInputElement>;
-    isFocused: boolean;
-    max?: number;
-    min?: number;
-    onChange?: (value: T, detail: NumberResult) => void;
-    onEmpty?: () => void;
-    readOnly?: boolean;
-    setDisplayValue: (value: string) => void;
-    setIsFocused: (focused: boolean) => void;
-    setValue: (value: NumberResult | ((prev: NumberResult | undefined) => NumberResult)) => void;
-    updateValue: (updateFn?: (value: number) => number) => void;
-    value?: T;
-}
-/**
- * 处理输入框交互的钩子
- * @param props 输入交互配置
- * @returns 输入处理器和初始值引用
- */
-declare function useInputInteractions<T extends NumericInputValue>({ inputRef, displayValue, setDisplayValue, isFocused, setIsFocused, expression, min, max, decimal, disabled, readOnly, innerValue, setValue, updateValue, getCurrentStep, onChange, onEmpty, value, }: UseInputInteractionsProps<T>): {
-    inputHandlers: {
-        onChange: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
-        onFocus: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
-        onBlur: () => void;
-        onKeyDown: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
-    };
-    initialValueRef: React__default.MutableRefObject<string>;
-};
-
 interface NumericInputContextValue {
     decimal?: number;
     defaultValue?: NumericInputValue;
@@ -180,16 +74,15 @@ interface NumericInputProps extends NumericInputContextValue, Omit<HTMLProps<HTM
     id?: string;
     onChange?: (value: NumericInputValue, detail: NumericChangeDetail) => void;
     tooltip?: TooltipProps;
-    triggerRef?: React__default.RefObject<HTMLDivElement> | ((el: HTMLDivElement | null) => void);
+    triggerRef?: react__default.RefObject<HTMLDivElement> | ((el: HTMLDivElement | null) => void);
 }
-interface NumericInputComponent extends React__default.ForwardRefExoticComponent<NumericInputProps & React__default.RefAttributes<HTMLInputElement>> {
+interface NumericInputComponent extends react__default.ForwardRefExoticComponent<NumericInputProps & react__default.RefAttributes<HTMLInputElement>> {
     ActionPrompt: typeof NumericInputMenuActionPrompt;
     MenuTrigger: typeof NumericInputMenuTrigger;
     Prefix: typeof NumericInputElement;
     Suffix: typeof NumericInputElement;
     Variable: typeof NumericInputVariable;
 }
-declare const NumericInputBase: React__default.ForwardRefExoticComponent<Omit<NumericInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 declare const NumericInput: NumericInputComponent;
 
-export { type ElementType, type NumberResult, NumericInput, NumericInputBase, NumericInputElement, type NumericInputElementProps, NumericInputMenuActionPrompt, NumericInputMenuTrigger, type NumericInputProps, type NumericInputValue, NumericInputVariable, useInputInteractions, useNumericInput, useNumericValueProcessing, useStepCalculation };
+export { type NumberResult, type NumericChangeDetail, NumericInput, NumericInputElement, type NumericInputElementProps, NumericInputMenuTrigger, type NumericInputMenuTriggerProps, type NumericInputProps, type NumericInputValue, NumericInputVariable, type NumericInputVariableProps };

package/dist/components/numeric-input/dist/index.js

@@ -1,10 +1,10 @@
+import { Tooltip } from "../../tooltip/dist/index.js";
 import { forwardRef, useRef, useState, useMemo, createContext, cloneElement, memo, useEffect, useCallback, Children, isValidElement, useContext } from "react";
+import { useEventCallback } from "usehooks-ts";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconButton } from "../../icon-button/dist/index.js";
 import { ChevronDownSmall } from "@choiceform/icons-react";
 import { Chip } from "../../chip/dist/index.js";
-import { useEventCallback } from "usehooks-ts";
-import { Tooltip } from "../../tooltip/dist/index.js";
 import { useDisableScroll } from "../../../shared/hooks/use-disable-scroll/use-disable-scroll.js";
 import { mergeProps } from "../../../shared/utils/merge-props/merge-props.js";
 import { mergeRefs } from "../../../shared/utils/merge-refs/merge-refs.js";
@@ -420,7 +420,7 @@ var NumericInputElement = memo(
     const { type = "handler", className, position, children } = props;
     const context = useNumericInputContext();
     const handlerProps = context.handlerProps;
-    const elementClassName = NumericInputElementTv({
+    const tv = NumericInputElementTv({
       type,
       position,
       disabled: context.disabled,
@@ -434,7 +434,7 @@ var NumericInputElement = memo(
       "div",
       {
         ref,
-        className: tcx(elementClassName, className),
+        className: tcx(tv, className),
         "data-element-position": position,
         "data-element-type": type,
         ...elementProps,
@@ -448,7 +448,7 @@ var NumericInputMenuTrigger = forwardRef(
   (props, ref) => {
     const { className, type = "menu", ...rest } = props;
     const context = useNumericInputContext();
-    const style = NumericInputMenuTriggerTv({
+    const tv = NumericInputMenuTriggerTv({
       type,
       disabled: context.disabled,
       variant: context.variant
@@ -458,7 +458,7 @@ var NumericInputMenuTrigger = forwardRef(
       {
         ref,
         variant: type === "menu" ? context.disabled ? "ghost" : "solid" : void 0,
-        className: tcx(style, className),
+        className: tcx(tv, className),
         disabled: context.disabled,
         ...rest,
         children: /* @__PURE__ */ jsx(ChevronDownSmall, {})
@@ -485,17 +485,17 @@ var NumericInputVariable = forwardRef(
   (props, ref) => {
     const { onClick, className, hasPrefixElement, value } = props;
     const context = useNumericInputContext();
-    const styles = NumericInputVariableTv({
+    const tv = NumericInputVariableTv({
       prefixElement: hasPrefixElement,
       variant: context.variant,
       disabled: context.disabled,
       selected: context.selected
     });
-    return /* @__PURE__ */ jsx("div", { className: tcx(styles.root(), className), children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { className: tcx(tv.root(), className), children: /* @__PURE__ */ jsx(
       Chip,
       {
         as: "button",
-        className: styles.chip(),
+        className: tv.chip(),
         ref,
         onClick: (e) => {
           e.stopPropagation();
@@ -1094,7 +1094,7 @@ var NumericInputBase = forwardRef((props, ref) => {
   const contextValue = useMemo(
     () => ({
       variant,
-      // 状态
+      // State
       value,
       defaultValue,
       disabled,
@@ -1102,20 +1102,20 @@ var NumericInputBase = forwardRef((props, ref) => {
       selected,
       focused,
       handlerPressed,
-      // 配置
+      // Configuration
       min,
       max,
       step,
       shiftStep,
       decimal,
       expression,
-      // 事件处理方法
+      // Event handling methods
       onChange,
       onEmpty,
       onPressStart,
       onPressEnd,
       onIsEditingChange,
-      // 处理程序
+      // Handler props
       handlerProps
     }),
     [
@@ -1173,7 +1173,7 @@ var NumericInputBase = forwardRef((props, ref) => {
   const suffixNode = suffix[0] || null;
   const variableNode = variable[0] || null;
   const actionPromptNode = actionPrompt[0] || null;
-  const styles = NumericInputTv({
+  const tv = NumericInputTv({
     variant,
     selected: selected || handlerPressed,
     focused,
@@ -1186,7 +1186,7 @@ var NumericInputBase = forwardRef((props, ref) => {
     "div",
     {
       ref: triggerRef,
-      className: tcx(styles.container(), classNames == null ? void 0 : classNames.container, className),
+      className: tcx(tv.container(), classNames == null ? void 0 : classNames.container, className),
       onMouseDown: (e) => {
         e.stopPropagation();
       },
@@ -1207,7 +1207,7 @@ var NumericInputBase = forwardRef((props, ref) => {
             autoComplete: "off",
             spellCheck: false,
             required,
-            className: tcx("[grid-area:input]", styles.input(), classNames == null ? void 0 : classNames.input),
+            className: tcx("[grid-area:input]", tv.input(), classNames == null ? void 0 : classNames.input),
             disabled,
             "aria-label": ariaLabel,
             "aria-describedby": ariaDescribedby,
@@ -1223,7 +1223,7 @@ var NumericInputBase = forwardRef((props, ref) => {
           "span",
           {
             tabIndex: -1,
-            className: styles.tooltip(),
+            className: tv.tooltip(),
             onFocusCapture: () => {
               if (inputRef.current) {
                 inputRef.current.focus();
@@ -1250,13 +1250,7 @@ var NumericInput = Object.assign(NumericInputBase, {
 });
 export {
   NumericInput,
-  NumericInputBase,
   NumericInputElement,
-  NumericInputMenuActionPrompt,
   NumericInputMenuTrigger,
-  NumericInputVariable,
-  useInputInteractions,
-  useNumericInput,
-  useNumericValueProcessing,
-  useStepCalculation
+  NumericInputVariable
 };