@accelint/design-system 0.8.1 → 0.9.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/components/aria/index.d.ts +32 -3
- package/dist/components/aria/index.js +36 -1
- package/dist/components/aria/index.js.map +1 -1
- package/dist/components/button/index.d.ts +45 -6
- package/dist/components/button/index.js +105 -3
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/checkbox/index.d.ts +28 -7
- package/dist/components/checkbox/index.js +124 -3
- package/dist/components/checkbox/index.js.map +1 -1
- package/dist/components/chip/index.d.ts +36 -6
- package/dist/components/chip/index.js +171 -3
- package/dist/components/chip/index.js.map +1 -1
- package/dist/components/collection/index.d.ts +16 -5
- package/dist/components/collection/index.js +19 -1
- package/dist/components/collection/index.js.map +1 -1
- package/dist/components/combo-box/index.d.ts +13 -5
- package/dist/components/combo-box/index.js +116 -3
- package/dist/components/combo-box/index.js.map +1 -1
- package/dist/components/date-field/index.d.ts +13 -5
- package/dist/components/date-field/index.js +106 -2
- package/dist/components/date-field/index.js.map +1 -1
- package/dist/components/date-input/index.d.ts +19 -7
- package/dist/components/date-input/index.js +134 -2
- package/dist/components/date-input/index.js.map +1 -1
- package/dist/components/dialog/index.d.ts +24 -6
- package/dist/components/dialog/index.js +187 -3
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/drawer/index.d.ts +19 -7
- package/dist/components/drawer/index.js +306 -3
- package/dist/components/drawer/index.js.map +1 -1
- package/dist/components/element/index.d.ts +15 -4
- package/dist/components/element/index.js +21 -2
- package/dist/components/element/index.js.map +1 -1
- package/dist/components/group/index.d.ts +15 -5
- package/dist/components/group/index.js +60 -3
- package/dist/components/group/index.js.map +1 -1
- package/dist/components/icon/index.d.ts +17 -5
- package/dist/components/icon/index.js +39 -3
- package/dist/components/icon/index.js.map +1 -1
- package/dist/components/index.d.ts +35 -35
- package/dist/components/index.js +58 -28
- package/dist/components/input/index.d.ts +12 -5
- package/dist/components/input/index.js +141 -3
- package/dist/components/input/index.js.map +1 -1
- package/dist/components/menu/index.d.ts +29 -5
- package/dist/components/menu/index.js +253 -3
- package/dist/components/menu/index.js.map +1 -1
- package/dist/components/merge-provider/index.d.ts +18 -3
- package/dist/components/merge-provider/index.js +43 -2
- package/dist/components/merge-provider/index.js.map +1 -1
- package/dist/components/number-field/index.d.ts +14 -6
- package/dist/components/number-field/index.js +127 -2
- package/dist/components/number-field/index.js.map +1 -1
- package/dist/components/number-field/number-field.css.d.ts +1 -1
- package/dist/components/number-field/types.d.ts +1 -1
- package/dist/components/options/index.d.ts +25 -5
- package/dist/components/options/index.js +254 -3
- package/dist/components/options/index.js.map +1 -1
- package/dist/components/picker/index.d.ts +23 -5
- package/dist/components/picker/index.js +113 -3
- package/dist/components/picker/index.js.map +1 -1
- package/dist/components/popover/index.d.ts +14 -6
- package/dist/components/popover/index.js +140 -3
- package/dist/components/popover/index.js.map +1 -1
- package/dist/components/query-builder/group.js +1 -1
- package/dist/components/query-builder/group.js.map +1 -1
- package/dist/components/query-builder/index.d.ts +7 -7
- package/dist/components/query-builder/index.js +198 -5
- package/dist/components/query-builder/index.js.map +1 -1
- package/dist/components/query-builder/rule.js +1 -1
- package/dist/components/query-builder/rule.js.map +1 -1
- package/dist/components/query-builder/value-editor.js.map +1 -1
- package/dist/components/query-builder/value-selector.js +1 -1
- package/dist/components/query-builder/value-selector.js.map +1 -1
- package/dist/components/radio/index.d.ts +22 -6
- package/dist/components/radio/index.js +114 -3
- package/dist/components/radio/index.js.map +1 -1
- package/dist/components/search-field/index.d.ts +15 -6
- package/dist/components/search-field/index.js +92 -3
- package/dist/components/search-field/index.js.map +1 -1
- package/dist/components/select/index.d.ts +13 -5
- package/dist/components/select/index.js +109 -3
- package/dist/components/select/index.js.map +1 -1
- package/dist/components/slider/index.d.ts +41 -7
- package/dist/components/slider/index.js +232 -3
- package/dist/components/slider/index.js.map +1 -1
- package/dist/components/slider/slider.css.d.ts +1 -1
- package/dist/components/slider/types.d.ts +1 -1
- package/dist/components/switch/index.d.ts +9 -5
- package/dist/components/switch/index.js +60 -3
- package/dist/components/switch/index.js.map +1 -1
- package/dist/components/tabs/index.d.ts +74 -7
- package/dist/components/tabs/index.js +259 -3
- package/dist/components/tabs/index.js.map +1 -1
- package/dist/components/text-field/index.d.ts +61 -6
- package/dist/components/text-field/index.js +93 -2
- package/dist/components/text-field/index.js.map +1 -1
- package/dist/components/textarea/index.d.ts +18 -5
- package/dist/components/textarea/index.js +134 -3
- package/dist/components/textarea/index.js.map +1 -1
- package/dist/components/time-field/index.d.ts +14 -6
- package/dist/components/time-field/index.js +103 -2
- package/dist/components/time-field/index.js.map +1 -1
- package/dist/components/tooltip/index.d.ts +29 -6
- package/dist/components/tooltip/index.js +112 -3
- package/dist/components/tooltip/index.js.map +1 -1
- package/dist/components/tree/index.d.ts +17 -5
- package/dist/components/tree/index.js +491 -3
- package/dist/components/tree/index.js.map +1 -1
- package/dist/components/tree/utils.js.map +1 -1
- package/dist/hooks/index.d.ts +12 -12
- package/dist/hooks/use-collection-render/index.d.ts +11 -3
- package/dist/hooks/use-collection-render/index.js +25 -1
- package/dist/hooks/use-collection-render/index.js.map +1 -1
- package/dist/hooks/use-context-props/index.d.ts +10 -3
- package/dist/hooks/use-context-props/index.js +15 -1
- package/dist/hooks/use-context-props/index.js.map +1 -1
- package/dist/hooks/use-defaults/index.d.ts +99 -31
- package/dist/hooks/use-defaults/index.js +33 -2
- package/dist/hooks/use-defaults/index.js.map +1 -1
- package/dist/hooks/use-defaults/types.d.ts +6 -6
- package/dist/hooks/use-propagating-press/index.d.ts +13 -2
- package/dist/hooks/use-propagating-press/index.js +19 -1
- package/dist/hooks/use-propagating-press/index.js.map +1 -1
- package/dist/hooks/use-slot/index.d.ts +16 -2
- package/dist/hooks/use-slot/index.js +18 -1
- package/dist/hooks/use-slot/index.js.map +1 -1
- package/dist/hooks/use-theme/index.d.ts +37 -8
- package/dist/hooks/use-theme/index.js +105 -2
- package/dist/hooks/use-theme/index.js.map +1 -1
- package/dist/hooks/use-theme/types.d.ts +2 -2
- package/dist/hooks/use-tree/index.d.ts +5 -2
- package/dist/hooks/use-tree/index.js +259 -1
- package/dist/hooks/use-tree/index.js.map +1 -1
- package/dist/hooks/use-tree/utils.js.map +1 -1
- package/dist/hooks/use-update-effect/index.d.ts +3 -1
- package/dist/hooks/use-update-effect/index.js +20 -1
- package/dist/hooks/use-update-effect/index.js.map +1 -1
- package/dist/index.css +119 -119
- package/dist/index.d.ts +47 -47
- package/dist/ladle/actions.js.map +1 -1
- package/dist/styles/layers.css.d.ts +3 -3
- package/dist/styles/surfaces.css.d.ts +1 -1
- package/dist/test/setup.js +78 -8
- package/dist/test/setup.js.map +1 -1
- package/dist/utils/{css.d.ts → css/index.d.ts} +2 -2
- package/dist/utils/{css.js → css/index.js} +5 -5
- package/dist/utils/css/index.js.map +1 -0
- package/dist/utils/events/index.js +10 -0
- package/dist/utils/events/index.js.map +1 -0
- package/dist/utils/index.d.ts +4 -4
- package/dist/utils/index.js +4 -4
- package/dist/utils/{props.d.ts → props/index.d.ts} +2 -2
- package/dist/utils/{props.js → props/index.js} +3 -3
- package/dist/utils/props/index.js.map +1 -0
- package/dist/utils/{validators.d.ts → validators/index.d.ts} +1 -1
- package/dist/utils/{validators.js → validators/index.js} +3 -3
- package/dist/utils/validators/index.js.map +1 -0
- package/dist/vanilla.d.ts +1 -1
- package/dist/vanilla.js +1 -1
- package/package.json +7 -8
- package/dist/components/aria/aria.d.ts +0 -32
- package/dist/components/aria/aria.js +0 -39
- package/dist/components/aria/aria.js.map +0 -1
- package/dist/components/button/button.d.ts +0 -47
- package/dist/components/button/button.js +0 -104
- package/dist/components/button/button.js.map +0 -1
- package/dist/components/checkbox/checkbox.d.ts +0 -30
- package/dist/components/checkbox/checkbox.js +0 -123
- package/dist/components/checkbox/checkbox.js.map +0 -1
- package/dist/components/chip/chip.d.ts +0 -41
- package/dist/components/chip/chip.js +0 -171
- package/dist/components/chip/chip.js.map +0 -1
- package/dist/components/collection/collection.d.ts +0 -17
- package/dist/components/collection/collection.js +0 -22
- package/dist/components/collection/collection.js.map +0 -1
- package/dist/components/combo-box/combo-box.d.ts +0 -21
- package/dist/components/combo-box/combo-box.js +0 -116
- package/dist/components/combo-box/combo-box.js.map +0 -1
- package/dist/components/date-field/date-field.d.ts +0 -20
- package/dist/components/date-field/date-field.js +0 -106
- package/dist/components/date-field/date-field.js.map +0 -1
- package/dist/components/date-input/date-input.d.ts +0 -42
- package/dist/components/date-input/date-input.js +0 -128
- package/dist/components/date-input/date-input.js.map +0 -1
- package/dist/components/dialog/dialog.d.ts +0 -29
- package/dist/components/dialog/dialog.js +0 -186
- package/dist/components/dialog/dialog.js.map +0 -1
- package/dist/components/drawer/drawer.d.ts +0 -28
- package/dist/components/drawer/drawer.js +0 -305
- package/dist/components/drawer/drawer.js.map +0 -1
- package/dist/components/element/element.d.ts +0 -16
- package/dist/components/element/element.js +0 -24
- package/dist/components/element/element.js.map +0 -1
- package/dist/components/group/group.d.ts +0 -16
- package/dist/components/group/group.js +0 -61
- package/dist/components/group/group.js.map +0 -1
- package/dist/components/icon/icon.d.ts +0 -17
- package/dist/components/icon/icon.js +0 -39
- package/dist/components/icon/icon.js.map +0 -1
- package/dist/components/input/input.d.ts +0 -13
- package/dist/components/input/input.js +0 -141
- package/dist/components/input/input.js.map +0 -1
- package/dist/components/menu/menu.d.ts +0 -32
- package/dist/components/menu/menu.js +0 -252
- package/dist/components/menu/menu.js.map +0 -1
- package/dist/components/merge-provider/merge-provider.d.ts +0 -20
- package/dist/components/merge-provider/merge-provider.js +0 -46
- package/dist/components/merge-provider/merge-provider.js.map +0 -1
- package/dist/components/number-field/number-field.d.ts +0 -20
- package/dist/components/number-field/number-field.js +0 -125
- package/dist/components/number-field/number-field.js.map +0 -1
- package/dist/components/options/options.d.ts +0 -28
- package/dist/components/options/options.js +0 -253
- package/dist/components/options/options.js.map +0 -1
- package/dist/components/picker/picker.d.ts +0 -24
- package/dist/components/picker/picker.js +0 -113
- package/dist/components/picker/picker.js.map +0 -1
- package/dist/components/popover/popover.d.ts +0 -22
- package/dist/components/popover/popover.js +0 -139
- package/dist/components/popover/popover.js.map +0 -1
- package/dist/components/query-builder/query-builder.d.ts +0 -23
- package/dist/components/query-builder/query-builder.js +0 -200
- package/dist/components/query-builder/query-builder.js.map +0 -1
- package/dist/components/radio/radio.d.ts +0 -23
- package/dist/components/radio/radio.js +0 -114
- package/dist/components/radio/radio.js.map +0 -1
- package/dist/components/search-field/search-field.d.ts +0 -21
- package/dist/components/search-field/search-field.js +0 -92
- package/dist/components/search-field/search-field.js.map +0 -1
- package/dist/components/select/select.d.ts +0 -20
- package/dist/components/select/select.js +0 -109
- package/dist/components/select/select.js.map +0 -1
- package/dist/components/slider/slider.d.ts +0 -49
- package/dist/components/slider/slider.js +0 -230
- package/dist/components/slider/slider.js.map +0 -1
- package/dist/components/switch/switch.d.ts +0 -10
- package/dist/components/switch/switch.js +0 -60
- package/dist/components/switch/switch.js.map +0 -1
- package/dist/components/tabs/tabs.d.ts +0 -75
- package/dist/components/tabs/tabs.js +0 -258
- package/dist/components/tabs/tabs.js.map +0 -1
- package/dist/components/text-field/text-field.d.ts +0 -64
- package/dist/components/text-field/text-field.js +0 -92
- package/dist/components/text-field/text-field.js.map +0 -1
- package/dist/components/textarea/textarea.d.ts +0 -19
- package/dist/components/textarea/textarea.js +0 -134
- package/dist/components/textarea/textarea.js.map +0 -1
- package/dist/components/time-field/time-field.d.ts +0 -21
- package/dist/components/time-field/time-field.js +0 -106
- package/dist/components/time-field/time-field.js.map +0 -1
- package/dist/components/tooltip/tooltip.d.ts +0 -30
- package/dist/components/tooltip/tooltip.js +0 -112
- package/dist/components/tooltip/tooltip.js.map +0 -1
- package/dist/components/tree/tree.d.ts +0 -29
- package/dist/components/tree/tree.js +0 -491
- package/dist/components/tree/tree.js.map +0 -1
- package/dist/hooks/use-collection-render/use-collection-render.d.ts +0 -11
- package/dist/hooks/use-collection-render/use-collection-render.js +0 -28
- package/dist/hooks/use-collection-render/use-collection-render.js.map +0 -1
- package/dist/hooks/use-context-props/use-context-props.d.ts +0 -10
- package/dist/hooks/use-context-props/use-context-props.js +0 -18
- package/dist/hooks/use-context-props/use-context-props.js.map +0 -1
- package/dist/hooks/use-defaults/use-defaults.d.ts +0 -110
- package/dist/hooks/use-defaults/use-defaults.js +0 -36
- package/dist/hooks/use-defaults/use-defaults.js.map +0 -1
- package/dist/hooks/use-propagating-press/use-propagating-press.d.ts +0 -13
- package/dist/hooks/use-propagating-press/use-propagating-press.js +0 -21
- package/dist/hooks/use-propagating-press/use-propagating-press.js.map +0 -1
- package/dist/hooks/use-slot/use-slot.d.ts +0 -16
- package/dist/hooks/use-slot/use-slot.js +0 -21
- package/dist/hooks/use-slot/use-slot.js.map +0 -1
- package/dist/hooks/use-theme/use-theme.d.ts +0 -77
- package/dist/hooks/use-theme/use-theme.js +0 -108
- package/dist/hooks/use-theme/use-theme.js.map +0 -1
- package/dist/hooks/use-tree/use-tree.d.ts +0 -7
- package/dist/hooks/use-tree/use-tree.js +0 -262
- package/dist/hooks/use-tree/use-tree.js.map +0 -1
- package/dist/hooks/use-update-effect/use-update-effect.d.ts +0 -3
- package/dist/hooks/use-update-effect/use-update-effect.js +0 -23
- package/dist/hooks/use-update-effect/use-update-effect.js.map +0 -1
- package/dist/utils/css.js.map +0 -1
- package/dist/utils/events.js +0 -10
- package/dist/utils/events.js.map +0 -1
- package/dist/utils/props.js.map +0 -1
- package/dist/utils/validators.js.map +0 -1
- /package/dist/utils/{events.d.ts → events/index.d.ts} +0 -0
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { SliderProps, SliderBarProps, SliderInputProps, SliderOutputProps, SliderThumbProps, SliderTrackProps } from '../../components/slider/types.js';
|
|
3
|
-
import * as react_aria_components from 'react-aria-components';
|
|
4
|
-
import { ButtonProps, LinkButtonProps, ToggleButtonProps } from '../../components/button/types.js';
|
|
5
|
-
import { CheckboxProps, CheckboxGroupProps } from '../../components/checkbox/types.js';
|
|
6
|
-
import { ChipProps, ChipGroupProps } from '../../components/chip/types.js';
|
|
7
|
-
import { OmitProtectedProps } from '../../types/props.js';
|
|
8
|
-
import { ComboBoxProps } from '../../components/combo-box/types.js';
|
|
9
|
-
import { DateFieldProps } from '../../components/date-field/types.js';
|
|
10
|
-
import { DateInputProps } from '../../components/date-input/types.js';
|
|
11
|
-
import { DialogProps } from '../../components/dialog/types.js';
|
|
12
|
-
import { DrawerProps, DrawerTabProps, DrawerTabListProps } from '../../components/drawer/types.js';
|
|
13
|
-
import { IconProps } from '../../components/icon/types.js';
|
|
14
|
-
import { InputProps } from '../../components/input/types.js';
|
|
15
|
-
import { MenuProps, MenuListProps, MenuItemProps } from '../../components/menu/types.js';
|
|
16
|
-
import { NumberFieldProps } from '../../components/number-field/types.js';
|
|
17
|
-
import { OptionsProps, OptionsListProps, OptionsItemProps } from '../../components/options/types.js';
|
|
18
|
-
import { PickerProps } from '../../components/picker/types.js';
|
|
19
|
-
import { PopoverProps } from '../../components/popover/types.js';
|
|
20
|
-
import { RadioProps, RadioGroupProps } from '../../components/radio/types.js';
|
|
21
|
-
import { SelectProps } from '../../components/select/types.js';
|
|
22
|
-
import { SwitchProps } from '../../components/switch/types.js';
|
|
23
|
-
import { TextAreaProps } from '../../components/textarea/types.js';
|
|
24
|
-
import { SearchFieldProps } from '../../components/search-field/types.js';
|
|
25
|
-
import { TabProps, TabListProps, TabPanelProps, TabPanelsProps, TabsProps } from '../../components/tabs/types.js';
|
|
26
|
-
import { TextFieldProps } from '../../components/text-field/types.js';
|
|
27
|
-
import { TimeFieldProps } from '../../components/time-field/types.js';
|
|
28
|
-
import { TooltipProps, TooltipTargetProps } from '../../components/tooltip/types.js';
|
|
29
|
-
import { TreeProps } from '../../components/tree/types.js';
|
|
30
|
-
import { DefaultsProviderProps, DefaultsContext } from './types.js';
|
|
31
|
-
import 'type-fest';
|
|
32
|
-
import '../../types/generic.js';
|
|
33
|
-
import '../../types/react-aria.js';
|
|
34
|
-
import 'react';
|
|
35
|
-
import '../../components/group/types.js';
|
|
36
|
-
import '@react-types/shared';
|
|
37
|
-
import '@react-stately/datepicker';
|
|
38
|
-
import '@react-aria/overlays';
|
|
39
|
-
import '@react-stately/overlays';
|
|
40
|
-
import '../../types/use-tree.js';
|
|
41
|
-
import '@react-stately/data';
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Access globally established component prop defaults
|
|
45
|
-
*/
|
|
46
|
-
declare function useDefaults(): {
|
|
47
|
-
Button?: OmitProtectedProps<ButtonProps> | undefined;
|
|
48
|
-
Checkbox?: OmitProtectedProps<CheckboxProps> | undefined;
|
|
49
|
-
CheckboxGroup?: OmitProtectedProps<CheckboxGroupProps> | undefined;
|
|
50
|
-
Chip?: OmitProtectedProps<ChipProps> | undefined;
|
|
51
|
-
ChipGroup?: OmitProtectedProps<ChipGroupProps> | undefined;
|
|
52
|
-
ComboBox?: OmitProtectedProps<ComboBoxProps<object>> | undefined;
|
|
53
|
-
DateField?: OmitProtectedProps<DateFieldProps<react_aria_components.DateValue>> | undefined;
|
|
54
|
-
DateInput?: OmitProtectedProps<DateInputProps> | undefined;
|
|
55
|
-
Dialog?: OmitProtectedProps<DialogProps> | undefined;
|
|
56
|
-
Drawer?: OmitProtectedProps<DrawerProps> | undefined;
|
|
57
|
-
DrawerTab?: OmitProtectedProps<DrawerTabProps> | undefined;
|
|
58
|
-
DrawerTabList?: OmitProtectedProps<DrawerTabListProps<unknown>> | undefined;
|
|
59
|
-
Icon?: OmitProtectedProps<IconProps> | undefined;
|
|
60
|
-
Input?: OmitProtectedProps<InputProps> | undefined;
|
|
61
|
-
LinkButton?: OmitProtectedProps<LinkButtonProps> | undefined;
|
|
62
|
-
Menu?: OmitProtectedProps<MenuProps> | undefined;
|
|
63
|
-
MenuList?: OmitProtectedProps<MenuListProps<unknown>> | undefined;
|
|
64
|
-
MenuItem?: OmitProtectedProps<MenuItemProps<unknown>> | undefined;
|
|
65
|
-
NumberField?: OmitProtectedProps<NumberFieldProps> | undefined;
|
|
66
|
-
Options?: OmitProtectedProps<OptionsProps> | undefined;
|
|
67
|
-
OptionsList?: OmitProtectedProps<OptionsListProps<object>> | undefined;
|
|
68
|
-
OptionsItem?: OmitProtectedProps<OptionsItemProps<object>> | undefined;
|
|
69
|
-
Picker?: OmitProtectedProps<PickerProps<unknown>> | undefined;
|
|
70
|
-
Popover?: OmitProtectedProps<PopoverProps> | undefined;
|
|
71
|
-
Radio?: OmitProtectedProps<RadioProps> | undefined;
|
|
72
|
-
RadioGroup?: OmitProtectedProps<RadioGroupProps> | undefined;
|
|
73
|
-
SearchField?: OmitProtectedProps<SearchFieldProps> | undefined;
|
|
74
|
-
Select?: OmitProtectedProps<SelectProps<object>> | undefined;
|
|
75
|
-
Slider?: OmitProtectedProps<SliderProps> | undefined;
|
|
76
|
-
SliderBar?: OmitProtectedProps<SliderBarProps> | undefined;
|
|
77
|
-
SliderInput?: OmitProtectedProps<SliderInputProps> | undefined;
|
|
78
|
-
SliderOutput?: OmitProtectedProps<SliderOutputProps> | undefined;
|
|
79
|
-
SliderThumb?: OmitProtectedProps<SliderThumbProps> | undefined;
|
|
80
|
-
SliderTrack?: OmitProtectedProps<SliderTrackProps> | undefined;
|
|
81
|
-
Switch?: OmitProtectedProps<SwitchProps> | undefined;
|
|
82
|
-
Tab?: OmitProtectedProps<TabProps> | undefined;
|
|
83
|
-
TabList?: OmitProtectedProps<TabListProps<unknown>> | undefined;
|
|
84
|
-
TabPanel?: OmitProtectedProps<TabPanelProps> | undefined;
|
|
85
|
-
TabPanels?: OmitProtectedProps<TabPanelsProps> | undefined;
|
|
86
|
-
Tabs?: OmitProtectedProps<TabsProps> | undefined;
|
|
87
|
-
TextArea?: OmitProtectedProps<TextAreaProps> | undefined;
|
|
88
|
-
TextField?: OmitProtectedProps<TextFieldProps> | undefined;
|
|
89
|
-
TimeField?: OmitProtectedProps<TimeFieldProps<react_aria_components.TimeValue>> | undefined;
|
|
90
|
-
ToggleButton?: OmitProtectedProps<ToggleButtonProps> | undefined;
|
|
91
|
-
Tooltip?: OmitProtectedProps<TooltipProps> | undefined;
|
|
92
|
-
TooltipTarget?: OmitProtectedProps<TooltipTargetProps> | undefined;
|
|
93
|
-
Tree?: OmitProtectedProps<TreeProps<unknown>> | undefined;
|
|
94
|
-
};
|
|
95
|
-
/**
|
|
96
|
-
* Select default props from context and merge with provided props
|
|
97
|
-
* with provided props taking precedence
|
|
98
|
-
*/
|
|
99
|
-
declare function useDefaultProps<K extends keyof DefaultsContext, P extends DefaultsContext[K]>(props: P, key: K): P;
|
|
100
|
-
/**
|
|
101
|
-
* Set default props for any component, to be merged in with props at point
|
|
102
|
-
* of implementation. Global defaults take lower priority than props from
|
|
103
|
-
* composition context or props attached to instance
|
|
104
|
-
*
|
|
105
|
-
* Nested instances of this provider will shallow merge defaults from parent
|
|
106
|
-
* context, with the defaults prop taking precedence
|
|
107
|
-
*/
|
|
108
|
-
declare function DefaultsProvider({ children, defaults: defaultsProp, }: DefaultsProviderProps): react_jsx_runtime.JSX.Element;
|
|
109
|
-
|
|
110
|
-
export { DefaultsProvider, useDefaultProps, useDefaults };
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import '../../chunk-PZ5AY32C.js';
|
|
2
|
-
import { createContext, useContext, useMemo } from 'react';
|
|
3
|
-
import { mergeProps } from '../../utils/index.js';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var defaultsContext = createContext({});
|
|
7
|
-
function useDefaults() {
|
|
8
|
-
return useContext(defaultsContext);
|
|
9
|
-
}
|
|
10
|
-
function useDefaultProps(props, key) {
|
|
11
|
-
const defaults = useDefaults();
|
|
12
|
-
const defaultProps = useMemo(
|
|
13
|
-
() => defaults[key] ?? {},
|
|
14
|
-
[defaults, key]
|
|
15
|
-
);
|
|
16
|
-
return useMemo(
|
|
17
|
-
() => mergeProps(defaultProps, props),
|
|
18
|
-
[defaultProps, props]
|
|
19
|
-
);
|
|
20
|
-
}
|
|
21
|
-
function DefaultsProvider({
|
|
22
|
-
children,
|
|
23
|
-
defaults: defaultsProp
|
|
24
|
-
}) {
|
|
25
|
-
const defaults = useDefaults();
|
|
26
|
-
const context = useMemo(
|
|
27
|
-
() => ({ ...defaults, ...defaultsProp }),
|
|
28
|
-
[defaults, defaultsProp]
|
|
29
|
-
);
|
|
30
|
-
const { Provider } = defaultsContext;
|
|
31
|
-
return /* @__PURE__ */ jsx(Provider, { value: context, children });
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export { DefaultsProvider, useDefaultProps, useDefaults };
|
|
35
|
-
//# sourceMappingURL=use-defaults.js.map
|
|
36
|
-
//# sourceMappingURL=use-defaults.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/hooks/use-defaults/use-defaults.tsx"],"names":[],"mappings":";;;;;AAIA,IAAM,eAAA,GAAkB,aAA+B,CAAA,EAAE,CAAA;AAKlD,SAAS,WAAc,GAAA;AAC5B,EAAA,OAAO,WAAW,eAAe,CAAA;AACnC;AAMO,SAAS,eAAA,CAGd,OAAU,GAAW,EAAA;AACrB,EAAA,MAAM,WAAW,WAAY,EAAA;AAE7B,EAAA,MAAM,YAAe,GAAA,OAAA;AAAA,IACnB,MAAO,QAAA,CAAS,GAAG,CAAA,IAAK,EAAC;AAAA,IACzB,CAAC,UAAU,GAAG;AAAA,GAChB;AAEA,EAAO,OAAA,OAAA;AAAA,IACL,MAAM,UAAW,CAAA,YAAA,EAAc,KAAK,CAAA;AAAA,IACpC,CAAC,cAAc,KAAK;AAAA,GACtB;AACF;AAUO,SAAS,gBAAiB,CAAA;AAAA,EAC/B,QAAA;AAAA,EACA,QAAU,EAAA;AACZ,CAA0B,EAAA;AACxB,EAAA,MAAM,WAAW,WAAY,EAAA;AAE7B,EAAA,MAAM,OAAU,GAAA,OAAA;AAAA,IACd,OAAO,EAAE,GAAG,QAAA,EAAU,GAAG,YAAa,EAAA,CAAA;AAAA,IACtC,CAAC,UAAU,YAAY;AAAA,GACzB;AAEA,EAAM,MAAA,EAAE,UAAa,GAAA,eAAA;AAErB,EAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,OAAA,EAAU,QAAS,EAAA,CAAA;AAC7C","file":"use-defaults.js","sourcesContent":["import { createContext, useContext, useMemo } from 'react';\nimport { mergeProps } from '../../utils';\nimport type { DefaultsContext, DefaultsProviderProps } from './types';\n\nconst defaultsContext = createContext<DefaultsContext>({});\n\n/**\n * Access globally established component prop defaults\n */\nexport function useDefaults() {\n return useContext(defaultsContext);\n}\n\n/**\n * Select default props from context and merge with provided props\n * with provided props taking precedence\n */\nexport function useDefaultProps<\n K extends keyof DefaultsContext,\n P extends DefaultsContext[K],\n>(props: P, key: K): P {\n const defaults = useDefaults();\n\n const defaultProps = useMemo(\n () => (defaults[key] ?? {}) as Partial<P>,\n [defaults, key],\n );\n\n return useMemo(\n () => mergeProps(defaultProps, props) as P,\n [defaultProps, props],\n );\n}\n\n/**\n * Set default props for any component, to be merged in with props at point\n * of implementation. Global defaults take lower priority than props from\n * composition context or props attached to instance\n *\n * Nested instances of this provider will shallow merge defaults from parent\n * context, with the defaults prop taking precedence\n */\nexport function DefaultsProvider({\n children,\n defaults: defaultsProp,\n}: DefaultsProviderProps) {\n const defaults = useDefaults();\n\n const context = useMemo(\n () => ({ ...defaults, ...defaultsProp }),\n [defaults, defaultsProp],\n );\n\n const { Provider } = defaultsContext;\n\n return <Provider value={context}>{children}</Provider>;\n}\n"]}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as _react_aria_interactions from '@react-aria/interactions';
|
|
2
|
-
import { PressHookProps } from '@react-aria/interactions';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* The default behavior of usePress is to stop all propagation of press events
|
|
6
|
-
*
|
|
7
|
-
* To allow the more typical behavior of event propagation by default, this hook
|
|
8
|
-
* continues propagation of press events. This allows for nested press event
|
|
9
|
-
* listeners to not block press event listeners higher in the heirarchy
|
|
10
|
-
*/
|
|
11
|
-
declare function usePropagatingPress(props: PressHookProps): _react_aria_interactions.PressResult;
|
|
12
|
-
|
|
13
|
-
export { usePropagatingPress };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import '../../chunk-PZ5AY32C.js';
|
|
2
|
-
import { usePress } from '@react-aria/interactions';
|
|
3
|
-
import { mergeProps, continuePropagation } from '../../utils/index.js';
|
|
4
|
-
|
|
5
|
-
function usePropagatingPress(props) {
|
|
6
|
-
return usePress(
|
|
7
|
-
mergeProps(
|
|
8
|
-
{
|
|
9
|
-
onPress: continuePropagation,
|
|
10
|
-
onPressEnd: continuePropagation,
|
|
11
|
-
onPressStart: continuePropagation,
|
|
12
|
-
onPressUp: continuePropagation
|
|
13
|
-
},
|
|
14
|
-
props
|
|
15
|
-
)
|
|
16
|
-
);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export { usePropagatingPress };
|
|
20
|
-
//# sourceMappingURL=use-propagating-press.js.map
|
|
21
|
-
//# sourceMappingURL=use-propagating-press.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/hooks/use-propagating-press/use-propagating-press.ts"],"names":[],"mappings":";;;;AAUO,SAAS,oBAAoB,KAAuB,EAAA;AACzD,EAAO,OAAA,QAAA;AAAA,IACL,UAAA;AAAA,MACE;AAAA,QACE,OAAS,EAAA,mBAAA;AAAA,QACT,UAAY,EAAA,mBAAA;AAAA,QACZ,YAAc,EAAA,mBAAA;AAAA,QACd,SAAW,EAAA;AAAA,OACb;AAAA,MACA;AAAA;AACF,GACF;AACF","file":"use-propagating-press.js","sourcesContent":["import { type PressHookProps, usePress } from '@react-aria/interactions';\nimport { continuePropagation, mergeProps } from '../../utils';\n\n/**\n * The default behavior of usePress is to stop all propagation of press events\n *\n * To allow the more typical behavior of event propagation by default, this hook\n * continues propagation of press events. This allows for nested press event\n * listeners to not block press event listeners higher in the heirarchy\n */\nexport function usePropagatingPress(props: PressHookProps) {\n return usePress(\n mergeProps(\n {\n onPress: continuePropagation,\n onPressEnd: continuePropagation,\n onPressStart: continuePropagation,\n onPressUp: continuePropagation,\n },\n props,\n ),\n );\n}\n"]}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { RefCallback } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Detects whether a slot has been utilized
|
|
5
|
-
*
|
|
6
|
-
* Example:
|
|
7
|
-
* Parent component implements RAC Provider, with a slotted context
|
|
8
|
-
* Child component implements slot prop matching provided slot in context
|
|
9
|
-
* Parent is able to see that the slot has been fulfilled
|
|
10
|
-
*
|
|
11
|
-
* Copied from RAC: https://github.com/adobe/react-spectrum/blob/main/packages/react-aria-components/src/utils.tsx#L213
|
|
12
|
-
* Due to not being exported, but quite handy
|
|
13
|
-
*/
|
|
14
|
-
declare function useSlot(): [RefCallback<Element>, boolean];
|
|
15
|
-
|
|
16
|
-
export { useSlot };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import '../../chunk-PZ5AY32C.js';
|
|
2
|
-
import { useState, useRef, useCallback, useLayoutEffect } from 'react';
|
|
3
|
-
|
|
4
|
-
function useSlot() {
|
|
5
|
-
const [hasSlot, setHasSlot] = useState(true);
|
|
6
|
-
const hasRun = useRef(false);
|
|
7
|
-
const ref = useCallback((el) => {
|
|
8
|
-
hasRun.current = true;
|
|
9
|
-
setHasSlot(!!el);
|
|
10
|
-
}, []);
|
|
11
|
-
useLayoutEffect(() => {
|
|
12
|
-
if (!hasRun.current) {
|
|
13
|
-
setHasSlot(false);
|
|
14
|
-
}
|
|
15
|
-
}, []);
|
|
16
|
-
return [ref, hasSlot];
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export { useSlot };
|
|
20
|
-
//# sourceMappingURL=use-slot.js.map
|
|
21
|
-
//# sourceMappingURL=use-slot.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/hooks/use-slot/use-slot.ts"],"names":[],"mappings":";;;AA+BO,SAAS,OAA2C,GAAA;AAEzD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3C,EAAM,MAAA,MAAA,GAAS,OAAO,KAAK,CAAA;AAI3B,EAAM,MAAA,GAAA,GAAM,WAAY,CAAA,CAAC,EAA2B,KAAA;AAClD,IAAA,MAAA,CAAO,OAAU,GAAA,IAAA;AACjB,IAAW,UAAA,CAAA,CAAC,CAAC,EAAE,CAAA;AAAA,GACjB,EAAG,EAAE,CAAA;AAGL,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAI,IAAA,CAAC,OAAO,OAAS,EAAA;AACnB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB,GACF,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA,CAAC,KAAK,OAAO,CAAA;AACtB","file":"use-slot.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n type RefCallback,\n useCallback,\n useLayoutEffect,\n useRef,\n useState,\n} from 'react';\n\n/**\n * Detects whether a slot has been utilized\n *\n * Example:\n * Parent component implements RAC Provider, with a slotted context\n * Child component implements slot prop matching provided slot in context\n * Parent is able to see that the slot has been fulfilled\n *\n * Copied from RAC: https://github.com/adobe/react-spectrum/blob/main/packages/react-aria-components/src/utils.tsx#L213\n * Due to not being exported, but quite handy\n */\nexport function useSlot(): [RefCallback<Element>, boolean] {\n // Assume we do have the slot in the initial render.\n const [hasSlot, setHasSlot] = useState(true);\n const hasRun = useRef(false);\n\n // A callback ref which will run when the slotted element mounts.\n // This should happen before the useLayoutEffect below.\n const ref = useCallback((el: HTMLElement | null) => {\n hasRun.current = true;\n setHasSlot(!!el);\n }, []);\n\n // If the callback hasn't been called, then reset to false.\n useLayoutEffect(() => {\n if (!hasRun.current) {\n setHasSlot(false);\n }\n }, []);\n\n return [ref, hasSlot];\n}\n"]}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { ThemeProviderProps, ThemeContext } from './types.js';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { Contract } from '../../types/vanilla-extract.js';
|
|
4
|
-
import { computeContract } from '../../utils/css.js';
|
|
5
|
-
import 'react';
|
|
6
|
-
import '../../components/button/types.js';
|
|
7
|
-
import 'react-aria-components';
|
|
8
|
-
import '../../types/props.js';
|
|
9
|
-
import '../../types/react-aria.js';
|
|
10
|
-
import '../../components/icon/types.js';
|
|
11
|
-
import '../../components/checkbox/types.js';
|
|
12
|
-
import '@react-types/shared';
|
|
13
|
-
import 'type-fest';
|
|
14
|
-
import '../../components/chip/types.js';
|
|
15
|
-
import '../../types/generic.js';
|
|
16
|
-
import '../../components/combo-box/types.js';
|
|
17
|
-
import '../../components/input/types.js';
|
|
18
|
-
import '../../components/options/types.js';
|
|
19
|
-
import '../../components/date-field/types.js';
|
|
20
|
-
import '../../components/date-input/types.js';
|
|
21
|
-
import '@react-stately/datepicker';
|
|
22
|
-
import '../../components/dialog/types.js';
|
|
23
|
-
import '../../components/group/types.js';
|
|
24
|
-
import '../../components/drawer/types.js';
|
|
25
|
-
import '@react-aria/overlays';
|
|
26
|
-
import '@react-stately/overlays';
|
|
27
|
-
import '../../components/tabs/types.js';
|
|
28
|
-
import '../../components/menu/types.js';
|
|
29
|
-
import '../../components/number-field/types.js';
|
|
30
|
-
import '../../components/picker/types.js';
|
|
31
|
-
import '../../components/popover/types.js';
|
|
32
|
-
import '../../components/query-builder/types.js';
|
|
33
|
-
import 'react-querybuilder';
|
|
34
|
-
import '../../components/radio/types.js';
|
|
35
|
-
import '../../components/select/types.js';
|
|
36
|
-
import '../../components/switch/types.js';
|
|
37
|
-
import '../../components/textarea/types.js';
|
|
38
|
-
import '../../components/search-field/types.js';
|
|
39
|
-
import '../../components/text-field/types.js';
|
|
40
|
-
import '../../components/time-field/types.js';
|
|
41
|
-
import '../../components/tooltip/types.js';
|
|
42
|
-
import '../../components/tree/types.js';
|
|
43
|
-
import '../../types/use-tree.js';
|
|
44
|
-
import '@react-stately/data';
|
|
45
|
-
import '../../components/slider/types.js';
|
|
46
|
-
import '@vanilla-extract/css';
|
|
47
|
-
import '../../types/deckgl.js';
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* Computes CSS values into DeckGL compatible formats using the optionally provided contract
|
|
51
|
-
*
|
|
52
|
-
* This function allows for the reuse of CSS contract tokens within React context for non-CSS
|
|
53
|
-
* use cases. This ensures synchronized theming across the entire rendering stack
|
|
54
|
-
*
|
|
55
|
-
* @example
|
|
56
|
-
* ```
|
|
57
|
-
* import { genericColorVars, useTheme, type RGBA } from '@accelint/design-system';
|
|
58
|
-
*
|
|
59
|
-
* const theme = useTheme({
|
|
60
|
-
* colors: {
|
|
61
|
-
* generic: genericColorVars,
|
|
62
|
-
* },
|
|
63
|
-
* });
|
|
64
|
-
*
|
|
65
|
-
* new ArrowPathLayer({
|
|
66
|
-
* id: 'layer-id',
|
|
67
|
-
* // ...
|
|
68
|
-
* getColor: theme.contract?.colors.generic.neutral.v01 as RGBA,
|
|
69
|
-
* }),
|
|
70
|
-
* ```
|
|
71
|
-
*/
|
|
72
|
-
declare function useTheme<T extends Contract>(contract?: T): ThemeContext & {
|
|
73
|
-
contract?: ReturnType<typeof computeContract<T>>;
|
|
74
|
-
};
|
|
75
|
-
declare function ThemeProvider({ children, className: classNameProp, inherit, style: styleProp, theme: themeProp, vars, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
76
|
-
|
|
77
|
-
export { ThemeProvider, useTheme };
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import '../../chunk-PZ5AY32C.js';
|
|
2
|
-
import { useLayoutEffect } from '@react-aria/utils';
|
|
3
|
-
import { clsx } from 'clsx';
|
|
4
|
-
import { createContext, useContext, useMemo, useRef, useState } from 'react';
|
|
5
|
-
import { defaultGenericColors, defaultSemanticColors, defaultElevations, defaultFocus, defaultRadius, defaultSizes, defaultSpace, defaultTypography, defaultZIndex } from '../../styles/index.js';
|
|
6
|
-
import { computeContract } from '../../utils/index.js';
|
|
7
|
-
import { root } from './use-theme.css.js';
|
|
8
|
-
import { jsx } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
var defaultTheme = {};
|
|
11
|
-
var themeContext = createContext(defaultTheme);
|
|
12
|
-
var themeCssContext = createContext(null);
|
|
13
|
-
function useTheme(contract) {
|
|
14
|
-
const theme = useContext(themeContext);
|
|
15
|
-
const css = useContext(themeCssContext);
|
|
16
|
-
return useMemo(
|
|
17
|
-
() => ({
|
|
18
|
-
...theme,
|
|
19
|
-
...!!contract && !!css ? {
|
|
20
|
-
contract: computeContract(contract, css)
|
|
21
|
-
} : {}
|
|
22
|
-
}),
|
|
23
|
-
[theme, contract, css]
|
|
24
|
-
);
|
|
25
|
-
}
|
|
26
|
-
function localInheritOrDefault(localClass, inherit, defaultClass) {
|
|
27
|
-
return localClass ?? (!inherit && defaultClass);
|
|
28
|
-
}
|
|
29
|
-
function ThemeProvider({
|
|
30
|
-
children,
|
|
31
|
-
className: classNameProp,
|
|
32
|
-
inherit,
|
|
33
|
-
style: styleProp,
|
|
34
|
-
theme: themeProp = defaultTheme,
|
|
35
|
-
vars
|
|
36
|
-
}) {
|
|
37
|
-
const ref = useRef(null);
|
|
38
|
-
const [css, setCss] = useState(null);
|
|
39
|
-
const parent = useTheme();
|
|
40
|
-
const className = useMemo(
|
|
41
|
-
() => clsx(
|
|
42
|
-
root,
|
|
43
|
-
classNameProp,
|
|
44
|
-
inherit && parent.className,
|
|
45
|
-
themeProp.className,
|
|
46
|
-
localInheritOrDefault(
|
|
47
|
-
vars?.colors?.generic,
|
|
48
|
-
inherit,
|
|
49
|
-
defaultGenericColors
|
|
50
|
-
),
|
|
51
|
-
localInheritOrDefault(
|
|
52
|
-
vars?.colors?.semantic,
|
|
53
|
-
inherit,
|
|
54
|
-
defaultSemanticColors
|
|
55
|
-
),
|
|
56
|
-
localInheritOrDefault(vars?.elevation, inherit, defaultElevations),
|
|
57
|
-
localInheritOrDefault(vars?.focus, inherit, defaultFocus),
|
|
58
|
-
localInheritOrDefault(vars?.radius, inherit, defaultRadius),
|
|
59
|
-
localInheritOrDefault(vars?.sizes, inherit, defaultSizes),
|
|
60
|
-
localInheritOrDefault(vars?.space, inherit, defaultSpace),
|
|
61
|
-
localInheritOrDefault(vars?.typography, inherit, defaultTypography),
|
|
62
|
-
localInheritOrDefault(vars?.zIndex, inherit, defaultZIndex)
|
|
63
|
-
),
|
|
64
|
-
[
|
|
65
|
-
classNameProp,
|
|
66
|
-
inherit,
|
|
67
|
-
parent.className,
|
|
68
|
-
themeProp.className,
|
|
69
|
-
vars?.colors?.generic,
|
|
70
|
-
vars?.colors?.semantic,
|
|
71
|
-
vars?.elevation,
|
|
72
|
-
vars?.focus,
|
|
73
|
-
vars?.radius,
|
|
74
|
-
vars?.sizes,
|
|
75
|
-
vars?.space,
|
|
76
|
-
vars?.typography,
|
|
77
|
-
vars?.zIndex
|
|
78
|
-
]
|
|
79
|
-
);
|
|
80
|
-
const style = useMemo(
|
|
81
|
-
() => ({
|
|
82
|
-
...inherit ? parent.style : {},
|
|
83
|
-
...themeProp.style,
|
|
84
|
-
...styleProp
|
|
85
|
-
}),
|
|
86
|
-
[inherit, parent.style, themeProp.style, styleProp]
|
|
87
|
-
);
|
|
88
|
-
const theme = useMemo(
|
|
89
|
-
() => ({
|
|
90
|
-
...inherit ? parent : themeProp,
|
|
91
|
-
className,
|
|
92
|
-
style
|
|
93
|
-
}),
|
|
94
|
-
[inherit, parent, themeProp, className, style]
|
|
95
|
-
);
|
|
96
|
-
useLayoutEffect(() => {
|
|
97
|
-
if (ref.current) {
|
|
98
|
-
setCss(window.getComputedStyle(ref.current));
|
|
99
|
-
}
|
|
100
|
-
}, [className, style]);
|
|
101
|
-
const { Provider: ClassesProvider } = themeContext;
|
|
102
|
-
const { Provider: CssProvider } = themeCssContext;
|
|
103
|
-
return /* @__PURE__ */ jsx("div", { ref, className, style, children: /* @__PURE__ */ jsx(ClassesProvider, { value: theme, children: /* @__PURE__ */ jsx(CssProvider, { value: css, children }) }) });
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
export { ThemeProvider, useTheme };
|
|
107
|
-
//# sourceMappingURL=use-theme.js.map
|
|
108
|
-
//# sourceMappingURL=use-theme.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/hooks/use-theme/use-theme.tsx"],"names":[],"mappings":"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","file":"use-theme.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { useLayoutEffect } from '@react-aria/utils';\nimport { clsx } from 'clsx';\nimport { createContext, useContext, useMemo, useRef, useState } from 'react';\nimport {\n defaultElevations,\n defaultFocus,\n defaultGenericColors,\n defaultRadius,\n defaultSemanticColors,\n defaultSizes,\n defaultSpace,\n defaultTypography,\n defaultZIndex,\n} from '../../styles';\nimport type { Contract } from '../../types';\nimport { computeContract } from '../../utils';\nimport type { ThemeContext, ThemeProviderProps } from './types';\nimport { root } from './use-theme.css';\n\nconst defaultTheme: ThemeContext = {};\nconst themeContext = createContext<ThemeContext>(defaultTheme);\nconst themeCssContext = createContext<CSSStyleDeclaration | null>(null);\n\n/**\n * Computes CSS values into DeckGL compatible formats using the optionally provided contract\n *\n * This function allows for the reuse of CSS contract tokens within React context for non-CSS\n * use cases. This ensures synchronized theming across the entire rendering stack\n *\n * @example\n * ```\n * import { genericColorVars, useTheme, type RGBA } from '@accelint/design-system';\n *\n * const theme = useTheme({\n * colors: {\n * generic: genericColorVars,\n * },\n * });\n *\n * new ArrowPathLayer({\n * id: 'layer-id',\n * // ...\n * getColor: theme.contract?.colors.generic.neutral.v01 as RGBA,\n * }),\n * ```\n */\nexport function useTheme<T extends Contract>(\n contract?: T,\n): ThemeContext & {\n contract?: ReturnType<typeof computeContract<T>>;\n} {\n const theme = useContext(themeContext);\n const css = useContext(themeCssContext);\n\n return useMemo(\n () => ({\n ...theme,\n ...(!!contract && !!css\n ? {\n contract: computeContract(contract, css),\n }\n : {}),\n }),\n [theme, contract, css],\n );\n}\n\nfunction localInheritOrDefault(\n localClass?: string,\n inherit?: boolean,\n defaultClass?: string,\n) {\n return localClass ?? (!inherit && defaultClass);\n}\n\nexport function ThemeProvider({\n children,\n className: classNameProp,\n inherit,\n style: styleProp,\n theme: themeProp = defaultTheme,\n vars,\n}: ThemeProviderProps) {\n const ref = useRef<HTMLDivElement>(null);\n const [css, setCss] = useState<CSSStyleDeclaration | null>(null);\n const parent = useTheme();\n\n const className = useMemo(\n () =>\n clsx(\n root,\n classNameProp,\n inherit && parent.className,\n themeProp.className,\n localInheritOrDefault(\n vars?.colors?.generic,\n inherit,\n defaultGenericColors,\n ),\n localInheritOrDefault(\n vars?.colors?.semantic,\n inherit,\n defaultSemanticColors,\n ),\n localInheritOrDefault(vars?.elevation, inherit, defaultElevations),\n localInheritOrDefault(vars?.focus, inherit, defaultFocus),\n localInheritOrDefault(vars?.radius, inherit, defaultRadius),\n localInheritOrDefault(vars?.sizes, inherit, defaultSizes),\n localInheritOrDefault(vars?.space, inherit, defaultSpace),\n localInheritOrDefault(vars?.typography, inherit, defaultTypography),\n localInheritOrDefault(vars?.zIndex, inherit, defaultZIndex),\n ),\n [\n classNameProp,\n inherit,\n parent.className,\n themeProp.className,\n vars?.colors?.generic,\n vars?.colors?.semantic,\n vars?.elevation,\n vars?.focus,\n vars?.radius,\n vars?.sizes,\n vars?.space,\n vars?.typography,\n vars?.zIndex,\n ],\n );\n\n const style = useMemo(\n () => ({\n ...(inherit ? parent.style : {}),\n ...themeProp.style,\n ...styleProp,\n }),\n [inherit, parent.style, themeProp.style, styleProp],\n );\n\n const theme = useMemo(\n () => ({\n ...(inherit ? parent : themeProp),\n className,\n style,\n }),\n [inherit, parent, themeProp, className, style],\n );\n\n useLayoutEffect(() => {\n if (ref.current) {\n setCss(window.getComputedStyle(ref.current));\n }\n }, [className, style]);\n\n const { Provider: ClassesProvider } = themeContext;\n const { Provider: CssProvider } = themeCssContext;\n\n return (\n <div ref={ref} className={className} style={style}>\n <ClassesProvider value={theme}>\n <CssProvider value={css}>{children}</CssProvider>\n </ClassesProvider>\n </div>\n );\n}\n"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { UseTreeOptions, UseTreeResult } from '../../types/use-tree.js';
|
|
2
|
-
import '@react-stately/data';
|
|
3
|
-
import '@react-types/shared';
|
|
4
|
-
|
|
5
|
-
declare function useTree<T>({ allowsExpansion, allowsVisibility, nodes, selectionMode, onSelectionChange, onUpdate, }: UseTreeOptions<T>): UseTreeResult<T>;
|
|
6
|
-
|
|
7
|
-
export { useTree };
|