@rockshin/tao-ui 0.0.8 → 0.0.9

package/dist/components/input/input.d.ts

@@ -1,4 +1,4 @@
-import type { InputHTMLAttributes, ReactNode } from 'react';
+import { type InputHTMLAttributes, type ReactNode } from 'react';
 import { type TaoSize, type TaoVariant } from '../../provider/tao-provider';
 import { type SemanticClassNames, type SemanticStyles } from '../../utils/semantic';
 import './input.css';
@@ -12,4 +12,4 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     classNames?: SemanticClassNames<InputSemanticPart>;
     styles?: SemanticStyles<InputSemanticPart>;
 }
-export declare function Input({ size, variant, prefix, suffix, error, disabled, className, style, classNames, styles, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/input/input.js

@@ -1,10 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { forwardRef } from "react";
 import { useTaoConfig } from "../../provider/tao-provider.js";
 import { cx } from "../../utils/semantic.js";
 import "./input.css";
-function Input(t0) {
-    const $ = c(41);
+const input_Input = /*#__PURE__*/ forwardRef(function(t0, ref) {
+    const $ = c(42);
     let className;
     let classNames;
     let disabled;
@@ -84,36 +85,38 @@ function Input(t0) {
     const t8 = styles?.input;
     const t9 = error || void 0;
     let t10;
-    if ($[22] !== resolvedDisabled || $[23] !== rest || $[24] !== t7 || $[25] !== t8 || $[26] !== t9) {
+    if ($[22] !== ref || $[23] !== resolvedDisabled || $[24] !== rest || $[25] !== t7 || $[26] !== t8 || $[27] !== t9) {
         t10 = /*#__PURE__*/ jsx("input", {
             ...rest,
+            ref: ref,
             className: t7,
             style: t8,
             disabled: resolvedDisabled,
             "aria-invalid": t9
         });
-        $[22] = resolvedDisabled;
-        $[23] = rest;
-        $[24] = t7;
-        $[25] = t8;
-        $[26] = t9;
-        $[27] = t10;
-    } else t10 = $[27];
+        $[22] = ref;
+        $[23] = resolvedDisabled;
+        $[24] = rest;
+        $[25] = t7;
+        $[26] = t8;
+        $[27] = t9;
+        $[28] = t10;
+    } else t10 = $[28];
     let t11;
-    if ($[28] !== classNames?.suffix || $[29] !== styles?.suffix || $[30] !== suffix) {
+    if ($[29] !== classNames?.suffix || $[30] !== styles?.suffix || $[31] !== suffix) {
         t11 = null != suffix && /*#__PURE__*/ jsx("span", {
             className: classNames?.suffix,
             style: styles?.suffix,
             "data-tao-suffix": "",
             children: suffix
         });
-        $[28] = classNames?.suffix;
-        $[29] = styles?.suffix;
-        $[30] = suffix;
-        $[31] = t11;
-    } else t11 = $[31];
+        $[29] = classNames?.suffix;
+        $[30] = styles?.suffix;
+        $[31] = suffix;
+        $[32] = t11;
+    } else t11 = $[32];
     let t12;
-    if ($[32] !== resolvedSize || $[33] !== resolvedVariant || $[34] !== t10 || $[35] !== t11 || $[36] !== t2 || $[37] !== t4 || $[38] !== t5 || $[39] !== t6) {
+    if ($[33] !== resolvedSize || $[34] !== resolvedVariant || $[35] !== t10 || $[36] !== t11 || $[37] !== t2 || $[38] !== t4 || $[39] !== t5 || $[40] !== t6) {
         t12 = /*#__PURE__*/ jsxs("div", {
             className: t2,
             style: t4,
@@ -128,16 +131,16 @@ function Input(t0) {
                 t11
             ]
         });
-        $[32] = resolvedSize;
-        $[33] = resolvedVariant;
-        $[34] = t10;
-        $[35] = t11;
-        $[36] = t2;
-        $[37] = t4;
-        $[38] = t5;
-        $[39] = t6;
-        $[40] = t12;
-    } else t12 = $[40];
+        $[33] = resolvedSize;
+        $[34] = resolvedVariant;
+        $[35] = t10;
+        $[36] = t11;
+        $[37] = t2;
+        $[38] = t4;
+        $[39] = t5;
+        $[40] = t6;
+        $[41] = t12;
+    } else t12 = $[41];
     return t12;
-}
-export { Input };
+});
+export { input_Input as Input };

package/dist/components/input-number/input-number.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+import { type UseNumberInputOptions } from '../../number-input/use-number-input';
+import type { TaoSize, TaoVariant } from '../../provider/tao-provider';
+import type { SemanticClassNames, SemanticStyles } from '../../utils/semantic';
+import { type InputSemanticPart } from '../input/input';
+export type InputNumberSemanticPart = InputSemanticPart;
+export interface InputNumberProps extends UseNumberInputOptions {
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    size?: TaoSize;
+    variant?: TaoVariant;
+    error?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    id?: string;
+    name?: string;
+    'aria-label'?: string;
+    className?: string;
+    classNames?: SemanticClassNames<InputNumberSemanticPart>;
+    styles?: SemanticStyles<InputNumberSemanticPart>;
+}
+export declare function InputNumber({ prefix, suffix, size, variant, error, disabled, placeholder, id, name, 'aria-label': ariaLabel, className, classNames, styles, ...hookOptions }: InputNumberProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input-number/input-number.js

@@ -0,0 +1,104 @@
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { useNumberInput } from "../../number-input/use-number-input.js";
+import { Input } from "../input/input.js";
+function InputNumber(t0) {
+    const $ = c(34);
+    let ariaLabel;
+    let className;
+    let classNames;
+    let disabled;
+    let error;
+    let hookOptions;
+    let id;
+    let name;
+    let placeholder;
+    let prefix;
+    let size;
+    let styles;
+    let suffix;
+    let variant;
+    if ($[0] !== t0) {
+        ({ prefix, suffix, size, variant, error, disabled, placeholder, id, name, "aria-label": ariaLabel, className, classNames, styles, ...hookOptions } = t0);
+        $[0] = t0;
+        $[1] = ariaLabel;
+        $[2] = className;
+        $[3] = classNames;
+        $[4] = disabled;
+        $[5] = error;
+        $[6] = hookOptions;
+        $[7] = id;
+        $[8] = name;
+        $[9] = placeholder;
+        $[10] = prefix;
+        $[11] = size;
+        $[12] = styles;
+        $[13] = suffix;
+        $[14] = variant;
+    } else {
+        ariaLabel = $[1];
+        className = $[2];
+        classNames = $[3];
+        disabled = $[4];
+        error = $[5];
+        hookOptions = $[6];
+        id = $[7];
+        name = $[8];
+        placeholder = $[9];
+        prefix = $[10];
+        size = $[11];
+        styles = $[12];
+        suffix = $[13];
+        variant = $[14];
+    }
+    const { inputProps } = useNumberInput(hookOptions);
+    let inputRest;
+    let ref;
+    if ($[15] !== inputProps) {
+        ({ ref, ...inputRest } = inputProps);
+        $[15] = inputProps;
+        $[16] = inputRest;
+        $[17] = ref;
+    } else {
+        inputRest = $[16];
+        ref = $[17];
+    }
+    let t1;
+    if ($[18] !== ariaLabel || $[19] !== className || $[20] !== classNames || $[21] !== disabled || $[22] !== error || $[23] !== id || $[24] !== inputRest || $[25] !== name || $[26] !== placeholder || $[27] !== prefix || $[28] !== ref || $[29] !== size || $[30] !== styles || $[31] !== suffix || $[32] !== variant) {
+        t1 = /*#__PURE__*/ jsx(Input, {
+            ref: ref,
+            prefix: prefix,
+            suffix: suffix,
+            size: size,
+            variant: variant,
+            error: error,
+            disabled: disabled,
+            placeholder: placeholder,
+            id: id,
+            name: name,
+            "aria-label": ariaLabel,
+            className: className,
+            classNames: classNames,
+            styles: styles,
+            ...inputRest
+        });
+        $[18] = ariaLabel;
+        $[19] = className;
+        $[20] = classNames;
+        $[21] = disabled;
+        $[22] = error;
+        $[23] = id;
+        $[24] = inputRest;
+        $[25] = name;
+        $[26] = placeholder;
+        $[27] = prefix;
+        $[28] = ref;
+        $[29] = size;
+        $[30] = styles;
+        $[31] = suffix;
+        $[32] = variant;
+        $[33] = t1;
+    } else t1 = $[33];
+    return t1;
+}
+export { InputNumber };

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export { FormActions, type FormActionsProps, type FormActionsSemanticPart, } fro
 export { FormField, type FormFieldProps, type FormFieldSemanticPart, } from "./components/form-field/form-field";
 export { FormSection, type FormSectionProps, type FormSectionSemanticPart, } from "./components/form-section/form-section";
 export { Input, type InputProps, type InputSemanticPart, } from "./components/input/input";
+export { InputNumber, type InputNumberProps, type InputNumberSemanticPart, } from "./components/input-number/input-number";
 export { type ConfirmType, Modal, type ModalFooterRender, type ModalFuncProps, type ModalFuncReturn, type ModalHookApi, type ModalProps, type ModalSemanticPart, } from "./components/modal";
 export { Pagination, type PaginationProps, type PaginationSemanticPart, } from "./components/pagination/pagination";
 export { Radio, RadioGroup, type RadioGroupProps, type RadioOptionType, type RadioProps, type RadioSemanticPart, } from "./components/radio/radio";
@@ -27,6 +28,6 @@ export { CheckableTag, type CheckableTagProps, Tag, type TagColor, type TagProps
 export { type AutoSizeOptions, Textarea, type TextareaProps, type TextareaSemanticPart, } from "./components/textarea/textarea";
 export { FormLayout, type FormLayoutProps, } from "./layouts/form-layout/form-layout";
 export { Stack, type StackProps } from "./layouts/stack/stack";
-export { type FormatOptions, NumberInput, type NumberInputProps, type PadDecimalsOnBlur, type UseNumberInputOptions, type UseNumberInputReturn, useNumberInput, } from "./number-input";
+export { type FormatOptions, HeadlessInputNumber, type HeadlessInputNumberProps, NumberInput, type NumberInputProps, type PadDecimalsOnBlur, type UseNumberInputOptions, type UseNumberInputReturn, useNumberInput, } from "./number-input";
 export { TaoPortalScope, TaoProvider, type TaoProviderProps, type TaoSeedToken, type TaoSize, type TaoThemeConfig, type TaoVariant, useTaoConfig, } from "./provider/tao-provider";
 export { cx, type SemanticClassNames, type SemanticStyles, } from "./utils/semantic";

package/dist/index.js

@@ -13,6 +13,7 @@ export { FormActions } from "./components/form-actions/form-actions.js";
 export { FormField } from "./components/form-field/form-field.js";
 export { FormSection } from "./components/form-section/form-section.js";
 export { Input } from "./components/input/input.js";
+export { InputNumber } from "./components/input-number/input-number.js";
 export { Modal } from "./components/modal/index.js";
 export { Pagination } from "./components/pagination/pagination.js";
 export { Radio, RadioGroup } from "./components/radio/radio.js";
@@ -27,6 +28,6 @@ export { CheckableTag, Tag } from "./components/tag/tag.js";
 export { Textarea } from "./components/textarea/textarea.js";
 export { FormLayout } from "./layouts/form-layout/form-layout.js";
 export { Stack } from "./layouts/stack/stack.js";
-export { NumberInput, useNumberInput } from "./number-input/index.js";
+export { HeadlessInputNumber, NumberInput, useNumberInput } from "./number-input/index.js";
 export { TaoPortalScope, TaoProvider, useTaoConfig } from "./provider/tao-provider.js";
 export { cx } from "./utils/semantic.js";

package/dist/number-input/index.d.ts

@@ -1,5 +1,4 @@
-export type { NumberInputProps } from './number-input';
-export { NumberInput } from './number-input';
+export { HeadlessInputNumber, type HeadlessInputNumberProps, NumberInput, type NumberInputProps, } from './number-input';
 export type { FormatOptions, PadDecimalsOnBlur } from './types';
 export type { UseNumberInputOptions, UseNumberInputReturn, } from './use-number-input';
 export { useNumberInput } from './use-number-input';

package/dist/number-input/index.js

@@ -1,2 +1,2 @@
-export { NumberInput } from "./number-input.js";
+export { HeadlessInputNumber, NumberInput } from "./number-input.js";
 export { useNumberInput } from "./use-number-input.js";

package/dist/number-input/number-input.d.ts

@@ -1,9 +1,16 @@
 import type { InputHTMLAttributes, ReactNode } from 'react';
 import { type UseNumberInputOptions } from './use-number-input';
-export interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'min' | 'max' | 'prefix'>, UseNumberInputOptions {
+export interface HeadlessInputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'min' | 'max' | 'prefix'>, UseNumberInputOptions {
     prefix?: ReactNode;
     suffix?: ReactNode;
     containerClassName?: string;
     className?: string;
 }
-export declare function NumberInput(props: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function HeadlessInputNumber(props: HeadlessInputNumberProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Renamed to `HeadlessInputNumber` to avoid confusion with the
+ * styled `InputNumber`. This alias will be removed in a future release.
+ */
+export declare const NumberInput: typeof HeadlessInputNumber;
+/** @deprecated Use `HeadlessInputNumberProps`. */
+export type NumberInputProps = HeadlessInputNumberProps;

package/dist/number-input/number-input.js

@@ -15,7 +15,7 @@ const HOOK_KEYS = [
     'min',
     'max'
 ];
-function NumberInput(props) {
+function HeadlessInputNumber(props) {
     const $ = c(20);
     let className;
     let containerClassName;
@@ -98,4 +98,5 @@ function NumberInput(props) {
     } else t3 = $[19];
     return t3;
 }
-export { NumberInput };
+const NumberInput = HeadlessInputNumber;
+export { HeadlessInputNumber, NumberInput };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rockshin/tao-ui",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "type": "module",
   "description": "A modern React 19 component library with semantic DOM customization and OKLCH-based theming.",
   "keywords": [