@accelint/design-system 0.2.0 → 0.3.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/dist/chunk-4CPMP3H7.js +418 -0
- package/dist/chunk-4CPMP3H7.js.map +1 -0
- package/dist/{styles.css → index.css} +885 -779
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +871 -8
- package/dist/index.js +5278 -66
- package/dist/index.js.map +1 -1
- package/dist/vanilla-DUNpoS8t.d.ts +2514 -0
- package/dist/vanilla.d.ts +9 -30
- package/dist/vanilla.js +3 -27
- package/dist/vanilla.js.map +1 -0
- package/package.json +13 -19
- package/dist/assets/components/button/button.css +0 -55
- package/dist/assets/components/checkbox/checkbox.css +0 -73
- package/dist/assets/components/chip/chip.css +0 -62
- package/dist/assets/components/combo-box/combo-box.css +0 -66
- package/dist/assets/components/dialog/dialog.css +0 -51
- package/dist/assets/components/drawer/drawer.css +0 -135
- package/dist/assets/components/group/group.css +0 -33
- package/dist/assets/components/icon/icon.css +0 -19
- package/dist/assets/components/input/input.css +0 -29
- package/dist/assets/components/menu/menu.css +0 -85
- package/dist/assets/components/options/options.css +0 -82
- package/dist/assets/components/picker/picker.css +0 -47
- package/dist/assets/components/popover/popover.css +0 -26
- package/dist/assets/components/query-builder/query-builder.css +0 -129
- package/dist/assets/components/radio/radio.css +0 -67
- package/dist/assets/components/search-field/search-field.css +0 -62
- package/dist/assets/components/select/select.css +0 -33
- package/dist/assets/components/switch/switch.css +0 -62
- package/dist/assets/components/tabs/tabs.css +0 -144
- package/dist/assets/components/textarea/textarea.css +0 -32
- package/dist/assets/components/tooltip/tooltip.css +0 -54
- package/dist/assets/components/tree/tree.css +0 -157
- package/dist/assets/hooks/use-theme/use-theme.css +0 -6
- package/dist/assets/src/components/button/button.css.ts.vanilla-9uttMYGm.css +0 -55
- package/dist/assets/src/components/checkbox/checkbox.css.ts.vanilla-Bewmypyn.css +0 -73
- package/dist/assets/src/components/chip/chip.css.ts.vanilla-CsGhxrlu.css +0 -62
- package/dist/assets/src/components/combo-box/combo-box.css.ts.vanilla-BNEPKjPm.css +0 -66
- package/dist/assets/src/components/dialog/dialog.css.ts.vanilla-CG0m-NJD.css +0 -51
- package/dist/assets/src/components/drawer/drawer.css.ts.vanilla-DEfHnoNS.css +0 -135
- package/dist/assets/src/components/group/group.css.ts.vanilla-DR69xgQy.css +0 -33
- package/dist/assets/src/components/icon/icon.css.ts.vanilla-CoUAfp2F.css +0 -19
- package/dist/assets/src/components/input/input.css.ts.vanilla-DoK5h9SX.css +0 -29
- package/dist/assets/src/components/menu/menu.css.ts.vanilla-LoWLg-jE.css +0 -85
- package/dist/assets/src/components/options/options.css.ts.vanilla-CWWFBTou.css +0 -82
- package/dist/assets/src/components/picker/picker.css.ts.vanilla-Fe0YXv-c.css +0 -47
- package/dist/assets/src/components/popover/popover.css.ts.vanilla-C5YGwwVD.css +0 -26
- package/dist/assets/src/components/query-builder/query-builder.css.ts.vanilla-B3P9cbCv.css +0 -129
- package/dist/assets/src/components/radio/radio.css.ts.vanilla-gi-KedQc.css +0 -67
- package/dist/assets/src/components/search-field/search-field.css.ts.vanilla-B_JL53f8.css +0 -62
- package/dist/assets/src/components/select/select.css.ts.vanilla-C94A60jf.css +0 -33
- package/dist/assets/src/components/switch/switch.css.ts.vanilla-DkQwtRa6.css +0 -62
- package/dist/assets/src/components/tabs/tabs.css.ts.vanilla-BygIflpl.css +0 -144
- package/dist/assets/src/components/textarea/textarea.css.ts.vanilla-Ba6E5HFc.css +0 -32
- package/dist/assets/src/components/tooltip/tooltip.css.ts.vanilla-BntxAlwN.css +0 -54
- package/dist/assets/src/components/tree/tree.css.ts.vanilla-SLmhk0zZ.css +0 -157
- package/dist/assets/src/hooks/use-theme/use-theme.css.ts.vanilla-zkVHnGkP.css +0 -6
- package/dist/assets/src/styles/layers.css.ts.vanilla-B2GUgnOF.css +0 -21
- package/dist/assets/src/styles/reset.css.ts.vanilla-C8PShXm0.css +0 -31
- package/dist/assets/src/styles/space.css.ts.vanilla-Md6Whc4G.css +0 -18
- package/dist/assets/src/styles/surfaces.css.ts.vanilla-Ckztx7VT.css +0 -24
- package/dist/assets/src/styles/theme.css.ts.vanilla-aDPSIzBK.css +0 -208
- package/dist/assets/src/styles/typography.css.ts.vanilla-DRT9H7rd.css +0 -150
- package/dist/assets/styles/layers.css +0 -21
- package/dist/assets/styles/reset.css +0 -31
- package/dist/assets/styles/space.css +0 -18
- package/dist/assets/styles/surfaces.css +0 -24
- package/dist/assets/styles/theme.css +0 -208
- package/dist/assets/styles/typography.css +0 -150
- package/dist/components/aria/aria.d.ts +0 -19
- package/dist/components/aria/aria.js +0 -36
- package/dist/components/aria/aria.js.map +0 -1
- package/dist/components/aria/index.d.ts +0 -1
- package/dist/components/button/button.css.d.ts +0 -33
- package/dist/components/button/button.d.ts +0 -39
- package/dist/components/button/button.js +0 -71
- package/dist/components/button/button.js.map +0 -1
- package/dist/components/button/button.vanilla.js +0 -8
- package/dist/components/button/button.vanilla.js.map +0 -1
- package/dist/components/button/index.d.ts +0 -3
- package/dist/components/button/types.d.ts +0 -28
- package/dist/components/checkbox/checkbox.css.d.ts +0 -35
- package/dist/components/checkbox/checkbox.d.ts +0 -21
- package/dist/components/checkbox/checkbox.js +0 -68
- package/dist/components/checkbox/checkbox.js.map +0 -1
- package/dist/components/checkbox/checkbox.vanilla.js +0 -9
- package/dist/components/checkbox/checkbox.vanilla.js.map +0 -1
- package/dist/components/checkbox/index.d.ts +0 -3
- package/dist/components/checkbox/types.d.ts +0 -38
- package/dist/components/chip/chip.css.d.ts +0 -31
- package/dist/components/chip/chip.d.ts +0 -30
- package/dist/components/chip/chip.js +0 -106
- package/dist/components/chip/chip.js.map +0 -1
- package/dist/components/chip/chip.vanilla.js +0 -8
- package/dist/components/chip/chip.vanilla.js.map +0 -1
- package/dist/components/chip/index.d.ts +0 -3
- package/dist/components/chip/types.d.ts +0 -31
- package/dist/components/collection/collection.d.ts +0 -13
- package/dist/components/collection/collection.js +0 -15
- package/dist/components/collection/collection.js.map +0 -1
- package/dist/components/collection/index.d.ts +0 -1
- package/dist/components/combo-box/combo-box.css.d.ts +0 -22
- package/dist/components/combo-box/combo-box.d.ts +0 -8
- package/dist/components/combo-box/combo-box.js +0 -87
- package/dist/components/combo-box/combo-box.js.map +0 -1
- package/dist/components/combo-box/combo-box.vanilla.js +0 -8
- package/dist/components/combo-box/combo-box.vanilla.js.map +0 -1
- package/dist/components/combo-box/index.d.ts +0 -3
- package/dist/components/combo-box/types.d.ts +0 -32
- package/dist/components/dialog/dialog.css.d.ts +0 -34
- package/dist/components/dialog/dialog.d.ts +0 -18
- package/dist/components/dialog/dialog.js +0 -146
- package/dist/components/dialog/dialog.js.map +0 -1
- package/dist/components/dialog/dialog.vanilla.js +0 -8
- package/dist/components/dialog/dialog.vanilla.js.map +0 -1
- package/dist/components/dialog/index.d.ts +0 -3
- package/dist/components/dialog/types.d.ts +0 -48
- package/dist/components/drawer/drawer.css.d.ts +0 -33
- package/dist/components/drawer/drawer.d.ts +0 -13
- package/dist/components/drawer/drawer.js +0 -199
- package/dist/components/drawer/drawer.js.map +0 -1
- package/dist/components/drawer/drawer.vanilla.js +0 -10
- package/dist/components/drawer/drawer.vanilla.js.map +0 -1
- package/dist/components/drawer/index.d.ts +0 -3
- package/dist/components/drawer/types.d.ts +0 -71
- package/dist/components/element/element.d.ts +0 -11
- package/dist/components/element/element.js +0 -21
- package/dist/components/element/element.js.map +0 -1
- package/dist/components/element/index.d.ts +0 -2
- package/dist/components/element/types.d.ts +0 -21
- package/dist/components/group/group.css.d.ts +0 -14
- package/dist/components/group/group.d.ts +0 -10
- package/dist/components/group/group.js +0 -44
- package/dist/components/group/group.js.map +0 -1
- package/dist/components/group/group.vanilla.js +0 -7
- package/dist/components/group/group.vanilla.js.map +0 -1
- package/dist/components/group/index.d.ts +0 -3
- package/dist/components/group/types.d.ts +0 -35
- package/dist/components/icon/icon.css.d.ts +0 -18
- package/dist/components/icon/icon.d.ts +0 -12
- package/dist/components/icon/icon.js +0 -26
- package/dist/components/icon/icon.js.map +0 -1
- package/dist/components/icon/icon.vanilla.js +0 -8
- package/dist/components/icon/icon.vanilla.js.map +0 -1
- package/dist/components/icon/index.d.ts +0 -3
- package/dist/components/icon/types.d.ts +0 -13
- package/dist/components/index.d.ts +0 -26
- package/dist/components/input/index.d.ts +0 -3
- package/dist/components/input/input.css.d.ts +0 -29
- package/dist/components/input/input.d.ts +0 -8
- package/dist/components/input/input.js +0 -93
- package/dist/components/input/input.js.map +0 -1
- package/dist/components/input/input.vanilla.js +0 -8
- package/dist/components/input/input.vanilla.js.map +0 -1
- package/dist/components/input/types.d.ts +0 -44
- package/dist/components/menu/index.d.ts +0 -3
- package/dist/components/menu/menu.css.d.ts +0 -75
- package/dist/components/menu/menu.d.ts +0 -24
- package/dist/components/menu/menu.js +0 -155
- package/dist/components/menu/menu.js.map +0 -1
- package/dist/components/menu/menu.vanilla.js +0 -8
- package/dist/components/menu/menu.vanilla.js.map +0 -1
- package/dist/components/menu/types.d.ts +0 -48
- package/dist/components/merge-provider/index.d.ts +0 -2
- package/dist/components/merge-provider/merge-provider.d.ts +0 -14
- package/dist/components/merge-provider/merge-provider.js +0 -40
- package/dist/components/merge-provider/merge-provider.js.map +0 -1
- package/dist/components/merge-provider/types.d.ts +0 -5
- package/dist/components/options/index.d.ts +0 -3
- package/dist/components/options/options.css.d.ts +0 -79
- package/dist/components/options/options.d.ts +0 -20
- package/dist/components/options/options.js +0 -152
- package/dist/components/options/options.js.map +0 -1
- package/dist/components/options/options.vanilla.js +0 -10
- package/dist/components/options/options.vanilla.js.map +0 -1
- package/dist/components/options/types.d.ts +0 -49
- package/dist/components/picker/index.d.ts +0 -3
- package/dist/components/picker/picker.css.d.ts +0 -32
- package/dist/components/picker/picker.d.ts +0 -18
- package/dist/components/picker/picker.js +0 -46
- package/dist/components/picker/picker.js.map +0 -1
- package/dist/components/picker/picker.stories.css.d.ts +0 -3
- package/dist/components/picker/picker.vanilla.js +0 -9
- package/dist/components/picker/picker.vanilla.js.map +0 -1
- package/dist/components/picker/types.d.ts +0 -28
- package/dist/components/popover/index.d.ts +0 -3
- package/dist/components/popover/popover.css.d.ts +0 -31
- package/dist/components/popover/popover.d.ts +0 -8
- package/dist/components/popover/popover.js +0 -110
- package/dist/components/popover/popover.js.map +0 -1
- package/dist/components/popover/popover.vanilla.js +0 -7
- package/dist/components/popover/popover.vanilla.js.map +0 -1
- package/dist/components/popover/types.d.ts +0 -32
- package/dist/components/query-builder/action-element.d.ts +0 -2
- package/dist/components/query-builder/action-element.js +0 -12
- package/dist/components/query-builder/action-element.js.map +0 -1
- package/dist/components/query-builder/constants.d.ts +0 -4
- package/dist/components/query-builder/constants.js +0 -20
- package/dist/components/query-builder/constants.js.map +0 -1
- package/dist/components/query-builder/dataset-sample.d.ts +0 -91
- package/dist/components/query-builder/group.d.ts +0 -5
- package/dist/components/query-builder/group.js +0 -87
- package/dist/components/query-builder/group.js.map +0 -1
- package/dist/components/query-builder/index.d.ts +0 -5
- package/dist/components/query-builder/query-builder.css.d.ts +0 -91
- package/dist/components/query-builder/query-builder.d.ts +0 -2
- package/dist/components/query-builder/query-builder.js +0 -129
- package/dist/components/query-builder/query-builder.js.map +0 -1
- package/dist/components/query-builder/query-builder.vanilla.js +0 -10
- package/dist/components/query-builder/query-builder.vanilla.js.map +0 -1
- package/dist/components/query-builder/rule.d.ts +0 -3
- package/dist/components/query-builder/rule.js +0 -112
- package/dist/components/query-builder/rule.js.map +0 -1
- package/dist/components/query-builder/types.d.ts +0 -128
- package/dist/components/query-builder/utils.d.ts +0 -29
- package/dist/components/query-builder/utils.js +0 -22
- package/dist/components/query-builder/utils.js.map +0 -1
- package/dist/components/query-builder/value-editor.d.ts +0 -4
- package/dist/components/query-builder/value-editor.js +0 -74
- package/dist/components/query-builder/value-editor.js.map +0 -1
- package/dist/components/query-builder/value-selector.d.ts +0 -2
- package/dist/components/query-builder/value-selector.js +0 -28
- package/dist/components/query-builder/value-selector.js.map +0 -1
- package/dist/components/radio/index.d.ts +0 -3
- package/dist/components/radio/radio.css.d.ts +0 -34
- package/dist/components/radio/radio.d.ts +0 -16
- package/dist/components/radio/radio.js +0 -63
- package/dist/components/radio/radio.js.map +0 -1
- package/dist/components/radio/radio.vanilla.js +0 -8
- package/dist/components/radio/radio.vanilla.js.map +0 -1
- package/dist/components/radio/types.d.ts +0 -29
- package/dist/components/search-field/index.d.ts +0 -3
- package/dist/components/search-field/search-field.css.d.ts +0 -16
- package/dist/components/search-field/search-field.d.ts +0 -9
- package/dist/components/search-field/search-field.js +0 -60
- package/dist/components/search-field/search-field.js.map +0 -1
- package/dist/components/search-field/search-field.vanilla.js +0 -7
- package/dist/components/search-field/search-field.vanilla.js.map +0 -1
- package/dist/components/search-field/types.d.ts +0 -29
- package/dist/components/select/index.d.ts +0 -3
- package/dist/components/select/select.css.d.ts +0 -25
- package/dist/components/select/select.d.ts +0 -8
- package/dist/components/select/select.js +0 -80
- package/dist/components/select/select.js.map +0 -1
- package/dist/components/select/select.vanilla.js +0 -8
- package/dist/components/select/select.vanilla.js.map +0 -1
- package/dist/components/select/types.d.ts +0 -30
- package/dist/components/switch/index.d.ts +0 -3
- package/dist/components/switch/switch.css.d.ts +0 -25
- package/dist/components/switch/switch.d.ts +0 -4
- package/dist/components/switch/switch.js +0 -34
- package/dist/components/switch/switch.js.map +0 -1
- package/dist/components/switch/switch.vanilla.js +0 -8
- package/dist/components/switch/switch.vanilla.js.map +0 -1
- package/dist/components/switch/types.d.ts +0 -17
- package/dist/components/tabs/index.d.ts +0 -3
- package/dist/components/tabs/tabs.css.d.ts +0 -49
- package/dist/components/tabs/tabs.d.ts +0 -68
- package/dist/components/tabs/tabs.js +0 -108
- package/dist/components/tabs/tabs.js.map +0 -1
- package/dist/components/tabs/tabs.vanilla.js +0 -11
- package/dist/components/tabs/tabs.vanilla.js.map +0 -1
- package/dist/components/tabs/types.d.ts +0 -82
- package/dist/components/textarea/index.d.ts +0 -3
- package/dist/components/textarea/textarea.css.d.ts +0 -31
- package/dist/components/textarea/textarea.d.ts +0 -14
- package/dist/components/textarea/textarea.js +0 -86
- package/dist/components/textarea/textarea.js.map +0 -1
- package/dist/components/textarea/textarea.vanilla.js +0 -8
- package/dist/components/textarea/textarea.vanilla.js.map +0 -1
- package/dist/components/textarea/types.d.ts +0 -39
- package/dist/components/tooltip/index.d.ts +0 -3
- package/dist/components/tooltip/tooltip.css.d.ts +0 -23
- package/dist/components/tooltip/tooltip.d.ts +0 -23
- package/dist/components/tooltip/tooltip.js +0 -69
- package/dist/components/tooltip/tooltip.js.map +0 -1
- package/dist/components/tooltip/tooltip.vanilla.js +0 -8
- package/dist/components/tooltip/tooltip.vanilla.js.map +0 -1
- package/dist/components/tooltip/types.d.ts +0 -39
- package/dist/components/tree/index.d.ts +0 -3
- package/dist/components/tree/tree.css.d.ts +0 -73
- package/dist/components/tree/tree.d.ts +0 -5
- package/dist/components/tree/tree.js +0 -337
- package/dist/components/tree/tree.js.map +0 -1
- package/dist/components/tree/tree.vanilla.js +0 -11
- package/dist/components/tree/tree.vanilla.js.map +0 -1
- package/dist/components/tree/types.d.ts +0 -114
- package/dist/components/tree/utils.d.ts +0 -8
- package/dist/components/tree/utils.js +0 -75
- package/dist/components/tree/utils.js.map +0 -1
- package/dist/hooks/index.d.ts +0 -8
- package/dist/hooks/use-collection-render/index.d.ts +0 -1
- package/dist/hooks/use-collection-render/use-collection-render.d.ts +0 -9
- package/dist/hooks/use-collection-render/use-collection-render.js +0 -20
- package/dist/hooks/use-collection-render/use-collection-render.js.map +0 -1
- package/dist/hooks/use-context-props/index.d.ts +0 -1
- package/dist/hooks/use-context-props/use-context-props.d.ts +0 -7
- package/dist/hooks/use-context-props/use-context-props.js +0 -15
- package/dist/hooks/use-context-props/use-context-props.js.map +0 -1
- package/dist/hooks/use-defaults/index.d.ts +0 -2
- package/dist/hooks/use-defaults/types.d.ts +0 -67
- package/dist/hooks/use-defaults/use-defaults.d.ts +0 -56
- package/dist/hooks/use-defaults/use-defaults.js +0 -21
- package/dist/hooks/use-defaults/use-defaults.js.map +0 -1
- package/dist/hooks/use-propagating-press/index.d.ts +0 -1
- package/dist/hooks/use-propagating-press/use-propagating-press.d.ts +0 -9
- package/dist/hooks/use-propagating-press/use-propagating-press.js +0 -14
- package/dist/hooks/use-propagating-press/use-propagating-press.js.map +0 -1
- package/dist/hooks/use-slot/index.d.ts +0 -1
- package/dist/hooks/use-slot/use-slot.d.ts +0 -13
- package/dist/hooks/use-slot/use-slot.js +0 -18
- package/dist/hooks/use-slot/use-slot.js.map +0 -1
- package/dist/hooks/use-theme/index.d.ts +0 -2
- package/dist/hooks/use-theme/types.d.ts +0 -86
- package/dist/hooks/use-theme/use-theme.css.d.ts +0 -1
- package/dist/hooks/use-theme/use-theme.d.ts +0 -13
- package/dist/hooks/use-theme/use-theme.js +0 -64
- package/dist/hooks/use-theme/use-theme.js.map +0 -1
- package/dist/hooks/use-theme/use-theme.vanilla.js +0 -4
- package/dist/hooks/use-theme/use-theme.vanilla.js.map +0 -1
- package/dist/hooks/use-tree/index.d.ts +0 -1
- package/dist/hooks/use-tree/use-tree.d.ts +0 -2
- package/dist/hooks/use-tree/use-tree.js +0 -217
- package/dist/hooks/use-tree/use-tree.js.map +0 -1
- package/dist/hooks/use-tree/utils.d.ts +0 -6
- package/dist/hooks/use-tree/utils.js +0 -77
- package/dist/hooks/use-tree/utils.js.map +0 -1
- package/dist/hooks/use-update-effect/index.d.ts +0 -1
- package/dist/hooks/use-update-effect/use-update-effect.d.ts +0 -1
- package/dist/hooks/use-update-effect/use-update-effect.js +0 -20
- package/dist/hooks/use-update-effect/use-update-effect.js.map +0 -1
- package/dist/ladle/actions.d.ts +0 -1
- package/dist/ladle/index.d.ts +0 -1
- package/dist/styles/index.d.ts +0 -6
- package/dist/styles/layers.css.d.ts +0 -16
- package/dist/styles/layers.vanilla.js +0 -4
- package/dist/styles/layers.vanilla.js.map +0 -1
- package/dist/styles/reset.css.d.ts +0 -1
- package/dist/styles/space.css.d.ts +0 -1
- package/dist/styles/surfaces.css.d.ts +0 -4
- package/dist/styles/surfaces.vanilla.js +0 -4
- package/dist/styles/surfaces.vanilla.js.map +0 -1
- package/dist/styles/theme.css.d.ts +0 -334
- package/dist/styles/theme.vanilla.js +0 -31
- package/dist/styles/theme.vanilla.js.map +0 -1
- package/dist/styles/typography.css.d.ts +0 -17
- package/dist/styles/typography.vanilla.js +0 -8
- package/dist/styles/typography.vanilla.js.map +0 -1
- package/dist/test/setup.d.ts +0 -1
- package/dist/types/deckgl.d.ts +0 -1
- package/dist/types/generic.d.ts +0 -3
- package/dist/types/index.d.ts +0 -6
- package/dist/types/props.d.ts +0 -4
- package/dist/types/react-aria.d.ts +0 -91
- package/dist/types/use-tree.d.ts +0 -52
- package/dist/types/vanilla-extract.d.ts +0 -15
- package/dist/utils/css.d.ts +0 -139
- package/dist/utils/css.js +0 -145
- package/dist/utils/css.js.map +0 -1
- package/dist/utils/events.d.ts +0 -10
- package/dist/utils/events.js +0 -5
- package/dist/utils/events.js.map +0 -1
- package/dist/utils/index.d.ts +0 -4
- package/dist/utils/props.d.ts +0 -29
- package/dist/utils/props.js +0 -108
- package/dist/utils/props.js.map +0 -1
- package/dist/utils/validators.d.ts +0 -49
- package/dist/utils/validators.js +0 -37
- package/dist/utils/validators.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,873 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { RefAttributes, Context, PropsWithChildren, JSX, ReactHTML, ReactElement, MouseEvent, ReactNode, ForwardedRef, RefObject, RefCallback, CSSProperties } from 'react';
|
|
3
|
+
import * as react_aria_components from 'react-aria-components';
|
|
4
|
+
import { ContextValue, SectionProps, SelectValueProps, CollectionRenderer, SlotProps, InputProps as InputProps$1, NumberFieldRenderProps, TextAreaProps as TextAreaProps$1, TextFieldRenderProps } from 'react-aria-components';
|
|
5
|
+
import { B as ButtonProps, R as RenderPropsChildren, a as ButtonRenderProps, b as ButtonColors, c as ButtonMapping, d as ButtonSizes, e as ButtonVariants, L as LinkButtonProps, T as ToggleButtonProps, C as CheckboxProps, f as CheckboxRenderProps, g as CheckboxClassNames, h as CheckboxAlignment, i as CheckboxGroupProps, j as CheckboxGroupRenderProps, k as ChipProps, l as ChipItemProps, m as BaseChipProps, n as ChipListProps, o as ChipGroupProps, P as ProviderValues, p as ComboBoxProps, q as ComboBoxClassNames, r as ComboBoxMapping, s as ComboBoxSizes, D as DialogProps, t as DialogRenderProps, u as DialogMapping, v as DialogSizes, w as DrawerProps, x as DrawerTabListProps, y as DrawerTabProps, z as DrawerClassNames, A as DrawerMapping, G as GroupProps, E as BaseGroupProps, I as IconProps, F as IconSizes, H as InputProps, J as BaseInputProps, M as MenuProps, K as MenuClassNames, N as MenuMapping, O as MenuSizes, Q as MenuListProps, S as MenuItemProps, U as NumberFieldProps, V as NumberFieldClassNames, W as NumberFieldMapping, X as NumberFieldSizes, Y as OptionsProps, Z as OptionsClassNames, _ as OptionsMapping, $ as OptionsSizes, a0 as OptionsListProps, a1 as OptionsItemProps, a2 as PickerProps, a3 as PickerItemProps, a4 as PickerClassNames, a5 as PopoverProps, a6 as PopoverRenderProps, a7 as PopoverClassNames, a8 as PopoverMapping, a9 as QueryBuilderContextValue, aa as QueryBuilderProps, ab as RadioContextProps, ac as RadioRenderProps, ad as RadioClassNames, ae as RadioAlignment, af as RadioGroupProps, ag as SearchFieldProps, ah as SearchFieldClassNames, ai as SearchFieldMapping, aj as InputSize, ak as SearchFieldVariants, al as SelectProps, am as SelectClassNames, an as SelectMapping, ao as SelectSizes, ap as SwitchProps, aq as BaseSwitchProps, ar as TabsProps, as as TabsClassNames, at as TabListProps, au as TabListAlignment, av as TabListAnchor, aw as TabListSizes, ax as TabListVariants, ay as TabPanelsProps, az as TabPanelProps, aA as TextAreaProps, aB as BaseTextAreaProps, aC as TextFieldProps, aD as TextFieldClassNames, aE as TextFieldMapping, aF as TextFieldSizes, aG as TooltipProps, aH as TooltipClassNames, aI as TooltipMapping, aJ as TooltipRenderProps, aK as TooltipTargetProps, aL as TreeStateContextValue, aM as TreeProps, aN as TreeGroupProps, aO as TreeItemProps, aP as RadioProps, aQ as TabProps, aR as OmitProtectedProps, aS as ButtonClassNames, aT as ChipClassNames, aU as DialogClassNames, aV as GroupClassNames, aW as IconClassNames, aX as InputClassNames, aY as QueryBuilderClassNames, aZ as SwitchClassNames, a_ as TextAreaClassNames, a$ as TreeClassNames, b0 as ClassNames, b1 as AsType, b2 as RGBA, b3 as Contract, b4 as computeContract, b5 as UseTreeOptions, b6 as UseTreeResult } from './vanilla-DUNpoS8t.js';
|
|
6
|
+
export { d9 as ButtonState, da as CheckboxGroupState, db as CheckboxState, eP as ChildrenRenderProps, dc as ChipColors, dd as ChipMapping, de as ChipRenderProps, df as ChipSizes, dg as ChipState, eQ as ClassNameRenderProps, dh as ComboBoxRenderProps, di as ComboBoxState, eR as CssVarFunction, dj as DialogState, dk as DrawerAnchor, dl as DrawerDialogProps, dm as DrawerDialogState, dn as DrawerRenderProps, dp as DrawerState, dq as DrawerTabRenderProps, dr as GroupState, ds as IconState, dt as InputMapping, du as InputRenderProps, dv as InputState, dw as InputType, eS as MapLeafNodes, dx as MenuItemRenderProps, dy as MenuItemState, dz as MenuState, dA as NumberFieldState, dB as OptionsItemState, dC as OptionsListState, dD as OptionsState, eT as PartialMapLeafNodes, dE as PickerItemRenderProps, dF as PickerItemState, dG as PickerState, dH as PopoverState, eU as Primitive, eV as ProviderValue, dI as QueryBuilderGroupState, dJ as QueryBuilderMapping, dK as QueryBuilderRuleState, dL as QueryBuilderSizes, dM as QueryBuilderState, dN as QueryBuilderValueEditors, dO as RadioGroupState, dP as RadioState, eW as RenderProps, eX as RenderPropsClassName, eY as RenderPropsStyle, dQ as SearchFieldRenderProps, dR as SearchFieldState, dS as SelectRenderProps, dT as SelectState, eZ as StylePropRenderProps, e_ as StyleRenderProps, dU as SwitchAlignment, dV as SwitchRenderProps, dW as SwitchState, dX as TabListState, dY as TabPanelRenderProps, dZ as TabPanelState, d_ as TabPanelsState, d$ as TabRenderProps, e0 as TabState, e1 as TextAreaRenderProps, e2 as TextAreaState, e3 as TextFieldState, e4 as TooltipState, e5 as TooltipTargetState, e$ as TreeActions, f0 as TreeGroupNode, e6 as TreeGroupRenderProps, e7 as TreeGroupState, e8 as TreeIndicatorRenderProps, e9 as TreeIndicatorState, f1 as TreeItemNode, ea as TreeItemRenderProps, eb as TreeItemState, ec as TreeMapping, f2 as TreeNode, f3 as TreeNodes, ed as TreeRenderProps, ee as TreeSizes, ef as TreeState, f4 as applyThemeVars, f5 as assignPartialVars, eg as bodies, b7 as buttonClassNames, b8 as buttonColorVars, b9 as buttonContainer, ba as buttonSpaceVars, bb as buttonStateVars, bc as checkboxClassNames, bd as checkboxColorVars, be as checkboxContainer, bf as checkboxGroupStateVars, bg as checkboxSpaceVars, bh as checkboxStateVars, bi as chipClassNames, bj as chipColorVars, bk as chipContainer, bl as chipSpaceVars, bm as chipStateVars, bn as comboBoxClassNames, bo as comboBoxColorVars, bp as comboBoxContainer, bq as comboBoxSpaceVars, br as comboBoxStateVars, f6 as containerQueries, f7 as containerQuery, eh as defaultElevationVarValues, ei as defaultElevations, ej as defaultFocus, ek as defaultFocusVarValues, el as defaultGenericColorVarValues, em as defaultGenericColors, en as defaultRadius, eo as defaultRadiusVarValues, ep as defaultSemanticColorVarValues, eq as defaultSemanticColors, er as defaultSizes, es as defaultSizesVarValues, et as defaultSpace, eu as defaultSpaceVarValues, ev as defaultTypography, ew as defaultTypographyVarValues, ex as defaultZIndex, ey as defaultZIndexVarValues, bs as dialogClassNames, bt as dialogColorVars, bu as dialogContainer, bv as dialogSpaceVars, bw as dialogStateVars, bx as drawerAnimationVars, by as drawerClassNames, bz as drawerColorVars, bA as drawerContainer, bB as drawerDialogStateVars, bC as drawerSpaceVars, bD as drawerStateVars, ez as elevationVars, eA as families, eB as focusOutlineStyle, eC as focusVars, eD as genericColorVars, bE as groupClassNames, bF as groupContainer, bG as groupSpaceVars, bH as groupStateVars, eE as headings, bI as iconClassNames, bJ as iconColorVars, bK as iconContainer, bL as iconSpaceVars, bM as iconStateVars, f8 as inlineVars, bN as inputClassNames, bO as inputColorVars, bP as inputContainer, bQ as inputSpaceVars, bR as inputStateVars, eF as inputs, eG as label, eH as layers, bS as menuColorVars, bT as menuItemStateVars, bU as menuSpaceVars, bV as menuStateVars, bW as numberFieldClassNames, bX as numberFieldColorVars, bY as numberFieldContainer, bZ as numberFieldSpaceVars, b_ as numberFieldStateVars, b$ as optionsClassNames, c0 as optionsColorVars, c1 as optionsContainers, c2 as optionsItemStateVars, c3 as optionsListStateVars, c4 as optionsSpaceVars, c5 as optionsStateVars, c6 as pickerClassNames, c7 as pickerContainers, c8 as pickerItemColorVars, c9 as pickerItemStateVars, ca as pickerSpaceVars, cb as pickerStateVars, cc as popoverClassNames, cd as popoverColorVars, ce as popoverSpaceVars, cf as popoverStateVars, cg as queryBuilderClassNames, ch as queryBuilderColorVars, ci as queryBuilderContainers, cj as queryBuilderGroupStateVars, ck as queryBuilderRuleStateVars, cl as queryBuilderSpaceVars, cm as queryBuilderStateVars, cn as radioClassNames, co as radioColorVars, cp as radioGroupStateVars, cq as radioSpaceVars, cr as radioStateVars, eI as radiusVars, cs as searchFieldClassNames, ct as searchFieldContainer, cu as searchFieldSpaceVars, cv as searchFieldStateVars, cw as selectClassNames, cx as selectColorVars, cy as selectContainer, cz as selectSpaceVars, cA as selectStateVars, eJ as semanticColorVars, eK as sizeVars, eL as spaceVars, eM as surfaces, cB as switchClassNames, cC as switchColorVars, cD as switchContainer, cE as switchSpaceVars, cF as switchStateVars, cG as tabColorVars, cH as tabListStateVars, cI as tabPanelStateVars, cJ as tabPanelsStateVars, cK as tabSpaceVars, cL as tabStateVars, cM as tabsClassNames, cN as tabsContainers, cO as textAreaClassNames, cP as textAreaColorVars, cQ as textAreaContainer, cR as textAreaSpaceVars, cS as textAreaStateVars, cT as textFieldClassNames, cU as textFieldColorVars, cV as textFieldContainer, cW as textFieldSpaceVars, cX as textFieldStateVars, cY as tooltipClassNames, cZ as tooltipContainers, c_ as tooltipSpaceVars, c$ as tooltipStateVars, d0 as tooltipTargetStateVars, d1 as treeClassNames, d2 as treeColorVars, d3 as treeContainers, d4 as treeGroupStateVars, d5 as treeIndicatorStateVars, d6 as treeItemStateVars, d7 as treeSpaceVars, d8 as treeStateVars, eN as typographyVars, f9 as unwrapCssVar, eO as zIndexVars } from './vanilla-DUNpoS8t.js';
|
|
7
|
+
import * as react_aria from 'react-aria';
|
|
8
|
+
import { PressEvent, PressHookProps } from 'react-aria';
|
|
9
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
10
|
+
import { Collection, Node } from 'react-stately';
|
|
11
|
+
import * as _react_types_shared from '@react-types/shared';
|
|
12
|
+
import { ItemDropTarget } from '@react-types/shared';
|
|
13
|
+
import { z } from 'zod';
|
|
14
|
+
import 'type-fest';
|
|
15
|
+
import 'react-querybuilder';
|
|
16
|
+
import '@vanilla-extract/css';
|
|
17
|
+
|
|
18
|
+
declare const AriaFieldError: (props: react_aria_components.FieldErrorProps & RefAttributes<HTMLElement>) => react.ReactElement | null;
|
|
19
|
+
declare const AriaFieldErrorContext: react.Context<ContextValue<react_aria_components.FieldErrorProps & RefAttributes<HTMLElement>, HTMLElement>>;
|
|
20
|
+
declare const AriaGroup: (props: react_aria_components.GroupProps & RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
21
|
+
declare const AriaGroupContext: react.Context<ContextValue<react_aria_components.GroupProps & RefAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
22
|
+
declare const AriaHeader: (props: react.HTMLAttributes<HTMLElement> & RefAttributes<object> & RefAttributes<HTMLElement>) => react.ReactElement | null;
|
|
23
|
+
declare const AriaHeaderContext: react.Context<ContextValue<react.HTMLAttributes<HTMLElement> & RefAttributes<object>, HTMLElement>>;
|
|
24
|
+
declare const AriaHeading: (props: react_aria_components.HeadingProps & RefAttributes<HTMLHeadingElement>) => react.ReactElement | null;
|
|
25
|
+
declare const AriaHeadingContext: react.Context<ContextValue<react_aria_components.HeadingProps & RefAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
|
|
26
|
+
declare const AriaKeyboard: (props: react.HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>) => react.ReactElement | null;
|
|
27
|
+
declare const AriaKeyboardContext: react.Context<ContextValue<react.HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>, HTMLElement>>;
|
|
28
|
+
declare const AriaLabel: (props: react_aria_components.LabelProps & RefAttributes<HTMLLabelElement>) => react.ReactElement | null;
|
|
29
|
+
declare const AriaLabelContext: react.Context<ContextValue<react_aria_components.LabelProps & RefAttributes<HTMLLabelElement>, HTMLLabelElement>>;
|
|
30
|
+
declare const AriaSeparator: (props: react_aria_components.SeparatorProps & RefAttributes<object> & RefAttributes<HTMLElement>) => react.ReactElement | null;
|
|
31
|
+
declare const AriaSeparatorContext: react.Context<ContextValue<react_aria_components.SeparatorProps & RefAttributes<object>, HTMLElement>>;
|
|
32
|
+
declare const AriaText: (props: react_aria_components.TextProps & RefAttributes<HTMLElement>) => react.ReactElement | null;
|
|
33
|
+
declare const AriaTextContext: react.Context<ContextValue<react_aria_components.TextProps & RefAttributes<HTMLElement>, HTMLElement>>;
|
|
1
34
|
/**
|
|
2
|
-
*
|
|
35
|
+
* Due to the complexity of types and technical constraints of TS, it's not
|
|
36
|
+
* possible for the above wrapping utility to support components that accept
|
|
37
|
+
* generic parameters. This means that these components must be manually wrapped
|
|
3
38
|
*/
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
39
|
+
declare const AriaSectionContext: react.Context<ContextValue<SectionProps<object>, HTMLElement>>;
|
|
40
|
+
declare const AriaSection: <T extends object>(props: SectionProps<T> & RefAttributes<HTMLElement>) => react.ReactElement | null;
|
|
41
|
+
declare const AriaSelectValueContext: react.Context<ContextValue<SelectValueProps<object>, HTMLSpanElement>>;
|
|
42
|
+
declare const AriaSelectValue: <T extends object>(props: SelectValueProps<T> & RefAttributes<HTMLSpanElement>) => react.ReactElement | null;
|
|
43
|
+
|
|
44
|
+
declare const ButtonContext: Context<ContextValue<ButtonProps, HTMLButtonElement>>;
|
|
45
|
+
declare const Button: (props: Omit<react_aria_components.ButtonProps, "children" | "className" | "style"> & {
|
|
46
|
+
children?: RenderPropsChildren<ButtonRenderProps>;
|
|
47
|
+
classNames?: Partial<{
|
|
48
|
+
container: string;
|
|
49
|
+
button: string;
|
|
50
|
+
}> | undefined;
|
|
51
|
+
color?: ButtonColors;
|
|
52
|
+
mapping?: Partial<ButtonMapping>;
|
|
53
|
+
size?: ButtonSizes;
|
|
54
|
+
variant?: ButtonVariants;
|
|
55
|
+
} & react.RefAttributes<HTMLButtonElement>) => react.ReactElement | null;
|
|
56
|
+
declare const LinkButtonContext: Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
|
|
57
|
+
declare const LinkButton: (props: Omit<react_aria_components.LinkProps, "children" | "className" | "style"> & {
|
|
58
|
+
children?: RenderPropsChildren<ButtonRenderProps>;
|
|
59
|
+
classNames?: Partial<{
|
|
60
|
+
container: string;
|
|
61
|
+
button: string;
|
|
62
|
+
}> | undefined;
|
|
63
|
+
color?: ButtonColors;
|
|
64
|
+
mapping?: Partial<ButtonMapping>;
|
|
65
|
+
size?: ButtonSizes;
|
|
66
|
+
variant?: ButtonVariants;
|
|
67
|
+
} & react.RefAttributes<HTMLAnchorElement>) => react.ReactElement | null;
|
|
68
|
+
declare const ToggleButtonContext: Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
|
|
69
|
+
declare const ToggleButton: (props: Omit<react_aria_components.ToggleButtonProps, "children" | "className" | "style"> & {
|
|
70
|
+
children?: RenderPropsChildren<ButtonRenderProps>;
|
|
71
|
+
classNames?: Partial<{
|
|
72
|
+
container: string;
|
|
73
|
+
button: string;
|
|
74
|
+
}> | undefined;
|
|
75
|
+
color?: ButtonColors;
|
|
76
|
+
mapping?: Partial<ButtonMapping>;
|
|
77
|
+
size?: ButtonSizes;
|
|
78
|
+
variant?: ButtonVariants;
|
|
79
|
+
} & react.RefAttributes<HTMLButtonElement>) => react.ReactElement | null;
|
|
80
|
+
|
|
81
|
+
declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
|
|
82
|
+
declare const Checkbox: (props: Omit<react_aria_components.CheckboxProps, "children" | "className" | "style"> & {
|
|
83
|
+
children?: RenderPropsChildren<CheckboxRenderProps>;
|
|
84
|
+
label?: string;
|
|
85
|
+
classNames?: CheckboxClassNames;
|
|
86
|
+
alignInput?: CheckboxAlignment;
|
|
87
|
+
} & react.RefAttributes<HTMLLabelElement>) => react.ReactElement | null;
|
|
88
|
+
declare const CheckboxGroupContext: react.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
|
|
89
|
+
declare const CheckboxGroup: (props: Omit<react_aria_components.CheckboxGroupProps, "children" | "className" | "style"> & {
|
|
90
|
+
children?: RenderPropsChildren<CheckboxGroupRenderProps>;
|
|
91
|
+
classNames?: CheckboxClassNames;
|
|
92
|
+
label?: string;
|
|
93
|
+
orientation?: react_aria.Orientation;
|
|
94
|
+
} & Pick<{
|
|
95
|
+
children?: RenderPropsChildren<CheckboxRenderProps>;
|
|
96
|
+
label?: string;
|
|
97
|
+
classNames?: CheckboxClassNames;
|
|
98
|
+
alignInput?: CheckboxAlignment;
|
|
99
|
+
}, "alignInput"> & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
100
|
+
|
|
101
|
+
declare function Chip(props: ChipProps): react_jsx_runtime.JSX.Element;
|
|
102
|
+
declare const ChipContext: react.Context<ContextValue<ChipItemProps, HTMLDivElement>>;
|
|
103
|
+
/**
|
|
104
|
+
* Must be used in conjunction with ChipList & ChipGroup and
|
|
105
|
+
* cannot be used outside of ChipList, else will throw error
|
|
106
|
+
*
|
|
107
|
+
* Color & Size props can be passed in from ChipGroup and overriden
|
|
108
|
+
* on each instance of this components
|
|
109
|
+
*
|
|
110
|
+
* Order of precedence (from lowest to highest):
|
|
111
|
+
* Design System Defaults of Chip
|
|
112
|
+
* Global Defaults of ChipGroup
|
|
113
|
+
* Instance of ChipGroup
|
|
114
|
+
* Global Defaults of ChipItem
|
|
115
|
+
* Instance of ChipItem
|
|
116
|
+
*/
|
|
117
|
+
declare const ChipItem: (props: Omit<react_aria_components.TagProps, "children" | "className" | "style"> & BaseChipProps & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
118
|
+
/**
|
|
119
|
+
* Must be used in conjunction with ChipItem & ChipGroup and
|
|
120
|
+
* cannot be used outside of ChipGroup, else will throw error
|
|
121
|
+
*/
|
|
122
|
+
declare function ChipList<T extends object>({ classNames: classNamesProp, ...rest }: ChipListProps<T>): react_jsx_runtime.JSX.Element;
|
|
123
|
+
declare const ChipGroupContext: react.Context<ContextValue<ChipGroupProps, HTMLDivElement>>;
|
|
124
|
+
/**
|
|
125
|
+
* Color & Size props are passed down to ChipItem but can be overridden
|
|
126
|
+
* on each component if desired
|
|
127
|
+
*/
|
|
128
|
+
declare const ChipGroup: (props: Omit<react_aria_components.TagGroupProps, "className" | "style"> & Omit<BaseChipProps, "children"> & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
129
|
+
|
|
130
|
+
type MergeProviderProps<A = any, B = any, C = any, D = any, E = any, F = any, G = any, H = any, I = any, J = any, K = any> = PropsWithChildren<{
|
|
131
|
+
values: ProviderValues<A, B, C, D, E, F, G, H, I, J, K>;
|
|
132
|
+
}>;
|
|
133
|
+
|
|
134
|
+
/**
|
|
135
|
+
* Merges provided contexts with parent contexts, if available and of the same structure
|
|
136
|
+
* If parent context doesn't exist or differs in structure (slotted vs non-slotted) from
|
|
137
|
+
* the context being provided, the provided context will override the parent context
|
|
138
|
+
*
|
|
139
|
+
* This is typically used in conjunction with React Aria Component's contexts, where a
|
|
140
|
+
* RAC may provide a slotted context (ex: ButtonContext, with a slot of "remove") where
|
|
141
|
+
* that slot has a number of attributes and event listeners, but we want to merge in our
|
|
142
|
+
* own to supplement things for stylistic or additional functionality purposes
|
|
143
|
+
*
|
|
144
|
+
* See tests for examples
|
|
145
|
+
*/
|
|
146
|
+
declare function MergeProvider<A, B, C, D, E, F, G, H, I, J, K>({ values, children, }: MergeProviderProps<A, B, C, D, E, F, G, H, I, J, K>): react_jsx_runtime.JSX.Element;
|
|
147
|
+
|
|
148
|
+
/**
|
|
149
|
+
* Replace the default collection renderer to allow for injection of
|
|
150
|
+
* context props for multiple composed components. Also enables use of
|
|
151
|
+
* Section as wrapper of list items at the top level as a styleable
|
|
152
|
+
* element within the RAC container
|
|
153
|
+
*/
|
|
154
|
+
declare function createCollectionRenderer<C extends {
|
|
155
|
+
readonly collection: Collection<Node<unknown>>;
|
|
156
|
+
}, V extends MergeProviderProps['values']>(context: Context<C>, values: V): CollectionRenderer;
|
|
157
|
+
|
|
158
|
+
declare const ComboBoxContext: react.Context<ContextValue<ComboBoxProps<object>, HTMLDivElement>>;
|
|
159
|
+
declare const ComboBox: <T extends object>(props: Omit<react_aria_components.ComboBoxProps<T>, "className" | "style"> & {
|
|
160
|
+
classNames?: ComboBoxClassNames;
|
|
161
|
+
mapping?: Partial<ComboBoxMapping>;
|
|
162
|
+
size?: ComboBoxSizes;
|
|
163
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
164
|
+
|
|
165
|
+
declare const DialogContext: react.Context<ContextValue<DialogProps, HTMLDivElement>>;
|
|
166
|
+
declare const Dialog: (props: Omit<react_aria_components.ModalOverlayProps, "children" | "className" | "style"> & Pick<react_aria_components.DialogProps, "role"> & {
|
|
167
|
+
children?: RenderPropsChildren<DialogRenderProps>;
|
|
168
|
+
classNames?: Partial<{
|
|
169
|
+
portal: string;
|
|
170
|
+
container: string;
|
|
171
|
+
modal: string;
|
|
172
|
+
dialog: string;
|
|
173
|
+
header: string;
|
|
174
|
+
content: string;
|
|
175
|
+
footer: string;
|
|
176
|
+
}> | undefined;
|
|
177
|
+
mapping?: Partial<DialogMapping>;
|
|
178
|
+
parentRef?: react.RefObject<HTMLElement>;
|
|
179
|
+
size?: DialogSizes;
|
|
180
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
181
|
+
|
|
182
|
+
declare function Drawer(props: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
183
|
+
declare function DrawerTabList<T extends object>(props: DrawerTabListProps<T>): react_jsx_runtime.JSX.Element;
|
|
184
|
+
declare function DrawerTab(props: DrawerTabProps): react_jsx_runtime.JSX.Element;
|
|
185
|
+
declare const DrawerDialog: (props: _react_types_shared.AriaLabelingProps & {
|
|
186
|
+
classNames?: DrawerClassNames;
|
|
187
|
+
} & {
|
|
188
|
+
mapping?: DrawerMapping;
|
|
189
|
+
} & {
|
|
190
|
+
children?: react.ReactNode | undefined;
|
|
191
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
192
|
+
|
|
193
|
+
type ElementProps<A = any, B = any, C = any, D = any, E = any, F = any, G = any, H = any, I = any, J = any, K = any> = /**
|
|
194
|
+
* Initially tried to make these props generic and constrain props to element
|
|
195
|
+
* passed into generic, but ran into major performance issues with enormous
|
|
196
|
+
* type unions of all possible HTML elements props. It breaks all of TS
|
|
197
|
+
*/ JSX.IntrinsicElements[keyof ReactHTML] & SlotProps & {
|
|
198
|
+
/**
|
|
199
|
+
* The HTML element to be rendered
|
|
200
|
+
*/
|
|
201
|
+
as?: keyof ReactHTML;
|
|
202
|
+
/**
|
|
203
|
+
* Values passed to Provider, overrides parent contexts
|
|
204
|
+
*/
|
|
205
|
+
values?: ProviderValues<A, B, C, D, E, F, G, H, I, J, K>;
|
|
206
|
+
/**
|
|
207
|
+
* Values passed to MergeProvider, merges with parent contexts
|
|
208
|
+
*/
|
|
209
|
+
mergeValues?: ProviderValues<A, B, C, D, E, F, G, H, I, J, K>;
|
|
210
|
+
};
|
|
211
|
+
|
|
212
|
+
declare const ElementContext: react.Context<ContextValue<ElementProps<any, any, any, any, any, any, any, any, any, any, any>, HTMLElement>>;
|
|
213
|
+
/**
|
|
214
|
+
* This generic component serves as any easy way for more complex components
|
|
215
|
+
* to establish stylable content areas within their layout with optional
|
|
216
|
+
* targetted contexts for any subcomponents
|
|
217
|
+
*
|
|
218
|
+
* See Dialog & Drawer as examples
|
|
219
|
+
*/
|
|
220
|
+
declare const Element$1: <A, B, C, D, E, F, G, H, I, J, K>(props: ElementProps<A, B, C, D, E, F, G, H, I, J, K> & react.RefAttributes<HTMLElement>) => react.ReactElement | null;
|
|
221
|
+
|
|
222
|
+
declare const GroupContext: react.Context<ContextValue<GroupProps<any, Element>, HTMLDivElement>>;
|
|
223
|
+
/**
|
|
224
|
+
* This generic component allows for collective prop distribution to a collection of components of the same type
|
|
225
|
+
*
|
|
226
|
+
* @example A list of <Button />s and you want to control their size instead of passing the same props to each
|
|
227
|
+
*/
|
|
228
|
+
declare const Group: <T, E extends Element>(props: BaseGroupProps<T, E> & react_aria_components.SlotProps & react.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
229
|
+
|
|
230
|
+
declare const IconContext: react.Context<ContextValue<IconProps, HTMLDivElement>>;
|
|
231
|
+
declare const Icon: (props: Pick<react.CSSProperties, "fill" | "color" | "stroke"> & {
|
|
232
|
+
classNames?: Partial<{
|
|
233
|
+
container: string;
|
|
234
|
+
icon: string;
|
|
235
|
+
}> | undefined;
|
|
236
|
+
size?: IconSizes;
|
|
237
|
+
} & react_aria_components.SlotProps & {
|
|
238
|
+
children?: react.ReactNode | undefined;
|
|
239
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
240
|
+
|
|
241
|
+
declare const InputContext: react.Context<ContextValue<InputProps, HTMLInputElement>>;
|
|
242
|
+
/**
|
|
243
|
+
* Only intended for generic text-like inputs, see types in props for list
|
|
244
|
+
* Other more specific inputs should be handled by other components
|
|
245
|
+
*/
|
|
246
|
+
declare const Input: (props: Omit<InputProps$1, "children" | "className" | "style" | "size" | "type"> & BaseInputProps & react.RefAttributes<HTMLInputElement>) => react.ReactElement | null;
|
|
247
|
+
|
|
248
|
+
declare const MenuContext: react.Context<ContextValue<MenuProps, HTMLElement>>;
|
|
249
|
+
/**
|
|
250
|
+
* Menu component that supports display and selection of menu items via a trigger (right-click or click)
|
|
251
|
+
* Customization of React Aria's Menu and Menu Item components https://react-spectrum.adobe.com/react-aria/Menu.html
|
|
252
|
+
*/
|
|
253
|
+
declare const Menu: (props: Omit<react_aria_components.PopoverProps, "className" | "style"> & {
|
|
254
|
+
classNames?: MenuClassNames;
|
|
255
|
+
mapping?: Partial<MenuMapping>;
|
|
256
|
+
size?: MenuSizes;
|
|
257
|
+
} & react.RefAttributes<HTMLElement>) => react.ReactElement | null;
|
|
258
|
+
declare const MenuListContext: react.Context<ContextValue<MenuListProps<unknown>, HTMLDivElement>>;
|
|
259
|
+
declare const MenuList: <T extends object>(props: Omit<react_aria_components.MenuProps<T>, "className" | "style"> & {
|
|
260
|
+
classNames?: MenuClassNames;
|
|
261
|
+
mapping?: Partial<MenuMapping>;
|
|
262
|
+
size?: MenuSizes;
|
|
263
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
264
|
+
declare const MenuItemContext: react.Context<ContextValue<MenuItemProps<unknown>, HTMLDivElement>>;
|
|
265
|
+
declare const MenuItem: <T extends object>(props: Omit<react_aria_components.MenuItemProps<T>, "className" | "style"> & {
|
|
266
|
+
classNames?: MenuClassNames;
|
|
267
|
+
mapping?: Partial<MenuMapping>;
|
|
268
|
+
size?: MenuSizes;
|
|
269
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
270
|
+
|
|
271
|
+
declare const NumberFieldContext: react.Context<ContextValue<NumberFieldProps, HTMLDivElement>>;
|
|
272
|
+
declare const NumberField: (props: {
|
|
273
|
+
id?: string | undefined;
|
|
274
|
+
children?: react.ReactNode | ((values: NumberFieldRenderProps & {
|
|
275
|
+
defaultChildren: react.ReactNode | undefined;
|
|
276
|
+
}) => react.ReactNode);
|
|
277
|
+
value?: number | undefined;
|
|
278
|
+
slot?: (string | null) | undefined;
|
|
279
|
+
isDisabled?: boolean | undefined;
|
|
280
|
+
autoFocus?: boolean | undefined;
|
|
281
|
+
onFocus?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
|
|
282
|
+
onBlur?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
|
|
283
|
+
onFocusChange?: ((isFocused: boolean) => void) | undefined;
|
|
284
|
+
onKeyDown?: ((e: _react_types_shared.KeyboardEvent) => void) | undefined;
|
|
285
|
+
onKeyUp?: ((e: _react_types_shared.KeyboardEvent) => void) | undefined;
|
|
286
|
+
'aria-label'?: string | undefined;
|
|
287
|
+
'aria-labelledby'?: string | undefined;
|
|
288
|
+
'aria-describedby'?: string | undefined;
|
|
289
|
+
'aria-details'?: string | undefined;
|
|
290
|
+
name?: string | undefined;
|
|
291
|
+
onChange?: ((value: number) => void) | undefined;
|
|
292
|
+
isReadOnly?: boolean | undefined;
|
|
293
|
+
isInvalid?: boolean | undefined;
|
|
294
|
+
isRequired?: boolean | undefined;
|
|
295
|
+
validationBehavior?: ("native" | "aria") | undefined;
|
|
296
|
+
validate?: ((value: number) => _react_types_shared.ValidationError | true | null | undefined) | undefined;
|
|
297
|
+
defaultValue?: number | undefined;
|
|
298
|
+
step?: number | undefined;
|
|
299
|
+
onCopy?: react.ClipboardEventHandler<HTMLInputElement> | undefined;
|
|
300
|
+
onCut?: react.ClipboardEventHandler<HTMLInputElement> | undefined;
|
|
301
|
+
onPaste?: react.ClipboardEventHandler<HTMLInputElement> | undefined;
|
|
302
|
+
onCompositionEnd?: react.CompositionEventHandler<HTMLInputElement> | undefined;
|
|
303
|
+
onCompositionStart?: react.CompositionEventHandler<HTMLInputElement> | undefined;
|
|
304
|
+
onCompositionUpdate?: react.CompositionEventHandler<HTMLInputElement> | undefined;
|
|
305
|
+
onBeforeInput?: react.FormEventHandler<HTMLInputElement> | undefined;
|
|
306
|
+
onInput?: react.FormEventHandler<HTMLInputElement> | undefined;
|
|
307
|
+
onSelect?: react.ReactEventHandler<HTMLInputElement> | undefined;
|
|
308
|
+
decrementAriaLabel?: string | undefined;
|
|
309
|
+
incrementAriaLabel?: string | undefined;
|
|
310
|
+
isWheelDisabled?: boolean | undefined;
|
|
311
|
+
formatOptions?: Intl.NumberFormatOptions | undefined;
|
|
312
|
+
minValue?: number | undefined;
|
|
313
|
+
maxValue?: number | undefined;
|
|
314
|
+
} & {
|
|
315
|
+
classNames?: NumberFieldClassNames;
|
|
316
|
+
mapping?: Partial<NumberFieldMapping>;
|
|
317
|
+
size?: NumberFieldSizes;
|
|
318
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
319
|
+
|
|
320
|
+
declare const OptionsContext: react.Context<ContextValue<OptionsProps, HTMLElement>>;
|
|
321
|
+
declare const Options: (props: Omit<react_aria_components.PopoverProps, "className" | "style"> & {
|
|
322
|
+
classNames?: OptionsClassNames;
|
|
323
|
+
mapping?: Partial<OptionsMapping>;
|
|
324
|
+
size?: OptionsSizes;
|
|
325
|
+
} & react.RefAttributes<HTMLElement>) => react.ReactElement | null;
|
|
326
|
+
declare const OptionsListContext: react.Context<ContextValue<OptionsListProps<object>, HTMLDivElement>>;
|
|
327
|
+
declare const OptionsList: <T extends object>(props: Omit<react_aria_components.ListBoxProps<T>, "className" | "style" | "orientation" | "dragAndDropHooks"> & {
|
|
328
|
+
classNames?: OptionsClassNames;
|
|
329
|
+
mapping?: Partial<OptionsMapping>;
|
|
330
|
+
size?: OptionsSizes;
|
|
331
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
332
|
+
declare const OptionsItemContext: react.Context<ContextValue<OptionsItemProps<object>, HTMLDivElement>>;
|
|
333
|
+
declare const OptionsItem: <T extends object>(props: Omit<react_aria_components.ListBoxItemProps<T>, "className" | "style"> & {
|
|
334
|
+
classNames?: OptionsClassNames;
|
|
335
|
+
mapping?: Partial<OptionsMapping>;
|
|
336
|
+
size?: OptionsSizes;
|
|
337
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
338
|
+
|
|
339
|
+
declare const PickerContext: react.Context<ContextValue<PickerProps<unknown>, HTMLDivElement>>;
|
|
340
|
+
declare const PickerItemContext: react.Context<ContextValue<PickerItemProps<unknown>, HTMLDivElement>>;
|
|
341
|
+
/**
|
|
342
|
+
* Generic stylable picker that supports the functionality (sans drag and drop) of
|
|
343
|
+
* React Aria's ListBox: https://react-spectrum.adobe.com/react-aria/ListBox.html
|
|
344
|
+
*
|
|
345
|
+
* NOTE: The picker items does not support sections or separators
|
|
346
|
+
*/
|
|
347
|
+
declare const Picker: <T extends object>(props: Omit<react_aria_components.ListBoxProps<T>, "className" | "style" | "dragAndDropHooks"> & {
|
|
348
|
+
classNames?: PickerClassNames;
|
|
349
|
+
} & {
|
|
350
|
+
columns?: number;
|
|
351
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
352
|
+
declare const PickerItem: <T extends object>(props: Omit<react_aria_components.ListBoxItemProps<T>, "className" | "style"> & {
|
|
353
|
+
classNames?: PickerClassNames;
|
|
354
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
355
|
+
|
|
356
|
+
declare const PopoverContext: react.Context<ContextValue<PopoverProps, HTMLElement>>;
|
|
357
|
+
declare const Popover: (props: Omit<react_aria_components.PopoverProps, "children" | "className" | "style"> & {
|
|
358
|
+
children?: RenderPropsChildren<PopoverRenderProps>;
|
|
359
|
+
classNames?: PopoverClassNames;
|
|
360
|
+
mapping?: Partial<PopoverMapping>;
|
|
361
|
+
} & react.RefAttributes<HTMLElement>) => react.ReactElement | null;
|
|
362
|
+
|
|
363
|
+
declare const QueryBuilderContext: react.Context<QueryBuilderContextValue>;
|
|
364
|
+
|
|
365
|
+
declare function QueryBuilder({ classNames: classNamesProp, consistentColumns, controlElements: controlElementsProp, disabled, icons, mapping: mappingProp, size, valueEditors: valueEditorsProp, ...rest }: QueryBuilderProps): react_jsx_runtime.JSX.Element;
|
|
366
|
+
|
|
367
|
+
/**
|
|
368
|
+
* This is required because the C2DS Button supports an onPress event but
|
|
369
|
+
* QueryBuilder provides a callback that expects a MouseEvent and will error
|
|
370
|
+
* out if preventDefault is not available as a method.
|
|
371
|
+
* @param event
|
|
372
|
+
*/
|
|
373
|
+
declare const pressToMouseEvent: (event: PressEvent) => MouseEvent;
|
|
374
|
+
|
|
375
|
+
declare const RadioContext: react.Context<ContextValue<RadioContextProps, HTMLLabelElement>>;
|
|
376
|
+
declare const Radio: (props: Omit<react_aria_components.RadioProps, "children" | "className" | "style"> & {
|
|
377
|
+
children?: RenderPropsChildren<RadioRenderProps>;
|
|
378
|
+
label?: string;
|
|
379
|
+
classNames?: RadioClassNames;
|
|
380
|
+
alignInput?: RadioAlignment;
|
|
381
|
+
} & react.RefAttributes<HTMLLabelElement>) => react.ReactElement | null;
|
|
382
|
+
declare const RadioGroupContext: react.Context<ContextValue<RadioGroupProps, HTMLDivElement>>;
|
|
383
|
+
declare const RadioGroup: (props: Omit<react_aria_components.RadioGroupProps, "className" | "style"> & Pick<{
|
|
384
|
+
children?: RenderPropsChildren<RadioRenderProps>;
|
|
385
|
+
label?: string;
|
|
386
|
+
classNames?: RadioClassNames;
|
|
387
|
+
alignInput?: RadioAlignment;
|
|
388
|
+
}, "classNames" | "label" | "alignInput"> & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
389
|
+
|
|
390
|
+
declare const SearchFieldContext: react.Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
|
|
391
|
+
declare const SearchField: (props: Omit<react_aria_components.SearchFieldProps, "className" | "style" | "type"> & {
|
|
392
|
+
classNames?: SearchFieldClassNames;
|
|
393
|
+
mapping?: Partial<SearchFieldMapping>;
|
|
394
|
+
size?: InputSize;
|
|
395
|
+
variant?: SearchFieldVariants;
|
|
396
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
397
|
+
|
|
398
|
+
declare const SelectContext: react.Context<ContextValue<SelectProps<object>, HTMLDivElement>>;
|
|
399
|
+
declare const Select: <T extends object>(props: Omit<react_aria_components.SelectProps<T>, "className" | "style"> & {
|
|
400
|
+
classNames?: SelectClassNames;
|
|
401
|
+
mapping?: Partial<SelectMapping>;
|
|
402
|
+
size?: SelectSizes;
|
|
403
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
404
|
+
|
|
405
|
+
declare const SwitchContext: react.Context<ContextValue<SwitchProps, HTMLLabelElement>>;
|
|
406
|
+
declare const Switch: (props: Omit<react_aria_components.SwitchProps, "children" | "className" | "style"> & BaseSwitchProps & react.RefAttributes<HTMLLabelElement>) => react.ReactElement | null;
|
|
407
|
+
|
|
408
|
+
declare const TabsContext: react.Context<ContextValue<TabsProps, HTMLDivElement>>;
|
|
409
|
+
/**
|
|
410
|
+
* A required wrapper for other Tabs components, which manages
|
|
411
|
+
* and provides the state context. Other Tabs components will
|
|
412
|
+
* throw an error if not wrapped with this component
|
|
413
|
+
*
|
|
414
|
+
* NOTE: TabList & TabPanels do not have to be direct children
|
|
415
|
+
* of this component. Additional layout can be introduced around
|
|
416
|
+
* this components children
|
|
417
|
+
*/
|
|
418
|
+
declare const Tabs: (props: Omit<react_aria_components.TabsProps, "children" | "className" | "style"> & {
|
|
419
|
+
classNames?: TabsClassNames;
|
|
420
|
+
} & {
|
|
421
|
+
children?: react.ReactNode | undefined;
|
|
422
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
423
|
+
declare const TabListContext: react.Context<ContextValue<TabListProps<unknown>, HTMLDivElement>>;
|
|
424
|
+
/**
|
|
425
|
+
* Parent of Tab
|
|
426
|
+
*/
|
|
427
|
+
declare const TabList: <T extends object>(props: Omit<react_aria_components.TabListProps<T>, "className" | "style"> & {
|
|
428
|
+
align?: TabListAlignment;
|
|
429
|
+
anchor?: TabListAnchor;
|
|
430
|
+
orientation?: react_aria.Orientation;
|
|
431
|
+
size?: TabListSizes;
|
|
432
|
+
variant?: TabListVariants;
|
|
433
|
+
} & {
|
|
434
|
+
classNames?: TabsClassNames;
|
|
435
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
436
|
+
declare const TabContext: react.Context<ContextValue<Omit<Omit<react_aria_components.TabProps, "className" | "style"> & {
|
|
437
|
+
id: string;
|
|
438
|
+
} & react_aria.PressEvents & {
|
|
439
|
+
classNames?: TabsClassNames;
|
|
440
|
+
} & SlotProps, "id">, HTMLDivElement>>;
|
|
441
|
+
/**
|
|
442
|
+
* Must be a direct child of TabList
|
|
443
|
+
*/
|
|
444
|
+
declare const Tab: (props: Omit<react_aria_components.TabProps, "className" | "style"> & {
|
|
445
|
+
id: string;
|
|
446
|
+
} & react_aria.PressEvents & {
|
|
447
|
+
classNames?: TabsClassNames;
|
|
448
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
449
|
+
declare const TabPanelsContext: react.Context<ContextValue<TabPanelsProps, HTMLDivElement>>;
|
|
450
|
+
/**
|
|
451
|
+
* Parent of TabPanel, but only required if using shouldForceMount=true
|
|
452
|
+
*/
|
|
453
|
+
declare const TabPanels: (props: {
|
|
454
|
+
shouldForceMount?: boolean;
|
|
455
|
+
} & {
|
|
456
|
+
children?: react.ReactNode | undefined;
|
|
457
|
+
} & {
|
|
458
|
+
classNames?: TabsClassNames;
|
|
459
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
460
|
+
declare const TabPanelContext: react.Context<ContextValue<Omit<TabPanelProps, "id">, HTMLDivElement>>;
|
|
461
|
+
/**
|
|
462
|
+
* Must be direct child of TabPanels if TabPanel implements shouldForceMount=true
|
|
463
|
+
*
|
|
464
|
+
* Othewise can be used anywhere inside of Tabs. TabPanels may be desirable to use
|
|
465
|
+
* if theme implements any styles that adjust layout
|
|
466
|
+
*/
|
|
467
|
+
declare const TabPanel: (props: Omit<react_aria_components.TabPanelProps, "className" | "style"> & {
|
|
468
|
+
id: string;
|
|
469
|
+
} & {
|
|
470
|
+
classNames?: TabsClassNames;
|
|
471
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
472
|
+
|
|
473
|
+
declare const TextAreaContext: react.Context<ContextValue<TextAreaProps, HTMLTextAreaElement>>;
|
|
474
|
+
/**
|
|
475
|
+
* We implement a textarea as a content editable span to provide
|
|
476
|
+
* improved UX, where the input area automatically grows with input
|
|
477
|
+
* content length. This can be overriden by applying max-height
|
|
478
|
+
* and overflow CSS, if desired.
|
|
479
|
+
*
|
|
480
|
+
* This also has the side effect of changing the target element in
|
|
481
|
+
* the ref and event handlers. The normal `event.target.value` is not
|
|
482
|
+
* available, and must be substituted with `event.currentTarget.textContent`
|
|
483
|
+
*/
|
|
484
|
+
declare const TextArea: (props: Omit<TextAreaProps$1, "children" | "className" | "style" | "onChange" | "cols" | "rows"> & BaseTextAreaProps & react.RefAttributes<HTMLTextAreaElement>) => react.ReactElement | null;
|
|
485
|
+
|
|
486
|
+
declare const TextFieldContext: react.Context<ContextValue<TextFieldProps, HTMLDivElement>>;
|
|
487
|
+
declare const TextField: (props: {
|
|
488
|
+
id?: string | undefined;
|
|
489
|
+
children?: react.ReactNode | ((values: TextFieldRenderProps & {
|
|
490
|
+
defaultChildren: react.ReactNode | undefined;
|
|
491
|
+
}) => react.ReactNode);
|
|
492
|
+
value?: string | undefined;
|
|
493
|
+
type?: ("text" | "search" | "url" | "tel" | "email" | "password" | (string & {})) | undefined;
|
|
494
|
+
slot?: (string | null) | undefined;
|
|
495
|
+
isDisabled?: boolean | undefined;
|
|
496
|
+
autoFocus?: boolean | undefined;
|
|
497
|
+
onFocus?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
|
|
498
|
+
onBlur?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
|
|
499
|
+
onFocusChange?: ((isFocused: boolean) => void) | undefined;
|
|
500
|
+
onKeyDown?: ((e: _react_types_shared.KeyboardEvent) => void) | undefined;
|
|
501
|
+
onKeyUp?: ((e: _react_types_shared.KeyboardEvent) => void) | undefined;
|
|
502
|
+
'aria-haspopup'?: (boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog") | undefined;
|
|
503
|
+
excludeFromTabOrder?: boolean | undefined;
|
|
504
|
+
'aria-label'?: string | undefined;
|
|
505
|
+
'aria-labelledby'?: string | undefined;
|
|
506
|
+
'aria-describedby'?: string | undefined;
|
|
507
|
+
'aria-details'?: string | undefined;
|
|
508
|
+
name?: string | undefined;
|
|
509
|
+
onChange?: ((value: string) => void) | undefined;
|
|
510
|
+
isReadOnly?: boolean | undefined;
|
|
511
|
+
isInvalid?: boolean | undefined;
|
|
512
|
+
isRequired?: boolean | undefined;
|
|
513
|
+
validationBehavior?: ("native" | "aria") | undefined;
|
|
514
|
+
validate?: ((value: string) => _react_types_shared.ValidationError | true | null | undefined) | undefined;
|
|
515
|
+
'aria-errormessage'?: string | undefined;
|
|
516
|
+
defaultValue?: string | undefined;
|
|
517
|
+
autoComplete?: string | undefined;
|
|
518
|
+
maxLength?: number | undefined;
|
|
519
|
+
minLength?: number | undefined;
|
|
520
|
+
pattern?: string | undefined;
|
|
521
|
+
inputMode?: ("none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search") | undefined;
|
|
522
|
+
'aria-activedescendant'?: string | undefined;
|
|
523
|
+
'aria-autocomplete'?: ("none" | "inline" | "list" | "both") | undefined;
|
|
524
|
+
onCopy?: react.ClipboardEventHandler<HTMLInputElement> | undefined;
|
|
525
|
+
onCut?: react.ClipboardEventHandler<HTMLInputElement> | undefined;
|
|
526
|
+
onPaste?: react.ClipboardEventHandler<HTMLInputElement> | undefined;
|
|
527
|
+
onCompositionEnd?: react.CompositionEventHandler<HTMLInputElement> | undefined;
|
|
528
|
+
onCompositionStart?: react.CompositionEventHandler<HTMLInputElement> | undefined;
|
|
529
|
+
onCompositionUpdate?: react.CompositionEventHandler<HTMLInputElement> | undefined;
|
|
530
|
+
onBeforeInput?: react.FormEventHandler<HTMLInputElement> | undefined;
|
|
531
|
+
onInput?: react.FormEventHandler<HTMLInputElement> | undefined;
|
|
532
|
+
onSelect?: react.ReactEventHandler<HTMLInputElement> | undefined;
|
|
533
|
+
} & {
|
|
534
|
+
classNames?: TextFieldClassNames;
|
|
535
|
+
mapping?: Partial<TextFieldMapping>;
|
|
536
|
+
size?: TextFieldSizes;
|
|
537
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
538
|
+
|
|
539
|
+
declare const TooltipContext: react.Context<ContextValue<TooltipProps, HTMLDivElement>>;
|
|
540
|
+
declare const Tooltip: (props: Omit<react_aria_components.TooltipProps, "className" | "style" | "UNSTABLE_portalContainer"> & {
|
|
541
|
+
classNames?: TooltipClassNames;
|
|
542
|
+
mapping?: Partial<TooltipMapping>;
|
|
543
|
+
} & {
|
|
544
|
+
children?: RenderPropsChildren<TooltipRenderProps>;
|
|
545
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
546
|
+
declare const TooltipTargetContext: react.Context<ContextValue<TooltipTargetProps, HTMLDivElement>>;
|
|
547
|
+
/**
|
|
548
|
+
* This target component is only needed if attempting to add a Tooltip
|
|
549
|
+
* to a non-focusable element/component
|
|
550
|
+
*/
|
|
551
|
+
declare const TooltipTarget: (props: {
|
|
552
|
+
classNames?: TooltipClassNames;
|
|
553
|
+
mapping?: Partial<TooltipMapping>;
|
|
554
|
+
} & {
|
|
555
|
+
focusable?: boolean;
|
|
556
|
+
relative?: "parent" | "self";
|
|
557
|
+
} & {
|
|
558
|
+
children?: react.ReactNode | undefined;
|
|
559
|
+
} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
|
|
560
|
+
|
|
561
|
+
declare const TreeStateContext: react.Context<TreeStateContextValue<any>>;
|
|
562
|
+
declare function Tree<T>(props: TreeProps<T>): react_jsx_runtime.JSX.Element;
|
|
563
|
+
declare function TreeGroup<T>({ id, children, nodes, types, ...rest }: TreeGroupProps<T>): react_jsx_runtime.JSX.Element;
|
|
564
|
+
declare function TreeItem<T>({ children: childrenProp, index, mapping: mappingProp, node, isFirstChild, isLastChild, ...rest }: TreeItemProps<T>): react_jsx_runtime.JSX.Element;
|
|
565
|
+
|
|
566
|
+
/**
|
|
567
|
+
* Copied from RAC, unexported hook: https://github.com/adobe/react-spectrum/blob/main/packages/react-aria-components/src/Collection.tsx#L148
|
|
568
|
+
*
|
|
569
|
+
* Hook serves as the basis of the root and branch renderers for Collections: https://github.com/adobe/react-spectrum/blob/main/packages/react-aria-components/src/Collection.tsx#L139
|
|
570
|
+
*/
|
|
571
|
+
declare function useCollectionRender(collection: Collection<Node<unknown>>, parent: Node<unknown> | null, renderDropIndicator?: (target: ItemDropTarget) => ReactNode): ReactNode;
|
|
572
|
+
|
|
573
|
+
/**
|
|
574
|
+
* Reimplementation of React Aria's useContextProps, to utilize our own
|
|
575
|
+
* mergeProps which handles renderProps and classNames
|
|
576
|
+
*/
|
|
577
|
+
declare function useContextProps<T, U extends SlotProps, E extends Element>(props: T & SlotProps, ref: ForwardedRef<E>, context: Context<ContextValue<U, E>>): [T, RefObject<E | null>];
|
|
578
|
+
|
|
579
|
+
type DefaultsOf<T extends Record<string, object>> = {
|
|
580
|
+
[K in keyof T]?: OmitProtectedProps<T[K]>;
|
|
581
|
+
};
|
|
582
|
+
type DefaultsContext = DefaultsOf<{
|
|
583
|
+
Button: ButtonProps;
|
|
584
|
+
Checkbox: CheckboxProps;
|
|
585
|
+
CheckboxGroup: CheckboxGroupProps;
|
|
586
|
+
Chip: ChipProps;
|
|
587
|
+
ChipGroup: ChipGroupProps;
|
|
588
|
+
ComboBox: ComboBoxProps<object>;
|
|
589
|
+
Dialog: DialogProps;
|
|
590
|
+
Drawer: DrawerProps;
|
|
591
|
+
DrawerTab: DrawerTabProps;
|
|
592
|
+
DrawerTabList: DrawerTabListProps<unknown>;
|
|
593
|
+
Icon: IconProps;
|
|
594
|
+
Input: InputProps;
|
|
595
|
+
LinkButton: LinkButtonProps;
|
|
596
|
+
Menu: MenuProps;
|
|
597
|
+
MenuList: MenuListProps<unknown>;
|
|
598
|
+
MenuItem: MenuItemProps<unknown>;
|
|
599
|
+
NumberField: NumberFieldProps;
|
|
600
|
+
Options: OptionsProps;
|
|
601
|
+
OptionsList: OptionsListProps<object>;
|
|
602
|
+
OptionsItem: OptionsItemProps<object>;
|
|
603
|
+
Picker: PickerProps<unknown>;
|
|
604
|
+
Popover: PopoverProps;
|
|
605
|
+
Radio: RadioProps;
|
|
606
|
+
RadioGroup: RadioGroupProps;
|
|
607
|
+
SearchField: SearchFieldProps;
|
|
608
|
+
Select: SelectProps<object>;
|
|
609
|
+
Switch: SwitchProps;
|
|
610
|
+
Tab: TabProps;
|
|
611
|
+
TabList: TabListProps<unknown>;
|
|
612
|
+
TabPanel: TabPanelProps;
|
|
613
|
+
TabPanels: TabPanelsProps;
|
|
614
|
+
Tabs: TabsProps;
|
|
615
|
+
TextArea: TextAreaProps;
|
|
616
|
+
TextField: TextFieldProps;
|
|
617
|
+
ToggleButton: ToggleButtonProps;
|
|
618
|
+
Tooltip: TooltipProps;
|
|
619
|
+
TooltipTarget: TooltipTargetProps;
|
|
620
|
+
Tree: TreeProps<unknown>;
|
|
621
|
+
}>;
|
|
622
|
+
type DefaultsProviderProps = PropsWithChildren<{
|
|
623
|
+
defaults: DefaultsContext;
|
|
624
|
+
}>;
|
|
625
|
+
|
|
626
|
+
/**
|
|
627
|
+
* Access globally established component prop defaults
|
|
628
|
+
*/
|
|
629
|
+
declare function useDefaults(): {
|
|
630
|
+
Button?: OmitProtectedProps<ButtonProps> | undefined;
|
|
631
|
+
Checkbox?: OmitProtectedProps<CheckboxProps> | undefined;
|
|
632
|
+
CheckboxGroup?: OmitProtectedProps<CheckboxGroupProps> | undefined;
|
|
633
|
+
Chip?: OmitProtectedProps<ChipProps> | undefined;
|
|
634
|
+
ChipGroup?: OmitProtectedProps<ChipGroupProps> | undefined;
|
|
635
|
+
ComboBox?: OmitProtectedProps<ComboBoxProps<object>> | undefined;
|
|
636
|
+
Dialog?: OmitProtectedProps<DialogProps> | undefined;
|
|
637
|
+
Drawer?: OmitProtectedProps<DrawerProps> | undefined;
|
|
638
|
+
DrawerTab?: OmitProtectedProps<DrawerTabProps> | undefined;
|
|
639
|
+
DrawerTabList?: OmitProtectedProps<DrawerTabListProps<unknown>> | undefined;
|
|
640
|
+
Icon?: OmitProtectedProps<IconProps> | undefined;
|
|
641
|
+
Input?: OmitProtectedProps<InputProps> | undefined;
|
|
642
|
+
LinkButton?: OmitProtectedProps<LinkButtonProps> | undefined;
|
|
643
|
+
Menu?: OmitProtectedProps<MenuProps> | undefined;
|
|
644
|
+
MenuList?: OmitProtectedProps<MenuListProps<unknown>> | undefined;
|
|
645
|
+
MenuItem?: OmitProtectedProps<MenuItemProps<unknown>> | undefined;
|
|
646
|
+
NumberField?: OmitProtectedProps<NumberFieldProps> | undefined;
|
|
647
|
+
Options?: OmitProtectedProps<OptionsProps> | undefined;
|
|
648
|
+
OptionsList?: OmitProtectedProps<OptionsListProps<object>> | undefined;
|
|
649
|
+
OptionsItem?: OmitProtectedProps<OptionsItemProps<object>> | undefined;
|
|
650
|
+
Picker?: OmitProtectedProps<PickerProps<unknown>> | undefined;
|
|
651
|
+
Popover?: OmitProtectedProps<PopoverProps> | undefined;
|
|
652
|
+
Radio?: OmitProtectedProps<RadioProps> | undefined;
|
|
653
|
+
RadioGroup?: OmitProtectedProps<RadioGroupProps> | undefined;
|
|
654
|
+
SearchField?: OmitProtectedProps<SearchFieldProps> | undefined;
|
|
655
|
+
Select?: OmitProtectedProps<SelectProps<object>> | undefined;
|
|
656
|
+
Switch?: OmitProtectedProps<SwitchProps> | undefined;
|
|
657
|
+
Tab?: OmitProtectedProps<TabProps> | undefined;
|
|
658
|
+
TabList?: OmitProtectedProps<TabListProps<unknown>> | undefined;
|
|
659
|
+
TabPanel?: OmitProtectedProps<TabPanelProps> | undefined;
|
|
660
|
+
TabPanels?: OmitProtectedProps<TabPanelsProps> | undefined;
|
|
661
|
+
Tabs?: OmitProtectedProps<TabsProps> | undefined;
|
|
662
|
+
TextArea?: OmitProtectedProps<TextAreaProps> | undefined;
|
|
663
|
+
TextField?: OmitProtectedProps<TextFieldProps> | undefined;
|
|
664
|
+
ToggleButton?: OmitProtectedProps<ToggleButtonProps> | undefined;
|
|
665
|
+
Tooltip?: OmitProtectedProps<TooltipProps> | undefined;
|
|
666
|
+
TooltipTarget?: OmitProtectedProps<TooltipTargetProps> | undefined;
|
|
667
|
+
Tree?: OmitProtectedProps<TreeProps<unknown>> | undefined;
|
|
668
|
+
};
|
|
669
|
+
/**
|
|
670
|
+
* Select default props from context and merge with provided props
|
|
671
|
+
* with provided props taking precedence
|
|
672
|
+
*/
|
|
673
|
+
declare function useDefaultProps<K extends keyof DefaultsContext, P extends DefaultsContext[K]>(props: P, key: K): P;
|
|
674
|
+
/**
|
|
675
|
+
* Set default props for any component, to be merged in with props at point
|
|
676
|
+
* of implementation. Global defaults take lower priority than props from
|
|
677
|
+
* composition context or props attached to instance
|
|
678
|
+
*
|
|
679
|
+
* Nested instances of this provider will shallow merge defaults from parent
|
|
680
|
+
* context, with the defaults prop taking precedence
|
|
681
|
+
*/
|
|
682
|
+
declare function DefaultsProvider({ children, defaults: defaultsProp, }: DefaultsProviderProps): react_jsx_runtime.JSX.Element;
|
|
683
|
+
|
|
684
|
+
/**
|
|
685
|
+
* The default behavior of usePress is to stop all propagation of press events
|
|
686
|
+
*
|
|
687
|
+
* To allow the more typical behavior of event propagation by default, this hook
|
|
688
|
+
* continues propagation of press events. This allows for nested press event
|
|
689
|
+
* listeners to not block press event listeners higher in the heirarchy
|
|
690
|
+
*/
|
|
691
|
+
declare function usePropagatingPress(props: PressHookProps): react_aria.PressResult;
|
|
692
|
+
|
|
693
|
+
/**
|
|
694
|
+
* Detects whether a slot has been utilized
|
|
695
|
+
*
|
|
696
|
+
* Example:
|
|
697
|
+
* Parent component implements RAC Provider, with a slotted context
|
|
698
|
+
* Child component implements slot prop matching provided slot in context
|
|
699
|
+
* Parent is able to see that the slot has been fulfilled
|
|
700
|
+
*
|
|
701
|
+
* Copied from RAC: https://github.com/adobe/react-spectrum/blob/main/packages/react-aria-components/src/utils.tsx#L213
|
|
702
|
+
* Due to not being exported, but quite handy
|
|
703
|
+
*/
|
|
704
|
+
declare function useSlot(): [RefCallback<Element>, boolean];
|
|
705
|
+
|
|
706
|
+
type ThemeContext = {
|
|
707
|
+
/**
|
|
708
|
+
* Intended as a way to pass classNames down to nested themes or global portals
|
|
709
|
+
*/
|
|
710
|
+
className?: string;
|
|
711
|
+
/**
|
|
712
|
+
* Intended as a way to pass inline CSS variables down to nested themes or global portals
|
|
713
|
+
*/
|
|
714
|
+
style?: CSSProperties;
|
|
715
|
+
/**
|
|
716
|
+
* Component specific classNames theme entrypoints
|
|
717
|
+
*/
|
|
718
|
+
Button?: ButtonClassNames;
|
|
719
|
+
Checkbox?: CheckboxClassNames;
|
|
720
|
+
Chip?: ChipClassNames;
|
|
721
|
+
ComboBox?: ComboBoxClassNames;
|
|
722
|
+
Dialog?: DialogClassNames;
|
|
723
|
+
Drawer?: DrawerClassNames;
|
|
724
|
+
Group?: GroupClassNames;
|
|
725
|
+
Icon?: IconClassNames;
|
|
726
|
+
Input?: InputClassNames;
|
|
727
|
+
Menu?: MenuClassNames;
|
|
728
|
+
NumberField?: NumberFieldClassNames;
|
|
729
|
+
Options?: OptionsClassNames;
|
|
730
|
+
Picker?: PickerClassNames;
|
|
731
|
+
Popover?: PopoverClassNames;
|
|
732
|
+
QueryBuilder?: QueryBuilderClassNames;
|
|
733
|
+
Radio?: RadioClassNames;
|
|
734
|
+
SearchField?: SearchFieldClassNames;
|
|
735
|
+
Select?: SelectClassNames;
|
|
736
|
+
Switch?: SwitchClassNames;
|
|
737
|
+
Tabs?: TabsClassNames;
|
|
738
|
+
TextArea?: TextAreaClassNames;
|
|
739
|
+
TextField?: TextFieldClassNames;
|
|
740
|
+
Tooltip?: TooltipClassNames;
|
|
741
|
+
Tree?: TreeClassNames;
|
|
742
|
+
};
|
|
743
|
+
type ThemeVars = {
|
|
744
|
+
colors?: {
|
|
745
|
+
generic?: string;
|
|
746
|
+
semantic?: string;
|
|
747
|
+
};
|
|
748
|
+
elevation?: string;
|
|
749
|
+
focus?: string;
|
|
750
|
+
radius?: string;
|
|
751
|
+
sizes?: string;
|
|
752
|
+
space?: string;
|
|
753
|
+
typography?: string;
|
|
754
|
+
zIndex?: string;
|
|
755
|
+
};
|
|
756
|
+
type ThemeProviderProps = PropsWithChildren<{
|
|
757
|
+
className?: string;
|
|
758
|
+
/**
|
|
759
|
+
* Set to true to skip defaults and inherit classNames, styles, theme & vars from parent
|
|
760
|
+
* All other props will be merged on top of inherited theme
|
|
761
|
+
*/
|
|
762
|
+
inherit?: boolean;
|
|
763
|
+
/**
|
|
764
|
+
* Use to set runtime CSS variables, not intended for other styles. Will be passed to
|
|
765
|
+
* nested themes and global portals
|
|
766
|
+
*/
|
|
767
|
+
style?: CSSProperties;
|
|
768
|
+
theme?: ThemeContext;
|
|
769
|
+
vars?: ThemeVars;
|
|
770
|
+
}>;
|
|
771
|
+
|
|
772
|
+
type ContinuableEvent = {
|
|
773
|
+
continuePropagation: () => void;
|
|
774
|
+
};
|
|
775
|
+
/**
|
|
776
|
+
* The default behavior of events within React Aria is to stop progagation
|
|
777
|
+
*
|
|
778
|
+
* To reenable propagation, continuePropagation must be called
|
|
779
|
+
*/
|
|
780
|
+
declare function continuePropagation(event: ContinuableEvent): void;
|
|
781
|
+
|
|
782
|
+
type Props<T extends object> = AsType<T> | null | undefined;
|
|
783
|
+
/**
|
|
784
|
+
* Deep merges classNames objects by concatenating class values
|
|
785
|
+
*
|
|
786
|
+
* @example
|
|
787
|
+
* mergeClassNames({ foo: 'foo' }, { foo: 'FOO', bar: 'bar' })
|
|
788
|
+
* // returns { foo: 'foo FOO', bar: 'bar' }
|
|
789
|
+
*/
|
|
790
|
+
declare function mergeClassNames<T extends ClassNames>(...classNamesToMerge: (T | null | undefined)[]): T | undefined;
|
|
791
|
+
/**
|
|
792
|
+
* Extends the base margeProps functionality to also merge styles and handle class/style render props
|
|
793
|
+
*/
|
|
794
|
+
declare function mergeProps<T extends object>(...propsToMerge: Props<T>[]): T;
|
|
795
|
+
/**
|
|
796
|
+
* A helper for not having to reimplement the type check for a renderProp value being a function or not everywhere
|
|
797
|
+
*/
|
|
798
|
+
declare function callRenderProps<T extends object, R>(value: R | ((renderProps: T) => R), values: T): R;
|
|
799
|
+
/**
|
|
800
|
+
* A helper function to pair with React Aria's render props. Typically
|
|
801
|
+
* implemented with children, className and styles
|
|
802
|
+
*
|
|
803
|
+
* Allows for the injection of additional renderProps that a component
|
|
804
|
+
* from React Aria may not already provide
|
|
805
|
+
*
|
|
806
|
+
* If the value isn't a renderProp function, then it is passed through unchanged
|
|
807
|
+
*/
|
|
808
|
+
declare function wrapRenderProps<T extends object, U extends object, R>(value: R | ((renderProps: T & U) => R), inject?: U): R | ((renderProps: T) => R);
|
|
809
|
+
|
|
810
|
+
/**
|
|
811
|
+
* Test for any safe number that could represent a pixel value
|
|
812
|
+
*/
|
|
813
|
+
declare const pixelValueAsNumberValidator: z.ZodNumber;
|
|
814
|
+
/**
|
|
815
|
+
* Test for and capture numeric pixel values
|
|
816
|
+
* Will allow decimals and negative numbers
|
|
817
|
+
*
|
|
818
|
+
* Examples:
|
|
819
|
+
* 0 -> 0
|
|
820
|
+
* 1px -> 1
|
|
821
|
+
* 20.5px -> 20.5
|
|
822
|
+
*/
|
|
823
|
+
declare const pixelValueAsStringValidator: z.ZodPipeline<z.ZodPipeline<z.ZodUnion<[z.ZodLiteral<"0">, z.ZodEffects<z.ZodString, string, string>]>, z.ZodNumber>, z.ZodNumber>;
|
|
824
|
+
/**
|
|
825
|
+
* Test for an integer in the range of 0-255 as a representation of an RGB color channel value
|
|
826
|
+
*/
|
|
827
|
+
declare const colorChannelAsNumberValidator: z.ZodNumber;
|
|
828
|
+
/**
|
|
829
|
+
* Test for and convert CSS RGB color channel to numeric value (0-255)
|
|
830
|
+
*/
|
|
831
|
+
declare const colorChannelAsStringValidator: z.ZodPipeline<z.ZodPipeline<z.ZodString, z.ZodNumber>, z.ZodNumber>;
|
|
832
|
+
/**
|
|
833
|
+
* DeckGL treats alpha channel the same as color channels (0-255)
|
|
834
|
+
*/
|
|
835
|
+
declare const alphaChannelAsNumberValidator: z.ZodNumber;
|
|
836
|
+
/**
|
|
837
|
+
* Test for and convert CSS RGBA alpha channel to DeckGL numeric value
|
|
838
|
+
*/
|
|
839
|
+
declare const alphaChannelAsStringValidator: z.ZodEffects<z.ZodPipeline<z.ZodString, z.ZodNumber>, number, string>;
|
|
840
|
+
/**
|
|
841
|
+
* Test for and convert CSS RGB(A) values to numeric RGBA tuple
|
|
842
|
+
* Will only allow for rgb with 3 valid numbers (0-255){3, intergers only}
|
|
843
|
+
* Will only allow for rgba with 4 valid numbers (0-255){3, intergers only} + (0-1){1, decimals allowed}
|
|
844
|
+
* Will allow for whitespace spread throughout
|
|
845
|
+
*
|
|
846
|
+
* Examples:
|
|
847
|
+
* rgb( 0, 0, 0 ) -> [0, 0, 0, 255]
|
|
848
|
+
* rgba(203,117,98,0.4) -> [203, 117, 98, 102]
|
|
849
|
+
*/
|
|
850
|
+
declare const rgbaAsStringValidator: z.ZodPipeline<z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>, string[], string>, z.ZodTuple<[z.ZodPipeline<z.ZodPipeline<z.ZodString, z.ZodNumber>, z.ZodNumber>, z.ZodPipeline<z.ZodPipeline<z.ZodString, z.ZodNumber>, z.ZodNumber>, z.ZodPipeline<z.ZodPipeline<z.ZodString, z.ZodNumber>, z.ZodNumber>, z.ZodEffects<z.ZodPipeline<z.ZodString, z.ZodNumber>, number, string>], null>>;
|
|
851
|
+
/**
|
|
852
|
+
* Test for numeric RGB(A) tuple
|
|
853
|
+
*
|
|
854
|
+
* Will return RGB as RGBA with 100% alpha channel
|
|
855
|
+
*/
|
|
856
|
+
declare const rgbaAsTupleValidator: z.ZodUnion<[z.ZodEffects<z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber], null>, RGBA, [number, number, number]>, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>]>;
|
|
857
|
+
|
|
858
|
+
/**
|
|
859
|
+
* Computes CSS values into DeckGL compatible formats using the optionally provided contract
|
|
860
|
+
*
|
|
861
|
+
* This function allows for the reuse of CSS contract tokens within React context for non-CSS
|
|
862
|
+
* use cases. This ensures synchronized theming across the entire rendering stack
|
|
863
|
+
*/
|
|
864
|
+
declare function useTheme<T extends Contract>(contract?: T): ThemeContext & {
|
|
865
|
+
contract?: ReturnType<typeof computeContract<T>>;
|
|
866
|
+
};
|
|
867
|
+
declare function ThemeProvider({ children, className: classNameProp, inherit, style: styleProp, theme: themeProp, vars, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
868
|
+
|
|
869
|
+
declare function useTree<T>({ allowsExpansion, allowsVisibility, nodes, selectionMode, onSelectionChange, onUpdate, }: UseTreeOptions<T>): UseTreeResult<T>;
|
|
870
|
+
|
|
871
|
+
declare function useUpdateEffect(effect: () => void, deps: any): void;
|
|
872
|
+
|
|
873
|
+
export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext, AsType, Button, ButtonClassNames, ButtonColors, ButtonContext, ButtonMapping, ButtonProps, ButtonRenderProps, ButtonSizes, Checkbox, CheckboxAlignment, CheckboxClassNames, CheckboxContext, CheckboxGroup, CheckboxGroupContext, CheckboxGroupProps, CheckboxGroupRenderProps, CheckboxProps, CheckboxRenderProps, Chip, ChipClassNames, ChipContext, ChipGroup, ChipGroupContext, ChipGroupProps, ChipItem, ChipItemProps, ChipList, ChipListProps, ChipProps, ClassNames, ComboBox, ComboBoxClassNames, ComboBoxContext, ComboBoxMapping, ComboBoxProps, ComboBoxSizes, Contract, type DefaultsContext, DefaultsProvider, type DefaultsProviderProps, Dialog, DialogClassNames, DialogContext, DialogMapping, DialogProps, DialogRenderProps, DialogSizes, Drawer, DrawerClassNames, DrawerDialog, DrawerMapping, DrawerProps, DrawerTab, DrawerTabList, DrawerTabListProps, DrawerTabProps, Element$1 as Element, ElementContext, type ElementProps, Group, GroupClassNames, GroupContext, GroupProps, Icon, IconClassNames, IconContext, IconProps, IconSizes, Input, InputClassNames, InputContext, InputProps, LinkButton, LinkButtonContext, LinkButtonProps, Menu, MenuClassNames, MenuContext, MenuItem, MenuItemContext, MenuItemProps, MenuList, MenuListContext, MenuListProps, MenuMapping, MenuProps, MenuSizes, MergeProvider, type MergeProviderProps, NumberField, NumberFieldClassNames, NumberFieldContext, NumberFieldMapping, NumberFieldProps, NumberFieldSizes, OmitProtectedProps, Options, OptionsClassNames, OptionsContext, OptionsItem, OptionsItemContext, OptionsItemProps, OptionsList, OptionsListContext, OptionsListProps, OptionsMapping, OptionsProps, OptionsSizes, Picker, PickerClassNames, PickerContext, PickerItem, PickerItemContext, PickerItemProps, PickerProps, Popover, PopoverClassNames, PopoverContext, PopoverProps, ProviderValues, QueryBuilder, QueryBuilderClassNames, QueryBuilderContext, QueryBuilderContextValue, QueryBuilderProps, RGBA, Radio, RadioAlignment, RadioClassNames, RadioContext, RadioGroup, RadioGroupContext, RadioGroupProps, RadioProps, RenderPropsChildren, SearchField, SearchFieldClassNames, SearchFieldContext, SearchFieldMapping, SearchFieldProps, Select, SelectClassNames, SelectContext, SelectMapping, SelectProps, Switch, SwitchClassNames, SwitchContext, SwitchProps, Tab, TabContext, TabList, TabListAlignment, TabListAnchor, TabListContext, TabListProps, TabListVariants, TabPanel, TabPanelContext, TabPanelProps, TabPanels, TabPanelsContext, TabPanelsProps, TabProps, Tabs, TabsClassNames, TabsContext, TabsProps, TextArea, TextAreaClassNames, TextAreaContext, TextAreaProps, TextField, TextFieldClassNames, TextFieldContext, TextFieldMapping, TextFieldProps, TextFieldSizes, type ThemeContext, ThemeProvider, type ThemeVars, ToggleButton, ToggleButtonContext, ToggleButtonProps, Tooltip, TooltipClassNames, TooltipContext, TooltipMapping, TooltipProps, TooltipRenderProps, TooltipTarget, TooltipTargetContext, TooltipTargetProps, Tree, TreeClassNames, TreeGroup, TreeGroupProps, TreeItem, TreeItemProps, TreeProps, TreeStateContext, TreeStateContextValue, UseTreeOptions, UseTreeResult, alphaChannelAsNumberValidator, alphaChannelAsStringValidator, callRenderProps, colorChannelAsNumberValidator, colorChannelAsStringValidator, computeContract, continuePropagation, createCollectionRenderer, mergeClassNames, mergeProps, pixelValueAsNumberValidator, pixelValueAsStringValidator, pressToMouseEvent, rgbaAsStringValidator, rgbaAsTupleValidator, useCollectionRender, useContextProps, useDefaultProps, useDefaults, usePropagatingPress, useSlot, useTheme, useTree, useUpdateEffect, wrapRenderProps };
|