@adobe/react-spectrum 3.46.1 → 3.47.0

package/dist/types/src/tag/Tag.d.ts

@@ -0,0 +1,7 @@
+import { AriaTagProps } from 'react-aria/useTagGroup';
+import type { ListState } from 'react-stately/useListState';
+import { ReactNode } from 'react';
+export interface SpectrumTagProps<T> extends AriaTagProps<T> {
+    state: ListState<T>;
+}
+export declare function Tag<T>(props: SpectrumTagProps<T>): ReactNode;

package/dist/types/src/tag/TagGroup.d.ts

@@ -0,0 +1,17 @@
+import { AriaTagGroupProps } from 'react-aria/useTagGroup';
+import { DOMRef, SpectrumLabelableProps, StyleProps, Validation } from '@react-types/shared';
+import { JSX, ReactNode } from 'react';
+export interface SpectrumTagGroupProps<T> extends Omit<AriaTagGroupProps<T>, 'selectionMode' | 'disallowEmptySelection' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'selectionBehavior' | 'disabledKeys'>, StyleProps, Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>, Pick<Validation<any>, 'isInvalid' | 'validationState'> {
+    /** The label to display on the action button.  */
+    actionLabel?: string;
+    /** Handler that is called when the action button is pressed. */
+    onAction?: () => void;
+    /** Sets what the TagGroup should render when there are no tags to display. */
+    renderEmptyState?: () => JSX.Element;
+    /** Limit the number of rows initially shown. This will render a button that allows the user to expand to show all tags. */
+    maxRows?: number;
+}
+/** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */
+export declare const TagGroup: <T>(props: SpectrumTagGroupProps<T> & {
+    ref?: DOMRef<HTMLDivElement> | undefined;
+}) => ReactNode;

package/dist/types/src/text/Heading.d.ts

@@ -0,0 +1,22 @@
+import { DOMProps, StyleProps } from '@react-types/shared';
+import React, { ReactNode } from 'react';
+export interface HeadingProps extends DOMProps, StyleProps {
+    /**
+     * Heading content.
+     */
+    children: ReactNode;
+    /**
+     * A slot to place the heading in.
+     * @default 'heading'
+     */
+    slot?: string;
+    /**
+     * Sets heading level, h1 through h6.
+     * @default 3
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+/**
+ * Heading is used to create various levels of typographic hierarchies.
+ */
+export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLHeadingElement>>>;

package/dist/types/src/text/Keyboard.d.ts

@@ -0,0 +1,17 @@
+import { DOMProps, StyleProps } from '@react-types/shared';
+import React, { ReactNode } from 'react';
+export interface KeyboardProps extends DOMProps, StyleProps {
+    /**
+     * Keyboard shortcut text.
+     */
+    children: ReactNode;
+    /**
+     * A slot to place the keyboard shortcut in.
+     * @default 'keyboard'
+     */
+    slot?: string;
+}
+/**
+ * Keyboard represents text that specifies a keyboard command.
+ */
+export declare const Keyboard: React.ForwardRefExoticComponent<KeyboardProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;

package/dist/types/src/text/Text.d.ts

@@ -0,0 +1,17 @@
+import { DOMProps, StyleProps } from '@react-types/shared';
+import React, { ReactNode } from 'react';
+export interface TextProps extends DOMProps, StyleProps {
+    /**
+     * Text content.
+     */
+    children: ReactNode;
+    /**
+     * A slot to place the text in.
+     * @default 'text'
+     */
+    slot?: string;
+}
+/**
+ * Text represents text with no specific semantic meaning.
+ */
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;

package/dist/types/src/textfield/TextArea.d.ts

@@ -0,0 +1,16 @@
+import { AriaTextFieldProps } from 'react-aria/useTextField';
+import React, { ReactElement } from 'react';
+import { SpectrumFieldValidation, SpectrumLabelableProps, SpectrumTextInputBase, StyleProps } from '@react-types/shared';
+import { TextFieldRef } from './TextField';
+export interface SpectrumTextAreaProps extends SpectrumTextInputBase, Omit<AriaTextFieldProps<HTMLTextAreaElement>, 'isInvalid' | 'validationState' | 'type' | 'pattern'>, SpectrumFieldValidation<string>, SpectrumLabelableProps, StyleProps {
+    /** An icon to display at the start of the input. */
+    icon?: ReactElement | null;
+    /** Whether the input should be displayed with a quiet style. */
+    isQuiet?: boolean;
+}
+/**
+ * TextAreas are multiline text inputs, useful for cases where users have
+ * a sizable amount of text to enter. They allow for all customizations that
+ * are available to text fields.
+ */
+export declare const TextArea: React.ForwardRefExoticComponent<SpectrumTextAreaProps & React.RefAttributes<TextFieldRef<HTMLTextAreaElement>>>;

package/dist/types/src/textfield/TextField.d.ts

@@ -0,0 +1,19 @@
+import { AriaTextFieldProps } from 'react-aria/useTextField';
+import { FocusableRefValue, SpectrumFieldValidation, SpectrumLabelableProps, SpectrumTextInputBase, StyleProps } from '@react-types/shared';
+import React, { ReactElement } from 'react';
+export interface SpectrumTextFieldProps extends SpectrumTextInputBase, Omit<AriaTextFieldProps, 'isInvalid' | 'validationState'>, SpectrumFieldValidation<string>, SpectrumLabelableProps, StyleProps {
+    /** An icon to display at the start of the input. */
+    icon?: ReactElement | null;
+    /** Whether the input should be displayed with a quiet style. */
+    isQuiet?: boolean;
+}
+export interface TextFieldRef<T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement> extends FocusableRefValue<T, HTMLDivElement> {
+    select(): void;
+    getInputElement(): T | null;
+}
+/**
+ * TextFields are text inputs that allow users to input custom text entries
+ * with a keyboard. Various decorations can be displayed around the field to
+ * communicate the entry requirements.
+ */
+export declare const TextField: React.ForwardRefExoticComponent<SpectrumTextFieldProps & React.RefAttributes<TextFieldRef<HTMLInputElement>>>;

package/dist/types/src/textfield/TextFieldBase.d.ts

@@ -0,0 +1,19 @@
+import { PressEvents, RefObject, ValidationResult } from '@react-types/shared';
+import React, { HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactElement, TextareaHTMLAttributes } from 'react';
+import { SpectrumTextFieldProps, TextFieldRef } from './TextField';
+interface TextFieldBaseProps extends Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>, PressEvents, Partial<ValidationResult> {
+    wrapperChildren?: ReactElement | ReactElement[];
+    inputClassName?: string;
+    validationIconClassName?: string;
+    multiLine?: boolean;
+    labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
+    inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;
+    descriptionProps?: HTMLAttributes<HTMLElement>;
+    errorMessageProps?: HTMLAttributes<HTMLElement>;
+    inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+    loadingIndicator?: ReactElement;
+    isLoading?: boolean;
+    disableFocusRing?: boolean;
+}
+export declare const TextFieldBase: React.ForwardRefExoticComponent<TextFieldBaseProps & React.RefAttributes<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>>;
+export {};

package/dist/types/src/theme-dark/darkTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../provider/types';
+export declare let darkTheme: Theme;

package/dist/types/src/theme-default/defaultTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../provider/types';
+export declare let defaultTheme: Theme;

package/dist/types/src/theme-express/expressTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../provider/types';
+export declare let expressTheme: Theme;

package/dist/types/src/theme-light/lightTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../provider/types';
+export declare let lightTheme: Theme;

package/dist/types/src/toast/Toast.d.ts

@@ -0,0 +1,23 @@
+import AlertMedium from '@spectrum-icons/ui/AlertMedium';
+import { DOMProps } from '@react-types/shared';
+import InfoMedium from '@spectrum-icons/ui/InfoMedium';
+import { QueuedToast, ToastState } from 'react-stately/useToastState';
+import React from 'react';
+import SuccessMedium from '@spectrum-icons/ui/SuccessMedium';
+export interface SpectrumToastValue extends DOMProps {
+    children: string;
+    variant: 'positive' | 'negative' | 'info' | 'neutral';
+    actionLabel?: string;
+    onAction?: () => void;
+    shouldCloseOnAction?: boolean;
+}
+export interface SpectrumToastProps {
+    toast: QueuedToast<SpectrumToastValue>;
+    state: ToastState<SpectrumToastValue>;
+}
+export declare const ICONS: {
+    info: typeof InfoMedium;
+    negative: typeof AlertMedium;
+    positive: typeof SuccessMedium;
+};
+export declare const Toast: React.ForwardRefExoticComponent<SpectrumToastProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;

package/dist/types/src/toast/ToastContainer.d.ts

@@ -0,0 +1,34 @@
+import { AriaToastRegionProps } from 'react-aria/useToast';
+import { DOMProps } from '@react-types/shared';
+import { ReactElement } from 'react';
+import { ToastOptions } from 'react-stately/useToastState';
+export type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';
+export interface SpectrumToastContainerProps extends AriaToastRegionProps {
+    placement?: ToastPlacement;
+}
+export interface SpectrumToastOptions extends ToastOptions, DOMProps {
+    /** A label for the action button within the toast. */
+    actionLabel?: string;
+    /** Handler that is called when the action button is pressed. */
+    onAction?: () => void;
+    /** Whether the toast should automatically close when an action is performed. */
+    shouldCloseOnAction?: boolean;
+}
+export type CloseFunction = () => void;
+export declare function clearToastQueue(): void;
+/**
+ * A ToastContainer renders the queued toasts in an application. It should be placed
+ * at the root of the app.
+ */
+export declare function ToastContainer(props: SpectrumToastContainerProps): ReactElement | null;
+declare const SpectrumToastQueue: {
+    /** Queues a neutral toast. */
+    neutral(children: string, options?: SpectrumToastOptions): CloseFunction;
+    /** Queues a positive toast. */
+    positive(children: string, options?: SpectrumToastOptions): CloseFunction;
+    /** Queues a negative toast. */
+    negative(children: string, options?: SpectrumToastOptions): CloseFunction;
+    /** Queues an informational toast. */
+    info(children: string, options?: SpectrumToastOptions): CloseFunction;
+};
+export { SpectrumToastQueue as ToastQueue };

package/dist/types/src/toast/Toaster.d.ts

@@ -0,0 +1,12 @@
+import { AriaToastRegionProps } from 'react-aria/useToast';
+import React, { ReactElement, ReactNode } from 'react';
+import type { ToastPlacement } from './ToastContainer';
+import { ToastState } from 'react-stately/useToastState';
+interface ToastContainerProps extends AriaToastRegionProps {
+    children: ReactNode;
+    state: ToastState<unknown>;
+    placement?: ToastPlacement;
+}
+export declare const ToasterContext: React.Context<boolean>;
+export declare function Toaster(props: ToastContainerProps): ReactElement;
+export {};

package/dist/types/src/tooltip/Tooltip.d.ts

@@ -0,0 +1,23 @@
+import { AriaTooltipProps } from 'react-aria/useTooltipTrigger';
+import { StyleProps } from '@react-types/shared';
+import React, { ReactNode } from 'react';
+export interface SpectrumTooltipProps extends AriaTooltipProps, StyleProps {
+    /**
+     * The [visual style](https://spectrum.adobe.com/page/tooltip/#Semantic-variants) of the Tooltip.
+     */
+    variant?: 'neutral' | 'positive' | 'negative' | 'info';
+    /**
+     * The placement of the element with respect to its anchor element.
+     * @default 'top'
+     */
+    placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom';
+    /**
+     * Whether the element is rendered.
+     */
+    showIcon?: boolean;
+    children: ReactNode;
+}
+/**
+ * Display container for Tooltip content. Has a directional arrow dependent on its placement.
+ */
+export declare const Tooltip: React.ForwardRefExoticComponent<SpectrumTooltipProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;

package/dist/types/src/tooltip/TooltipTrigger.d.ts

@@ -0,0 +1,31 @@
+import { Placement, PositionProps } from 'react-aria/useOverlayPosition';
+import React, { JSX, ReactElement } from 'react';
+import { TooltipTriggerProps } from 'react-stately/useTooltipTriggerState';
+export interface SpectrumTooltipTriggerProps extends Omit<TooltipTriggerProps, 'closeDelay'>, PositionProps {
+    children: [ReactElement, ReactElement];
+    /**
+     * The additional offset applied along the main axis between the element and its
+     * anchor element.
+     * @default 7
+     */
+    offset?: number;
+    /**
+     * The placement of the tooltip with respect to the trigger.
+     * @default 'top'
+     */
+    placement?: Placement;
+}
+declare function TooltipTrigger(props: SpectrumTooltipTriggerProps): JSX.Element;
+declare namespace TooltipTrigger {
+    var getCollectionNode: (props: SpectrumTooltipTriggerProps) => Generator<{
+        element: ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+        wrapper: (element: any) => JSX.Element;
+    }, void, unknown>;
+}
+/**
+ * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
+ * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
+ * relative to the trigger.
+ */
+declare let _TooltipTrigger: (props: SpectrumTooltipTriggerProps) => JSX.Element;
+export { _TooltipTrigger as TooltipTrigger };

package/dist/types/src/tooltip/context.d.ts

@@ -0,0 +1,13 @@
+import { PlacementAxis } from 'react-aria/useOverlayPosition';
+import React, { HTMLAttributes } from 'react';
+import { RefObject, StyleProps } from '@react-types/shared';
+import { TooltipTriggerState } from 'react-stately/useTooltipTriggerState';
+interface TooltipContextProps extends StyleProps {
+    state?: TooltipTriggerState;
+    ref?: RefObject<HTMLDivElement | null>;
+    placement: PlacementAxis | null;
+    arrowProps?: HTMLAttributes<HTMLElement>;
+    arrowRef?: RefObject<HTMLElement | null>;
+}
+export declare const TooltipContext: React.Context<TooltipContextProps>;
+export {};

package/dist/types/src/tree/TreeView.d.ts

@@ -0,0 +1,33 @@
+import { AriaTreeProps } from 'react-aria/useTree';
+import { DOMRef, Expandable, Key, SpectrumSelectionProps, StyleProps } from '@react-types/shared';
+import { JSX, JSXElementConstructor, ReactElement, ReactNode } from 'react';
+import { TreeItemContentProps, TreeItemProps } from 'react-aria-components/Tree';
+export interface SpectrumTreeViewProps<T> extends Omit<AriaTreeProps<T>, 'children' | 'render'>, StyleProps, SpectrumSelectionProps, Expandable {
+    /** Provides content to display when there are no items in the tree. */
+    renderEmptyState?: () => JSX.Element;
+    /**
+     * Handler that is called when a user performs an action on an item. The exact user event depends on
+     * the collection's `selectionStyle` prop and the interaction modality.
+     */
+    onAction?: (key: Key) => void;
+    /**
+     * The contents of the tree.
+     */
+    children?: ReactNode | ((item: T) => ReactNode);
+}
+export interface SpectrumTreeViewItemProps extends Omit<TreeItemProps, 'className' | 'style' | 'render' | 'value' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick'> {
+    /** Rendered contents of the tree item or child items. */
+    children: ReactNode;
+}
+/**
+ * A tree view provides users with a way to navigate nested hierarchical information.
+ */
+export declare const TreeView: <T>(props: SpectrumTreeViewProps<T> & {
+    ref?: DOMRef<HTMLDivElement> | undefined;
+}) => ReactElement<unknown, string | JSXElementConstructor<any>>;
+export declare const TreeViewItem: (props: SpectrumTreeViewItemProps) => ReactNode;
+export interface SpectrumTreeViewItemContentProps extends Omit<TreeItemContentProps, 'children'> {
+    /** Rendered contents of the tree item or child items. */
+    children: ReactNode;
+}
+export declare const TreeViewItemContent: (props: SpectrumTreeViewItemContentProps) => ReactNode;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+interface Breakpoints {
+    S?: number;
+    M?: number;
+    L?: number;
+    [custom: string]: number | undefined;
+}
+interface BreakpointContext {
+    matchedBreakpoints: string[];
+}
+interface BreakpointProviderProps {
+    children?: ReactNode;
+    matchedBreakpoints: string[];
+}
+export declare function BreakpointProvider(props: BreakpointProviderProps): ReactNode;
+export declare function useMatchedBreakpoints(breakpoints: Breakpoints): string[];
+export declare function useBreakpoint(): BreakpointContext | null;
+export {};

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

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export declare function useSlotProps<T>(props: T & {
+    id?: string;
+}, defaultSlot?: string): T;
+export declare function cssModuleToSlots(cssModule: {
+    [cssmodule: string]: string;
+}): {
+    [slot: string]: {
+        UNSAFE_className: string;
+    };
+};
+export declare function SlotProvider(props: {
+    slots?: {
+        [slot: string]: object;
+    };
+    children?: ReactNode;
+}): ReactNode;
+export declare function ClearSlots(props: {
+    children?: ReactNode;
+}): ReactNode;

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

@@ -0,0 +1,5 @@
+export declare let shouldKeepSpectrumClassNames: boolean;
+export declare function keepSpectrumClassNames(): void;
+export declare function classNames(cssModule: {
+    [key: string]: string;
+}, ...values: Array<string | Object | undefined>): string;

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

@@ -0,0 +1,2 @@
+import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
+export declare function getWrappedElement(children: string | ReactElement | ReactNode): ReactElement<any, JSXElementConstructor<any>>;

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

@@ -0,0 +1,22 @@
+import { ColorVersion, DimensionValue, Direction, Responsive, StyleProps, ViewStyleProps } from '@react-types/shared';
+import { CSSProperties, HTMLAttributes } from 'react';
+type Breakpoint = 'base' | 'S' | 'M' | 'L' | string;
+type StyleName = string | string[] | ((dir: Direction) => string);
+type StyleHandler = (value: any, colorVersion?: number) => string | undefined;
+export interface StyleHandlers {
+    [key: string]: [StyleName, StyleHandler];
+}
+export declare const baseStyleProps: StyleHandlers;
+export declare const viewStyleProps: StyleHandlers;
+export declare function dimensionValue(value: DimensionValue): string | undefined;
+export declare function responsiveDimensionValue(value: Responsive<DimensionValue>, matchedBreakpoints: Breakpoint[]): string | undefined;
+export declare function convertStyleProps<C extends ColorVersion>(props: ViewStyleProps<C>, handlers: StyleHandlers, direction: Direction, matchedBreakpoints: Breakpoint[]): CSSProperties;
+type StylePropsOptions = {
+    matchedBreakpoints?: Breakpoint[];
+};
+export declare function useStyleProps<T extends StyleProps>(props: T, handlers?: StyleHandlers, options?: StylePropsOptions): {
+    styleProps: HTMLAttributes<HTMLElement>;
+};
+export declare function passthroughStyle<T>(value: T): T;
+export declare function getResponsiveProp<T>(prop: Responsive<T>, matchedBreakpoints: Breakpoint[]): T | undefined;
+export {};

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

@@ -0,0 +1,7 @@
+import { DOMRef, DOMRefValue, FocusableElement, FocusableRef, FocusableRefValue, RefObject } from '@react-types/shared';
+export declare function createDOMRef<T extends HTMLElement = HTMLElement>(ref: RefObject<T | null>): DOMRefValue<T>;
+export declare function createFocusableRef<T extends HTMLElement = HTMLElement>(domRef: RefObject<T | null>, focusableRef?: RefObject<FocusableElement | null>): FocusableRefValue<T>;
+export declare function useDOMRef<T extends HTMLElement = HTMLElement>(ref: DOMRef<T>): RefObject<T | null>;
+export declare function useFocusableRef<T extends HTMLElement = HTMLElement>(ref: FocusableRef<T>, focusableRef?: RefObject<FocusableElement | null>): RefObject<T | null>;
+export declare function unwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T> | null>): RefObject<T | null>;
+export declare function useUnwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T> | null>): RefObject<T | null>;

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

@@ -0,0 +1,2 @@
+import { RefObject } from '@react-types/shared';
+export declare function useHasChild(query: string, ref: RefObject<HTMLElement | null>): boolean;

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

@@ -0,0 +1 @@
+export declare function useIsMobileDevice(): boolean;

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

@@ -0,0 +1 @@
+export declare function useMediaQuery(query: string): boolean;

package/dist/types/src/view/Content.d.ts

@@ -0,0 +1,12 @@
+import { DOMProps, StyleProps } from '@react-types/shared';
+import React, { ReactNode } from 'react';
+export interface ContentProps extends DOMProps, StyleProps {
+    /**
+     * Content content.
+     */
+    children: ReactNode;
+}
+/**
+ * Content represents the primary content within a Spectrum container.
+ */
+export declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;

package/dist/types/src/view/Footer.d.ts

@@ -0,0 +1,12 @@
+import { DOMProps, StyleProps } from '@react-types/shared';
+import React, { ReactNode } from 'react';
+export interface FooterProps extends DOMProps, StyleProps {
+    /**
+     * Footer content.
+     */
+    children: ReactNode;
+}
+/**
+ * Footer represents a footer within a Spectrum container.
+ */
+export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;

package/dist/types/src/view/Header.d.ts

@@ -0,0 +1,12 @@
+import { DOMProps, StyleProps } from '@react-types/shared';
+import React, { ReactNode } from 'react';
+export interface HeaderProps extends DOMProps, StyleProps {
+    /**
+     * Header content.
+     */
+    children: ReactNode;
+}
+/**
+ * Header represents a header within a Spectrum container.
+ */
+export declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;

package/dist/types/src/view/View.d.ts

@@ -0,0 +1,19 @@
+import { ColorVersion, DOMProps, DOMRef, ViewStyleProps } from '@react-types/shared';
+import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
+export interface ViewProps<C extends ColorVersion> extends ViewStyleProps<C>, DOMProps {
+    /**
+     * The element to render as the node.
+     */
+    elementType?: string | JSXElementConstructor<any>;
+    /**
+     * Children to be displayed in the View.
+     */
+    children?: ReactNode;
+}
+/**
+ * View is a general purpose container with no specific semantics that can be used for custom styling purposes.
+ * It supports Spectrum style props to ensure consistency with other Spectrum components.
+ */
+export declare const View: <C extends ColorVersion = 5>(props: ViewProps<C> & {
+    ref?: DOMRef | undefined;
+}) => ReactElement<unknown, string | JSXElementConstructor<any>>;

package/dist/types/src/well/Well.d.ts

@@ -0,0 +1,19 @@
+import { AriaLabelingProps, DOMProps, StyleProps } from '@react-types/shared';
+import React, { ReactNode } from 'react';
+export interface SpectrumWellProps extends DOMProps, AriaLabelingProps, StyleProps {
+    /**
+     * The contents of the Well.
+     */
+    children: ReactNode;
+    /**
+     * An accessibility role for the well. Use `'region'` when the contents of the well
+     * is important enough to be included in the page table of contents, and `'group'` otherwise.
+     * If a role is provided, then an aria-label or aria-labelledby must also be provided.
+     */
+    role?: 'region' | 'group';
+}
+/**
+ * A Well is a content container that displays non-editable content separate from other content on the screen.
+ * Often this is used to display preformatted text, such as code/markup examples on a documentation page.
+ */
+export declare const Well: React.ForwardRefExoticComponent<SpectrumWellProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;

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-spectrum/toast":{info:`معلومات`,negative:`خطأ`,positive:`تم بنجاح`},"@react-spectrum/textfield":{valid:`صالح`},"@react-spectrum/tag":{actions:`الإجراءات`,hideButtonLabel:`إظهار أقل`,noTags:`بدون`,showAllButtonLabel:(e,t)=>`عرض الكل (${t.number(e.tagCount)})`},"@react-spectrum/table":{collapse:`طي`,columnResizer:`أداة تغيير حجم العمود`,drag:`سحب`,expand:`مد`,loading:`جارٍ التحميل...`,loadingMore:`جارٍ تحميل المزيد...`,resizeColumn:`تغيير حجم العمود`,sortAscending:`فرز بترتيب تصاعدي`,sortDescending:`فرز بترتيب تنازلي`},"@react-spectrum/steplist":{completed:`مكتمل: `,current:`الحالي: `,notCompleted:`غير مكتمل: `,steplist:`قائمة الخطوات`},"@react-spectrum/slider":{maximum:`أقصى`,minimum:`أدنى`},"@react-spectrum/picker":{loading:`جارٍ التحميل...`,placeholder:`تحديد…`},"@react-spectrum/menu":{backButton:e=>`الرجوع إلى ${e.prevMenuButton}`,moreActions:`المزيد من الإجراءات`,unavailable:`غير مُتوفر، قُم بالتوسيع للحصول على التفاصيل`},"@react-spectrum/listbox":{loading:`جارٍ التحميل...`,loadingMore:`جارٍ تحميل المزيد...`},"@react-spectrum/list":{loading:`جارٍ التحميل...`,loadingMore:`جارٍ تحميل المزيد...`},"@react-spectrum/label":{"(optional)":`(اختياري)`,"(required)":`(مطلوب)`},"@react-spectrum/inlinealert":{info:`معلومات`,negative:`خطأ`,notice:`تحذير`,positive:`تم بنجاح`},"@react-spectrum/dropzone":{replaceMessage:`للاستبدال، قم بإفلات الملف`},"@react-spectrum/dialog":{alert:`تنبيه`,dismiss:`تجاهل`},"@react-spectrum/datepicker":{endTime:`وقت الانتهاء`,startTime:`وقت البدء`,time:`الوقت`},"@react-spectrum/contextualhelp":{help:`مساعدة`,info:`معلومات`},"@react-spectrum/combobox":{clear:`مسح`,invalid:`(غير صالح)`,loading:`جارٍ التحميل...`,noResults:`لا توجد نتائج`,valid:`(صالح)`},"@react-spectrum/color":{colorFormat:`تنسيق اللون`,hex:"Hex",hsb:"HSB",hsl:"HSL",rgb:"RGB"},"@react-spectrum/card":{loading:`جارٍ التحميل...`,loadingMore:`جارٍ تحميل المزيد...`},"@react-spectrum/calendar":{invalidSelection:(e,t)=>`${t.plural(e.selectedCount,{one:`التاريخ`,other:`التواريخ`})} المحدد/المحددة غير متوفرة.`},"@react-spectrum/button":{pending:`قيد الانتظار`},"@react-spectrum/autocomplete":{clear:`مسح`,invalid:`(غير صالح)`,loading:`جارٍ التحميل...`,noResults:`لا توجد نتائج`},"@react-spectrum/actiongroup":{more:`المزيد من العناصر`},"@react-spectrum/actionbar":{actions:`الإجراءات`,actionsAvailable:`الإجراءات المتاحة.`,clearSelection:`إزالة التحديد`,selected:(e,t)=>`${t.plural(e.count,{"=0":`غير محدد`,other:()=>`${t.number(e.count)} محدد`})}`,selectedAll:`تم تحديد الكل`},"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:`أداة تغيير الحجم`},"@react-spectrum/toast":{info:`معلومات`,negative:`خطأ`,positive:`تم بنجاح`},"@react-spectrum/textfield":{valid:`صالح`},"@react-spectrum/tag":{actions:`الإجراءات`,hideButtonLabel:`إظهار أقل`,noTags:`بدون`,showAllButtonLabel:(e,t)=>`عرض الكل (${t.number(e.tagCount)})`},"@react-spectrum/table":{collapse:`طي`,columnResizer:`أداة تغيير حجم العمود`,drag:`سحب`,expand:`مد`,loading:`جارٍ التحميل...`,loadingMore:`جارٍ تحميل المزيد...`,resizeColumn:`تغيير حجم العمود`,sortAscending:`فرز بترتيب تصاعدي`,sortDescending:`فرز بترتيب تنازلي`},"@react-spectrum/steplist":{completed:`مكتمل: `,current:`الحالي: `,notCompleted:`غير مكتمل: `,steplist:`قائمة الخطوات`},"@react-spectrum/slider":{maximum:`أقصى`,minimum:`أدنى`},"@react-spectrum/picker":{loading:`جارٍ التحميل...`,placeholder:`تحديد…`},"@react-spectrum/menu":{backButton:e=>`الرجوع إلى ${e.prevMenuButton}`,moreActions:`المزيد من الإجراءات`,unavailable:`غير مُتوفر، قُم بالتوسيع للحصول على التفاصيل`},"@react-spectrum/listbox":{loading:`جارٍ التحميل...`,loadingMore:`جارٍ تحميل المزيد...`},"@react-spectrum/list":{loading:`جارٍ التحميل...`,loadingMore:`جارٍ تحميل المزيد...`},"@react-spectrum/label":{"(optional)":`(اختياري)`,"(required)":`(مطلوب)`},"@react-spectrum/inlinealert":{info:`معلومات`,negative:`خطأ`,notice:`تحذير`,positive:`تم بنجاح`},"@react-spectrum/dropzone":{replaceMessage:`للاستبدال، قم بإفلات الملف`},"@react-spectrum/dialog":{alert:`تنبيه`,dismiss:`تجاهل`},"@react-spectrum/datepicker":{endTime:`وقت الانتهاء`,startTime:`وقت البدء`,time:`الوقت`},"@react-spectrum/contextualhelp":{help:`مساعدة`,info:`معلومات`},"@react-spectrum/combobox":{clear:`مسح`,invalid:`(غير صالح)`,loading:`جارٍ التحميل...`,noResults:`لا توجد نتائج`,valid:`(صالح)`},"@react-spectrum/color":{colorFormat:`تنسيق اللون`,hex:"Hex",hsb:"HSB",hsl:"HSL",rgb:"RGB"},"@react-spectrum/card":{loading:`جارٍ التحميل...`,loadingMore:`جارٍ تحميل المزيد...`},"@react-spectrum/calendar":{invalidSelection:(e,t)=>`${t.plural(e.selectedCount,{one:`التاريخ`,other:`التواريخ`})} المحدد/المحددة غير متوفرة.`},"@react-spectrum/button":{pending:`قيد الانتظار`},"@react-spectrum/autocomplete":{clear:`مسح`,invalid:`(غير صالح)`,loading:`جارٍ التحميل...`,noResults:`لا توجد نتائج`},"@react-spectrum/actiongroup":{more:`المزيد من العناصر`},"@react-spectrum/actionbar":{actions:`الإجراءات`,actionsAvailable:`الإجراءات المتاحة.`,clearSelection:`إزالة التحديد`,selected:(e,t)=>`${t.plural(e.count,{"=0":`غير محدد`,other:()=>`${t.number(e.count)} محدد`})}`,selectedAll:`تم تحديد الكل`}};