@lynx-js/lynx-ui-input-otp 3.139.0 → 3.140.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @lynx-js/lynx-ui-input-otp
 
+## 3.140.1
+
+### Patch Changes
+
+- Keep implementation-only component signatures out of public documentation ([#355](https://github.com/lynx-family/lynx-ui/pull/355))
+  types.
+- Updated dependencies [[`20f5316`](https://github.com/lynx-family/lynx-ui/commit/20f531645f7c0e6766269d15129de93f53d9c8ea)]:
+  - @lynx-js/lynx-ui-input@3.140.1
+
 ## 3.139.0
 
 ### Patch Changes

package/dist/InputOTP.d.ts

@@ -1,3 +1,6 @@
-import type { InputOTP as InputOTPType } from './types/index.js';
-export declare const InputOTP: InputOTPType;
+import type { ReactElement } from '@lynx-js/react';
+import type { InputOTPProps } from './types/index.js';
+type InputOTPComponent = (props: InputOTPProps) => ReactElement;
+export declare const InputOTP: InputOTPComponent;
+export {};
 //# sourceMappingURL=InputOTP.d.ts.map

package/dist/InputOTP.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../src/InputOTP.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAIV,QAAQ,IAAI,YAAY,EACzB,MAAM,SAAS,CAAA;AAqBhB,eAAO,MAAM,QAAQ,EAAqC,YAAY,CAAA"}
+{"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../src/InputOTP.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAehE,OAAO,KAAK,EAAE,aAAa,EAAoC,MAAM,SAAS,CAAA;AAO9E,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,YAAY,CAAA;AAgB/D,eAAO,MAAM,QAAQ,EAAqC,iBAAiB,CAAA"}

package/dist/InputOTP.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"InputOTP.jsx","sources":["../src/InputOTP.tsx"],"sourcesContent":["// Copyright 2026 The Lynx Authors. All rights reserved.\n// Licensed under the Apache License Version 2.0 that can be found in the\n// LICENSE file in the root directory of this source tree.\n\nimport {\n  forwardRef,\n  memo,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from '@lynx-js/react'\nimport type { ForwardedRef } from '@lynx-js/react'\n\nimport { InvokeRejectError, useMemoizedFn } from '@lynx-js/lynx-ui-common'\nimport { KeyboardAwareTriggerContext } from '@lynx-js/lynx-ui-input'\nimport type {\n  BaseEvent,\n  CSSProperties,\n  InputBlurEvent,\n  InputFocusEvent,\n  InputInputEvent,\n  NodesRef,\n} from '@lynx-js/types'\nimport { clsx } from 'clsx'\n\nimport { InputOTPContext } from './InputOTPContext'\nimport type {\n  InputOTPProps,\n  InputOTPRef,\n  InputOTPRenderProps,\n  InputOTP as InputOTPType,\n} from './types'\nimport {\n  nativeInputFilters,\n  normalizeInputOTPLength,\n  normalizeOTPValue,\n} from './utils'\n\nconst hiddenInputStyle: CSSProperties = {\n  position: 'absolute',\n  top: '0px',\n  left: '0px',\n  width: '1px',\n  height: '1px',\n  padding: '0px',\n  borderWidth: '0px',\n  opacity: 0,\n  color: 'transparent',\n  caretColor: 'transparent',\n  backgroundColor: 'transparent',\n}\n\nexport const InputOTP = memo(forwardRef(InputOTPImpl)) as InputOTPType\n\nfunction reportInputError(error: unknown) {\n  console.warn(\n    `[lynx-ui-input-otp][InputOTP] native input command failed: ${\n      String(error)\n    }`,\n  )\n}\n\nfunction InputOTPImpl(\n  props: InputOTPProps,\n  ref: ForwardedRef<InputOTPRef>,\n) {\n  const {\n    length = 6,\n    inputType = 'numeric',\n    value,\n    defaultValue = '',\n    autoFocus = false,\n    disabled = false,\n    invalid = false,\n    className,\n    style,\n    children,\n    onChange,\n    onComplete,\n    onFocus,\n    onBlur,\n  } = props\n\n  const fieldLength = normalizeInputOTPLength(length)\n  const isControlled = value !== undefined\n  const [uncontrolledValue, setUncontrolledValue] = useState(\n    normalizeOTPValue(defaultValue, fieldLength, inputType),\n  )\n  const [focused, setFocused] = useState(false)\n  const inputRef = useRef<NodesRef>(null)\n  const { onInputBlurred, onInputFocused } = useContext(\n    KeyboardAwareTriggerContext,\n  )\n\n  const displayedValue = normalizeOTPValue(\n    isControlled ? value : uncontrolledValue,\n    fieldLength,\n    inputType,\n  )\n\n  const invokeInput = useMemoizedFn(\n    (\n      method: 'focus' | 'blur' | 'setValue',\n      nextValue?: string,\n    ): Promise<void> =>\n      new Promise((resolve, reject) => {\n        if (!inputRef.current) {\n          reject(new Error('InputOTP input is not mounted.'))\n          return\n        }\n\n        inputRef.current\n          .invoke({\n            method,\n            ...(method === 'setValue'\n              ? {\n                params: {\n                  value: nextValue ?? '',\n                },\n              }\n              : {}),\n            success: () => {\n              resolve()\n            },\n            fail: (result: { code: number, data: string }) => {\n              reject(new InvokeRejectError(result.code, result.data))\n            },\n          })\n          .exec()\n      }),\n  )\n\n  const focus = useMemoizedFn(() =>\n    disabled ? Promise.resolve() : invokeInput('focus')\n  )\n\n  const blur = useMemoizedFn(() => invokeInput('blur'))\n\n  const syncNativeValue = useMemoizedFn(\n    (nextValue: string) => invokeInput('setValue', nextValue),\n  )\n\n  const emitValue = useMemoizedFn(\n    (nextValue: string, previousValue: string) => {\n      if (nextValue === previousValue) {\n        return\n      }\n\n      onChange?.(nextValue)\n\n      if (\n        nextValue.length === fieldLength\n        && previousValue.length !== fieldLength\n      ) {\n        onComplete?.(nextValue)\n      }\n    },\n  )\n\n  const setValue = useMemoizedFn((nextRawValue: string) => {\n    const nextValue = normalizeOTPValue(\n      nextRawValue,\n      fieldLength,\n      inputType,\n    )\n\n    if (!isControlled) {\n      setUncontrolledValue(nextValue)\n    }\n\n    emitValue(nextValue, displayedValue)\n\n    return syncNativeValue(nextValue)\n  })\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus,\n      blur,\n      setValue,\n      clear: () => setValue(''),\n      getValue: () => displayedValue,\n    }),\n    [blur, displayedValue, focus, setValue],\n  )\n\n  useEffect(() => {\n    if (isControlled) {\n      return\n    }\n\n    const nextValue = normalizeOTPValue(\n      uncontrolledValue,\n      fieldLength,\n      inputType,\n    )\n\n    if (nextValue !== uncontrolledValue) {\n      setUncontrolledValue(nextValue)\n    }\n  }, [fieldLength, inputType, isControlled, uncontrolledValue])\n\n  useEffect(() => {\n    void syncNativeValue(displayedValue).catch(reportInputError)\n  }, [displayedValue, syncNativeValue])\n\n  useEffect(() => {\n    if (autoFocus && !disabled) {\n      void focus().catch(reportInputError)\n    }\n  }, [autoFocus, disabled, focus])\n\n  const handleInput = useMemoizedFn(\n    (event: BaseEvent<'bindinput', InputInputEvent>) => {\n      const rawValue = event.detail.value\n      const nextValue = normalizeOTPValue(rawValue, fieldLength, inputType)\n\n      if (!isControlled) {\n        setUncontrolledValue(nextValue)\n      }\n\n      emitValue(nextValue, displayedValue)\n\n      if (rawValue !== nextValue) {\n        void syncNativeValue(nextValue).catch(reportInputError)\n      }\n    },\n  )\n\n  const handleFocus = useMemoizedFn(\n    (_event: BaseEvent<'bindfocus', InputFocusEvent>) => {\n      setFocused(true)\n      onInputFocused?.()\n      onFocus?.()\n    },\n  )\n\n  const handleBlur = useMemoizedFn(\n    (_event: BaseEvent<'bindblur', InputBlurEvent>) => {\n      setFocused(false)\n      onInputBlurred?.()\n      onBlur?.()\n    },\n  )\n\n  const handleTap = useMemoizedFn(() => {\n    if (!disabled) {\n      void focus().catch(reportInputError)\n    }\n  })\n\n  const contextValue = useMemo<InputOTPRenderProps>(() => ({\n    value: displayedValue,\n    length: fieldLength,\n    inputType,\n    focused,\n    complete: displayedValue.length === fieldLength,\n    disabled,\n    invalid,\n  }), [\n    disabled,\n    displayedValue,\n    fieldLength,\n    focused,\n    inputType,\n    invalid,\n  ])\n\n  const renderedChildren = typeof children === 'function'\n    ? children(contextValue)\n    : children\n\n  return (\n    <InputOTPContext.Provider value={contextValue}>\n      <view\n        bindtap={handleTap}\n        className={clsx(className, {\n          'ui-focused': focused,\n          'ui-complete': contextValue.complete,\n          'ui-disabled': disabled,\n          'ui-invalid': invalid,\n        })}\n        flatten={false}\n        style={style}\n      >\n        {renderedChildren}\n        <input\n          ref={inputRef}\n          android-fullscreen-mode={false}\n          bindblur={handleBlur}\n          bindfocus={handleFocus}\n          bindinput={handleInput}\n          confirm-type='done'\n          disabled={disabled}\n          ignore-focus={true}\n          input-filter={nativeInputFilters[inputType]}\n          ios-auto-correct={false}\n          ios-spell-check={false}\n          maxlength={fieldLength}\n          show-soft-input-on-focus={true}\n          style={hiddenInputStyle}\n          type={inputType === 'numeric' ? 'number' : 'text'}\n        />\n      </view>\n    </InputOTPContext.Provider>\n  )\n}\n"],"names":["hiddenInputStyle","InputOTP","memo","forwardRef","InputOTPImpl","reportInputError","error","console","String","props","ref","length","inputType","value","defaultValue","autoFocus","disabled","invalid","className","style","children","onChange","onComplete","onFocus","onBlur","fieldLength","normalizeInputOTPLength","isControlled","undefined","uncontrolledValue","setUncontrolledValue","useState","normalizeOTPValue","focused","setFocused","inputRef","useRef","onInputBlurred","onInputFocused","useContext","KeyboardAwareTriggerContext","displayedValue","invokeInput","useMemoizedFn","method","nextValue","Promise","resolve","reject","Error","result","InvokeRejectError","focus","blur","syncNativeValue","emitValue","previousValue","setValue","nextRawValue","useImperativeHandle","useEffect","handleInput","event","rawValue","handleFocus","_event","handleBlur","handleTap","contextValue","useMemo","renderedChildren","InputOTPContext","view","clsx","input","nativeInputFilters"],"mappings":"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"}
+{"version":3,"file":"InputOTP.jsx","sources":["../src/InputOTP.tsx"],"sourcesContent":["// Copyright 2026 The Lynx Authors. All rights reserved.\n// Licensed under the Apache License Version 2.0 that can be found in the\n// LICENSE file in the root directory of this source tree.\n\nimport {\n  forwardRef,\n  memo,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from '@lynx-js/react'\nimport type { ForwardedRef, ReactElement } from '@lynx-js/react'\n\nimport { InvokeRejectError, useMemoizedFn } from '@lynx-js/lynx-ui-common'\nimport { KeyboardAwareTriggerContext } from '@lynx-js/lynx-ui-input'\nimport type {\n  BaseEvent,\n  CSSProperties,\n  InputBlurEvent,\n  InputFocusEvent,\n  InputInputEvent,\n  NodesRef,\n} from '@lynx-js/types'\nimport { clsx } from 'clsx'\n\nimport { InputOTPContext } from './InputOTPContext'\nimport type { InputOTPProps, InputOTPRef, InputOTPRenderProps } from './types'\nimport {\n  nativeInputFilters,\n  normalizeInputOTPLength,\n  normalizeOTPValue,\n} from './utils'\n\ntype InputOTPComponent = (props: InputOTPProps) => ReactElement\n\nconst hiddenInputStyle: CSSProperties = {\n  position: 'absolute',\n  top: '0px',\n  left: '0px',\n  width: '1px',\n  height: '1px',\n  padding: '0px',\n  borderWidth: '0px',\n  opacity: 0,\n  color: 'transparent',\n  caretColor: 'transparent',\n  backgroundColor: 'transparent',\n}\n\nexport const InputOTP = memo(forwardRef(InputOTPImpl)) as InputOTPComponent\n\nfunction reportInputError(error: unknown) {\n  console.warn(\n    `[lynx-ui-input-otp][InputOTP] native input command failed: ${\n      String(error)\n    }`,\n  )\n}\n\nfunction InputOTPImpl(\n  props: InputOTPProps,\n  ref: ForwardedRef<InputOTPRef>,\n) {\n  const {\n    length = 6,\n    inputType = 'numeric',\n    value,\n    defaultValue = '',\n    autoFocus = false,\n    disabled = false,\n    invalid = false,\n    className,\n    style,\n    children,\n    onChange,\n    onComplete,\n    onFocus,\n    onBlur,\n  } = props\n\n  const fieldLength = normalizeInputOTPLength(length)\n  const isControlled = value !== undefined\n  const [uncontrolledValue, setUncontrolledValue] = useState(\n    normalizeOTPValue(defaultValue, fieldLength, inputType),\n  )\n  const [focused, setFocused] = useState(false)\n  const inputRef = useRef<NodesRef>(null)\n  const { onInputBlurred, onInputFocused } = useContext(\n    KeyboardAwareTriggerContext,\n  )\n\n  const displayedValue = normalizeOTPValue(\n    isControlled ? value : uncontrolledValue,\n    fieldLength,\n    inputType,\n  )\n\n  const invokeInput = useMemoizedFn(\n    (\n      method: 'focus' | 'blur' | 'setValue',\n      nextValue?: string,\n    ): Promise<void> =>\n      new Promise((resolve, reject) => {\n        if (!inputRef.current) {\n          reject(new Error('InputOTP input is not mounted.'))\n          return\n        }\n\n        inputRef.current\n          .invoke({\n            method,\n            ...(method === 'setValue'\n              ? {\n                params: {\n                  value: nextValue ?? '',\n                },\n              }\n              : {}),\n            success: () => {\n              resolve()\n            },\n            fail: (result: { code: number, data: string }) => {\n              reject(new InvokeRejectError(result.code, result.data))\n            },\n          })\n          .exec()\n      }),\n  )\n\n  const focus = useMemoizedFn(() =>\n    disabled ? Promise.resolve() : invokeInput('focus')\n  )\n\n  const blur = useMemoizedFn(() => invokeInput('blur'))\n\n  const syncNativeValue = useMemoizedFn(\n    (nextValue: string) => invokeInput('setValue', nextValue),\n  )\n\n  const emitValue = useMemoizedFn(\n    (nextValue: string, previousValue: string) => {\n      if (nextValue === previousValue) {\n        return\n      }\n\n      onChange?.(nextValue)\n\n      if (\n        nextValue.length === fieldLength\n        && previousValue.length !== fieldLength\n      ) {\n        onComplete?.(nextValue)\n      }\n    },\n  )\n\n  const setValue = useMemoizedFn((nextRawValue: string) => {\n    const nextValue = normalizeOTPValue(\n      nextRawValue,\n      fieldLength,\n      inputType,\n    )\n\n    if (!isControlled) {\n      setUncontrolledValue(nextValue)\n    }\n\n    emitValue(nextValue, displayedValue)\n\n    return syncNativeValue(nextValue)\n  })\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus,\n      blur,\n      setValue,\n      clear: () => setValue(''),\n      getValue: () => displayedValue,\n    }),\n    [blur, displayedValue, focus, setValue],\n  )\n\n  useEffect(() => {\n    if (isControlled) {\n      return\n    }\n\n    const nextValue = normalizeOTPValue(\n      uncontrolledValue,\n      fieldLength,\n      inputType,\n    )\n\n    if (nextValue !== uncontrolledValue) {\n      setUncontrolledValue(nextValue)\n    }\n  }, [fieldLength, inputType, isControlled, uncontrolledValue])\n\n  useEffect(() => {\n    void syncNativeValue(displayedValue).catch(reportInputError)\n  }, [displayedValue, syncNativeValue])\n\n  useEffect(() => {\n    if (autoFocus && !disabled) {\n      void focus().catch(reportInputError)\n    }\n  }, [autoFocus, disabled, focus])\n\n  const handleInput = useMemoizedFn(\n    (event: BaseEvent<'bindinput', InputInputEvent>) => {\n      const rawValue = event.detail.value\n      const nextValue = normalizeOTPValue(rawValue, fieldLength, inputType)\n\n      if (!isControlled) {\n        setUncontrolledValue(nextValue)\n      }\n\n      emitValue(nextValue, displayedValue)\n\n      if (rawValue !== nextValue) {\n        void syncNativeValue(nextValue).catch(reportInputError)\n      }\n    },\n  )\n\n  const handleFocus = useMemoizedFn(\n    (_event: BaseEvent<'bindfocus', InputFocusEvent>) => {\n      setFocused(true)\n      onInputFocused?.()\n      onFocus?.()\n    },\n  )\n\n  const handleBlur = useMemoizedFn(\n    (_event: BaseEvent<'bindblur', InputBlurEvent>) => {\n      setFocused(false)\n      onInputBlurred?.()\n      onBlur?.()\n    },\n  )\n\n  const handleTap = useMemoizedFn(() => {\n    if (!disabled) {\n      void focus().catch(reportInputError)\n    }\n  })\n\n  const contextValue = useMemo<InputOTPRenderProps>(() => ({\n    value: displayedValue,\n    length: fieldLength,\n    inputType,\n    focused,\n    complete: displayedValue.length === fieldLength,\n    disabled,\n    invalid,\n  }), [\n    disabled,\n    displayedValue,\n    fieldLength,\n    focused,\n    inputType,\n    invalid,\n  ])\n\n  const renderedChildren = typeof children === 'function'\n    ? children(contextValue)\n    : children\n\n  return (\n    <InputOTPContext.Provider value={contextValue}>\n      <view\n        bindtap={handleTap}\n        className={clsx(className, {\n          'ui-focused': focused,\n          'ui-complete': contextValue.complete,\n          'ui-disabled': disabled,\n          'ui-invalid': invalid,\n        })}\n        flatten={false}\n        style={style}\n      >\n        {renderedChildren}\n        <input\n          ref={inputRef}\n          android-fullscreen-mode={false}\n          bindblur={handleBlur}\n          bindfocus={handleFocus}\n          bindinput={handleInput}\n          confirm-type='done'\n          disabled={disabled}\n          ignore-focus={true}\n          input-filter={nativeInputFilters[inputType]}\n          ios-auto-correct={false}\n          ios-spell-check={false}\n          maxlength={fieldLength}\n          show-soft-input-on-focus={true}\n          style={hiddenInputStyle}\n          type={inputType === 'numeric' ? 'number' : 'text'}\n        />\n      </view>\n    </InputOTPContext.Provider>\n  )\n}\n"],"names":["hiddenInputStyle","InputOTP","memo","forwardRef","InputOTPImpl","reportInputError","error","console","String","props","ref","length","inputType","value","defaultValue","autoFocus","disabled","invalid","className","style","children","onChange","onComplete","onFocus","onBlur","fieldLength","normalizeInputOTPLength","isControlled","undefined","uncontrolledValue","setUncontrolledValue","useState","normalizeOTPValue","focused","setFocused","inputRef","useRef","onInputBlurred","onInputFocused","useContext","KeyboardAwareTriggerContext","displayedValue","invokeInput","useMemoizedFn","method","nextValue","Promise","resolve","reject","Error","result","InvokeRejectError","focus","blur","syncNativeValue","emitValue","previousValue","setValue","nextRawValue","useImperativeHandle","useEffect","handleInput","event","rawValue","handleFocus","_event","handleBlur","handleTap","contextValue","useMemo","renderedChildren","InputOTPContext","view","clsx","input","nativeInputFilters"],"mappings":"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"}

package/dist/InputOTPSlot.d.ts

@@ -1,3 +1,6 @@
-import type { InputOTPSlot as InputOTPSlotType } from './types/index.js';
-export declare const InputOTPSlot: InputOTPSlotType;
+import type { ReactElement } from '@lynx-js/react';
+import type { InputOTPSlotProps } from './types/index.js';
+type InputOTPSlotComponent = (props: InputOTPSlotProps) => ReactElement;
+export declare const InputOTPSlot: InputOTPSlotComponent;
+export {};
 //# sourceMappingURL=InputOTPSlot.d.ts.map

package/dist/InputOTPSlot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputOTPSlot.d.ts","sourceRoot":"","sources":["../src/InputOTPSlot.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAGV,YAAY,IAAI,gBAAgB,EACjC,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,YAAY,EAA6B,gBAAgB,CAAA"}
+{"version":3,"file":"InputOTPSlot.d.ts","sourceRoot":"","sources":["../src/InputOTPSlot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAKlD,OAAO,KAAK,EAAE,iBAAiB,EAA2B,MAAM,SAAS,CAAA;AAEzE,KAAK,qBAAqB,GAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK,YAAY,CAAA;AAEvE,eAAO,MAAM,YAAY,EAA6B,qBAAqB,CAAA"}

package/dist/InputOTPSlot.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"InputOTPSlot.jsx","sources":["../src/InputOTPSlot.tsx"],"sourcesContent":["// Copyright 2026 The Lynx Authors. All rights reserved.\n// Licensed under the Apache License Version 2.0 that can be found in the\n// LICENSE file in the root directory of this source tree.\n\nimport { memo } from '@lynx-js/react'\n\nimport { clsx } from 'clsx'\n\nimport { useInputOTPContext } from './InputOTPContext'\nimport type {\n  InputOTPSlotProps,\n  InputOTPSlotRenderProps,\n  InputOTPSlot as InputOTPSlotType,\n} from './types'\n\nexport const InputOTPSlot = memo(InputOTPSlotImpl) as InputOTPSlotType\n\nfunction InputOTPSlotImpl(props: InputOTPSlotProps) {\n  const {\n    index,\n    className,\n    style,\n    children,\n  } = props\n  const context = useInputOTPContext()\n\n  const {\n    value,\n    length,\n    focused,\n    complete,\n    disabled,\n    invalid,\n  } = context\n  const char = value[index]\n  const isFilled = char !== undefined\n  const hasFakeCaret = focused\n    && !disabled\n    && value.length < length\n    && index === value.length\n  const slotState: InputOTPSlotRenderProps = {\n    index,\n    char,\n    focused: hasFakeCaret,\n    filled: isFilled,\n    complete,\n    disabled,\n    invalid,\n  }\n  const renderedChildren = typeof children === 'function'\n    ? children(slotState)\n    : children\n\n  return (\n    <view\n      className={clsx(className, {\n        'ui-focused': hasFakeCaret,\n        'ui-filled': isFilled,\n        'ui-complete': complete,\n        'ui-disabled': disabled,\n        'ui-invalid': invalid,\n      })}\n      style={style}\n    >\n      {children === undefined\n        ? (\n          <>\n            {char === undefined\n              ? null\n              : <text>{char}</text>}\n            {hasFakeCaret\n              ? <view />\n              : null}\n          </>\n        )\n        : renderedChildren}\n    </view>\n  )\n}\n"],"names":["InputOTPSlot","memo","InputOTPSlotImpl","props","index","className","style","children","context","useInputOTPContext","value","length","focused","complete","disabled","invalid","char","isFilled","undefined","hasFakeCaret","slotState","renderedChildren","view","clsx","text"],"mappings":";;;AAeO,MAAMA,eAAeC,KAAKC;AAEjC,SAASA,iBAAiBC,KAAwB;IAChD,MAAM,EACJC,KAAK,EACLC,SAAS,EACTC,KAAK,EACLC,QAAQ,EACT,GAAGJ;IACJ,MAAMK,UAAUC;IAEhB,MAAM,EACJC,KAAK,EACLC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACR,GAAGP;IACJ,MAAMQ,OAAON,KAAK,CAACN,MAAM;IACzB,MAAMa,WAAWD,AAASE,WAATF;IACjB,MAAMG,eAAeP,WAChB,CAACE,YACDJ,MAAM,MAAM,GAAGC,UACfP,UAAUM,MAAM,MAAM;IAC3B,MAAMU,YAAqC;QACzChB;QACAY;QACA,SAASG;QACT,QAAQF;QACRJ;QACAC;QACAC;IACF;IACA,MAAMM,mBAAmB,AAAoB,cAApB,OAAOd,WAC5BA,SAASa,aACTb;IAEJ,QACGe,KACC,WAAWC,KAAKlB,WAAW;QACzB,cAAcc;QACd,aAAaF;QACb,eAAeJ;QACf,eAAeC;QACf,cAAcC;IAChB,IACA,OAAOT,OACR;MACC,CAACC,AAAaW,WAAbX,aAEK;YACA,CAACS,AAASE,WAATF,OACG,QACCQ,MAAMR,OAAOQ,MAAM;YACxB,CAACL,gBACIG,SACD,KAAK;UACX,MAEAD,iBAAiB;IACvB,EAAEC;AAEN"}
+{"version":3,"file":"InputOTPSlot.jsx","sources":["../src/InputOTPSlot.tsx"],"sourcesContent":["// Copyright 2026 The Lynx Authors. All rights reserved.\n// Licensed under the Apache License Version 2.0 that can be found in the\n// LICENSE file in the root directory of this source tree.\n\nimport { memo } from '@lynx-js/react'\nimport type { ReactElement } from '@lynx-js/react'\n\nimport { clsx } from 'clsx'\n\nimport { useInputOTPContext } from './InputOTPContext'\nimport type { InputOTPSlotProps, InputOTPSlotRenderProps } from './types'\n\ntype InputOTPSlotComponent = (props: InputOTPSlotProps) => ReactElement\n\nexport const InputOTPSlot = memo(InputOTPSlotImpl) as InputOTPSlotComponent\n\nfunction InputOTPSlotImpl(props: InputOTPSlotProps) {\n  const {\n    index,\n    className,\n    style,\n    children,\n  } = props\n  const context = useInputOTPContext()\n\n  const {\n    value,\n    length,\n    focused,\n    complete,\n    disabled,\n    invalid,\n  } = context\n  const char = value[index]\n  const isFilled = char !== undefined\n  const hasFakeCaret = focused\n    && !disabled\n    && value.length < length\n    && index === value.length\n  const slotState: InputOTPSlotRenderProps = {\n    index,\n    char,\n    focused: hasFakeCaret,\n    filled: isFilled,\n    complete,\n    disabled,\n    invalid,\n  }\n  const renderedChildren = typeof children === 'function'\n    ? children(slotState)\n    : children\n\n  return (\n    <view\n      className={clsx(className, {\n        'ui-focused': hasFakeCaret,\n        'ui-filled': isFilled,\n        'ui-complete': complete,\n        'ui-disabled': disabled,\n        'ui-invalid': invalid,\n      })}\n      style={style}\n    >\n      {children === undefined\n        ? (\n          <>\n            {char === undefined\n              ? null\n              : <text>{char}</text>}\n            {hasFakeCaret\n              ? <view />\n              : null}\n          </>\n        )\n        : renderedChildren}\n    </view>\n  )\n}\n"],"names":["InputOTPSlot","memo","InputOTPSlotImpl","props","index","className","style","children","context","useInputOTPContext","value","length","focused","complete","disabled","invalid","char","isFilled","undefined","hasFakeCaret","slotState","renderedChildren","view","clsx","text"],"mappings":";;;AAcO,MAAMA,eAAeC,KAAKC;AAEjC,SAASA,iBAAiBC,KAAwB;IAChD,MAAM,EACJC,KAAK,EACLC,SAAS,EACTC,KAAK,EACLC,QAAQ,EACT,GAAGJ;IACJ,MAAMK,UAAUC;IAEhB,MAAM,EACJC,KAAK,EACLC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACR,GAAGP;IACJ,MAAMQ,OAAON,KAAK,CAACN,MAAM;IACzB,MAAMa,WAAWD,AAASE,WAATF;IACjB,MAAMG,eAAeP,WAChB,CAACE,YACDJ,MAAM,MAAM,GAAGC,UACfP,UAAUM,MAAM,MAAM;IAC3B,MAAMU,YAAqC;QACzChB;QACAY;QACA,SAASG;QACT,QAAQF;QACRJ;QACAC;QACAC;IACF;IACA,MAAMM,mBAAmB,AAAoB,cAApB,OAAOd,WAC5BA,SAASa,aACTb;IAEJ,QACGe,KACC,WAAWC,KAAKlB,WAAW;QACzB,cAAcc;QACd,aAAaF;QACb,eAAeJ;QACf,eAAeC;QACf,cAAcC;IAChB,IACA,OAAOT,OACR;MACC,CAACC,AAAaW,WAAbX,aAEK;YACA,CAACS,AAASE,WAATF,OACG,QACCQ,MAAMR,OAAOQ,MAAM;YACxB,CAACL,gBACIG,SACD,KAAK;UACX,MAEAD,iBAAiB;IACvB,EAAEC;AAEN"}

package/dist/types/index.docs.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardedRef, ReactElement, ReactNode } from '@lynx-js/react';
+import type { ForwardedRef, ReactNode } from '@lynx-js/react';
 import type { ComponentBasicProps } from '@lynx-js/lynx-ui-common';
 /**
  * Positive number of slots managed by InputOTP.
@@ -258,9 +258,9 @@ export interface InputOTPProps extends ComponentBasicProps {
      */
     disabled?: boolean;
     /**
-     * Expose the invalid state to render props and the ui-invalid variant.
+     * Expose the invalid state to render props and the `ui-invalid` UI variant.
      * @defaultValue false
-     * @zh 通过渲染属性和 ui-invalid variant 暴露无效状态。
+     * @zh 通过渲染属性和 `ui-invalid` UI variant 暴露无效状态。
      * @Android
      * @iOS
      * @Harmony
@@ -335,6 +335,4 @@ export interface InputOTPSlotProps extends ComponentBasicProps {
      */
     children?: ReactNode | ((state: InputOTPSlotRenderProps) => ReactNode);
 }
-export type InputOTP = (props: InputOTPProps) => ReactElement;
-export type InputOTPSlot = (props: InputOTPSlotProps) => ReactElement;
 //# sourceMappingURL=index.docs.d.ts.map

package/dist/types/index.docs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.docs.d.ts","sourceRoot":"","sources":["../../src/types/index.docs.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.docs.d.ts","sourceRoot":"","sources":["../../src/types/index.docs.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/lynx-ui-input-otp",
-  "version": "3.139.0",
+  "version": "3.140.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lynx-family/lynx-ui.git",
@@ -26,8 +26,8 @@
   ],
   "dependencies": {
     "clsx": "^2.1.1",
-    "@lynx-js/lynx-ui-common": "3.139.0",
-    "@lynx-js/lynx-ui-input": "3.139.0"
+    "@lynx-js/lynx-ui-input": "3.140.1",
+    "@lynx-js/lynx-ui-common": "3.139.0"
   },
   "devDependencies": {
     "@lynx-js/react": "0.123.1",

package/src/InputOTP.tsx

@@ -12,7 +12,7 @@ import {
   useRef,
   useState,
 } from '@lynx-js/react'
-import type { ForwardedRef } from '@lynx-js/react'
+import type { ForwardedRef, ReactElement } from '@lynx-js/react'
 
 import { InvokeRejectError, useMemoizedFn } from '@lynx-js/lynx-ui-common'
 import { KeyboardAwareTriggerContext } from '@lynx-js/lynx-ui-input'
@@ -27,18 +27,15 @@ import type {
 import { clsx } from 'clsx'
 
 import { InputOTPContext } from './InputOTPContext'
-import type {
-  InputOTPProps,
-  InputOTPRef,
-  InputOTPRenderProps,
-  InputOTP as InputOTPType,
-} from './types'
+import type { InputOTPProps, InputOTPRef, InputOTPRenderProps } from './types'
 import {
   nativeInputFilters,
   normalizeInputOTPLength,
   normalizeOTPValue,
 } from './utils'
 
+type InputOTPComponent = (props: InputOTPProps) => ReactElement
+
 const hiddenInputStyle: CSSProperties = {
   position: 'absolute',
   top: '0px',
@@ -53,7 +50,7 @@ const hiddenInputStyle: CSSProperties = {
   backgroundColor: 'transparent',
 }
 
-export const InputOTP = memo(forwardRef(InputOTPImpl)) as InputOTPType
+export const InputOTP = memo(forwardRef(InputOTPImpl)) as InputOTPComponent
 
 function reportInputError(error: unknown) {
   console.warn(

package/src/InputOTPSlot.tsx

@@ -3,17 +3,16 @@
 // LICENSE file in the root directory of this source tree.
 
 import { memo } from '@lynx-js/react'
+import type { ReactElement } from '@lynx-js/react'
 
 import { clsx } from 'clsx'
 
 import { useInputOTPContext } from './InputOTPContext'
-import type {
-  InputOTPSlotProps,
-  InputOTPSlotRenderProps,
-  InputOTPSlot as InputOTPSlotType,
-} from './types'
+import type { InputOTPSlotProps, InputOTPSlotRenderProps } from './types'
 
-export const InputOTPSlot = memo(InputOTPSlotImpl) as InputOTPSlotType
+type InputOTPSlotComponent = (props: InputOTPSlotProps) => ReactElement
+
+export const InputOTPSlot = memo(InputOTPSlotImpl) as InputOTPSlotComponent
 
 function InputOTPSlotImpl(props: InputOTPSlotProps) {
   const {

package/src/types/index.docs.ts

@@ -2,7 +2,7 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 
-import type { ForwardedRef, ReactElement, ReactNode } from '@lynx-js/react'
+import type { ForwardedRef, ReactNode } from '@lynx-js/react'
 
 import type { ComponentBasicProps } from '@lynx-js/lynx-ui-common'
 
@@ -304,9 +304,9 @@ export interface InputOTPProps extends ComponentBasicProps {
   disabled?: boolean
 
   /**
-   * Expose the invalid state to render props and the ui-invalid variant.
+   * Expose the invalid state to render props and the `ui-invalid` UI variant.
    * @defaultValue false
-   * @zh 通过渲染属性和 ui-invalid variant 暴露无效状态。
+   * @zh 通过渲染属性和 `ui-invalid` UI variant 暴露无效状态。
    * @Android
    * @iOS
    * @Harmony
@@ -392,6 +392,3 @@ export interface InputOTPSlotProps extends ComponentBasicProps {
     | ReactNode
     | ((state: InputOTPSlotRenderProps) => ReactNode)
 }
-
-export type InputOTP = (props: InputOTPProps) => ReactElement
-export type InputOTPSlot = (props: InputOTPSlotProps) => ReactElement