@baseline-ui/core 0.43.0 → 0.44.1
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 +282 -0
- package/dist/index.css +1 -1
- package/dist/index.d.mts +231 -131
- package/dist/index.d.ts +231 -131
- package/dist/index.js +16 -7
- package/dist/index.mjs +16 -7
- package/package.json +7 -5
package/dist/index.d.ts
CHANGED
|
@@ -2177,7 +2177,7 @@ declare function mergeProps<T extends PropsArg[]>(...args: T): UnionToIntersecti
|
|
|
2177
2177
|
* Merges multiple refs into one. Works with either callback or object refs.
|
|
2178
2178
|
*/
|
|
2179
2179
|
declare function mergeRefs<T>(...refs: Array<Ref<T> | MutableRefObject<T> | null | undefined>): Ref<T>;
|
|
2180
|
-
interface Options {
|
|
2180
|
+
interface Options$1 {
|
|
2181
2181
|
/**
|
|
2182
2182
|
* If labelling associated aria properties should be included in the filter.
|
|
2183
2183
|
*/
|
|
@@ -2194,7 +2194,7 @@ interface Options {
|
|
|
2194
2194
|
* @param props - The component props to be filtered.
|
|
2195
2195
|
* @param opts - Props to override.
|
|
2196
2196
|
*/
|
|
2197
|
-
declare function filterDOMProps(props: DOMProps & AriaLabelingProps & LinkDOMProps, opts?: Options): DOMProps & AriaLabelingProps;
|
|
2197
|
+
declare function filterDOMProps(props: DOMProps & AriaLabelingProps & LinkDOMProps, opts?: Options$1): DOMProps & AriaLabelingProps;
|
|
2198
2198
|
/**
|
|
2199
2199
|
* Offers an object ref for a given callback ref or an object ref. Especially
|
|
2200
2200
|
* helfpul when passing forwarded refs (created using `React.forwardRef`) to
|
|
@@ -2407,6 +2407,10 @@ interface I18nProviderProps$1 {
|
|
|
2407
2407
|
/** The locale to apply to the children. */
|
|
2408
2408
|
locale?: string;
|
|
2409
2409
|
}
|
|
2410
|
+
/**
|
|
2411
|
+
* Returns the current locale and layout direction.
|
|
2412
|
+
*/
|
|
2413
|
+
declare function useLocale(): Locale;
|
|
2410
2414
|
interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
|
|
2411
2415
|
calendar?: string;
|
|
2412
2416
|
}
|
|
@@ -19420,6 +19424,79 @@ interface DomNodeRendererProps extends StylingProps, Omit<PressHookProps, "ref">
|
|
|
19420
19424
|
|
|
19421
19425
|
declare const DomNodeRenderer: React__default__default.ForwardRefExoticComponent<DomNodeRendererProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
19422
19426
|
|
|
19427
|
+
interface ModalProps extends OverlayTriggerProps$1 {
|
|
19428
|
+
/** The contents of the modal. */
|
|
19429
|
+
children: React__default__default.ReactNode;
|
|
19430
|
+
}
|
|
19431
|
+
interface ModalContentProps extends Omit<AriaModalOverlayProps, "isDismissable" | "isKeyboardDismissDisabled">, StylingProps {
|
|
19432
|
+
/**
|
|
19433
|
+
* The contents of the modal. Can be a React node or a function that returns a
|
|
19434
|
+
* React node.
|
|
19435
|
+
*/
|
|
19436
|
+
children: React__default__default.ReactNode | ((props: OverlayTriggerState) => React__default__default.ReactNode);
|
|
19437
|
+
/**
|
|
19438
|
+
* The container element for the modal. By default, the modal is rendered as a
|
|
19439
|
+
* child of the body element.
|
|
19440
|
+
*
|
|
19441
|
+
* @default document.body
|
|
19442
|
+
*/
|
|
19443
|
+
portalContainer?: HTMLElement;
|
|
19444
|
+
/**
|
|
19445
|
+
* Whether to disable the animation for the modal. This is useful when you
|
|
19446
|
+
* want to render one modal after another without the animation.
|
|
19447
|
+
*
|
|
19448
|
+
* @default false
|
|
19449
|
+
*/
|
|
19450
|
+
disableAnimation?: boolean;
|
|
19451
|
+
/**
|
|
19452
|
+
* Whether the modal should be rendered with the initial animation. If set to
|
|
19453
|
+
* false, the modal will be rendered without the initial animation on mount.
|
|
19454
|
+
* This doesn't affect the animation when the modal is is being opened or
|
|
19455
|
+
* closed after it has been mounted. This prop is ignored if
|
|
19456
|
+
* `disableAnimation` is set to `true`.
|
|
19457
|
+
*
|
|
19458
|
+
* @default true
|
|
19459
|
+
*/
|
|
19460
|
+
shouldAnimateOnMount?: boolean;
|
|
19461
|
+
/**
|
|
19462
|
+
* Whether the modal should be rendered as a drawer. This will render the
|
|
19463
|
+
* modal with a transparent background and no border at the bottom. The `auto`
|
|
19464
|
+
* value will render the modal as a drawer on mobile and as a dialog on
|
|
19465
|
+
* desktop and tablet.
|
|
19466
|
+
*
|
|
19467
|
+
* @default false
|
|
19468
|
+
*/
|
|
19469
|
+
enableDrawer?: boolean | "auto";
|
|
19470
|
+
/**
|
|
19471
|
+
* Specifies if the component is dismissable or not. If the value is a
|
|
19472
|
+
* function, it will be called with a boolean indicating if the modal is
|
|
19473
|
+
* rendered as a drawer or not.
|
|
19474
|
+
*
|
|
19475
|
+
* @default true
|
|
19476
|
+
*/
|
|
19477
|
+
isDismissable?: boolean | ((isDrawer: boolean) => boolean);
|
|
19478
|
+
/**
|
|
19479
|
+
* Determines if keyboard dismissal is disabled. If the value is a function,
|
|
19480
|
+
* it will be called with a boolean indicating if the modal is rendered as a
|
|
19481
|
+
* drawer or not.
|
|
19482
|
+
*
|
|
19483
|
+
* @default false
|
|
19484
|
+
*/
|
|
19485
|
+
isKeyboardDismissDisabled?: boolean | ((isDrawer: boolean) => boolean);
|
|
19486
|
+
}
|
|
19487
|
+
|
|
19488
|
+
declare const Modal: React__default__default.FC<ModalProps>;
|
|
19489
|
+
|
|
19490
|
+
declare const ModalContent: React__default__default.ForwardRefExoticComponent<ModalContentProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
19491
|
+
|
|
19492
|
+
declare const ModalTrigger: React__default__default.FC<{
|
|
19493
|
+
children: React__default__default.ReactNode;
|
|
19494
|
+
}>;
|
|
19495
|
+
|
|
19496
|
+
declare const ModalClose: React__default__default.FC<{
|
|
19497
|
+
children: React__default__default.ReactNode;
|
|
19498
|
+
}>;
|
|
19499
|
+
|
|
19423
19500
|
type OverlayTriggerProps_ = Parameters<typeof useOverlayTrigger>[0];
|
|
19424
19501
|
interface PopoverProps extends OverlayTriggerProps$1, OverlayTriggerProps_, BlockProps {
|
|
19425
19502
|
/** The children of the popover. */
|
|
@@ -19431,7 +19508,7 @@ type ClassName$1 = string | ((state: {
|
|
|
19431
19508
|
type Style = React__default__default.CSSProperties | ((state: {
|
|
19432
19509
|
isOpen: boolean;
|
|
19433
19510
|
}) => React__default__default.CSSProperties | undefined);
|
|
19434
|
-
interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "triggerRef" | "arrowSize" | "arrowBoundaryOffset">, BlockProps {
|
|
19511
|
+
interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "triggerRef" | "arrowSize" | "arrowBoundaryOffset">, Pick<OverlayProps, "shouldContainFocus" | "disableFocusManagement">, Pick<ModalContentProps, "disableAnimation">, BlockProps {
|
|
19435
19512
|
/** The class name for the popover element. */
|
|
19436
19513
|
className?: ClassName$1;
|
|
19437
19514
|
/** The style for the popover element. */
|
|
@@ -19470,6 +19547,10 @@ interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "tri
|
|
|
19470
19547
|
state?: MenuTriggerState | OverlayTriggerState;
|
|
19471
19548
|
/** The props for the overlay element. */
|
|
19472
19549
|
overlayProps?: React__default__default.HTMLAttributes<HTMLElement>;
|
|
19550
|
+
/** The class name for the arrow element. */
|
|
19551
|
+
arrowClassName?: ClassName$1;
|
|
19552
|
+
/** The style for the arrow element. */
|
|
19553
|
+
arrowStyle?: Style;
|
|
19473
19554
|
}
|
|
19474
19555
|
interface PopoverTriggerProps {
|
|
19475
19556
|
/** The contents of the popover trigger. */
|
|
@@ -20040,6 +20121,8 @@ interface I18nProviderProps extends I18nProviderProps$1 {
|
|
|
20040
20121
|
|
|
20041
20122
|
declare const I18nProvider: React__default__default.FC<I18nProviderProps>;
|
|
20042
20123
|
|
|
20124
|
+
declare const directionVar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
20125
|
+
|
|
20043
20126
|
type NumberFormatProps = Parameters<typeof useNumberFormatter>[0] & {
|
|
20044
20127
|
/** The number to format. */
|
|
20045
20128
|
value: number;
|
|
@@ -20449,7 +20532,8 @@ interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "colorName">, Styl
|
|
|
20449
20532
|
tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
|
|
20450
20533
|
/**
|
|
20451
20534
|
* Whether the swatch is indeterminate. When this is `true`, the color related
|
|
20452
|
-
* props will be ignored.
|
|
20535
|
+
* props will be ignored and indeterminate styles will be applied. This change
|
|
20536
|
+
* is only visual.
|
|
20453
20537
|
*
|
|
20454
20538
|
* @default false
|
|
20455
20539
|
*/
|
|
@@ -21015,79 +21099,6 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
|
|
|
21015
21099
|
|
|
21016
21100
|
declare const RadioGroup: React__default__default.ForwardRefExoticComponent<RadioGroupProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
21017
21101
|
|
|
21018
|
-
interface ModalProps extends OverlayTriggerProps$1 {
|
|
21019
|
-
/** The contents of the modal. */
|
|
21020
|
-
children: React__default__default.ReactNode;
|
|
21021
|
-
}
|
|
21022
|
-
interface ModalContentProps extends Omit<AriaModalOverlayProps, "isDismissable" | "isKeyboardDismissDisabled">, StylingProps {
|
|
21023
|
-
/**
|
|
21024
|
-
* The contents of the modal. Can be a React node or a function that returns a
|
|
21025
|
-
* React node.
|
|
21026
|
-
*/
|
|
21027
|
-
children: React__default__default.ReactNode | ((props: OverlayTriggerState) => React__default__default.ReactNode);
|
|
21028
|
-
/**
|
|
21029
|
-
* The container element for the modal. By default, the modal is rendered as a
|
|
21030
|
-
* child of the body element.
|
|
21031
|
-
*
|
|
21032
|
-
* @default document.body
|
|
21033
|
-
*/
|
|
21034
|
-
portalContainer?: HTMLElement;
|
|
21035
|
-
/**
|
|
21036
|
-
* Whether to disable the animation for the modal. This is useful when you
|
|
21037
|
-
* want to render one modal after another without the animation.
|
|
21038
|
-
*
|
|
21039
|
-
* @default false
|
|
21040
|
-
*/
|
|
21041
|
-
disableAnimation?: boolean;
|
|
21042
|
-
/**
|
|
21043
|
-
* Whether the modal should be rendered with the initial animation. If set to
|
|
21044
|
-
* false, the modal will be rendered without the initial animation on mount.
|
|
21045
|
-
* This doesn't affect the animation when the modal is is being opened or
|
|
21046
|
-
* closed after it has been mounted. This prop is ignored if
|
|
21047
|
-
* `disableAnimation` is set to `true`.
|
|
21048
|
-
*
|
|
21049
|
-
* @default true
|
|
21050
|
-
*/
|
|
21051
|
-
shouldAnimateOnMount?: boolean;
|
|
21052
|
-
/**
|
|
21053
|
-
* Whether the modal should be rendered as a drawer. This will render the
|
|
21054
|
-
* modal with a transparent background and no border at the bottom. The `auto`
|
|
21055
|
-
* value will render the modal as a drawer on mobile and as a dialog on
|
|
21056
|
-
* desktop and tablet.
|
|
21057
|
-
*
|
|
21058
|
-
* @default false
|
|
21059
|
-
*/
|
|
21060
|
-
enableDrawer?: boolean | "auto";
|
|
21061
|
-
/**
|
|
21062
|
-
* Specifies if the component is dismissable or not. If the value is a
|
|
21063
|
-
* function, it will be called with a boolean indicating if the modal is
|
|
21064
|
-
* rendered as a drawer or not.
|
|
21065
|
-
*
|
|
21066
|
-
* @default true
|
|
21067
|
-
*/
|
|
21068
|
-
isDismissable?: boolean | ((isDrawer: boolean) => boolean);
|
|
21069
|
-
/**
|
|
21070
|
-
* Determines if keyboard dismissal is disabled. If the value is a function,
|
|
21071
|
-
* it will be called with a boolean indicating if the modal is rendered as a
|
|
21072
|
-
* drawer or not.
|
|
21073
|
-
*
|
|
21074
|
-
* @default false
|
|
21075
|
-
*/
|
|
21076
|
-
isKeyboardDismissDisabled?: boolean | ((isDrawer: boolean) => boolean);
|
|
21077
|
-
}
|
|
21078
|
-
|
|
21079
|
-
declare const Modal: React__default__default.FC<ModalProps>;
|
|
21080
|
-
|
|
21081
|
-
declare const ModalContent: React__default__default.ForwardRefExoticComponent<ModalContentProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
21082
|
-
|
|
21083
|
-
declare const ModalTrigger: React__default__default.FC<{
|
|
21084
|
-
children: React__default__default.ReactNode;
|
|
21085
|
-
}>;
|
|
21086
|
-
|
|
21087
|
-
declare const ModalClose: React__default__default.FC<{
|
|
21088
|
-
children: React__default__default.ReactNode;
|
|
21089
|
-
}>;
|
|
21090
|
-
|
|
21091
21102
|
interface MessageFormatProps {
|
|
21092
21103
|
/**
|
|
21093
21104
|
* By default `<MessageFormat>` will render the formatted string into a
|
|
@@ -22120,58 +22131,6 @@ declare const DateField: React__default__default.ForwardRefExoticComponent<Styli
|
|
|
22120
22131
|
|
|
22121
22132
|
type DateFieldProps = StylingProps & Omit<Omit<DateFieldStateOptions, "locale"> & AriaDateFieldProps<DateValue>, "validationState" | "isInvalid" | "isRequired" | "validate" | "createCalendar"> & Pick<SharedInputProps, "variant" | "labelPosition" | "validationState" | "label"> & InputMessage;
|
|
22122
22133
|
|
|
22123
|
-
interface MagnifierProps extends BlockProps {
|
|
22124
|
-
/** The magnifier's content. */
|
|
22125
|
-
children: React__default__default.ReactNode;
|
|
22126
|
-
/** Whether the magnifier is disabled. */
|
|
22127
|
-
isDisabled?: boolean;
|
|
22128
|
-
/** The callback function that is called when the magnifier is moved. */
|
|
22129
|
-
onMove?: (options: {
|
|
22130
|
-
coordinates: {
|
|
22131
|
-
x: number;
|
|
22132
|
-
y: number;
|
|
22133
|
-
};
|
|
22134
|
-
boundingRect: DOMRect | null;
|
|
22135
|
-
}) => void;
|
|
22136
|
-
/** The coordinates of the magnifier. */
|
|
22137
|
-
coordinates?: {
|
|
22138
|
-
x: number;
|
|
22139
|
-
y: number;
|
|
22140
|
-
};
|
|
22141
|
-
}
|
|
22142
|
-
interface MagnifierContentProps extends StylingProps, AriaLabelingProps, FocusProps<FocusableElement>, KeyboardProps {
|
|
22143
|
-
/** The magnifier's content. */
|
|
22144
|
-
children: React__default__default.JSX.Element;
|
|
22145
|
-
/** The callback function that is called when the magnifier is pressed. */
|
|
22146
|
-
onPress?: (e: PressEvent) => void;
|
|
22147
|
-
}
|
|
22148
|
-
interface Description {
|
|
22149
|
-
label: string;
|
|
22150
|
-
icon: React__default__default.FC<IconProps>;
|
|
22151
|
-
}
|
|
22152
|
-
interface MagnifierDisplayProps extends StylingProps {
|
|
22153
|
-
/** The description of the magnifier. */
|
|
22154
|
-
description?: Description[] | ((options: {
|
|
22155
|
-
coordinates: {
|
|
22156
|
-
x: number;
|
|
22157
|
-
y: number;
|
|
22158
|
-
};
|
|
22159
|
-
boundingRect: DOMRect | null;
|
|
22160
|
-
}) => Description[]);
|
|
22161
|
-
/**
|
|
22162
|
-
* The scale of the magnifier.
|
|
22163
|
-
*
|
|
22164
|
-
* @default 5
|
|
22165
|
-
*/
|
|
22166
|
-
scale?: number;
|
|
22167
|
-
}
|
|
22168
|
-
|
|
22169
|
-
declare const Magnifier: React__default__default.FC<MagnifierProps>;
|
|
22170
|
-
|
|
22171
|
-
declare const MagnifierContent: React__default__default.ForwardRefExoticComponent<MagnifierContentProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
22172
|
-
|
|
22173
|
-
declare const MagnifierDisplay: React__default__default.ForwardRefExoticComponent<MagnifierDisplayProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
22174
|
-
|
|
22175
22134
|
interface Breakpoints {
|
|
22176
22135
|
mobile: number;
|
|
22177
22136
|
tablet: number;
|
|
@@ -22237,6 +22196,133 @@ interface TaggedPaginationProps extends StylingProps, Pick<PaginationProps, "isD
|
|
|
22237
22196
|
|
|
22238
22197
|
declare const TaggedPagination: React__default__default.ForwardRefExoticComponent<TaggedPaginationProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
22239
22198
|
|
|
22199
|
+
interface PointPickerProps extends BlockProps {
|
|
22200
|
+
/** The magnifier's content. */
|
|
22201
|
+
children: React__default__default.ReactNode;
|
|
22202
|
+
/**
|
|
22203
|
+
* Whether the point picker is disabled.
|
|
22204
|
+
*
|
|
22205
|
+
* @default false
|
|
22206
|
+
*/
|
|
22207
|
+
isDisabled?: boolean;
|
|
22208
|
+
}
|
|
22209
|
+
interface Options {
|
|
22210
|
+
coordinates: {
|
|
22211
|
+
x: number;
|
|
22212
|
+
y: number;
|
|
22213
|
+
} | null;
|
|
22214
|
+
boundingRect: DOMRect | null;
|
|
22215
|
+
}
|
|
22216
|
+
type GridLines = {
|
|
22217
|
+
coordinates: {
|
|
22218
|
+
x: number;
|
|
22219
|
+
y: number;
|
|
22220
|
+
} | null;
|
|
22221
|
+
} | boolean;
|
|
22222
|
+
interface PointPickerContentProps extends StylingProps, AriaLabelingProps, Omit<FocusProps<FocusableElement>, "isDisabled">, Omit<KeyboardProps, "isDisabled"> {
|
|
22223
|
+
/** The magnifier's content. */
|
|
22224
|
+
children: React__default__default.ReactElement;
|
|
22225
|
+
/** The callback function that is called when the magnifier is pressed. */
|
|
22226
|
+
onPress?: (e: PressEvent) => void;
|
|
22227
|
+
/**
|
|
22228
|
+
* Whether to show the grid lines. If a function is provided, it will be
|
|
22229
|
+
* called with the current options and should return a boolean or an object
|
|
22230
|
+
* with the coordinates to show the grid lines.
|
|
22231
|
+
*
|
|
22232
|
+
* The custom coordinates object will be used to show the grid lines at a
|
|
22233
|
+
* specific point. This will be helpful if you want to show the grid lines at
|
|
22234
|
+
* a a snapped point that is not the cursor.
|
|
22235
|
+
*
|
|
22236
|
+
* @default true
|
|
22237
|
+
*/
|
|
22238
|
+
gridLines?: GridLines | ((options: Options) => GridLines);
|
|
22239
|
+
/** The ref to the element. */
|
|
22240
|
+
elementHandle?: React__default__default.RefObject<{
|
|
22241
|
+
focus: () => void;
|
|
22242
|
+
}>;
|
|
22243
|
+
/**
|
|
22244
|
+
* The callback function that is called when the cursor is moved.
|
|
22245
|
+
*
|
|
22246
|
+
* @param options - The options for the move event.
|
|
22247
|
+
* @param options.coordinates - The coordinates of the cursor.
|
|
22248
|
+
* @param options.boundingRect - The bounding rectangle of the element.
|
|
22249
|
+
* @param options.activePoint - The active point of the element. This point is
|
|
22250
|
+
* the point which is snapped to the snap points if any or the coordinates
|
|
22251
|
+
* of the cursor if no snap points are provided or the cursor is not near a
|
|
22252
|
+
* snap point.
|
|
22253
|
+
*/
|
|
22254
|
+
onMove?: (options: Options) => void;
|
|
22255
|
+
}
|
|
22256
|
+
interface Description {
|
|
22257
|
+
label: string;
|
|
22258
|
+
icon: React__default__default.FC<IconProps>;
|
|
22259
|
+
}
|
|
22260
|
+
interface PointPickerDisplayProps extends StylingProps {
|
|
22261
|
+
/**
|
|
22262
|
+
* The description of the display.
|
|
22263
|
+
*
|
|
22264
|
+
* @param options - The options for the description.
|
|
22265
|
+
* @param options.coordinates - The coordinates of the cursor.
|
|
22266
|
+
* @param options.boundingRect - The bounding rectangle of the element.
|
|
22267
|
+
* @param options.activePoint - The active point of the element. This point is
|
|
22268
|
+
* the point which is snapped to the snap points if any or the coordinates
|
|
22269
|
+
* of the cursor if no snap points are provided or the cursor is not near a
|
|
22270
|
+
* snap point.
|
|
22271
|
+
*/
|
|
22272
|
+
description?: Description[] | ((options: Options) => Description[]);
|
|
22273
|
+
/**
|
|
22274
|
+
* Whether to show the magnifier.
|
|
22275
|
+
*
|
|
22276
|
+
* @default true
|
|
22277
|
+
*/
|
|
22278
|
+
magnifier?: boolean | {
|
|
22279
|
+
scale?: number;
|
|
22280
|
+
};
|
|
22281
|
+
/**
|
|
22282
|
+
* The variant of the display.
|
|
22283
|
+
*
|
|
22284
|
+
* @default "auto"
|
|
22285
|
+
*/
|
|
22286
|
+
variant?: "floating" | "auto";
|
|
22287
|
+
/** The content to render in the magnifier. */
|
|
22288
|
+
renderMagnifierContent?: (options: Options & {
|
|
22289
|
+
children: React__default__default.ReactNode;
|
|
22290
|
+
}) => React__default__default.ReactElement;
|
|
22291
|
+
}
|
|
22292
|
+
|
|
22293
|
+
declare const PointPicker: React__default__default.NamedExoticComponent<PointPickerProps>;
|
|
22294
|
+
|
|
22295
|
+
declare const PointPickerContent: React__default__default.ForwardRefExoticComponent<PointPickerContentProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
22296
|
+
|
|
22297
|
+
declare const PointPickerDisplay: React__default__default.ForwardRefExoticComponent<PointPickerDisplayProps & React__default__default.RefAttributes<HTMLDivElement>>;
|
|
22298
|
+
|
|
22299
|
+
interface Point$1 {
|
|
22300
|
+
x: number;
|
|
22301
|
+
y: number;
|
|
22302
|
+
}
|
|
22303
|
+
declare function usePointProximity({ snapPoints, snapRadius, }: {
|
|
22304
|
+
snapPoints?: Point$1[];
|
|
22305
|
+
snapRadius?: number;
|
|
22306
|
+
}): {
|
|
22307
|
+
findNearestPoint: (cursor: Point$1) => Promise<Point$1 | null>;
|
|
22308
|
+
findPointsInRadius: (cursor: Point$1) => Promise<Point$1[]>;
|
|
22309
|
+
};
|
|
22310
|
+
|
|
22311
|
+
interface Point {
|
|
22312
|
+
x: number;
|
|
22313
|
+
y: number;
|
|
22314
|
+
}
|
|
22315
|
+
|
|
22316
|
+
interface PointsVisualiserProps {
|
|
22317
|
+
debugPoints: Point[];
|
|
22318
|
+
radius?: number;
|
|
22319
|
+
showRadius?: boolean;
|
|
22320
|
+
showSnapPoints?: boolean;
|
|
22321
|
+
type?: "nearest" | "within";
|
|
22322
|
+
onActivePointsChange?: (points: Point[]) => void;
|
|
22323
|
+
}
|
|
22324
|
+
declare const PointsVisualiser: React__default__default.NamedExoticComponent<PointsVisualiserProps>;
|
|
22325
|
+
|
|
22240
22326
|
/**
|
|
22241
22327
|
* A hook that creates an IntersectionObserver and observes a target element.
|
|
22242
22328
|
*
|
|
@@ -22568,6 +22654,20 @@ type Device = ReturnType<typeof useDevice>;
|
|
|
22568
22654
|
*/
|
|
22569
22655
|
declare function usePortalContainer(_portalContainer?: HTMLElement): HTMLElement | undefined;
|
|
22570
22656
|
|
|
22657
|
+
/**
|
|
22658
|
+
* This hook is used to get the live interaction modality of the user. It is
|
|
22659
|
+
* useful for components that need to know the interaction modality of the user
|
|
22660
|
+
* in real time. This is different from the `useInteractionModality` hook, which
|
|
22661
|
+
* changes modality when a significant event occurs, such as clicking or
|
|
22662
|
+
* pressing a key. It does not change when the user is moving the mouse.
|
|
22663
|
+
*
|
|
22664
|
+
* @param ownerDocument - The owner document to listen to.
|
|
22665
|
+
* @returns The live interaction modality of the user.
|
|
22666
|
+
*/
|
|
22667
|
+
declare function useLiveInteractionModality({ ownerDocument, }: {
|
|
22668
|
+
ownerDocument?: Document;
|
|
22669
|
+
}): "pointer" | "keyboard";
|
|
22670
|
+
|
|
22571
22671
|
declare const reactAria_AriaButtonProps: typeof AriaButtonProps;
|
|
22572
22672
|
declare const reactAria_AriaTextFieldOptions: typeof AriaTextFieldOptions;
|
|
22573
22673
|
declare const reactAria_DroppableCollectionReorderEvent: typeof DroppableCollectionReorderEvent;
|
|
@@ -22589,5 +22689,5 @@ declare namespace reactStately {
|
|
|
22589
22689
|
export type { Color };
|
|
22590
22690
|
}
|
|
22591
22691
|
|
|
22592
|
-
export { Accordion, AccordionItem, ActionButton, ActionGroup, ActionGroupItem, ActionIconButton, AlertDialog, AudioPlayer, Avatar, Box, ButtonSelect, Checkbox, ColorInput, ColorSwatch, ColorSwatchPicker, ComboBox, DateField, DateFormat, DeviceProvider, DeviceProviderContext, Dialog, DialogTitle, DomNodeRenderer, Drawer, Editor, FileUpload, FocusScope, Focusable, FrameProvider, FreehandCanvas, GlobalToastRegion, GridList, Group, I18nProvider, Icon, IconColorInput, IconColorInputButton, IconSelect, IconSlider, ImageDropZone, ImageGallery, InlineAlert, Link, ListBox,
|
|
22593
|
-
export type { AccordionItemProps, AccordionProps, ActionButtonProps, ActionGroupProps, ActionIconButtonProps, AlertDialogProps, Assertiveness, AudioPlayerProps, AvatarProps, BlockProps, BoxProps, ButtonSelectProps, CheckboxProps, ColorInputProps, ColorPreset, ColorSwatchPickerProps, ColorSwatchProps, ComboBoxProps, DateFieldProps, DateFormatProps, Device, DeviceProviderProps, DialogProps, DialogTitleProps, DomNodeRendererProps, DrawerProps, EditorHandle, EditorProps, FileUploadProps, FocusableProps, FrameProviderProps, FreehandCanvasProps, GridListProps, GroupProps, I18nProviderProps, I18nResult, IconColorInputProps, IconComponentProps$1 as IconComponentProps, IconProps, IconSelectProps, IconSliderProps, ImageDropZoneProps, ImageGalleryProps, ImperativePanelGroupHandle, ImperativePanelHandle, InlineAlertProps, Key, LinkProps, ListBoxProps, ListHandle, ListOption,
|
|
22692
|
+
export { Accordion, AccordionItem, ActionButton, ActionGroup, ActionGroupItem, ActionIconButton, AlertDialog, AudioPlayer, Avatar, Box, ButtonSelect, Checkbox, ColorInput, ColorSwatch, ColorSwatchPicker, ComboBox, DateField, DateFormat, DeviceProvider, DeviceProviderContext, Dialog, DialogTitle, DomNodeRenderer, Drawer, Editor, FileUpload, FocusScope, Focusable, FrameProvider, FreehandCanvas, GlobalToastRegion, GridList, Group, I18nProvider, Icon, IconColorInput, IconColorInputButton, IconSelect, IconSlider, ImageDropZone, ImageGallery, InlineAlert, Link, ListBox, Markdown, Menu, MessageFormat, Modal, ModalClose, ModalContent, ModalTrigger, MotionGlobalConfig, NumberFormat, NumberInput, Pagination, Panel, PanelGroup, PanelResizeHandle, PointPicker, PointPickerContent, PointPickerDisplay, PointsVisualiser, Popover, PopoverContent, PopoverTrigger, Portal, PortalContainerProvider, Pressable, Preview, ProgressBar, ProgressSpinner, RadioGroup, Reaction, ScrollControlButton, SearchInput, Select, Separator, Slider, Switch, TabItem, Tabs, TagGroup, TaggedPagination, Text, TextInput, ThemeProvider, TimeField, ToastQueue, ToggleButton, ToggleIconButton, Toolbar, Tooltip, Transform, TreeView, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VisuallyHidden, announce, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, invariant, isFocusableElement, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useFocusRing, useFocusVisible, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|
|
22693
|
+
export type { AccordionItemProps, AccordionProps, ActionButtonProps, ActionGroupProps, ActionIconButtonProps, AlertDialogProps, Assertiveness, AudioPlayerProps, AvatarProps, BlockProps, BoxProps, ButtonSelectProps, CheckboxProps, ColorInputProps, ColorPreset, ColorSwatchPickerProps, ColorSwatchProps, ComboBoxProps, DateFieldProps, DateFormatProps, Device, DeviceProviderProps, DialogProps, DialogTitleProps, DomNodeRendererProps, DrawerProps, EditorHandle, EditorProps, FileUploadProps, FocusableProps, FrameProviderProps, FreehandCanvasProps, GridListProps, GroupProps, I18nProviderProps, I18nResult, IconColorInputProps, IconComponentProps$1 as IconComponentProps, IconProps, IconSelectProps, IconSliderProps, ImageDropZoneProps, ImageGalleryProps, ImperativePanelGroupHandle, ImperativePanelHandle, InlineAlertProps, Key, LinkProps, ListBoxProps, ListHandle, ListOption, MarkdownProps, MenuItem, MenuProps, Message, MessageDescriptor, MessageFormatProps, MessageFormatter, ModalContentProps, ModalProps, NumberFormatProps, NumberInputProps, PaginationProps, PanelGroupProps, PanelProps, PanelResizeHandleProps, PointPickerContentProps, PointPickerDisplayProps, PointPickerProps, PointsVisualiserProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, PortalProps, PressEvent, PreviewProps, ProgressBarProps, ProgressSpinnerProps, RadioGroupProps, ReactComplexTreeItem, ReactionProps, Rect, SVGRProps, ScrollControlButtonProps, SearchInputProps, SelectProps, SeparatorProps, SliderProps, StylingProps, SwitchProps, TabItemProps, TabsProps, TagGroupProps, TaggedPaginationProps, TextInputProps, TextProps, ThemeProviderProps, TimeFieldProps, ToastProps, ToggleButtonProps, ToggleIconButtonProps, ToolbarProps, TooltipProps, TransformProps, TreeViewProps };
|