@remix-run/ui 0.3.0 → 0.5.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 +116 -157
- 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/animate-layout-mixin.js +1 -1
- package/dist/animation/animate-layout-mixin.js.map +1 -1
- package/dist/animation/animate-mixins.js +2 -2
- package/dist/animation/animate-mixins.js.map +1 -1
- package/dist/animation/demos/color-interpolation.js +1 -1
- package/dist/animation/demos/color-interpolation.js.map +1 -1
- package/dist/animation/demos/drag-release.d.ts +1 -1
- package/dist/animation/demos/hold-to-confirm.d.ts +3 -3
- package/dist/animation/demos/material-ripple.js +1 -3
- package/dist/animation/demos/material-ripple.js.map +1 -1
- package/dist/animation/demos/reordering.js +9 -6
- package/dist/animation/demos/reordering.js.map +1 -1
- package/dist/animation/index.js +4 -4
- package/dist/animation/spring.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 +127 -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} +4 -8
- package/dist/{components/combobox/combobox.js → combobox/primitives.js} +8 -61
- package/dist/combobox/primitives.js.map +1 -0
- package/dist/dev/refresh.d.ts +1 -0
- package/dist/dev/refresh.js +2 -0
- package/dist/dev/refresh.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +14 -14
- 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/jsx-runtime.js +2 -2
- 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} +4 -33
- package/dist/{components/menu/menu.js → menu/primitives.js} +98 -315
- 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/client-entry-boundary.d.ts +14 -0
- package/dist/runtime/client-entry-boundary.js +29 -0
- package/dist/runtime/client-entry-boundary.js.map +1 -0
- package/dist/runtime/component.d.ts +19 -4
- package/dist/runtime/component.js +39 -9
- package/dist/runtime/component.js.map +1 -1
- package/dist/runtime/core/attributes.js +36 -3
- package/dist/runtime/core/attributes.js.map +1 -1
- package/dist/runtime/core/children.d.ts +2 -0
- package/dist/runtime/core/children.js +26 -2
- package/dist/runtime/core/children.js.map +1 -1
- package/dist/runtime/core/props.js +2 -2
- package/dist/runtime/core/vnode.d.ts +3 -3
- package/dist/runtime/core/vnode.js +22 -1
- package/dist/runtime/core/vnode.js.map +1 -1
- package/dist/runtime/create-element.d.ts +2 -2
- package/dist/runtime/create-element.js +3 -2
- package/dist/runtime/create-element.js.map +1 -1
- package/dist/runtime/diff-dom.js +294 -219
- package/dist/runtime/diff-dom.js.map +1 -1
- package/dist/runtime/diff-props.js +3 -3
- package/dist/runtime/dom.d.ts +12 -0
- package/dist/runtime/element-function.d.ts +3 -0
- package/dist/runtime/element-function.js +2 -0
- package/dist/runtime/element-function.js.map +1 -0
- package/dist/runtime/form-navigation.d.ts +25 -0
- package/dist/runtime/form-navigation.js +132 -0
- package/dist/runtime/form-navigation.js.map +1 -0
- package/dist/runtime/frame-resolution.d.ts +5 -0
- package/dist/runtime/frame-resolution.js +10 -0
- package/dist/runtime/frame-resolution.js.map +1 -0
- package/dist/runtime/frame.d.ts +58 -15
- package/dist/runtime/frame.js +367 -114
- package/dist/runtime/frame.js.map +1 -1
- package/dist/runtime/jsx.d.ts +1 -1
- package/dist/runtime/jsx.js +1 -1
- package/dist/runtime/jsx.js.map +1 -1
- package/dist/runtime/key.d.ts +1 -0
- package/dist/runtime/key.js +2 -0
- package/dist/runtime/key.js.map +1 -0
- package/dist/runtime/mixins/attrs-mixin.js +2 -2
- package/dist/runtime/mixins/link-mixin.js +4 -3
- package/dist/runtime/mixins/link-mixin.js.map +1 -1
- package/dist/runtime/mixins/mixin.d.ts +15 -10
- package/dist/runtime/mixins/mixin.js +4 -4
- package/dist/runtime/mixins/mixin.js.map +1 -1
- package/dist/runtime/mixins/on-mixin.js +1 -1
- package/dist/runtime/mixins/ref-mixin.js +1 -1
- package/dist/runtime/navigation.d.ts +4 -1
- package/dist/runtime/navigation.js +157 -32
- package/dist/runtime/navigation.js.map +1 -1
- package/dist/runtime/reconcile.d.ts +11 -10
- package/dist/runtime/reconcile.js +557 -423
- package/dist/runtime/reconcile.js.map +1 -1
- package/dist/runtime/refresh.d.ts +28 -0
- package/dist/runtime/refresh.js +31 -0
- package/dist/runtime/refresh.js.map +1 -0
- package/dist/runtime/render.js +1 -1
- package/dist/runtime/render.js.map +1 -1
- package/dist/runtime/run.d.ts +3 -1
- package/dist/runtime/run.js +15 -7
- package/dist/runtime/run.js.map +1 -1
- package/dist/runtime/scheduler.js +8 -16
- package/dist/runtime/scheduler.js.map +1 -1
- package/dist/runtime/to-vnode.d.ts +2 -2
- package/dist/runtime/to-vnode.js +68 -20
- package/dist/runtime/to-vnode.js.map +1 -1
- package/dist/runtime/vdom.d.ts +4 -2
- package/dist/runtime/vdom.js +89 -41
- package/dist/runtime/vdom.js.map +1 -1
- package/dist/runtime/vnode.d.ts +138 -67
- package/dist/runtime/vnode.js +17 -12
- package/dist/runtime/vnode.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} +5 -7
- package/dist/{components/select/select.js → select/primitives.js} +11 -63
- package/dist/select/primitives.js.map +1 -0
- package/dist/server/stream.js +22 -29
- 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/shared/style-values.js +88 -0
- 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/style/css-mixin.js +3 -3
- package/dist/style/index.js +2 -2
- package/dist/style/style.js +25 -6
- package/dist/style/style.js.map +1 -1
- package/dist/style/stylesheet.d.ts +0 -1
- package/dist/style/stylesheet.js +13 -54
- package/dist/style/stylesheet.js.map +1 -1
- 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/test.js +1 -1
- 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 +81 -49
- 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/animate-mixins.ts +3 -3
- package/src/animation/demos/color-interpolation.tsx +1 -1
- 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 +164 -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/dev/refresh.ts +1 -0
- package/src/index.ts +1 -1
- 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 +101 -0
- package/src/runtime/client-entry-boundary.ts +54 -0
- package/src/runtime/component.ts +65 -16
- package/src/runtime/core/attributes.ts +35 -1
- package/src/runtime/core/children.ts +24 -2
- package/src/runtime/core/vnode.ts +25 -4
- package/src/runtime/create-element.ts +6 -5
- package/src/runtime/demos/readme.demo.tsx +20 -18
- package/src/runtime/diff-dom.ts +358 -243
- package/src/runtime/dom.ts +331 -214
- package/src/runtime/element-function.ts +1 -0
- package/src/runtime/event-listeners.ts +1 -1
- package/src/runtime/form-navigation.ts +184 -0
- package/src/runtime/frame-resolution.ts +13 -0
- package/src/runtime/frame.ts +482 -124
- package/src/runtime/jsx.ts +3 -5
- package/src/runtime/key.ts +1 -0
- package/src/runtime/mixins/link-mixin.ts +1 -0
- package/src/runtime/mixins/mixin.ts +21 -18
- package/src/runtime/navigation.ts +204 -30
- package/src/runtime/reconcile.ts +769 -760
- package/src/runtime/refresh.ts +46 -0
- package/src/runtime/run.ts +12 -2
- package/src/runtime/scheduler.ts +9 -29
- package/src/runtime/to-vnode.ts +85 -23
- package/src/runtime/vdom.ts +91 -69
- package/src/runtime/vnode.ts +192 -88
- 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 +25 -31
- 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/style/style.ts +25 -6
- package/src/style/stylesheet.ts +32 -57
- package/src/tabs/README.md +141 -0
- package/src/tabs/index.tsx +245 -0
- package/src/tabs/primitives.ts +365 -0
- package/src/test/README.md +151 -60
- package/src/toggle/README.md +56 -0
- package/src/toggle/index.tsx +136 -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 +0 -119
- 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
package/dist/style/style.js
CHANGED
|
@@ -1,6 +1,20 @@
|
|
|
1
1
|
// Convert camelCase CSS properties to kebab-case
|
|
2
|
+
// Property names repeat constantly across renders; cache conversions instead
|
|
3
|
+
// of running a regex each time.
|
|
4
|
+
const CAMEL_TO_KEBAB_CACHE_LIMIT = 256;
|
|
5
|
+
const camelToKebabCache = new Map();
|
|
2
6
|
function camelToKebab(str) {
|
|
3
|
-
|
|
7
|
+
let cached = camelToKebabCache.get(str);
|
|
8
|
+
if (cached === undefined) {
|
|
9
|
+
cached = str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
|
|
10
|
+
if (camelToKebabCache.size >= CAMEL_TO_KEBAB_CACHE_LIMIT) {
|
|
11
|
+
let oldest = camelToKebabCache.keys().next();
|
|
12
|
+
if (!oldest.done)
|
|
13
|
+
camelToKebabCache.delete(oldest.value);
|
|
14
|
+
}
|
|
15
|
+
camelToKebabCache.set(str, cached);
|
|
16
|
+
}
|
|
17
|
+
return cached;
|
|
4
18
|
}
|
|
5
19
|
// Properties that should remain unitless (numeric values without px)
|
|
6
20
|
const NUMERIC_CSS_PROPS = new Set([
|
|
@@ -54,18 +68,23 @@ function isKeyframesAtRule(key) {
|
|
|
54
68
|
lower.startsWith('@-moz-keyframes') ||
|
|
55
69
|
lower.startsWith('@-o-keyframes'));
|
|
56
70
|
}
|
|
57
|
-
// Generate a hash for style objects to create unique class names
|
|
71
|
+
// Generate a hash for style objects to create unique class names.
|
|
72
|
+
// Class names are content-addressed — a collision silently applies the wrong
|
|
73
|
+
// styles — so use two independent 32-bit FNV-1a passes (~64 bits of hash
|
|
74
|
+
// space) rather than a single 32-bit hash. Must be deterministic across
|
|
75
|
+
// server and client.
|
|
58
76
|
function hashStyle(obj) {
|
|
59
77
|
// Sort keys to ensure consistent hashing, but include values in the string
|
|
60
78
|
let sortedEntries = Object.entries(obj).sort(([a], [b]) => a.localeCompare(b));
|
|
61
79
|
let str = JSON.stringify(sortedEntries);
|
|
62
|
-
let
|
|
80
|
+
let h1 = 0x811c9dc5;
|
|
81
|
+
let h2 = 0xcbf29ce4;
|
|
63
82
|
for (let i = 0; i < str.length; i++) {
|
|
64
83
|
let char = str.charCodeAt(i);
|
|
65
|
-
|
|
66
|
-
|
|
84
|
+
h1 = Math.imul(h1 ^ char, 0x01000193) >>> 0;
|
|
85
|
+
h2 = Math.imul(h2 ^ char, 0x01000193) >>> 0;
|
|
67
86
|
}
|
|
68
|
-
return
|
|
87
|
+
return h1.toString(36) + h2.toString(36);
|
|
69
88
|
}
|
|
70
89
|
// Convert style object to CSS text
|
|
71
90
|
function styleToCss(styles, selector = '') {
|
package/dist/style/style.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/style/style.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/style/style.ts"],"names":[],"mappings":"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"}
|
package/dist/style/stylesheet.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { REMIX_UI_STYLE_LAYER } from
|
|
1
|
+
import { REMIX_UI_STYLE_LAYER } from './layers.js';
|
|
2
2
|
const SERVER_STYLE_SELECTOR = 'style[data-rmx]';
|
|
3
3
|
function getStyleLayerName(className, layer = REMIX_UI_STYLE_LAYER) {
|
|
4
4
|
return `${layer}.${className}`;
|
|
@@ -56,15 +56,7 @@ function getStyleSelector(styleEl) {
|
|
|
56
56
|
export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
57
57
|
let stylesheet = null;
|
|
58
58
|
let generation = 0;
|
|
59
|
-
// Track usage count and rule index per className
|
|
60
|
-
// Using an object to track both count and index together
|
|
61
59
|
let ruleMap = new Map();
|
|
62
|
-
// Selectors currently held by a server-style adoption ref. We track this
|
|
63
|
-
// separately from `ruleMap` so `replaceServerStyles` can release only the
|
|
64
|
-
// adoption refs of selectors absent from the next page, without disturbing
|
|
65
|
-
// selectors that exist solely because a client-side css mixin inserted them
|
|
66
|
-
// (e.g. transient UI state that the server never rendered).
|
|
67
|
-
let adoptedSelectors = new Set();
|
|
68
60
|
function getStylesheet() {
|
|
69
61
|
if (!stylesheet) {
|
|
70
62
|
stylesheet = new CSSStyleSheet();
|
|
@@ -89,15 +81,11 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
89
81
|
let selector = getStyleSelector(styleEl);
|
|
90
82
|
if (!selector)
|
|
91
83
|
return undefined;
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
//
|
|
95
|
-
//
|
|
96
|
-
|
|
97
|
-
let entry = ruleMap.get(selector);
|
|
98
|
-
entry.count++;
|
|
99
|
-
adoptedSelectors.add(selector);
|
|
100
|
-
}
|
|
84
|
+
let entry = ruleMap.get(selector);
|
|
85
|
+
if (entry) {
|
|
86
|
+
// The rule already exists — either a previous adoption or a client-side
|
|
87
|
+
// css mixin inserted it first. Pin it so it outlives any mixin refs.
|
|
88
|
+
entry.pinned = true;
|
|
101
89
|
styleEl.remove();
|
|
102
90
|
return selector;
|
|
103
91
|
}
|
|
@@ -110,8 +98,7 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
110
98
|
let sheet = getStylesheet();
|
|
111
99
|
let index = sheet.cssRules.length;
|
|
112
100
|
sheet.insertRule(cssText, index);
|
|
113
|
-
ruleMap.set(selector, { count:
|
|
114
|
-
adoptedSelectors.add(selector);
|
|
101
|
+
ruleMap.set(selector, { count: 0, index, pinned: true });
|
|
115
102
|
styleEl.remove();
|
|
116
103
|
return selector;
|
|
117
104
|
}
|
|
@@ -122,7 +109,7 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
122
109
|
}
|
|
123
110
|
function has(className) {
|
|
124
111
|
let entry = ruleMap.get(className);
|
|
125
|
-
return entry !== undefined && entry.count > 0;
|
|
112
|
+
return entry !== undefined && (entry.pinned || entry.count > 0);
|
|
126
113
|
}
|
|
127
114
|
function getGeneration() {
|
|
128
115
|
return generation;
|
|
@@ -130,8 +117,9 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
130
117
|
function insert(className, rule) {
|
|
131
118
|
let entry = ruleMap.get(className);
|
|
132
119
|
if (entry) {
|
|
133
|
-
//
|
|
134
|
-
entry.
|
|
120
|
+
// Pinned rules are permanent; there is nothing to count.
|
|
121
|
+
if (!entry.pinned)
|
|
122
|
+
entry.count++;
|
|
135
123
|
return;
|
|
136
124
|
}
|
|
137
125
|
// New rule - insert and track
|
|
@@ -140,11 +128,11 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
140
128
|
// This may throw for invalid CSS. If it does, we intentionally let it
|
|
141
129
|
// bubble so the rule is not tracked unless insertion actually succeeds.
|
|
142
130
|
sheet.insertRule(`@layer ${getStyleLayerName(className, layer)} { ${rule} }`, index);
|
|
143
|
-
ruleMap.set(className, { count: 1, index });
|
|
131
|
+
ruleMap.set(className, { count: 1, index, pinned: false });
|
|
144
132
|
}
|
|
145
133
|
function remove(className) {
|
|
146
134
|
let entry = ruleMap.get(className);
|
|
147
|
-
if (!entry)
|
|
135
|
+
if (!entry || entry.pinned)
|
|
148
136
|
return;
|
|
149
137
|
// Decrement count
|
|
150
138
|
entry.count--;
|
|
@@ -156,8 +144,6 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
156
144
|
let indexToDelete = entry.index;
|
|
157
145
|
// Remove from tracking
|
|
158
146
|
ruleMap.delete(className);
|
|
159
|
-
adoptedSelectors.delete(className);
|
|
160
|
-
// TODO: just search and remove, stop re-indexing
|
|
161
147
|
if (!stylesheet)
|
|
162
148
|
return;
|
|
163
149
|
stylesheet.deleteRule(indexToDelete);
|
|
@@ -172,7 +158,6 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
172
158
|
function reset() {
|
|
173
159
|
clearStylesheet();
|
|
174
160
|
ruleMap.clear();
|
|
175
|
-
adoptedSelectors.clear();
|
|
176
161
|
removeStylesheet();
|
|
177
162
|
generation++;
|
|
178
163
|
}
|
|
@@ -186,30 +171,6 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
186
171
|
}
|
|
187
172
|
return adopted;
|
|
188
173
|
}
|
|
189
|
-
// Snapshot the currently-adopted server selectors, adopt the incoming
|
|
190
|
-
// server styles additively, then release the adoption ref of any prior-only
|
|
191
|
-
// selectors.
|
|
192
|
-
//
|
|
193
|
-
// Refcount-aware semantics keep preserved DOM styled: a prior-only selector
|
|
194
|
-
// with no live css-mixin ref drops immediately, but one still referenced by
|
|
195
|
-
// an active mixin (e.g. inside a hydration region that the DOM diff skipped)
|
|
196
|
-
// stays in the stylesheet and is only fully removed when that mixin's
|
|
197
|
-
// `remove` event eventually fires. This avoids the FOUC that a hard
|
|
198
|
-
// `reset()` would cause between the style swap and the hydration re-render.
|
|
199
|
-
//
|
|
200
|
-
// Only adoption refs are considered — selectors that exist solely because a
|
|
201
|
-
// client-side css mixin inserted them (e.g. transient UI state never
|
|
202
|
-
// rendered by the server) are unaffected.
|
|
203
|
-
function replaceServerStyles(source) {
|
|
204
|
-
let prior = new Set(adoptedSelectors);
|
|
205
|
-
let adopted = adoptServerStyles(source);
|
|
206
|
-
for (let selector of prior) {
|
|
207
|
-
if (!adopted.has(selector)) {
|
|
208
|
-
adoptedSelectors.delete(selector);
|
|
209
|
-
remove(selector);
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
174
|
function selectors() {
|
|
214
175
|
return ruleMap.keys();
|
|
215
176
|
}
|
|
@@ -217,7 +178,6 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
217
178
|
removeStylesheet();
|
|
218
179
|
// Clear internal state
|
|
219
180
|
ruleMap.clear();
|
|
220
|
-
adoptedSelectors.clear();
|
|
221
181
|
generation++;
|
|
222
182
|
}
|
|
223
183
|
return {
|
|
@@ -227,7 +187,6 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
227
187
|
getGeneration,
|
|
228
188
|
reset,
|
|
229
189
|
adoptServerStyles,
|
|
230
|
-
replaceServerStyles,
|
|
231
190
|
selectors,
|
|
232
191
|
dispose,
|
|
233
192
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stylesheet.js","sourceRoot":"","sources":["../../src/style/stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"stylesheet.js","sourceRoot":"","sources":["../../src/style/stylesheet.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { type CSSMixinDescriptor, type Handle, type Props, type RemixNode } from '@remix-run/ui';
|
|
2
|
+
export { TabsChangeEvent, onTabsChange } from '@remix-run/ui/tabs/primitives';
|
|
3
|
+
export type TabsSize = 'md' | 'lg';
|
|
4
|
+
export interface TabsProps extends Omit<Props<'div'>, 'children'> {
|
|
5
|
+
activeTab?: string;
|
|
6
|
+
children?: RemixNode;
|
|
7
|
+
defaultActiveTab?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
onActiveTabChange?: (activeTab: string) => void;
|
|
10
|
+
size?: TabsSize;
|
|
11
|
+
}
|
|
12
|
+
export interface TabListProps extends Omit<Props<'div'>, 'children'> {
|
|
13
|
+
children?: RemixNode;
|
|
14
|
+
}
|
|
15
|
+
export interface TabProps extends Omit<Props<'button'>, 'children' | 'type'> {
|
|
16
|
+
children?: RemixNode;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
name: string;
|
|
19
|
+
type?: 'button' | 'submit' | 'reset';
|
|
20
|
+
}
|
|
21
|
+
export interface TabPanelProps extends Omit<Props<'div'>, 'children'> {
|
|
22
|
+
children?: RemixNode;
|
|
23
|
+
name: string;
|
|
24
|
+
}
|
|
25
|
+
export declare const rootStyle: CSSMixinDescriptor;
|
|
26
|
+
export declare const listStyle: CSSMixinDescriptor;
|
|
27
|
+
export declare const tabStyle: CSSMixinDescriptor;
|
|
28
|
+
export declare const panelStyle: CSSMixinDescriptor;
|
|
29
|
+
export declare function Tabs(handle: Handle<TabsProps>): () => RemixNode;
|
|
30
|
+
export declare function TabList(handle: Handle<TabListProps>): () => RemixNode;
|
|
31
|
+
export declare function Tab(handle: Handle<TabProps>): () => RemixNode;
|
|
32
|
+
export declare function TabPanel(handle: Handle<TabPanelProps>): () => RemixNode;
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@remix-run/ui/jsx-runtime";
|
|
2
|
+
import { css, } from '@remix-run/ui';
|
|
3
|
+
import * as tabs from '@remix-run/ui/tabs/primitives';
|
|
4
|
+
export { TabsChangeEvent, onTabsChange } from '@remix-run/ui/tabs/primitives';
|
|
5
|
+
const tabSliderBackground = 'linear-gradient(180deg, rgba(0, 0, 0, 0) 33%, light-dark(rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.08)) 100%), light-dark(#FFFFFF, #1a1a1a)';
|
|
6
|
+
const tabSliderShadow = '0 0 0 0.5px light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.12)), 0 1px 1px -0.5px rgba(0, 0, 0, 0.12), 0 2px 2px -1px rgba(0, 0, 0, 0.12), 0 4px 4px -2px rgba(0, 0, 0, 0.12), inset 0 0 2px 1px light-dark(#FFFFFF, rgba(255, 255, 255, 0.08))';
|
|
7
|
+
const tabsRootCss = css({
|
|
8
|
+
'--rmx-tabs-height': '32px',
|
|
9
|
+
'--rmx-tabs-track-padding': '2px',
|
|
10
|
+
'--rmx-tabs-tab-padding-inline': '12px',
|
|
11
|
+
'--rmx-tabs-tab-shadow': '0 0 0 0 rgba(0, 0, 0, 0)',
|
|
12
|
+
'--rmx-tabs-tab-font-size': '12px',
|
|
13
|
+
'--rmx-tabs-tab-line-height': '17px',
|
|
14
|
+
'--rmx-tabs-gap': '12px',
|
|
15
|
+
boxSizing: 'border-box',
|
|
16
|
+
display: 'grid',
|
|
17
|
+
gap: 'var(--rmx-tabs-gap)',
|
|
18
|
+
minWidth: 0,
|
|
19
|
+
});
|
|
20
|
+
const tabsListCss = css({
|
|
21
|
+
boxSizing: 'border-box',
|
|
22
|
+
display: 'inline-flex',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
gap: '2px',
|
|
25
|
+
width: 'max-content',
|
|
26
|
+
maxWidth: '100%',
|
|
27
|
+
minHeight: 'var(--rmx-tabs-height)',
|
|
28
|
+
padding: 'var(--rmx-tabs-track-padding)',
|
|
29
|
+
border: 0,
|
|
30
|
+
borderRadius: '9999px',
|
|
31
|
+
background: 'linear-gradient(180deg, light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.08)) 0%, rgba(0, 0, 0, 0) 100%), light-dark(#EBEBEB, #2c2c2c)',
|
|
32
|
+
boxShadow: 'inset 0 0 4px 1px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(0, 0, 0, 0.02), inset 0 2px 2px rgba(0, 0, 0, 0.02)',
|
|
33
|
+
overflowX: 'auto',
|
|
34
|
+
scrollbarWidth: 'none',
|
|
35
|
+
'&::-webkit-scrollbar': {
|
|
36
|
+
display: 'none',
|
|
37
|
+
},
|
|
38
|
+
'&[aria-disabled="true"]': {
|
|
39
|
+
opacity: 0.55,
|
|
40
|
+
},
|
|
41
|
+
});
|
|
42
|
+
const tabsTabCss = css({
|
|
43
|
+
'--rmx-tabs-tab-focus-shadow': '0 0 0 1px light-dark(#3573F6, #6eaaff), var(--rmx-tabs-tab-shadow), 0 0 0 4px light-dark(rgba(53, 115, 246, 0.1), rgba(110, 170, 255, 0.18)), 0 6px 32px 4px light-dark(rgba(53, 115, 246, 0.08), rgba(110, 170, 255, 0.14)), inset 0 0 8px 1px light-dark(rgba(53, 115, 246, 0.05), rgba(110, 170, 255, 0.1))',
|
|
44
|
+
appearance: 'none',
|
|
45
|
+
margin: 0,
|
|
46
|
+
boxSizing: 'border-box',
|
|
47
|
+
position: 'relative',
|
|
48
|
+
cursor: 'pointer',
|
|
49
|
+
display: 'inline-flex',
|
|
50
|
+
alignItems: 'center',
|
|
51
|
+
justifyContent: 'center',
|
|
52
|
+
flexDirection: 'row',
|
|
53
|
+
gap: '4px',
|
|
54
|
+
width: 'max-content',
|
|
55
|
+
maxWidth: '100%',
|
|
56
|
+
minWidth: 0,
|
|
57
|
+
height: 'calc(var(--rmx-tabs-height) - (var(--rmx-tabs-track-padding) * 2))',
|
|
58
|
+
minHeight: 'calc(var(--rmx-tabs-height) - (var(--rmx-tabs-track-padding) * 2))',
|
|
59
|
+
paddingBlock: 0,
|
|
60
|
+
paddingInline: 'var(--rmx-tabs-tab-padding-inline)',
|
|
61
|
+
border: 0,
|
|
62
|
+
borderRadius: '999px',
|
|
63
|
+
background: 'transparent',
|
|
64
|
+
boxShadow: 'var(--rmx-tabs-tab-shadow)',
|
|
65
|
+
color: 'light-dark(#707070, #b3b3b3)',
|
|
66
|
+
fontFamily: '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
|
|
67
|
+
fontStyle: 'normal',
|
|
68
|
+
fontWeight: 500,
|
|
69
|
+
fontSize: 'var(--rmx-tabs-tab-font-size)',
|
|
70
|
+
lineHeight: 'var(--rmx-tabs-tab-line-height)',
|
|
71
|
+
fontFeatureSettings: '"ss01" on, "cv01" on',
|
|
72
|
+
letterSpacing: 0,
|
|
73
|
+
textAlign: 'center',
|
|
74
|
+
textDecoration: 'none',
|
|
75
|
+
textShadow: 'none',
|
|
76
|
+
userSelect: 'none',
|
|
77
|
+
WebkitUserSelect: 'none',
|
|
78
|
+
verticalAlign: 'top',
|
|
79
|
+
whiteSpace: 'nowrap',
|
|
80
|
+
'&[data-state="inactive"]:hover:not(:disabled):not([aria-disabled="true"])': {
|
|
81
|
+
background: 'light-dark(rgba(16, 16, 16, 0.05), rgba(236, 236, 236, 0.1))',
|
|
82
|
+
color: 'light-dark(#101010, #ececec)',
|
|
83
|
+
},
|
|
84
|
+
'&[data-state="inactive"]:active:not(:disabled):not([aria-disabled="true"])': {
|
|
85
|
+
background: 'light-dark(rgba(16, 16, 16, 0.08), rgba(236, 236, 236, 0.14))',
|
|
86
|
+
},
|
|
87
|
+
'&[data-state="active"]': {
|
|
88
|
+
background: tabSliderBackground,
|
|
89
|
+
'--rmx-tabs-tab-shadow': tabSliderShadow,
|
|
90
|
+
color: 'light-dark(#101010, #ececec)',
|
|
91
|
+
textShadow: '0 1px 0 light-dark(#FFFFFF, rgb(0 0 0 / 0.35))',
|
|
92
|
+
},
|
|
93
|
+
'&[data-state="active"]:hover:not(:disabled):not([aria-disabled="true"])': {
|
|
94
|
+
background: tabSliderBackground,
|
|
95
|
+
},
|
|
96
|
+
'&[data-state="active"]:active:not(:disabled):not([aria-disabled="true"])': {
|
|
97
|
+
background: tabSliderBackground,
|
|
98
|
+
},
|
|
99
|
+
'&:disabled, &[aria-disabled="true"]': {
|
|
100
|
+
cursor: 'not-allowed',
|
|
101
|
+
opacity: 0.55,
|
|
102
|
+
},
|
|
103
|
+
'&:focus-visible': {
|
|
104
|
+
outline: 0,
|
|
105
|
+
boxShadow: 'var(--rmx-tabs-tab-focus-shadow)',
|
|
106
|
+
},
|
|
107
|
+
});
|
|
108
|
+
const tabsPanelCss = css({
|
|
109
|
+
minWidth: 0,
|
|
110
|
+
color: 'light-dark(#101010, #ececec)',
|
|
111
|
+
fontFamily: '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
|
|
112
|
+
fontSize: '13px',
|
|
113
|
+
lineHeight: '20px',
|
|
114
|
+
letterSpacing: 0,
|
|
115
|
+
'&[hidden]': {
|
|
116
|
+
display: 'none',
|
|
117
|
+
},
|
|
118
|
+
});
|
|
119
|
+
const sizeStyles = {
|
|
120
|
+
md: css({}),
|
|
121
|
+
lg: css({
|
|
122
|
+
'--rmx-tabs-height': '36px',
|
|
123
|
+
'--rmx-tabs-tab-padding-inline': '14px',
|
|
124
|
+
'--rmx-tabs-tab-font-size': '13px',
|
|
125
|
+
'--rmx-tabs-tab-line-height': '20px',
|
|
126
|
+
'--rmx-tabs-gap': '14px',
|
|
127
|
+
}),
|
|
128
|
+
};
|
|
129
|
+
export const rootStyle = tabsRootCss;
|
|
130
|
+
export const listStyle = tabsListCss;
|
|
131
|
+
export const tabStyle = tabsTabCss;
|
|
132
|
+
export const panelStyle = tabsPanelCss;
|
|
133
|
+
export function Tabs(handle) {
|
|
134
|
+
return () => {
|
|
135
|
+
let { activeTab, children, defaultActiveTab, disabled, mix, onActiveTabChange, size = 'md', ...divProps } = handle.props;
|
|
136
|
+
return (_jsx(tabs.Context, { activeTab: activeTab, defaultActiveTab: defaultActiveTab, disabled: disabled, onActiveTabChange: onActiveTabChange, children: _jsx("div", { ...divProps, mix: [rootStyle, sizeStyles[size], tabs.root(), mix], children: children }) }));
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
export function TabList(handle) {
|
|
140
|
+
return () => {
|
|
141
|
+
let { children, mix, ...divProps } = handle.props;
|
|
142
|
+
return (_jsx("div", { ...divProps, mix: [listStyle, tabs.list(), mix], children: children }));
|
|
143
|
+
};
|
|
144
|
+
}
|
|
145
|
+
export function Tab(handle) {
|
|
146
|
+
return () => {
|
|
147
|
+
let { children, disabled, mix, name, type, ...buttonProps } = handle.props;
|
|
148
|
+
return (_jsx("button", { ...buttonProps, mix: [tabStyle, tabs.tab({ disabled, name }), mix], type: type ?? 'button', children: children }));
|
|
149
|
+
};
|
|
150
|
+
}
|
|
151
|
+
export function TabPanel(handle) {
|
|
152
|
+
return () => {
|
|
153
|
+
let { children, mix, name, ...divProps } = handle.props;
|
|
154
|
+
return (_jsx("div", { ...divProps, mix: [panelStyle, tabs.panel({ name }), mix], children: children }));
|
|
155
|
+
};
|
|
156
|
+
}
|
|
157
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { on, type Dispatched, type ElementProps, type Handle, type MixinFactory, type RemixNode } from '@remix-run/ui';
|
|
2
|
+
declare const TABS_CHANGE_EVENT: 'rmx:tabs-change';
|
|
3
|
+
type TabsChangeHandler<target extends HTMLElement> = (event: Dispatched<TabsChangeEvent, target>, signal: AbortSignal) => void | Promise<void>;
|
|
4
|
+
export type TabsActivationDirection = 'first' | 'last' | 'next' | 'previous';
|
|
5
|
+
export interface TabsRegisteredTab {
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
getTabNode(): HTMLButtonElement | null;
|
|
8
|
+
name: string;
|
|
9
|
+
}
|
|
10
|
+
export interface TabsContextValue {
|
|
11
|
+
readonly activeTab: string | null;
|
|
12
|
+
readonly disabled: boolean;
|
|
13
|
+
activateTab(name: string): void;
|
|
14
|
+
activateTabInDirection(name: string, direction: TabsActivationDirection): void;
|
|
15
|
+
getPanelId(name: string): string;
|
|
16
|
+
getTabId(name: string): string;
|
|
17
|
+
isActiveTab(name: string): boolean;
|
|
18
|
+
registerRoot(node: HTMLElement): void;
|
|
19
|
+
registerTab(tab: TabsRegisteredTab): void;
|
|
20
|
+
unregisterRoot(node: HTMLElement): void;
|
|
21
|
+
}
|
|
22
|
+
export interface TabsContextProps {
|
|
23
|
+
activeTab?: string;
|
|
24
|
+
children?: RemixNode;
|
|
25
|
+
defaultActiveTab?: string;
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
onActiveTabChange?: (activeTab: string) => void;
|
|
28
|
+
}
|
|
29
|
+
export interface TabsRootOptions {
|
|
30
|
+
}
|
|
31
|
+
export interface TabListOptions {
|
|
32
|
+
}
|
|
33
|
+
export interface TabOptions {
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
name: string;
|
|
36
|
+
}
|
|
37
|
+
export interface TabPanelOptions {
|
|
38
|
+
name: string;
|
|
39
|
+
}
|
|
40
|
+
export declare class TabsChangeEvent extends Event {
|
|
41
|
+
readonly activeTab: string;
|
|
42
|
+
readonly previousActiveTab: string | null;
|
|
43
|
+
constructor(activeTab: string, previousActiveTab: string | null);
|
|
44
|
+
}
|
|
45
|
+
declare global {
|
|
46
|
+
interface HTMLElementEventMap {
|
|
47
|
+
[TABS_CHANGE_EVENT]: TabsChangeEvent;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
declare function TabsProvider(handle: Handle<TabsContextProps, TabsContextValue>): () => RemixNode;
|
|
51
|
+
export declare const Context: typeof TabsProvider;
|
|
52
|
+
export declare const list: MixinFactory<HTMLElement, [options?: TabListOptions | undefined], ElementProps>;
|
|
53
|
+
export declare const panel: MixinFactory<HTMLElement, [options: TabPanelOptions], ElementProps>;
|
|
54
|
+
export declare const root: MixinFactory<HTMLElement, [options?: TabsRootOptions | undefined], ElementProps>;
|
|
55
|
+
export declare const tab: MixinFactory<HTMLButtonElement, [options: TabOptions], ElementProps>;
|
|
56
|
+
export declare function onTabsChange<target extends HTMLElement>(handler: TabsChangeHandler<target>, captureBoolean?: boolean): ReturnType<typeof on<target, typeof TABS_CHANGE_EVENT>>;
|
|
57
|
+
export {};
|