@baseline-ui/core 0.54.1 → 0.55.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Acknowledgements.md +2057 -376
- package/dist/index.css +1 -1
- package/dist/index.d.mts +239 -61
- package/dist/index.d.ts +239 -61
- package/dist/index.js +11 -11
- package/dist/index.mjs +11 -11
- package/package.json +5 -5
- package/sbom.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy, MouseEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler,
|
|
3
|
-
import {
|
|
2
|
+
import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy, ClipboardEventHandler, CompositionEventHandler, ReactEventHandler, FormEventHandler, MouseEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, ReactNode, ReactElement, MouseEvent, FocusEvent, SyntheticEvent, KeyboardEvent as KeyboardEvent$2, JSX, HTMLAttributes, RefObject as RefObject$1, LabelHTMLAttributes, ElementType, JSXElementConstructor, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, Ref, MutableRefObject, SVGProps, Key as Key$1, Dispatch, SetStateAction } from 'react';
|
|
3
|
+
import { CalendarDate, CalendarDateTime, ZonedDateTime, Time, CalendarIdentifier, Calendar, DateFormatter } from '@internationalized/date';
|
|
4
4
|
import { NumberFormatOptions } from '@internationalized/number';
|
|
5
5
|
import { LocalizedStrings } from '@internationalized/message';
|
|
6
6
|
import { Theme, Sprinkles } from '@baseline-ui/tokens';
|
|
7
|
-
import { PanelProps as PanelProps$1,
|
|
7
|
+
import { PanelImperativeHandle, PanelProps as PanelProps$1, SeparatorProps as SeparatorProps$2 } from 'react-resizable-panels';
|
|
8
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
9
|
export { MotionGlobalConfig } from 'motion/react';
|
|
10
10
|
|
|
@@ -1019,6 +1019,15 @@ interface LongPressEvent extends Omit<PressEvent, 'type' | 'continuePropagation'
|
|
|
1019
1019
|
type: 'longpressstart' | 'longpressend' | 'longpress'
|
|
1020
1020
|
}
|
|
1021
1021
|
|
|
1022
|
+
interface HoverEvent {
|
|
1023
|
+
/** The type of hover event being fired. */
|
|
1024
|
+
type: 'hoverstart' | 'hoverend',
|
|
1025
|
+
/** The pointer type that triggered the hover event. */
|
|
1026
|
+
pointerType: 'mouse' | 'pen',
|
|
1027
|
+
/** The target element of the hover event. */
|
|
1028
|
+
target: HTMLElement
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1022
1031
|
interface KeyboardEvents {
|
|
1023
1032
|
/** Handler that is called when a key is pressed. */
|
|
1024
1033
|
onKeyDown?: (e: KeyboardEvent$1) => void,
|
|
@@ -1035,6 +1044,15 @@ interface FocusEvents<Target = Element> {
|
|
|
1035
1044
|
onFocusChange?: (isFocused: boolean) => void
|
|
1036
1045
|
}
|
|
1037
1046
|
|
|
1047
|
+
interface HoverEvents {
|
|
1048
|
+
/** Handler that is called when a hover interaction starts. */
|
|
1049
|
+
onHoverStart?: (e: HoverEvent) => void,
|
|
1050
|
+
/** Handler that is called when a hover interaction ends. */
|
|
1051
|
+
onHoverEnd?: (e: HoverEvent) => void,
|
|
1052
|
+
/** Handler that is called when the hover state changes. */
|
|
1053
|
+
onHoverChange?: (isHovering: boolean) => void
|
|
1054
|
+
}
|
|
1055
|
+
|
|
1038
1056
|
interface PressEvents {
|
|
1039
1057
|
/** Handler that is called when the press is released over the target. */
|
|
1040
1058
|
onPress?: (e: PressEvent) => void,
|
|
@@ -1435,7 +1453,7 @@ interface AriaToggleProps extends ToggleProps, FocusableDOMProps, AriaLabelingPr
|
|
|
1435
1453
|
'aria-controls'?: string
|
|
1436
1454
|
}
|
|
1437
1455
|
|
|
1438
|
-
interface CheckboxProps$
|
|
1456
|
+
interface CheckboxProps$2 extends ToggleProps {
|
|
1439
1457
|
/**
|
|
1440
1458
|
* Indeterminism is presentational only.
|
|
1441
1459
|
* The indeterminate visual representation remains regardless of user interaction.
|
|
@@ -1443,7 +1461,7 @@ interface CheckboxProps$1 extends ToggleProps {
|
|
|
1443
1461
|
isIndeterminate?: boolean
|
|
1444
1462
|
}
|
|
1445
1463
|
|
|
1446
|
-
interface AriaCheckboxProps extends CheckboxProps$
|
|
1464
|
+
interface AriaCheckboxProps extends CheckboxProps$2, InputDOMProps, AriaToggleProps {}
|
|
1447
1465
|
|
|
1448
1466
|
/*
|
|
1449
1467
|
* Copyright 2020 Adobe. All rights reserved.
|
|
@@ -4001,6 +4019,13 @@ interface StyleRenderProps<T, E extends keyof React__default.JSX.IntrinsicElemen
|
|
|
4001
4019
|
/** 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. */
|
|
4002
4020
|
style?: StyleOrFunction<T>;
|
|
4003
4021
|
}
|
|
4022
|
+
type ChildrenOrFunction<T> = ReactNode | ((values: T & {
|
|
4023
|
+
defaultChildren: ReactNode | undefined;
|
|
4024
|
+
}) => ReactNode);
|
|
4025
|
+
interface RenderProps<T, E extends keyof React__default.JSX.IntrinsicElements = 'div'> extends StyleRenderProps<T, E> {
|
|
4026
|
+
/** The children of the component. A function may be provided to alter the children based on component state. */
|
|
4027
|
+
children?: ChildrenOrFunction<T>;
|
|
4028
|
+
}
|
|
4004
4029
|
interface SlotProps {
|
|
4005
4030
|
/**
|
|
4006
4031
|
* A slot name for the component. Slots allow the component to receive props from a parent component.
|
|
@@ -4008,6 +4033,15 @@ interface SlotProps {
|
|
|
4008
4033
|
*/
|
|
4009
4034
|
slot?: string | null;
|
|
4010
4035
|
}
|
|
4036
|
+
interface RACValidation {
|
|
4037
|
+
/**
|
|
4038
|
+
* Whether to use native HTML form validation to prevent form submission
|
|
4039
|
+
* when the value is missing or invalid, or mark the field as required
|
|
4040
|
+
* or invalid via ARIA.
|
|
4041
|
+
* @default 'native'
|
|
4042
|
+
*/
|
|
4043
|
+
validationBehavior?: 'native' | 'aria';
|
|
4044
|
+
}
|
|
4011
4045
|
type DOMRenderFunction<E extends keyof React__default.JSX.IntrinsicElements, T> = (props: React__default.JSX.IntrinsicElements[E], renderProps: T) => ReactElement;
|
|
4012
4046
|
interface DOMRenderProps<E extends keyof React__default.JSX.IntrinsicElements, T> {
|
|
4013
4047
|
/**
|
|
@@ -4024,6 +4058,70 @@ interface DOMRenderProps<E extends keyof React__default.JSX.IntrinsicElements, T
|
|
|
4024
4058
|
render?: DOMRenderFunction<E, T>;
|
|
4025
4059
|
}
|
|
4026
4060
|
|
|
4061
|
+
interface CheckboxProps$1 extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
|
|
4062
|
+
/**
|
|
4063
|
+
* 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.
|
|
4064
|
+
* @default 'react-aria-Checkbox'
|
|
4065
|
+
*/
|
|
4066
|
+
className?: ClassNameOrFunction<CheckboxRenderProps>;
|
|
4067
|
+
/**
|
|
4068
|
+
* A ref for the HTML input element.
|
|
4069
|
+
*/
|
|
4070
|
+
inputRef?: RefObject<HTMLInputElement | null>;
|
|
4071
|
+
}
|
|
4072
|
+
interface CheckboxRenderProps {
|
|
4073
|
+
/**
|
|
4074
|
+
* Whether the checkbox is selected.
|
|
4075
|
+
* @selector [data-selected]
|
|
4076
|
+
*/
|
|
4077
|
+
isSelected: boolean;
|
|
4078
|
+
/**
|
|
4079
|
+
* Whether the checkbox is indeterminate.
|
|
4080
|
+
* @selector [data-indeterminate]
|
|
4081
|
+
*/
|
|
4082
|
+
isIndeterminate: boolean;
|
|
4083
|
+
/**
|
|
4084
|
+
* Whether the checkbox is currently hovered with a mouse.
|
|
4085
|
+
* @selector [data-hovered]
|
|
4086
|
+
*/
|
|
4087
|
+
isHovered: boolean;
|
|
4088
|
+
/**
|
|
4089
|
+
* Whether the checkbox is currently in a pressed state.
|
|
4090
|
+
* @selector [data-pressed]
|
|
4091
|
+
*/
|
|
4092
|
+
isPressed: boolean;
|
|
4093
|
+
/**
|
|
4094
|
+
* Whether the checkbox is focused, either via a mouse or keyboard.
|
|
4095
|
+
* @selector [data-focused]
|
|
4096
|
+
*/
|
|
4097
|
+
isFocused: boolean;
|
|
4098
|
+
/**
|
|
4099
|
+
* Whether the checkbox is keyboard focused.
|
|
4100
|
+
* @selector [data-focus-visible]
|
|
4101
|
+
*/
|
|
4102
|
+
isFocusVisible: boolean;
|
|
4103
|
+
/**
|
|
4104
|
+
* Whether the checkbox is disabled.
|
|
4105
|
+
* @selector [data-disabled]
|
|
4106
|
+
*/
|
|
4107
|
+
isDisabled: boolean;
|
|
4108
|
+
/**
|
|
4109
|
+
* Whether the checkbox is read only.
|
|
4110
|
+
* @selector [data-readonly]
|
|
4111
|
+
*/
|
|
4112
|
+
isReadOnly: boolean;
|
|
4113
|
+
/**
|
|
4114
|
+
* Whether the checkbox invalid.
|
|
4115
|
+
* @selector [data-invalid]
|
|
4116
|
+
*/
|
|
4117
|
+
isInvalid: boolean;
|
|
4118
|
+
/**
|
|
4119
|
+
* Whether the checkbox is required.
|
|
4120
|
+
* @selector [data-required]
|
|
4121
|
+
*/
|
|
4122
|
+
isRequired: boolean;
|
|
4123
|
+
}
|
|
4124
|
+
|
|
4027
4125
|
interface AutocompleteProps$1 {
|
|
4028
4126
|
/** The value of the autocomplete input (controlled). */
|
|
4029
4127
|
inputValue?: string;
|
|
@@ -4661,6 +4759,13 @@ interface GridLayoutOptions {
|
|
|
4661
4759
|
* @default 48
|
|
4662
4760
|
*/
|
|
4663
4761
|
loaderHeight?: number;
|
|
4762
|
+
/**
|
|
4763
|
+
* The layout direction. When 'rtl', drop target positions ('before'/'after')
|
|
4764
|
+
* are swapped for multi-column layouts so the logical position matches the
|
|
4765
|
+
* visual intent.
|
|
4766
|
+
* @default 'ltr'
|
|
4767
|
+
*/
|
|
4768
|
+
direction?: 'ltr' | 'rtl';
|
|
4664
4769
|
}
|
|
4665
4770
|
/**
|
|
4666
4771
|
* GridLayout is a virtualizer Layout implementation
|
|
@@ -4672,6 +4777,7 @@ declare class GridLayout<T, O extends GridLayoutOptions = GridLayoutOptions> ext
|
|
|
4672
4777
|
protected gap: Size;
|
|
4673
4778
|
protected dropIndicatorThickness: number;
|
|
4674
4779
|
protected numColumns: number;
|
|
4780
|
+
protected direction: 'ltr' | 'rtl';
|
|
4675
4781
|
private contentSize;
|
|
4676
4782
|
private layoutInfos;
|
|
4677
4783
|
private margin;
|
|
@@ -4966,28 +5072,6 @@ interface ListSection<T = Record<string, any>> {
|
|
|
4966
5072
|
}
|
|
4967
5073
|
type ListItem = ListOption | ListSection;
|
|
4968
5074
|
|
|
4969
|
-
type DragAndDropProps = Omit<DraggableCollectionStateOptions & DroppableCollectionOptions & DroppableCollectionStateOptions, "keyboardDelegate" | "dropTargetDelegate" | "shouldAcceptItemDrop" | "onDropEnter" | "onDropActivate" | "onDropExit" | "getDropOperation" | "collection" | "selectionManager" | "onRootDrop" | "onInsert" | "getAllowedDropOperations" | "getItems" | "onItemDrop"> & Partial<Pick<DraggableCollectionStateOptions, "getItems">> & {
|
|
4970
|
-
/**
|
|
4971
|
-
* Indicates whether reordering is enabled.
|
|
4972
|
-
*
|
|
4973
|
-
* @default false
|
|
4974
|
-
*/
|
|
4975
|
-
enableReorder: boolean;
|
|
4976
|
-
/**
|
|
4977
|
-
* Whether the items are arranged in a stack or grid.
|
|
4978
|
-
*
|
|
4979
|
-
* @default stack
|
|
4980
|
-
*/
|
|
4981
|
-
layout: "grid" | "stack";
|
|
4982
|
-
/**
|
|
4983
|
-
* The primary orientation of the items. Usually this is the direction that
|
|
4984
|
-
* the collection scrolls.
|
|
4985
|
-
*
|
|
4986
|
-
* @default vertical
|
|
4987
|
-
*/
|
|
4988
|
-
orientation: Orientation;
|
|
4989
|
-
};
|
|
4990
|
-
|
|
4991
5075
|
interface BlockProps {
|
|
4992
5076
|
/**
|
|
4993
5077
|
* The unique identifier for the block. This is used to identify the block in
|
|
@@ -5312,6 +5396,28 @@ declare function isInIframe(el: Node): boolean;
|
|
|
5312
5396
|
*/
|
|
5313
5397
|
declare function isInShadowDOM(element: Node | null | undefined): boolean;
|
|
5314
5398
|
|
|
5399
|
+
type DragAndDropProps = Omit<DraggableCollectionStateOptions & DroppableCollectionOptions & DroppableCollectionStateOptions, "keyboardDelegate" | "dropTargetDelegate" | "shouldAcceptItemDrop" | "onDropEnter" | "onDropActivate" | "onDropExit" | "getDropOperation" | "collection" | "selectionManager" | "onRootDrop" | "onInsert" | "getAllowedDropOperations" | "getItems" | "onItemDrop"> & Partial<Pick<DraggableCollectionStateOptions, "getItems">> & {
|
|
5400
|
+
/**
|
|
5401
|
+
* Indicates whether reordering is enabled.
|
|
5402
|
+
*
|
|
5403
|
+
* @default false
|
|
5404
|
+
*/
|
|
5405
|
+
enableReorder: boolean;
|
|
5406
|
+
/**
|
|
5407
|
+
* Whether the items are arranged in a stack or grid.
|
|
5408
|
+
*
|
|
5409
|
+
* @default stack
|
|
5410
|
+
*/
|
|
5411
|
+
layout: "grid" | "stack";
|
|
5412
|
+
/**
|
|
5413
|
+
* The primary orientation of the items. Usually this is the direction that
|
|
5414
|
+
* the collection scrolls.
|
|
5415
|
+
*
|
|
5416
|
+
* @default vertical
|
|
5417
|
+
*/
|
|
5418
|
+
orientation: Orientation;
|
|
5419
|
+
};
|
|
5420
|
+
|
|
5315
5421
|
interface ListHandle$1 {
|
|
5316
5422
|
/** Scrolls the listbox to the specified item. */
|
|
5317
5423
|
scrollIntoView: (id: string, options?: ScrollIntoViewOptions) => void;
|
|
@@ -6064,6 +6170,33 @@ interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "class
|
|
|
6064
6170
|
|
|
6065
6171
|
declare const IconColorInput: React__default.ForwardRefExoticComponent<IconColorInputProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
6066
6172
|
|
|
6173
|
+
interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired" | "validate" | "validationBehavior"> {
|
|
6174
|
+
/**
|
|
6175
|
+
* The position of the label relative to the input.
|
|
6176
|
+
*
|
|
6177
|
+
* @default top
|
|
6178
|
+
*/
|
|
6179
|
+
labelPosition?: "top" | "start";
|
|
6180
|
+
/**
|
|
6181
|
+
* The variant of the number input.
|
|
6182
|
+
*
|
|
6183
|
+
* @default primary
|
|
6184
|
+
*/
|
|
6185
|
+
variant?: "primary" | "ghost";
|
|
6186
|
+
/**
|
|
6187
|
+
* Whether to show the stepper buttons.
|
|
6188
|
+
*
|
|
6189
|
+
* @default true
|
|
6190
|
+
*/
|
|
6191
|
+
showStepper?: boolean;
|
|
6192
|
+
/** The description to display below the input. */
|
|
6193
|
+
description?: string;
|
|
6194
|
+
/** The error message to display when the input is in an error state. */
|
|
6195
|
+
errorMessage?: string;
|
|
6196
|
+
}
|
|
6197
|
+
|
|
6198
|
+
declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
6199
|
+
|
|
6067
6200
|
interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<number>, "orientation" | "numberFormatter">, StylingProps {
|
|
6068
6201
|
/**
|
|
6069
6202
|
* Whether the slider is read only.
|
|
@@ -6083,8 +6216,12 @@ interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<
|
|
|
6083
6216
|
* @default false
|
|
6084
6217
|
*/
|
|
6085
6218
|
includeNumberInput?: boolean;
|
|
6219
|
+
/** Additional class name passed to the embedded number input. */
|
|
6220
|
+
numberInputClassName?: NumberInputProps["className"];
|
|
6221
|
+
/** Additional inline styles merged into the embedded number input. */
|
|
6222
|
+
numberInputStyle?: NumberInputProps["style"];
|
|
6086
6223
|
}
|
|
6087
|
-
interface IconSliderProps extends Pick<SliderProps, "value" | "minValue" | "maxValue" | "onChange" | "defaultValue" | "includeNumberInput" | "step" | "numberFormatOptions" | "isDisabled">, StylingProps, IconComponentProps, Pick<ColorInputProps, "onTriggerPress"> {
|
|
6224
|
+
interface IconSliderProps extends Pick<SliderProps, "value" | "minValue" | "maxValue" | "onChange" | "defaultValue" | "includeNumberInput" | "step" | "numberFormatOptions" | "isDisabled" | "isReadOnly">, StylingProps, IconComponentProps, Pick<ColorInputProps, "onTriggerPress"> {
|
|
6088
6225
|
/**
|
|
6089
6226
|
* A function to format the value of the slider.
|
|
6090
6227
|
*
|
|
@@ -6411,7 +6548,7 @@ interface ToggleButtonProps extends Omit<StylingProps, "style" | "className">, O
|
|
|
6411
6548
|
|
|
6412
6549
|
declare const ToggleButton: React__default.ForwardRefExoticComponent<ToggleButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
6413
6550
|
|
|
6414
|
-
interface CheckboxProps extends Omit<
|
|
6551
|
+
interface CheckboxProps extends Omit<CheckboxProps$1, "children" | "className" | "style">, StylingProps {
|
|
6415
6552
|
/** The checkbox's label. */
|
|
6416
6553
|
label?: string;
|
|
6417
6554
|
/**
|
|
@@ -6480,6 +6617,49 @@ type DateFormatProps = Parameters<typeof useDateFormatter>[0] & {
|
|
|
6480
6617
|
|
|
6481
6618
|
declare const DateFormat: React__default.FC<DateFormatProps>;
|
|
6482
6619
|
|
|
6620
|
+
type TagVariant = "neutral" | "red" | "green" | "blue" | "high-contrast";
|
|
6621
|
+
interface TagProps extends StylingProps {
|
|
6622
|
+
/**
|
|
6623
|
+
* The content to display inside the tag.
|
|
6624
|
+
*/
|
|
6625
|
+
children: React__default.ReactNode;
|
|
6626
|
+
/**
|
|
6627
|
+
* The visual variant of the tag.
|
|
6628
|
+
*
|
|
6629
|
+
* @default "neutral"
|
|
6630
|
+
*/
|
|
6631
|
+
variant?: TagVariant;
|
|
6632
|
+
/**
|
|
6633
|
+
* The size of the tag.
|
|
6634
|
+
*
|
|
6635
|
+
* @default "md"
|
|
6636
|
+
*/
|
|
6637
|
+
size?: "sm" | "md";
|
|
6638
|
+
/**
|
|
6639
|
+
* An optional icon to display before the tag content.
|
|
6640
|
+
*/
|
|
6641
|
+
icon?: React__default.FC<IconProps>;
|
|
6642
|
+
/**
|
|
6643
|
+
* Whether the tag is disabled.
|
|
6644
|
+
*
|
|
6645
|
+
* @default false
|
|
6646
|
+
*/
|
|
6647
|
+
isDisabled?: boolean;
|
|
6648
|
+
/**
|
|
6649
|
+
* Whether the tag is selected.
|
|
6650
|
+
*
|
|
6651
|
+
* @default false
|
|
6652
|
+
*/
|
|
6653
|
+
isSelected?: boolean;
|
|
6654
|
+
/**
|
|
6655
|
+
* Callback when the remove button is pressed. When provided, a remove button
|
|
6656
|
+
* is rendered.
|
|
6657
|
+
*/
|
|
6658
|
+
onRemove?: () => void;
|
|
6659
|
+
}
|
|
6660
|
+
|
|
6661
|
+
declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
6662
|
+
|
|
6483
6663
|
interface Item$1 {
|
|
6484
6664
|
id: string;
|
|
6485
6665
|
label: string;
|
|
@@ -6858,40 +7038,13 @@ interface InlineAlertProps extends StylingProps {
|
|
|
6858
7038
|
/**
|
|
6859
7039
|
* The size of the alert.
|
|
6860
7040
|
*
|
|
6861
|
-
* @default "
|
|
7041
|
+
* @default "sm"
|
|
6862
7042
|
*/
|
|
6863
7043
|
size?: "sm" | "md";
|
|
6864
7044
|
}
|
|
6865
7045
|
|
|
6866
7046
|
declare const InlineAlert: React__default.ForwardRefExoticComponent<InlineAlertProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
6867
7047
|
|
|
6868
|
-
interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired" | "validate" | "validationBehavior"> {
|
|
6869
|
-
/**
|
|
6870
|
-
* The position of the label relative to the input.
|
|
6871
|
-
*
|
|
6872
|
-
* @default top
|
|
6873
|
-
*/
|
|
6874
|
-
labelPosition?: "top" | "start";
|
|
6875
|
-
/**
|
|
6876
|
-
* The variant of the number input.
|
|
6877
|
-
*
|
|
6878
|
-
* @default primary
|
|
6879
|
-
*/
|
|
6880
|
-
variant?: "primary" | "ghost";
|
|
6881
|
-
/**
|
|
6882
|
-
* Whether to show the stepper buttons.
|
|
6883
|
-
*
|
|
6884
|
-
* @default true
|
|
6885
|
-
*/
|
|
6886
|
-
showStepper?: boolean;
|
|
6887
|
-
/** The description to display below the input. */
|
|
6888
|
-
description?: string;
|
|
6889
|
-
/** The error message to display when the input is in an error state. */
|
|
6890
|
-
errorMessage?: string;
|
|
6891
|
-
}
|
|
6892
|
-
|
|
6893
|
-
declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
6894
|
-
|
|
6895
7048
|
interface DrawerProps extends StylingProps, AriaDialogProps {
|
|
6896
7049
|
/** The children to render. */
|
|
6897
7050
|
children: React__default.ReactNode;
|
|
@@ -7092,7 +7245,7 @@ type TextProps<T extends keyof React__default.JSX.IntrinsicElements = "span"> =
|
|
|
7092
7245
|
elementType?: React__default.ElementType;
|
|
7093
7246
|
};
|
|
7094
7247
|
|
|
7095
|
-
declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React__default.RefAttributes<
|
|
7248
|
+
declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
|
|
7096
7249
|
|
|
7097
7250
|
interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "variant">, Omit<DropOptions, "ref" | "getDropOperation" | "hasDropButton" | "getDropOperationForPoint">, Omit<ClipboardProps, "getItems" | "onCut" | "onCopy">, Pick<FreehandCanvasProps, "footerClassName" | "footerStyle" | "placeholder" | "clearLabel">, AriaLabelingProps {
|
|
7098
7251
|
/**
|
|
@@ -7422,7 +7575,7 @@ interface EditorProps extends StylingProps, AriaLabelingProps {
|
|
|
7422
7575
|
/**
|
|
7423
7576
|
* Indicates whether rich text is enabled or not.
|
|
7424
7577
|
*
|
|
7425
|
-
* @default
|
|
7578
|
+
* @default false
|
|
7426
7579
|
*/
|
|
7427
7580
|
enableRichText?: boolean;
|
|
7428
7581
|
/** The placeholder text to be displayed when the editor is empty. */
|
|
@@ -8575,6 +8728,22 @@ declare function usePointProximity({ snapPoints, snapRadius, }: {
|
|
|
8575
8728
|
findPointsInRadius: (cursor: Point) => Promise<Point[]>;
|
|
8576
8729
|
};
|
|
8577
8730
|
|
|
8731
|
+
/**
|
|
8732
|
+
* A thin GridLayout subclass that injects the locale direction into layout
|
|
8733
|
+
* options via the Virtualizer's `useLayoutOptions` hook.
|
|
8734
|
+
*
|
|
8735
|
+
* All RTL-aware drop-target logic lives in the patched GridLayout itself — this
|
|
8736
|
+
* subclass only bridges React context (useLocale) into the layout engine.
|
|
8737
|
+
*
|
|
8738
|
+
* TODO: Remove this subclass and the subtree GridLayout patch once the upstream
|
|
8739
|
+
* PR is merged: https://github.com/adobe/react-spectrum/pull/9848
|
|
8740
|
+
*/
|
|
8741
|
+
declare class LocaleAwareGridLayout extends GridLayout<unknown, GridLayoutOptions> {
|
|
8742
|
+
useLayoutOptions(): {
|
|
8743
|
+
direction: "ltr" | "rtl";
|
|
8744
|
+
};
|
|
8745
|
+
}
|
|
8746
|
+
|
|
8578
8747
|
declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
|
|
8579
8748
|
LIST_BOX: {
|
|
8580
8749
|
layout: typeof ListLayout;
|
|
@@ -8589,7 +8758,7 @@ declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
|
|
|
8589
8758
|
};
|
|
8590
8759
|
};
|
|
8591
8760
|
IMAGE_GALLERY: {
|
|
8592
|
-
layout: typeof
|
|
8761
|
+
layout: typeof LocaleAwareGridLayout;
|
|
8593
8762
|
layoutOptions: {
|
|
8594
8763
|
minItemSize: Size;
|
|
8595
8764
|
maxItemSize: Size;
|
|
@@ -8714,6 +8883,15 @@ interface KbdProps extends Omit<StylingProps, "data-block-id" | "data-block-clas
|
|
|
8714
8883
|
|
|
8715
8884
|
declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
8716
8885
|
|
|
8886
|
+
interface SkeletonProps {
|
|
8887
|
+
/** The className applied to the root element of the component. */
|
|
8888
|
+
className?: string;
|
|
8889
|
+
/** The style applied to the root element of the component. */
|
|
8890
|
+
style?: React__default.CSSProperties;
|
|
8891
|
+
}
|
|
8892
|
+
|
|
8893
|
+
declare const Skeleton: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
8894
|
+
|
|
8717
8895
|
/**
|
|
8718
8896
|
* A hook that creates an IntersectionObserver and observes a target element.
|
|
8719
8897
|
*
|
|
@@ -9124,4 +9302,4 @@ declare namespace reactStately {
|
|
|
9124
9302
|
export { type reactStately_Color as Color, type reactStately_ListData as ListData, type reactStately_TreeData as TreeData, reactStately_useListData as useListData, reactStately_useTreeData as useTreeData };
|
|
9125
9303
|
}
|
|
9126
9304
|
|
|
9127
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|
|
9305
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, LocaleAwareGridLayout, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Skeleton, type SkeletonProps, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, type TagVariant, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|