@remix-run/ui 0.3.0 → 0.4.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/README.md +50 -164
- package/dist/accordion/index.d.ts +46 -0
- package/dist/accordion/index.js +142 -0
- package/dist/accordion/index.js.map +1 -0
- package/dist/accordion/primitives.d.ts +104 -0
- package/dist/accordion/primitives.js +312 -0
- package/dist/accordion/primitives.js.map +1 -0
- package/dist/{components/anchor/anchor.js → anchor/index.js} +1 -1
- package/dist/anchor/index.js.map +1 -0
- package/dist/animation/demos/reordering.js +9 -6
- package/dist/animation/demos/reordering.js.map +1 -1
- package/dist/{components/breadcrumbs/breadcrumbs.js → breadcrumbs/index.js} +19 -19
- package/dist/breadcrumbs/index.js.map +1 -0
- package/dist/button/index.d.ts +15 -0
- package/dist/button/index.js +128 -0
- package/dist/button/index.js.map +1 -0
- package/dist/checkbox/index.d.ts +14 -0
- package/dist/checkbox/index.js +125 -0
- package/dist/checkbox/index.js.map +1 -0
- package/dist/combobox/index.d.ts +21 -0
- package/dist/combobox/index.js +58 -0
- package/dist/combobox/index.js.map +1 -0
- package/dist/{components/combobox/combobox.d.ts → combobox/primitives.d.ts} +3 -7
- package/dist/{components/combobox/combobox.js → combobox/primitives.js} +8 -61
- package/dist/combobox/primitives.js.map +1 -0
- package/dist/input/index.d.ts +13 -0
- package/dist/input/index.js +121 -0
- package/dist/input/index.js.map +1 -0
- package/dist/listbox/flash-attribute.js.map +1 -0
- package/dist/{components/listbox/listbox.d.ts → listbox/index.d.ts} +2 -6
- package/dist/{components/listbox/listbox.js → listbox/index.js} +4 -82
- package/dist/listbox/index.js.map +1 -0
- package/dist/menu/hover-aim.js.map +1 -0
- package/dist/menu/index.d.ts +42 -0
- package/dist/menu/index.js +250 -0
- package/dist/menu/index.js.map +1 -0
- package/dist/{components/menu/menu.d.ts → menu/primitives.d.ts} +3 -32
- package/dist/{components/menu/menu.js → menu/primitives.js} +97 -314
- package/dist/menu/primitives.js.map +1 -0
- package/dist/{components/popover/popover.d.ts → popover/index.d.ts} +2 -4
- package/dist/{components/popover/popover.js → popover/index.js} +5 -48
- package/dist/popover/index.js.map +1 -0
- package/dist/{interactions/outside-click/outside-click-mixin.js → popover/outside-click.js} +1 -1
- package/dist/popover/outside-click.js.map +1 -0
- package/dist/popover/scroll-lock.d.ts +1 -0
- package/dist/{utils → popover}/scroll-lock.js +0 -18
- package/dist/popover/scroll-lock.js.map +1 -0
- package/dist/radio/index.d.ts +12 -0
- package/dist/radio/index.js +77 -0
- package/dist/radio/index.js.map +1 -0
- package/dist/runtime/reconcile.js +11 -5
- package/dist/runtime/reconcile.js.map +1 -1
- package/dist/runtime/vdom.js +3 -0
- package/dist/runtime/vdom.js.map +1 -1
- package/dist/select/index.d.ts +19 -0
- package/dist/select/index.js +95 -0
- package/dist/select/index.js.map +1 -0
- package/dist/select/keydown.js.map +1 -0
- package/dist/{components/select/select.d.ts → select/primitives.d.ts} +4 -6
- package/dist/{components/select/select.js → select/primitives.js} +11 -63
- package/dist/select/primitives.js.map +1 -0
- package/dist/server/stream.js +2 -2
- package/dist/server/stream.js.map +1 -1
- package/dist/shared/focus-styles.d.ts +1 -0
- package/dist/shared/focus-styles.js +2 -0
- package/dist/shared/focus-styles.js.map +1 -0
- package/dist/shared/icons.d.ts +9 -0
- package/dist/shared/icons.js +42 -0
- package/dist/shared/icons.js.map +1 -0
- package/dist/shared/listbox-popover-styles.d.ts +6 -0
- package/dist/shared/listbox-popover-styles.js +137 -0
- package/dist/shared/listbox-popover-styles.js.map +1 -0
- package/dist/shared/style-values.d.ts +78 -0
- package/dist/{theme/presets/rmx-01/index.js → shared/style-values.js} +3 -34
- package/dist/shared/style-values.js.map +1 -0
- package/dist/{interactions/typeahead/typeahead-mixin.js → shared/typeahead.js} +1 -1
- package/dist/shared/typeahead.js.map +1 -0
- package/dist/shared/wait-for-css-transition.js.map +1 -0
- package/dist/shared/wait.js.map +1 -0
- package/dist/tabs/index.d.ts +32 -0
- package/dist/tabs/index.js +157 -0
- package/dist/tabs/index.js.map +1 -0
- package/dist/tabs/primitives.d.ts +57 -0
- package/dist/tabs/primitives.js +238 -0
- package/dist/tabs/primitives.js.map +1 -0
- package/dist/toggle/index.d.ts +9 -0
- package/dist/toggle/index.js +108 -0
- package/dist/toggle/index.js.map +1 -0
- package/dist/toggle/primitives.d.ts +29 -0
- package/dist/toggle/primitives.js +127 -0
- package/dist/toggle/primitives.js.map +1 -0
- package/package.json +73 -44
- package/src/{components/accordion → accordion}/README.md +50 -14
- package/src/accordion/index.tsx +285 -0
- package/src/accordion/primitives.tsx +512 -0
- package/src/{components/anchor → anchor}/README.md +37 -2
- package/src/animation/demos/reordering.tsx +9 -6
- package/src/{components/breadcrumbs → breadcrumbs}/README.md +4 -4
- package/src/{components/breadcrumbs/breadcrumbs.tsx → breadcrumbs/index.tsx} +18 -18
- package/src/button/README.md +44 -0
- package/src/button/index.ts +168 -0
- package/src/checkbox/README.md +59 -0
- package/src/checkbox/index.ts +162 -0
- package/src/{components/combobox → combobox}/README.md +58 -9
- package/src/combobox/index.tsx +112 -0
- package/src/{components/combobox/combobox.tsx → combobox/primitives.tsx} +5 -91
- package/src/input/README.md +52 -0
- package/src/input/index.ts +147 -0
- package/src/{components/listbox → listbox}/README.md +9 -41
- package/src/{components/listbox/listbox.ts → listbox/index.ts} +2 -87
- package/src/{components/menu → menu}/README.md +55 -14
- package/src/menu/index.tsx +354 -0
- package/src/{components/menu/menu.tsx → menu/primitives.tsx} +99 -413
- package/src/{components/popover → popover}/README.md +20 -39
- package/src/{components/popover/popover.ts → popover/index.ts} +3 -57
- package/src/{utils → popover}/scroll-lock.ts +0 -28
- package/src/radio/README.md +53 -0
- package/src/radio/index.ts +100 -0
- package/src/runtime/demos/readme.demo.tsx +16 -14
- package/src/runtime/reconcile.ts +11 -5
- package/src/runtime/vdom.ts +3 -0
- package/src/{components/select → select}/README.md +29 -19
- package/src/select/index.tsx +159 -0
- package/src/{components/select/select.tsx → select/primitives.tsx} +10 -98
- package/src/server/stream.ts +3 -3
- package/src/shared/focus-styles.ts +2 -0
- package/src/shared/icons.tsx +62 -0
- package/src/shared/listbox-popover-styles.ts +146 -0
- package/src/shared/style-values.ts +165 -0
- package/src/tabs/README.md +141 -0
- package/src/tabs/index.tsx +244 -0
- package/src/tabs/primitives.ts +365 -0
- package/src/toggle/README.md +56 -0
- package/src/toggle/index.tsx +134 -0
- package/src/toggle/primitives.ts +192 -0
- package/dist/animation/demos/animation.demo.d.ts +0 -5
- package/dist/animation/demos/animation.demo.js +0 -92
- package/dist/animation/demos/animation.demo.js.map +0 -1
- package/dist/animation/demos/spring.demo.d.ts +0 -6
- package/dist/animation/demos/spring.demo.js +0 -304
- package/dist/animation/demos/spring.demo.js.map +0 -1
- package/dist/components/accordion/accordion.d.ts +0 -92
- package/dist/components/accordion/accordion.js +0 -335
- package/dist/components/accordion/accordion.js.map +0 -1
- package/dist/components/accordion/demos/card.demo.d.ts +0 -7
- package/dist/components/accordion/demos/card.demo.js +0 -59
- package/dist/components/accordion/demos/card.demo.js.map +0 -1
- package/dist/components/accordion/demos/multiple.demo.d.ts +0 -7
- package/dist/components/accordion/demos/multiple.demo.js +0 -20
- package/dist/components/accordion/demos/multiple.demo.js.map +0 -1
- package/dist/components/accordion/demos/overview.demo.d.ts +0 -7
- package/dist/components/accordion/demos/overview.demo.js +0 -20
- package/dist/components/accordion/demos/overview.demo.js.map +0 -1
- package/dist/components/anchor/anchor.js.map +0 -1
- package/dist/components/breadcrumbs/basic.demo.d.ts +0 -6
- package/dist/components/breadcrumbs/basic.demo.js +0 -15
- package/dist/components/breadcrumbs/basic.demo.js.map +0 -1
- package/dist/components/breadcrumbs/breadcrumbs.js.map +0 -1
- package/dist/components/breadcrumbs/separator.demo.d.ts +0 -6
- package/dist/components/breadcrumbs/separator.demo.js +0 -15
- package/dist/components/breadcrumbs/separator.demo.js.map +0 -1
- package/dist/components/button/button.d.ts +0 -105
- package/dist/components/button/button.js +0 -207
- package/dist/components/button/button.js.map +0 -1
- package/dist/components/button/demos/aliases.demo.d.ts +0 -7
- package/dist/components/button/demos/aliases.demo.js +0 -19
- package/dist/components/button/demos/aliases.demo.js.map +0 -1
- package/dist/components/button/demos/basic.demo.d.ts +0 -7
- package/dist/components/button/demos/basic.demo.js +0 -20
- package/dist/components/button/demos/basic.demo.js.map +0 -1
- package/dist/components/button/demos/states.demo.d.ts +0 -7
- package/dist/components/button/demos/states.demo.js +0 -30
- package/dist/components/button/demos/states.demo.js.map +0 -1
- package/dist/components/combobox/combobox.js.map +0 -1
- package/dist/components/combobox/overview.demo.d.ts +0 -7
- package/dist/components/combobox/overview.demo.js +0 -154
- package/dist/components/combobox/overview.demo.js.map +0 -1
- package/dist/components/glyph/glyph.d.ts +0 -14
- package/dist/components/glyph/glyph.js +0 -65
- package/dist/components/glyph/glyph.js.map +0 -1
- package/dist/components/listbox/listbox.js.map +0 -1
- package/dist/components/listbox/overview.demo.d.ts +0 -7
- package/dist/components/listbox/overview.demo.js +0 -65
- package/dist/components/listbox/overview.demo.js.map +0 -1
- package/dist/components/menu/demos/bubbling.demo.d.ts +0 -6
- package/dist/components/menu/demos/bubbling.demo.js +0 -16
- package/dist/components/menu/demos/bubbling.demo.js.map +0 -1
- package/dist/components/menu/demos/context-trigger.demo.d.ts +0 -7
- package/dist/components/menu/demos/context-trigger.demo.js +0 -87
- package/dist/components/menu/demos/context-trigger.demo.js.map +0 -1
- package/dist/components/menu/demos/overview.demo.d.ts +0 -7
- package/dist/components/menu/demos/overview.demo.js +0 -33
- package/dist/components/menu/demos/overview.demo.js.map +0 -1
- package/dist/components/menu/hover-aim.js.map +0 -1
- package/dist/components/menu/menu.js.map +0 -1
- package/dist/components/popover/overview.demo.d.ts +0 -7
- package/dist/components/popover/overview.demo.js +0 -65
- package/dist/components/popover/overview.demo.js.map +0 -1
- package/dist/components/popover/popover.js.map +0 -1
- package/dist/components/select/deconstructed.demo.d.ts +0 -7
- package/dist/components/select/deconstructed.demo.js +0 -54
- package/dist/components/select/deconstructed.demo.js.map +0 -1
- package/dist/components/select/overview.demo.d.ts +0 -6
- package/dist/components/select/overview.demo.js +0 -28
- package/dist/components/select/overview.demo.js.map +0 -1
- package/dist/components/select/select.js.map +0 -1
- package/dist/components/separator/separator.d.ts +0 -2
- package/dist/components/separator/separator.js +0 -15
- package/dist/components/separator/separator.js.map +0 -1
- package/dist/components/tabs/tabs.d.ts +0 -78
- package/dist/components/tabs/tabs.js +0 -339
- package/dist/components/tabs/tabs.js.map +0 -1
- package/dist/interactions/keydown/keydown.js.map +0 -1
- package/dist/interactions/outside-click/outside-click-mixin.js.map +0 -1
- package/dist/interactions/typeahead/typeahead-mixin.js.map +0 -1
- package/dist/runtime/demos/basic.demo.d.ts +0 -6
- package/dist/runtime/demos/basic.demo.js +0 -16
- package/dist/runtime/demos/basic.demo.js.map +0 -1
- package/dist/runtime/demos/controlled-uncontrolled-values.demo.d.ts +0 -6
- package/dist/runtime/demos/controlled-uncontrolled-values.demo.js +0 -77
- package/dist/runtime/demos/controlled-uncontrolled-values.demo.js.map +0 -1
- package/dist/runtime/demos/keyed-list.demo.d.ts +0 -6
- package/dist/runtime/demos/keyed-list.demo.js +0 -62
- package/dist/runtime/demos/keyed-list.demo.js.map +0 -1
- package/dist/runtime/demos/readme.demo.d.ts +0 -5
- package/dist/runtime/demos/readme.demo.js +0 -396
- package/dist/runtime/demos/readme.demo.js.map +0 -1
- package/dist/theme/contract.d.ts +0 -61
- package/dist/theme/contract.js +0 -131
- package/dist/theme/contract.js.map +0 -1
- package/dist/theme/glyph-contract.d.ts +0 -11
- package/dist/theme/glyph-contract.js +0 -34
- package/dist/theme/glyph-contract.js.map +0 -1
- package/dist/theme/presets/rmx-01/glyphs.d.ts +0 -2
- package/dist/theme/presets/rmx-01/glyphs.js +0 -252
- package/dist/theme/presets/rmx-01/glyphs.js.map +0 -1
- package/dist/theme/presets/rmx-01/index.d.ts +0 -4
- package/dist/theme/presets/rmx-01/index.js.map +0 -1
- package/dist/theme/runtime.d.ts +0 -2
- package/dist/theme/runtime.js +0 -84
- package/dist/theme/runtime.js.map +0 -1
- package/dist/theme/theme.d.ts +0 -6
- package/dist/theme/theme.js +0 -5
- package/dist/theme/theme.js.map +0 -1
- package/dist/utils/flash-attribute.js.map +0 -1
- package/dist/utils/scroll-lock.d.ts +0 -3
- package/dist/utils/scroll-lock.js.map +0 -1
- package/dist/utils/wait-for-css-transition.js.map +0 -1
- package/dist/utils/wait.js.map +0 -1
- package/src/animation/demos/animation.demo.tsx +0 -194
- package/src/animation/demos/spring.demo.tsx +0 -385
- package/src/components/accordion/accordion.tsx +0 -565
- package/src/components/accordion/demos/card.demo.tsx +0 -114
- package/src/components/accordion/demos/multiple.demo.tsx +0 -57
- package/src/components/accordion/demos/overview.demo.tsx +0 -57
- package/src/components/breadcrumbs/basic.demo.tsx +0 -18
- package/src/components/breadcrumbs/separator.demo.tsx +0 -19
- package/src/components/button/README.md +0 -44
- package/src/components/button/button.tsx +0 -286
- package/src/components/button/demos/aliases.demo.tsx +0 -28
- package/src/components/button/demos/basic.demo.tsx +0 -31
- package/src/components/button/demos/states.demo.tsx +0 -53
- package/src/components/combobox/overview.demo.tsx +0 -200
- package/src/components/glyph/README.md +0 -72
- package/src/components/glyph/glyph.tsx +0 -110
- package/src/components/listbox/overview.demo.tsx +0 -102
- package/src/components/menu/demos/bubbling.demo.tsx +0 -35
- package/src/components/menu/demos/context-trigger.demo.tsx +0 -133
- package/src/components/menu/demos/overview.demo.tsx +0 -77
- package/src/components/popover/overview.demo.tsx +0 -144
- package/src/components/select/deconstructed.demo.tsx +0 -96
- package/src/components/select/overview.demo.tsx +0 -52
- package/src/components/separator/separator.ts +0 -19
- package/src/components/tabs/README.md +0 -105
- package/src/components/tabs/tabs.tsx +0 -504
- package/src/runtime/demos/basic.demo.tsx +0 -21
- package/src/runtime/demos/controlled-uncontrolled-values.demo.tsx +0 -177
- package/src/runtime/demos/keyed-list.demo.tsx +0 -94
- package/src/theme/README.md +0 -103
- package/src/theme/contract.ts +0 -215
- package/src/theme/glyph-contract.ts +0 -59
- package/src/theme/presets/rmx-01/glyphs.tsx +0 -308
- package/src/theme/presets/rmx-01/index.ts +0 -123
- package/src/theme/runtime.ts +0 -119
- package/src/theme/theme.ts +0 -15
- package/src/utils/scroll-lock/README.md +0 -33
- /package/dist/{components/anchor/anchor.d.ts → anchor/index.d.ts} +0 -0
- /package/dist/{components/breadcrumbs/breadcrumbs.d.ts → breadcrumbs/index.d.ts} +0 -0
- /package/dist/{utils → listbox}/flash-attribute.d.ts +0 -0
- /package/dist/{utils → listbox}/flash-attribute.js +0 -0
- /package/dist/{components/menu → menu}/hover-aim.d.ts +0 -0
- /package/dist/{components/menu → menu}/hover-aim.js +0 -0
- /package/dist/{interactions/outside-click/outside-click-mixin.d.ts → popover/outside-click.d.ts} +0 -0
- /package/dist/{interactions/keydown → select}/keydown.d.ts +0 -0
- /package/dist/{interactions/keydown → select}/keydown.js +0 -0
- /package/dist/{interactions/typeahead/typeahead-mixin.d.ts → shared/typeahead.d.ts} +0 -0
- /package/dist/{utils → shared}/wait-for-css-transition.d.ts +0 -0
- /package/dist/{utils → shared}/wait-for-css-transition.js +0 -0
- /package/dist/{utils → shared}/wait.d.ts +0 -0
- /package/dist/{utils → shared}/wait.js +0 -0
- /package/src/{components/anchor/anchor.ts → anchor/index.ts} +0 -0
- /package/src/{utils → listbox}/flash-attribute.ts +0 -0
- /package/src/{components/menu → menu}/hover-aim.ts +0 -0
- /package/src/{interactions/outside-click/outside-click-mixin.ts → popover/outside-click.ts} +0 -0
- /package/src/{interactions/keydown → select}/keydown.ts +0 -0
- /package/src/{interactions/typeahead/typeahead-mixin.ts → shared/typeahead.ts} +0 -0
- /package/src/{utils → shared}/wait-for-css-transition.ts +0 -0
- /package/src/{utils → shared}/wait.ts +0 -0
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { css } from '@remix-run/ui';
|
|
2
|
+
import { controlFocusShadow } from "../shared/focus-styles.js";
|
|
3
|
+
const frameStyles = {
|
|
4
|
+
'--rmx-input-height': '32px',
|
|
5
|
+
'--rmx-input-padding-block': '6px',
|
|
6
|
+
'--rmx-input-padding-inline': '12px',
|
|
7
|
+
'--rmx-input-root-padding-inline': '8px',
|
|
8
|
+
'--rmx-input-gap': '6px',
|
|
9
|
+
'--rmx-input-icon-size': '16px',
|
|
10
|
+
'--rmx-input-icon-color': '#707070',
|
|
11
|
+
appearance: 'none',
|
|
12
|
+
margin: 0,
|
|
13
|
+
boxSizing: 'border-box',
|
|
14
|
+
display: 'block',
|
|
15
|
+
width: '100%',
|
|
16
|
+
minWidth: 0,
|
|
17
|
+
height: 'var(--rmx-input-height)',
|
|
18
|
+
paddingBlock: 'var(--rmx-input-padding-block)',
|
|
19
|
+
paddingInline: 'var(--rmx-input-padding-inline)',
|
|
20
|
+
border: 0,
|
|
21
|
+
borderRadius: '8px',
|
|
22
|
+
background: '#FFFFFF',
|
|
23
|
+
boxShadow: '0 2px 3px -1px rgba(0, 0, 0, 0.04), 0 3px 4px -1.5px rgba(0, 0, 0, 0.04), 0 4px 5px -2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.12)',
|
|
24
|
+
color: '#101010',
|
|
25
|
+
fontFamily: '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
|
|
26
|
+
fontStyle: 'normal',
|
|
27
|
+
fontWeight: 400,
|
|
28
|
+
fontSize: '13px',
|
|
29
|
+
lineHeight: '20px',
|
|
30
|
+
fontFeatureSettings: '"ss01" on, "cv01" on',
|
|
31
|
+
letterSpacing: 0,
|
|
32
|
+
textShadow: '0 1px 0 #FFFFFF',
|
|
33
|
+
'&::placeholder': {
|
|
34
|
+
color: '#B0B0B0',
|
|
35
|
+
opacity: 1,
|
|
36
|
+
},
|
|
37
|
+
'&:disabled, &[aria-disabled="true"]': {
|
|
38
|
+
opacity: 0.55,
|
|
39
|
+
},
|
|
40
|
+
};
|
|
41
|
+
const baseStyle = css({
|
|
42
|
+
...frameStyles,
|
|
43
|
+
'&:focus-visible': {
|
|
44
|
+
outline: 0,
|
|
45
|
+
boxShadow: controlFocusShadow,
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
const rootBaseStyle = css({
|
|
49
|
+
...frameStyles,
|
|
50
|
+
display: 'flex',
|
|
51
|
+
alignItems: 'center',
|
|
52
|
+
gap: 'var(--rmx-input-gap)',
|
|
53
|
+
paddingInline: 'var(--rmx-input-root-padding-inline)',
|
|
54
|
+
'&:focus-within': {
|
|
55
|
+
boxShadow: controlFocusShadow,
|
|
56
|
+
},
|
|
57
|
+
'&:has(input:disabled), &:has(input[aria-disabled="true"])': {
|
|
58
|
+
opacity: 0.55,
|
|
59
|
+
},
|
|
60
|
+
'& > svg': {
|
|
61
|
+
flex: 'none',
|
|
62
|
+
width: 'var(--rmx-input-icon-size)',
|
|
63
|
+
height: 'var(--rmx-input-icon-size)',
|
|
64
|
+
color: 'var(--rmx-input-icon-color)',
|
|
65
|
+
pointerEvents: 'none',
|
|
66
|
+
},
|
|
67
|
+
'& > button': {
|
|
68
|
+
flex: 'none',
|
|
69
|
+
},
|
|
70
|
+
});
|
|
71
|
+
const fieldBaseStyle = css({
|
|
72
|
+
appearance: 'none',
|
|
73
|
+
margin: 0,
|
|
74
|
+
boxSizing: 'border-box',
|
|
75
|
+
flex: '1 1 auto',
|
|
76
|
+
minWidth: 0,
|
|
77
|
+
width: '100%',
|
|
78
|
+
height: '20px',
|
|
79
|
+
padding: 0,
|
|
80
|
+
border: 0,
|
|
81
|
+
outline: 0,
|
|
82
|
+
background: 'transparent',
|
|
83
|
+
boxShadow: 'none',
|
|
84
|
+
color: '#101010',
|
|
85
|
+
font: 'inherit',
|
|
86
|
+
fontFeatureSettings: 'inherit',
|
|
87
|
+
letterSpacing: 'inherit',
|
|
88
|
+
textShadow: 'inherit',
|
|
89
|
+
'&::placeholder': {
|
|
90
|
+
color: '#B0B0B0',
|
|
91
|
+
opacity: 1,
|
|
92
|
+
},
|
|
93
|
+
'&:disabled, &[aria-disabled="true"]': {
|
|
94
|
+
opacity: 1,
|
|
95
|
+
},
|
|
96
|
+
});
|
|
97
|
+
const sizeStyles = {
|
|
98
|
+
md: css({}),
|
|
99
|
+
lg: css({
|
|
100
|
+
'--rmx-input-height': '36px',
|
|
101
|
+
'--rmx-input-padding-block': '8px',
|
|
102
|
+
'--rmx-input-padding-inline': '14px',
|
|
103
|
+
'--rmx-input-root-padding-inline': '10px',
|
|
104
|
+
'--rmx-input-gap': '8px',
|
|
105
|
+
'--rmx-input-icon-size': '18px',
|
|
106
|
+
}),
|
|
107
|
+
};
|
|
108
|
+
function createInput(options = {}) {
|
|
109
|
+
let { size = 'md' } = options;
|
|
110
|
+
return [baseStyle, sizeStyles[size]];
|
|
111
|
+
}
|
|
112
|
+
function root(options = {}) {
|
|
113
|
+
let { size = 'md' } = options;
|
|
114
|
+
return [rootBaseStyle, sizeStyles[size]];
|
|
115
|
+
}
|
|
116
|
+
function field() {
|
|
117
|
+
return fieldBaseStyle;
|
|
118
|
+
}
|
|
119
|
+
export const input = Object.assign(createInput, { root, field });
|
|
120
|
+
export default input;
|
|
121
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/input/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flash-attribute.js","sourceRoot":"","sources":["../../src/listbox/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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
import { type SearchValue } from '
|
|
1
|
+
import { type ElementProps, type Handle, type MixinFactory, type RemixNode } from '@remix-run/ui';
|
|
2
|
+
import { type SearchValue } from '../shared/typeahead.ts';
|
|
3
3
|
export type ListboxValue = string | null;
|
|
4
4
|
type NavigationStrategy = 'next' | 'previous' | 'first' | 'last';
|
|
5
5
|
interface Values {
|
|
@@ -44,10 +44,6 @@ export interface ListboxRegisteredOption extends ListboxOption {
|
|
|
44
44
|
}
|
|
45
45
|
interface RegisteredOption extends ListboxRegisteredOption {
|
|
46
46
|
}
|
|
47
|
-
export declare const listStyle: CSSMixinDescriptor;
|
|
48
|
-
export declare const optionStyle: CSSMixinDescriptor;
|
|
49
|
-
export declare const glyphStyle: CSSMixinDescriptor;
|
|
50
|
-
export declare const labelStyle: CSSMixinDescriptor;
|
|
51
47
|
declare function ListboxProvider(handle: Handle<ListboxProviderProps, ListboxContext>): () => RemixNode;
|
|
52
48
|
export interface ListboxOption {
|
|
53
49
|
id: string;
|
|
@@ -1,84 +1,6 @@
|
|
|
1
|
-
import { attrs, createMixin,
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { flashAttribute } from "../../utils/flash-attribute.js";
|
|
5
|
-
const listCss = css({
|
|
6
|
-
display: 'flex',
|
|
7
|
-
flexDirection: 'column',
|
|
8
|
-
outline: 'none',
|
|
9
|
-
userSelect: 'none',
|
|
10
|
-
WebkitUserSelect: 'none',
|
|
11
|
-
'--rmx-ui-item-inset': theme.space.sm,
|
|
12
|
-
'--rmx-ui-item-indicator-gap': theme.space.xs,
|
|
13
|
-
'--rmx-ui-item-indicator-width': theme.fontSize.sm,
|
|
14
|
-
});
|
|
15
|
-
const itemCss = css({
|
|
16
|
-
display: 'grid',
|
|
17
|
-
gridTemplateColumns: 'max-content minmax(0, 1fr)',
|
|
18
|
-
alignItems: 'center',
|
|
19
|
-
width: '100%',
|
|
20
|
-
minHeight: theme.control.height.md,
|
|
21
|
-
padding: `${theme.space.xs} ${theme.space.sm}`,
|
|
22
|
-
borderRadius: theme.radius.md,
|
|
23
|
-
backgroundColor: 'transparent',
|
|
24
|
-
color: theme.colors.text.primary,
|
|
25
|
-
fontFamily: theme.fontFamily.sans,
|
|
26
|
-
fontSize: theme.fontSize.sm,
|
|
27
|
-
fontWeight: theme.fontWeight.normal,
|
|
28
|
-
lineHeight: theme.lineHeight.normal,
|
|
29
|
-
textAlign: 'left',
|
|
30
|
-
userSelect: 'none',
|
|
31
|
-
WebkitUserSelect: 'none',
|
|
32
|
-
'&:focus': {
|
|
33
|
-
outline: 'none',
|
|
34
|
-
},
|
|
35
|
-
'&[data-highlighted="true"]': {
|
|
36
|
-
backgroundColor: theme.colors.action.primary.background,
|
|
37
|
-
color: theme.colors.action.primary.foreground,
|
|
38
|
-
},
|
|
39
|
-
'&[aria-disabled="true"]': {
|
|
40
|
-
opacity: 0.5,
|
|
41
|
-
},
|
|
42
|
-
scrollMarginBlock: theme.space.xs,
|
|
43
|
-
'--rmx-listbox-option-indicator-opacity': '0',
|
|
44
|
-
'&[hidden]': {
|
|
45
|
-
display: 'none',
|
|
46
|
-
},
|
|
47
|
-
'&[data-listbox-flash="true"], &[data-select-flash="true"], &[data-combobox-flash="true"]': {
|
|
48
|
-
backgroundColor: 'transparent',
|
|
49
|
-
color: theme.colors.text.primary,
|
|
50
|
-
},
|
|
51
|
-
'&[aria-selected="true"]': {
|
|
52
|
-
'--rmx-listbox-option-indicator-opacity': '1',
|
|
53
|
-
},
|
|
54
|
-
});
|
|
55
|
-
const itemGlyphCss = css({
|
|
56
|
-
gridColumn: '1',
|
|
57
|
-
display: 'inline-flex',
|
|
58
|
-
alignItems: 'center',
|
|
59
|
-
justifyContent: 'center',
|
|
60
|
-
width: '1em',
|
|
61
|
-
height: '1em',
|
|
62
|
-
color: 'currentColor',
|
|
63
|
-
flexShrink: 0,
|
|
64
|
-
opacity: 'var(--rmx-listbox-option-indicator-opacity)',
|
|
65
|
-
'& > svg': {
|
|
66
|
-
display: 'block',
|
|
67
|
-
width: '100%',
|
|
68
|
-
height: '100%',
|
|
69
|
-
},
|
|
70
|
-
});
|
|
71
|
-
const itemLabelCss = css({
|
|
72
|
-
display: 'inline-flex',
|
|
73
|
-
alignItems: 'center',
|
|
74
|
-
minWidth: 0,
|
|
75
|
-
paddingInline: theme.space.xs,
|
|
76
|
-
WebkitUserSelect: 'none',
|
|
77
|
-
});
|
|
78
|
-
export const listStyle = listCss;
|
|
79
|
-
export const optionStyle = itemCss;
|
|
80
|
-
export const glyphStyle = itemGlyphCss;
|
|
81
|
-
export const labelStyle = itemLabelCss;
|
|
1
|
+
import { attrs, createMixin, on, } from '@remix-run/ui';
|
|
2
|
+
import { hiddenTypeahead, matchNextItemBySearchText, } from "../shared/typeahead.js";
|
|
3
|
+
import { flashAttribute } from "./flash-attribute.js";
|
|
82
4
|
function ListboxProvider(handle) {
|
|
83
5
|
let options = [];
|
|
84
6
|
let state = 'idle';
|
|
@@ -325,4 +247,4 @@ const optionMixin = createMixin((handle) => {
|
|
|
325
247
|
export const Context = ListboxProvider;
|
|
326
248
|
export const list = listMixin;
|
|
327
249
|
export const option = optionMixin;
|
|
328
|
-
//# sourceMappingURL=
|
|
250
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/listbox/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-aim.js","sourceRoot":"","sources":["../../src/menu/hover-aim.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { CSSMixinDescriptor, Handle, Props, RemixNode } from '@remix-run/ui';
|
|
2
|
+
import type { SearchValue } from '../shared/typeahead.ts';
|
|
3
|
+
export declare const buttonStyle: CSSMixinDescriptor;
|
|
4
|
+
export declare const popoverStyle: CSSMixinDescriptor;
|
|
5
|
+
export declare const listStyle: CSSMixinDescriptor;
|
|
6
|
+
export declare const itemStyle: CSSMixinDescriptor;
|
|
7
|
+
export declare const itemSlotStyle: CSSMixinDescriptor;
|
|
8
|
+
export declare const itemLabelStyle: CSSMixinDescriptor;
|
|
9
|
+
export declare const itemIndicatorStyle: CSSMixinDescriptor;
|
|
10
|
+
export declare const triggerIndicatorStyle: CSSMixinDescriptor;
|
|
11
|
+
export interface MenuListProps extends Props<'div'> {
|
|
12
|
+
}
|
|
13
|
+
type MenuListChildProps = Omit<JSX.LibraryManagedAttributes<typeof MenuList, MenuListProps>, 'children'>;
|
|
14
|
+
export interface MenuProps extends Omit<Props<'button'>, 'children'> {
|
|
15
|
+
children?: RemixNode;
|
|
16
|
+
label: RemixNode;
|
|
17
|
+
menuLabel?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface MenuItemProps extends Omit<Props<'div'>, 'children' | 'name' | 'type' | 'value'> {
|
|
20
|
+
checked?: boolean;
|
|
21
|
+
children?: RemixNode;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
label?: string;
|
|
24
|
+
name: string;
|
|
25
|
+
searchValue?: SearchValue;
|
|
26
|
+
type?: 'checkbox' | 'radio';
|
|
27
|
+
value?: string;
|
|
28
|
+
}
|
|
29
|
+
export interface SubmenuProps extends Omit<Props<'div'>, 'children' | 'name' | 'type' | 'value'> {
|
|
30
|
+
children?: RemixNode;
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
label: RemixNode;
|
|
33
|
+
listProps?: MenuListChildProps;
|
|
34
|
+
menuLabel?: string;
|
|
35
|
+
searchValue?: SearchValue;
|
|
36
|
+
value?: string;
|
|
37
|
+
}
|
|
38
|
+
export declare function Menu(handle: Handle<MenuProps>): () => RemixNode;
|
|
39
|
+
export declare function MenuList(handle: Handle<MenuListProps>): () => RemixNode;
|
|
40
|
+
export declare function MenuItem(handle: Handle<MenuItemProps>): () => RemixNode;
|
|
41
|
+
export declare function Submenu(handle: Handle<SubmenuProps>): () => RemixNode;
|
|
42
|
+
export {};
|
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
|
|
2
|
+
import { createElement, css, ref } from '@remix-run/ui';
|
|
3
|
+
import button from '@remix-run/ui/button';
|
|
4
|
+
import * as menu from '@remix-run/ui/menu/primitives';
|
|
5
|
+
import { CheckIcon, ChevronDownIcon, ChevronRightIcon } from "../shared/icons.js";
|
|
6
|
+
import { popoverSurfaceStyle } from "../shared/listbox-popover-styles.js";
|
|
7
|
+
import { componentStyleValues as styles } from "../shared/style-values.js";
|
|
8
|
+
const menuButtonCss = css({
|
|
9
|
+
display: 'grid',
|
|
10
|
+
gridTemplateColumns: 'minmax(0, 1fr) auto',
|
|
11
|
+
alignItems: 'center',
|
|
12
|
+
borderRadius: styles.radius.md,
|
|
13
|
+
paddingInlineEnd: styles.space.sm,
|
|
14
|
+
textAlign: 'left',
|
|
15
|
+
'&[aria-expanded="true"], &[aria-expanded="true"]:hover, &[aria-expanded="true"]:focus-visible': {
|
|
16
|
+
backgroundColor: styles.surface.lvl3,
|
|
17
|
+
color: styles.colors.text.primary,
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
const menuButtonLabelCss = css({
|
|
21
|
+
display: 'inline-flex',
|
|
22
|
+
alignItems: 'center',
|
|
23
|
+
minWidth: 0,
|
|
24
|
+
});
|
|
25
|
+
const menuButtonIconCss = css({
|
|
26
|
+
display: 'inline-flex',
|
|
27
|
+
alignItems: 'center',
|
|
28
|
+
justifyContent: 'center',
|
|
29
|
+
width: styles.fontSize.md,
|
|
30
|
+
height: styles.fontSize.md,
|
|
31
|
+
color: 'currentColor',
|
|
32
|
+
flexShrink: 0,
|
|
33
|
+
'& > svg': {
|
|
34
|
+
display: 'block',
|
|
35
|
+
width: '100%',
|
|
36
|
+
height: '100%',
|
|
37
|
+
},
|
|
38
|
+
});
|
|
39
|
+
const menuPopoverCss = css({
|
|
40
|
+
'&[data-menu-submenu="true"][data-anchor-placement^="right"]': {
|
|
41
|
+
marginLeft: `calc(${styles.space.xs} * -1)`,
|
|
42
|
+
},
|
|
43
|
+
'&[data-menu-submenu="true"][data-anchor-placement^="left"]': {
|
|
44
|
+
marginLeft: styles.space.xs,
|
|
45
|
+
},
|
|
46
|
+
'&[data-close-animation="none"]:not(:popover-open)': {
|
|
47
|
+
transition: 'none',
|
|
48
|
+
transitionBehavior: 'normal',
|
|
49
|
+
},
|
|
50
|
+
});
|
|
51
|
+
const menuListCss = css({
|
|
52
|
+
display: 'flex',
|
|
53
|
+
flexDirection: 'column',
|
|
54
|
+
flex: '1 1 auto',
|
|
55
|
+
minHeight: 0,
|
|
56
|
+
paddingBlock: styles.space.xs,
|
|
57
|
+
paddingInline: styles.space.none,
|
|
58
|
+
overflow: 'auto',
|
|
59
|
+
overscrollBehavior: 'contain',
|
|
60
|
+
outline: 'none',
|
|
61
|
+
userSelect: 'none',
|
|
62
|
+
WebkitUserSelect: 'none',
|
|
63
|
+
'--rmx-ui-item-inset': `calc(${styles.space.sm} + ${styles.space.xs})`,
|
|
64
|
+
'--rmx-ui-item-indicator-gap': 'var(--rmx-menu-item-slot-gap)',
|
|
65
|
+
'--rmx-ui-item-indicator-width': 'var(--rmx-menu-item-slot-width)',
|
|
66
|
+
'--rmx-menu-item-slot-gap': styles.space.none,
|
|
67
|
+
'--rmx-menu-item-slot-width': styles.space.none,
|
|
68
|
+
'&:has(> [role="menuitemcheckbox"])': {
|
|
69
|
+
'--rmx-menu-item-slot-gap': styles.space.xs,
|
|
70
|
+
'--rmx-menu-item-slot-width': styles.fontSize.md,
|
|
71
|
+
},
|
|
72
|
+
'&:has(> [role="menuitemradio"])': {
|
|
73
|
+
'--rmx-menu-item-slot-gap': styles.space.xs,
|
|
74
|
+
'--rmx-menu-item-slot-width': styles.fontSize.md,
|
|
75
|
+
},
|
|
76
|
+
});
|
|
77
|
+
const menuItemCss = css({
|
|
78
|
+
display: 'flex',
|
|
79
|
+
alignItems: 'center',
|
|
80
|
+
width: '100%',
|
|
81
|
+
minWidth: 0,
|
|
82
|
+
minHeight: styles.control.height.md,
|
|
83
|
+
boxSizing: 'border-box',
|
|
84
|
+
position: 'relative',
|
|
85
|
+
isolation: 'isolate',
|
|
86
|
+
paddingInline: `calc(${styles.space.sm} + ${styles.space.xs})`,
|
|
87
|
+
color: styles.colors.text.primary,
|
|
88
|
+
fontFamily: styles.fontFamily.sans,
|
|
89
|
+
fontSize: styles.fontSize.sm,
|
|
90
|
+
fontWeight: styles.fontWeight.normal,
|
|
91
|
+
lineHeight: styles.lineHeight.normal,
|
|
92
|
+
textAlign: 'left',
|
|
93
|
+
userSelect: 'none',
|
|
94
|
+
WebkitUserSelect: 'none',
|
|
95
|
+
'--rmx-menu-item-indicator-opacity': '0',
|
|
96
|
+
'&::before': {
|
|
97
|
+
content: '""',
|
|
98
|
+
position: 'absolute',
|
|
99
|
+
insetBlock: 0,
|
|
100
|
+
insetInline: styles.space.xs,
|
|
101
|
+
borderRadius: styles.radius.md,
|
|
102
|
+
backgroundColor: 'transparent',
|
|
103
|
+
pointerEvents: 'none',
|
|
104
|
+
zIndex: -1,
|
|
105
|
+
},
|
|
106
|
+
'&:focus': {
|
|
107
|
+
outline: 'none',
|
|
108
|
+
},
|
|
109
|
+
'&[data-highlighted="true"]': {
|
|
110
|
+
color: styles.colors.action.primary.foreground,
|
|
111
|
+
},
|
|
112
|
+
'&[data-highlighted="true"]::before': {
|
|
113
|
+
backgroundColor: styles.colors.action.primary.background,
|
|
114
|
+
},
|
|
115
|
+
'&[aria-haspopup="menu"][aria-expanded="true"]:not(:focus)': {
|
|
116
|
+
color: styles.colors.text.primary,
|
|
117
|
+
},
|
|
118
|
+
'&[aria-haspopup="menu"][aria-expanded="true"]:not(:focus)::before': {
|
|
119
|
+
backgroundColor: styles.surface.lvl2,
|
|
120
|
+
},
|
|
121
|
+
'&[data-submenu-state="selecting"], &[data-submenu-state="dismissing"]': {
|
|
122
|
+
color: styles.colors.text.primary,
|
|
123
|
+
},
|
|
124
|
+
'&[data-submenu-state="selecting"]::before, &[data-submenu-state="dismissing"]::before': {
|
|
125
|
+
backgroundColor: styles.surface.lvl2,
|
|
126
|
+
},
|
|
127
|
+
'&[data-menu-flash="true"]': {
|
|
128
|
+
color: styles.colors.text.primary,
|
|
129
|
+
},
|
|
130
|
+
'&[data-menu-flash="true"]::before': {
|
|
131
|
+
backgroundColor: 'transparent',
|
|
132
|
+
},
|
|
133
|
+
'&[aria-disabled="true"]': {
|
|
134
|
+
opacity: 0.5,
|
|
135
|
+
},
|
|
136
|
+
'&[aria-checked="true"], &[aria-selected="true"]': {
|
|
137
|
+
'--rmx-menu-item-indicator-opacity': '1',
|
|
138
|
+
},
|
|
139
|
+
});
|
|
140
|
+
const menuItemSlotCss = css({
|
|
141
|
+
display: 'inline-flex',
|
|
142
|
+
alignItems: 'center',
|
|
143
|
+
justifyContent: 'center',
|
|
144
|
+
flex: '0 0 var(--rmx-menu-item-slot-width)',
|
|
145
|
+
width: 'var(--rmx-menu-item-slot-width)',
|
|
146
|
+
minWidth: 0,
|
|
147
|
+
marginInlineEnd: 'var(--rmx-menu-item-slot-gap)',
|
|
148
|
+
overflow: 'hidden',
|
|
149
|
+
});
|
|
150
|
+
const menuItemLabelCss = css({
|
|
151
|
+
display: 'inline-flex',
|
|
152
|
+
alignItems: 'center',
|
|
153
|
+
flex: '1 1 auto',
|
|
154
|
+
minWidth: 0,
|
|
155
|
+
});
|
|
156
|
+
const menuItemIndicatorCss = css({
|
|
157
|
+
display: 'inline-flex',
|
|
158
|
+
alignItems: 'center',
|
|
159
|
+
justifyContent: 'center',
|
|
160
|
+
width: styles.fontSize.md,
|
|
161
|
+
height: styles.fontSize.md,
|
|
162
|
+
color: 'currentColor',
|
|
163
|
+
flexShrink: 0,
|
|
164
|
+
'& > svg': {
|
|
165
|
+
display: 'block',
|
|
166
|
+
width: '100%',
|
|
167
|
+
height: '100%',
|
|
168
|
+
},
|
|
169
|
+
opacity: 'var(--rmx-menu-item-indicator-opacity)',
|
|
170
|
+
});
|
|
171
|
+
const menuTriggerIndicatorCss = css({
|
|
172
|
+
display: 'inline-flex',
|
|
173
|
+
alignItems: 'center',
|
|
174
|
+
justifyContent: 'center',
|
|
175
|
+
width: styles.fontSize.md,
|
|
176
|
+
height: styles.fontSize.md,
|
|
177
|
+
color: 'currentColor',
|
|
178
|
+
flexShrink: 0,
|
|
179
|
+
marginInlineStart: 'auto',
|
|
180
|
+
'& > svg': {
|
|
181
|
+
display: 'block',
|
|
182
|
+
width: '100%',
|
|
183
|
+
height: '100%',
|
|
184
|
+
},
|
|
185
|
+
});
|
|
186
|
+
export const buttonStyle = menuButtonCss;
|
|
187
|
+
export const popoverStyle = menuPopoverCss;
|
|
188
|
+
export const listStyle = menuListCss;
|
|
189
|
+
export const itemStyle = menuItemCss;
|
|
190
|
+
export const itemSlotStyle = menuItemSlotCss;
|
|
191
|
+
export const itemLabelStyle = menuItemLabelCss;
|
|
192
|
+
export const itemIndicatorStyle = menuItemIndicatorCss;
|
|
193
|
+
export const triggerIndicatorStyle = menuTriggerIndicatorCss;
|
|
194
|
+
export function Menu(handle) {
|
|
195
|
+
let buttonRef;
|
|
196
|
+
return () => {
|
|
197
|
+
let { children, label, menuLabel, mix, type, ...buttonProps } = handle.props;
|
|
198
|
+
return (_jsxs(menu.Context, { label: menuLabel, children: [_jsxs("button", { ...buttonProps, type: type ?? 'button', mix: [
|
|
199
|
+
button(),
|
|
200
|
+
buttonStyle,
|
|
201
|
+
menu.trigger(),
|
|
202
|
+
ref((node, signal) => {
|
|
203
|
+
buttonRef = node;
|
|
204
|
+
signal.addEventListener('abort', () => {
|
|
205
|
+
if (buttonRef === node) {
|
|
206
|
+
buttonRef = undefined;
|
|
207
|
+
}
|
|
208
|
+
});
|
|
209
|
+
}),
|
|
210
|
+
mix,
|
|
211
|
+
], children: [_jsx("span", { mix: menuButtonLabelCss, children: label }), _jsx(ChevronDownIcon, { mix: menuButtonIconCss })] }), _jsx(MenuList, { mix: menu.onMenuSelect((event) => {
|
|
212
|
+
if (!buttonRef) {
|
|
213
|
+
return;
|
|
214
|
+
}
|
|
215
|
+
event.stopPropagation();
|
|
216
|
+
buttonRef.dispatchEvent(new menu.MenuSelectEvent(event.item));
|
|
217
|
+
}), children: children })] }));
|
|
218
|
+
};
|
|
219
|
+
}
|
|
220
|
+
export function MenuList(handle) {
|
|
221
|
+
return () => {
|
|
222
|
+
let { children, mix, ...divProps } = handle.props;
|
|
223
|
+
return (_jsx("div", { mix: [popoverSurfaceStyle, popoverStyle, menu.popover()], children: _jsx("div", { ...divProps, mix: [listStyle, menu.list(), mix], children: children }) }));
|
|
224
|
+
};
|
|
225
|
+
}
|
|
226
|
+
export function MenuItem(handle) {
|
|
227
|
+
return () => {
|
|
228
|
+
let { checked, children, disabled, label, mix, name, searchValue, type, value, ...divProps } = handle.props;
|
|
229
|
+
return (_jsxs("div", { ...divProps, mix: [
|
|
230
|
+
itemStyle,
|
|
231
|
+
menu.item({ checked, disabled, label, name, searchValue, type, value }),
|
|
232
|
+
mix,
|
|
233
|
+
], children: [_jsx("span", { mix: itemSlotStyle, children: _jsx(CheckIcon, { mix: itemIndicatorStyle }) }), _jsx("span", { mix: itemLabelStyle, children: children ?? label })] }));
|
|
234
|
+
};
|
|
235
|
+
}
|
|
236
|
+
export function Submenu(handle) {
|
|
237
|
+
return () => {
|
|
238
|
+
let { children, disabled, label, listProps, menuLabel, mix, searchValue, value, ...divProps } = handle.props;
|
|
239
|
+
return (_jsxs(menu.Context, { label: menuLabel, children: [_jsxs("div", { ...divProps, mix: [
|
|
240
|
+
itemStyle,
|
|
241
|
+
menu.submenuTrigger({
|
|
242
|
+
disabled,
|
|
243
|
+
searchValue,
|
|
244
|
+
value,
|
|
245
|
+
}),
|
|
246
|
+
mix,
|
|
247
|
+
], children: [_jsx("span", { mix: itemSlotStyle, children: _jsx(CheckIcon, { mix: itemIndicatorStyle }) }), _jsx("span", { mix: itemLabelStyle, children: label }), _jsx(ChevronRightIcon, { mix: triggerIndicatorStyle })] }), _jsx(MenuList, { ...listProps, children: children })] }));
|
|
248
|
+
};
|
|
249
|
+
}
|
|
250
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/menu/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAGvD,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,KAAK,IAAI,MAAM,+BAA+B,CAAA;AAErD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,oBAAqB,CAAA;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAE1E,MAAM,aAAa,GAAuB,GAAG,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,qBAAqB;IAC1C,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;IAC9B,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE;IACjC,SAAS,EAAE,MAAM;IACjB,+FAA+F,EAAE;QAC/F,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI;QACpC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;KAClC;CACF,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAuB,GAAG,CAAC;IACjD,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAuB,GAAG,CAAC;IAChD,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;IACzB,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;IAC1B,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC;IACb,SAAS,EAAE;QACT,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA;AAEF,MAAM,cAAc,GAAuB,GAAG,CAAC;IAC7C,6DAA6D,EAAE;QAC7D,UAAU,EAAE,QAAQ,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ;KAC5C;IACD,4DAA4D,EAAE;QAC5D,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE;KAC5B;IACD,mDAAmD,EAAE;QACnD,UAAU,EAAE,MAAM;QAClB,kBAAkB,EAAE,QAAQ;KAC7B;CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAuB,GAAG,CAAC;IAC1C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE;IAC7B,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;IAChC,QAAQ,EAAE,MAAM;IAChB,kBAAkB,EAAE,SAAS;IAC7B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM;IAClB,gBAAgB,EAAE,MAAM;IACxB,qBAAqB,EAAE,QAAQ,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,MAAM,CAAC,KAAK,CAAC,EAAE,GAAG;IACtE,6BAA6B,EAAE,+BAA+B;IAC9D,+BAA+B,EAAE,iCAAiC;IAClE,0BAA0B,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;IAC7C,4BAA4B,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;IAC/C,oCAAoC,EAAE;QACpC,0BAA0B,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE;QAC3C,4BAA4B,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;KACjD;IACD,iCAAiC,EAAE;QACjC,0BAA0B,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE;QAC3C,4BAA4B,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;KACjD;CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAuB,GAAG,CAAC;IAC1C,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;IACnC,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,SAAS;IACpB,aAAa,EAAE,QAAQ,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,MAAM,CAAC,KAAK,CAAC,EAAE,GAAG;IAC9D,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;IACjC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;IAClC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;IAC5B,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM;IACpC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM;IACpC,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,MAAM;IAClB,gBAAgB,EAAE,MAAM;IACxB,mCAAmC,EAAE,GAAG;IACxC,WAAW,EAAE;QACX,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE;QAC5B,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;QAC9B,eAAe,EAAE,aAAa;QAC9B,aAAa,EAAE,MAAM;QACrB,MAAM,EAAE,CAAC,CAAC;KACX;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;KAChB;IACD,4BAA4B,EAAE;QAC5B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU;KAC/C;IACD,oCAAoC,EAAE;QACpC,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU;KACzD;IACD,2DAA2D,EAAE;QAC3D,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,mEAAmE,EAAE;QACnE,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI;KACrC;IACD,uEAAuE,EAAE;QACvE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,uFAAuF,EAAE;QACvF,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI;KACrC;IACD,2BAA2B,EAAE;QAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,mCAAmC,EAAE;QACnC,eAAe,EAAE,aAAa;KAC/B;IACD,yBAAyB,EAAE;QACzB,OAAO,EAAE,GAAG;KACb;IACD,iDAAiD,EAAE;QACjD,mCAAmC,EAAE,GAAG;KACzC;CACF,CAAC,CAAA;AAEF,MAAM,eAAe,GAAuB,GAAG,CAAC;IAC9C,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,IAAI,EAAE,qCAAqC;IAC3C,KAAK,EAAE,iCAAiC;IACxC,QAAQ,EAAE,CAAC;IACX,eAAe,EAAE,+BAA+B;IAChD,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAuB,GAAG,CAAC;IAC/C,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAA;AAEF,MAAM,oBAAoB,GAAuB,GAAG,CAAC;IACnD,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;IACzB,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;IAC1B,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC;IACb,SAAS,EAAE;QACT,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACD,OAAO,EAAE,wCAAwC;CAClD,CAAC,CAAA;AAEF,MAAM,uBAAuB,GAAuB,GAAG,CAAC;IACtD,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;IACzB,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;IAC1B,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC;IACb,iBAAiB,EAAE,MAAM;IACzB,SAAS,EAAE;QACT,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAA;AACxC,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAA;AAC1C,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAA;AACpC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAA;AACpC,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAA;AAC5C,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAA;AAC9C,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAA;AACtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAA;AAoC5D,MAAM,UAAU,IAAI,CAAC,MAAyB;IAC5C,IAAI,SAAwC,CAAA;IAE5C,OAAO,GAAG,EAAE;QACV,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAA;QAE5E,OAAO,CACL,MAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,SAAS,aAC5B,qBACM,WAAW,EACf,IAAI,EAAE,IAAI,IAAI,QAAQ,EACtB,GAAG,EAAE;wBACH,MAAM,EAAE;wBACR,WAAW;wBACX,IAAI,CAAC,OAAO,EAAE;wBACd,GAAG,CAAC,CAAC,IAAuB,EAAE,MAAM,EAAE,EAAE;4BACtC,SAAS,GAAG,IAAI,CAAA;4BAChB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gCACpC,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;oCACvB,SAAS,GAAG,SAAS,CAAA;gCACvB,CAAC;4BACH,CAAC,CAAC,CAAA;wBACJ,CAAC,CAAC;wBACF,GAAG;qBACJ,aAED,eAAM,GAAG,EAAE,kBAAkB,YAAG,KAAK,GAAQ,EAC7C,KAAC,eAAe,IAAC,GAAG,EAAE,iBAAiB,GAAI,IACpC,EACT,KAAC,QAAQ,IACP,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE;wBAC/B,IAAI,CAAC,SAAS,EAAE,CAAC;4BACf,OAAM;wBACR,CAAC;wBAED,KAAK,CAAC,eAAe,EAAE,CAAA;wBACvB,SAAS,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;oBAC/D,CAAC,CAAC,YAED,QAAQ,GACA,IACE,CAChB,CAAA;IACH,CAAC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,MAA6B;IACpD,OAAO,GAAG,EAAE;QACV,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,MAAM,CAAC,KAAK,CAAA;QAEjD,OAAO,CACL,cAAK,GAAG,EAAE,CAAC,mBAAmB,EAAE,YAAY,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,YAC3D,iBAAS,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,YAClD,QAAQ,GACL,GACF,CACP,CAAA;IACH,CAAC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,MAA6B;IACpD,OAAO,GAAG,EAAE;QACV,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,GAC1F,MAAM,CAAC,KAAK,CAAA;QAEd,OAAO,CACL,kBACM,QAAQ,EACZ,GAAG,EAAE;gBACH,SAAS;gBACT,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;gBACvE,GAAG;aACJ,aAED,eAAM,GAAG,EAAE,aAAa,YACtB,KAAC,SAAS,IAAC,GAAG,EAAE,kBAAkB,GAAI,GACjC,EACP,eAAM,GAAG,EAAE,cAAc,YAAG,QAAQ,IAAI,KAAK,GAAQ,IACjD,CACP,CAAA;IACH,CAAC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,MAA4B;IAClD,OAAO,GAAG,EAAE;QACV,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,GAC3F,MAAM,CAAC,KAAK,CAAA;QAEd,OAAO,CACL,MAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,SAAS,aAC5B,kBACM,QAAQ,EACZ,GAAG,EAAE;wBACH,SAAS;wBACT,IAAI,CAAC,cAAc,CAAC;4BAClB,QAAQ;4BACR,WAAW;4BACX,KAAK;yBACN,CAAC;wBACF,GAAG;qBACJ,aAED,eAAM,GAAG,EAAE,aAAa,YACtB,KAAC,SAAS,IAAC,GAAG,EAAE,kBAAkB,GAAI,GACjC,EACP,eAAM,GAAG,EAAE,cAAc,YAAG,KAAK,GAAQ,EACzC,KAAC,gBAAgB,IAAC,GAAG,EAAE,qBAAqB,GAAI,IAC5C,EACN,KAAC,QAAQ,OAAK,SAAS,YAAG,QAAQ,GAAY,IACjC,CAChB,CAAA;IACH,CAAC,CAAA;AACH,CAAC"}
|
|
@@ -1,16 +1,8 @@
|
|
|
1
|
-
import { on, type
|
|
2
|
-
import { type AnchorOptions } from '../anchor/
|
|
3
|
-
import { type SearchValue } from '
|
|
1
|
+
import { on, type Dispatched, type ElementProps, type Handle, type MixinFactory, type RemixNode } from '@remix-run/ui';
|
|
2
|
+
import { type AnchorOptions } from '../anchor/index.ts';
|
|
3
|
+
import { type SearchValue } from '../shared/typeahead.ts';
|
|
4
4
|
declare const MENU_SELECT_EVENT: "rmx:menu-select";
|
|
5
5
|
type MenuSelectHandler<target extends HTMLElement> = (event: Dispatched<MenuSelectEvent, target>, signal: AbortSignal) => void | Promise<void>;
|
|
6
|
-
export declare const buttonStyle: CSSMixinDescriptor;
|
|
7
|
-
export declare const popoverStyle: CSSMixinDescriptor;
|
|
8
|
-
export declare const listStyle: CSSMixinDescriptor;
|
|
9
|
-
export declare const itemStyle: CSSMixinDescriptor;
|
|
10
|
-
export declare const itemSlotStyle: CSSMixinDescriptor;
|
|
11
|
-
export declare const itemLabelStyle: CSSMixinDescriptor;
|
|
12
|
-
export declare const itemGlyphStyle: CSSMixinDescriptor;
|
|
13
|
-
export declare const triggerGlyphStyle: CSSMixinDescriptor;
|
|
14
6
|
declare global {
|
|
15
7
|
interface HTMLElementEventMap {
|
|
16
8
|
[MENU_SELECT_EVENT]: MenuSelectEvent;
|
|
@@ -127,9 +119,6 @@ interface MenuContextValue {
|
|
|
127
119
|
}
|
|
128
120
|
declare function MenuProvider(handle: Handle<MenuProviderProps, MenuContextValue>): () => RemixNode;
|
|
129
121
|
declare const popoverMixin: MixinFactory<HTMLElement, [], ElementProps>;
|
|
130
|
-
export interface MenuListProps extends Props<'div'> {
|
|
131
|
-
}
|
|
132
|
-
type MenuListChildProps = Omit<JSX.LibraryManagedAttributes<typeof MenuList, MenuListProps>, 'children'>;
|
|
133
122
|
export declare const Context: typeof MenuProvider;
|
|
134
123
|
export declare const contextTrigger: MixinFactory<HTMLElement, [options?: MenuContextTriggerOptions | undefined], ElementProps>;
|
|
135
124
|
export declare const item: MixinFactory<HTMLElement, [options: MenuItemOptions], ElementProps>;
|
|
@@ -138,21 +127,3 @@ export { popoverMixin as popover };
|
|
|
138
127
|
export declare const submenuTrigger: MixinFactory<HTMLElement, [options: SubmenuTriggerOptions], ElementProps>;
|
|
139
128
|
export declare const trigger: MixinFactory<HTMLElement, [options?: MenuTriggerOptions | undefined], ElementProps>;
|
|
140
129
|
export declare function onMenuSelect<target extends HTMLElement>(handler: MenuSelectHandler<target>, captureBoolean?: boolean): ReturnType<typeof on<target, typeof MENU_SELECT_EVENT>>;
|
|
141
|
-
export interface MenuProps extends Omit<Props<'button'>, 'children'> {
|
|
142
|
-
children?: RemixNode;
|
|
143
|
-
label: RemixNode;
|
|
144
|
-
menuLabel?: string;
|
|
145
|
-
}
|
|
146
|
-
export interface MenuItemProps extends Omit<Props<'div'>, 'children' | 'name' | 'type' | 'value'>, MenuItemOptions {
|
|
147
|
-
children?: RemixNode;
|
|
148
|
-
}
|
|
149
|
-
export interface SubmenuProps extends Omit<Props<'div'>, 'children' | 'name' | 'type' | 'value'>, Omit<SubmenuTriggerOptions, 'label'> {
|
|
150
|
-
children?: RemixNode;
|
|
151
|
-
label: RemixNode;
|
|
152
|
-
listProps?: MenuListChildProps;
|
|
153
|
-
menuLabel?: string;
|
|
154
|
-
}
|
|
155
|
-
export declare function Menu(handle: Handle<MenuProps>): () => RemixNode;
|
|
156
|
-
export declare function MenuList(handle: Handle<MenuListProps>): () => RemixNode;
|
|
157
|
-
export declare function MenuItem(handle: Handle<MenuItemProps>): () => RemixNode;
|
|
158
|
-
export declare function Submenu(handle: Handle<SubmenuProps>): () => RemixNode;
|