@remix-run/ui 0.2.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.
Files changed (395) hide show
  1. package/README.md +50 -164
  2. package/dist/accordion/index.d.ts +46 -0
  3. package/dist/accordion/index.js +142 -0
  4. package/dist/accordion/index.js.map +1 -0
  5. package/dist/accordion/primitives.d.ts +104 -0
  6. package/dist/accordion/primitives.js +312 -0
  7. package/dist/accordion/primitives.js.map +1 -0
  8. package/dist/{components/anchor/anchor.d.ts → anchor/index.d.ts} +8 -1
  9. package/dist/{components/anchor/anchor.js → anchor/index.js} +31 -12
  10. package/dist/anchor/index.js.map +1 -0
  11. package/dist/animation/demos/aspect-ratio.d.ts +2 -0
  12. package/dist/animation/demos/aspect-ratio.js +69 -0
  13. package/dist/animation/demos/aspect-ratio.js.map +1 -0
  14. package/dist/animation/demos/bouncy-switch.d.ts +2 -0
  15. package/dist/animation/demos/bouncy-switch.js +36 -0
  16. package/dist/animation/demos/bouncy-switch.js.map +1 -0
  17. package/dist/animation/demos/color-interpolation.d.ts +1 -0
  18. package/dist/animation/demos/color-interpolation.js +53 -0
  19. package/dist/animation/demos/color-interpolation.js.map +1 -0
  20. package/dist/animation/demos/cube.d.ts +2 -0
  21. package/dist/animation/demos/cube.js +86 -0
  22. package/dist/animation/demos/cube.js.map +1 -0
  23. package/dist/animation/demos/default-animate.d.ts +2 -0
  24. package/dist/animation/demos/default-animate.js +89 -0
  25. package/dist/animation/demos/default-animate.js.map +1 -0
  26. package/dist/animation/demos/drag-release.d.ts +24 -0
  27. package/dist/animation/demos/drag-release.js +96 -0
  28. package/dist/animation/demos/drag-release.js.map +1 -0
  29. package/dist/animation/demos/enter.d.ts +1 -0
  30. package/dist/animation/demos/enter.js +19 -0
  31. package/dist/animation/demos/enter.js.map +1 -0
  32. package/dist/animation/demos/exit.d.ts +2 -0
  33. package/dist/animation/demos/exit.js +58 -0
  34. package/dist/animation/demos/exit.js.map +1 -0
  35. package/dist/animation/demos/flip-toggle.d.ts +2 -0
  36. package/dist/animation/demos/flip-toggle.js +37 -0
  37. package/dist/animation/demos/flip-toggle.js.map +1 -0
  38. package/dist/animation/demos/hold-to-confirm.d.ts +13 -0
  39. package/dist/animation/demos/hold-to-confirm.js +211 -0
  40. package/dist/animation/demos/hold-to-confirm.js.map +1 -0
  41. package/dist/animation/demos/html-content.d.ts +2 -0
  42. package/dist/animation/demos/html-content.js +30 -0
  43. package/dist/animation/demos/html-content.js.map +1 -0
  44. package/dist/animation/demos/interruptible-keyframes.d.ts +1 -0
  45. package/dist/animation/demos/interruptible-keyframes.js +48 -0
  46. package/dist/animation/demos/interruptible-keyframes.js.map +1 -0
  47. package/dist/animation/demos/keyframes.d.ts +1 -0
  48. package/dist/animation/demos/keyframes.js +24 -0
  49. package/dist/animation/demos/keyframes.js.map +1 -0
  50. package/dist/animation/demos/material-ripple.d.ts +2 -0
  51. package/dist/animation/demos/material-ripple.js +127 -0
  52. package/dist/animation/demos/material-ripple.js.map +1 -0
  53. package/dist/animation/demos/mixin-presence-list.d.ts +2 -0
  54. package/dist/animation/demos/mixin-presence-list.js +88 -0
  55. package/dist/animation/demos/mixin-presence-list.js.map +1 -0
  56. package/dist/animation/demos/mixin-reclaim.d.ts +2 -0
  57. package/dist/animation/demos/mixin-reclaim.js +90 -0
  58. package/dist/animation/demos/mixin-reclaim.js.map +1 -0
  59. package/dist/animation/demos/multi-state-badge.d.ts +2 -0
  60. package/dist/animation/demos/multi-state-badge.js +231 -0
  61. package/dist/animation/demos/multi-state-badge.js.map +1 -0
  62. package/dist/animation/demos/press.d.ts +2 -0
  63. package/dist/animation/demos/press.js +63 -0
  64. package/dist/animation/demos/press.js.map +1 -0
  65. package/dist/animation/demos/reordering.d.ts +2 -0
  66. package/dist/animation/demos/reordering.js +53 -0
  67. package/dist/animation/demos/reordering.js.map +1 -0
  68. package/dist/animation/demos/rolling-square.d.ts +2 -0
  69. package/dist/animation/demos/rolling-square.js +42 -0
  70. package/dist/animation/demos/rolling-square.js.map +1 -0
  71. package/dist/animation/demos/rotate.d.ts +1 -0
  72. package/dist/animation/demos/rotate.js +18 -0
  73. package/dist/animation/demos/rotate.js.map +1 -0
  74. package/dist/animation/demos/shared-layout.d.ts +2 -0
  75. package/dist/animation/demos/shared-layout.js +114 -0
  76. package/dist/animation/demos/shared-layout.js.map +1 -0
  77. package/dist/animation/demos/transition-options.d.ts +1 -0
  78. package/dist/animation/demos/transition-options.js +21 -0
  79. package/dist/animation/demos/transition-options.js.map +1 -0
  80. package/dist/animation/spring.d.ts +22 -0
  81. package/dist/animation/spring.js +22 -0
  82. package/dist/animation/spring.js.map +1 -1
  83. package/dist/{components/breadcrumbs/breadcrumbs.js → breadcrumbs/index.js} +19 -19
  84. package/dist/breadcrumbs/index.js.map +1 -0
  85. package/dist/button/index.d.ts +15 -0
  86. package/dist/button/index.js +128 -0
  87. package/dist/button/index.js.map +1 -0
  88. package/dist/checkbox/index.d.ts +14 -0
  89. package/dist/checkbox/index.js +125 -0
  90. package/dist/checkbox/index.js.map +1 -0
  91. package/dist/combobox/index.d.ts +21 -0
  92. package/dist/combobox/index.js +58 -0
  93. package/dist/combobox/index.js.map +1 -0
  94. package/dist/{components/combobox/combobox.d.ts → combobox/primitives.d.ts} +3 -7
  95. package/dist/{components/combobox/combobox.js → combobox/primitives.js} +8 -61
  96. package/dist/combobox/primitives.js.map +1 -0
  97. package/dist/input/index.d.ts +13 -0
  98. package/dist/input/index.js +121 -0
  99. package/dist/input/index.js.map +1 -0
  100. package/dist/listbox/flash-attribute.js.map +1 -0
  101. package/dist/{components/listbox/listbox.d.ts → listbox/index.d.ts} +2 -6
  102. package/dist/{components/listbox/listbox.js → listbox/index.js} +4 -82
  103. package/dist/listbox/index.js.map +1 -0
  104. package/dist/menu/hover-aim.js.map +1 -0
  105. package/dist/menu/index.d.ts +42 -0
  106. package/dist/menu/index.js +250 -0
  107. package/dist/menu/index.js.map +1 -0
  108. package/dist/{components/menu/menu.d.ts → menu/primitives.d.ts} +6 -32
  109. package/dist/{components/menu/menu.js → menu/primitives.js} +117 -279
  110. package/dist/menu/primitives.js.map +1 -0
  111. package/dist/{components/popover/popover.d.ts → popover/index.d.ts} +3 -5
  112. package/dist/{components/popover/popover.js → popover/index.js} +15 -51
  113. package/dist/popover/index.js.map +1 -0
  114. package/dist/{interactions/outside-click/outside-click-mixin.js → popover/outside-click.js} +1 -1
  115. package/dist/popover/outside-click.js.map +1 -0
  116. package/dist/popover/scroll-lock.d.ts +1 -0
  117. package/dist/{utils → popover}/scroll-lock.js +0 -18
  118. package/dist/popover/scroll-lock.js.map +1 -0
  119. package/dist/radio/index.d.ts +12 -0
  120. package/dist/radio/index.js +77 -0
  121. package/dist/radio/index.js.map +1 -0
  122. package/dist/runtime/client-entries.d.ts +1 -2
  123. package/dist/runtime/client-entries.js.map +1 -1
  124. package/dist/runtime/component.d.ts +2 -2
  125. package/dist/runtime/component.js +1 -1
  126. package/dist/runtime/component.js.map +1 -1
  127. package/dist/runtime/diff-dom.js +194 -21
  128. package/dist/runtime/diff-dom.js.map +1 -1
  129. package/dist/runtime/frame.d.ts +7 -0
  130. package/dist/runtime/frame.js +176 -41
  131. package/dist/runtime/frame.js.map +1 -1
  132. package/dist/runtime/jsx.d.ts +2 -3
  133. package/dist/runtime/jsx.js.map +1 -1
  134. package/dist/runtime/reconcile.js +11 -5
  135. package/dist/runtime/reconcile.js.map +1 -1
  136. package/dist/runtime/vdom.js +3 -0
  137. package/dist/runtime/vdom.js.map +1 -1
  138. package/dist/select/index.d.ts +19 -0
  139. package/dist/select/index.js +95 -0
  140. package/dist/select/index.js.map +1 -0
  141. package/dist/select/keydown.js.map +1 -0
  142. package/dist/{components/select/select.d.ts → select/primitives.d.ts} +4 -6
  143. package/dist/{components/select/select.js → select/primitives.js} +12 -64
  144. package/dist/select/primitives.js.map +1 -0
  145. package/dist/server/stream.js +5 -4
  146. package/dist/server/stream.js.map +1 -1
  147. package/dist/shared/focus-styles.d.ts +1 -0
  148. package/dist/shared/focus-styles.js +2 -0
  149. package/dist/shared/focus-styles.js.map +1 -0
  150. package/dist/shared/icons.d.ts +9 -0
  151. package/dist/shared/icons.js +42 -0
  152. package/dist/shared/icons.js.map +1 -0
  153. package/dist/shared/listbox-popover-styles.d.ts +6 -0
  154. package/dist/shared/listbox-popover-styles.js +137 -0
  155. package/dist/shared/listbox-popover-styles.js.map +1 -0
  156. package/dist/shared/style-values.d.ts +78 -0
  157. package/dist/{theme/presets/rmx-01/index.js → shared/style-values.js} +3 -34
  158. package/dist/shared/style-values.js.map +1 -0
  159. package/dist/{interactions/typeahead/typeahead-mixin.js → shared/typeahead.js} +1 -1
  160. package/dist/shared/typeahead.js.map +1 -0
  161. package/dist/shared/wait-for-css-transition.js.map +1 -0
  162. package/dist/shared/wait.js.map +1 -0
  163. package/dist/style/style.js +27 -10
  164. package/dist/style/style.js.map +1 -1
  165. package/dist/tabs/index.d.ts +32 -0
  166. package/dist/tabs/index.js +157 -0
  167. package/dist/tabs/index.js.map +1 -0
  168. package/dist/tabs/primitives.d.ts +57 -0
  169. package/dist/tabs/primitives.js +238 -0
  170. package/dist/tabs/primitives.js.map +1 -0
  171. package/dist/toggle/index.d.ts +9 -0
  172. package/dist/toggle/index.js +108 -0
  173. package/dist/toggle/index.js.map +1 -0
  174. package/dist/toggle/primitives.d.ts +29 -0
  175. package/dist/toggle/primitives.js +127 -0
  176. package/dist/toggle/primitives.js.map +1 -0
  177. package/package.json +74 -45
  178. package/src/{components/accordion → accordion}/README.md +50 -14
  179. package/src/accordion/index.tsx +285 -0
  180. package/src/accordion/primitives.tsx +512 -0
  181. package/src/{components/anchor → anchor}/README.md +48 -5
  182. package/src/{components/anchor/anchor.ts → anchor/index.ts} +53 -12
  183. package/src/animation/demos/aspect-ratio.tsx +120 -0
  184. package/src/animation/demos/bouncy-switch.tsx +47 -0
  185. package/src/animation/demos/color-interpolation.tsx +73 -0
  186. package/src/animation/demos/cube.tsx +116 -0
  187. package/src/animation/demos/default-animate.tsx +129 -0
  188. package/src/animation/demos/drag-release.ts +118 -0
  189. package/src/animation/demos/enter.tsx +22 -0
  190. package/src/animation/demos/exit.tsx +79 -0
  191. package/src/animation/demos/flip-toggle.tsx +46 -0
  192. package/src/animation/demos/hold-to-confirm.tsx +317 -0
  193. package/src/animation/demos/html-content.tsx +41 -0
  194. package/src/animation/demos/interruptible-keyframes.tsx +62 -0
  195. package/src/animation/demos/keyframes.tsx +29 -0
  196. package/src/animation/demos/material-ripple.tsx +158 -0
  197. package/src/animation/demos/mixin-presence-list.tsx +121 -0
  198. package/src/animation/demos/mixin-reclaim.tsx +125 -0
  199. package/src/animation/demos/multi-state-badge.tsx +426 -0
  200. package/src/animation/demos/press.tsx +67 -0
  201. package/src/animation/demos/reordering.tsx +68 -0
  202. package/src/animation/demos/rolling-square.tsx +57 -0
  203. package/src/animation/demos/rotate.tsx +21 -0
  204. package/src/animation/demos/shared-layout.tsx +211 -0
  205. package/src/animation/demos/transition-options.tsx +24 -0
  206. package/src/animation/spring.ts +22 -0
  207. package/src/{components/breadcrumbs → breadcrumbs}/README.md +4 -4
  208. package/src/{components/breadcrumbs/breadcrumbs.tsx → breadcrumbs/index.tsx} +18 -18
  209. package/src/button/README.md +44 -0
  210. package/src/button/index.ts +168 -0
  211. package/src/checkbox/README.md +59 -0
  212. package/src/checkbox/index.ts +162 -0
  213. package/src/{components/combobox → combobox}/README.md +58 -9
  214. package/src/combobox/index.tsx +112 -0
  215. package/src/{components/combobox/combobox.tsx → combobox/primitives.tsx} +5 -91
  216. package/src/input/README.md +52 -0
  217. package/src/input/index.ts +147 -0
  218. package/src/{components/listbox → listbox}/README.md +9 -41
  219. package/src/{components/listbox/listbox.ts → listbox/index.ts} +2 -87
  220. package/src/menu/README.md +161 -0
  221. package/src/menu/index.tsx +354 -0
  222. package/src/{components/menu/menu.tsx → menu/primitives.tsx} +117 -359
  223. package/src/{components/popover → popover}/README.md +20 -39
  224. package/src/{components/popover/popover.ts → popover/index.ts} +16 -61
  225. package/src/{utils → popover}/scroll-lock.ts +0 -28
  226. package/src/radio/README.md +53 -0
  227. package/src/radio/index.ts +100 -0
  228. package/src/runtime/client-entries.ts +1 -5
  229. package/src/runtime/component.ts +3 -3
  230. package/src/runtime/demos/readme.demo.tsx +704 -0
  231. package/src/runtime/diff-dom.ts +270 -20
  232. package/src/runtime/frame.ts +218 -41
  233. package/src/runtime/jsx.ts +6 -10
  234. package/src/runtime/reconcile.ts +11 -5
  235. package/src/runtime/vdom.ts +3 -0
  236. package/src/{components/select → select}/README.md +29 -19
  237. package/src/select/index.tsx +159 -0
  238. package/src/{components/select/select.tsx → select/primitives.tsx} +11 -99
  239. package/src/server/stream.ts +10 -5
  240. package/src/shared/focus-styles.ts +2 -0
  241. package/src/shared/icons.tsx +62 -0
  242. package/src/shared/listbox-popover-styles.ts +146 -0
  243. package/src/shared/style-values.ts +165 -0
  244. package/src/style/style.ts +29 -10
  245. package/src/tabs/README.md +141 -0
  246. package/src/tabs/index.tsx +244 -0
  247. package/src/tabs/primitives.ts +365 -0
  248. package/src/toggle/README.md +56 -0
  249. package/src/toggle/index.tsx +134 -0
  250. package/src/toggle/primitives.ts +192 -0
  251. package/dist/components/accordion/accordion.d.ts +0 -92
  252. package/dist/components/accordion/accordion.js +0 -335
  253. package/dist/components/accordion/accordion.js.map +0 -1
  254. package/dist/components/accordion/demos/card.demo.d.ts +0 -6
  255. package/dist/components/accordion/demos/card.demo.js +0 -58
  256. package/dist/components/accordion/demos/card.demo.js.map +0 -1
  257. package/dist/components/accordion/demos/multiple.demo.d.ts +0 -6
  258. package/dist/components/accordion/demos/multiple.demo.js +0 -19
  259. package/dist/components/accordion/demos/multiple.demo.js.map +0 -1
  260. package/dist/components/accordion/demos/overview.demo.d.ts +0 -6
  261. package/dist/components/accordion/demos/overview.demo.js +0 -19
  262. package/dist/components/accordion/demos/overview.demo.js.map +0 -1
  263. package/dist/components/anchor/anchor.js.map +0 -1
  264. package/dist/components/breadcrumbs/breadcrumbs.js.map +0 -1
  265. package/dist/components/breadcrumbs/demos/basic.demo.d.ts +0 -5
  266. package/dist/components/breadcrumbs/demos/basic.demo.js +0 -14
  267. package/dist/components/breadcrumbs/demos/basic.demo.js.map +0 -1
  268. package/dist/components/breadcrumbs/demos/separator.demo.d.ts +0 -5
  269. package/dist/components/breadcrumbs/demos/separator.demo.js +0 -14
  270. package/dist/components/breadcrumbs/demos/separator.demo.js.map +0 -1
  271. package/dist/components/button/button.d.ts +0 -105
  272. package/dist/components/button/button.js +0 -207
  273. package/dist/components/button/button.js.map +0 -1
  274. package/dist/components/button/demos/aliases.demo.d.ts +0 -6
  275. package/dist/components/button/demos/aliases.demo.js +0 -18
  276. package/dist/components/button/demos/aliases.demo.js.map +0 -1
  277. package/dist/components/button/demos/basic.demo.d.ts +0 -6
  278. package/dist/components/button/demos/basic.demo.js +0 -19
  279. package/dist/components/button/demos/basic.demo.js.map +0 -1
  280. package/dist/components/button/demos/states.demo.d.ts +0 -6
  281. package/dist/components/button/demos/states.demo.js +0 -29
  282. package/dist/components/button/demos/states.demo.js.map +0 -1
  283. package/dist/components/combobox/combobox.js.map +0 -1
  284. package/dist/components/combobox/demos/overview.demo.d.ts +0 -6
  285. package/dist/components/combobox/demos/overview.demo.js +0 -153
  286. package/dist/components/combobox/demos/overview.demo.js.map +0 -1
  287. package/dist/components/glyph/glyph.d.ts +0 -14
  288. package/dist/components/glyph/glyph.js +0 -65
  289. package/dist/components/glyph/glyph.js.map +0 -1
  290. package/dist/components/listbox/demos/overview.demo.d.ts +0 -6
  291. package/dist/components/listbox/demos/overview.demo.js +0 -64
  292. package/dist/components/listbox/demos/overview.demo.js.map +0 -1
  293. package/dist/components/listbox/listbox.js.map +0 -1
  294. package/dist/components/menu/demos/bubbling.demo.d.ts +0 -5
  295. package/dist/components/menu/demos/bubbling.demo.js +0 -15
  296. package/dist/components/menu/demos/bubbling.demo.js.map +0 -1
  297. package/dist/components/menu/demos/overview.demo.d.ts +0 -6
  298. package/dist/components/menu/demos/overview.demo.js +0 -32
  299. package/dist/components/menu/demos/overview.demo.js.map +0 -1
  300. package/dist/components/menu/hover-aim.js.map +0 -1
  301. package/dist/components/menu/menu.js.map +0 -1
  302. package/dist/components/popover/demos/overview.demo.d.ts +0 -6
  303. package/dist/components/popover/demos/overview.demo.js +0 -64
  304. package/dist/components/popover/demos/overview.demo.js.map +0 -1
  305. package/dist/components/popover/popover.js.map +0 -1
  306. package/dist/components/select/demos/deconstructed.demo.d.ts +0 -6
  307. package/dist/components/select/demos/deconstructed.demo.js +0 -53
  308. package/dist/components/select/demos/deconstructed.demo.js.map +0 -1
  309. package/dist/components/select/demos/overview.demo.d.ts +0 -5
  310. package/dist/components/select/demos/overview.demo.js +0 -27
  311. package/dist/components/select/demos/overview.demo.js.map +0 -1
  312. package/dist/components/select/select.js.map +0 -1
  313. package/dist/components/separator/separator.d.ts +0 -2
  314. package/dist/components/separator/separator.js +0 -15
  315. package/dist/components/separator/separator.js.map +0 -1
  316. package/dist/components/tabs/tabs.d.ts +0 -78
  317. package/dist/components/tabs/tabs.js +0 -339
  318. package/dist/components/tabs/tabs.js.map +0 -1
  319. package/dist/interactions/keydown/keydown.js.map +0 -1
  320. package/dist/interactions/outside-click/outside-click-mixin.js.map +0 -1
  321. package/dist/interactions/typeahead/typeahead-mixin.js.map +0 -1
  322. package/dist/theme/contract.d.ts +0 -61
  323. package/dist/theme/contract.js +0 -131
  324. package/dist/theme/contract.js.map +0 -1
  325. package/dist/theme/glyph-contract.d.ts +0 -11
  326. package/dist/theme/glyph-contract.js +0 -34
  327. package/dist/theme/glyph-contract.js.map +0 -1
  328. package/dist/theme/presets/rmx-01/glyphs.d.ts +0 -2
  329. package/dist/theme/presets/rmx-01/glyphs.js +0 -252
  330. package/dist/theme/presets/rmx-01/glyphs.js.map +0 -1
  331. package/dist/theme/presets/rmx-01/index.d.ts +0 -4
  332. package/dist/theme/presets/rmx-01/index.js.map +0 -1
  333. package/dist/theme/runtime.d.ts +0 -2
  334. package/dist/theme/runtime.js +0 -84
  335. package/dist/theme/runtime.js.map +0 -1
  336. package/dist/theme/theme.d.ts +0 -6
  337. package/dist/theme/theme.js +0 -5
  338. package/dist/theme/theme.js.map +0 -1
  339. package/dist/utils/flash-attribute.js.map +0 -1
  340. package/dist/utils/scroll-lock.d.ts +0 -3
  341. package/dist/utils/scroll-lock.js.map +0 -1
  342. package/dist/utils/wait-for-css-transition.js.map +0 -1
  343. package/dist/utils/wait.js.map +0 -1
  344. package/src/components/accordion/accordion.tsx +0 -565
  345. package/src/components/accordion/demos/card.demo.tsx +0 -113
  346. package/src/components/accordion/demos/multiple.demo.tsx +0 -56
  347. package/src/components/accordion/demos/overview.demo.tsx +0 -56
  348. package/src/components/breadcrumbs/demos/basic.demo.tsx +0 -17
  349. package/src/components/breadcrumbs/demos/separator.demo.tsx +0 -18
  350. package/src/components/button/README.md +0 -44
  351. package/src/components/button/button.tsx +0 -286
  352. package/src/components/button/demos/aliases.demo.tsx +0 -27
  353. package/src/components/button/demos/basic.demo.tsx +0 -30
  354. package/src/components/button/demos/states.demo.tsx +0 -52
  355. package/src/components/combobox/demos/overview.demo.tsx +0 -199
  356. package/src/components/glyph/README.md +0 -72
  357. package/src/components/glyph/glyph.tsx +0 -110
  358. package/src/components/listbox/demos/overview.demo.tsx +0 -101
  359. package/src/components/menu/README.md +0 -96
  360. package/src/components/menu/demos/bubbling.demo.tsx +0 -34
  361. package/src/components/menu/demos/overview.demo.tsx +0 -76
  362. package/src/components/popover/demos/overview.demo.tsx +0 -143
  363. package/src/components/select/demos/deconstructed.demo.tsx +0 -95
  364. package/src/components/select/demos/overview.demo.tsx +0 -51
  365. package/src/components/separator/separator.ts +0 -19
  366. package/src/components/tabs/README.md +0 -105
  367. package/src/components/tabs/tabs.tsx +0 -504
  368. package/src/theme/README.md +0 -103
  369. package/src/theme/contract.ts +0 -215
  370. package/src/theme/glyph-contract.ts +0 -59
  371. package/src/theme/presets/rmx-01/glyphs.tsx +0 -308
  372. package/src/theme/presets/rmx-01/index.ts +0 -123
  373. package/src/theme/runtime.ts +0 -119
  374. package/src/theme/theme.ts +0 -15
  375. package/src/utils/scroll-lock/README.md +0 -33
  376. /package/dist/{components/breadcrumbs/breadcrumbs.d.ts → breadcrumbs/index.d.ts} +0 -0
  377. /package/dist/{utils → listbox}/flash-attribute.d.ts +0 -0
  378. /package/dist/{utils → listbox}/flash-attribute.js +0 -0
  379. /package/dist/{components/menu → menu}/hover-aim.d.ts +0 -0
  380. /package/dist/{components/menu → menu}/hover-aim.js +0 -0
  381. /package/dist/{interactions/outside-click/outside-click-mixin.d.ts → popover/outside-click.d.ts} +0 -0
  382. /package/dist/{interactions/keydown → select}/keydown.d.ts +0 -0
  383. /package/dist/{interactions/keydown → select}/keydown.js +0 -0
  384. /package/dist/{interactions/typeahead/typeahead-mixin.d.ts → shared/typeahead.d.ts} +0 -0
  385. /package/dist/{utils → shared}/wait-for-css-transition.d.ts +0 -0
  386. /package/dist/{utils → shared}/wait-for-css-transition.js +0 -0
  387. /package/dist/{utils → shared}/wait.d.ts +0 -0
  388. /package/dist/{utils → shared}/wait.js +0 -0
  389. /package/src/{utils → listbox}/flash-attribute.ts +0 -0
  390. /package/src/{components/menu → menu}/hover-aim.ts +0 -0
  391. /package/src/{interactions/outside-click/outside-click-mixin.ts → popover/outside-click.ts} +0 -0
  392. /package/src/{interactions/keydown → select}/keydown.ts +0 -0
  393. /package/src/{interactions/typeahead/typeahead-mixin.ts → shared/typeahead.ts} +0 -0
  394. /package/src/{utils → shared}/wait-for-css-transition.ts +0 -0
  395. /package/src/{utils → shared}/wait.ts +0 -0
@@ -0,0 +1,192 @@
1
+ import { createElement, createMixin, on, ref } from '@remix-run/ui'
2
+ import type { Dispatched, ElementProps, MixinFactory } from '@remix-run/ui'
3
+
4
+ export interface ToggleControlOptions {
5
+ checked?: boolean
6
+ defaultChecked?: boolean
7
+ disabled?: boolean
8
+ form?: string
9
+ inputRef?: (input: HTMLInputElement, signal: AbortSignal) => void
10
+ name?: string
11
+ onCheckedChange?: (checked: boolean) => void
12
+ readOnly?: boolean
13
+ required?: boolean
14
+ tabIndex?: number
15
+ value?: string
16
+ }
17
+
18
+ type ToggleChangeHandler<target extends HTMLElement> = (
19
+ event: Dispatched<ToggleChangeEvent, target>,
20
+ signal: AbortSignal,
21
+ ) => void | Promise<void>
22
+
23
+ const TOGGLE_CHANGE_EVENT = 'rmx:toggle-change' as const
24
+
25
+ declare global {
26
+ interface HTMLElementEventMap {
27
+ [TOGGLE_CHANGE_EVENT]: ToggleChangeEvent
28
+ }
29
+ }
30
+
31
+ export class ToggleChangeEvent extends Event {
32
+ readonly checked: boolean
33
+
34
+ constructor(checked: boolean) {
35
+ super(TOGGLE_CHANGE_EVENT, { bubbles: true })
36
+ this.checked = checked
37
+ }
38
+ }
39
+
40
+ function getBooleanState(value: unknown): boolean | undefined {
41
+ return value === true || value === false ? value : undefined
42
+ }
43
+
44
+ function propIsTrue(value: unknown): boolean {
45
+ return value === true || value === 'true' || value === ''
46
+ }
47
+
48
+ function isDisabled(options: { disabled?: boolean }, props: ElementProps): boolean {
49
+ return (
50
+ options.disabled === true || propIsTrue(props.disabled) || propIsTrue(props['aria-disabled'])
51
+ )
52
+ }
53
+
54
+ function isReadOnly(options: { readOnly?: boolean }, props: ElementProps): boolean {
55
+ return (
56
+ options.readOnly === true || propIsTrue(props.readOnly) || propIsTrue(props['aria-readonly'])
57
+ )
58
+ }
59
+
60
+ const controlMixin: MixinFactory<HTMLElement, [options?: ToggleControlOptions], ElementProps> =
61
+ createMixin<HTMLElement, [options?: ToggleControlOptions], ElementProps>((handle, hostType) => {
62
+ let uncontrolledChecked = false
63
+ let hasInitialized = false
64
+
65
+ function getChecked(options: ToggleControlOptions, props: ElementProps) {
66
+ let optionChecked = getBooleanState(options.checked)
67
+ if (optionChecked !== undefined) {
68
+ return optionChecked
69
+ }
70
+
71
+ let propChecked = getBooleanState(props.checked)
72
+ if (propChecked !== undefined) {
73
+ return propChecked
74
+ }
75
+
76
+ if (!hasInitialized) {
77
+ uncontrolledChecked =
78
+ getBooleanState(options.defaultChecked) ?? getBooleanState(props.defaultChecked) ?? false
79
+ hasInitialized = true
80
+ }
81
+
82
+ return uncontrolledChecked
83
+ }
84
+
85
+ function setChecked(
86
+ node: HTMLElement,
87
+ options: ToggleControlOptions,
88
+ props: ElementProps,
89
+ nextChecked: boolean,
90
+ ) {
91
+ if (isDisabled(options, props) || isReadOnly(options, props)) {
92
+ if (node instanceof HTMLInputElement) {
93
+ node.checked = getChecked(options, props)
94
+ }
95
+ return
96
+ }
97
+
98
+ if (options.checked === undefined && props.checked === undefined) {
99
+ uncontrolledChecked = nextChecked
100
+ void handle.update()
101
+ }
102
+
103
+ options.onCheckedChange?.(nextChecked)
104
+ node.dispatchEvent(new ToggleChangeEvent(nextChecked))
105
+ }
106
+
107
+ return (options = {}, props) => {
108
+ let checked = getChecked(options, props)
109
+ let disabled = isDisabled(options, props)
110
+ let readOnly = isReadOnly(options, props)
111
+ let required = options.required ?? props.required
112
+
113
+ let nextProps: ElementProps = {
114
+ ...props,
115
+ 'aria-checked': hostType === 'input' ? undefined : checked,
116
+ 'aria-disabled': hostType === 'input' ? undefined : disabled || undefined,
117
+ 'aria-readonly': hostType === 'input' ? undefined : readOnly || undefined,
118
+ 'aria-required': hostType === 'input' ? undefined : required || undefined,
119
+ checked: hostType === 'input' ? checked : props.checked,
120
+ defaultChecked: hostType === 'input' ? undefined : props.defaultChecked,
121
+ disabled: hostType === 'input' ? disabled || undefined : props.disabled,
122
+ form: hostType === 'input' ? (options.form ?? props.form) : props.form,
123
+ name: hostType === 'input' ? (options.name ?? props.name) : props.name,
124
+ readOnly: hostType === 'input' ? readOnly || undefined : props.readOnly,
125
+ required: hostType === 'input' ? required : props.required,
126
+ role: 'switch',
127
+ tabIndex:
128
+ hostType === 'input'
129
+ ? (options.tabIndex ?? props.tabIndex)
130
+ : disabled
131
+ ? undefined
132
+ : (options.tabIndex ?? props.tabIndex ?? 0),
133
+ type:
134
+ hostType === 'input'
135
+ ? props.type === undefined
136
+ ? 'checkbox'
137
+ : props.type
138
+ : hostType === 'button' && props.type === undefined
139
+ ? 'button'
140
+ : props.type,
141
+ value: hostType === 'input' ? (options.value ?? props.value) : props.value,
142
+ 'data-state': checked ? 'checked' : 'unchecked',
143
+ }
144
+
145
+ return createElement(handle.element, {
146
+ ...nextProps,
147
+ mix: [
148
+ ref((node: HTMLElement, signal) => {
149
+ if (node instanceof HTMLInputElement) {
150
+ options.inputRef?.(node, signal)
151
+ }
152
+ }),
153
+ on<HTMLElement, 'click'>('click', (event) => {
154
+ if (hostType !== 'input') {
155
+ event.preventDefault()
156
+ }
157
+
158
+ if (disabled || readOnly) {
159
+ if (event.currentTarget instanceof HTMLInputElement) {
160
+ event.currentTarget.checked = checked
161
+ }
162
+ return
163
+ }
164
+
165
+ let nextChecked =
166
+ event.currentTarget instanceof HTMLInputElement
167
+ ? event.currentTarget.checked
168
+ : !checked
169
+
170
+ setChecked(event.currentTarget, options, props, nextChecked)
171
+ }),
172
+ on<HTMLElement, 'keydown'>('keydown', (event) => {
173
+ if (hostType === 'input' || event.key !== ' ') {
174
+ return
175
+ }
176
+
177
+ event.preventDefault()
178
+ setChecked(event.currentTarget, options, props, !checked)
179
+ }),
180
+ ],
181
+ })
182
+ }
183
+ })
184
+
185
+ export const control = controlMixin
186
+
187
+ export function onToggleChange<target extends HTMLElement>(
188
+ handler: ToggleChangeHandler<target>,
189
+ captureBoolean?: boolean,
190
+ ): ReturnType<typeof on<target, typeof TOGGLE_CHANGE_EVENT>> {
191
+ return on(TOGGLE_CHANGE_EVENT, handler, captureBoolean)
192
+ }
@@ -1,92 +0,0 @@
1
- import { on, type CSSMixinDescriptor, type Handle, type Props, type RemixNode, type Dispatched } from '@remix-run/ui';
2
- declare const ACCORDION_CHANGE_EVENT: "rmx:accordion-change";
3
- type AccordionChangeHandler<target extends HTMLElement> = (event: Dispatched<AccordionChangeEvent, target>, signal: AbortSignal) => void | Promise<void>;
4
- declare global {
5
- interface HTMLElementEventMap {
6
- [ACCORDION_CHANGE_EVENT]: AccordionChangeEvent;
7
- }
8
- }
9
- export declare class AccordionChangeEvent extends Event {
10
- accordionType: AccordionType;
11
- itemValue: string;
12
- value: string | null | string[];
13
- constructor(value: string | null | string[], init: {
14
- accordionType: AccordionType;
15
- itemValue: string;
16
- });
17
- }
18
- type AccordionType = 'single' | 'multiple';
19
- type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
20
- type AccordionBaseProps = Omit<Props<'div'>, 'children'> & {
21
- children?: RemixNode;
22
- disabled?: boolean;
23
- headingLevel?: HeadingLevel;
24
- };
25
- export type AccordionSingleProps = AccordionBaseProps & {
26
- type?: 'single';
27
- value?: string | null;
28
- defaultValue?: string | null;
29
- onValueChange?: (value: string | null) => void;
30
- collapsible?: boolean;
31
- };
32
- export type AccordionMultipleProps = AccordionBaseProps & {
33
- type: 'multiple';
34
- value?: string[];
35
- defaultValue?: string[];
36
- onValueChange?: (value: string[]) => void;
37
- };
38
- export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
39
- export type AccordionItemProps = Omit<Props<'div'>, 'children'> & {
40
- children?: RemixNode;
41
- disabled?: boolean;
42
- value: string;
43
- };
44
- export type AccordionTriggerProps = Omit<Props<'button'>, 'children' | 'type'> & {
45
- children?: RemixNode;
46
- indicator?: RemixNode | null;
47
- type?: 'button' | 'submit' | 'reset';
48
- };
49
- export type AccordionContentProps = Omit<Props<'div'>, 'children'> & {
50
- children?: RemixNode;
51
- };
52
- type RegisteredItem = {
53
- disabled: boolean;
54
- getTriggerNode(): HTMLButtonElement | null;
55
- value: string;
56
- };
57
- type AccordionContext = {
58
- collapsible: boolean;
59
- disabled: boolean;
60
- focusItem(value: string, direction: FocusDirection): void;
61
- getPanelId(value: string): string | undefined;
62
- getTriggerId(value: string): string | undefined;
63
- headingLevel: HeadingLevel;
64
- isOpen(value: string): boolean;
65
- registerItem(item: RegisteredItem): void;
66
- toggleItem(value: string): void;
67
- type: AccordionType;
68
- };
69
- type AccordionItemContext = {
70
- disabled: boolean;
71
- headingLevel: HeadingLevel;
72
- lockedOpen: boolean;
73
- open: boolean;
74
- panelId: string;
75
- setTriggerNode(node: HTMLButtonElement | null): void;
76
- triggerId: string;
77
- value: string;
78
- };
79
- type FocusDirection = 'first' | 'last' | 'next' | 'previous';
80
- export declare const rootStyle: CSSMixinDescriptor;
81
- export declare const itemStyle: CSSMixinDescriptor;
82
- export declare const triggerStyle: CSSMixinDescriptor;
83
- export declare const indicatorStyle: CSSMixinDescriptor;
84
- export declare const panelStyle: CSSMixinDescriptor;
85
- export declare const bodyStyle: CSSMixinDescriptor;
86
- declare function AccordionImpl(handle: Handle<AccordionProps, AccordionContext>): () => RemixNode;
87
- export declare function onAccordionChange<target extends HTMLElement>(handler: AccordionChangeHandler<target>, captureBoolean?: boolean): ReturnType<typeof on<target, typeof ACCORDION_CHANGE_EVENT>>;
88
- export declare const Accordion: typeof AccordionImpl;
89
- export declare function AccordionItem(handle: Handle<AccordionItemProps, AccordionItemContext>): () => RemixNode;
90
- export declare function AccordionTrigger(handle: Handle<AccordionTriggerProps>): () => RemixNode;
91
- export declare function AccordionContent(handle: Handle<AccordionContentProps>): () => RemixNode;
92
- export {};
@@ -1,335 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
2
- import { css, createElement, on, ref, } from '@remix-run/ui';
3
- import { spring } from '@remix-run/ui/animation';
4
- import { Glyph } from "../glyph/glyph.js";
5
- import { theme } from "../../theme/theme.js";
6
- const ACCORDION_CHANGE_EVENT = 'rmx:accordion-change';
7
- export class AccordionChangeEvent extends Event {
8
- accordionType;
9
- itemValue;
10
- value;
11
- constructor(value, init) {
12
- super(ACCORDION_CHANGE_EVENT, {
13
- bubbles: true,
14
- });
15
- this.accordionType = init.accordionType;
16
- this.itemValue = init.itemValue;
17
- this.value = value;
18
- }
19
- }
20
- const accordionPanelClipCss = css({
21
- minHeight: 0,
22
- overflow: 'hidden',
23
- });
24
- const accordionTransition = spring();
25
- const accordionRootCss = css({
26
- display: 'flex',
27
- flexDirection: 'column',
28
- minWidth: 0,
29
- });
30
- const accordionItemCss = css({
31
- minWidth: 0,
32
- });
33
- const accordionTriggerCss = css({
34
- all: 'unset',
35
- boxSizing: 'border-box',
36
- cursor: 'revert',
37
- display: 'grid',
38
- gridTemplateColumns: 'minmax(0, 1fr) auto',
39
- alignItems: 'center',
40
- gap: theme.space.md,
41
- width: '100%',
42
- minHeight: theme.control.height.lg,
43
- padding: `${theme.space.md} 0`,
44
- color: theme.colors.text.primary,
45
- fontFamily: theme.fontFamily.sans,
46
- fontSize: theme.fontSize.sm,
47
- lineHeight: theme.lineHeight.normal,
48
- fontWeight: theme.fontWeight.medium,
49
- textAlign: 'left',
50
- '&:hover:not(:disabled)': {
51
- backgroundColor: theme.surface.lvl1,
52
- },
53
- '&:focus-visible': {
54
- outline: `2px solid ${theme.colors.focus.ring}`,
55
- outlineOffset: '2px',
56
- },
57
- '&:disabled': {
58
- opacity: 0.55,
59
- },
60
- '& > span:first-child': {
61
- minWidth: 0,
62
- },
63
- });
64
- const accordionIndicatorCss = css({
65
- display: 'inline-flex',
66
- alignItems: 'center',
67
- justifyContent: 'center',
68
- width: theme.fontSize.sm,
69
- height: theme.fontSize.sm,
70
- color: theme.colors.text.muted,
71
- transition: `transform ${accordionTransition}`,
72
- '& > svg': {
73
- display: 'block',
74
- width: '100%',
75
- height: '100%',
76
- },
77
- '&[data-state="open"]': {
78
- transform: 'rotate(90deg)',
79
- },
80
- });
81
- const accordionPanelCss = css({
82
- display: 'grid',
83
- gridTemplateRows: '0fr',
84
- transition: `grid-template-rows ${accordionTransition}`,
85
- '&[data-state="open"]': {
86
- gridTemplateRows: '1fr',
87
- },
88
- '&[data-state="closed"]': {
89
- pointerEvents: 'none',
90
- },
91
- '@media (prefers-reduced-motion: reduce)': {
92
- transition: 'none',
93
- },
94
- });
95
- const accordionBodyCss = css({
96
- display: 'flow-root',
97
- minHeight: 0,
98
- paddingBottom: theme.space.md,
99
- color: theme.colors.text.secondary,
100
- fontSize: theme.fontSize.sm,
101
- lineHeight: theme.lineHeight.relaxed,
102
- '& > :first-child': {
103
- marginTop: 0,
104
- },
105
- '& > :last-child': {
106
- marginBottom: 0,
107
- },
108
- });
109
- export const rootStyle = accordionRootCss;
110
- export const itemStyle = accordionItemCss;
111
- export const triggerStyle = accordionTriggerCss;
112
- export const indicatorStyle = accordionIndicatorCss;
113
- export const panelStyle = accordionPanelCss;
114
- export const bodyStyle = accordionBodyCss;
115
- function isMultipleProps(props) {
116
- return props?.type === 'multiple';
117
- }
118
- function AccordionImpl(handle) {
119
- let rootNode = null;
120
- let registeredItems = [];
121
- let uncontrolledSingleValue = null;
122
- let uncontrolledMultipleValue = [];
123
- let hasInitializedSingle = false;
124
- let hasInitializedMultiple = false;
125
- let getType = () => (isMultipleProps(handle.props) ? 'multiple' : 'single');
126
- let getSingleValue = () => {
127
- if (isMultipleProps(handle.props)) {
128
- return null;
129
- }
130
- if (handle.props.value !== undefined) {
131
- return handle.props.value;
132
- }
133
- if (!hasInitializedSingle) {
134
- uncontrolledSingleValue = handle.props.defaultValue ?? null;
135
- hasInitializedSingle = true;
136
- }
137
- return uncontrolledSingleValue;
138
- };
139
- let getMultipleValue = () => {
140
- if (!isMultipleProps(handle.props)) {
141
- return [];
142
- }
143
- if (handle.props.value !== undefined) {
144
- return handle.props.value;
145
- }
146
- if (!hasInitializedMultiple) {
147
- uncontrolledMultipleValue = [...(handle.props.defaultValue ?? [])];
148
- hasInitializedMultiple = true;
149
- }
150
- return uncontrolledMultipleValue;
151
- };
152
- let isOpen = (value) => {
153
- if (getType() === 'multiple') {
154
- return getMultipleValue().includes(value);
155
- }
156
- return getSingleValue() === value;
157
- };
158
- let dispatchChange = (itemValue, value) => {
159
- rootNode?.dispatchEvent(new AccordionChangeEvent(value, {
160
- accordionType: getType(),
161
- itemValue,
162
- }));
163
- };
164
- let toggleItem = (itemValue) => {
165
- if (handle.props.disabled) {
166
- return;
167
- }
168
- if (isMultipleProps(handle.props)) {
169
- let currentValue = getMultipleValue();
170
- let nextValue = currentValue.includes(itemValue)
171
- ? currentValue.filter((value) => value !== itemValue)
172
- : [...currentValue, itemValue];
173
- if (handle.props.value === undefined) {
174
- uncontrolledMultipleValue = nextValue;
175
- void handle.update();
176
- }
177
- handle.props.onValueChange?.(nextValue);
178
- dispatchChange(itemValue, nextValue);
179
- return;
180
- }
181
- let isCurrentItemOpen = getSingleValue() === itemValue;
182
- if (isCurrentItemOpen && !(handle.props.collapsible ?? true)) {
183
- return;
184
- }
185
- let nextValue = isCurrentItemOpen ? null : itemValue;
186
- if (handle.props.value === undefined) {
187
- uncontrolledSingleValue = nextValue;
188
- void handle.update();
189
- }
190
- handle.props.onValueChange?.(nextValue);
191
- dispatchChange(itemValue, nextValue);
192
- };
193
- let focusItem = (itemValue, direction) => {
194
- let items = registeredItems.filter((item) => !item.disabled && item.getTriggerNode() !== null);
195
- if (items.length === 0) {
196
- return;
197
- }
198
- let currentIndex = items.findIndex((item) => item.value === itemValue);
199
- let targetIndex = 0;
200
- switch (direction) {
201
- case 'first':
202
- targetIndex = 0;
203
- break;
204
- case 'last':
205
- targetIndex = items.length - 1;
206
- break;
207
- case 'previous':
208
- targetIndex = currentIndex <= 0 ? items.length - 1 : currentIndex - 1;
209
- break;
210
- case 'next':
211
- targetIndex =
212
- currentIndex === -1 || currentIndex === items.length - 1 ? 0 : currentIndex + 1;
213
- break;
214
- }
215
- items[targetIndex]?.getTriggerNode()?.focus();
216
- };
217
- let registerItem = (item) => {
218
- registeredItems.push(item);
219
- };
220
- let getTriggerId = (value) => registeredItems.find((item) => item.value === value)?.getTriggerNode()?.id;
221
- let getPanelId = (value) => `${handle.id}-${value}-panel`;
222
- return () => {
223
- let collapsible = 'collapsible' in handle.props ? handle.props.collapsible : undefined;
224
- let { children, defaultValue, disabled, headingLevel, mix, onValueChange, type, value, ...divProps } = handle.props;
225
- void defaultValue;
226
- void onValueChange;
227
- void value;
228
- registeredItems = [];
229
- handle.context.set({
230
- collapsible: type === 'multiple' ? true : (collapsible ?? true),
231
- disabled: disabled ?? false,
232
- focusItem,
233
- getPanelId,
234
- getTriggerId,
235
- headingLevel: headingLevel ?? 3,
236
- isOpen,
237
- registerItem,
238
- toggleItem,
239
- type: type ?? 'single',
240
- });
241
- return (_jsx("div", { ...divProps, "data-disabled": disabled ? '' : undefined, "data-type": type ?? 'single', mix: [
242
- rootStyle,
243
- ref((node) => {
244
- rootNode = node;
245
- }),
246
- ...(mix ?? []),
247
- ], children: children }));
248
- };
249
- }
250
- export function onAccordionChange(handler, captureBoolean) {
251
- return on(ACCORDION_CHANGE_EVENT, handler, captureBoolean);
252
- }
253
- export const Accordion = AccordionImpl;
254
- export function AccordionItem(handle) {
255
- let triggerNode = null;
256
- let triggerId = `${handle.id}-trigger`;
257
- let panelId = `${handle.id}-panel`;
258
- return () => {
259
- let { children, disabled: itemDisabled, mix, value, ...divProps } = handle.props;
260
- let accordion = handle.context.get(Accordion);
261
- let disabled = accordion.disabled || itemDisabled === true;
262
- let open = accordion.isOpen(value);
263
- let lockedOpen = accordion.type === 'single' && !accordion.collapsible && open;
264
- accordion.registerItem({
265
- disabled,
266
- getTriggerNode: () => triggerNode,
267
- value,
268
- });
269
- handle.context.set({
270
- disabled,
271
- headingLevel: accordion.headingLevel,
272
- lockedOpen,
273
- open,
274
- panelId,
275
- setTriggerNode(node) {
276
- triggerNode = node;
277
- },
278
- triggerId,
279
- value,
280
- });
281
- return (_jsx("div", { ...divProps, "data-disabled": disabled ? '' : undefined, "data-state": open ? 'open' : 'closed', mix: [itemStyle, ...(mix ?? [])], children: children }));
282
- };
283
- }
284
- export function AccordionTrigger(handle) {
285
- return () => {
286
- let accordion = handle.context.get(Accordion);
287
- let item = handle.context.get(AccordionItem);
288
- let headingTag = `h${item.headingLevel}`;
289
- let { children, indicator, mix, type, ...buttonProps } = handle.props;
290
- let disabled = item.disabled || handle.props.disabled === true;
291
- let toggleItem = () => {
292
- if (disabled || item.lockedOpen) {
293
- return;
294
- }
295
- accordion.toggleItem(item.value);
296
- };
297
- let button = (_jsxs("button", { ...buttonProps, "aria-controls": item.panelId, "aria-disabled": item.lockedOpen ? true : undefined, "aria-expanded": item.open, "data-state": item.open ? 'open' : 'closed', disabled: disabled ? true : undefined, id: item.triggerId, mix: [
298
- triggerStyle,
299
- ref((node) => {
300
- item.setTriggerNode(node);
301
- }),
302
- on('click', toggleItem),
303
- on('keydown', (event) => {
304
- switch (event.key) {
305
- case 'ArrowDown':
306
- event.preventDefault();
307
- accordion.focusItem(item.value, 'next');
308
- break;
309
- case 'ArrowUp':
310
- event.preventDefault();
311
- accordion.focusItem(item.value, 'previous');
312
- break;
313
- case 'Home':
314
- event.preventDefault();
315
- accordion.focusItem(item.value, 'first');
316
- break;
317
- case 'End':
318
- event.preventDefault();
319
- accordion.focusItem(item.value, 'last');
320
- break;
321
- }
322
- }),
323
- mix,
324
- ], type: type ?? 'button', children: [_jsx("span", { children: children }), indicator === null ? null : (_jsx("span", { "data-rmx-accordion-indicator": "", "data-state": item.open ? 'open' : 'closed', mix: indicatorStyle, children: indicator ?? _jsx(Glyph, { name: "chevronRight" }) }))] }));
325
- return createElement(headingTag, {}, button);
326
- };
327
- }
328
- export function AccordionContent(handle) {
329
- return () => {
330
- let item = handle.context.get(AccordionItem);
331
- let { children, mix, ...panelProps } = handle.props;
332
- return (_jsx("div", { ...panelProps, "aria-hidden": item.open ? undefined : true, "aria-labelledby": item.triggerId, "data-state": item.open ? 'open' : 'closed', id: item.panelId, inert: item.open ? undefined : true, mix: [panelStyle, mix ?? []], children: _jsx("div", { mix: accordionPanelClipCss, children: _jsx("div", { mix: bodyStyle, children: children }) }) }));
333
- };
334
- }
335
- //# sourceMappingURL=accordion.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- /**
2
- * @name Accordion in a Card
3
- * @description The Accordion can sit inside a card when the surrounding surface needs stronger grouping.
4
- * @order 3
5
- */
6
- export default function Example(): () => import("@remix-run/ui").RemixElement;