@remix-run/ui 0.0.0 → 0.1.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/LICENSE +21 -0
- package/README.md +195 -2
- package/dist/animation/animate-layout-mixin.d.ts +12 -0
- package/dist/animation/animate-layout-mixin.js +214 -0
- package/dist/animation/animate-layout-mixin.js.map +1 -0
- package/dist/animation/animate-mixins.d.ts +29 -0
- package/dist/animation/animate-mixins.js +235 -0
- package/dist/animation/animate-mixins.js.map +1 -0
- package/dist/animation/index.d.ts +6 -0
- package/dist/animation/index.js +5 -0
- package/dist/animation/index.js.map +1 -0
- package/dist/animation/spring.d.ts +75 -0
- package/dist/animation/spring.js +183 -0
- package/dist/animation/spring.js.map +1 -0
- package/dist/animation/tween.d.ts +70 -0
- package/dist/animation/tween.js +93 -0
- package/dist/animation/tween.js.map +1 -0
- package/dist/components/accordion/accordion.d.ts +92 -0
- package/dist/components/accordion/accordion.js +337 -0
- package/dist/components/accordion/accordion.js.map +1 -0
- package/dist/components/anchor/anchor.d.ts +13 -0
- package/dist/components/anchor/anchor.js +558 -0
- package/dist/components/anchor/anchor.js.map +1 -0
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +11 -0
- package/dist/components/breadcrumbs/breadcrumbs.js +78 -0
- package/dist/components/breadcrumbs/breadcrumbs.js.map +1 -0
- package/dist/components/button/button.d.ts +23 -0
- package/dist/components/button/button.js +147 -0
- package/dist/components/button/button.js.map +1 -0
- package/dist/components/combobox/combobox.d.ts +101 -0
- package/dist/components/combobox/combobox.js +708 -0
- package/dist/components/combobox/combobox.js.map +1 -0
- package/dist/components/glyph/glyph.d.ts +14 -0
- package/dist/components/glyph/glyph.js +65 -0
- package/dist/components/glyph/glyph.js.map +1 -0
- package/dist/components/listbox/listbox.d.ts +67 -0
- package/dist/components/listbox/listbox.js +340 -0
- package/dist/components/listbox/listbox.js.map +1 -0
- package/dist/components/menu/hover-aim.d.ts +5 -0
- package/dist/components/menu/hover-aim.js +308 -0
- package/dist/components/menu/hover-aim.js.map +1 -0
- package/dist/components/menu/menu.d.ts +164 -0
- package/dist/components/menu/menu.js +1106 -0
- package/dist/components/menu/menu.js.map +1 -0
- package/dist/components/popover/popover.d.ts +35 -0
- package/dist/components/popover/popover.js +138 -0
- package/dist/components/popover/popover.js.map +1 -0
- package/dist/components/select/select.d.ts +67 -0
- package/dist/components/select/select.js +397 -0
- package/dist/components/select/select.js.map +1 -0
- package/dist/components/separator/separator.d.ts +2 -0
- package/dist/components/separator/separator.js +15 -0
- package/dist/components/separator/separator.js.map +1 -0
- package/dist/components/tabs/tabs.d.ts +78 -0
- package/dist/components/tabs/tabs.js +341 -0
- package/dist/components/tabs/tabs.js.map +1 -0
- package/dist/index.d.ts +28 -0
- package/dist/index.js +21 -0
- package/dist/index.js.map +1 -0
- package/dist/interactions/keydown/keydown.d.ts +1 -0
- package/dist/interactions/keydown/keydown.js +8 -0
- package/dist/interactions/keydown/keydown.js.map +1 -0
- package/dist/interactions/outside-click/outside-click-mixin.d.ts +2 -0
- package/dist/interactions/outside-click/outside-click-mixin.js +29 -0
- package/dist/interactions/outside-click/outside-click-mixin.js.map +1 -0
- package/dist/interactions/typeahead/typeahead-mixin.d.ts +8 -0
- package/dist/interactions/typeahead/typeahead-mixin.js +59 -0
- package/dist/interactions/typeahead/typeahead-mixin.js.map +1 -0
- package/dist/jsx-runtime.d.ts +2 -0
- package/dist/jsx-runtime.js +3 -0
- package/dist/jsx-runtime.js.map +1 -0
- package/dist/runtime/client-entries.d.ts +91 -0
- package/dist/runtime/client-entries.js +40 -0
- package/dist/runtime/client-entries.js.map +1 -0
- package/dist/runtime/component.d.ts +223 -0
- package/dist/runtime/component.js +152 -0
- package/dist/runtime/component.js.map +1 -0
- package/dist/runtime/create-element.d.ts +10 -0
- package/dist/runtime/create-element.js +29 -0
- package/dist/runtime/create-element.js.map +1 -0
- package/dist/runtime/diff-dom.d.ts +2 -0
- package/dist/runtime/diff-dom.js +364 -0
- package/dist/runtime/diff-dom.js.map +1 -0
- package/dist/runtime/diff-props.d.ts +9 -0
- package/dist/runtime/diff-props.js +195 -0
- package/dist/runtime/diff-props.js.map +1 -0
- package/dist/runtime/document-state.d.ts +11 -0
- package/dist/runtime/document-state.js +106 -0
- package/dist/runtime/document-state.js.map +1 -0
- package/dist/runtime/dom.d.ts +3189 -0
- package/dist/runtime/dom.js +2 -0
- package/dist/runtime/dom.js.map +1 -0
- package/dist/runtime/error-event.d.ts +20 -0
- package/dist/runtime/error-event.js +19 -0
- package/dist/runtime/error-event.js.map +1 -0
- package/dist/runtime/event-listeners.d.ts +50 -0
- package/dist/runtime/event-listeners.js +31 -0
- package/dist/runtime/event-listeners.js.map +1 -0
- package/dist/runtime/frame.d.ts +119 -0
- package/dist/runtime/frame.js +915 -0
- package/dist/runtime/frame.js.map +1 -0
- package/dist/runtime/invariant.d.ts +23 -0
- package/dist/runtime/invariant.js +33 -0
- package/dist/runtime/invariant.js.map +1 -0
- package/dist/runtime/jsx.d.ts +320 -0
- package/dist/runtime/jsx.js +31 -0
- package/dist/runtime/jsx.js.map +1 -0
- package/dist/runtime/mixins/attrs-mixin.d.ts +9 -0
- package/dist/runtime/mixins/attrs-mixin.js +23 -0
- package/dist/runtime/mixins/attrs-mixin.js.map +1 -0
- package/dist/runtime/mixins/link-mixin.d.ts +17 -0
- package/dist/runtime/mixins/link-mixin.js +101 -0
- package/dist/runtime/mixins/link-mixin.js.map +1 -0
- package/dist/runtime/mixins/mixin.d.ts +145 -0
- package/dist/runtime/mixins/mixin.js +570 -0
- package/dist/runtime/mixins/mixin.js.map +1 -0
- package/dist/runtime/mixins/on-mixin.d.ts +16 -0
- package/dist/runtime/mixins/on-mixin.js +49 -0
- package/dist/runtime/mixins/on-mixin.js.map +1 -0
- package/dist/runtime/mixins/ref-mixin.d.ts +9 -0
- package/dist/runtime/mixins/ref-mixin.js +21 -0
- package/dist/runtime/mixins/ref-mixin.js.map +1 -0
- package/dist/runtime/navigation.d.ts +22 -0
- package/dist/runtime/navigation.js +102 -0
- package/dist/runtime/navigation.js.map +1 -0
- package/dist/runtime/reconcile.d.ts +11 -0
- package/dist/runtime/reconcile.js +1240 -0
- package/dist/runtime/reconcile.js.map +1 -0
- package/dist/runtime/render.d.ts +54 -0
- package/dist/runtime/render.js +50 -0
- package/dist/runtime/render.js.map +1 -0
- package/dist/runtime/run.d.ts +45 -0
- package/dist/runtime/run.js +68 -0
- package/dist/runtime/run.js.map +1 -0
- package/dist/runtime/scheduler.d.ts +30 -0
- package/dist/runtime/scheduler.js +185 -0
- package/dist/runtime/scheduler.js.map +1 -0
- package/dist/runtime/svg-attributes.d.ts +5 -0
- package/dist/runtime/svg-attributes.js +124 -0
- package/dist/runtime/svg-attributes.js.map +1 -0
- package/dist/runtime/to-vnode.d.ts +3 -0
- package/dist/runtime/to-vnode.js +43 -0
- package/dist/runtime/to-vnode.js.map +1 -0
- package/dist/runtime/typed-event-target.d.ts +50 -0
- package/dist/runtime/typed-event-target.js +6 -0
- package/dist/runtime/typed-event-target.js.map +1 -0
- package/dist/runtime/vdom.d.ts +55 -0
- package/dist/runtime/vdom.js +198 -0
- package/dist/runtime/vdom.js.map +1 -0
- package/dist/runtime/vnode.d.ts +79 -0
- package/dist/runtime/vnode.js +38 -0
- package/dist/runtime/vnode.js.map +1 -0
- package/dist/server/stream.d.ts +57 -0
- package/dist/server/stream.js +1007 -0
- package/dist/server/stream.js.map +1 -0
- package/dist/style/css-mixin.d.ts +8 -0
- package/dist/style/css-mixin.js +54 -0
- package/dist/style/css-mixin.js.map +1 -0
- package/dist/style/index.d.ts +5 -0
- package/dist/style/index.js +4 -0
- package/dist/style/index.js.map +1 -0
- package/dist/style/style.d.ts +24 -0
- package/dist/style/style.js +269 -0
- package/dist/style/style.js.map +1 -0
- package/dist/style/stylesheet.d.ts +11 -0
- package/dist/style/stylesheet.js +174 -0
- package/dist/style/stylesheet.js.map +1 -0
- package/dist/test.d.ts +2 -0
- package/dist/test.js +2 -0
- package/dist/test.js.map +1 -0
- package/dist/theme/contract.d.ts +259 -0
- package/dist/theme/contract.js +131 -0
- package/dist/theme/contract.js.map +1 -0
- package/dist/theme/glyph-contract.d.ts +13 -0
- package/dist/theme/glyph-contract.js +34 -0
- package/dist/theme/glyph-contract.js.map +1 -0
- package/dist/theme/presets/rmx-01/glyphs.d.ts +2 -0
- package/dist/theme/presets/rmx-01/glyphs.js +252 -0
- package/dist/theme/presets/rmx-01/glyphs.js.map +1 -0
- package/dist/theme/presets/rmx-01/index.d.ts +2 -0
- package/dist/theme/presets/rmx-01/index.js +119 -0
- package/dist/theme/presets/rmx-01/index.js.map +1 -0
- package/dist/theme/runtime.d.ts +2 -0
- package/dist/theme/runtime.js +81 -0
- package/dist/theme/runtime.js.map +1 -0
- package/dist/theme/theme.d.ts +6 -0
- package/dist/theme/theme.js +5 -0
- package/dist/theme/theme.js.map +1 -0
- package/dist/utils/flash-attribute.d.ts +1 -0
- package/dist/utils/flash-attribute.js +11 -0
- package/dist/utils/flash-attribute.js.map +1 -0
- package/dist/utils/scroll-lock.d.ts +3 -0
- package/dist/utils/scroll-lock.js +69 -0
- package/dist/utils/scroll-lock.js.map +1 -0
- package/dist/utils/wait-for-css-transition.d.ts +1 -0
- package/dist/utils/wait-for-css-transition.js +58 -0
- package/dist/utils/wait-for-css-transition.js.map +1 -0
- package/dist/utils/wait.d.ts +1 -0
- package/dist/utils/wait.js +6 -0
- package/dist/utils/wait.js.map +1 -0
- package/package.json +125 -5
- package/src/animation/animate-layout-mixin.ts +266 -0
- package/src/animation/animate-mixins.ts +292 -0
- package/src/animation/index.ts +6 -0
- package/src/animation/spring.ts +299 -0
- package/src/animation/tween.ts +134 -0
- package/src/components/accordion/accordion.tsx +565 -0
- package/src/components/anchor/anchor.ts +904 -0
- package/src/components/breadcrumbs/breadcrumbs.tsx +124 -0
- package/src/components/button/README.md +44 -0
- package/src/components/button/button.tsx +188 -0
- package/src/components/combobox/README.md +145 -0
- package/src/components/combobox/combobox.tsx +1014 -0
- package/src/components/glyph/glyph.tsx +110 -0
- package/src/components/listbox/listbox.ts +447 -0
- package/src/components/menu/hover-aim.ts +428 -0
- package/src/components/menu/menu.tsx +1547 -0
- package/src/components/popover/README.md +122 -0
- package/src/components/popover/popover.ts +201 -0
- package/src/components/select/select.tsx +585 -0
- package/src/components/separator/separator.ts +19 -0
- package/src/components/tabs/README.md +105 -0
- package/src/components/tabs/tabs.tsx +499 -0
- package/src/index.ts +72 -0
- package/src/interactions/keydown/keydown.ts +14 -0
- package/src/interactions/outside-click/outside-click-mixin.ts +55 -0
- package/src/interactions/typeahead/typeahead-mixin.ts +89 -0
- package/src/jsx-runtime.ts +2 -0
- package/src/runtime/client-entries.ts +137 -0
- package/src/runtime/component.ts +402 -0
- package/src/runtime/create-element.ts +38 -0
- package/src/runtime/diff-dom.ts +404 -0
- package/src/runtime/diff-props.ts +209 -0
- package/src/runtime/document-state.ts +130 -0
- package/src/runtime/dom.ts +3971 -0
- package/src/runtime/error-event.ts +26 -0
- package/src/runtime/event-listeners.ts +171 -0
- package/src/runtime/frame.ts +1211 -0
- package/src/runtime/invariant.ts +31 -0
- package/src/runtime/jsx.ts +398 -0
- package/src/runtime/mixins/attrs-mixin.ts +35 -0
- package/src/runtime/mixins/link-mixin.ts +131 -0
- package/src/runtime/mixins/mixin.ts +908 -0
- package/src/runtime/mixins/on-mixin.ts +89 -0
- package/src/runtime/mixins/ref-mixin.ts +32 -0
- package/src/runtime/navigation.ts +136 -0
- package/src/runtime/reconcile.ts +1722 -0
- package/src/runtime/render.ts +101 -0
- package/src/runtime/run.ts +100 -0
- package/src/runtime/scheduler.ts +262 -0
- package/src/runtime/svg-attributes.ts +133 -0
- package/src/runtime/to-vnode.ts +50 -0
- package/src/runtime/typed-event-target.ts +67 -0
- package/src/runtime/vdom.ts +295 -0
- package/src/runtime/vnode.ts +137 -0
- package/src/server/stream.ts +1342 -0
- package/src/style/css-mixin.ts +82 -0
- package/src/style/index.ts +10 -0
- package/src/style/style.ts +312 -0
- package/src/style/stylesheet.ts +209 -0
- package/src/test/setup.ts +7 -0
- package/src/test/utils.ts +45 -0
- package/src/test.ts +2 -0
- package/src/theme/contract.ts +183 -0
- package/src/theme/glyph-contract.ts +57 -0
- package/src/theme/presets/rmx-01/glyphs.tsx +308 -0
- package/src/theme/presets/rmx-01/index.ts +121 -0
- package/src/theme/runtime.ts +116 -0
- package/src/theme/theme.ts +15 -0
- package/src/utils/flash-attribute.ts +11 -0
- package/src/utils/scroll-lock.ts +97 -0
- package/src/utils/wait-for-css-transition.ts +66 -0
- package/src/utils/wait.ts +5 -0
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
import { createElement } from '@remix-run/ui';
|
|
2
|
+
const defaultViewBox = '0 0 16 16';
|
|
3
|
+
function symbol(...content) {
|
|
4
|
+
return createElement('symbol', { viewBox: defaultViewBox }, ...content);
|
|
5
|
+
}
|
|
6
|
+
export const glyphValues = {
|
|
7
|
+
add: symbol(createElement('path', {
|
|
8
|
+
d: 'M8 3.25v9.5M3.25 8h9.5',
|
|
9
|
+
fill: 'none',
|
|
10
|
+
stroke: 'currentColor',
|
|
11
|
+
strokeLinecap: 'round',
|
|
12
|
+
strokeLinejoin: 'round',
|
|
13
|
+
strokeWidth: '1.5',
|
|
14
|
+
})),
|
|
15
|
+
alert: symbol(createElement('path', {
|
|
16
|
+
d: 'M8 2.5 13.75 12.5H2.25Z',
|
|
17
|
+
fill: 'none',
|
|
18
|
+
stroke: 'currentColor',
|
|
19
|
+
strokeLinejoin: 'round',
|
|
20
|
+
strokeWidth: '1.5',
|
|
21
|
+
}), createElement('path', {
|
|
22
|
+
d: 'M8 5.75v3.5',
|
|
23
|
+
fill: 'none',
|
|
24
|
+
stroke: 'currentColor',
|
|
25
|
+
strokeLinecap: 'round',
|
|
26
|
+
strokeWidth: '1.5',
|
|
27
|
+
}), createElement('circle', {
|
|
28
|
+
cx: '8',
|
|
29
|
+
cy: '11.25',
|
|
30
|
+
fill: 'currentColor',
|
|
31
|
+
r: '0.75',
|
|
32
|
+
})),
|
|
33
|
+
check: symbol(createElement('path', {
|
|
34
|
+
d: 'm3.5 8.25 2.75 2.75L12.5 4.75',
|
|
35
|
+
fill: 'none',
|
|
36
|
+
stroke: 'currentColor',
|
|
37
|
+
strokeLinecap: 'round',
|
|
38
|
+
strokeLinejoin: 'round',
|
|
39
|
+
strokeWidth: '1.5',
|
|
40
|
+
})),
|
|
41
|
+
chevronDown: symbol(createElement('path', {
|
|
42
|
+
d: 'm3.75 6.25 4.25 4 4.25-4',
|
|
43
|
+
fill: 'none',
|
|
44
|
+
stroke: 'currentColor',
|
|
45
|
+
strokeLinecap: 'round',
|
|
46
|
+
strokeLinejoin: 'round',
|
|
47
|
+
strokeWidth: '1.5',
|
|
48
|
+
})),
|
|
49
|
+
chevronVertical: symbol(createElement('path', {
|
|
50
|
+
d: 'm3.75 6.5 4.25-4 4.25 4',
|
|
51
|
+
fill: 'none',
|
|
52
|
+
stroke: 'currentColor',
|
|
53
|
+
strokeLinecap: 'round',
|
|
54
|
+
strokeLinejoin: 'round',
|
|
55
|
+
strokeWidth: '1.5',
|
|
56
|
+
}), createElement('path', {
|
|
57
|
+
d: 'm3.75 9.5 4.25 4 4.25-4',
|
|
58
|
+
fill: 'none',
|
|
59
|
+
stroke: 'currentColor',
|
|
60
|
+
strokeLinecap: 'round',
|
|
61
|
+
strokeLinejoin: 'round',
|
|
62
|
+
strokeWidth: '1.5',
|
|
63
|
+
})),
|
|
64
|
+
chevronUp: symbol(createElement('path', {
|
|
65
|
+
d: 'm3.75 9.75 4.25-4 4.25 4',
|
|
66
|
+
fill: 'none',
|
|
67
|
+
stroke: 'currentColor',
|
|
68
|
+
strokeLinecap: 'round',
|
|
69
|
+
strokeLinejoin: 'round',
|
|
70
|
+
strokeWidth: '1.5',
|
|
71
|
+
})),
|
|
72
|
+
chevronRight: symbol(createElement('path', {
|
|
73
|
+
d: 'm6 4 4 4-4 4',
|
|
74
|
+
fill: 'none',
|
|
75
|
+
stroke: 'currentColor',
|
|
76
|
+
strokeLinecap: 'round',
|
|
77
|
+
strokeLinejoin: 'round',
|
|
78
|
+
strokeWidth: '1.5',
|
|
79
|
+
})),
|
|
80
|
+
close: symbol(createElement('path', {
|
|
81
|
+
d: 'm4.5 4.5 7 7m0-7-7 7',
|
|
82
|
+
fill: 'none',
|
|
83
|
+
stroke: 'currentColor',
|
|
84
|
+
strokeLinecap: 'round',
|
|
85
|
+
strokeWidth: '1.5',
|
|
86
|
+
})),
|
|
87
|
+
copy: symbol(createElement('rect', {
|
|
88
|
+
x: '5.25',
|
|
89
|
+
y: '3.25',
|
|
90
|
+
width: '7.5',
|
|
91
|
+
height: '7.5',
|
|
92
|
+
rx: '1.5',
|
|
93
|
+
fill: 'none',
|
|
94
|
+
stroke: 'currentColor',
|
|
95
|
+
strokeWidth: '1.5',
|
|
96
|
+
}), createElement('path', {
|
|
97
|
+
d: 'M10.75 12.75h-5.5a2 2 0 0 1-2-2v-5.5',
|
|
98
|
+
fill: 'none',
|
|
99
|
+
stroke: 'currentColor',
|
|
100
|
+
strokeLinecap: 'round',
|
|
101
|
+
strokeLinejoin: 'round',
|
|
102
|
+
strokeWidth: '1.5',
|
|
103
|
+
})),
|
|
104
|
+
edit: symbol(createElement('path', {
|
|
105
|
+
d: 'm10.75 3.75 1.5 1.5',
|
|
106
|
+
fill: 'none',
|
|
107
|
+
stroke: 'currentColor',
|
|
108
|
+
strokeLinecap: 'round',
|
|
109
|
+
strokeLinejoin: 'round',
|
|
110
|
+
strokeWidth: '1.5',
|
|
111
|
+
}), createElement('path', {
|
|
112
|
+
d: 'm4 12 2.5-.5 5.75-5.75a1.06 1.06 0 0 0 0-1.5l-.5-.5a1.06 1.06 0 0 0-1.5 0L4.5 9.5 4 12Z',
|
|
113
|
+
fill: 'none',
|
|
114
|
+
stroke: 'currentColor',
|
|
115
|
+
strokeLinejoin: 'round',
|
|
116
|
+
strokeWidth: '1.5',
|
|
117
|
+
})),
|
|
118
|
+
expand: symbol(createElement('path', {
|
|
119
|
+
d: 'M9.25 3.5h3.25v3.25',
|
|
120
|
+
fill: 'none',
|
|
121
|
+
stroke: 'currentColor',
|
|
122
|
+
strokeLinecap: 'round',
|
|
123
|
+
strokeLinejoin: 'round',
|
|
124
|
+
strokeWidth: '1.5',
|
|
125
|
+
}), createElement('path', {
|
|
126
|
+
d: 'm12.5 3.5-5.5 5.5',
|
|
127
|
+
fill: 'none',
|
|
128
|
+
stroke: 'currentColor',
|
|
129
|
+
strokeLinecap: 'round',
|
|
130
|
+
strokeLinejoin: 'round',
|
|
131
|
+
strokeWidth: '1.5',
|
|
132
|
+
}), createElement('path', {
|
|
133
|
+
d: 'M6.75 12.5H3.5V9.25',
|
|
134
|
+
fill: 'none',
|
|
135
|
+
stroke: 'currentColor',
|
|
136
|
+
strokeLinecap: 'round',
|
|
137
|
+
strokeLinejoin: 'round',
|
|
138
|
+
strokeWidth: '1.5',
|
|
139
|
+
}), createElement('path', {
|
|
140
|
+
d: 'm3.5 12.5 5.5-5.5',
|
|
141
|
+
fill: 'none',
|
|
142
|
+
stroke: 'currentColor',
|
|
143
|
+
strokeLinecap: 'round',
|
|
144
|
+
strokeLinejoin: 'round',
|
|
145
|
+
strokeWidth: '1.5',
|
|
146
|
+
})),
|
|
147
|
+
info: symbol(createElement('circle', {
|
|
148
|
+
cx: '8',
|
|
149
|
+
cy: '8',
|
|
150
|
+
fill: 'none',
|
|
151
|
+
r: '5.75',
|
|
152
|
+
stroke: 'currentColor',
|
|
153
|
+
strokeWidth: '1.5',
|
|
154
|
+
}), createElement('path', {
|
|
155
|
+
d: 'M8 7.25v3',
|
|
156
|
+
fill: 'none',
|
|
157
|
+
stroke: 'currentColor',
|
|
158
|
+
strokeLinecap: 'round',
|
|
159
|
+
strokeWidth: '1.5',
|
|
160
|
+
}), createElement('circle', {
|
|
161
|
+
cx: '8',
|
|
162
|
+
cy: '5',
|
|
163
|
+
fill: 'currentColor',
|
|
164
|
+
r: '0.75',
|
|
165
|
+
})),
|
|
166
|
+
menu: symbol(createElement('path', {
|
|
167
|
+
d: 'M3 4.75h10M3 8h10M3 11.25h10',
|
|
168
|
+
fill: 'none',
|
|
169
|
+
stroke: 'currentColor',
|
|
170
|
+
strokeLinecap: 'round',
|
|
171
|
+
strokeWidth: '1.5',
|
|
172
|
+
})),
|
|
173
|
+
open: symbol(createElement('path', {
|
|
174
|
+
d: 'M6.25 4H4.5A1.5 1.5 0 0 0 3 5.5v6A1.5 1.5 0 0 0 4.5 13h6A1.5 1.5 0 0 0 12 11.5V9.75',
|
|
175
|
+
fill: 'none',
|
|
176
|
+
stroke: 'currentColor',
|
|
177
|
+
strokeLinecap: 'round',
|
|
178
|
+
strokeLinejoin: 'round',
|
|
179
|
+
strokeWidth: '1.5',
|
|
180
|
+
}), createElement('path', {
|
|
181
|
+
d: 'M8 3h5v5',
|
|
182
|
+
fill: 'none',
|
|
183
|
+
stroke: 'currentColor',
|
|
184
|
+
strokeLinecap: 'round',
|
|
185
|
+
strokeLinejoin: 'round',
|
|
186
|
+
strokeWidth: '1.5',
|
|
187
|
+
}), createElement('path', {
|
|
188
|
+
d: 'm13 3-6.25 6.25',
|
|
189
|
+
fill: 'none',
|
|
190
|
+
stroke: 'currentColor',
|
|
191
|
+
strokeLinecap: 'round',
|
|
192
|
+
strokeLinejoin: 'round',
|
|
193
|
+
strokeWidth: '1.5',
|
|
194
|
+
})),
|
|
195
|
+
search: symbol(createElement('circle', {
|
|
196
|
+
cx: '7',
|
|
197
|
+
cy: '7',
|
|
198
|
+
fill: 'none',
|
|
199
|
+
r: '4.25',
|
|
200
|
+
stroke: 'currentColor',
|
|
201
|
+
strokeWidth: '1.5',
|
|
202
|
+
}), createElement('path', {
|
|
203
|
+
d: 'm10.25 10.25 3 3',
|
|
204
|
+
fill: 'none',
|
|
205
|
+
stroke: 'currentColor',
|
|
206
|
+
strokeLinecap: 'round',
|
|
207
|
+
strokeWidth: '1.5',
|
|
208
|
+
})),
|
|
209
|
+
spinner: symbol(createElement('circle', {
|
|
210
|
+
cx: '8',
|
|
211
|
+
cy: '8',
|
|
212
|
+
fill: 'none',
|
|
213
|
+
opacity: '0.24',
|
|
214
|
+
r: '5.25',
|
|
215
|
+
stroke: 'currentColor',
|
|
216
|
+
strokeWidth: '1.5',
|
|
217
|
+
}), createElement('path', {
|
|
218
|
+
d: 'M8 2.75a5.25 5.25 0 0 1 5.25 5.25',
|
|
219
|
+
fill: 'none',
|
|
220
|
+
stroke: 'currentColor',
|
|
221
|
+
strokeLinecap: 'round',
|
|
222
|
+
strokeWidth: '1.5',
|
|
223
|
+
})),
|
|
224
|
+
trash: symbol(createElement('path', {
|
|
225
|
+
d: 'M3.75 4.75h8.5',
|
|
226
|
+
fill: 'none',
|
|
227
|
+
stroke: 'currentColor',
|
|
228
|
+
strokeLinecap: 'round',
|
|
229
|
+
strokeWidth: '1.5',
|
|
230
|
+
}), createElement('path', {
|
|
231
|
+
d: 'M6.25 4.75V4a1 1 0 0 1 1-1h1.5a1 1 0 0 1 1 1v.75',
|
|
232
|
+
fill: 'none',
|
|
233
|
+
stroke: 'currentColor',
|
|
234
|
+
strokeLinecap: 'round',
|
|
235
|
+
strokeLinejoin: 'round',
|
|
236
|
+
strokeWidth: '1.5',
|
|
237
|
+
}), createElement('path', {
|
|
238
|
+
d: 'm5 6.25.45 5.1A1.5 1.5 0 0 0 6.94 12.75h2.12a1.5 1.5 0 0 0 1.49-1.4L11 6.25',
|
|
239
|
+
fill: 'none',
|
|
240
|
+
stroke: 'currentColor',
|
|
241
|
+
strokeLinecap: 'round',
|
|
242
|
+
strokeLinejoin: 'round',
|
|
243
|
+
strokeWidth: '1.5',
|
|
244
|
+
}), createElement('path', {
|
|
245
|
+
d: 'M7 7.25v3.5M9 7.25v3.5',
|
|
246
|
+
fill: 'none',
|
|
247
|
+
stroke: 'currentColor',
|
|
248
|
+
strokeLinecap: 'round',
|
|
249
|
+
strokeWidth: '1.5',
|
|
250
|
+
})),
|
|
251
|
+
};
|
|
252
|
+
//# sourceMappingURL=glyphs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glyphs.js","sourceRoot":"","sources":["../../../../src/theme/presets/rmx-01/glyphs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { createGlyphSheet } from "../../../components/glyph/glyph.js";
|
|
2
|
+
import { createTheme } from "../../runtime.js";
|
|
3
|
+
import { glyphValues } from "./glyphs.js";
|
|
4
|
+
export const RMX_01 = createTheme({
|
|
5
|
+
space: {
|
|
6
|
+
none: '0px',
|
|
7
|
+
px: '1px',
|
|
8
|
+
xs: '4px',
|
|
9
|
+
sm: '8px',
|
|
10
|
+
md: '12px',
|
|
11
|
+
lg: '16px',
|
|
12
|
+
xl: '24px',
|
|
13
|
+
xxl: '32px',
|
|
14
|
+
},
|
|
15
|
+
radius: {
|
|
16
|
+
none: '0px',
|
|
17
|
+
sm: '4px',
|
|
18
|
+
md: '8px',
|
|
19
|
+
lg: '12px',
|
|
20
|
+
xl: '16px',
|
|
21
|
+
full: '9999px',
|
|
22
|
+
},
|
|
23
|
+
fontSize: {
|
|
24
|
+
xxxs: '10px',
|
|
25
|
+
xxs: '11px',
|
|
26
|
+
xs: '12px',
|
|
27
|
+
sm: '13px',
|
|
28
|
+
md: '14px',
|
|
29
|
+
lg: '16px',
|
|
30
|
+
xl: '20px',
|
|
31
|
+
xxl: '28px',
|
|
32
|
+
},
|
|
33
|
+
fontFamily: {
|
|
34
|
+
sans: '"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
35
|
+
mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
|
|
36
|
+
},
|
|
37
|
+
lineHeight: {
|
|
38
|
+
tight: '1.25',
|
|
39
|
+
normal: '1.45',
|
|
40
|
+
relaxed: '1.65',
|
|
41
|
+
},
|
|
42
|
+
letterSpacing: {
|
|
43
|
+
tight: '-0.03em',
|
|
44
|
+
normal: '0',
|
|
45
|
+
meta: '0.06em',
|
|
46
|
+
wide: '0.08em',
|
|
47
|
+
},
|
|
48
|
+
fontWeight: {
|
|
49
|
+
normal: '400',
|
|
50
|
+
medium: '500',
|
|
51
|
+
semibold: '600',
|
|
52
|
+
bold: '700',
|
|
53
|
+
},
|
|
54
|
+
control: {
|
|
55
|
+
height: {
|
|
56
|
+
sm: '28px',
|
|
57
|
+
md: '32px',
|
|
58
|
+
lg: '36px',
|
|
59
|
+
},
|
|
60
|
+
},
|
|
61
|
+
surface: {
|
|
62
|
+
lvl0: '#ffffff',
|
|
63
|
+
lvl1: '#f8f8f8',
|
|
64
|
+
lvl2: '#f5f5f5',
|
|
65
|
+
lvl3: '#f3f3f3',
|
|
66
|
+
lvl4: '#efefef',
|
|
67
|
+
},
|
|
68
|
+
shadow: {
|
|
69
|
+
xs: '0 1px 1px rgb(0 0 0 / 0.05)',
|
|
70
|
+
sm: '0 1px 2px rgb(0 0 0 / 0.07)',
|
|
71
|
+
md: '0 6px 18px rgb(0 0 0 / 0.08)',
|
|
72
|
+
lg: '0 16px 34px rgb(0 0 0 / 0.10)',
|
|
73
|
+
xl: '0 24px 52px rgb(0 0 0 / 0.14)',
|
|
74
|
+
},
|
|
75
|
+
colors: {
|
|
76
|
+
text: {
|
|
77
|
+
primary: '#151515',
|
|
78
|
+
secondary: '#4f4f4f',
|
|
79
|
+
muted: '#6d6d6d',
|
|
80
|
+
link: '#1A72FF',
|
|
81
|
+
},
|
|
82
|
+
border: {
|
|
83
|
+
subtle: '#e7e7e7',
|
|
84
|
+
default: '#d1d1d1',
|
|
85
|
+
strong: '#b0b0b0',
|
|
86
|
+
},
|
|
87
|
+
focus: {
|
|
88
|
+
ring: '#1A72FF',
|
|
89
|
+
},
|
|
90
|
+
overlay: {
|
|
91
|
+
scrim: 'rgb(0 0 0 / 0.28)',
|
|
92
|
+
},
|
|
93
|
+
action: {
|
|
94
|
+
primary: {
|
|
95
|
+
background: '#1A72FF',
|
|
96
|
+
backgroundHover: '#1463e0',
|
|
97
|
+
backgroundActive: '#0f55c9',
|
|
98
|
+
foreground: 'rgb(255 255 255 / 0.92)',
|
|
99
|
+
border: '#1A72FF',
|
|
100
|
+
},
|
|
101
|
+
secondary: {
|
|
102
|
+
background: '#ffffff',
|
|
103
|
+
backgroundHover: '#fbfbfb',
|
|
104
|
+
backgroundActive: '#f3f3f3',
|
|
105
|
+
foreground: '#202020',
|
|
106
|
+
border: '#d1d1d1',
|
|
107
|
+
},
|
|
108
|
+
danger: {
|
|
109
|
+
background: '#FF3000',
|
|
110
|
+
backgroundHover: '#e12b00',
|
|
111
|
+
backgroundActive: '#c52600',
|
|
112
|
+
foreground: 'rgb(255 255 255 / 0.92)',
|
|
113
|
+
border: '#FF3000',
|
|
114
|
+
},
|
|
115
|
+
},
|
|
116
|
+
},
|
|
117
|
+
});
|
|
118
|
+
export const RMX_01_GLYPHS = createGlyphSheet(glyphValues);
|
|
119
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/presets/rmx-01/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { createElement } from '@remix-run/ui';
|
|
2
|
+
import { theme, themeVariableNames, } from "./contract.js";
|
|
3
|
+
export function createTheme(values, options = {}) {
|
|
4
|
+
let selector = options.selector ?? ':root';
|
|
5
|
+
let reset = options.reset ?? true;
|
|
6
|
+
let vars = Object.freeze(collectThemeVars(themeVariableNames, values));
|
|
7
|
+
let cssText = serializeThemeCss(selector, vars, { reset });
|
|
8
|
+
function Theme(handle) {
|
|
9
|
+
return () => createElement('style', {
|
|
10
|
+
nonce: handle.props.nonce,
|
|
11
|
+
'data-rmx-theme': '',
|
|
12
|
+
'data-rmx-theme-selector': selector,
|
|
13
|
+
innerHTML: escapeStyleText(cssText),
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
return Object.assign(Theme, {
|
|
17
|
+
Style: Theme,
|
|
18
|
+
cssText,
|
|
19
|
+
selector,
|
|
20
|
+
values,
|
|
21
|
+
vars,
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function collectThemeVars(tree, values, path = []) {
|
|
25
|
+
let vars = {};
|
|
26
|
+
for (let [key, value] of Object.entries(tree)) {
|
|
27
|
+
let nextPath = [...path, key];
|
|
28
|
+
let themeValue = values[key];
|
|
29
|
+
if (typeof value === 'string') {
|
|
30
|
+
if (typeof themeValue !== 'string' && typeof themeValue !== 'number') {
|
|
31
|
+
throw new TypeError(`Expected theme value at "${nextPath.join('.')}" to be a string or number`);
|
|
32
|
+
}
|
|
33
|
+
vars[value] = String(themeValue);
|
|
34
|
+
continue;
|
|
35
|
+
}
|
|
36
|
+
if (!isPlainObject(themeValue)) {
|
|
37
|
+
throw new TypeError(`Expected theme group at "${nextPath.join('.')}" to be an object`);
|
|
38
|
+
}
|
|
39
|
+
Object.assign(vars, collectThemeVars(value, themeValue, nextPath));
|
|
40
|
+
}
|
|
41
|
+
return vars;
|
|
42
|
+
}
|
|
43
|
+
function serializeThemeCss(selector, vars, options) {
|
|
44
|
+
let lines = Object.entries(vars)
|
|
45
|
+
.map(([name, value]) => ` ${name}: ${value};`)
|
|
46
|
+
.join('\n');
|
|
47
|
+
let blocks = [`${selector} {\n${lines}\n}`];
|
|
48
|
+
if (options.reset) {
|
|
49
|
+
blocks.push(serializeThemeResetCss(selector));
|
|
50
|
+
}
|
|
51
|
+
return blocks.join('\n\n');
|
|
52
|
+
}
|
|
53
|
+
function serializeThemeResetCss(selector) {
|
|
54
|
+
let fontFamily = theme.fontFamily.sans;
|
|
55
|
+
let fontSize = theme.fontSize.md;
|
|
56
|
+
let lineHeight = theme.lineHeight.normal;
|
|
57
|
+
let textColor = theme.colors.text.primary;
|
|
58
|
+
let backgroundColor = theme.surface.lvl0;
|
|
59
|
+
if (selector === ':root') {
|
|
60
|
+
return [
|
|
61
|
+
`*, *::before, *::after {\n box-sizing: border-box;\n}`,
|
|
62
|
+
`html, body {\n margin: 0;\n}`,
|
|
63
|
+
`body {\n font-family: ${fontFamily};\n font-size: ${fontSize};\n line-height: ${lineHeight};\n color: ${textColor};\n background-color: ${backgroundColor};\n}`,
|
|
64
|
+
`:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, figure, blockquote) {\n margin: 0;\n}`,
|
|
65
|
+
`:where(img, svg) {\n display: block;\n}`,
|
|
66
|
+
].join('\n\n');
|
|
67
|
+
}
|
|
68
|
+
return [
|
|
69
|
+
`${selector}, ${selector} *, ${selector} *::before, ${selector} *::after {\n box-sizing: border-box;\n}`,
|
|
70
|
+
`${selector} {\n font-family: ${fontFamily};\n font-size: ${fontSize};\n line-height: ${lineHeight};\n color: ${textColor};\n background-color: ${backgroundColor};\n}`,
|
|
71
|
+
`${selector} :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, figure, blockquote) {\n margin: 0;\n}`,
|
|
72
|
+
`${selector} :where(img, svg) {\n display: block;\n}`,
|
|
73
|
+
].join('\n\n');
|
|
74
|
+
}
|
|
75
|
+
function escapeStyleText(cssText) {
|
|
76
|
+
return cssText.replace(/<\/style/gi, '<\\/style');
|
|
77
|
+
}
|
|
78
|
+
function isPlainObject(value) {
|
|
79
|
+
return typeof value === 'object' && value !== null && !Array.isArray(value);
|
|
80
|
+
}
|
|
81
|
+
//# sourceMappingURL=runtime.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/theme/runtime.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { theme } from './contract.ts';
|
|
2
|
+
export type { CreateThemeOptions, ThemeComponent, ThemeMix, ThemeStyleProps, ThemeUtility, ThemeValue, ThemeValues, ThemeVars, } from './contract.ts';
|
|
3
|
+
export { glyphContract, glyphNames } from './glyph-contract.ts';
|
|
4
|
+
export type { GlyphContract, GlyphName, GlyphSymbol, GlyphValues } from './glyph-contract.ts';
|
|
5
|
+
export { createTheme } from './runtime.ts';
|
|
6
|
+
export { RMX_01, RMX_01_GLYPHS } from './presets/rmx-01/index.ts';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAWrC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function flashAttribute(node: HTMLElement, attributeName: string, duration: number): Promise<void>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
function wait(ms) {
|
|
2
|
+
return new Promise((resolve) => {
|
|
3
|
+
setTimeout(resolve, ms);
|
|
4
|
+
});
|
|
5
|
+
}
|
|
6
|
+
export async function flashAttribute(node, attributeName, duration) {
|
|
7
|
+
node.setAttribute(attributeName, 'true');
|
|
8
|
+
await wait(duration);
|
|
9
|
+
node.removeAttribute(attributeName);
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=flash-attribute.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flash-attribute.js","sourceRoot":"","sources":["../../src/utils/flash-attribute.ts"],"names":[],"mappings":"AAAA,SAAS,IAAI,CAAC,EAAU;IACtB,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;QACnC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,IAAiB,EAAE,aAAqB,EAAE,QAAgB;IAC7F,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IACxC,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAA;IACpB,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAA;AACrC,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { type ElementProps } from '@remix-run/ui';
|
|
2
|
+
export declare function lockScroll(targetDocument?: Document): () => void;
|
|
3
|
+
export declare const lockScrollOnToggle: <boundNode extends HTMLElement = HTMLElement>() => import("@remix-run/ui").MixinDescriptor<boundNode, [], ElementProps>;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { createMixin, on } from '@remix-run/ui';
|
|
2
|
+
const scrollLocks = new WeakMap();
|
|
3
|
+
export function lockScroll(targetDocument = globalThis.document) {
|
|
4
|
+
if (!targetDocument?.body || !targetDocument.defaultView) {
|
|
5
|
+
return () => { };
|
|
6
|
+
}
|
|
7
|
+
let document = targetDocument;
|
|
8
|
+
let documentElement = document.documentElement;
|
|
9
|
+
let view = document.defaultView;
|
|
10
|
+
let state = scrollLocks.get(document);
|
|
11
|
+
if (!state) {
|
|
12
|
+
let scrollX = view.scrollX;
|
|
13
|
+
let scrollY = view.scrollY;
|
|
14
|
+
let scrollbarWidth = documentElement.clientWidth > 0
|
|
15
|
+
? Math.max(view.innerWidth - documentElement.clientWidth, 0)
|
|
16
|
+
: 0;
|
|
17
|
+
let computedScrollbarGutter = view.getComputedStyle(documentElement).scrollbarGutter;
|
|
18
|
+
state = {
|
|
19
|
+
count: 0,
|
|
20
|
+
documentOverflow: documentElement.style.overflow,
|
|
21
|
+
documentScrollbarGutter: documentElement.style.scrollbarGutter,
|
|
22
|
+
scrollX,
|
|
23
|
+
scrollY,
|
|
24
|
+
};
|
|
25
|
+
documentElement.style.overflow = 'hidden';
|
|
26
|
+
if (scrollbarWidth > 0 && computedScrollbarGutter === 'auto') {
|
|
27
|
+
documentElement.style.scrollbarGutter = 'stable';
|
|
28
|
+
}
|
|
29
|
+
scrollLocks.set(document, state);
|
|
30
|
+
}
|
|
31
|
+
state.count++;
|
|
32
|
+
let unlocked = false;
|
|
33
|
+
return () => {
|
|
34
|
+
if (unlocked) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
unlocked = true;
|
|
38
|
+
let currentState = scrollLocks.get(document);
|
|
39
|
+
if (!currentState) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
currentState.count--;
|
|
43
|
+
if (currentState.count > 0) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
scrollLocks.delete(document);
|
|
47
|
+
documentElement.style.overflow = currentState.documentOverflow;
|
|
48
|
+
documentElement.style.scrollbarGutter = currentState.documentScrollbarGutter;
|
|
49
|
+
view.scrollTo(currentState.scrollX, currentState.scrollY);
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
export const lockScrollOnToggle = createMixin((handle) => {
|
|
53
|
+
let unlockScroll = () => { };
|
|
54
|
+
handle.signal.addEventListener('abort', () => {
|
|
55
|
+
unlockScroll();
|
|
56
|
+
unlockScroll = () => { };
|
|
57
|
+
});
|
|
58
|
+
return () => [
|
|
59
|
+
on('beforetoggle', (event) => {
|
|
60
|
+
unlockScroll();
|
|
61
|
+
unlockScroll = () => { };
|
|
62
|
+
if (event.newState !== 'open') {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
unlockScroll = lockScroll(event.currentTarget.ownerDocument);
|
|
66
|
+
}),
|
|
67
|
+
];
|
|
68
|
+
});
|
|
69
|
+
//# sourceMappingURL=scroll-lock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-lock.js","sourceRoot":"","sources":["../../src/utils/scroll-lock.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function waitForCssTransition(node: HTMLElement, signal: AbortSignal, action?: () => void): Promise<void>;
|