@spark-ui/components 10.19.3 → 10.20.0

package/dist/input/index.d.mts

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

package/dist/input/index.d.ts

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

package/dist/stepper/index.d.mts

@@ -1,78 +1,81 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NumberField } from '@base-ui-components/react/number-field';
-import { ComponentProps, ReactNode, Ref } from 'react';
+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 { IconButtonProps } from '../icon-button/index.mjs';
-import { I as InputProps } from '../Input-g0LpWuv0.mjs';
+import { I as InputGroupProps, a as InputProps } from '../Input-N8AWWSmt.mjs';
 import '../button/index.mjs';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 
-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;
+/**
+ * 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 StepperProps extends Omit<ComponentProps<typeof NumberField.Root>, 'render' | 'min' | 'max' | 'format'> {
-    children: ReactNode;
+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>;
     /**
-     * Assign a specific state to the group, either `error`, `alert` or `success`. The outline styles will be updated.
+     * Sets the component as interactive or not.
      */
-    state?: 'error' | 'alert' | 'success';
+    disabled?: boolean;
     /**
-     * The minimum value of the input element.
+     * Sets the component as editable or not.
      */
-    minValue?: number;
+    readOnly?: boolean;
     /**
-     * The maximum value of the input element.
+     * Sets the component as mandatory for form validation.
      */
-    maxValue?: number;
+    required?: boolean;
     /**
-     * Options to format the input value.
+     * The [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code for the locale.
+     * @default 'fr'
      */
-    formatOptions?: Intl.NumberFormatOptions;
+    locale?: string;
 }
-/**
- * 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 StepperProps = Omit<Omit<UseStepperArgs, 'inputRef' | 'aria-label'> & Omit<InputGroupProps, 'onClear'>, 'onChange'> & {
+    onValueChange?: (e: number) => void;
+    ref?: Ref<HTMLDivElement>;
 };
 type StepperInputProps = Omit<InputProps, 'asChild'> & {
     ref?: Ref<HTMLInputElement>;
 };
 
-declare const Root: {
-    ({ children, allowWheelScrub, state: stateProp, minValue, maxValue, formatOptions, step: stepProp, className, ...props }: StepperProps): react_jsx_runtime.JSX.Element;
+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;
     displayName: string;
+} & {
+    id: string;
 };
 
-declare const Stepper: typeof Root & {
-    IncrementButton: typeof Increment;
-    DecrementButton: typeof Decrement;
-    Input: typeof Input;
+declare const Stepper: typeof Stepper$1 & {
+    IncrementButton: typeof StepperIncrementButton;
+    DecrementButton: typeof StepperDecrementButton;
+    Input: typeof StepperInput;
 };
 
 export { Stepper, type StepperButtonProps, type StepperInputProps, type StepperProps };

package/dist/stepper/index.d.ts

@@ -1,78 +1,81 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NumberField } from '@base-ui-components/react/number-field';
-import { ComponentProps, ReactNode, Ref } from 'react';
+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 { IconButtonProps } from '../icon-button/index.js';
-import { I as InputProps } from '../Input-g0LpWuv0.js';
+import { I as InputGroupProps, a as InputProps } from '../Input-N8AWWSmt.js';
 import '../button/index.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 
-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;
+/**
+ * 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 StepperProps extends Omit<ComponentProps<typeof NumberField.Root>, 'render' | 'min' | 'max' | 'format'> {
-    children: ReactNode;
+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>;
     /**
-     * Assign a specific state to the group, either `error`, `alert` or `success`. The outline styles will be updated.
+     * Sets the component as interactive or not.
      */
-    state?: 'error' | 'alert' | 'success';
+    disabled?: boolean;
     /**
-     * The minimum value of the input element.
+     * Sets the component as editable or not.
      */
-    minValue?: number;
+    readOnly?: boolean;
     /**
-     * The maximum value of the input element.
+     * Sets the component as mandatory for form validation.
      */
-    maxValue?: number;
+    required?: boolean;
     /**
-     * Options to format the input value.
+     * The [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code for the locale.
+     * @default 'fr'
      */
-    formatOptions?: Intl.NumberFormatOptions;
+    locale?: string;
 }
-/**
- * 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 StepperProps = Omit<Omit<UseStepperArgs, 'inputRef' | 'aria-label'> & Omit<InputGroupProps, 'onClear'>, 'onChange'> & {
+    onValueChange?: (e: number) => void;
+    ref?: Ref<HTMLDivElement>;
 };
 type StepperInputProps = Omit<InputProps, 'asChild'> & {
     ref?: Ref<HTMLInputElement>;
 };
 
-declare const Root: {
-    ({ children, allowWheelScrub, state: stateProp, minValue, maxValue, formatOptions, step: stepProp, className, ...props }: StepperProps): react_jsx_runtime.JSX.Element;
+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;
     displayName: string;
+} & {
+    id: string;
 };
 
-declare const Stepper: typeof Root & {
-    IncrementButton: typeof Increment;
-    DecrementButton: typeof Decrement;
-    Input: typeof Input;
+declare const Stepper: typeof Stepper$1 & {
+    IncrementButton: typeof StepperIncrementButton;
+    DecrementButton: typeof StepperDecrementButton;
+    Input: typeof StepperInput;
 };
 
 export { Stepper, type StepperButtonProps, type StepperInputProps, type StepperProps };