@remix-run/ui 0.1.2 → 0.2.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.
Files changed (109) hide show
  1. package/README.md +9 -7
  2. package/dist/animation/spring.d.ts +6 -35
  3. package/dist/animation/spring.js +9 -8
  4. package/dist/animation/spring.js.map +1 -1
  5. package/dist/components/accordion/accordion.d.ts +6 -6
  6. package/dist/components/accordion/accordion.js.map +1 -1
  7. package/dist/components/breadcrumbs/breadcrumbs.d.ts +1 -1
  8. package/dist/components/button/button.d.ts +4 -4
  9. package/dist/components/button/button.js +3 -1
  10. package/dist/components/button/button.js.map +1 -1
  11. package/dist/components/combobox/combobox.d.ts +10 -10
  12. package/dist/components/combobox/combobox.js.map +1 -1
  13. package/dist/components/listbox/listbox.d.ts +3 -3
  14. package/dist/components/listbox/listbox.js.map +1 -1
  15. package/dist/components/menu/menu.d.ts +12 -12
  16. package/dist/components/menu/menu.js.map +1 -1
  17. package/dist/components/popover/popover.d.ts +5 -5
  18. package/dist/components/popover/popover.js.map +1 -1
  19. package/dist/components/select/select.d.ts +10 -10
  20. package/dist/components/select/select.js.map +1 -1
  21. package/dist/components/tabs/tabs.d.ts +3 -3
  22. package/dist/index.d.ts +1 -1
  23. package/dist/index.js.map +1 -1
  24. package/dist/interactions/keydown/keydown.d.ts +1 -1
  25. package/dist/interactions/outside-click/outside-click-mixin.d.ts +2 -1
  26. package/dist/interactions/typeahead/typeahead-mixin.d.ts +3 -1
  27. package/dist/runtime/component.d.ts +18 -15
  28. package/dist/runtime/component.js +14 -5
  29. package/dist/runtime/component.js.map +1 -1
  30. package/dist/runtime/core/attributes.d.ts +3 -1
  31. package/dist/runtime/core/attributes.js +19 -1
  32. package/dist/runtime/core/attributes.js.map +1 -1
  33. package/dist/runtime/core/props.js +6 -5
  34. package/dist/runtime/core/props.js.map +1 -1
  35. package/dist/runtime/dom.d.ts +16 -9
  36. package/dist/runtime/jsx.d.ts +1 -1
  37. package/dist/runtime/mixins/link-mixin.d.ts +5 -1
  38. package/dist/runtime/mixins/link-mixin.js.map +1 -1
  39. package/dist/runtime/mixins/mixin.d.ts +2 -1
  40. package/dist/runtime/mixins/mixin.js.map +1 -1
  41. package/dist/runtime/mixins/ref-mixin.d.ts +2 -1
  42. package/dist/runtime/mixins/ref-mixin.js.map +1 -1
  43. package/dist/runtime/reconcile.d.ts +1 -1
  44. package/dist/runtime/reconcile.js +19 -5
  45. package/dist/runtime/reconcile.js.map +1 -1
  46. package/dist/runtime/scheduler.d.ts +10 -10
  47. package/dist/runtime/scheduler.js +1 -1
  48. package/dist/runtime/scheduler.js.map +1 -1
  49. package/dist/runtime/svg-attributes.js +1 -0
  50. package/dist/runtime/svg-attributes.js.map +1 -1
  51. package/dist/runtime/to-vnode.js +2 -2
  52. package/dist/runtime/to-vnode.js.map +1 -1
  53. package/dist/runtime/vnode.d.ts +6 -1
  54. package/dist/runtime/vnode.js +4 -0
  55. package/dist/runtime/vnode.js.map +1 -1
  56. package/dist/server/stream.d.ts +2 -0
  57. package/dist/server/stream.js +79 -9
  58. package/dist/server/stream.js.map +1 -1
  59. package/dist/style/css-mixin.d.ts +2 -1
  60. package/dist/style/css-mixin.js.map +1 -1
  61. package/dist/style/index.d.ts +1 -1
  62. package/dist/style/stylesheet.d.ts +13 -13
  63. package/dist/style/stylesheet.js.map +1 -1
  64. package/dist/theme/contract.d.ts +24 -222
  65. package/dist/theme/contract.js +2 -2
  66. package/dist/theme/contract.js.map +1 -1
  67. package/dist/theme/glyph-contract.d.ts +1 -3
  68. package/dist/theme/glyph-contract.js.map +1 -1
  69. package/dist/theme/presets/rmx-01/index.d.ts +4 -2
  70. package/dist/theme/presets/rmx-01/index.js.map +1 -1
  71. package/dist/utils/scroll-lock.d.ts +3 -3
  72. package/dist/utils/scroll-lock.js.map +1 -1
  73. package/package.json +3 -3
  74. package/src/animation/README.md +7 -5
  75. package/src/animation/spring.ts +21 -9
  76. package/src/components/accordion/accordion.tsx +7 -5
  77. package/src/components/anchor/anchor.ts +1 -1
  78. package/src/components/breadcrumbs/breadcrumbs.tsx +1 -1
  79. package/src/components/button/button.tsx +30 -18
  80. package/src/components/combobox/README.md +1 -1
  81. package/src/components/combobox/combobox.tsx +30 -12
  82. package/src/components/glyph/glyph.tsx +2 -2
  83. package/src/components/listbox/listbox.ts +88 -83
  84. package/src/components/menu/menu.tsx +27 -15
  85. package/src/components/popover/popover.ts +90 -79
  86. package/src/components/select/select.tsx +26 -9
  87. package/src/index.ts +1 -0
  88. package/src/runtime/component.ts +34 -12
  89. package/src/runtime/core/attributes.ts +21 -0
  90. package/src/runtime/core/props.ts +6 -4
  91. package/src/runtime/dom.ts +16 -9
  92. package/src/runtime/jsx.ts +1 -1
  93. package/src/runtime/mixins/link-mixin.ts +88 -86
  94. package/src/runtime/mixins/mixin.ts +9 -1
  95. package/src/runtime/mixins/ref-mixin.ts +4 -5
  96. package/src/runtime/reconcile.ts +23 -14
  97. package/src/runtime/scheduler.ts +20 -20
  98. package/src/runtime/svg-attributes.ts +1 -0
  99. package/src/runtime/to-vnode.ts +2 -2
  100. package/src/runtime/vnode.ts +10 -0
  101. package/src/server/README.md +4 -2
  102. package/src/server/stream.ts +77 -8
  103. package/src/style/css-mixin.ts +6 -1
  104. package/src/style/index.ts +1 -2
  105. package/src/style/stylesheet.ts +14 -2
  106. package/src/theme/contract.ts +37 -5
  107. package/src/theme/glyph-contract.ts +3 -1
  108. package/src/theme/presets/rmx-01/index.ts +4 -2
  109. package/src/utils/scroll-lock.ts +7 -3
package/src/utils/scroll-lock.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { createMixin, on, type ElementProps } from '@remix-run/ui'
1
+ import { createMixin, on, type ElementProps, type MixinFactory } from '@remix-run/ui'
2
2
 
3
3
  type ScrollLockState = {
4
4
  count: number
@@ -10,7 +10,7 @@ type ScrollLockState = {
10
10
 
11
11
  const scrollLocks = new WeakMap<Document, ScrollLockState>()
12
12
 
13
- export function lockScroll(targetDocument = globalThis.document) {
13
+ export function lockScroll(targetDocument: Document | undefined = globalThis.document): () => void {
14
14
  if (!targetDocument?.body || !targetDocument.defaultView) {
15
15
  return () => {}
16
16
  }
@@ -74,7 +74,11 @@ export function lockScroll(targetDocument = globalThis.document) {
74
74
  }
75
75
  }
76
76
 
77
- export const lockScrollOnToggle = createMixin<HTMLElement, [], ElementProps>((handle) => {
77
+ export const lockScrollOnToggle: MixinFactory<HTMLElement, [], ElementProps> = createMixin<
78
+ HTMLElement,
79
+ [],
80
+ ElementProps
81
+ >((handle) => {
78
82
  let unlockScroll = () => {}
79
83
 
80
84
  handle.signal.addEventListener('abort', () => {