react-aria-components 1.16.0 → 1.18.0

package/dist/types/src/Tree.d.ts

@@ -0,0 +1,200 @@
+import { AriaTreeItemOptions } from 'react-aria/useTree';
+import { AriaTreeProps } from 'react-aria/useTree';
+import { ChildrenOrFunction, ClassNameOrFunction, ContextValue, DOMRenderProps, RenderProps, SlotProps, StyleRenderProps } from './utils';
+import { CollectionProps, ItemRenderProps, SectionProps } from './Collection';
+import { DisabledBehavior, Expandable, GlobalDOMAttributes, HoverEvents, Key, LinkDOMProps, MultipleSelection, PressEvents, SelectionMode } from '@react-types/shared';
+import { DragAndDropHooks } from './useDragAndDrop';
+import { GridListHeaderProps } from './GridList';
+import { LoadMoreSentinelProps } from 'react-aria/private/utils/useLoadMoreSentinel';
+import { SelectionBehavior } from '@react-types/shared';
+import React, { ReactNode } from 'react';
+import { TreeState } from 'react-stately/useTreeState';
+export interface TreeRenderProps {
+    /**
+     * Whether the tree has no items and should display its empty state.
+     *
+     * @selector [data-empty]
+     */
+    isEmpty: boolean;
+    /**
+     * Whether the tree is currently focused.
+     *
+     * @selector [data-focused]
+     */
+    isFocused: boolean;
+    /**
+     * Whether the tree is currently keyboard focused.
+     *
+     * @selector [data-focus-visible]
+     */
+    isFocusVisible: boolean;
+    /**
+     * The type of selection that is allowed in the collection.
+     *
+     * @selector [data-selection-mode="single | multiple"]
+     */
+    selectionMode: SelectionMode;
+    /**
+     * Whether the tree allows dragging.
+     *
+     * @selector [data-allows-dragging]
+     */
+    allowsDragging: boolean;
+    /**
+     * Whether the tree is currently the active drop target.
+     *
+     * @selector [data-drop-target]
+     */
+    isDropTarget: boolean;
+    /**
+     * State of the tree.
+     */
+    state: TreeState<unknown>;
+}
+export interface TreeEmptyStateRenderProps extends Omit<TreeRenderProps, 'isEmpty'> {
+}
+export interface TreeProps<T> extends Omit<AriaTreeProps<T>, 'children'>, MultipleSelection, CollectionProps<T>, StyleRenderProps<TreeRenderProps>, SlotProps, Expandable, 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-Tree'
+     */
+    className?: ClassNameOrFunction<TreeRenderProps>;
+    /**
+     * How multiple selection should behave in the tree.
+     *
+     * @default 'toggle'
+     */
+    selectionBehavior?: SelectionBehavior;
+    /** Provides content to display when there are no items in the list. */
+    renderEmptyState?: (props: TreeEmptyStateRenderProps) => ReactNode;
+    /**
+     * Whether `disabledKeys` applies to all interactions, or only selection.
+     *
+     * @default 'all'
+     */
+    disabledBehavior?: DisabledBehavior;
+    /**
+     * The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for
+     * the Tree.
+     */
+    dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
+}
+export declare const TreeContext: React.Context<ContextValue<TreeProps<any>, HTMLDivElement>>;
+export declare const TreeStateContext: React.Context<TreeState<any> | null>;
+/**
+ * A tree provides users with a way to navigate nested hierarchical information, with support for
+ * keyboard navigation and selection.
+ */
+export declare const Tree: <T>(props: TreeProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface TreeItemRenderProps extends ItemRenderProps {
+    /**
+     * Whether the tree item is expanded.
+     *
+     * @selector [data-expanded]
+     */
+    isExpanded: boolean;
+    /**
+     * Whether the tree item has child tree items.
+     *
+     * @selector [data-has-child-items]
+     */
+    hasChildItems: boolean;
+    /**
+     * What level the tree item has within the tree.
+     *
+     * @selector [data-level="number"]
+     */
+    level: number;
+    /**
+     * Whether the tree item's children have keyboard focus.
+     *
+     * @selector [data-focus-visible-within]
+     */
+    isFocusVisibleWithin: boolean;
+    /** The state of the tree. */
+    state: TreeState<unknown>;
+    /** The unique id of the tree row. */
+    id: Key;
+}
+export interface TreeItemContentRenderProps extends TreeItemRenderProps {
+}
+export interface TreeItemContentProps {
+    /**
+     * The children of the component. A function may be provided to alter the children based on
+     * component state.
+     */
+    children: ChildrenOrFunction<TreeItemContentRenderProps>;
+}
+export declare const TreeItemContent: (props: TreeItemContentProps & React.RefAttributes<Element>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const TreeItemContentContext: React.Context<TreeItemContentRenderProps | null>;
+export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRenderProps>, LinkDOMProps, HoverEvents, PressEvents, Pick<AriaTreeItemOptions, 'hasChildItems'>, Omit<GlobalDOMAttributes<HTMLDivElement>, '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-TreeItem'
+     */
+    className?: ClassNameOrFunction<TreeItemRenderProps>;
+    /** The unique id of the tree row. */
+    id?: Key;
+    /**
+     * The object value that this tree item represents. When using dynamic collections, this is set
+     * automatically.
+     */
+    value?: T;
+    /** A string representation of the tree item's contents, used for features like typeahead. */
+    textValue: string;
+    /** An accessibility label for this tree item. */
+    'aria-label'?: string;
+    /**
+     * The content of the tree item along with any nested children. Supports static nested tree items
+     * or use of a Collection to dynamically render nested tree items.
+     */
+    children: ReactNode;
+    /** Whether the item is disabled. */
+    isDisabled?: boolean;
+    /**
+     * Handler that is called when a user performs an action on this tree item. The exact user event
+     * depends on the collection's `selectionBehavior` prop and the interaction modality.
+     */
+    onAction?: () => void;
+}
+/**
+ * A TreeItem represents an individual item in a Tree.
+ */
+export declare const TreeItem: <T extends unknown>(props: TreeItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface TreeLoadMoreItemRenderProps {
+    /**
+     * What level the tree item has within the tree.
+     *
+     * @selector [data-level]
+     */
+    level: number;
+}
+export interface TreeLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, RenderProps<TreeLoadMoreItemRenderProps> {
+    /**
+     * 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-TreeLoadMoreItem'
+     */
+    className?: ClassNameOrFunction<TreeLoadMoreItemRenderProps>;
+    /**
+     * The load more spinner to render when loading additional items.
+     */
+    children?: ChildrenOrFunction<TreeLoadMoreItemRenderProps>;
+    /**
+     * Whether or not the loading spinner should be rendered or not.
+     */
+    isLoading?: boolean;
+}
+export declare const TreeLoadMoreItem: <T>(props: TreeLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps<'div', undefined> {
+}
+/**
+ * A TreeSection represents a section within a Tree.
+ */
+export declare const TreeSection: <T extends unknown>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const TreeHeader: (props: GridListHeaderProps) => ReactNode;

package/dist/types/src/TreeDropTargetDelegate.d.ts

@@ -0,0 +1,23 @@
+import { Direction, DropTarget, DropTargetDelegate, Key, Node } from '@react-types/shared';
+interface TreeCollection<T> extends Iterable<Node<T>> {
+    getItem(key: Key): Node<T> | null;
+    getChildren?(key: Key): Iterable<Node<T>>;
+    getKeyAfter(key: Key): Key | null;
+    getKeyBefore(key: Key): Key | null;
+}
+interface TreeState<T> {
+    collection: TreeCollection<T>;
+    expandedKeys: Set<Key>;
+}
+export declare class TreeDropTargetDelegate<T> {
+    private delegate;
+    private state;
+    private direction;
+    private pointerTracking;
+    setup(delegate: DropTargetDelegate, state: TreeState<T>, direction: Direction): void;
+    getDropTargetFromPoint(x: number, y: number, isValidDropTarget: (target: DropTarget) => boolean): DropTarget | null;
+    private resolveDropTarget;
+    private getPotentialTargets;
+    private selectTarget;
+}
+export {};

package/dist/types/src/Virtualizer.d.ts

@@ -0,0 +1,26 @@
+import { DropTargetDelegate, Node } from '@react-types/shared';
+import { Layout } from 'react-stately/useVirtualizerState';
+import { JSX, ReactNode } from 'react';
+export interface LayoutOptionsDelegate<O> {
+    useLayoutOptions?(): O;
+}
+interface ILayout<O> extends Layout<Node<unknown>, O>, Partial<DropTargetDelegate>, LayoutOptionsDelegate<O> {
+}
+interface LayoutClass<O> {
+    new (): ILayout<O>;
+}
+export interface VirtualizerProps<O> {
+    /** The child collection to virtualize (e.g. ListBox, GridList, or Table). */
+    children: ReactNode;
+    /** The layout object that determines the position and size of the visible elements. */
+    layout: LayoutClass<O> | ILayout<O>;
+    /** Options for the layout. */
+    layoutOptions?: O;
+}
+/**
+ * A Virtualizer renders a scrollable collection of data using customizable layouts.
+ * It supports very large collections by only rendering visible items to the DOM, reusing
+ * them as the user scrolls.
+ */
+export declare function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element;
+export {};

package/dist/types/src/useDragAndDrop.d.ts

@@ -0,0 +1,74 @@
+import { DropIndicatorProps as AriaDropIndicatorProps, DropIndicatorAria, DroppableCollectionOptions, DroppableCollectionResult, DroppableItemOptions, DroppableItemResult } from 'react-aria/useDroppableCollection';
+import { DraggableCollectionOptions, DraggableItemProps, DraggableItemResult, DragPreview } from 'react-aria/useDraggableCollection';
+import { DraggableCollectionProps, DroppableCollectionProps, Key, RefObject } from '@react-types/shared';
+import { DraggableCollectionState, DraggableCollectionStateOptions } from 'react-stately/useDraggableCollectionState';
+import { DragItem, DropTarget, DropTargetDelegate } from '@react-types/shared';
+import { DroppableCollectionState, DroppableCollectionStateOptions } from 'react-stately/useDroppableCollectionState';
+import { JSX } from 'react';
+import { ListDropTargetDelegate } from 'react-aria/ListDropTargetDelegate';
+export { DropIndicator, DropIndicatorContext, DragAndDropContext } from './DragAndDrop';
+export type { DropIndicatorProps, DropIndicatorRenderProps } from './DragAndDrop';
+interface DraggableCollectionStateOpts<T = object> extends Omit<DraggableCollectionStateOptions<T>, 'getItems'> {
+}
+interface DragHooks<T = object> {
+    useDraggableCollectionState?: (props: DraggableCollectionStateOpts<T>) => DraggableCollectionState;
+    useDraggableCollection?: (props: DraggableCollectionOptions, state: DraggableCollectionState, ref: RefObject<HTMLElement | null>) => void;
+    useDraggableItem?: (props: DraggableItemProps, state: DraggableCollectionState) => DraggableItemResult;
+    DragPreview?: typeof DragPreview;
+    renderDragPreview?: (items: DragItem[]) => JSX.Element | {
+        element: JSX.Element;
+        x: number;
+        y: number;
+    };
+    isVirtualDragging?: () => boolean;
+}
+interface DropHooks {
+    useDroppableCollectionState?: (props: DroppableCollectionStateOptions) => DroppableCollectionState;
+    useDroppableCollection?: (props: DroppableCollectionOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement | null>) => DroppableCollectionResult;
+    useDroppableItem?: (options: DroppableItemOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement | null>) => DroppableItemResult;
+    useDropIndicator?: (props: AriaDropIndicatorProps, state: DroppableCollectionState, ref: RefObject<HTMLElement | null>) => DropIndicatorAria;
+    renderDropIndicator?: (target: DropTarget) => JSX.Element;
+    dropTargetDelegate?: DropTargetDelegate;
+    ListDropTargetDelegate: typeof ListDropTargetDelegate;
+}
+export type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;
+export interface DragAndDrop<T = object> {
+    /** Drag and drop hooks for the collection element. */
+    dragAndDropHooks: DragAndDropHooks<T>;
+}
+export interface DragAndDropOptions<T = object> extends Omit<DraggableCollectionProps, 'preview' | 'getItems'>, DroppableCollectionProps {
+    /**
+     * A function that returns the items being dragged. If not specified, we assume that the
+     * collection is not draggable.
+     *
+     * @default () => []
+     */
+    getItems?: (keys: Set<Key>, items: T[]) => DragItem[];
+    /**
+     * A function that renders a drag preview, which is shown under the user's cursor while dragging.
+     * By default, a copy of the dragged element is rendered.
+     */
+    renderDragPreview?: (items: DragItem[]) => JSX.Element | {
+        element: JSX.Element;
+        x: number;
+        y: number;
+    };
+    /**
+     * A function that renders a drop indicator element between two items in a collection.
+     * This should render a `<DropIndicator>` element. If this function is not provided, a
+     * default DropIndicator is provided.
+     */
+    renderDropIndicator?: (target: DropTarget) => JSX.Element;
+    /**
+     * A custom delegate object that provides drop targets for pointer coordinates within the
+     * collection.
+     */
+    dropTargetDelegate?: DropTargetDelegate;
+    /** Whether the drag and drop events should be disabled. */
+    isDisabled?: boolean;
+}
+/**
+ * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible
+ * collection component.
+ */
+export declare function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDrop<T>;

package/dist/types/src/utils.d.ts

@@ -0,0 +1,219 @@
+import { AriaLabelingProps, RefObject, DOMProps as SharedDOMProps } from '@react-types/shared';
+import React, { AnchorHTMLAttributes, Context, CSSProperties, DetailedHTMLProps, ForwardedRef, JSX, ReactElement, ReactNode, RefCallback } from 'react';
+export declare const DEFAULT_SLOT: unique symbol;
+interface SlottedValue<T> {
+    slots?: Record<string | symbol, T>;
+}
+export type SlottedContextValue<T> = SlottedValue<T> | T | null | undefined;
+export type ContextValue<T, E> = SlottedContextValue<WithRef<T, E>>;
+type ProviderValue<T> = [Context<T>, T];
+type ProviderValues<A, B, C, D, E, F, G, H, I, J, K, L> = [ProviderValue<A>] | [ProviderValue<A>, ProviderValue<B>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>] | [
+    ProviderValue<A>,
+    ProviderValue<B>,
+    ProviderValue<C>,
+    ProviderValue<D>,
+    ProviderValue<E>,
+    ProviderValue<F>
+] | [
+    ProviderValue<A>,
+    ProviderValue<B>,
+    ProviderValue<C>,
+    ProviderValue<D>,
+    ProviderValue<E>,
+    ProviderValue<F>,
+    ProviderValue<G>
+] | [
+    ProviderValue<A>,
+    ProviderValue<B>,
+    ProviderValue<C>,
+    ProviderValue<D>,
+    ProviderValue<E>,
+    ProviderValue<F>,
+    ProviderValue<G>,
+    ProviderValue<H>
+] | [
+    ProviderValue<A>,
+    ProviderValue<B>,
+    ProviderValue<C>,
+    ProviderValue<D>,
+    ProviderValue<E>,
+    ProviderValue<F>,
+    ProviderValue<G>,
+    ProviderValue<H>,
+    ProviderValue<I>
+] | [
+    ProviderValue<A>,
+    ProviderValue<B>,
+    ProviderValue<C>,
+    ProviderValue<D>,
+    ProviderValue<E>,
+    ProviderValue<F>,
+    ProviderValue<G>,
+    ProviderValue<H>,
+    ProviderValue<I>,
+    ProviderValue<J>
+] | [
+    ProviderValue<A>,
+    ProviderValue<B>,
+    ProviderValue<C>,
+    ProviderValue<D>,
+    ProviderValue<E>,
+    ProviderValue<F>,
+    ProviderValue<G>,
+    ProviderValue<H>,
+    ProviderValue<I>,
+    ProviderValue<J>,
+    ProviderValue<K>
+] | [
+    ProviderValue<A>,
+    ProviderValue<B>,
+    ProviderValue<C>,
+    ProviderValue<D>,
+    ProviderValue<E>,
+    ProviderValue<F>,
+    ProviderValue<G>,
+    ProviderValue<H>,
+    ProviderValue<I>,
+    ProviderValue<J>,
+    ProviderValue<K>,
+    ProviderValue<L>
+];
+interface ProviderProps<A, B, C, D, E, F, G, H, I, J, K, L> {
+    values: ProviderValues<A, B, C, D, E, F, G, H, I, J, K, L>;
+    children: ReactNode;
+}
+export declare function Provider<A, B, C, D, E, F, G, H, I, J, K, L>({ values, children }: ProviderProps<A, B, C, D, E, F, G, H, I, J, K, L>): JSX.Element;
+export interface StyleProps {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     */
+    className?: string;
+    /**
+     * The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the
+     * element.
+     */
+    style?: CSSProperties;
+}
+export interface DOMProps extends StyleProps, SharedDOMProps {
+    /** The children of the component. */
+    children?: ReactNode;
+}
+export type ClassNameOrFunction<T> = string | ((values: T & {
+    defaultClassName: string | undefined;
+}) => string);
+type StyleOrFunction<T> = CSSProperties | ((values: T & {
+    defaultStyle: CSSProperties;
+}) => CSSProperties | undefined);
+export interface StyleRenderProps<T, E extends keyof React.JSX.IntrinsicElements = 'div'> extends DOMRenderProps<E, T> {
+    /**
+     * 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.
+     */
+    className?: ClassNameOrFunction<T>;
+    /**
+     * 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>;
+}
+export type ChildrenOrFunction<T> = ReactNode | ((values: T & {
+    defaultChildren: ReactNode | undefined;
+}) => ReactNode);
+export interface RenderProps<T, E extends keyof React.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 RenderPropsHookOptions<T, E extends keyof React.JSX.IntrinsicElements> extends RenderProps<T, E>, SharedDOMProps, AriaLabelingProps {
+    values: T;
+    defaultChildren?: ReactNode;
+    defaultClassName?: string;
+    defaultStyle?: CSSProperties;
+}
+interface RenderPropsHookRetVal<T, E extends keyof React.JSX.IntrinsicElements> {
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+    'data-rac': string;
+    render?: DOMRenderFunction<E, T>;
+}
+export declare function useRenderProps<T, E extends keyof React.JSX.IntrinsicElements>(props: RenderPropsHookOptions<T, E>): RenderPropsHookRetVal<T, E>;
+/**
+ * A helper function that accepts a user-provided render prop value (either a static value or a
+ * function), and combines it with another value to create a final result.
+ */
+export declare function composeRenderProps<T, U, V extends T>(value: T extends any ? T | ((renderProps: U) => V) : never, wrap: (prevValue: T, renderProps: U) => V): (renderProps: U) => V;
+export type WithRef<T, E> = T & {
+    ref?: ForwardedRef<E>;
+};
+export interface SlotProps {
+    /**
+     * A slot name for the component. Slots allow the component to receive props from a parent
+     * component. An explicit `null` value indicates that the local props completely override all
+     * props received from a parent.
+     */
+    slot?: string | null;
+}
+export declare function useSlottedContext<T>(context: Context<SlottedContextValue<T>>, slot?: string | null): T | null | undefined;
+export declare function useContextProps<T, U extends SlotProps, E extends Element>(props: T & SlotProps, ref: ForwardedRef<E> | undefined, context: Context<ContextValue<U, E>>): [T, RefObject<E | null>];
+export declare function useSlot(initialState?: boolean | (() => boolean)): [RefCallback<Element>, boolean];
+/**
+ * Filters out `data-*` attributes to keep them from being passed down and duplicated.
+ *
+ * @param props
+ */
+export declare function removeDataAttributes<T>(props: T): T;
+export 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';
+}
+export type DOMRenderFunction<E extends keyof React.JSX.IntrinsicElements, T> = (props: React.JSX.IntrinsicElements[E], renderProps: T) => ReactElement;
+export interface DOMRenderProps<E extends keyof React.JSX.IntrinsicElements, T> {
+    /**
+     * Overrides the default DOM element with a custom render function.
+     * This allows rendering existing components with built-in styles and behaviors
+     * such as router links, animation libraries, and pre-styled components.
+     *
+     * Requirements:
+     *
+     * - You must render the expected element type (e.g. if `<button>` is expected, you cannot render an
+     *   `<a>`).
+     * - Only a single root DOM element can be rendered (no fragments).
+     * - You must pass through props and ref to the underlying DOM element, merging with your own prop
+     *   as appropriate.
+     */
+    render?: DOMRenderFunction<E, T>;
+}
+type LinkWithRequiredHref = Required<Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>> & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
+export interface PossibleLinkDOMRenderProps<Fallback extends keyof React.JSX.IntrinsicElements, T> {
+    /**
+     * Overrides the default DOM element with a custom render function.
+     * This allows rendering existing components with built-in styles and behaviors
+     * such as router links, animation libraries, and pre-styled components.
+     *
+     * Note: You can check if `'href' in props` in order to tell whether to render an `<a>` element.
+     *
+     * Requirements:
+     *
+     * - You must render the expected element type (e.g. if `<a>` is expected, you cannot render a
+     *   `<button>`).
+     * - Only a single root DOM element can be rendered (no fragments).
+     * - You must pass through props and ref to the underlying DOM element, merging with your own prop
+     *   as appropriate.
+     */
+    render?: (props: DetailedHTMLProps<LinkWithRequiredHref, HTMLAnchorElement> | React.JSX.IntrinsicElements[Fallback], renderProps: T) => ReactElement;
+}
+type DOMComponents = {
+    [E in keyof React.JSX.IntrinsicElements]: (props: DOMRenderProps<E, any> & React.JSX.IntrinsicElements[E]) => ReactElement;
+};
+export declare const dom: DOMComponents;
+export {};

package/i18n/ar-AE.js

@@ -1 +1 @@
-module.exports={"@react-aria/tree":{collapse:`طي`,expand:`تمديد`},"@react-aria/toast":{close:`إغلاق`,notifications:(e,t)=>`${t.plural(e.count,{one:()=>`${t.number(e.count)} إشعار`,other:()=>`${t.number(e.count)} إشعارات`})}.`},"@react-aria/tag":{removeButtonLabel:`إزالة`,removeDescription:`اضغط على مفتاح DELETE لإزالة علامة.`},"@react-aria/table":{ascending:`تصاعدي`,ascendingSort:e=>`ترتيب حسب العمود ${e.columnName} بترتيب تصاعدي`,columnSize:e=>`${e.value} بالبكسل`,descending:`تنازلي`,descendingSort:e=>`ترتيب حسب العمود ${e.columnName} بترتيب تنازلي`,resizerDescription:`اضغط على مفتاح Enter لبدء تغيير الحجم`,select:`تحديد`,selectAll:`تحديد الكل`,sortable:`عمود قابل للترتيب`},"@react-aria/steplist":{steplist:`قائمة الخطوات`},"@react-aria/spinbutton":{Empty:`فارغ`},"@react-aria/searchfield":{"Clear search":`مسح البحث`},"@react-aria/overlays":{dismiss:`تجاهل`},"@react-aria/numberfield":{decrease:e=>`خفض ${e.fieldLabel}`,increase:e=>`زيادة ${e.fieldLabel}`,numberField:`حقل رقمي`},"@react-aria/menu":{longPressMessage:`اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة`},"@react-aria/gridlist":{hasActionAnnouncement:`يحتوي الصف على إجراء`,hasLinkAnnouncement:e=>`يحتوي الصف على رابط: ${e.link}`},"@react-aria/grid":{deselectedItem:e=>`${e.item} غير المحدد`,longPressToSelect:`اضغط مطولًا للدخول إلى وضع التحديد.`,select:`تحديد`,selectedAll:`جميع العناصر المحددة.`,selectedCount:(e,t)=>`${t.plural(e.count,{"=0":`لم يتم تحديد عناصر`,one:()=>`${t.number(e.count)} عنصر محدد`,other:()=>`${t.number(e.count)} عنصر محدد`})}.`,selectedItem:e=>`${e.item} المحدد`},"@react-aria/dnd":{dragDescriptionKeyboard:`اضغط Enter لبدء السحب.`,dragDescriptionKeyboardAlt:`اضغط على Alt + Enter لبدء السحب.`,dragDescriptionLongPress:`اضغط باستمرار لبدء السحب.`,dragDescriptionTouch:`اضغط مرتين لبدء السحب.`,dragDescriptionVirtual:`انقر لبدء السحب.`,dragItem:e=>`اسحب ${e.itemText}`,dragSelectedItems:(e,t)=>`اسحب ${t.plural(e.count,{one:()=>`${t.number(e.count)} عنصر محدد`,other:()=>`${t.number(e.count)} عناصر محددة`})}`,dragSelectedKeyboard:(e,t)=>`اضغط على Enter للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragSelectedKeyboardAlt:(e,t)=>`اضغط على مفتاحي Alt + Enter للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragSelectedLongPress:(e,t)=>`اضغط باستمرار للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragStartedKeyboard:`بدأ السحب. اضغط Tab للانتقال إلى موضع الإفلات، ثم اضغط Enter للإفلات، أو اضغط Escape للإلغاء.`,dragStartedTouch:`بدأ السحب. انتقل إلى موضع الإفلات، ثم اضغط مرتين للإفلات.`,dragStartedVirtual:`بدأ السحب. انتقل إلى مكان الإفلات، ثم انقر أو اضغط Enter للإفلات.`,dropCanceled:`تم إلغاء الإفلات.`,dropComplete:`اكتمل الإفلات.`,dropDescriptionKeyboard:`اضغط Enter للإفلات. اضغط Escape لإلغاء السحب.`,dropDescriptionTouch:`اضغط مرتين للإفلات.`,dropDescriptionVirtual:`انقر للإفلات.`,dropIndicator:`مؤشر الإفلات`,dropOnItem:e=>`إفلات ${e.itemText}`,dropOnRoot:`الإفلات`,endDragKeyboard:`السحب. اضغط Enter لإلغاء السحب.`,endDragTouch:`السحب. اضغط مرتين لإلغاء السحب.`,endDragVirtual:`السحب. انقر لإلغاء السحب.`,insertAfter:e=>`أدخل بعد ${e.itemText}`,insertBefore:e=>`أدخل قبل ${e.itemText}`,insertBetween:e=>`أدخل بين ${e.beforeItemText} و ${e.afterItemText}`},"@react-aria/datepicker":{calendar:`التقويم`,day:`يوم`,dayPeriod:`ص/م`,endDate:`تاريخ الانتهاء`,era:`العصر`,hour:`الساعات`,minute:`الدقائق`,month:`الشهر`,second:`الثواني`,selectedDateDescription:e=>`تاريخ محدد: ${e.date}`,selectedRangeDescription:e=>`المدى الزمني المحدد: ${e.startDate} إلى ${e.endDate}`,selectedTimeDescription:e=>`الوقت المحدد: ${e.time}`,startDate:`تاريخ البدء`,timeZoneName:`التوقيت`,weekday:`اليوم`,year:`السنة`},"@react-aria/combobox":{buttonLabel:`عرض المقترحات`,countAnnouncement:(e,t)=>`${t.plural(e.optionCount,{one:()=>`${t.number(e.optionCount)} خيار`,other:()=>`${t.number(e.optionCount)} خيارات`})} متاحة.`,focusAnnouncement:(e,t)=>`${t.select({true:()=>`المجموعة المدخلة ${e.groupTitle}, مع ${t.plural(e.groupCount,{one:()=>`${t.number(e.groupCount)} خيار`,other:()=>`${t.number(e.groupCount)} خيارات`})}. `,other:""},e.isGroupChange)}${e.optionText}${t.select({true:`, محدد`,other:""},e.isSelected)}`,listboxLabel:`مقترحات`,selectedAnnouncement:e=>`${e.optionText}، محدد`},"@react-aria/color":{colorInputLabel:e=>`${e.label}, ${e.channelLabel}`,colorNameAndValue:e=>`${e.name}: ${e.value}`,colorPicker:`أداة انتقاء اللون`,colorSwatch:`تغيير الألوان`,transparent:`شفاف`,twoDimensionalSlider:`مُنزلق 2D`},"@react-aria/calendar":{dateRange:e=>`${e.startDate} إلى ${e.endDate}`,dateSelected:e=>`${e.date} المحدد`,finishRangeSelectionPrompt:`انقر لإنهاء عملية تحديد نطاق التاريخ`,maximumDate:`آخر تاريخ متاح`,minimumDate:`أول تاريخ متاح`,next:`التالي`,previous:`السابق`,selectedDateDescription:e=>`تاريخ محدد: ${e.date}`,selectedRangeDescription:e=>`المدى الزمني المحدد: ${e.dateRange}`,startRangeSelectionPrompt:`انقر لبدء عملية تحديد نطاق التاريخ`,todayDate:e=>`اليوم، ${e.date}`,todayDateSelected:e=>`اليوم، ${e.date} محدد`},"@react-aria/breadcrumbs":{breadcrumbs:`عناصر الواجهة`},"@react-aria/autocomplete":{collectionLabel:`مقترحات`},"@react-stately/datepicker":{rangeOverflow:e=>`يجب أن تكون القيمة ${e.maxValue} أو قبل ذلك.`,rangeReversed:`تاريخ البدء يجب أن يكون قبل تاريخ الانتهاء.`,rangeUnderflow:e=>`يجب أن تكون القيمة ${e.minValue} أو بعد ذلك.`,unavailableDate:`البيانات المحددة غير متاحة.`},"@react-stately/color":{alpha:`ألفا`,black:`أسود`,blue:`أزرق`,"blue purple":`أرجواني مزرق`,brightness:`السطوع`,brown:`بني`,"brown yellow":`أصفر بني`,colorName:e=>`${e.lightness} ${e.chroma} ${e.hue}`,cyan:`سماوي`,"cyan blue":`أزرق سماوي`,dark:`داكن`,gray:`رمادي`,grayish:`مائل للرمادي`,green:`أخضر`,"green cyan":`سماوي مخضر`,hue:`درجة اللون`,light:`فاتح`,lightness:`الإضاءة`,magenta:`أرجواني`,"magenta pink":`أرجواني وردي`,orange:`برتقالي`,"orange yellow":`أصفر برتقالي`,pale:`باهت`,pink:`وردي`,"pink red":`أحمر وردي`,purple:`أرجواني`,"purple magenta":`بنفسجي`,red:`أحمر`,"red orange":`برتقالي محمر`,saturation:`التشبع`,transparentColorName:e=>`${e.lightness} ${e.chroma} ${e.hue}, ${e.percentTransparent} شفاف`,"very dark":`داكن جدًا`,"very light":`فاتح جدًا`,vibrant:`ساطع`,white:`أبيض`,yellow:`أصفر`,"yellow green":`أخضر مصفر`},"react-aria-components":{colorSwatchPicker:`تغييرات الألوان`,dropzoneLabel:"DropZone",selectPlaceholder:`حدد عنصرًا`,tableResizer:`أداة تغيير الحجم`}};
+module.exports={"@react-aria/tree":{collapse:`طي`,expand:`تمديد`},"@react-aria/toast":{close:`إغلاق`,notifications:(e,t)=>`${t.plural(e.count,{one:()=>`${t.number(e.count)} إشعار`,other:()=>`${t.number(e.count)} إشعارات`})}.`},"@react-aria/tag":{removeButtonLabel:`إزالة`,removeDescription:`اضغط على مفتاح DELETE لإزالة علامة.`},"@react-aria/table":{ascending:`تصاعدي`,ascendingSort:e=>`ترتيب حسب العمود ${e.columnName} بترتيب تصاعدي`,columnSize:e=>`${e.value} بالبكسل`,descending:`تنازلي`,descendingSort:e=>`ترتيب حسب العمود ${e.columnName} بترتيب تنازلي`,resizerDescription:`اضغط على مفتاح Enter لبدء تغيير الحجم`,select:`تحديد`,selectAll:`تحديد الكل`,sortable:`عمود قابل للترتيب`,collapse:`طي`,expand:`تمديد`},"@react-aria/steplist":{steplist:`قائمة الخطوات`},"@react-aria/spinbutton":{Empty:`فارغ`},"@react-aria/searchfield":{"Clear search":`مسح البحث`},"@react-aria/overlays":{dismiss:`تجاهل`},"@react-aria/numberfield":{decrease:e=>`خفض ${e.fieldLabel}`,increase:e=>`زيادة ${e.fieldLabel}`,numberField:`حقل رقمي`},"@react-aria/menu":{longPressMessage:`اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة`},"@react-aria/gridlist":{hasActionAnnouncement:`يحتوي الصف على إجراء`,hasLinkAnnouncement:e=>`يحتوي الصف على رابط: ${e.link}`},"@react-aria/grid":{deselectedItem:e=>`${e.item} غير المحدد`,longPressToSelect:`اضغط مطولًا للدخول إلى وضع التحديد.`,select:`تحديد`,selectedAll:`جميع العناصر المحددة.`,selectedCount:(e,t)=>`${t.plural(e.count,{"=0":`لم يتم تحديد عناصر`,one:()=>`${t.number(e.count)} عنصر محدد`,other:()=>`${t.number(e.count)} عنصر محدد`})}.`,selectedItem:e=>`${e.item} المحدد`},"@react-aria/dnd":{dragDescriptionKeyboard:`اضغط Enter لبدء السحب.`,dragDescriptionKeyboardAlt:`اضغط على Alt + Enter لبدء السحب.`,dragDescriptionLongPress:`اضغط باستمرار لبدء السحب.`,dragDescriptionTouch:`اضغط مرتين لبدء السحب.`,dragDescriptionVirtual:`انقر لبدء السحب.`,dragItem:e=>`اسحب ${e.itemText}`,dragSelectedItems:(e,t)=>`اسحب ${t.plural(e.count,{one:()=>`${t.number(e.count)} عنصر محدد`,other:()=>`${t.number(e.count)} عناصر محددة`})}`,dragSelectedKeyboard:(e,t)=>`اضغط على Enter للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragSelectedKeyboardAlt:(e,t)=>`اضغط على مفتاحي Alt + Enter للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragSelectedLongPress:(e,t)=>`اضغط باستمرار للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragStartedKeyboard:`بدأ السحب. اضغط Tab للانتقال إلى موضع الإفلات، ثم اضغط Enter للإفلات، أو اضغط Escape للإلغاء.`,dragStartedTouch:`بدأ السحب. انتقل إلى موضع الإفلات، ثم اضغط مرتين للإفلات.`,dragStartedVirtual:`بدأ السحب. انتقل إلى مكان الإفلات، ثم انقر أو اضغط Enter للإفلات.`,dropCanceled:`تم إلغاء الإفلات.`,dropComplete:`اكتمل الإفلات.`,dropDescriptionKeyboard:`اضغط Enter للإفلات. اضغط Escape لإلغاء السحب.`,dropDescriptionTouch:`اضغط مرتين للإفلات.`,dropDescriptionVirtual:`انقر للإفلات.`,dropIndicator:`مؤشر الإفلات`,dropOnItem:e=>`إفلات ${e.itemText}`,dropOnRoot:`الإفلات`,endDragKeyboard:`السحب. اضغط Enter لإلغاء السحب.`,endDragTouch:`السحب. اضغط مرتين لإلغاء السحب.`,endDragVirtual:`السحب. انقر لإلغاء السحب.`,insertAfter:e=>`أدخل بعد ${e.itemText}`,insertBefore:e=>`أدخل قبل ${e.itemText}`,insertBetween:e=>`أدخل بين ${e.beforeItemText} و ${e.afterItemText}`},"@react-aria/datepicker":{calendar:`التقويم`,day:`يوم`,dayPeriod:`ص/م`,endDate:`تاريخ الانتهاء`,era:`العصر`,hour:`الساعات`,minute:`الدقائق`,month:`الشهر`,second:`الثواني`,selectedDateDescription:e=>`تاريخ محدد: ${e.date}`,selectedRangeDescription:e=>`المدى الزمني المحدد: ${e.startDate} إلى ${e.endDate}`,selectedTimeDescription:e=>`الوقت المحدد: ${e.time}`,startDate:`تاريخ البدء`,timeZoneName:`التوقيت`,weekday:`اليوم`,year:`السنة`},"@react-aria/combobox":{buttonLabel:`عرض المقترحات`,countAnnouncement:(e,t)=>`${t.plural(e.optionCount,{one:()=>`${t.number(e.optionCount)} خيار`,other:()=>`${t.number(e.optionCount)} خيارات`})} متاحة.`,focusAnnouncement:(e,t)=>`${t.select({true:()=>`المجموعة المدخلة ${e.groupTitle}, مع ${t.plural(e.groupCount,{one:()=>`${t.number(e.groupCount)} خيار`,other:()=>`${t.number(e.groupCount)} خيارات`})}. `,other:""},e.isGroupChange)}${e.optionText}${t.select({true:`, محدد`,other:""},e.isSelected)}`,listboxLabel:`مقترحات`,selectedAnnouncement:e=>`${e.optionText}، محدد`},"@react-aria/color":{colorInputLabel:e=>`${e.label}, ${e.channelLabel}`,colorNameAndValue:e=>`${e.name}: ${e.value}`,colorPicker:`أداة انتقاء اللون`,colorSwatch:`تغيير الألوان`,transparent:`شفاف`,twoDimensionalSlider:`مُنزلق 2D`},"@react-aria/calendar":{dateRange:e=>`${e.startDate} إلى ${e.endDate}`,dateSelected:e=>`${e.date} المحدد`,finishRangeSelectionPrompt:`انقر لإنهاء عملية تحديد نطاق التاريخ`,maximumDate:`آخر تاريخ متاح`,minimumDate:`أول تاريخ متاح`,next:`التالي`,previous:`السابق`,selectedDateDescription:e=>`تاريخ محدد: ${e.date}`,selectedRangeDescription:e=>`المدى الزمني المحدد: ${e.dateRange}`,startRangeSelectionPrompt:`انقر لبدء عملية تحديد نطاق التاريخ`,todayDate:e=>`اليوم، ${e.date}`,todayDateSelected:e=>`اليوم، ${e.date} محدد`},"@react-aria/breadcrumbs":{breadcrumbs:`عناصر الواجهة`},"@react-aria/autocomplete":{collectionLabel:`مقترحات`},"@react-stately/datepicker":{rangeOverflow:e=>`يجب أن تكون القيمة ${e.maxValue} أو قبل ذلك.`,rangeReversed:`تاريخ البدء يجب أن يكون قبل تاريخ الانتهاء.`,rangeUnderflow:e=>`يجب أن تكون القيمة ${e.minValue} أو بعد ذلك.`,unavailableDate:`البيانات المحددة غير متاحة.`},"@react-stately/color":{alpha:`ألفا`,black:`أسود`,blue:`أزرق`,"blue purple":`أرجواني مزرق`,brightness:`السطوع`,brown:`بني`,"brown yellow":`أصفر بني`,colorName:e=>`${e.lightness} ${e.chroma} ${e.hue}`,cyan:`سماوي`,"cyan blue":`أزرق سماوي`,dark:`داكن`,gray:`رمادي`,grayish:`مائل للرمادي`,green:`أخضر`,"green cyan":`سماوي مخضر`,hue:`درجة اللون`,light:`فاتح`,lightness:`الإضاءة`,magenta:`أرجواني`,"magenta pink":`أرجواني وردي`,orange:`برتقالي`,"orange yellow":`أصفر برتقالي`,pale:`باهت`,pink:`وردي`,"pink red":`أحمر وردي`,purple:`أرجواني`,"purple magenta":`بنفسجي`,red:`أحمر`,"red orange":`برتقالي محمر`,saturation:`التشبع`,transparentColorName:e=>`${e.lightness} ${e.chroma} ${e.hue}, ${e.percentTransparent} شفاف`,"very dark":`داكن جدًا`,"very light":`فاتح جدًا`,vibrant:`ساطع`,white:`أبيض`,yellow:`أصفر`,"yellow green":`أخضر مصفر`},"react-aria-components":{colorSwatchPicker:`تغييرات الألوان`,dropzoneLabel:"DropZone",selectPlaceholder:`حدد عنصرًا`,tableResizer:`أداة تغيير الحجم`}};

package/i18n/ar-AE.mjs

@@ -1 +1 @@
-export default{"@react-aria/tree":{collapse:`طي`,expand:`تمديد`},"@react-aria/toast":{close:`إغلاق`,notifications:(e,t)=>`${t.plural(e.count,{one:()=>`${t.number(e.count)} إشعار`,other:()=>`${t.number(e.count)} إشعارات`})}.`},"@react-aria/tag":{removeButtonLabel:`إزالة`,removeDescription:`اضغط على مفتاح DELETE لإزالة علامة.`},"@react-aria/table":{ascending:`تصاعدي`,ascendingSort:e=>`ترتيب حسب العمود ${e.columnName} بترتيب تصاعدي`,columnSize:e=>`${e.value} بالبكسل`,descending:`تنازلي`,descendingSort:e=>`ترتيب حسب العمود ${e.columnName} بترتيب تنازلي`,resizerDescription:`اضغط على مفتاح Enter لبدء تغيير الحجم`,select:`تحديد`,selectAll:`تحديد الكل`,sortable:`عمود قابل للترتيب`},"@react-aria/steplist":{steplist:`قائمة الخطوات`},"@react-aria/spinbutton":{Empty:`فارغ`},"@react-aria/searchfield":{"Clear search":`مسح البحث`},"@react-aria/overlays":{dismiss:`تجاهل`},"@react-aria/numberfield":{decrease:e=>`خفض ${e.fieldLabel}`,increase:e=>`زيادة ${e.fieldLabel}`,numberField:`حقل رقمي`},"@react-aria/menu":{longPressMessage:`اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة`},"@react-aria/gridlist":{hasActionAnnouncement:`يحتوي الصف على إجراء`,hasLinkAnnouncement:e=>`يحتوي الصف على رابط: ${e.link}`},"@react-aria/grid":{deselectedItem:e=>`${e.item} غير المحدد`,longPressToSelect:`اضغط مطولًا للدخول إلى وضع التحديد.`,select:`تحديد`,selectedAll:`جميع العناصر المحددة.`,selectedCount:(e,t)=>`${t.plural(e.count,{"=0":`لم يتم تحديد عناصر`,one:()=>`${t.number(e.count)} عنصر محدد`,other:()=>`${t.number(e.count)} عنصر محدد`})}.`,selectedItem:e=>`${e.item} المحدد`},"@react-aria/dnd":{dragDescriptionKeyboard:`اضغط Enter لبدء السحب.`,dragDescriptionKeyboardAlt:`اضغط على Alt + Enter لبدء السحب.`,dragDescriptionLongPress:`اضغط باستمرار لبدء السحب.`,dragDescriptionTouch:`اضغط مرتين لبدء السحب.`,dragDescriptionVirtual:`انقر لبدء السحب.`,dragItem:e=>`اسحب ${e.itemText}`,dragSelectedItems:(e,t)=>`اسحب ${t.plural(e.count,{one:()=>`${t.number(e.count)} عنصر محدد`,other:()=>`${t.number(e.count)} عناصر محددة`})}`,dragSelectedKeyboard:(e,t)=>`اضغط على Enter للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragSelectedKeyboardAlt:(e,t)=>`اضغط على مفتاحي Alt + Enter للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragSelectedLongPress:(e,t)=>`اضغط باستمرار للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragStartedKeyboard:`بدأ السحب. اضغط Tab للانتقال إلى موضع الإفلات، ثم اضغط Enter للإفلات، أو اضغط Escape للإلغاء.`,dragStartedTouch:`بدأ السحب. انتقل إلى موضع الإفلات، ثم اضغط مرتين للإفلات.`,dragStartedVirtual:`بدأ السحب. انتقل إلى مكان الإفلات، ثم انقر أو اضغط Enter للإفلات.`,dropCanceled:`تم إلغاء الإفلات.`,dropComplete:`اكتمل الإفلات.`,dropDescriptionKeyboard:`اضغط Enter للإفلات. اضغط Escape لإلغاء السحب.`,dropDescriptionTouch:`اضغط مرتين للإفلات.`,dropDescriptionVirtual:`انقر للإفلات.`,dropIndicator:`مؤشر الإفلات`,dropOnItem:e=>`إفلات ${e.itemText}`,dropOnRoot:`الإفلات`,endDragKeyboard:`السحب. اضغط Enter لإلغاء السحب.`,endDragTouch:`السحب. اضغط مرتين لإلغاء السحب.`,endDragVirtual:`السحب. انقر لإلغاء السحب.`,insertAfter:e=>`أدخل بعد ${e.itemText}`,insertBefore:e=>`أدخل قبل ${e.itemText}`,insertBetween:e=>`أدخل بين ${e.beforeItemText} و ${e.afterItemText}`},"@react-aria/datepicker":{calendar:`التقويم`,day:`يوم`,dayPeriod:`ص/م`,endDate:`تاريخ الانتهاء`,era:`العصر`,hour:`الساعات`,minute:`الدقائق`,month:`الشهر`,second:`الثواني`,selectedDateDescription:e=>`تاريخ محدد: ${e.date}`,selectedRangeDescription:e=>`المدى الزمني المحدد: ${e.startDate} إلى ${e.endDate}`,selectedTimeDescription:e=>`الوقت المحدد: ${e.time}`,startDate:`تاريخ البدء`,timeZoneName:`التوقيت`,weekday:`اليوم`,year:`السنة`},"@react-aria/combobox":{buttonLabel:`عرض المقترحات`,countAnnouncement:(e,t)=>`${t.plural(e.optionCount,{one:()=>`${t.number(e.optionCount)} خيار`,other:()=>`${t.number(e.optionCount)} خيارات`})} متاحة.`,focusAnnouncement:(e,t)=>`${t.select({true:()=>`المجموعة المدخلة ${e.groupTitle}, مع ${t.plural(e.groupCount,{one:()=>`${t.number(e.groupCount)} خيار`,other:()=>`${t.number(e.groupCount)} خيارات`})}. `,other:""},e.isGroupChange)}${e.optionText}${t.select({true:`, محدد`,other:""},e.isSelected)}`,listboxLabel:`مقترحات`,selectedAnnouncement:e=>`${e.optionText}، محدد`},"@react-aria/color":{colorInputLabel:e=>`${e.label}, ${e.channelLabel}`,colorNameAndValue:e=>`${e.name}: ${e.value}`,colorPicker:`أداة انتقاء اللون`,colorSwatch:`تغيير الألوان`,transparent:`شفاف`,twoDimensionalSlider:`مُنزلق 2D`},"@react-aria/calendar":{dateRange:e=>`${e.startDate} إلى ${e.endDate}`,dateSelected:e=>`${e.date} المحدد`,finishRangeSelectionPrompt:`انقر لإنهاء عملية تحديد نطاق التاريخ`,maximumDate:`آخر تاريخ متاح`,minimumDate:`أول تاريخ متاح`,next:`التالي`,previous:`السابق`,selectedDateDescription:e=>`تاريخ محدد: ${e.date}`,selectedRangeDescription:e=>`المدى الزمني المحدد: ${e.dateRange}`,startRangeSelectionPrompt:`انقر لبدء عملية تحديد نطاق التاريخ`,todayDate:e=>`اليوم، ${e.date}`,todayDateSelected:e=>`اليوم، ${e.date} محدد`},"@react-aria/breadcrumbs":{breadcrumbs:`عناصر الواجهة`},"@react-aria/autocomplete":{collectionLabel:`مقترحات`},"@react-stately/datepicker":{rangeOverflow:e=>`يجب أن تكون القيمة ${e.maxValue} أو قبل ذلك.`,rangeReversed:`تاريخ البدء يجب أن يكون قبل تاريخ الانتهاء.`,rangeUnderflow:e=>`يجب أن تكون القيمة ${e.minValue} أو بعد ذلك.`,unavailableDate:`البيانات المحددة غير متاحة.`},"@react-stately/color":{alpha:`ألفا`,black:`أسود`,blue:`أزرق`,"blue purple":`أرجواني مزرق`,brightness:`السطوع`,brown:`بني`,"brown yellow":`أصفر بني`,colorName:e=>`${e.lightness} ${e.chroma} ${e.hue}`,cyan:`سماوي`,"cyan blue":`أزرق سماوي`,dark:`داكن`,gray:`رمادي`,grayish:`مائل للرمادي`,green:`أخضر`,"green cyan":`سماوي مخضر`,hue:`درجة اللون`,light:`فاتح`,lightness:`الإضاءة`,magenta:`أرجواني`,"magenta pink":`أرجواني وردي`,orange:`برتقالي`,"orange yellow":`أصفر برتقالي`,pale:`باهت`,pink:`وردي`,"pink red":`أحمر وردي`,purple:`أرجواني`,"purple magenta":`بنفسجي`,red:`أحمر`,"red orange":`برتقالي محمر`,saturation:`التشبع`,transparentColorName:e=>`${e.lightness} ${e.chroma} ${e.hue}, ${e.percentTransparent} شفاف`,"very dark":`داكن جدًا`,"very light":`فاتح جدًا`,vibrant:`ساطع`,white:`أبيض`,yellow:`أصفر`,"yellow green":`أخضر مصفر`},"react-aria-components":{colorSwatchPicker:`تغييرات الألوان`,dropzoneLabel:"DropZone",selectPlaceholder:`حدد عنصرًا`,tableResizer:`أداة تغيير الحجم`}};
+export default{"@react-aria/tree":{collapse:`طي`,expand:`تمديد`},"@react-aria/toast":{close:`إغلاق`,notifications:(e,t)=>`${t.plural(e.count,{one:()=>`${t.number(e.count)} إشعار`,other:()=>`${t.number(e.count)} إشعارات`})}.`},"@react-aria/tag":{removeButtonLabel:`إزالة`,removeDescription:`اضغط على مفتاح DELETE لإزالة علامة.`},"@react-aria/table":{ascending:`تصاعدي`,ascendingSort:e=>`ترتيب حسب العمود ${e.columnName} بترتيب تصاعدي`,columnSize:e=>`${e.value} بالبكسل`,descending:`تنازلي`,descendingSort:e=>`ترتيب حسب العمود ${e.columnName} بترتيب تنازلي`,resizerDescription:`اضغط على مفتاح Enter لبدء تغيير الحجم`,select:`تحديد`,selectAll:`تحديد الكل`,sortable:`عمود قابل للترتيب`,collapse:`طي`,expand:`تمديد`},"@react-aria/steplist":{steplist:`قائمة الخطوات`},"@react-aria/spinbutton":{Empty:`فارغ`},"@react-aria/searchfield":{"Clear search":`مسح البحث`},"@react-aria/overlays":{dismiss:`تجاهل`},"@react-aria/numberfield":{decrease:e=>`خفض ${e.fieldLabel}`,increase:e=>`زيادة ${e.fieldLabel}`,numberField:`حقل رقمي`},"@react-aria/menu":{longPressMessage:`اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة`},"@react-aria/gridlist":{hasActionAnnouncement:`يحتوي الصف على إجراء`,hasLinkAnnouncement:e=>`يحتوي الصف على رابط: ${e.link}`},"@react-aria/grid":{deselectedItem:e=>`${e.item} غير المحدد`,longPressToSelect:`اضغط مطولًا للدخول إلى وضع التحديد.`,select:`تحديد`,selectedAll:`جميع العناصر المحددة.`,selectedCount:(e,t)=>`${t.plural(e.count,{"=0":`لم يتم تحديد عناصر`,one:()=>`${t.number(e.count)} عنصر محدد`,other:()=>`${t.number(e.count)} عنصر محدد`})}.`,selectedItem:e=>`${e.item} المحدد`},"@react-aria/dnd":{dragDescriptionKeyboard:`اضغط Enter لبدء السحب.`,dragDescriptionKeyboardAlt:`اضغط على Alt + Enter لبدء السحب.`,dragDescriptionLongPress:`اضغط باستمرار لبدء السحب.`,dragDescriptionTouch:`اضغط مرتين لبدء السحب.`,dragDescriptionVirtual:`انقر لبدء السحب.`,dragItem:e=>`اسحب ${e.itemText}`,dragSelectedItems:(e,t)=>`اسحب ${t.plural(e.count,{one:()=>`${t.number(e.count)} عنصر محدد`,other:()=>`${t.number(e.count)} عناصر محددة`})}`,dragSelectedKeyboard:(e,t)=>`اضغط على Enter للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragSelectedKeyboardAlt:(e,t)=>`اضغط على مفتاحي Alt + Enter للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragSelectedLongPress:(e,t)=>`اضغط باستمرار للسحب ${t.plural(e.count,{one:`عدد العناصر المختارة`,other:`عدد العناصر المختارة`})}.`,dragStartedKeyboard:`بدأ السحب. اضغط Tab للانتقال إلى موضع الإفلات، ثم اضغط Enter للإفلات، أو اضغط Escape للإلغاء.`,dragStartedTouch:`بدأ السحب. انتقل إلى موضع الإفلات، ثم اضغط مرتين للإفلات.`,dragStartedVirtual:`بدأ السحب. انتقل إلى مكان الإفلات، ثم انقر أو اضغط Enter للإفلات.`,dropCanceled:`تم إلغاء الإفلات.`,dropComplete:`اكتمل الإفلات.`,dropDescriptionKeyboard:`اضغط Enter للإفلات. اضغط Escape لإلغاء السحب.`,dropDescriptionTouch:`اضغط مرتين للإفلات.`,dropDescriptionVirtual:`انقر للإفلات.`,dropIndicator:`مؤشر الإفلات`,dropOnItem:e=>`إفلات ${e.itemText}`,dropOnRoot:`الإفلات`,endDragKeyboard:`السحب. اضغط Enter لإلغاء السحب.`,endDragTouch:`السحب. اضغط مرتين لإلغاء السحب.`,endDragVirtual:`السحب. انقر لإلغاء السحب.`,insertAfter:e=>`أدخل بعد ${e.itemText}`,insertBefore:e=>`أدخل قبل ${e.itemText}`,insertBetween:e=>`أدخل بين ${e.beforeItemText} و ${e.afterItemText}`},"@react-aria/datepicker":{calendar:`التقويم`,day:`يوم`,dayPeriod:`ص/م`,endDate:`تاريخ الانتهاء`,era:`العصر`,hour:`الساعات`,minute:`الدقائق`,month:`الشهر`,second:`الثواني`,selectedDateDescription:e=>`تاريخ محدد: ${e.date}`,selectedRangeDescription:e=>`المدى الزمني المحدد: ${e.startDate} إلى ${e.endDate}`,selectedTimeDescription:e=>`الوقت المحدد: ${e.time}`,startDate:`تاريخ البدء`,timeZoneName:`التوقيت`,weekday:`اليوم`,year:`السنة`},"@react-aria/combobox":{buttonLabel:`عرض المقترحات`,countAnnouncement:(e,t)=>`${t.plural(e.optionCount,{one:()=>`${t.number(e.optionCount)} خيار`,other:()=>`${t.number(e.optionCount)} خيارات`})} متاحة.`,focusAnnouncement:(e,t)=>`${t.select({true:()=>`المجموعة المدخلة ${e.groupTitle}, مع ${t.plural(e.groupCount,{one:()=>`${t.number(e.groupCount)} خيار`,other:()=>`${t.number(e.groupCount)} خيارات`})}. `,other:""},e.isGroupChange)}${e.optionText}${t.select({true:`, محدد`,other:""},e.isSelected)}`,listboxLabel:`مقترحات`,selectedAnnouncement:e=>`${e.optionText}، محدد`},"@react-aria/color":{colorInputLabel:e=>`${e.label}, ${e.channelLabel}`,colorNameAndValue:e=>`${e.name}: ${e.value}`,colorPicker:`أداة انتقاء اللون`,colorSwatch:`تغيير الألوان`,transparent:`شفاف`,twoDimensionalSlider:`مُنزلق 2D`},"@react-aria/calendar":{dateRange:e=>`${e.startDate} إلى ${e.endDate}`,dateSelected:e=>`${e.date} المحدد`,finishRangeSelectionPrompt:`انقر لإنهاء عملية تحديد نطاق التاريخ`,maximumDate:`آخر تاريخ متاح`,minimumDate:`أول تاريخ متاح`,next:`التالي`,previous:`السابق`,selectedDateDescription:e=>`تاريخ محدد: ${e.date}`,selectedRangeDescription:e=>`المدى الزمني المحدد: ${e.dateRange}`,startRangeSelectionPrompt:`انقر لبدء عملية تحديد نطاق التاريخ`,todayDate:e=>`اليوم، ${e.date}`,todayDateSelected:e=>`اليوم، ${e.date} محدد`},"@react-aria/breadcrumbs":{breadcrumbs:`عناصر الواجهة`},"@react-aria/autocomplete":{collectionLabel:`مقترحات`},"@react-stately/datepicker":{rangeOverflow:e=>`يجب أن تكون القيمة ${e.maxValue} أو قبل ذلك.`,rangeReversed:`تاريخ البدء يجب أن يكون قبل تاريخ الانتهاء.`,rangeUnderflow:e=>`يجب أن تكون القيمة ${e.minValue} أو بعد ذلك.`,unavailableDate:`البيانات المحددة غير متاحة.`},"@react-stately/color":{alpha:`ألفا`,black:`أسود`,blue:`أزرق`,"blue purple":`أرجواني مزرق`,brightness:`السطوع`,brown:`بني`,"brown yellow":`أصفر بني`,colorName:e=>`${e.lightness} ${e.chroma} ${e.hue}`,cyan:`سماوي`,"cyan blue":`أزرق سماوي`,dark:`داكن`,gray:`رمادي`,grayish:`مائل للرمادي`,green:`أخضر`,"green cyan":`سماوي مخضر`,hue:`درجة اللون`,light:`فاتح`,lightness:`الإضاءة`,magenta:`أرجواني`,"magenta pink":`أرجواني وردي`,orange:`برتقالي`,"orange yellow":`أصفر برتقالي`,pale:`باهت`,pink:`وردي`,"pink red":`أحمر وردي`,purple:`أرجواني`,"purple magenta":`بنفسجي`,red:`أحمر`,"red orange":`برتقالي محمر`,saturation:`التشبع`,transparentColorName:e=>`${e.lightness} ${e.chroma} ${e.hue}, ${e.percentTransparent} شفاف`,"very dark":`داكن جدًا`,"very light":`فاتح جدًا`,vibrant:`ساطع`,white:`أبيض`,yellow:`أصفر`,"yellow green":`أخضر مصفر`},"react-aria-components":{colorSwatchPicker:`تغييرات الألوان`,dropzoneLabel:"DropZone",selectPlaceholder:`حدد عنصرًا`,tableResizer:`أداة تغيير الحجم`}};