@baseline-ui/core 0.54.2 → 0.56.0

package/dist/index.d.ts

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy, ClipboardEventHandler, CompositionEventHandler, ReactEventHandler, FormEventHandler, MouseEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, ReactNode, ReactElement, MouseEvent, FocusEvent, SyntheticEvent, KeyboardEvent as KeyboardEvent$2, JSX, HTMLAttributes, RefObject as RefObject$1, LabelHTMLAttributes, ElementType, JSXElementConstructor, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, Ref, MutableRefObject, SVGProps, Key as Key$1, Dispatch, SetStateAction } from 'react';
-import { CalendarDate, CalendarDateTime, ZonedDateTime, Time, CalendarIdentifier, Calendar, DateFormatter } from '@internationalized/date';
-import { NumberFormatOptions } from '@internationalized/number';
-import { LocalizedStrings } from '@internationalized/message';
+import { CalendarDate, CalendarDateTime, ZonedDateTime, Time, CalendarIdentifier, Calendar as Calendar$1, DateFormatter, DateDuration } from '@internationalized/date';
 import { Theme, Sprinkles } from '@baseline-ui/tokens';
 import { PanelImperativeHandle, PanelProps as PanelProps$1, SeparatorProps as SeparatorProps$2 } from 'react-resizable-panels';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -401,6 +399,13 @@ interface TextInputBase {
   placeholder?: string
 }
 
+interface RangeValue<T> {
+  /** The start value of the range. */
+  start: T,
+  /** The end value of the range. */
+  end: T
+}
+
 interface RangeInputBase<T> {
   /** The smallest value allowed for the input. */
   minValue?: T,
@@ -1019,6 +1024,15 @@ interface LongPressEvent extends Omit<PressEvent, 'type' | 'continuePropagation'
   type: 'longpressstart' | 'longpressend' | 'longpress'
 }
 
+interface HoverEvent {
+  /** The type of hover event being fired. */
+  type: 'hoverstart' | 'hoverend',
+  /** The pointer type that triggered the hover event. */
+  pointerType: 'mouse' | 'pen',
+  /** The target element of the hover event. */
+  target: HTMLElement
+}
+
 interface KeyboardEvents {
   /** Handler that is called when a key is pressed. */
   onKeyDown?: (e: KeyboardEvent$1) => void,
@@ -1035,6 +1049,15 @@ interface FocusEvents<Target = Element> {
   onFocusChange?: (isFocused: boolean) => void
 }
 
+interface HoverEvents {
+  /** Handler that is called when a hover interaction starts. */
+  onHoverStart?: (e: HoverEvent) => void,
+  /** Handler that is called when a hover interaction ends. */
+  onHoverEnd?: (e: HoverEvent) => void,
+  /** Handler that is called when the hover state changes. */
+  onHoverChange?: (isHovering: boolean) => void
+}
+
 interface PressEvents {
   /** Handler that is called when the press is released over the target. */
   onPress?: (e: PressEvent) => void,
@@ -1435,7 +1458,7 @@ interface AriaToggleProps extends ToggleProps, FocusableDOMProps, AriaLabelingPr
   'aria-controls'?: string
 }
 
-interface CheckboxProps$1 extends ToggleProps {
+interface CheckboxProps$2 extends ToggleProps {
   /**
    * Indeterminism is presentational only.
    * The indeterminate visual representation remains regardless of user interaction.
@@ -1443,7 +1466,7 @@ interface CheckboxProps$1 extends ToggleProps {
   isIndeterminate?: boolean
 }
 
-interface AriaCheckboxProps extends CheckboxProps$1, InputDOMProps, AriaToggleProps {}
+interface AriaCheckboxProps extends CheckboxProps$2, InputDOMProps, AriaToggleProps {}
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -1459,8 +1482,189 @@ interface AriaCheckboxProps extends CheckboxProps$1, InputDOMProps, AriaTogglePr
 
 
 
+type DateValue$1 = CalendarDate | CalendarDateTime | ZonedDateTime;
+type MappedDateValue$1<T> =
+  T extends ZonedDateTime ? ZonedDateTime :
+  T extends CalendarDateTime ? CalendarDateTime :
+  T extends CalendarDate ? CalendarDate :
+  never;
+
+interface CalendarPropsBase {
+  /** The minimum allowed date that a user may select. */
+  minValue?: DateValue$1 | null,
+  /** The maximum allowed date that a user may select. */
+  maxValue?: DateValue$1 | null,
+  /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */
+  isDateUnavailable?: (date: DateValue$1) => boolean,
+  /**
+   * Whether the calendar is disabled.
+   * @default false
+   */
+  isDisabled?: boolean,
+  /**
+   * Whether the calendar value is immutable.
+   * @default false
+   */
+  isReadOnly?: boolean,
+  /**
+   * Whether to automatically focus the calendar when it mounts.
+   * @default false
+   */
+  autoFocus?: boolean,
+  /** Controls the currently focused date within the calendar. */
+  focusedValue?: DateValue$1 | null,
+  /** The date that is focused when the calendar first mounts (uncontrolled). */
+  defaultFocusedValue?: DateValue$1 | null,
+  /** Handler that is called when the focused date changes. */
+  onFocusChange?: (date: CalendarDate) => void,
+  /**
+   * Whether the current selection is valid or invalid according to application logic.
+   * @deprecated Use `isInvalid` instead.
+   */
+  validationState?: ValidationState,
+  /** Whether the current selection is invalid according to application logic. */
+  isInvalid?: boolean,
+  /** An error message to display when the selected value is invalid. */
+  errorMessage?: ReactNode,
+  /**
+   * Controls the behavior of paging. Pagination either works by advancing the visible page by visibleDuration (default) or one unit of visibleDuration.
+   * @default visible
+   */
+  pageBehavior?: PageBehavior,
+  /**
+   * The day that starts the week.
+   */
+  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat',
+  /** 
+   * Determines the alignment of the visible months on initial render based on the current selection or current date if there is no selection. 
+   * @default 'center'
+   */
+  selectionAlignment?: 'start' | 'center' | 'end'
+}
+interface CalendarProps$2<T extends DateValue$1> extends CalendarPropsBase, ValueBase<T | null, MappedDateValue$1<T>> {}
+interface RangeCalendarProps$2<T extends DateValue$1> extends CalendarPropsBase, ValueBase<RangeValue<T> | null, RangeValue<MappedDateValue$1<T>>> {
+  /**
+   * When combined with `isDateUnavailable`, determines whether non-contiguous ranges,
+   * i.e. ranges containing unavailable dates, may be selected.
+   */
+  allowsNonContiguousRanges?: boolean
+}
+
+interface AriaCalendarProps<T extends DateValue$1> extends CalendarProps$2<T>, DOMProps, AriaLabelingProps {}
+
+interface AriaRangeCalendarProps<T extends DateValue$1> extends RangeCalendarProps$2<T>, DOMProps, AriaLabelingProps {}
+
 type PageBehavior = 'single' | 'visible';
 
+interface CalendarStateBase {
+    /** Whether the calendar is disabled. */
+    readonly isDisabled: boolean;
+    /** Whether the calendar is in a read only state. */
+    readonly isReadOnly: boolean;
+    /** The date range that is currently visible in the calendar. */
+    readonly visibleRange: RangeValue<CalendarDate>;
+    /** The minimum allowed date that a user may select. */
+    readonly minValue?: DateValue$1 | null;
+    /** The maximum allowed date that a user may select. */
+    readonly maxValue?: DateValue$1 | null;
+    /** The time zone of the dates currently being displayed. */
+    readonly timeZone: string;
+    /**
+     * The current validation state of the selected value.
+     * @deprecated Use `isValueInvalid` instead.
+     */
+    readonly validationState: ValidationState | null;
+    /** Whether the calendar is invalid. */
+    readonly isValueInvalid: boolean;
+    /** The currently focused date. */
+    readonly focusedDate: CalendarDate;
+    /** Sets the focused date. */
+    setFocusedDate(value: CalendarDate): void;
+    /** Moves focus to the next calendar date. */
+    focusNextDay(): void;
+    /** Moves focus to the previous calendar date. */
+    focusPreviousDay(): void;
+    /** Moves focus to the next row of dates, e.g. the next week. */
+    focusNextRow(): void;
+    /** Moves focus to the previous row of dates, e.g. the previous work. */
+    focusPreviousRow(): void;
+    /** Moves focus to the next page of dates, e.g. the next month if one month is visible. */
+    focusNextPage(): void;
+    /** Moves focus to the previous page of dates, e.g. the previous month if one month is visible. */
+    focusPreviousPage(): void;
+    /** Moves focus to the start of the current section of dates, e.g. the start of the current month. */
+    focusSectionStart(): void;
+    /** Moves focus to the end of the current section of dates, e.g. the end of the current month month. */
+    focusSectionEnd(): void;
+    /**
+     * Moves focus to the next section of dates based on what is currently displayed.
+     * By default, focus is moved by one of the currently displayed unit. For example, if
+     * one or more months are displayed, then focus is moved forward by one month.
+     * If the `larger` option is `true`, the focus is moved by the next larger unit than
+     * the one displayed. For example, if months are displayed, then focus moves to the next year.
+     */
+    focusNextSection(larger?: boolean): void;
+    /**
+     * Moves focus to the previous section of dates based on what is currently displayed.
+     * By default, focus is moved by one of the currently displayed unit. For example, if
+     * one or more months are displayed, then focus is moved backward by one month.
+     * If the `larger` option is `true`, the focus is moved by the next larger unit than
+     * the one displayed. For example, if months are displayed, then focus moves to the previous year.
+     */
+    focusPreviousSection(larger?: boolean): void;
+    /** Selects the currently focused date. */
+    selectFocusedDate(): void;
+    /** Selects the given date. */
+    selectDate(date: CalendarDate): void;
+    /** Whether focus is currently within the calendar. */
+    readonly isFocused: boolean;
+    /** Sets whether focus is currently within the calendar. */
+    setFocused(value: boolean): void;
+    /** Returns whether the given date is invalid according to the `minValue` and `maxValue` props. */
+    isInvalid(date: CalendarDate): boolean;
+    /** Returns whether the given date is currently selected. */
+    isSelected(date: CalendarDate): boolean;
+    /** Returns whether the given date is currently focused. */
+    isCellFocused(date: CalendarDate): boolean;
+    /** Returns whether the given date is disabled according to the `minValue, `maxValue`, and `isDisabled` props. */
+    isCellDisabled(date: CalendarDate): boolean;
+    /** Returns whether the given date is unavailable according to the `isDateUnavailable` prop. */
+    isCellUnavailable(date: CalendarDate): boolean;
+    /** Returns whether the previous visible date range is allowed to be selected according to the `minValue` prop. */
+    isPreviousVisibleRangeInvalid(): boolean;
+    /** Returns whether the next visible date range is allowed to be selected according to the `maxValue` prop. */
+    isNextVisibleRangeInvalid(): boolean;
+    /**
+     * Returns an array of dates in the week index counted from the provided start date, or the first visible date if not given.
+     * The returned array always has 7 elements, but may include null if the date does not exist according to the calendar system.
+     */
+    getDatesInWeek(weekIndex: number, startDate?: CalendarDate): Array<CalendarDate | null>;
+}
+interface CalendarState extends CalendarStateBase {
+    /** The currently selected date. */
+    readonly value: CalendarDate | null;
+    /** Sets the currently selected date. */
+    setValue(value: CalendarDate | null): void;
+}
+interface RangeCalendarState<T extends DateValue$1 = DateValue$1> extends CalendarStateBase {
+    /** The currently selected date range. */
+    readonly value: RangeValue<T> | null;
+    /** Sets the currently selected date range. */
+    setValue(value: RangeValue<T> | null): void;
+    /** Highlights the given date during selection, e.g. by hovering or dragging. */
+    highlightDate(date: CalendarDate): void;
+    /** The current anchor date that the user clicked on to begin range selection. */
+    readonly anchorDate: CalendarDate | null;
+    /** Sets the anchor date that the user clicked on to begin range selection. */
+    setAnchorDate(date: CalendarDate | null): void;
+    /** The currently highlighted date range. */
+    readonly highlightedRange: RangeValue<CalendarDate> | null;
+    /** Whether the user is currently dragging over the calendar. */
+    readonly isDragging: boolean;
+    /** Sets whether the user is dragging over the calendar. */
+    setDragging(isDragging: boolean): void;
+}
+
 interface SliderProps$1<T = number | number[]> extends RangeInputBase<number>, ValueBase<T>, LabelableProps {
   /**
    * The orientation of the Slider.
@@ -2333,7 +2537,7 @@ interface DateFieldStateOptions<T extends DateValue = DateValue> extends DatePic
      * `@internationalized/date` package, or manually implemented to include support for
      * only certain calendars.
      */
-    createCalendar: (name: CalendarIdentifier) => Calendar;
+    createCalendar: (name: CalendarIdentifier) => Calendar$1;
 }
 
 interface TimeFieldStateOptions<T extends TimeValue = TimeValue> extends TimePickerProps<T> {
@@ -2856,6 +3060,12 @@ interface I18nProviderProps$1 {
  */
 declare function useLocale(): Locale;
 
+type LocalizedStrings = {
+    [lang: string]: {
+        [key: string]: string;
+    };
+};
+
 interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
     calendar?: string;
 }
@@ -2866,6 +3076,11 @@ interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
  */
 declare function useDateFormatter(options?: DateFormatterOptions): DateFormatter;
 
+interface NumberFormatOptions extends Intl.NumberFormatOptions {
+    /** Overrides default numbering system for the current locale. */
+    numberingSystem?: string;
+}
+
 /**
  * Provides localized number formatting for the current locale. Automatically updates when the locale changes,
  * and handles caching of the number formatter for performance.
@@ -4001,6 +4216,13 @@ interface StyleRenderProps<T, E extends keyof React__default.JSX.IntrinsicElemen
     /** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
     style?: StyleOrFunction<T>;
 }
+type ChildrenOrFunction<T> = ReactNode | ((values: T & {
+    defaultChildren: ReactNode | undefined;
+}) => ReactNode);
+interface RenderProps<T, E extends keyof React__default.JSX.IntrinsicElements = 'div'> extends StyleRenderProps<T, E> {
+    /** The children of the component. A function may be provided to alter the children based on component state. */
+    children?: ChildrenOrFunction<T>;
+}
 interface SlotProps {
     /**
      * A slot name for the component. Slots allow the component to receive props from a parent component.
@@ -4008,6 +4230,15 @@ interface SlotProps {
      */
     slot?: string | null;
 }
+interface RACValidation {
+    /**
+     * Whether to use native HTML form validation to prevent form submission
+     * when the value is missing or invalid, or mark the field as required
+     * or invalid via ARIA.
+     * @default 'native'
+     */
+    validationBehavior?: 'native' | 'aria';
+}
 type DOMRenderFunction<E extends keyof React__default.JSX.IntrinsicElements, T> = (props: React__default.JSX.IntrinsicElements[E], renderProps: T) => ReactElement;
 interface DOMRenderProps<E extends keyof React__default.JSX.IntrinsicElements, T> {
     /**
@@ -4024,6 +4255,70 @@ interface DOMRenderProps<E extends keyof React__default.JSX.IntrinsicElements, T
     render?: DOMRenderFunction<E, T>;
 }
 
+interface CheckboxProps$1 extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * @default 'react-aria-Checkbox'
+     */
+    className?: ClassNameOrFunction<CheckboxRenderProps>;
+    /**
+     * A ref for the HTML input element.
+     */
+    inputRef?: RefObject<HTMLInputElement | null>;
+}
+interface CheckboxRenderProps {
+    /**
+     * Whether the checkbox is selected.
+     * @selector [data-selected]
+     */
+    isSelected: boolean;
+    /**
+     * Whether the checkbox is indeterminate.
+     * @selector [data-indeterminate]
+     */
+    isIndeterminate: boolean;
+    /**
+     * Whether the checkbox is currently hovered with a mouse.
+     * @selector [data-hovered]
+     */
+    isHovered: boolean;
+    /**
+     * Whether the checkbox is currently in a pressed state.
+     * @selector [data-pressed]
+     */
+    isPressed: boolean;
+    /**
+     * Whether the checkbox is focused, either via a mouse or keyboard.
+     * @selector [data-focused]
+     */
+    isFocused: boolean;
+    /**
+     * Whether the checkbox is keyboard focused.
+     * @selector [data-focus-visible]
+     */
+    isFocusVisible: boolean;
+    /**
+     * Whether the checkbox is disabled.
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the checkbox is read only.
+     * @selector [data-readonly]
+     */
+    isReadOnly: boolean;
+    /**
+     * Whether the checkbox invalid.
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+    /**
+     * Whether the checkbox is required.
+     * @selector [data-required]
+     */
+    isRequired: boolean;
+}
+
 interface AutocompleteProps$1 {
     /** The value of the autocomplete input (controlled). */
     inputValue?: string;
@@ -4130,6 +4425,65 @@ interface ItemRenderProps {
     allowsSelection?: boolean;
 }
 
+interface CalendarRenderProps {
+    /**
+     * Whether the calendar is disabled.
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * State of the calendar.
+     */
+    state: CalendarState;
+    /**
+     * Whether the calendar is invalid.
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+}
+interface RangeCalendarRenderProps extends Omit<CalendarRenderProps, 'state'> {
+    /**
+     * State of the range calendar.
+     */
+    state: RangeCalendarState;
+}
+interface CalendarProps$1<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * @default 'react-aria-Calendar'
+     */
+    className?: ClassNameOrFunction<CalendarRenderProps>;
+    /**
+     * The amount of days that will be displayed at once. This affects how pagination works.
+     * @default {months: 1}
+     */
+    visibleDuration?: DateDuration;
+    /**
+     * A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)
+     * object for a given calendar identifier. If not provided, the `createCalendar` function
+     * from `@internationalized/date` will be used.
+     */
+    createCalendar?: (identifier: CalendarIdentifier) => Calendar$1;
+}
+interface RangeCalendarProps$1<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * @default 'react-aria-RangeCalendar'
+     */
+    className?: ClassNameOrFunction<RangeCalendarRenderProps>;
+    /**
+     * The amount of days that will be displayed at once. This affects how pagination works.
+     * @default {months: 1}
+     */
+    visibleDuration?: DateDuration;
+    /**
+     * A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)
+     * object for a given calendar identifier. If not provided, the `createCalendar` function
+     * from `@internationalized/date` will be used.
+     */
+    createCalendar?: (identifier: CalendarIdentifier) => Calendar$1;
+}
+
 interface DraggableCollectionStateOpts<T = object> extends Omit<DraggableCollectionStateOptions<T>, 'getItems'> {
 }
 interface DragHooks<T = object> {
@@ -4974,28 +5328,6 @@ interface ListSection<T = Record<string, any>> {
 }
 type ListItem = ListOption | ListSection;
 
-type DragAndDropProps = Omit<DraggableCollectionStateOptions & DroppableCollectionOptions & DroppableCollectionStateOptions, "keyboardDelegate" | "dropTargetDelegate" | "shouldAcceptItemDrop" | "onDropEnter" | "onDropActivate" | "onDropExit" | "getDropOperation" | "collection" | "selectionManager" | "onRootDrop" | "onInsert" | "getAllowedDropOperations" | "getItems" | "onItemDrop"> & Partial<Pick<DraggableCollectionStateOptions, "getItems">> & {
-    /**
-     * Indicates whether reordering is enabled.
-     *
-     * @default false
-     */
-    enableReorder: boolean;
-    /**
-     * Whether the items are arranged in a stack or grid.
-     *
-     * @default stack
-     */
-    layout: "grid" | "stack";
-    /**
-     * The primary orientation of the items. Usually this is the direction that
-     * the collection scrolls.
-     *
-     * @default vertical
-     */
-    orientation: Orientation;
-};
-
 interface BlockProps {
     /**
      * The unique identifier for the block. This is used to identify the block in
@@ -5320,6 +5652,28 @@ declare function isInIframe(el: Node): boolean;
  */
 declare function isInShadowDOM(element: Node | null | undefined): boolean;
 
+type DragAndDropProps = Omit<DraggableCollectionStateOptions & DroppableCollectionOptions & DroppableCollectionStateOptions, "keyboardDelegate" | "dropTargetDelegate" | "shouldAcceptItemDrop" | "onDropEnter" | "onDropActivate" | "onDropExit" | "getDropOperation" | "collection" | "selectionManager" | "onRootDrop" | "onInsert" | "getAllowedDropOperations" | "getItems" | "onItemDrop"> & Partial<Pick<DraggableCollectionStateOptions, "getItems">> & {
+    /**
+     * Indicates whether reordering is enabled.
+     *
+     * @default false
+     */
+    enableReorder: boolean;
+    /**
+     * Whether the items are arranged in a stack or grid.
+     *
+     * @default stack
+     */
+    layout: "grid" | "stack";
+    /**
+     * The primary orientation of the items. Usually this is the direction that
+     * the collection scrolls.
+     *
+     * @default vertical
+     */
+    orientation: Orientation;
+};
+
 interface ListHandle$1 {
     /** Scrolls the listbox to the specified item. */
     scrollIntoView: (id: string, options?: ScrollIntoViewOptions) => void;
@@ -6072,6 +6426,33 @@ interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "class
 
 declare const IconColorInput: React__default.ForwardRefExoticComponent<IconColorInputProps & React__default.RefAttributes<HTMLDivElement>>;
 
+interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired" | "validate" | "validationBehavior"> {
+    /**
+     * The position of the label relative to the input.
+     *
+     * @default top
+     */
+    labelPosition?: "top" | "start";
+    /**
+     * The variant of the number input.
+     *
+     * @default primary
+     */
+    variant?: "primary" | "ghost";
+    /**
+     * Whether to show the stepper buttons.
+     *
+     * @default true
+     */
+    showStepper?: boolean;
+    /** The description to display below the input. */
+    description?: string;
+    /** The error message to display when the input is in an error state. */
+    errorMessage?: string;
+}
+
+declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLDivElement>>;
+
 interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<number>, "orientation" | "numberFormatter">, StylingProps {
     /**
      * Whether the slider is read only.
@@ -6091,8 +6472,12 @@ interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<
      * @default false
      */
     includeNumberInput?: boolean;
+    /** Additional class name passed to the embedded number input. */
+    numberInputClassName?: NumberInputProps["className"];
+    /** Additional inline styles merged into the embedded number input. */
+    numberInputStyle?: NumberInputProps["style"];
 }
-interface IconSliderProps extends Pick<SliderProps, "value" | "minValue" | "maxValue" | "onChange" | "defaultValue" | "includeNumberInput" | "step" | "numberFormatOptions" | "isDisabled">, StylingProps, IconComponentProps, Pick<ColorInputProps, "onTriggerPress"> {
+interface IconSliderProps extends Pick<SliderProps, "value" | "minValue" | "maxValue" | "onChange" | "defaultValue" | "includeNumberInput" | "step" | "numberFormatOptions" | "isDisabled" | "isReadOnly">, StylingProps, IconComponentProps, Pick<ColorInputProps, "onTriggerPress"> {
     /**
      * A function to format the value of the slider.
      *
@@ -6419,7 +6804,30 @@ interface ToggleButtonProps extends Omit<StylingProps, "style" | "className">, O
 
 declare const ToggleButton: React__default.ForwardRefExoticComponent<ToggleButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
-interface CheckboxProps extends Omit<AriaCheckboxProps, "children" | "validationBehavior" | "validationState" | "validate">, StylingProps {
+type CalendarSize = "xs" | "sm";
+type CalendarHeaderVariant = "title" | "selectMonth" | "selectMonthAndYear";
+interface CalendarBaseProps {
+    /** The size of the calendar. */
+    size?: CalendarSize;
+    /** Optional title displayed above the calendar (e.g. "Date"). Shows a calendar icon and separator. */
+    title?: string;
+    /**
+     * Controls how the calendar header is displayed.
+     * - `"title"`: Month and year as plain text between navigation arrows (default).
+     * - `"selectMonth"`: Month and year as a dropdown selector with grouped navigation arrows.
+     * - `"selectMonthAndYear"`: Separate month and year sections, each with their own navigation arrows.
+     * @default "title"
+     */
+    headerVariant?: CalendarHeaderVariant;
+}
+type CalendarProps<T extends DateValue = DateValue> = StylingProps & Omit<CalendarProps$1<T>, "visibleDuration"> & CalendarBaseProps;
+type RangeCalendarProps<T extends DateValue = DateValue> = StylingProps & Omit<RangeCalendarProps$1<T>, "visibleDuration"> & CalendarBaseProps;
+
+declare const Calendar: <T extends DateValue>(props: CalendarProps<T> & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement;
+
+declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement;
+
+interface CheckboxProps extends Omit<CheckboxProps$1, "children" | "className" | "style">, StylingProps {
     /** The checkbox's label. */
     label?: string;
     /**
@@ -6488,6 +6896,49 @@ type DateFormatProps = Parameters<typeof useDateFormatter>[0] & {
 
 declare const DateFormat: React__default.FC<DateFormatProps>;
 
+type TagVariant = "neutral" | "red" | "green" | "blue" | "high-contrast";
+interface TagProps extends StylingProps {
+    /**
+     * The content to display inside the tag.
+     */
+    children: React__default.ReactNode;
+    /**
+     * The visual variant of the tag.
+     *
+     * @default "neutral"
+     */
+    variant?: TagVariant;
+    /**
+     * The size of the tag.
+     *
+     * @default "md"
+     */
+    size?: "sm" | "md";
+    /**
+     * An optional icon to display before the tag content.
+     */
+    icon?: React__default.FC<IconProps>;
+    /**
+     * Whether the tag is disabled.
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the tag is selected.
+     *
+     * @default false
+     */
+    isSelected?: boolean;
+    /**
+     * Callback when the remove button is pressed. When provided, a remove button
+     * is rendered.
+     */
+    onRemove?: () => void;
+}
+
+declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLDivElement>>;
+
 interface Item$1 {
     id: string;
     label: string;
@@ -6669,7 +7120,7 @@ interface UNSAFE_ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListIt
 }
 
 type SelectionMode = "single" | "multiple";
-interface SelectProps<M extends SelectionMode = SelectionMode> extends Omit<AriaSelectOptions<ListItem, M> & SelectStateOptions<ListItem, M> & PopoverContentProps, "validationState" | "items" | "children" | "isRequired" | "className" | "style" | "triggerRef" | "validate" | "validationBehavior" | "keyboardDelegate" | "state" | "overlayProps">, Pick<UNSAFE_ListBoxProps, "items" | "optionStyle" | "optionClassName">, Pick<ColorInputProps, "onTriggerPress">, StylingProps {
+interface SelectProps<M extends SelectionMode = SelectionMode> extends Omit<AriaSelectOptions<ListItem, M> & SelectStateOptions<ListItem, M> & PopoverContentProps, "validationState" | "items" | "children" | "isRequired" | "className" | "style" | "triggerRef" | "validate" | "validationBehavior" | "keyboardDelegate" | "state" | "overlayProps">, Pick<UNSAFE_ListBoxProps, "items" | "optionStyle" | "optionClassName" | "showSectionHeader">, Pick<ColorInputProps, "onTriggerPress">, StylingProps {
     /**
      * The position of the label.
      *
@@ -6873,33 +7324,6 @@ interface InlineAlertProps extends StylingProps {
 
 declare const InlineAlert: React__default.ForwardRefExoticComponent<InlineAlertProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired" | "validate" | "validationBehavior"> {
-    /**
-     * The position of the label relative to the input.
-     *
-     * @default top
-     */
-    labelPosition?: "top" | "start";
-    /**
-     * The variant of the number input.
-     *
-     * @default primary
-     */
-    variant?: "primary" | "ghost";
-    /**
-     * Whether to show the stepper buttons.
-     *
-     * @default true
-     */
-    showStepper?: boolean;
-    /** The description to display below the input. */
-    description?: string;
-    /** The error message to display when the input is in an error state. */
-    errorMessage?: string;
-}
-
-declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLDivElement>>;
-
 interface DrawerProps extends StylingProps, AriaDialogProps {
     /** The children to render. */
     children: React__default.ReactNode;
@@ -8738,6 +9162,15 @@ interface KbdProps extends Omit<StylingProps, "data-block-id" | "data-block-clas
 
 declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLSpanElement>>;
 
+interface SkeletonProps {
+    /** The className applied to the root element of the component. */
+    className?: string;
+    /** The style applied to the root element of the component. */
+    style?: React__default.CSSProperties;
+}
+
+declare const Skeleton: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLDivElement>>;
+
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -9148,4 +9581,4 @@ declare namespace reactStately {
   export { type reactStately_Color as Color, type reactStately_ListData as ListData, type reactStately_TreeData as TreeData, reactStately_useListData as useListData, reactStately_useTreeData as useTreeData };
 }
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, LocaleAwareGridLayout, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Calendar, type CalendarHeaderVariant, type CalendarProps, type CalendarSize, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, LocaleAwareGridLayout, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, RangeCalendar, type RangeCalendarProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, type TagVariant, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };