@baseline-ui/core 0.52.0 → 0.54.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 +3693 -2726
- package/dist/index.css +1 -1
- package/dist/index.d.mts +158 -52
- package/dist/index.d.ts +158 -52
- package/dist/index.js +11 -11
- package/dist/index.mjs +11 -11
- package/package.json +15 -15
- package/sbom.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -4,7 +4,7 @@ import { Time, CalendarDateTime, ZonedDateTime, CalendarDate, CalendarIdentifier
|
|
|
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 { PanelProps as PanelProps$1, PanelImperativeHandle, GroupProps as GroupProps$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
|
|
|
@@ -437,17 +437,17 @@ interface SingleSelection {
|
|
|
437
437
|
/** The currently selected key in the collection (controlled). */
|
|
438
438
|
selectedKey?: Key | null,
|
|
439
439
|
/** The initial selected key in the collection (uncontrolled). */
|
|
440
|
-
defaultSelectedKey?: Key,
|
|
440
|
+
defaultSelectedKey?: Key | null,
|
|
441
441
|
/** Handler that is called when the selection changes. */
|
|
442
442
|
onSelectionChange?: (key: Key | null) => void
|
|
443
443
|
}
|
|
444
444
|
|
|
445
|
-
type SelectionMode$
|
|
445
|
+
type SelectionMode$3 = 'none' | 'single' | 'multiple';
|
|
446
446
|
type SelectionBehavior = 'toggle' | 'replace';
|
|
447
447
|
type Selection$1 = 'all' | Set<Key>;
|
|
448
448
|
interface MultipleSelection {
|
|
449
449
|
/** The type of selection that is allowed in the collection. */
|
|
450
|
-
selectionMode?: SelectionMode$
|
|
450
|
+
selectionMode?: SelectionMode$3,
|
|
451
451
|
/** Whether the collection allows empty selection. */
|
|
452
452
|
disallowEmptySelection?: boolean,
|
|
453
453
|
/** The currently selected keys in the collection (controlled). */
|
|
@@ -1001,6 +1001,11 @@ interface PressEvent {
|
|
|
1001
1001
|
x: number,
|
|
1002
1002
|
/** Y position relative to the target. */
|
|
1003
1003
|
y: number,
|
|
1004
|
+
/**
|
|
1005
|
+
* The key that triggered the press event, if it was triggered by a keyboard interaction.
|
|
1006
|
+
* This is useful for differentiating between Space and Enter key presses.
|
|
1007
|
+
*/
|
|
1008
|
+
key?: string,
|
|
1004
1009
|
/**
|
|
1005
1010
|
* By default, press events stop propagation to parent elements.
|
|
1006
1011
|
* In cases where a handler decides not to handle a specific event,
|
|
@@ -1350,7 +1355,7 @@ interface AriaBaseButtonProps extends FocusableDOMProps, AriaLabelingProps {
|
|
|
1350
1355
|
* The URL that processes the information submitted by the button.
|
|
1351
1356
|
* Overrides the action attribute of the button's form owner.
|
|
1352
1357
|
*/
|
|
1353
|
-
formAction?:
|
|
1358
|
+
formAction?: ButtonHTMLAttributes<HTMLButtonElement>['formAction'],
|
|
1354
1359
|
/** Indicates how to encode the form data that is submitted. */
|
|
1355
1360
|
formEncType?: string,
|
|
1356
1361
|
/** Indicates the HTTP method used to submit the form. */
|
|
@@ -1660,22 +1665,48 @@ interface AriaColorSwatchProps extends AriaLabelingProps, DOMProps {
|
|
|
1660
1665
|
|
|
1661
1666
|
|
|
1662
1667
|
type MenuTriggerAction = 'focus' | 'input' | 'manual';
|
|
1668
|
+
type SelectionMode$2 = 'single' | 'multiple';
|
|
1669
|
+
type ValueType$1<M extends SelectionMode$2> = M extends 'single' ? Key | null : Key[];
|
|
1670
|
+
type ValidationType$1<M extends SelectionMode$2> = M extends 'single' ? Key : Key[];
|
|
1663
1671
|
|
|
1664
|
-
interface ComboBoxValidationValue {
|
|
1665
|
-
/**
|
|
1672
|
+
interface ComboBoxValidationValue<M extends SelectionMode$2 = 'single'> {
|
|
1673
|
+
/**
|
|
1674
|
+
* The selected key in the ComboBox.
|
|
1675
|
+
* @deprecated
|
|
1676
|
+
*/
|
|
1666
1677
|
selectedKey: Key | null,
|
|
1678
|
+
/** The keys of the currently selected items. */
|
|
1679
|
+
value: ValidationType$1<M>,
|
|
1667
1680
|
/** The value of the ComboBox input. */
|
|
1668
1681
|
inputValue: string
|
|
1669
1682
|
}
|
|
1670
1683
|
|
|
1671
|
-
interface ComboBoxProps$1<T
|
|
1684
|
+
interface ComboBoxProps$1<T, M extends SelectionMode$2 = 'single'> extends CollectionBase<T>, InputBase, ValueBase<ValueType$1<M>>, TextInputBase, Validation<ComboBoxValidationValue>, FocusableProps$1<HTMLInputElement>, LabelableProps, HelpTextProps {
|
|
1672
1685
|
/** The list of ComboBox items (uncontrolled). */
|
|
1673
1686
|
defaultItems?: Iterable<T>,
|
|
1674
1687
|
/** The list of ComboBox items (controlled). */
|
|
1675
1688
|
items?: Iterable<T>,
|
|
1676
1689
|
/** Method that is called when the open state of the menu changes. Returns the new open state and the action that caused the opening of the menu. */
|
|
1677
1690
|
onOpenChange?: (isOpen: boolean, menuTrigger?: MenuTriggerAction) => void,
|
|
1678
|
-
/**
|
|
1691
|
+
/**
|
|
1692
|
+
* Whether single or multiple selection is enabled.
|
|
1693
|
+
* @default 'single'
|
|
1694
|
+
*/
|
|
1695
|
+
selectionMode?: M,
|
|
1696
|
+
/**
|
|
1697
|
+
* The currently selected key in the collection (controlled).
|
|
1698
|
+
* @deprecated
|
|
1699
|
+
*/
|
|
1700
|
+
selectedKey?: Key | null,
|
|
1701
|
+
/**
|
|
1702
|
+
* The initial selected key in the collection (uncontrolled).
|
|
1703
|
+
* @deprecated
|
|
1704
|
+
*/
|
|
1705
|
+
defaultSelectedKey?: Key | null,
|
|
1706
|
+
/**
|
|
1707
|
+
* Handler that is called when the selection changes.
|
|
1708
|
+
* @deprecated
|
|
1709
|
+
*/
|
|
1679
1710
|
onSelectionChange?: (key: Key | null) => void,
|
|
1680
1711
|
/** The value of the ComboBox input (controlled). */
|
|
1681
1712
|
inputValue?: string,
|
|
@@ -1684,7 +1715,7 @@ interface ComboBoxProps$1<T> extends CollectionBase<T>, Omit<SingleSelection, 'd
|
|
|
1684
1715
|
/** Handler that is called when the ComboBox input value changes. */
|
|
1685
1716
|
onInputChange?: (value: string) => void,
|
|
1686
1717
|
/** Whether the ComboBox allows a non-item matching input value to be set. */
|
|
1687
|
-
|
|
1718
|
+
allowsCustomValue?: boolean,
|
|
1688
1719
|
// /**
|
|
1689
1720
|
// * Whether the Combobox should only suggest matching options or autocomplete the field with the nearest matching option.
|
|
1690
1721
|
// * @default 'suggest'
|
|
@@ -1697,7 +1728,7 @@ interface ComboBoxProps$1<T> extends CollectionBase<T>, Omit<SingleSelection, 'd
|
|
|
1697
1728
|
menuTrigger?: MenuTriggerAction
|
|
1698
1729
|
}
|
|
1699
1730
|
|
|
1700
|
-
interface AriaComboBoxProps<T> extends ComboBoxProps$1<T>, DOMProps, InputDOMProps, AriaLabelingProps {
|
|
1731
|
+
interface AriaComboBoxProps<T, M extends SelectionMode$2 = 'single'> extends ComboBoxProps$1<T, M>, DOMProps, InputDOMProps, AriaLabelingProps {
|
|
1701
1732
|
/** Whether keyboard navigation is circular. */
|
|
1702
1733
|
shouldFocusWrap?: boolean
|
|
1703
1734
|
}
|
|
@@ -1766,7 +1797,7 @@ interface FocusState {
|
|
|
1766
1797
|
}
|
|
1767
1798
|
interface MultipleSelectionState extends FocusState {
|
|
1768
1799
|
/** The type of selection that is allowed in the collection. */
|
|
1769
|
-
readonly selectionMode: SelectionMode$
|
|
1800
|
+
readonly selectionMode: SelectionMode$3;
|
|
1770
1801
|
/** The selection behavior for the collection. */
|
|
1771
1802
|
readonly selectionBehavior: SelectionBehavior;
|
|
1772
1803
|
/** Sets the selection behavior for the collection. */
|
|
@@ -1784,7 +1815,7 @@ interface MultipleSelectionState extends FocusState {
|
|
|
1784
1815
|
}
|
|
1785
1816
|
interface MultipleSelectionManager extends FocusState {
|
|
1786
1817
|
/** The type of selection that is allowed in the collection. */
|
|
1787
|
-
readonly selectionMode: SelectionMode$
|
|
1818
|
+
readonly selectionMode: SelectionMode$3;
|
|
1788
1819
|
/** The selection behavior for the collection. */
|
|
1789
1820
|
readonly selectionBehavior: SelectionBehavior;
|
|
1790
1821
|
/** Whether the collection allows empty selection. */
|
|
@@ -1866,7 +1897,7 @@ declare class SelectionManager implements MultipleSelectionManager {
|
|
|
1866
1897
|
/**
|
|
1867
1898
|
* The type of selection that is allowed in the collection.
|
|
1868
1899
|
*/
|
|
1869
|
-
get selectionMode(): SelectionMode$
|
|
1900
|
+
get selectionMode(): SelectionMode$3;
|
|
1870
1901
|
/**
|
|
1871
1902
|
* Whether the collection allows empty selection.
|
|
1872
1903
|
*/
|
|
@@ -2133,7 +2164,7 @@ interface OverlayTriggerState {
|
|
|
2133
2164
|
}
|
|
2134
2165
|
|
|
2135
2166
|
type FilterFn = (textValue: string, inputValue: string) => boolean;
|
|
2136
|
-
interface ComboBoxStateOptions<T> extends Omit<ComboBoxProps$1<T>, 'children'>, CollectionStateBase<T> {
|
|
2167
|
+
interface ComboBoxStateOptions<T, M extends SelectionMode$2 = 'single'> extends Omit<ComboBoxProps$1<T, M>, 'children'>, CollectionStateBase<T> {
|
|
2137
2168
|
/** The filter function used to determine if a option should be included in the combo box list. */
|
|
2138
2169
|
defaultFilter?: FilterFn;
|
|
2139
2170
|
/** Whether the combo box allows the menu to be open when the collection is empty. */
|
|
@@ -2142,7 +2173,7 @@ interface ComboBoxStateOptions<T> extends Omit<ComboBoxProps$1<T>, 'children'>,
|
|
|
2142
2173
|
shouldCloseOnBlur?: boolean;
|
|
2143
2174
|
}
|
|
2144
2175
|
|
|
2145
|
-
interface AriaComboBoxOptions<T> extends Omit<AriaComboBoxProps<T>, 'children'> {
|
|
2176
|
+
interface AriaComboBoxOptions<T, M extends SelectionMode$2 = 'single'> extends Omit<AriaComboBoxProps<T, M>, 'children'> {
|
|
2146
2177
|
/** The ref for the input element. */
|
|
2147
2178
|
inputRef: RefObject<HTMLInputElement | null>;
|
|
2148
2179
|
/** The ref for the list box popover. */
|
|
@@ -2331,8 +2362,7 @@ type NullToObject<T> = T extends (null | undefined) ? {} : T;
|
|
|
2331
2362
|
type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;
|
|
2332
2363
|
/**
|
|
2333
2364
|
* Merges multiple props objects together. Event handlers are chained,
|
|
2334
|
-
* classNames are combined,
|
|
2335
|
-
* will trigger a side-effect and re-render components hooked up with `useId`.
|
|
2365
|
+
* classNames are combined, ids are deduplicated, and refs are merged.
|
|
2336
2366
|
* For all other props, the last prop object overrides all previous ones.
|
|
2337
2367
|
* @param args - Multiple sets of props to merge together.
|
|
2338
2368
|
*/
|
|
@@ -2392,7 +2422,7 @@ interface FocusScopeProps {
|
|
|
2392
2422
|
restoreFocus?: boolean;
|
|
2393
2423
|
/** Whether to auto focus the first focusable element in the focus scope on mount. */
|
|
2394
2424
|
autoFocus?: boolean;
|
|
2395
|
-
/** The owner document to
|
|
2425
|
+
/** The owner document for the focus scope. Used to support iframes and shadow DOM. */
|
|
2396
2426
|
ownerDocument?: Document;
|
|
2397
2427
|
}
|
|
2398
2428
|
interface FocusManagerOptions {
|
|
@@ -2852,11 +2882,11 @@ declare function useCollator(options?: Intl.CollatorOptions): Intl.Collator;
|
|
|
2852
2882
|
|
|
2853
2883
|
interface Filter {
|
|
2854
2884
|
/** Returns whether a string starts with a given substring. */
|
|
2855
|
-
startsWith(string: string, substring: string)
|
|
2885
|
+
startsWith: (string: string, substring: string) => boolean;
|
|
2856
2886
|
/** Returns whether a string ends with a given substring. */
|
|
2857
|
-
endsWith(string: string, substring: string)
|
|
2887
|
+
endsWith: (string: string, substring: string) => boolean;
|
|
2858
2888
|
/** Returns whether a string contains a given substring. */
|
|
2859
|
-
contains(string: string, substring: string)
|
|
2889
|
+
contains: (string: string, substring: string) => boolean;
|
|
2860
2890
|
}
|
|
2861
2891
|
/**
|
|
2862
2892
|
* Provides localized string search functionality that is useful for filtering or matching items
|
|
@@ -3075,6 +3105,7 @@ interface AriaMenuTriggerProps {
|
|
|
3075
3105
|
* position.
|
|
3076
3106
|
*/
|
|
3077
3107
|
type BoundaryAxis = 'horizontal' | 'vertical' | 'both';
|
|
3108
|
+
type HorizontalBoundaryBehavior$1 = 'shift' | 'anchor';
|
|
3078
3109
|
|
|
3079
3110
|
interface AriaPositionProps extends PositionProps {
|
|
3080
3111
|
/**
|
|
@@ -3100,6 +3131,16 @@ interface AriaPositionProps extends PositionProps {
|
|
|
3100
3131
|
* @default "both"
|
|
3101
3132
|
*/
|
|
3102
3133
|
boundaryAxis?: BoundaryAxis;
|
|
3134
|
+
/**
|
|
3135
|
+
* Controls horizontal overflow behavior when a boundary is present.
|
|
3136
|
+
*
|
|
3137
|
+
* - `"shift"` — keep placement and shift horizontally to stay within bounds.
|
|
3138
|
+
* - `"anchor"` — for top/bottom placements, use cross-axis placement flip
|
|
3139
|
+
* (`left`/`right`) without horizontal shifting.
|
|
3140
|
+
*
|
|
3141
|
+
* @default "shift"
|
|
3142
|
+
*/
|
|
3143
|
+
horizontalBoundaryBehavior?: HorizontalBoundaryBehavior$1;
|
|
3103
3144
|
/**
|
|
3104
3145
|
* The ref for the element which the overlay positions itself with respect to.
|
|
3105
3146
|
*/
|
|
@@ -3345,7 +3386,7 @@ interface AriaProgressBarProps extends ProgressBarProps$1, DOMProps, AriaLabelin
|
|
|
3345
3386
|
|
|
3346
3387
|
|
|
3347
3388
|
|
|
3348
|
-
interface RadioGroupProps$1 extends ValueBase<string|null, string>, InputBase, Pick<InputDOMProps, 'name'>, Validation<string
|
|
3389
|
+
interface RadioGroupProps$1 extends ValueBase<string|null, string>, InputBase, Pick<InputDOMProps, 'name'>, Validation<string>, LabelableProps, HelpTextProps, FocusEvents {
|
|
3349
3390
|
/**
|
|
3350
3391
|
* The axis the Radio Button(s) should align with.
|
|
3351
3392
|
* @default 'vertical'
|
|
@@ -3404,10 +3445,11 @@ interface AriaSearchFieldProps extends SearchFieldProps, Omit<AriaTextFieldProps
|
|
|
3404
3445
|
|
|
3405
3446
|
|
|
3406
3447
|
type SelectionMode$1 = 'single' | 'multiple';
|
|
3407
|
-
type ValueType<M extends SelectionMode$1> = M extends 'single' ? Key | null : Key[];
|
|
3448
|
+
type ValueType<M extends SelectionMode$1> = M extends 'single' ? Key | null : readonly Key[];
|
|
3449
|
+
type ChangeValueType<M extends SelectionMode$1> = M extends 'single' ? Key | null : Key[];
|
|
3408
3450
|
type ValidationType<M extends SelectionMode$1> = M extends 'single' ? Key : Key[];
|
|
3409
3451
|
|
|
3410
|
-
interface SelectProps$1<T, M extends SelectionMode$1 = 'single'> extends CollectionBase<T>, Omit<InputBase, 'isReadOnly'>, ValueBase<ValueType<M>>, Validation<ValidationType<M>>, HelpTextProps, LabelableProps, TextInputBase, FocusableProps$1 {
|
|
3452
|
+
interface SelectProps$1<T, M extends SelectionMode$1 = 'single'> extends CollectionBase<T>, Omit<InputBase, 'isReadOnly'>, ValueBase<ValueType<M>, ChangeValueType<M>>, Validation<ValidationType<M>>, HelpTextProps, LabelableProps, TextInputBase, FocusableProps$1 {
|
|
3411
3453
|
/**
|
|
3412
3454
|
* Whether single or multiple selection is enabled.
|
|
3413
3455
|
* @default 'single'
|
|
@@ -3422,7 +3464,7 @@ interface SelectProps$1<T, M extends SelectionMode$1 = 'single'> extends Collect
|
|
|
3422
3464
|
* The initial selected key in the collection (uncontrolled).
|
|
3423
3465
|
* @deprecated
|
|
3424
3466
|
*/
|
|
3425
|
-
defaultSelectedKey?: Key,
|
|
3467
|
+
defaultSelectedKey?: Key | null,
|
|
3426
3468
|
/**
|
|
3427
3469
|
* Handler that is called when the selection changes.
|
|
3428
3470
|
* @deprecated
|
|
@@ -3433,7 +3475,9 @@ interface SelectProps$1<T, M extends SelectionMode$1 = 'single'> extends Collect
|
|
|
3433
3475
|
/** Sets the default open state of the menu. */
|
|
3434
3476
|
defaultOpen?: boolean,
|
|
3435
3477
|
/** Method that is called when the open state of the menu changes. */
|
|
3436
|
-
onOpenChange?: (isOpen: boolean) => void
|
|
3478
|
+
onOpenChange?: (isOpen: boolean) => void,
|
|
3479
|
+
/** Whether the select should be allowed to be open when the collection is empty. */
|
|
3480
|
+
allowsEmptyCollection?: boolean
|
|
3437
3481
|
}
|
|
3438
3482
|
|
|
3439
3483
|
interface AriaSelectProps<T, M extends SelectionMode$1 = 'single'> extends SelectProps$1<T, M>, DOMProps, AriaLabelingProps, FocusableDOMProps {
|
|
@@ -3563,12 +3607,16 @@ declare let _Item: <T>(props: ItemProps$1<T>) => JSX.Element;
|
|
|
3563
3607
|
|
|
3564
3608
|
|
|
3565
3609
|
|
|
3566
|
-
interface TabListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'disallowEmptySelection' | 'onSelectionChange'> {
|
|
3610
|
+
interface TabListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'disallowEmptySelection' | 'selectedKey' | 'defaultSelectedKeys' | 'onSelectionChange'> {
|
|
3567
3611
|
/**
|
|
3568
3612
|
* Whether the TabList is disabled.
|
|
3569
3613
|
* Shows that a selection exists, but is not available in that circumstance.
|
|
3570
3614
|
*/
|
|
3571
3615
|
isDisabled?: boolean,
|
|
3616
|
+
/** The currently selected key in the collection (controlled). */
|
|
3617
|
+
selectedKey?: Key,
|
|
3618
|
+
/** The initial selected keys in the collection (uncontrolled). */
|
|
3619
|
+
defaultSelectedKey?: Key,
|
|
3572
3620
|
/** Handler that is called when the selection changes. */
|
|
3573
3621
|
onSelectionChange?: (key: Key) => void
|
|
3574
3622
|
}
|
|
@@ -3703,7 +3751,13 @@ interface TooltipTriggerProps extends OverlayTriggerProps$1 {
|
|
|
3703
3751
|
* By default, opens for both focus and hover. Can be made to open only for focus.
|
|
3704
3752
|
* @default 'hover'
|
|
3705
3753
|
*/
|
|
3706
|
-
trigger?: 'hover' | 'focus'
|
|
3754
|
+
trigger?: 'hover' | 'focus',
|
|
3755
|
+
|
|
3756
|
+
/**
|
|
3757
|
+
* Whether the tooltip should close when the trigger is pressed.
|
|
3758
|
+
* @default true
|
|
3759
|
+
*/
|
|
3760
|
+
shouldCloseOnPress?: boolean
|
|
3707
3761
|
}
|
|
3708
3762
|
|
|
3709
3763
|
interface TooltipProps$1 {
|
|
@@ -3820,9 +3874,9 @@ interface ListData<T> {
|
|
|
3820
3874
|
/**
|
|
3821
3875
|
* Updates an item in the list.
|
|
3822
3876
|
* @param key - The key of the item to update.
|
|
3823
|
-
* @param newValue - The new value for the item.
|
|
3877
|
+
* @param newValue - The new value for the item, or a function that returns the new value based on the previous value.
|
|
3824
3878
|
*/
|
|
3825
|
-
update(key: Key, newValue: T): void;
|
|
3879
|
+
update(key: Key, newValue: T | ((prev: T) => T)): void;
|
|
3826
3880
|
}
|
|
3827
3881
|
/**
|
|
3828
3882
|
* Manages state for an immutable list data structure, and provides convenience methods to
|
|
@@ -3941,7 +3995,7 @@ type ClassNameOrFunction<T> = string | ((values: T & {
|
|
|
3941
3995
|
type StyleOrFunction<T> = CSSProperties | ((values: T & {
|
|
3942
3996
|
defaultStyle: CSSProperties;
|
|
3943
3997
|
}) => CSSProperties | undefined);
|
|
3944
|
-
interface StyleRenderProps<T> {
|
|
3998
|
+
interface StyleRenderProps<T, E extends keyof React__default.JSX.IntrinsicElements = 'div'> extends DOMRenderProps<E, T> {
|
|
3945
3999
|
/** 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. */
|
|
3946
4000
|
className?: ClassNameOrFunction<T>;
|
|
3947
4001
|
/** 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. */
|
|
@@ -3954,6 +4008,21 @@ interface SlotProps {
|
|
|
3954
4008
|
*/
|
|
3955
4009
|
slot?: string | null;
|
|
3956
4010
|
}
|
|
4011
|
+
type DOMRenderFunction<E extends keyof React__default.JSX.IntrinsicElements, T> = (props: React__default.JSX.IntrinsicElements[E], renderProps: T) => ReactElement;
|
|
4012
|
+
interface DOMRenderProps<E extends keyof React__default.JSX.IntrinsicElements, T> {
|
|
4013
|
+
/**
|
|
4014
|
+
* Overrides the default DOM element with a custom render function.
|
|
4015
|
+
* This allows rendering existing components with built-in styles and behaviors
|
|
4016
|
+
* such as router links, animation libraries, and pre-styled components.
|
|
4017
|
+
*
|
|
4018
|
+
* Requirements:
|
|
4019
|
+
*
|
|
4020
|
+
* * You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).
|
|
4021
|
+
* * Only a single root DOM element can be rendered (no fragments).
|
|
4022
|
+
* * You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.
|
|
4023
|
+
*/
|
|
4024
|
+
render?: DOMRenderFunction<E, T>;
|
|
4025
|
+
}
|
|
3957
4026
|
|
|
3958
4027
|
interface AutocompleteProps$1 {
|
|
3959
4028
|
/** The value of the autocomplete input (controlled). */
|
|
@@ -3988,7 +4057,7 @@ interface AriaAutocompleteProps<T> extends AutocompleteProps$1 {
|
|
|
3988
4057
|
interface AutocompleteProps<T = object> extends AriaAutocompleteProps<T>, SlotProps {
|
|
3989
4058
|
}
|
|
3990
4059
|
/**
|
|
3991
|
-
* An autocomplete
|
|
4060
|
+
* An autocomplete allows users to search or filter a list of suggestions.
|
|
3992
4061
|
*/
|
|
3993
4062
|
declare function Autocomplete<T extends object>(props: AutocompleteProps<T>): JSX.Element;
|
|
3994
4063
|
|
|
@@ -4034,7 +4103,7 @@ interface ItemRenderProps {
|
|
|
4034
4103
|
* The type of selection that is allowed in the collection.
|
|
4035
4104
|
* @selector [data-selection-mode="single | multiple"]
|
|
4036
4105
|
*/
|
|
4037
|
-
selectionMode: SelectionMode$
|
|
4106
|
+
selectionMode: SelectionMode$3;
|
|
4038
4107
|
/** The selection behavior for the collection. */
|
|
4039
4108
|
selectionBehavior: SelectionBehavior;
|
|
4040
4109
|
/**
|
|
@@ -4586,6 +4655,12 @@ interface GridLayoutOptions {
|
|
|
4586
4655
|
* @default 2
|
|
4587
4656
|
*/
|
|
4588
4657
|
dropIndicatorThickness?: number;
|
|
4658
|
+
/**
|
|
4659
|
+
* The fixed height of a loader element in px. This loader is specifically for
|
|
4660
|
+
* "load more" elements rendered when loading more rows at the root level or inside nested row/sections.
|
|
4661
|
+
* @default 48
|
|
4662
|
+
*/
|
|
4663
|
+
loaderHeight?: number;
|
|
4589
4664
|
}
|
|
4590
4665
|
/**
|
|
4591
4666
|
* GridLayout is a virtualizer Layout implementation
|
|
@@ -4776,6 +4851,12 @@ interface WaterfallLayoutOptions {
|
|
|
4776
4851
|
* @default 2
|
|
4777
4852
|
*/
|
|
4778
4853
|
dropIndicatorThickness?: number;
|
|
4854
|
+
/**
|
|
4855
|
+
* The fixed height of a loader element in px. This loader is specifically for
|
|
4856
|
+
* "load more" elements rendered when loading more rows at the root level or inside nested row/sections.
|
|
4857
|
+
* @default 48
|
|
4858
|
+
*/
|
|
4859
|
+
loaderHeight?: number;
|
|
4779
4860
|
}
|
|
4780
4861
|
declare class WaterfallLayout<T extends object, O extends WaterfallLayoutOptions = WaterfallLayoutOptions> extends Layout<Node$1<T>, O> implements LayoutDelegate, DropTargetDelegate {
|
|
4781
4862
|
private contentSize;
|
|
@@ -4829,9 +4910,9 @@ interface AriaToolbarProps extends AriaLabelingProps {
|
|
|
4829
4910
|
*/
|
|
4830
4911
|
orientation?: Orientation;
|
|
4831
4912
|
/**
|
|
4832
|
-
|
|
4833
|
-
|
|
4834
|
-
|
|
4913
|
+
* Allows tabbing through the toolbar's content when false.
|
|
4914
|
+
* @default true
|
|
4915
|
+
*/
|
|
4835
4916
|
isSingleTabStop?: boolean;
|
|
4836
4917
|
}
|
|
4837
4918
|
|
|
@@ -5448,6 +5529,7 @@ declare const ModalClose: React__default.FC<{
|
|
|
5448
5529
|
children: React__default.ReactNode;
|
|
5449
5530
|
}>;
|
|
5450
5531
|
|
|
5532
|
+
type HorizontalBoundaryBehavior = "shift" | "anchor";
|
|
5451
5533
|
type OverlayTriggerProps_ = Parameters<typeof useOverlayTrigger>[0];
|
|
5452
5534
|
interface PopoverContentHandle {
|
|
5453
5535
|
/**
|
|
@@ -5547,6 +5629,19 @@ interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "tri
|
|
|
5547
5629
|
* @default "both"
|
|
5548
5630
|
*/
|
|
5549
5631
|
boundaryAxis?: BoundaryAxis;
|
|
5632
|
+
/**
|
|
5633
|
+
* Controls how horizontal overflow is resolved when a boundary is present.
|
|
5634
|
+
*
|
|
5635
|
+
* - `"shift"` — keeps placement and shifts horizontally to stay within bounds
|
|
5636
|
+
* (default)
|
|
5637
|
+
* - `"anchor"` — for top/bottom placements, resolves overflow by cross-axis
|
|
5638
|
+
* placement flip (`left`/`right`) without horizontal shifting
|
|
5639
|
+
*
|
|
5640
|
+
* Has no effect when `boundaryElement` is `null`.
|
|
5641
|
+
*
|
|
5642
|
+
* @default "shift"
|
|
5643
|
+
*/
|
|
5644
|
+
horizontalBoundaryBehavior?: HorizontalBoundaryBehavior;
|
|
5550
5645
|
}
|
|
5551
5646
|
interface PopoverTriggerProps {
|
|
5552
5647
|
/** The contents of the popover trigger. */
|
|
@@ -5575,7 +5670,7 @@ type MenuSection = Omit<ListSection, "children"> & {
|
|
|
5575
5670
|
children: MenuOption[];
|
|
5576
5671
|
};
|
|
5577
5672
|
type MenuItem = MenuOption | MenuSection;
|
|
5578
|
-
type MenuPopoverProps = Pick<PopoverContentProps, "isNonModal" | "placement" | "shouldUpdatePosition" | "shouldFlip" | "boundaryElement" | "boundaryAxis" | "crossOffset" | "offset" | "portalContainer">;
|
|
5673
|
+
type MenuPopoverProps = Pick<PopoverContentProps, "isNonModal" | "placement" | "shouldUpdatePosition" | "shouldFlip" | "boundaryElement" | "boundaryAxis" | "horizontalBoundaryBehavior" | "crossOffset" | "offset" | "portalContainer">;
|
|
5579
5674
|
interface MenuProps extends MenuPopoverProps, MenuTriggerProps, Omit<AriaMenuProps<MenuItem>, "children">, Omit<AriaMenuTriggerProps, "type"> {
|
|
5580
5675
|
/** The `className` property assigned to the root element of the component. */
|
|
5581
5676
|
className?: string;
|
|
@@ -8165,26 +8260,24 @@ interface PanelProps extends StylingProps {
|
|
|
8165
8260
|
*/
|
|
8166
8261
|
minSize?: PanelProps$1["minSize"];
|
|
8167
8262
|
/** Called with current panel size on resize */
|
|
8168
|
-
onResize?:
|
|
8169
|
-
/**
|
|
8170
|
-
* Provide a value in case of conditional rendering to ensure panels are
|
|
8171
|
-
* correctly added back
|
|
8172
|
-
*/
|
|
8173
|
-
order?: PanelProps$1["order"];
|
|
8263
|
+
onResize?: (size: number) => void;
|
|
8174
8264
|
}
|
|
8175
8265
|
interface PanelGroupProps extends StylingProps {
|
|
8176
8266
|
/** Content comprising `Panel` and `PanelResizeHandle` */
|
|
8177
8267
|
children: ReactNode;
|
|
8178
8268
|
/** Orientation of the layout */
|
|
8179
|
-
direction:
|
|
8180
|
-
/**
|
|
8181
|
-
|
|
8269
|
+
direction: NonNullable<GroupProps$1["orientation"]>;
|
|
8270
|
+
/**
|
|
8271
|
+
* Called with a map of panel id to size (percentage) when group layout
|
|
8272
|
+
* changes
|
|
8273
|
+
*/
|
|
8274
|
+
onLayout?: (layout: Record<string, number>) => void;
|
|
8182
8275
|
/**
|
|
8183
8276
|
* When passed, automatically persists layouts, should be unique amongst other
|
|
8184
8277
|
* `PanelGroup`. Each `Panel` should have a stable `id` prop for persistence
|
|
8185
8278
|
* to work correctly.
|
|
8186
8279
|
*/
|
|
8187
|
-
autoSaveId?:
|
|
8280
|
+
autoSaveId?: string;
|
|
8188
8281
|
}
|
|
8189
8282
|
interface PanelResizeHandleProps extends StylingProps {
|
|
8190
8283
|
/**
|
|
@@ -8192,13 +8285,13 @@ interface PanelResizeHandleProps extends StylingProps {
|
|
|
8192
8285
|
*
|
|
8193
8286
|
* @default false
|
|
8194
8287
|
*/
|
|
8195
|
-
isDisabled?:
|
|
8288
|
+
isDisabled?: SeparatorProps$2["disabled"];
|
|
8196
8289
|
}
|
|
8197
8290
|
interface ImperativePanelGroupHandle {
|
|
8198
|
-
setLayout?:
|
|
8291
|
+
setLayout?: (layout: Record<string, number>) => void;
|
|
8199
8292
|
}
|
|
8200
8293
|
interface ImperativePanelHandle {
|
|
8201
|
-
resize?:
|
|
8294
|
+
resize?: PanelImperativeHandle["resize"];
|
|
8202
8295
|
}
|
|
8203
8296
|
|
|
8204
8297
|
declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<ImperativePanelHandle>>;
|
|
@@ -8398,6 +8491,19 @@ interface PointPickerContentProps extends StylingProps, Pick<FocusProps<Focusabl
|
|
|
8398
8491
|
onMove?: (options: Options) => void;
|
|
8399
8492
|
/** The content follows the cursor. */
|
|
8400
8493
|
renderTrailingElement?: () => React__default.ReactElement;
|
|
8494
|
+
/**
|
|
8495
|
+
* Custom render function for the point-picker cursor indicator. If not
|
|
8496
|
+
* provided, the default built-in cursor indicator is rendered. Return
|
|
8497
|
+
* `undefined` to use the default indicator for a specific modality and `null`
|
|
8498
|
+
* to render no cursor for that modality.
|
|
8499
|
+
*/
|
|
8500
|
+
renderCursor?: (options: {
|
|
8501
|
+
coordinates: {
|
|
8502
|
+
x: number;
|
|
8503
|
+
y: number;
|
|
8504
|
+
};
|
|
8505
|
+
modality: "keyboard" | "pointer";
|
|
8506
|
+
}) => React__default.ReactElement | null | undefined;
|
|
8401
8507
|
}
|
|
8402
8508
|
interface Description {
|
|
8403
8509
|
label: string;
|
|
@@ -9006,4 +9112,4 @@ declare namespace reactStately {
|
|
|
9006
9112
|
export { type reactStately_Color as Color, type reactStately_ListData as ListData, type reactStately_TreeData as TreeData, reactStately_useListData as useListData, reactStately_useTreeData as useTreeData };
|
|
9007
9113
|
}
|
|
9008
9114
|
|
|
9009
|
-
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, 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 };
|
|
9115
|
+
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 };
|