@spark-ui/components 10.17.12 → 10.18.0

package/dist/input/index.d.mts

@@ -1,11 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentPropsWithoutRef, Ref } from 'react';
-import { b as InputGroup$1 } from '../Input-N8AWWSmt.mjs';
-export { c as Input, I as InputGroupProps, a as InputProps } from '../Input-N8AWWSmt.mjs';
+import { c as InputGroup$1, d as InputLeadingIcon, e as InputTrailingIcon } from '../InputTrailingIcon-DzmwLGtX.mjs';
+export { I as InputGroupProps, a as InputLeadingIconProps, b as InputTrailingIconProps } from '../InputTrailingIcon-DzmwLGtX.mjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { b as InputLeadingIcon, c as InputTrailingIcon } from '../InputTrailingIcon-BBp7sE6D.mjs';
-export { I as InputLeadingIconProps, a as InputTrailingIconProps } from '../InputTrailingIcon-BBp7sE6D.mjs';
+export { a as Input, I as InputProps } from '../Input-g0LpWuv0.mjs';
 import '../icon/index.mjs';
 
 interface InputClearButtonProps extends ComponentPropsWithoutRef<'button'> {

package/dist/input/index.d.ts

@@ -1,11 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentPropsWithoutRef, Ref } from 'react';
-import { b as InputGroup$1 } from '../Input-N8AWWSmt.js';
-export { c as Input, I as InputGroupProps, a as InputProps } from '../Input-N8AWWSmt.js';
+import { c as InputGroup$1, d as InputLeadingIcon, e as InputTrailingIcon } from '../InputTrailingIcon-CZD9hydv.js';
+export { I as InputGroupProps, a as InputLeadingIconProps, b as InputTrailingIconProps } from '../InputTrailingIcon-CZD9hydv.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { b as InputLeadingIcon, c as InputTrailingIcon } from '../InputTrailingIcon-ZZx8PoJy.js';
-export { I as InputLeadingIconProps, a as InputTrailingIconProps } from '../InputTrailingIcon-ZZx8PoJy.js';
+export { a as Input, I as InputProps } from '../Input-g0LpWuv0.js';
 import '../icon/index.js';
 
 interface InputClearButtonProps extends ComponentPropsWithoutRef<'button'> {

package/dist/stepper/index.d.mts

@@ -1,81 +1,78 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RefObject, Ref, PropsWithChildren } from 'react';
-import { AriaButtonOptions } from '@react-aria/button';
-import { NumberFieldStateOptions } from '@react-stately/numberfield';
-import { AriaNumberFieldProps } from '@react-types/numberfield';
+import { NumberField } from '@base-ui-components/react/number-field';
+import { ComponentProps, ReactNode, Ref } from 'react';
 import { IconButtonProps } from '../icon-button/index.mjs';
-import { I as InputGroupProps, a as InputProps } from '../Input-N8AWWSmt.mjs';
+import { I as InputProps } from '../Input-g0LpWuv0.mjs';
 import '../button/index.mjs';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 
-/**
- * As we're using React Spectrum library to build this component, we also want
- * to build our typing uppon theirs.
- * Still, we have to adapt it to avoid exposing useless props.
- */
-type StepperButtonProps = Omit<IconButtonProps, 'shape' | 'size' | 'disabled' | 'asChild' | 'isLoading' | 'loadingLabel'> & Omit<AriaButtonOptions<'button'>, 'elementType' | 'href' | 'target' | 'isDisabled' | 'excludeFromTabOrder' | 'aria-label' | 'preventFocusOnPress'> & {
-    disabled?: boolean;
-    ref?: Ref<HTMLButtonElement>;
+interface DecrementProps extends Omit<ComponentProps<typeof NumberField.Decrement>, 'render'> {
+    children?: ReactNode;
+    asChild?: boolean;
+}
+interface IncrementProps extends Omit<ComponentProps<typeof NumberField.Increment>, 'render'> {
+    children?: ReactNode;
+    asChild?: boolean;
+}
+declare const Decrement: {
+    ({ children, className, asChild, ...props }: DecrementProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const Increment: {
+    ({ children, className, asChild, ...props }: IncrementProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface Props extends Omit<ComponentProps<typeof NumberField.Input>, 'render'> {
+    children?: ReactNode;
+}
+declare const Input: {
+    ({ className, ...props }: Props): react_jsx_runtime.JSX.Element;
+    displayName: string;
 };
-type SpectrumNumberFieldPropsFilter = 'isDisabled' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'validationState' | 'validationBehavior' | 'validate' | 'label' | 'description' | 'errorMessage' | 'isWheelDisabled' | 'id' | 'onCopy' | 'onCut' | 'onPaste' | 'onCompositionStart' | 'onCompositionEnd' | 'onCompositionUpdate' | 'onSelect' | 'onBeforeInput' | 'onInput';
-interface UseStepperArgs extends Omit<Omit<NumberFieldStateOptions, 'locale'> & Omit<AriaNumberFieldProps, 'incrementAriaLabel' | 'decrementAriaLabel'>, SpectrumNumberFieldPropsFilter> {
-    inputRef: RefObject<HTMLInputElement | null>;
+
+interface StepperProps extends Omit<ComponentProps<typeof NumberField.Root>, 'render' | 'min' | 'max' | 'format'> {
+    children: ReactNode;
     /**
-     * Sets the component as interactive or not.
+     * Assign a specific state to the group, either `error`, `alert` or `success`. The outline styles will be updated.
      */
-    disabled?: boolean;
+    state?: 'error' | 'alert' | 'success';
     /**
-     * Sets the component as editable or not.
+     * The minimum value of the input element.
      */
-    readOnly?: boolean;
+    minValue?: number;
     /**
-     * Sets the component as mandatory for form validation.
+     * The maximum value of the input element.
      */
-    required?: boolean;
+    maxValue?: number;
     /**
-     * The [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code for the locale.
-     * @default 'fr'
+     * Options to format the input value.
      */
-    locale?: string;
+    formatOptions?: Intl.NumberFormatOptions;
 }
-type StepperProps = Omit<Omit<UseStepperArgs, 'inputRef' | 'aria-label'> & Omit<InputGroupProps, 'onClear'>, 'onChange'> & {
-    onValueChange?: (e: number) => void;
-    ref?: Ref<HTMLDivElement>;
+/**
+ * As we're using React Spectrum library to build this component, we also want
+ * to build our typing uppon theirs.
+ * Still, we have to adapt it to avoid exposing useless props.
+ */
+type StepperButtonProps = Omit<IconButtonProps, 'shape' | 'size' | 'disabled' | 'asChild' | 'isLoading' | 'loadingLabel'> & {
+    disabled?: boolean;
+    ref?: Ref<HTMLButtonElement>;
 };
 type StepperInputProps = Omit<InputProps, 'asChild'> & {
     ref?: Ref<HTMLInputElement>;
 };
 
-declare const Stepper$1: {
-    ({ children, formatOptions, minValue, maxValue, ref: forwardedRef, ...stepperProps }: PropsWithChildren<StepperProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const StepperIncrementButton: {
-    ({ children, design, intent, className, ref: forwardedRef, ...rest }: PropsWithChildren<StepperButtonProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    id: string;
-};
-declare const StepperDecrementButton: {
-    ({ children, design, intent, className, ref: forwardedRef, ...rest }: PropsWithChildren<StepperButtonProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    id: string;
-};
-
-declare const StepperInput: {
-    ({ ref: forwardedRef, ...props }: StepperInputProps): react_jsx_runtime.JSX.Element;
+declare const Root: {
+    ({ children, allowWheelScrub, state: stateProp, minValue, maxValue, formatOptions, step: stepProp, className, ...props }: StepperProps): react_jsx_runtime.JSX.Element;
     displayName: string;
-} & {
-    id: string;
 };
 
-declare const Stepper: typeof Stepper$1 & {
-    IncrementButton: typeof StepperIncrementButton;
-    DecrementButton: typeof StepperDecrementButton;
-    Input: typeof StepperInput;
+declare const Stepper: typeof Root & {
+    IncrementButton: typeof Increment;
+    DecrementButton: typeof Decrement;
+    Input: typeof Input;
 };
 
 export { Stepper, type StepperButtonProps, type StepperInputProps, type StepperProps };

package/dist/stepper/index.d.ts

@@ -1,81 +1,78 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RefObject, Ref, PropsWithChildren } from 'react';
-import { AriaButtonOptions } from '@react-aria/button';
-import { NumberFieldStateOptions } from '@react-stately/numberfield';
-import { AriaNumberFieldProps } from '@react-types/numberfield';
+import { NumberField } from '@base-ui-components/react/number-field';
+import { ComponentProps, ReactNode, Ref } from 'react';
 import { IconButtonProps } from '../icon-button/index.js';
-import { I as InputGroupProps, a as InputProps } from '../Input-N8AWWSmt.js';
+import { I as InputProps } from '../Input-g0LpWuv0.js';
 import '../button/index.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 
-/**
- * As we're using React Spectrum library to build this component, we also want
- * to build our typing uppon theirs.
- * Still, we have to adapt it to avoid exposing useless props.
- */
-type StepperButtonProps = Omit<IconButtonProps, 'shape' | 'size' | 'disabled' | 'asChild' | 'isLoading' | 'loadingLabel'> & Omit<AriaButtonOptions<'button'>, 'elementType' | 'href' | 'target' | 'isDisabled' | 'excludeFromTabOrder' | 'aria-label' | 'preventFocusOnPress'> & {
-    disabled?: boolean;
-    ref?: Ref<HTMLButtonElement>;
+interface DecrementProps extends Omit<ComponentProps<typeof NumberField.Decrement>, 'render'> {
+    children?: ReactNode;
+    asChild?: boolean;
+}
+interface IncrementProps extends Omit<ComponentProps<typeof NumberField.Increment>, 'render'> {
+    children?: ReactNode;
+    asChild?: boolean;
+}
+declare const Decrement: {
+    ({ children, className, asChild, ...props }: DecrementProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const Increment: {
+    ({ children, className, asChild, ...props }: IncrementProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface Props extends Omit<ComponentProps<typeof NumberField.Input>, 'render'> {
+    children?: ReactNode;
+}
+declare const Input: {
+    ({ className, ...props }: Props): react_jsx_runtime.JSX.Element;
+    displayName: string;
 };
-type SpectrumNumberFieldPropsFilter = 'isDisabled' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'validationState' | 'validationBehavior' | 'validate' | 'label' | 'description' | 'errorMessage' | 'isWheelDisabled' | 'id' | 'onCopy' | 'onCut' | 'onPaste' | 'onCompositionStart' | 'onCompositionEnd' | 'onCompositionUpdate' | 'onSelect' | 'onBeforeInput' | 'onInput';
-interface UseStepperArgs extends Omit<Omit<NumberFieldStateOptions, 'locale'> & Omit<AriaNumberFieldProps, 'incrementAriaLabel' | 'decrementAriaLabel'>, SpectrumNumberFieldPropsFilter> {
-    inputRef: RefObject<HTMLInputElement | null>;
+
+interface StepperProps extends Omit<ComponentProps<typeof NumberField.Root>, 'render' | 'min' | 'max' | 'format'> {
+    children: ReactNode;
     /**
-     * Sets the component as interactive or not.
+     * Assign a specific state to the group, either `error`, `alert` or `success`. The outline styles will be updated.
      */
-    disabled?: boolean;
+    state?: 'error' | 'alert' | 'success';
     /**
-     * Sets the component as editable or not.
+     * The minimum value of the input element.
      */
-    readOnly?: boolean;
+    minValue?: number;
     /**
-     * Sets the component as mandatory for form validation.
+     * The maximum value of the input element.
      */
-    required?: boolean;
+    maxValue?: number;
     /**
-     * The [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code for the locale.
-     * @default 'fr'
+     * Options to format the input value.
      */
-    locale?: string;
+    formatOptions?: Intl.NumberFormatOptions;
 }
-type StepperProps = Omit<Omit<UseStepperArgs, 'inputRef' | 'aria-label'> & Omit<InputGroupProps, 'onClear'>, 'onChange'> & {
-    onValueChange?: (e: number) => void;
-    ref?: Ref<HTMLDivElement>;
+/**
+ * As we're using React Spectrum library to build this component, we also want
+ * to build our typing uppon theirs.
+ * Still, we have to adapt it to avoid exposing useless props.
+ */
+type StepperButtonProps = Omit<IconButtonProps, 'shape' | 'size' | 'disabled' | 'asChild' | 'isLoading' | 'loadingLabel'> & {
+    disabled?: boolean;
+    ref?: Ref<HTMLButtonElement>;
 };
 type StepperInputProps = Omit<InputProps, 'asChild'> & {
     ref?: Ref<HTMLInputElement>;
 };
 
-declare const Stepper$1: {
-    ({ children, formatOptions, minValue, maxValue, ref: forwardedRef, ...stepperProps }: PropsWithChildren<StepperProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const StepperIncrementButton: {
-    ({ children, design, intent, className, ref: forwardedRef, ...rest }: PropsWithChildren<StepperButtonProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    id: string;
-};
-declare const StepperDecrementButton: {
-    ({ children, design, intent, className, ref: forwardedRef, ...rest }: PropsWithChildren<StepperButtonProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    id: string;
-};
-
-declare const StepperInput: {
-    ({ ref: forwardedRef, ...props }: StepperInputProps): react_jsx_runtime.JSX.Element;
+declare const Root: {
+    ({ children, allowWheelScrub, state: stateProp, minValue, maxValue, formatOptions, step: stepProp, className, ...props }: StepperProps): react_jsx_runtime.JSX.Element;
     displayName: string;
-} & {
-    id: string;
 };
 
-declare const Stepper: typeof Stepper$1 & {
-    IncrementButton: typeof StepperIncrementButton;
-    DecrementButton: typeof StepperDecrementButton;
-    Input: typeof StepperInput;
+declare const Stepper: typeof Root & {
+    IncrementButton: typeof Increment;
+    DecrementButton: typeof Decrement;
+    Input: typeof Input;
 };
 
 export { Stepper, type StepperButtonProps, type StepperInputProps, type StepperProps };