@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/types/src/datepicker/DatePicker.d.ts

@@ -6,18 +6,22 @@ import { SpectrumDateFieldBase } from './DateField';
 import '@adobe/spectrum-css-temp/components/textfield/vars.css';
 export interface SpectrumDatePickerBase<T extends DateValue> extends SpectrumDateFieldBase<T>, SpectrumLabelableProps, StyleProps {
     /**
-     * The maximum number of months to display at once in the calendar popover, if screen space permits.
+     * The maximum number of months to display at once in the calendar popover, if screen space
+     * permits.
+     *
      * @default 1
      */
     maxVisibleMonths?: number;
     /**
      * Whether the calendar popover should automatically flip direction when space is limited.
+     *
      * @default true
      */
     shouldFlip?: boolean;
     /**
-     * A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)
-     * object for a given calendar identifier. This will be used for the popover calendar. If not provided, the
+     * A function to create a new
+     * [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html) object for a
+     * given calendar identifier. This will be used for the popover calendar. If not provided, the
      * `createCalendar` function from `@internationalized/date` will be used.
      */
     createCalendar?: (identifier: CalendarIdentifier) => ICalendar;
@@ -25,7 +29,8 @@ export interface SpectrumDatePickerBase<T extends DateValue> extends SpectrumDat
 export interface SpectrumDatePickerProps<T extends DateValue> extends Omit<AriaDatePickerProps<T>, 'isInvalid' | 'validationState' | 'autoComplete'>, SpectrumDatePickerBase<T> {
 }
 /**
- * DatePickers combine a DateField and a Calendar popover to allow users to enter or select a date and time value.
+ * DatePickers combine a DateField and a Calendar popover to allow users to enter or select a date
+ * and time value.
  */
 export declare const DatePicker: <T extends DateValue>(props: SpectrumDatePickerProps<T> & {
     ref?: FocusableRef<HTMLElement> | undefined;

package/dist/types/src/datepicker/TimeField.d.ts

@@ -4,6 +4,7 @@ import React, { ReactElement } from 'react';
 export interface SpectrumTimeFieldProps<T extends TimeValue> extends Omit<AriaTimeFieldProps<T>, 'isInvalid' | 'validationState'>, SpectrumFieldValidation<MappedTimeValue<T>>, SpectrumLabelableProps, StyleProps, InputDOMProps {
     /**
      * Whether the time field should be displayed with a quiet style.
+     *
      * @default false
      */
     isQuiet?: boolean;

package/dist/types/src/dialog/AlertDialog.d.ts

@@ -1,7 +1,7 @@
 import { DOMProps, StyleProps } from '@react-types/shared';
 import React, { ReactNode } from 'react';
 export interface SpectrumAlertDialogProps extends DOMProps, StyleProps {
-    /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */
+    /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog. */
     variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning';
     /** The title of the AlertDialog. */
     title: string;
@@ -27,6 +27,7 @@ export interface SpectrumAlertDialogProps extends DOMProps, StyleProps {
     autoFocusButton?: 'cancel' | 'primary' | 'secondary';
 }
 /**
- * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
+ * AlertDialogs are a specific type of Dialog. They display important information that users need to
+ * acknowledge.
  */
 export declare const AlertDialog: React.ForwardRefExoticComponent<SpectrumAlertDialogProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;

package/dist/types/src/dialog/Dialog.d.ts

@@ -12,7 +12,8 @@ export interface SpectrumDialogProps extends AriaDialogProps, StyleProps {
     onDismiss?: () => void;
 }
 /**
- * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
- * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.
+ * Dialogs are windows containing contextual information, tasks, or workflows that appear over the
+ * user interface. Depending on the kind of Dialog, further interactions may be blocked until the
+ * Dialog is acknowledged.
  */
 export declare const Dialog: React.ForwardRefExoticComponent<SpectrumDialogProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;

package/dist/types/src/dialog/DialogContainer.d.ts

@@ -6,10 +6,14 @@ export interface SpectrumDialogContainerProps {
     onDismiss: () => void;
     /**
      * The type of Dialog that should be rendered. See the visual options below for examples of each.
+     *
      * @default 'modal'
      */
     type?: 'modal' | 'fullscreen' | 'fullscreenTakeover';
-    /** Whether the Dialog is dismissable. See the [Dialog docs](Dialog.html#dismissable-dialogs) for more details. */
+    /**
+     * Whether the Dialog is dismissable. See the [Dialog docs](Dialog.html#dismissable-dialogs) for
+     * more details.
+     */
     isDismissable?: boolean;
     /** Whether pressing the escape key to close the dialog should be disabled. */
     isKeyboardDismissDisabled?: boolean;

package/dist/types/src/dialog/DialogTrigger.d.ts

@@ -3,20 +3,31 @@ import { PositionProps } from 'react-aria/useOverlayPosition';
 import React, { JSX, ReactElement, RefObject } from 'react';
 export type SpectrumDialogClose = (close: () => void) => ReactElement;
 export interface SpectrumDialogTriggerProps extends OverlayTriggerProps, PositionProps {
-    /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */
+    /**
+     * The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more
+     * information on what to provide as children.
+     */
     children: [ReactElement, SpectrumDialogClose | ReactElement];
     /**
-     * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.
+     * The type of Dialog that should be rendered. See the DialogTrigger [types
+     * section](#dialog-types) for an explanation on each.
+     *
      * @default 'modal'
      */
     type?: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover';
-    /** The type of Dialog that should be rendered when on a mobile device. See DialogTrigger [types section](#dialog-types) for an explanation on each. */
+    /**
+     * The type of Dialog that should be rendered when on a mobile device. See DialogTrigger [types
+     * section](#dialog-types) for an explanation on each.
+     */
     mobileType?: 'modal' | 'tray' | 'fullscreen' | 'fullscreenTakeover';
     /**
      * Whether a popover type Dialog's arrow should be hidden.
      */
     hideArrow?: boolean;
-    /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. */
+    /**
+     * The ref of the element the Dialog should visually attach itself to. Defaults to the trigger
+     * button if not defined.
+     */
     targetRef?: RefObject<HTMLElement | null>;
     /** Whether a modal type Dialog should be dismissable. */
     isDismissable?: boolean;
@@ -31,9 +42,9 @@ declare namespace DialogTrigger {
     }, void, unknown>;
 }
 /**
- * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
- * open state with the trigger's press state. Additionally, it allows you to customize the type and
- * positioning of the Dialog.
+ * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the
+ * Dialog's open state with the trigger's press state. Additionally, it allows you to customize the
+ * type and positioning of the Dialog.
  */
 declare let _DialogTrigger: (props: SpectrumDialogTriggerProps) => JSX.Element;
 export { _DialogTrigger as DialogTrigger };

package/dist/types/src/divider/Divider.d.ts

@@ -3,16 +3,19 @@ import React from 'react';
 export interface SpectrumDividerProps extends DOMProps, AriaLabelingProps, StyleProps {
     /**
      * How thick the Divider should be.
+     *
      * @default 'L'
      */
     size?: 'S' | 'M' | 'L';
     /**
      * The axis the Divider should align with.
+     *
      * @default 'horizontal'
      */
     orientation?: Orientation;
     /**
      * A slot to place the divider in.
+     *
      * @default 'divider'
      */
     slot?: string;

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

@@ -19,7 +19,7 @@ interface DropHooks {
     useDropIndicator?: (props: DropIndicatorProps, state: DroppableCollectionState, ref: RefObject<HTMLElement | null>) => DropIndicatorAria;
 }
 export interface DragAndDropHooks<T = object> {
-    /** Drag and drop hooks for the collection element.  */
+    /** Drag and drop hooks for the collection element. */
     dragAndDropHooks: DragHooks<T> & DropHooks & {
         isVirtualDragging?: () => boolean;
         renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;
@@ -27,15 +27,21 @@ export interface DragAndDropHooks<T = object> {
 }
 export interface DragAndDropOptions<T = object> extends Omit<DraggableCollectionProps, 'preview' | 'getItems'>, Omit<DroppableCollectionProps, 'onMove'> {
     /**
-     * A function that returns the items being dragged. If not specified, we assume that the collection is not draggable.
+     * 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[];
-    /** Provide a custom drag preview. `draggedKey` represents the key of the item the user actually dragged. */
+    /**
+     * Provide a custom drag preview. `draggedKey` represents the key of the item the user actually
+     * dragged.
+     */
     renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;
 }
 /**
- * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible React Spectrum component.
+ * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible React
+ * Spectrum component.
  */
 export declare function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDropHooks;
 export {};

package/dist/types/src/form/Form.d.ts

@@ -15,6 +15,7 @@ export interface SpectrumFormProps extends FormProps, DOMProps, StyleProps, Omit
     isReadOnly?: boolean;
     /**
      * Whether the Form elements should display their "valid" or "invalid" visual styling.
+     *
      * @default 'valid'
      */
     validationState?: ValidationState;
@@ -22,12 +23,14 @@ export interface SpectrumFormProps extends FormProps, DOMProps, StyleProps, Omit
      * Whether to use native HTML form validation to prevent form submission
      * when a field value is missing or invalid, or mark fields as required
      * or invalid via ARIA.
+     *
      * @default 'aria'
      */
     validationBehavior?: 'aria' | 'native';
 }
 export declare function useFormProps<T extends SpectrumLabelableProps>(props: T): T;
 /**
- * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.
+ * Forms allow users to enter data that can be submitted while providing alignment and styling for
+ * form fields.
  */
 export declare const Form: React.ForwardRefExoticComponent<SpectrumFormProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLFormElement>>>;

package/dist/types/src/icon/Icon.d.ts

@@ -15,6 +15,7 @@ export interface IconProps extends DOMProps, AriaLabelingProps, StyleProps {
     size?: 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
     /**
      * A slot to place the icon in.
+     *
      * @default 'icon'
      */
     slot?: string;
@@ -29,6 +30,7 @@ export interface IconProps extends DOMProps, AriaLabelingProps, StyleProps {
 }
 export type IconPropsWithoutChildren = Omit<IconProps, 'children'>;
 /**
- * Spectrum icons are clear, minimal, and consistent across platforms. They follow the focused and rational principles of the design system in both metaphor and style.
+ * Spectrum icons are clear, minimal, and consistent across platforms. They follow the focused and
+ * rational principles of the design system in both metaphor and style.
  */
 export declare function Icon(props: IconProps): JSX.Element;

package/dist/types/src/icon/Illustration.d.ts

@@ -11,6 +11,7 @@ export interface IllustrationProps extends DOMProps, AriaLabelingProps, StylePro
     children: ReactElement<any>;
     /**
      * A slot to place the illustration in.
+     *
      * @default 'illustration'
      */
     slot?: string;

package/dist/types/src/image/Image.d.ts

@@ -14,11 +14,13 @@ export interface ImageProps {
      */
     objectFit?: any;
     /**
-     * Called if an error occurs while loading or rendering an image, see [Image loading errors](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#image_loading_errors).
+     * Called if an error occurs while loading or rendering an image, see [Image loading
+     * errors](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#image_loading_errors).
      */
     onError?: ReactEventHandler<HTMLImageElement>;
     /**
-     * Called when the image has successfully loaded, see [load event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/load_event).
+     * Called when the image has successfully loaded, see [load
+     * event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/load_event).
      */
     onLoad?: ReactEventHandler<HTMLImageElement>;
     /**
@@ -30,6 +32,7 @@ export interface ImageProps {
 export interface SpectrumImageProps extends ImageProps, DOMProps, StyleProps {
     /**
      * A slot to place the image in.
+     *
      * @default 'image'
      */
     slot?: string;

package/dist/types/src/inlinealert/InlineAlert.d.ts

@@ -3,6 +3,7 @@ import React, { ReactNode } from 'react';
 export interface SpectrumInlineAlertProps extends DOMProps, StyleProps {
     /**
      * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.
+     *
      * @default 'neutral'
      */
     variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative';
@@ -16,7 +17,7 @@ export interface SpectrumInlineAlertProps extends DOMProps, StyleProps {
     autoFocus?: boolean;
 }
 /**
- * Inline alerts display a non-modal message associated with objects in a view.
- * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.
+ * Inline alerts display a non-modal message associated with objects in a view. These are often used
+ * in form validation, providing a place to aggregate feedback related to multiple fields.
  */
 export declare const InlineAlert: React.ForwardRefExoticComponent<SpectrumInlineAlertProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;

package/dist/types/src/label/HelpText.d.ts

@@ -9,7 +9,8 @@ interface HelpTextProps extends Omit<SpectrumHelpTextProps, 'errorMessage'>, Omi
     errorMessage?: ReactNode;
 }
 /**
- * Help text provides either an informative description or an error message that gives more context about what a user needs to input. It's commonly used in forms.
+ * Help text provides either an informative description or an error message that gives more context
+ * about what a user needs to input. It's commonly used in forms.
  */
 export declare const HelpText: React.ForwardRefExoticComponent<HelpTextProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;
 export {};

package/dist/types/src/labeledvalue/LabeledValue.d.ts

@@ -43,7 +43,8 @@ type LabeledValueProps<T> = T extends NumberValue ? NumberProps<T> : T extends D
 type SpectrumLabeledValueTypes = string[] | string | Date | CalendarDate | CalendarDateTime | ZonedDateTime | Time | number | RangeValue<number> | RangeValue<DateTime> | ReactElement;
 export type SpectrumLabeledValueProps<T> = LabeledValueProps<T> & LabeledValueBaseProps;
 /**
- * A LabeledValue displays a non-editable value with a label. It formats numbers, dates, times, and lists according to the user's locale.
+ * A LabeledValue displays a non-editable value with a label. It formats numbers, dates, times, and
+ * lists according to the user's locale.
  */
 export declare const LabeledValue: React.ForwardRefExoticComponent<SpectrumLabeledValueProps<SpectrumLabeledValueTypes> & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;
 export {};

package/dist/types/src/layout/Grid.d.ts

@@ -12,6 +12,7 @@ export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.Ref
 /**
  * Can be used to make a repeating fragment of the columns or rows list.
  * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/repeat).
+ *
  * @param count - The number of times to repeat the fragment.
  * @param repeat - The fragment to repeat.
  */
@@ -19,6 +20,7 @@ export declare function repeat(count: number | 'auto-fill' | 'auto-fit', repeat:
 /**
  * Defines a size range greater than or equal to min and less than or equal to max.
  * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax).
+ *
  * @param min - The minimum size.
  * @param max - The maximum size.
  */
@@ -26,6 +28,7 @@ export declare function minmax(min: DimensionValue, max: DimensionValue): string
 /**
  * Clamps a given size to an available size.
  * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content).
+ *
  * @param dimension - The size to clamp.
  */
 export declare function fitContent(dimension: DimensionValue): string;

package/dist/types/src/link/Link.d.ts

@@ -6,6 +6,7 @@ export interface SpectrumLinkProps extends Omit<AriaLinkProps, 'onClick'>, Style
     children: ReactNode;
     /**
      * The [visual style](https://spectrum.adobe.com/page/link/#Options) of the link.
+     *
      * @default 'primary'
      */
     variant?: 'primary' | 'secondary' | 'overBackground';

package/dist/types/src/list/ListView.d.ts

@@ -9,27 +9,33 @@ import React, { JSX, ReactElement } from 'react';
 export interface SpectrumListViewProps<T> extends Omit<AriaGridListProps<T>, 'keyboardNavigationBehavior'>, StyleProps, SpectrumSelectionProps, Omit<AsyncLoadable, 'isLoading'> {
     /**
      * Sets the amount of vertical padding within each cell.
+     *
      * @default 'regular'
      */
     density?: 'compact' | 'regular' | 'spacious';
     /** Whether the ListView should be displayed with a quiet style. */
     isQuiet?: boolean;
-    /** The current loading state of the ListView. Determines whether or not the progress circle should be shown. */
+    /**
+     * The current loading state of the ListView. Determines whether or not the progress circle should
+     * be shown.
+     */
     loadingState?: LoadingState;
     /**
      * Sets the text behavior for the row contents.
+     *
      * @default 'truncate'
      */
     overflowMode?: 'truncate' | 'wrap';
     /** Sets what the ListView should render when there is no content to display. */
     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.
+     * 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 drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the ListView.
+     * The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for
+     * the ListView.
      */
     dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>['dragAndDropHooks'];
 }
@@ -47,7 +53,8 @@ interface ListViewContextValue<T> {
 }
 export declare const ListViewContext: React.Context<ListViewContextValue<unknown> | null>;
 /**
- * A ListView displays a list of interactive items, and allows a user to navigate, select, or perform an action.
+ * A ListView displays a list of interactive items, and allows a user to navigate, select, or
+ * perform an action.
  */
 export declare const ListView: <T>(props: SpectrumListViewProps<T> & {
     ref?: DOMRef<HTMLDivElement> | undefined;

package/dist/types/src/menu/ActionMenu.d.ts

@@ -4,7 +4,10 @@ import React, { ReactElement } from 'react';
 export interface SpectrumActionMenuProps<T> extends CollectionBase<T>, Omit<SpectrumMenuTriggerProps, 'children'>, StyleProps, DOMProps, AriaLabelingProps {
     /** Whether the button is disabled. */
     isDisabled?: boolean;
-    /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */
+    /**
+     * Whether the button should be displayed with a [quiet
+     * style](https://spectrum.adobe.com/page/action-button/#Quiet).
+     */
     isQuiet?: boolean;
     /** Whether the element should receive focus on render. */
     autoFocus?: boolean;

package/dist/types/src/menu/Menu.d.ts

@@ -17,7 +17,7 @@ export declare function TrayHeaderWrapper(props: {
     hasOpenSubmenu?: boolean;
     parentMenuTreeState?: TreeState<any>;
     rootMenuTriggerState?: RootMenuTriggerState;
-    onBackButtonPress?: (() => void);
+    onBackButtonPress?: () => void;
     wrapperKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;
     menuRef?: RefObject<HTMLDivElement | null>;
 }): ReactNode;

package/dist/types/src/menu/MenuTrigger.d.ts

@@ -8,21 +8,25 @@ export interface SpectrumMenuTriggerProps extends MenuTriggerProps {
     children: ReactElement[];
     /**
      * Alignment of the menu relative to the trigger.
+     *
      * @default 'start'
      */
     align?: Alignment;
     /**
      * Where the Menu opens relative to its trigger.
+     *
      * @default 'bottom'
      */
     direction?: 'bottom' | 'top' | 'left' | 'right' | 'start' | 'end';
     /**
      * Whether the menu should automatically flip direction when space is limited.
+     *
      * @default true
      */
     shouldFlip?: boolean;
     /**
      * Whether the Menu closes when a selection is made.
+     *
      * @default true
      */
     closeOnSelect?: boolean;

package/dist/types/src/meter/Meter.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 export interface SpectrumMeterProps extends SpectrumProgressBarBaseProps {
     /**
      * The [visual style](https://spectrum.adobe.com/page/meter/#Options) of the Meter.
+     *
      * @default 'informative'
      */
     variant?: 'informative' | 'positive' | 'warning' | 'critical';

package/dist/types/src/numberfield/NumberField.d.ts

@@ -6,11 +6,13 @@ export interface SpectrumNumberFieldProps extends Omit<AriaNumberFieldProps, 'pl
     isQuiet?: boolean;
     /**
      * Whether to hide the increment and decrement buttons.
+     *
      * @default false
      */
     hideStepper?: boolean;
 }
 /**
- * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
+ * NumberFields allow users to enter a number, and increment or decrement the value using stepper
+ * buttons.
  */
 export declare const NumberField: React.ForwardRefExoticComponent<SpectrumNumberFieldProps & React.RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;

package/dist/types/src/overlays/Popover.d.ts

@@ -22,15 +22,14 @@ interface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef' | 'maxHeight'
 export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;
 export {};
 /**
- * More explanation on popover tips.
- * - I tried changing the calculation of the popover placement in an effort to get it squarely onto the pixel grid.
- * This did not work because the problem was in the svg partial pixel end of the path in the popover right and popover bottom.
- * - I tried creating an extra 'bandaid' path that matched the background color and would overlap the popover border.
- * This didn't work because the border on the svg triangle didn't extend all the way to match nicely with the popover border.
- * - I tried getting the client bounding box and setting the svg to that partial pixel value
- * This didn't work because again the issue was inside the svg
- * - I didn't try drawing the svg backwards
- * This could still be tried
- * - I tried changing the calculation of the popover placement AND the svg height/width so that they were all rounded
- * This seems to have done the trick.
+ * More explanation on popover tips. - I tried changing the calculation of the popover placement in
+ * an effort to get it squarely onto the pixel grid. This did not work because the problem was in
+ * the svg partial pixel end of the path in the popover right and popover bottom. - I tried creating
+ * an extra 'bandaid' path that matched the background color and would overlap the popover border.
+ * This didn't work because the border on the svg triangle didn't extend all the way to match nicely
+ * with the popover border. - I tried getting the client bounding box and setting the svg to that
+ * partial pixel value This didn't work because again the issue was inside the svg - I didn't try
+ * drawing the svg backwards This could still be tried - I tried changing the calculation of the
+ * popover placement AND the svg height/width so that they were all rounded This seems to have done
+ * the trick.
  */

package/dist/types/src/picker/Picker.d.ts

@@ -4,27 +4,35 @@ import React, { ReactElement } from 'react';
 export interface SpectrumPickerProps<T> extends Omit<AriaSelectProps<T>, 'selectionMode' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange' | 'value' | 'defaultValue' | 'onChange' | 'allowsEmptyCollection'>, Omit<SingleSelection, 'disallowEmptySelection'>, AsyncLoadable, SpectrumLabelableProps, StyleProps {
     /** Whether the textfield should be displayed with a quiet style. */
     isQuiet?: boolean;
-    /** Alignment of the menu relative to the input target.
+    /**
+     * Alignment of the menu relative to the input target.
+     *
      * @default 'start'
      */
     align?: Alignment;
     /**
      * Direction the menu will render relative to the Picker.
+     *
      * @default 'bottom'
      */
     direction?: 'bottom' | 'top';
     /**
      * Whether the menu should automatically flip direction when space is limited.
+     *
      * @default true
      */
     shouldFlip?: boolean;
-    /** Width of the menu. By default, matches width of the trigger. Note that the minimum width of the dropdown is always equal to the trigger's width. */
+    /**
+     * Width of the menu. By default, matches width of the trigger. Note that the minimum width of the
+     * dropdown is always equal to the trigger's width.
+     */
     menuWidth?: DimensionValue;
     /** Whether the element should receive focus on render. */
     autoFocus?: boolean;
 }
 /**
- * Pickers allow users to choose a single option from a collapsible list of options when space is limited.
+ * Pickers allow users to choose a single option from a collapsible list of options when space is
+ * limited.
  */
 export declare const Picker: <T>(props: SpectrumPickerProps<T> & {
     ref?: DOMRef<HTMLDivElement> | undefined;

package/dist/types/src/progress/ProgressBar.d.ts

@@ -1,7 +1,7 @@
 import { SpectrumProgressBarProps } from './ProgressBarBase';
 import React from 'react';
 /**
- * ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.
- * They can represent either determinate or indeterminate progress.
+ * ProgressBars show the progression of a system operation: downloading, uploading, processing,
+ * etc., in a visual way. They can represent either determinate or indeterminate progress.
  */
 export declare const ProgressBar: React.ForwardRefExoticComponent<SpectrumProgressBarProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;

package/dist/types/src/progress/ProgressBarBase.d.ts

@@ -4,22 +4,29 @@ import React, { HTMLAttributes } from 'react';
 export interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {
     /**
      * How thick the bar should be.
+     *
      * @default 'L'
      */
     size?: 'S' | 'L';
     /**
      * The label's overall position relative to the element it is labeling.
+     *
      * @default 'top'
      */
     labelPosition?: LabelPosition;
-    /** Whether the value's label is displayed. True by default if there's a label, false by default if not. */
+    /**
+     * Whether the value's label is displayed. True by default if there's a label, false by default if
+     * not.
+     */
     showValueLabel?: boolean;
 }
 export interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {
     /** The static color style to apply. Useful when the button appears over a color background. */
     staticColor?: 'white' | 'black';
     /**
-     * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of the ProgressBar.
+     * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of
+     * the ProgressBar.
+     *
      * @deprecated - use staticColor instead.
      */
     variant?: 'overBackground';

package/dist/types/src/progress/ProgressCircle.d.ts

@@ -3,16 +3,19 @@ import React from 'react';
 export interface ProgressCircleProps {
     /**
      * The current value (controlled).
+     *
      * @default 0
      */
     value?: number;
     /**
      * The smallest value allowed for the input.
+     *
      * @default 0
      */
     minValue?: number;
     /**
      * The largest value allowed for the input.
+     *
      * @default 100
      */
     maxValue?: number;
@@ -26,20 +29,22 @@ export interface AriaProgressCircleProps extends ProgressCircleProps, DOMProps,
 export interface SpectrumProgressCircleProps extends AriaProgressCircleProps, StyleProps {
     /**
      * What the ProgressCircle's diameter should be.
+     *
      * @default 'M'
      */
     size?: 'S' | 'M' | 'L';
     /** The static color style to apply. Useful when the button appears over a color background. */
     staticColor?: 'white' | 'black';
     /**
-     * The [visual style](https://spectrum.adobe.com/page/progress-circle/#Over-background-variant) of the ProgressCircle.
+     * The [visual style](https://spectrum.adobe.com/page/progress-circle/#Over-background-variant) of
+     * the ProgressCircle.
      *
      * @deprecated - use staticColor instead.
      */
     variant?: 'overBackground';
 }
 /**
- * ProgressCircles show the progression of a system operation such as downloading, uploading, or processing, in a visual way.
- * They can represent determinate or indeterminate progress.
+ * ProgressCircles show the progression of a system operation such as downloading, uploading, or
+ * processing, in a visual way. They can represent determinate or indeterminate progress.
  */
 export declare const ProgressCircle: React.ForwardRefExoticComponent<SpectrumProgressCircleProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;