@fluentui/react-input 9.74.5-experimental.tabster-v9.20260804-bb909442fe.0 → 9.74.7-experimental.cli-api.20261006-ccaa611d58.0

package/CHANGELOG.md

@@ -1,22 +1,35 @@
 # Change Log - @fluentui/react-input
 
-This log was last generated on Tue, 04 Aug 2026 15:10:30 GMT and should not be manually modified.
+<!-- This log was last generated on Tue, 06 Oct 2026 11:40:23 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
-## [9.74.5-experimental.tabster-v9.20260804-bb909442fe.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.74.5-experimental.tabster-v9.20260804-bb909442fe.0)
+## [9.74.7-experimental.cli-api.20261006-ccaa611d58.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.74.7-experimental.cli-api.20261006-ccaa611d58.0)
 
-Tue, 04 Aug 2026 15:10:30 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.8.5..@fluentui/react-input_v9.74.5-experimental.tabster-v9.20260804-bb909442fe.0)
+Tue, 06 Oct 2026 11:40:23 GMT
 
 ### Changes
 
-- Release 9.74.5-experimental.tabster-v9.20260804-bb909442fe ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-field to v9.74.5-experimental.tabster-v9.20260804-bb909442fe.0 ([commit](https://github.com/microsoft/fluentui/commit/7ace6efd4ac88a8dc271641538056e6fc6927456) by beachball)
-- Bump @fluentui/react-jsx-runtime to v9.74.5-experimental.tabster-v9.20260804-bb909442fe.0 ([commit](https://github.com/microsoft/fluentui/commit/7ace6efd4ac88a8dc271641538056e6fc6927456) by beachball)
-- Bump @fluentui/react-shared-contexts to v9.74.5-experimental.tabster-v9.20260804-bb909442fe.0 ([commit](https://github.com/microsoft/fluentui/commit/7ace6efd4ac88a8dc271641538056e6fc6927456) by beachball)
-- Bump @fluentui/react-theme to v9.74.5-experimental.tabster-v9.20260804-bb909442fe.0 ([commit](https://github.com/microsoft/fluentui/commit/7ace6efd4ac88a8dc271641538056e6fc6927456) by beachball)
-- Bump @fluentui/react-utilities to v9.74.5-experimental.tabster-v9.20260804-bb909442fe.0 ([commit](https://github.com/microsoft/fluentui/commit/7ace6efd4ac88a8dc271641538056e6fc6927456) by beachball)
+- Release 9.74.7-experimental.cli-api.20261006-ccaa611d58 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by 257645319+office-ogx-auth-helper[bot]@users.noreply.github.com)
+- Bump @fluentui/react-field to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-theme to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+
+## [9.8.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.8.6)
+
+Tue, 11 Aug 2026 17:20:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.8.5..@fluentui/react-input_v9.8.6)
+
+### Patches
+
+- Ship ESM-first (type:module): valid ESM under lib/, CommonJS under lib-commonjs/*.cjs, and drop the `node` export condition - bare-Node `import` resolves ESM, `require` resolves CJS; node-targeted bundlers tree-shake. ([PR #36327](https://github.com/microsoft/fluentui/pull/36327) by martinhochel@microsoft.com)
+- Bump @fluentui/react-field to v9.5.4 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.26.3 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-theme to v9.2.2 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.26.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
 
 ## [9.8.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.8.5)
 

package/dist/index.d.cts

@@ -0,0 +1,140 @@
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { JSXElement } from '@fluentui/react-utilities';
+import type * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+/**
+ * The Input component allows people to enter and edit text.
+ */
+export declare const Input: ForwardRefComponent<InputProps>;
+
+/**
+ * Input props without design-specific props (appearance, size).
+ * Use this when building a base input that is unstyled or uses a custom design system.
+ */
+export declare type InputBaseProps = Omit<InputProps, 'appearance' | 'size'>;
+
+/**
+ * Input state without design-specific state (appearance, size).
+ */
+export declare type InputBaseState = Omit<InputState, 'appearance' | 'size'>;
+
+export declare const inputClassNames: SlotClassNames<InputSlots>;
+
+/**
+ * Data passed to the `onChange` callback when a user changes the input's value.
+ */
+export declare type InputOnChangeData = {
+    /** Updated input value from the user */
+    value: string;
+};
+
+export declare type InputProps = Omit<ComponentProps<Partial<InputSlots>, 'input'>, 'children' | 'defaultValue' | 'onChange' | 'size' | 'type' | 'value'> & {
+    /** Input can't have children. */
+    children?: never;
+    /**
+     * Size of the input (changes the font size and spacing).
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Controls the colors and borders of the input.
+     * @default 'outline'
+     *
+     * Note: 'filled-darker-shadow' and 'filled-lighter-shadow' are deprecated and will be removed in the future.
+     */
+    appearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter' | 'filled-darker-shadow' | 'filled-lighter-shadow';
+    /**
+     * Default value of the input. Provide this if the input should be an uncontrolled component
+     * which tracks its current state internally; otherwise, use `value`.
+     *
+     * (This prop is mutually exclusive with `value`.)
+     */
+    defaultValue?: string;
+    /**
+     * Current value of the input. Provide this if the input is a controlled component where you
+     * are maintaining its current state; otherwise, use `defaultValue`.
+     *
+     * (This prop is mutually exclusive with `defaultValue`.)
+     */
+    value?: string;
+    /**
+     * Called when the user changes the input's value.
+     */
+    onChange?: (ev: React_2.ChangeEvent<HTMLInputElement>, data: InputOnChangeData) => void;
+    /**
+     * An input can have different text-based [types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types)
+     * based on the type of value the user will enter.
+     *
+     * Note that no custom styling is currently applied for alternative types, and some types may
+     * activate browser-default styling which does not match the Fluent design language.
+     *
+     * (For non-text-based types such as `button` or `checkbox`, use the appropriate component or an
+     * `<input>` element instead.)
+     * @default 'text'
+     */
+    type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'number' | 'time' | 'week';
+};
+
+export declare type InputSlots = {
+    /**
+     * Wrapper element which visually appears to be the input and is used for borders, focus styling, etc.
+     * (A wrapper is needed to properly position `contentBefore` and `contentAfter` relative to `input`.)
+     *
+     * The root slot receives the `className` and `style` specified directly on the `<Input>`.
+     * All other top-level native props will be applied to the primary slot, `input`.
+     */
+    root: NonNullable<Slot<'span'>>;
+    /**
+     * The actual `<input>` element. `type="text"` will be automatically applied unless overridden.
+     *
+     * This is the "primary" slot, so native props specified directly on the `<Input>` will go here
+     * (except `className` and `style`, which go to the `root` slot). The top-level `ref` will
+     * also go here.
+     */
+    input: NonNullable<Slot<'input'>>;
+    /** Element before the input text, within the input border */
+    contentBefore?: Slot<'span'>;
+    /** Element after the input text, within the input border */
+    contentAfter?: Slot<'span'>;
+};
+
+/**
+ * State used in rendering Input.
+ */
+export declare type InputState = Required<Pick<InputProps, 'appearance' | 'size'>> & ComponentState<InputSlots>;
+
+/**
+ * Render the final JSX of Input
+ */
+export declare const renderInput_unstable: (state: InputBaseState) => JSXElement;
+
+/**
+ * Create the state required to render Input.
+ *
+ * The returned state can be modified with hooks such as useInputStyles_unstable,
+ * before being passed to renderInput_unstable.
+ *
+ * @param props - props from this instance of Input
+ * @param ref - reference to `<input>` element of Input
+ */
+export declare const useInput_unstable: (props: InputProps, ref: React_2.Ref<HTMLInputElement>) => InputState;
+
+/**
+ * Base hook for Input component, which manages state related to controlled/uncontrolled value,
+ * slot structure, and onChange handling. This hook excludes design-specific props (appearance, size).
+ *
+ * @param props - User provided props to the Input component.
+ * @param ref - User provided ref to be passed to the Input component.
+ */
+export declare const useInputBase_unstable: (props: InputBaseProps, ref: React_2.Ref<HTMLInputElement>) => InputBaseState;
+
+/**
+ * Apply styling to the Input slots based on the state
+ */
+export declare const useInputStyles_unstable: (state: InputState) => InputState;
+
+export { }